/* autoprefixer: off */
 .acgn-model-index-banner {
     position: relative;
     min-width: 1152px
 }

 .acgn-model-index-banner .banner-wrapper {
     position: relative;
     z-index: 2;
     background-position: top;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     background-repeat: no-repeat
 }

 .acgn-model-index-banner .banner-bg {
     position: absolute;
     width: 100%;
     height: 100px;
     z-index: 130
 }

 .acgn-model-index-banner .banner-block {
     width: 100%;
     position: relative;
     z-index: 131
 }

 .acgn-model-index-banner .banner-pos {
     position: relative;
     left: 0;
     right: 0;
     height: auto;
     z-index: 132
 }

 .acgn-model-index-banner .banner-pos .shadow {
     width: 100%;
     position: absolute;
     bottom: 0;
     z-index: 1
 }

 .acgn-model-index-banner .banner-pos .shadow div {
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     border-radius: 16px;
     overflow: hidden;
     height: 120px;
     -webkit-box-shadow: 0 0 17px 12px rgba(139, 208, 255, .3);
     -moz-box-shadow: 0 0 17px 12px rgba(139, 208, 255, .3);
     box-shadow: 0 0 17px 12px rgba(139, 208, 255, .3)
 }

 .acgn-model-index-banner .banner-logo {
     padding: 47px 0 26px
 }

 .acgn-model-index-banner .banner-logo-inner {
     float: right;
     width: 130px;
     height: 45px
 }

 .acgn-model-index-banner .recommend-name {
     font-size: 50px;
     font-family: SimHei;
     font-weight: 600;
     color: #ffffff;
     line-height: 70px;
     text-shadow: 0 2px 4px rgba(50, 92, 209, .5);
     margin: 0 auto;
     text-align: right
 }

 .acgn-model-index-banner .recommend-des {
     height: 37px;
     font-size: 26px;
     font-family: SimHei;
     font-weight: 500;
     color: #ffffff;
     line-height: 37px;
     text-shadow: 0 2px 4px rgba(39, 158, 167, .5);
     margin: 0 auto;
     text-align: right
 }

 .acgn-model-index-banner .more {
     margin: 32px auto
 }

 .acgn-model-index-banner .more-btn {
     float: right;
     display: block;
     width: 140px;
     height: 52px
 }

 .acgn-model-index-banner .swiper {
     min-height: 329px;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     border-radius: 16px;
     overflow: hidden;
     zoom: 1;
     position: relative;
     z-index: 99
 }

 .acgn-model-index-banner .banner-container {
     width: 66.9014084507%;
     height: auto;
     margin: 0;
     overflow: hidden
 }

 .acgn-model-index-banner .banner-container .swiper-wrapper {
     overflow: hidden;
     z-index: 1
 }

 .acgn-model-index-banner .banner-container .banner-inner {
     height: auto;
     width: 100%;
     background: #ffffff
 }

 .acgn-model-index-banner .banner-container .banner-inner .pic-img {
     position: relative;
     z-index: 130;
     display: block;
     height: 100%;
     height: 100% !important;
     width: 100%;
     -webkit-background-size: 100% auto;
     -moz-background-size: 100% auto;
     background-size: 100% auto;
     background-repeat: no-repeat;
     background-position: top
 }

 .acgn-model-index-banner .banner-container .swiper-slide {
     position: relative
 }

 .acgn-model-index-banner .banner-container .swiper-slide-mask {
     display: block;
     position: absolute;
     height: 208px;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 160;
     background-color: hsla(0, 0%, 93%, 0) 0;
     background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 93%, 0)), to(rgba(0, 0, 0, .62)));
     background-image: -webkit-linear-gradient(top, hsla(0, 0%, 93%, 0) 0, rgba(0, 0, 0, .62) 100%);
     background-image: -moz- oldlinear-gradient(top, hsla(0, 0%, 93%, 0) 0 0, rgba(0, 0, 0, .62) 100% 100%);
     background-image: -o-linear-gradient(top, hsla(0, 0%, 93%, 0) 0 0, rgba(0, 0, 0, .62) 100% 100%);
     background-image: linear-gradient(180degdeg, hsla(0, 0%, 93%, 0) 0, rgba(0, 0, 0, .62) 100%)
 }

 .acgn-model-index-banner .banner-container .swiper-slide-mask-inner {
     position: absolute;
     bottom: 14px;
     right: 14px;
     z-index: 161;
     font-family: SimHei;
     text-align: right
 }

 .acgn-model-index-banner .banner-container .swiper-slide-mask .name {
     font-size: 24px;
     font-weight: 500;
     color: #ffffff;
     line-height: 33px
 }

 .acgn-model-index-banner .banner-container .swiper-slide-mask .desc {
     font-size: 16px;
     font-weight: 400;
     color: #ffffff;
     line-height: 22px
 }

 .acgn-model-index-banner .banner-container .banner-pagination {
     position: absolute;
     right: 0;
     height: 14px;
     left: 33px;
     bottom: 18px;
     z-index: 160
 }

 .acgn-model-index-banner .banner-container .banner-pagination .swiper-pagination-switch {
     display: block;
     width: 7px;
     height: 14px;
     float: left;
     background: #ffffff;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=80);
     opacity: .8;
     -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
     border-radius: 9px;
     margin-left: 8px;
     cursor: pointer
 }

 .acgn-model-index-banner .banner-container .banner-pagination .swiper-pagination-switch:first-child {
     margin-left: 0
 }

 .acgn-model-index-banner .banner-container .banner-pagination .swiper-pagination-switch.swiper-active-switch {
     position: relative;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=100);
     opacity: 1
 }

 .acgn-model-index-banner .banner-container .banner-pagination .swiper-pagination-switch.swiper-active-switch:after {
     position: absolute;
     display: block;
     left: 0;
     top: -10px;
     content: " ";
     width: 9px;
     height: 24px;
     background: #ffffff;
     -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
     border-radius: 9px
 }

 .acgn-model-index-banner .banner-menu {
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     left: 66%;
     overflow: hidden
 }

 .acgn-model-index-banner .banner-menu a {
     display: block;
     width: 100%;
     height: 100%;
     text-align: center;
     text-decoration: none;
     cursor: pointer
 }

 .acgn-model-index-banner .banner-menu a:link {
     color: #ffffff;
     text-decoration: none
 }

 .acgn-model-index-banner .banner-menu a:active {
     color: #ffffff
 }

 .acgn-model-index-banner .banner-menu a:visited {
     color: #ffffff;
     text-decoration: none
 }

 .acgn-model-index-banner .banner-menu-down {
     width: 100%;
     height: 36.4741641337%;
     background-repeat: no-repeat;
     background-position: 50%;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     position: relative
 }

 .acgn-model-index-banner .banner-menu-down .down-bg {
     position: absolute;
     left: 0;
     width: 100%;
     height: 100%;
     height: 100% !important;
     z-index: 0
 }

 .acgn-model-index-banner .banner-menu-down:hover {
     text-shadow: 0 0 8px #fff
 }

 .acgn-model-index-banner .banner-menu-down a {
     text-align: center
 }

 .acgn-model-index-banner .banner-menu-down a i,
 .acgn-model-index-banner .banner-menu-down a span {
     font-size: 24px;
     font-family: SimHei;
     font-weight: 600;
     color: #ffffff;
     position: relative;
     z-index: 1
 }

 .acgn-model-index-banner .banner-menu-down .more-btn-inner {
     display: inline-block;
     padding: 12% 0 0;
     padding: 12% 0 0 0\9
 }

 .acgn-model-index-banner .banner-menu-down i {
     margin-right: 6px;
     vertical-align: middle
 }

 .acgn-model-index-banner .banner-menu-down span {
     vertical-align: middle
 }

 .acgn-model-index-banner .banner-menu .light {
     height: 21.2765957447%;
     background: #ffffff;
     -webkit-box-shadow: 0 0 12px 6px rgba(153, 213, 255, .12);
     -moz-box-shadow: 0 0 12px 6px rgba(153, 213, 255, .12);
     box-shadow: 0 0 12px 6px rgba(153, 213, 255, .12);
     position: relative;
     overflow: hidden;
     zoom: 1
 }

 .acgn-model-index-banner .banner-menu .light a {
     text-align: center
 }

 .acgn-model-index-banner .banner-menu .light:hover a span {
     color: #009eec
 }

 .acgn-model-index-banner .banner-menu .light:hover .icon-normal {
     display: none
 }

 .acgn-model-index-banner .banner-menu .light:hover .icon-select {
     display: inline-block
 }

 .acgn-model-index-banner .banner-menu .light .icon-normal {
     margin-right: 37px;
     display: inline-block
 }

 .acgn-model-index-banner .banner-menu .light .icon-select {
     margin-right: 37px;
     display: none
 }

 .acgn-model-index-banner .banner-menu .light a i,
 .acgn-model-index-banner .banner-menu .light a span {
     font-size: 20px;
     font-family: SimHei;
     font-weight: 400;
     color: #333333
 }

 .acgn-model-index-banner .banner-menu .light .light-inner {
     height: 48px;
     line-height: 48px;
     margin: 3% 0 0;
     margin: 3% 0 0 0\9;
     display: inline-block
 }

 .acgn-model-index-banner .banner-menu .light a i,
 .acgn-model-index-banner .banner-menu .light a span {
     vertical-align: middle
 }

 .acgn-row div.acgn-model-index-links1 {
     margin: 28px 0 0
 }

 .acgn-model-index-links1 {
     position: relative;
     margin-bottom: 16px;
     background: #f8fdff;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px
 }

 .acgn-model-index-links1 .acgn-model .model-head {
     height: auto;
     padding: 0 24px;
     margin: 0
 }

 .acgn-model-index-links1 .acgn-model .model-head .more {
     top: 15px;
     right: 24px;
     font-size: 14px;
     font-weight: 400;
     color: #009eec;
     line-height: 40px
 }

 .acgn-model-index-links1 .menu {
     display: block;
     height: 69px;
     margin-right: 80px;
     font-size: 0;
     color: #333333;
     line-height: 69px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: normal
 }

 .acgn-model-index-links1 .menu .item {
     display: inline-block;
     height: 69px;
     width: auto;
     font-size: 0;
     line-height: 69px;
     vertical-align: middle
 }

 .acgn-model-index-links1 .menu .item a {
     color: inherit
 }

 .acgn-model-index-links1 .menu .item .item-icon {
     font-size: 24px;
     max-height: 32px;
     margin-right: 10px;
     vertical-align: middle
 }

 .acgn-model-index-links1 .menu .item .item-text {
     font-size: 14px;
     margin-right: 32px;
     color: #333333
 }

 .acgn-model-index-links1 .menu .item .item-text:hover {
     color: #009eec
 }

 .acgn-model-index-swiper3 .brace-x,
 .acgn-model-index-swiper3 .model-content {
     zoom: 1
 }

 .acgn-model-index-swiper3 .brace-x:after,
 .acgn-model-index-swiper3 .model-content:after {
     content: "";
     display: table;
     clear: both
 }

 .acgn-model-index-swiper3 {
     margin-bottom: 16px
 }

 .acgn-model-index-swiper3 div.model-head {
     height: auto;
     padding: 30px 0 15px
 }

 .acgn-model-index-swiper3 div.model-head .more {
     top: 50px
 }

 .acgn-model-index-swiper3 .swiper-area .swiper-btns .swiper-btn {
     top: -28px;
     height: 56px;
     width: 40px;
     color: #ffffff;
     font-size: 24px;
     line-height: 56px;
     text-align: center;
     overflow: hidden;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=100);
     opacity: 1
 }

 .acgn-model-index-swiper3 .swiper-area .swiper-btns .swiper-btn:before {
     content: "";
     position: absolute;
     z-index: 10;
     z-index: inherit;
     top: 0;
     height: 56px;
     width: 56px;
     -webkit-border-radius: 28px;
     -moz-border-radius: 28px;
     border-radius: 28px;
     background-color: #000000;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=50);
     opacity: .5
 }

 .acgn-model-index-swiper3 .swiper-area .swiper-btns .swiper-btn i {
     position: relative;
     z-index: 11
 }

 .acgn-model-index-swiper3 .swiper-area .swiper-btns .swiper-btn:hover:before {
     background-color: #009eec;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=100);
     opacity: 1
 }

 .acgn-model-index-swiper3 .model-content {
     position: relative
 }

 .acgn-model-index-swiper3 .pic {
     display: block;
     height: 100%;
     width: 100%;
     overflow: hidden
 }

 .acgn-model-index-swiper3 .pic a {
     color: inherit
 }

 .acgn-model-index-swiper3 .pic .bg {
     display: block;
     height: 100%;
     width: 100%
 }

 .acgn-model-index-swiper3 .info {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 10
 }

 .acgn-model-index-swiper3 .info .name {
     width: 221px;
     height: 124px;
     background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 93%, 0)), to(rgba(0, 0, 0, .7)));
     background: -webkit-linear-gradient(top, hsla(0, 0%, 93%, 0), rgba(0, 0, 0, .7));
     background: -moz- oldlinear-gradient(top, hsla(0, 0%, 93%, 0) 0, rgba(0, 0, 0, .7) 100%);
     background: -o-linear-gradient(top, hsla(0, 0%, 93%, 0) 0, rgba(0, 0, 0, .7) 100%);
     background: linear-gradient(180deg, hsla(0, 0%, 93%, 0), rgba(0, 0, 0, .7));
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 11;
     width: 100%
 }

 .acgn-model-index-swiper3 .info .name .link {
     position: absolute;
     bottom: 13px;
     left: 6px;
     z-index: 12;
     width: 90%;
     height: 20px;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     text-align: left;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     word-wrap: break-word;
     word-break: break-all;
     /*! autoprefixer: off */
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-swiper3 .info .name .link a {
     color: #ffffff
 }

 .acgn-model-index-swiper3 .info .desc {
     position: absolute;
     bottom: 0;
     left: 0;
     top: 0;
     right: 0;
     display: none;
     z-index: 12;
     background: rgba(0, 0, 0, .6)
 }

 .acgn-model-index-swiper3 .info .desc .desc-inner {
     position: absolute;
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     padding: 0 16px
 }

 .acgn-model-index-swiper3 .info .desc-name {
     height: 33px;
     font-size: 24px;
     text-align: left;
     line-height: 33px
         /*! autoprefixer: off */
 }

 .acgn-model-index-swiper3 .info .desc-name,
 .acgn-model-index-swiper3 .info .desc-text {
     font-weight: 400;
     color: #ffffff;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     word-wrap: break-word;
     word-break: break-all;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-swiper3 .info .desc-text {
     height: 22px;
     font-size: 16px;
     line-height: 22px;
     margin-top: 3px
         /*! autoprefixer: off */
 }

 .acgn-model-index-swiper3 .info .desc .more {
     display: block;
     width: 48px;
     height: 24px;
     margin-top: 25px;
     cursor: pointer
 }

 .acgn-model-index-swiper3 .info .desc .more .more-bg {
     width: 100%;
     height: 100%
 }

 .acgn-model-index-swiper3 .brace-wrap {
     overflow: hidden
 }

 .acgn-model-index-swiper3 .brace-x {
     margin-right: 0
 }

 .acgn-model-index-swiper3 .comic-cell {
     position: relative;
     width: 100%;
     padding: 0
 }

 .acgn-model-index-swiper3 .comic-cell .adapt-ratio-custom {
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     overflow: hidden
 }

 .acgn-model-index-swiper3 .comic-cell .adapt-ratio-custom:hover img.bg {
     -webkit-filter: blur(3px);
     -moz-filter: blur(3px);
     -ms-filter: blur(3px);
     filter: blur(3px);
     filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false)
 }

 .acgn-model-index-swiper3 .comic-cell .adapt-ratio-custom:hover .info .name {
     display: none
 }

 .acgn-model-index-swiper3 .comic-cell .adapt-ratio-custom:hover .info .desc {
     display: block
 }

 .acgn-model-index-swiper3 .size-cell {
     float: left;
     width: 20%
 }

 .acgn-model-index-swiper3 .swiper-area .swiper-btns {
     margin-top: -27px
 }

 .acgn-model-index-swiper3.acgn-space-none .brace-x {
     margin-right: -2px
 }

 .acgn-model-index-swiper3.acgn-space-none .comic-cell {
     padding: 0 2px 2px 0
 }

 .acgn-model-index-swiper3.acgn-space-none .swiper-area .swiper-btns {
     margin-top: -28px
 }

 .acgn-model-index-swiper3 .brace-x,
 .acgn-model-index-swiper3.acgn-space-small .brace-x {
     margin-right: -8px
 }

 .acgn-model-index-swiper3 .comic-cell,
 .acgn-model-index-swiper3.acgn-space-small .comic-cell {
     padding: 0 8px 8px 0
 }

 .acgn-model-index-swiper3 .swiper-area .swiper-btns,
 .acgn-model-index-swiper3.acgn-space-small .swiper-area .swiper-btns {
     margin-top: -31px
 }

 .acgn-model-index-swiper3.acgn-space-normal .brace-x {
     margin-right: -16px
 }

 .acgn-model-index-swiper3.acgn-space-normal .comic-cell {
     padding: 0 16px 16px 0
 }

 .acgn-model-index-swiper3.acgn-space-normal .swiper-area .swiper-btns {
     margin-top: -35px
 }

 .acgn-model-index-swiper3.acgn-space-big .brace-x {
     margin-right: -28px
 }

 .acgn-model-index-swiper3.acgn-space-big .comic-cell {
     padding: 0 28px 28px 0
 }

 .acgn-model-index-swiper3.acgn-space-big .swiper-area .swiper-btns {
     margin-top: -41px
 }

 .acgn-model-index-swiper2 .brace-x,
 .acgn-model-index-swiper2 .model-content {
     zoom: 1
 }

 .acgn-model-index-swiper2 .brace-x:after,
 .acgn-model-index-swiper2 .model-content:after {
     content: "";
     display: table;
     clear: both
 }

 .acgn-model-index-swiper2 {
     margin-bottom: 16px;
     padding: 0 21px
 }

 .acgn-model-index-swiper2 div.model-head {
     height: auto;
     padding: 30px 0 15px
 }

 .acgn-model-index-swiper2 div.model-head .more {
     top: 50px
 }

 .acgn-model-index-swiper2 .swiper-area .swiper-btns .swiper-btn {
     top: -28px;
     height: 56px;
     width: 40px;
     color: #ffffff;
     font-size: 24px;
     line-height: 56px;
     text-align: center;
     background-color: transparent;
     overflow: hidden;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=100);
     opacity: 1
 }

 .acgn-model-index-swiper2 .swiper-area .swiper-btns .swiper-btn:before {
     content: "";
     position: absolute;
     z-index: 10;
     z-index: inherit;
     top: 0;
     height: 56px;
     width: 56px;
     -webkit-border-radius: 28px;
     -moz-border-radius: 28px;
     border-radius: 28px;
     background-color: #000000;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=50);
     opacity: .5
 }

 .acgn-model-index-swiper2 .swiper-area .swiper-btns .swiper-btn i {
     position: relative;
     z-index: 11
 }

 .acgn-model-index-swiper2 .swiper-area .swiper-btns .swiper-btn:hover:before {
     background-color: #009eec;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=100);
     opacity: 1
 }

 .acgn-model-index-swiper2 .model-content {
     position: relative
 }

 .acgn-model-index-swiper2 .pic {
     display: block;
     height: 100%;
     width: 100%;
     overflow: hidden;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px
 }

 .acgn-model-index-swiper2 .pic a {
     color: inherit
 }

 .acgn-model-index-swiper2 .pic .bg {
     display: block;
     height: 100%;
     width: 100%
 }

 .acgn-model-index-swiper2 .info .name {
     width: 90%;
     height: 20px;
     font-size: 14px;
     font-weight: 400;
     color: #333333;
     line-height: 20px;
     margin-top: 16px;
     text-align: left;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     word-wrap: break-word;
     word-break: break-all;
     /*! autoprefixer: off */
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-swiper2 .info .desc {
     height: 17px;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
     margin-top: 4px;
     line-height: 17px
 }

 .acgn-model-index-swiper2 .brace-wrap {
     overflow: hidden
 }

 .acgn-model-index-swiper2 .brace-x {
     margin-right: 0
 }

 .acgn-model-index-swiper2 .comic-cell {
     position: relative;
     width: 100%;
     padding: 0
 }

 .acgn-model-index-swiper2 .comic-cell .adapt-ratio-custom {
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px
 }

 .acgn-model-index-swiper2 .comic-cell .adapt-ratio-custom:hover {
     -webkit-box-shadow: 0 0 8px 0 #97dcff;
     -moz-box-shadow: 0 0 8px 0 #97dcff;
     box-shadow: 0 0 8px 0 #97dcff
 }

 .acgn-model-index-swiper2 .size-cell {
     float: left;
     width: 25%
 }

 .acgn-model-index-swiper2 .swiper-area .swiper-btns {
     margin-top: -27px
 }

 .acgn-model-index-swiper2.acgn-space-none .brace-x {
     margin-right: -2px
 }

 .acgn-model-index-swiper2.acgn-space-none .comic-cell {
     padding: 2px 2px 2px 0
 }

 .acgn-model-index-swiper2.acgn-space-none .swiper-area .swiper-btns {
     margin-top: -28px
 }

 .acgn-model-index-swiper2 .brace-x,
 .acgn-model-index-swiper2.acgn-space-small .brace-x {
     margin-right: -8px
 }

 .acgn-model-index-swiper2 .comic-cell,
 .acgn-model-index-swiper2.acgn-space-small .comic-cell {
     padding: 8px 8px 8px 0
 }

 .acgn-model-index-swiper2 .swiper-area .swiper-btns,
 .acgn-model-index-swiper2.acgn-space-small .swiper-area .swiper-btns {
     margin-top: -31px
 }

 .acgn-model-index-swiper2.acgn-space-normal .brace-x {
     margin-right: -16px
 }

 .acgn-model-index-swiper2.acgn-space-normal .comic-cell {
     padding: 16px 16px 16px 0
 }

 .acgn-model-index-swiper2.acgn-space-normal .swiper-area .swiper-btns {
     margin-top: -35px
 }

 .acgn-model-index-swiper2.acgn-space-big .brace-x {
     margin-right: -28px
 }

 .acgn-model-index-swiper2.acgn-space-big .comic-cell {
     padding: 28px 28px 28px 0
 }

 .acgn-model-index-swiper2.acgn-space-big .swiper-area .swiper-btns {
     margin-top: -41px
 }

 .acgn-model-index-swiper1 .brace-x,
 .acgn-model-index-swiper1 .model-content {
     zoom: 1
 }

 .acgn-model-index-swiper1 .brace-x:after,
 .acgn-model-index-swiper1 .model-content:after {
     content: "";
     display: table;
     clear: both
 }

 .acgn-model-index-swiper1 {
     margin-bottom: 16px
 }

 .acgn-model-index-swiper1 div.model-head {
     height: auto;
     padding: 30px 0 15px
 }

 .acgn-model-index-swiper1 div.model-head .more {
     top: 50px
 }

 .acgn-model-index-swiper1 .swiper-area .swiper-btns .swiper-btn {
     top: -28px;
     height: 56px;
     width: 40px;
     color: #ffffff;
     font-size: 24px;
     line-height: 56px;
     text-align: center;
     background-color: transparent;
     overflow: hidden;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=100);
     opacity: 1
 }

 .acgn-model-index-swiper1 .swiper-area .swiper-btns .swiper-btn:before {
     content: "";
     position: absolute;
     z-index: 10;
     z-index: inherit;
     top: 0;
     height: 56px;
     width: 56px;
     -webkit-border-radius: 28px;
     -moz-border-radius: 28px;
     border-radius: 28px;
     background-color: #000000;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=50);
     opacity: .5
 }

 .acgn-model-index-swiper1 .swiper-area .swiper-btns .swiper-btn i {
     position: relative;
     z-index: 11
 }

 .acgn-model-index-swiper1 .swiper-area .swiper-btns .swiper-btn:hover:before {
     background-color: #009eec;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=100);
     opacity: 1
 }

 .acgn-model-index-swiper1 .model-content {
     position: relative
 }

 .acgn-model-index-swiper1 .pic {
     display: block;
     height: 100%;
     width: 100%;
     overflow: hidden
 }

 .acgn-model-index-swiper1 .pic a {
     color: inherit
 }

 .acgn-model-index-swiper1 .pic:hover {
     -webkit-transform: none;
     -moz-transform: none;
     -ms-transform: none;
     -o-transform: none;
     transform: none;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=65);
     opacity: .65
 }

 .acgn-model-index-swiper1 .pic .bg {
     display: block;
     height: 100%;
     width: 100%
 }

 .acgn-model-index-swiper1 .info .name {
     width: 90%;
     height: 20px;
     font-size: 14px;
     font-weight: 400;
     color: #333333;
     line-height: 20px;
     margin-top: 11px;
     text-align: left;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     word-wrap: break-word;
     word-break: break-all;
     /*! autoprefixer: off */
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-swiper1 .brace-wrap {
     overflow: hidden
 }

 .acgn-model-index-swiper1 .brace-x {
     margin-right: 0
 }

 .acgn-model-index-swiper1 .comic-cell {
     position: relative;
     width: 100%;
     padding: 0
 }

 .acgn-model-index-swiper1 .comic-cell .adapt-ratio-custom {
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     overflow: hidden
 }

 .acgn-model-index-swiper1 .size-cell {
     float: left;
     width: 20%
 }

 .acgn-model-index-swiper1 .swiper-area .swiper-btns {
     margin-top: -27px
 }

 .acgn-model-index-swiper1.acgn-space-none .brace-x {
     margin-right: -2px
 }

 .acgn-model-index-swiper1.acgn-space-none .comic-cell {
     padding: 0 2px 2px 0
 }

 .acgn-model-index-swiper1.acgn-space-none .swiper-area .swiper-btns {
     margin-top: -28px
 }

 .acgn-model-index-swiper1 .brace-x,
 .acgn-model-index-swiper1.acgn-space-small .brace-x {
     margin-right: -8px
 }

 .acgn-model-index-swiper1 .comic-cell,
 .acgn-model-index-swiper1.acgn-space-small .comic-cell {
     padding: 0 8px 8px 0
 }

 .acgn-model-index-swiper1 .swiper-area .swiper-btns,
 .acgn-model-index-swiper1.acgn-space-small .swiper-area .swiper-btns {
     margin-top: -31px
 }

 .acgn-model-index-swiper1.acgn-space-normal .brace-x {
     margin-right: -16px
 }

 .acgn-model-index-swiper1.acgn-space-normal .comic-cell {
     padding: 0 16px 16px 0
 }

 .acgn-model-index-swiper1.acgn-space-normal .swiper-area .swiper-btns {
     margin-top: -35px
 }

 .acgn-model-index-swiper1.acgn-space-big .brace-x {
     margin-right: -28px
 }

 .acgn-model-index-swiper1.acgn-space-big .comic-cell {
     padding: 0 28px 28px 0
 }

 .acgn-model-index-swiper1.acgn-space-big .swiper-area .swiper-btns {
     margin-top: -41px
 }

 .acgn-model-index-category .brace-x {
     zoom: 1
 }

 .acgn-model-index-category .brace-x:after {
     content: "";
     display: table;
     clear: both
 }

 .acgn-model-index-category {
     margin-bottom: 16px
 }

 .acgn-model-index-category div.model-head {
     height: auto;
     padding: 30px 0 15px
 }

 .acgn-model-index-category .week-tabs-cat {
     height: 35px;
     font-size: 0;
     line-height: 35px
 }

 .acgn-model-index-category .week-tabs-cat .tab {
     position: relative;
     z-index: 2;
     display: inline-block;
     height: 32px;
     padding: 0 24px;
     margin: 5px 16px 0 0;
     font-size: 18px;
     line-height: 32px;
     text-align: center;
     color: #333333;
     vertical-align: middle;
     background: #f8fdff;
     cursor: pointer;
     -webkit-border-radius: 21px;
     -moz-border-radius: 21px;
     border-radius: 21px
 }

 .acgn-model-index-category .week-tabs-cat .tab.active {
     background: #6ac9ff;
     color: #ffffff
 }

 .acgn-model-index-category .model-head {
     text-align: center
 }

 .acgn-model-index-category .tab-space {
     position: relative;
     display: inline-block;
     height: 35px;
     font-size: 0;
     line-height: 35px;
     vertical-align: middle
 }

 .acgn-model-index-category .model-content {
     position: relative
 }

 .acgn-model-index-category .brace-wrap {
     overflow: hidden
 }

 .acgn-model-index-category .brace-x {
     margin-right: 0
 }

 .acgn-model-index-category .comic-cell {
     position: relative;
     width: 100%;
     padding: 0
 }

 .acgn-model-index-category .comic-cell .pic {
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px
 }

 .acgn-model-index-category .size-cell {
     float: left;
     width: 16.66666666%
 }

 .acgn-model-index-category .block-item {
     position: relative;
     display: none
 }

 .acgn-model-index-category .block-item.active {
     display: block
 }

 .acgn-model-index-category .paper {
     position: relative;
     padding: 12px 16px 12px 0;
     margin-right: 16px
 }

 .acgn-model-index-category .paper .cell-left {
     position: relative;
     display: block;
     width: 50%
 }

 .acgn-model-index-category .paper .cell-right {
     position: absolute;
     left: 50%;
     top: 12px;
     right: 0;
     bottom: 12px;
     display: block;
     padding: 0 16px
 }

 .acgn-model-index-category .paper .title {
     height: 32px;
     padding: 8px 0 4px;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     color: #333333;
     cursor: pointer
 }

 .acgn-model-index-category .paper .desc,
 .acgn-model-index-category .paper .title {
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-category .paper .desc {
     height: 24px;
     margin-bottom: 4px;
     font-size: 12px;
     line-height: 24px;
     color: #999999
 }

 .acgn-model-index-category .paper .tags {
     display: block;
     height: auto;
     font-size: 0;
     line-height: 24px
 }

 .acgn-model-index-category .paper .tags .tag {
     display: inline-block;
     height: 16px;
     width: auto;
     min-width: 24px;
     margin-right: 10px;
     font-size: 12px;
     color: #999999;
     line-height: 14px;
     text-align: center;
     vertical-align: middle
 }

 .acgn-model-index-category .paper .tags .tag:hover {
     color: #009eec
 }

 .acgn-model-index-category .paper .tags .tag a {
     color: inherit
 }

 .acgn-model-index-category .paper .bt {
     position: absolute;
     left: 16px;
     right: 16px;
     bottom: 0;
     display: block;
     height: auto
 }

 .acgn-model-index-category .paper .hot {
     height: 24px;
     padding: 2px 0;
     font-size: 12px;
     line-height: 20px;
     color: #999999;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-category .paper .hot .imp {
     color: #dcdcdc;
     font-size: 14px
 }

 .acgn-model-index-category .paper .new {
     height: 24px;
     font-size: 12px;
     line-height: 24px;
     color: #999999;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-category .paper .new .imp {
     font-weight: 400;
     color: #009eec;
     cursor: pointer
 }

 .acgn-model-index-category .paper .new .imp:hover {
     color: #91dfff
 }

 .acgn-model-index-category.acgn-space-none .brace-x {
     margin-right: -2px
 }

 .acgn-model-index-category.acgn-space-none .comic-cell {
     padding: 0 2px 2px 0
 }

 .acgn-model-index-category.acgn-space-small .brace-x,
 .acgn-model-index-category .brace-x {
     margin-right: -8px
 }

 .acgn-model-index-category.acgn-space-small .comic-cell,
 .acgn-model-index-category .comic-cell {
     padding: 0 8px 8px 0
 }

 .acgn-model-index-category.acgn-space-normal .brace-x {
     margin-right: -16px
 }

 .acgn-model-index-category.acgn-space-normal .comic-cell {
     padding: 0 16px 16px 0
 }

 .acgn-model-index-category.acgn-space-big .brace-x {
     margin-right: -28px
 }

 .acgn-model-index-category.acgn-space-big .comic-cell {
     padding: 0 28px 28px 0
 }

 .acgn-model-index-rank {
     margin-bottom: 16px
 }

 .acgn-model-index-rank div.model-head {
     height: auto;
     padding: 30px 0 15px
 }

 .acgn-model-index-rank .week-tabs-rabbit {
     height: 35px;
     font-size: 0;
     line-height: 35px
 }

 .acgn-model-index-rank .week-tabs-rabbit.acgn-space-none .comic-cell {
     padding: 0 2px 2px 0
 }

 .acgn-model-index-rank .week-tabs-rabbit.acgn-space-small .comic-cell,
 .acgn-model-index-rank .week-tabs-rabbit .comic-cell {
     padding: 0 8px 8px 0
 }

 .acgn-model-index-rank .week-tabs-rabbit.acgn-space-normal .comic-cell {
     padding: 0 16px 16px 0
 }

 .acgn-model-index-rank .week-tabs-rabbit.acgn-space-big .comic-cell {
     padding: 0 28px 28px 0
 }

 .acgn-model-index-rank .week-tabs-rabbit .tab {
     position: relative;
     z-index: 2;
     display: inline-block;
     height: 24px;
     padding: 0 10px;
     margin: 5px 5px 0 0;
     font-size: 14px;
     line-height: 24px;
     text-align: center;
     color: #333333;
     vertical-align: middle;
     cursor: pointer;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px
 }

 .acgn-model-index-rank .week-tabs-rabbit .tab .icon-rank-rabbit-ear {
     display: none
 }

 .acgn-model-index-rank .week-tabs-rabbit .tab.active {
     color: #009eec
 }

 .acgn-model-index-rank .week-tabs-rabbit .tab.active .icon-rank-rabbit-ear {
     display: block;
     position: absolute;
     top: -15px;
     left: 22px
 }

 .acgn-model-index-rank .func-list {
     position: absolute;
     right: 0;
     top: 50%;
     height: 0;
     margin-top: -12px
 }

 .acgn-model-index-rank .func-list-more {
     display: block;
     width: 64px;
     height: 24px;
     font-size: 12px;
     font-weight: 400;
     color: #ffffff;
     line-height: 24px;
     text-align: center;
     position: relative;
     z-index: 0
 }

 .acgn-model-index-rank .func-list-more-bg {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0
 }

 .acgn-model-index-rank .comic-cell {
     width: 100%;
     position: relative;
     padding-right: 16px
 }

 .acgn-model-index-rank .tab-space {
     position: relative;
     display: inline-block;
     height: 35px;
     margin-left: 60px;
     vertical-align: middle
 }

 .acgn-model-index-rank .model-content {
     position: relative
 }

 .acgn-model-index-rank .model-content .content-row {
     display: none
 }

 .acgn-model-index-rank .model-content .content-row.checked,
 .acgn-model-index-rank .model-content .content-row .group.active {
     display: block
 }

 .acgn-model-index-rank .model-content .groups {
     display: block;
     height: 290px
 }

 .acgn-model-index-rank .model-content .groups .group {
     height: 100%;
     width: 64%;
     float: left;
     font-size: 0;
     line-height: 40px;
     -webkit-writing-mode: vertical-lr;
     -ms-writing-mode: tb-lr;
     writing-mode: vertical-lr
 }

 .acgn-model-index-rank .model-content .top {
     float: left;
     width: 36%;
     height: 100%;
     padding: 0px 0 0
 }

 .acgn-model-index-rank .model-content .top .size-cell {
     float: left;
     width: 33.333333%
 }

 .acgn-model-index-rank .model-content .top .comic-cell {
     position: relative;
     width: 100%;
     padding: 0 16px 8px 0
 }

 .acgn-model-index-rank .model-content .top .comic-cell .pic {
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px
 }

 .acgn-model-index-rank .model-content .top .sort-num {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     height: 31px
 }

 .acgn-model-index-rank .model-content .top .sort-num .trophy {
     position: absolute;
     left: -6px;
     top: -26px;
     width: 56px;
     height: 56px;
     z-index: 80
 }

 .acgn-model-index-rank .model-content .top .sort-num .trophy-1 {
     background: url(../images/rank-top-1.png) 50%/cover no-repeat
 }

 .acgn-model-index-rank .model-content .top .sort-num .trophy-2 {
     background: url(../images/rank-top-2.png) 50%/cover no-repeat
 }

 .acgn-model-index-rank .model-content .top .sort-num .trophy-3 {
     background: url(../images/rank-top-3.png) 50%/cover no-repeat
 }

 .acgn-model-index-rank .model-content .top .sort-num .sort-hot {
     position: absolute;
     top: 7px;
     right: 8px;
     width: auto;
     min-width: 62px;
     height: 24px;
     background: rgba(0, 0, 0, .703);
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px;
     z-index: 80;
     padding: 0 8px;
     text-align: center
 }

 .acgn-model-index-rank .model-content .top .sort-num .sort-hot .icon-home-hot {
     margin-bottom: -4px
 }

 .acgn-model-index-rank .model-content .top .sort-num .sort-hot span {
     font-size: 12px;
     font-weight: 400;
     color: #ffffff;
     line-height: 24px
 }

 .acgn-model-index-rank .model-content .list {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     position: relative;
     display: inline-block;
     width: 36.33333333%;
     padding-left: 28px;
     margin-bottom: 11px;
     font-size: 0;
     color: #666666;
     vertical-align: middle;
     -webkit-writing-mode: horizontal-tb;
     -ms-writing-mode: lr-tb;
     writing-mode: horizontal-tb
 }

 .acgn-model-index-rank .model-content .list-under {
     margin-bottom: 0
 }

 .acgn-model-index-rank .model-content .list a {
     color: inherit
 }

 .acgn-model-index-rank .model-content .list .mask {
     position: absolute;
     left: 0;
     top: 50%;
     display: block;
     height: 19px;
     width: 190px;
     padding-right: 170px;
     margin-top: -9px;
     font-size: 12px;
     line-height: 19px;
     text-align: right
 }

 .acgn-model-index-rank .model-content .list .name {
     position: relative;
     display: block;
     height: 19px;
     margin-right: 49px;
     font-size: 0;
     line-height: 19px
 }

 .acgn-model-index-rank .model-content .list .name .name-inner {
     width: auto;
     width: 55%;
     vertical-align: middle;
     position: relative
 }

 .acgn-model-index-rank .model-content .list .name .name-inner.active,
 .acgn-model-index-rank .model-content .list .name .name-inner:hover {
     color: #009eec
 }

 .acgn-model-index-rank .model-content .list .name .text {
     display: inline-block;
     height: 19px;
     width: auto;
     max-width: 100%;
     font-size: 14px;
     line-height: 19px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-rank .model-content .list .name .hot {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     min-width: 35%;
     text-align: left
 }

 .acgn-model-index-rank .model-content .list .name .hot .icon-home-hot {
     margin-bottom: -4px
 }

 .acgn-model-index-rank .model-content .list .name .hot span {
     font-size: 12px;
     font-weight: 400;
     color: #999999;
     line-height: 17px
 }

 .acgn-model-index-rank .model-content .list .name .point {
     position: relative;
     z-index: 13;
     display: inline-block;
     height: 0;
     width: 0;
     font-size: 14px;
     vertical-align: middle
 }

 .acgn-model-index-rank .model-content .list .name .floater {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     position: absolute;
     z-index: 82;
     left: 100%;
     top: 50%;
     display: none;
     width: 398px;
     height: 357px;
     padding: 105px 38px 57px 202px;
     margin: -222px 24px 0
 }

 .acgn-model-index-rank .model-content .list .name .floater .floater-bg {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     z-index: -1
 }

 .acgn-model-index-rank .model-content .list .name .floater .triangle {
     position: absolute;
     z-index: 83;
     left: -24px;
     top: 198px;
     display: block
 }

 .acgn-model-index-rank .model-content .list .name .floater .triangle.icon-triangle-left {
     left: -8px
 }

 .acgn-model-index-rank .model-content .list .name .floater .triangle.icon-triangle-right {
     left: auto;
     right: -8px
 }

 .acgn-model-index-rank .model-content .list .name .floater .face {
     position: absolute;
     left: 44px;
     top: 100px;
     width: 139px;
     height: 185px;
     -webkit-border-radius: 28px;
     -moz-border-radius: 28px;
     border-radius: 28px
 }

 .acgn-model-index-rank .model-content .list .name .floater .title {
     height: 26px;
     padding: 4px 0 2px;
     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-index-rank .model-content .list .name .floater .title:hover {
     color: #009eec
 }

 .acgn-model-index-rank .model-content .list .name .floater .desc {
     width: 100%;
     height: 16px;
     font-size: 12px;
     line-height: 16px;
     color: #999999;
     text-align: left;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-rank .model-content .list .name .floater .tags {
     height: auto;
     padding: 8px 0;
     font-size: 0;
     line-height: 18px
 }

 .acgn-model-index-rank .model-content .list .name .floater .tags .tag {
     display: inline-block;
     height: 16px;
     width: auto;
     margin-right: 10px;
     font-size: 12px;
     line-height: 16px;
     color: #999999;
     text-align: center;
     cursor: pointer;
     vertical-align: middle
 }

 .acgn-model-index-rank .model-content .list .name .floater .tags .tag:hover {
     color: #009eec;
     border-color: #009eec
 }

 .acgn-model-index-rank .model-content .list .name .floater .floater-bottom {
     height: auto;
     margin-top: 57px
 }

 .acgn-model-index-rank .model-content .list .name .floater .floater-bottom .floater-hot {
     width: 100%;
     height: 21px;
     padding-top: 2px;
     font-size: 12px;
     line-height: 16px;
     color: #999999;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-rank .model-content .list .name .floater .floater-bottom .floater-hot .imp {
     color: #dcdcdc;
     font-size: 16px
 }

 .acgn-model-index-rank .model-content .list .name .floater .floater-bottom .desc {
     width: 95%;
     height: 22px;
     padding: 4px 0;
     font-size: 12px;
     line-height: 18px;
     color: #999999;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-rank .model-content .list .name .floater .floater-bottom .desc .imp {
     font-weight: 400;
     color: #009eec;
     cursor: pointer
 }

 .acgn-model-index-rank .model-content .list .name .floater .floater-bottom .desc .imp:hover {
     color: #91dfff
 }

 .acgn-model-index-rank .model-content .list .name .point-reverse {
     position: absolute;
     left: -32px;
     top: 50%
 }

 .acgn-model-index-rank .model-content .list .name .point-reverse .floater {
     left: auto;
     right: 100%
 }

 .acgn-model-index-rank .model-content .list .name .point-reverse .floater .triangle {
     left: auto;
     right: -24px
 }

 .acgn-model-index-swiper1 .brace-x,
 .acgn-model-index-swiper1 .model-content {
     zoom: 1
 }

 .acgn-model-index-swiper1 .brace-x:after,
 .acgn-model-index-swiper1 .model-content:after {
     content: "";
     display: table;
     clear: both
 }

 .acgn-model-index-swiper1 {
     margin-bottom: 16px
 }

 .acgn-model-index-swiper1 div.model-head {
     height: auto;
     padding: 30px 0 15px
 }

 .acgn-model-index-swiper1 div.model-head .more {
     top: 50px
 }

 .acgn-model-index-swiper1 .swiper-area .swiper-btns .swiper-btn {
     top: -28px;
     height: 56px;
     width: 40px;
     color: #ffffff;
     font-size: 24px;
     line-height: 56px;
     text-align: center;
     background-color: transparent;
     overflow: hidden;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=100);
     opacity: 1
 }

 .acgn-model-index-swiper1 .swiper-area .swiper-btns .swiper-btn:before {
     content: "";
     position: absolute;
     z-index: 10;
     z-index: inherit;
     top: 0;
     height: 56px;
     width: 56px;
     -webkit-border-radius: 28px;
     -moz-border-radius: 28px;
     border-radius: 28px;
     background-color: #000000;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=50);
     opacity: .5
 }

 .acgn-model-index-swiper1 .swiper-area .swiper-btns .swiper-btn i {
     position: relative;
     z-index: 11
 }

 .acgn-model-index-swiper1 .swiper-area .swiper-btns .swiper-btn:hover:before {
     background-color: #009eec;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=100);
     opacity: 1
 }

 .acgn-model-index-swiper1 .model-content {
     position: relative
 }

 .acgn-model-index-swiper1 .pic {
     display: block;
     height: 100%;
     width: 100%;
     overflow: hidden
 }

 .acgn-model-index-swiper1 .pic a {
     color: inherit
 }

 .acgn-model-index-swiper1 .pic:hover {
     -webkit-transform: none;
     -moz-transform: none;
     -ms-transform: none;
     -o-transform: none;
     transform: none;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=65);
     opacity: .65
 }

 .acgn-model-index-swiper1 .pic .bg {
     display: block;
     height: 100%;
     width: 100%
 }

 .acgn-model-index-swiper1 .info .name {
     width: 90%;
     height: 20px;
     font-size: 14px;
     font-weight: 400;
     color: #333333;
     line-height: 20px;
     margin-top: 11px;
     text-align: left;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     word-wrap: break-word;
     word-break: break-all;
     /*! autoprefixer: off */
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-swiper1 .brace-wrap {
     overflow: hidden
 }

 .acgn-model-index-swiper1 .brace-x {
     margin-right: 0
 }

 .acgn-model-index-swiper1 .comic-cell {
     position: relative;
     width: 100%;
     padding: 0
 }

 .acgn-model-index-swiper1 .comic-cell .adapt-ratio-custom {
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     overflow: hidden
 }

 .acgn-model-index-swiper1 .size-cell {
     float: left;
     width: 20%
 }

 .acgn-model-index-swiper1 .swiper-area .swiper-btns {
     margin-top: -27px
 }

 .acgn-model-index-swiper1.acgn-space-none .brace-x {
     margin-right: -2px
 }

 .acgn-model-index-swiper1.acgn-space-none .comic-cell {
     padding: 0 2px 2px 0
 }

 .acgn-model-index-swiper1.acgn-space-none .swiper-area .swiper-btns {
     margin-top: -28px
 }

 .acgn-model-index-swiper1 .brace-x,
 .acgn-model-index-swiper1.acgn-space-small .brace-x {
     margin-right: -8px
 }

 .acgn-model-index-swiper1 .comic-cell,
 .acgn-model-index-swiper1.acgn-space-small .comic-cell {
     padding: 0 8px 8px 0
 }

 .acgn-model-index-swiper1 .swiper-area .swiper-btns,
 .acgn-model-index-swiper1.acgn-space-small .swiper-area .swiper-btns {
     margin-top: -31px
 }

 .acgn-model-index-swiper1.acgn-space-normal .brace-x {
     margin-right: -16px
 }

 .acgn-model-index-swiper1.acgn-space-normal .comic-cell {
     padding: 0 16px 16px 0
 }

 .acgn-model-index-swiper1.acgn-space-normal .swiper-area .swiper-btns {
     margin-top: -35px
 }

 .acgn-model-index-swiper1.acgn-space-big .brace-x {
     margin-right: -28px
 }

 .acgn-model-index-swiper1.acgn-space-big .comic-cell {
     padding: 0 28px 28px 0
 }

 .acgn-model-index-swiper1.acgn-space-big .swiper-area .swiper-btns {
     margin-top: -41px
 }

 .acgn-model-index-update .brace-x {
     zoom: 1
 }

 .acgn-model-index-update .brace-x:after {
     content: "";
     display: table;
     clear: both
 }

 .acgn-model-index-update {
     margin-bottom: 16px;
     background-color: #ffffff
 }

 .acgn-model-index-update div.model-head {
     height: auto;
     padding: 30px 0 15px
 }

 .acgn-model-index-update .week-tabs-rabbit {
     height: 35px;
     font-size: 0;
     line-height: 35px
 }

 .acgn-model-index-update .week-tabs-rabbit .tab {
     position: relative;
     z-index: 2;
     display: inline-block;
     height: 22px;
     padding: 0 10px;
     margin: 5px 5px 0 0;
     font-size: 16px;
     line-height: 22px;
     text-align: center;
     color: #333333;
     cursor: pointer
 }

 .acgn-model-index-update .week-tabs-rabbit .tab.active {
     color: #009eec;
     font-weight: 500
 }

 .acgn-model-index-update .week-tabs-rabbit .tab.active .icon-rank-rabbit-ear {
     position: absolute;
     top: -15px;
     left: 16px
 }

 .acgn-model-index-update .tab-space {
     position: relative;
     display: inline-block;
     height: 35px;
     margin-left: 60px;
     vertical-align: middle
 }

 .acgn-model-index-update .model-content {
     position: relative
 }

 .acgn-model-index-update .brace-wrap {
     overflow: hidden
 }

 .acgn-model-index-update .brace-x {
     margin-right: 0
 }

 .acgn-model-index-update .comic-cell {
     position: relative;
     width: 100%;
     padding: 0
 }

 .acgn-model-index-update .size-cell {
     float: left;
     width: 20%;
     padding-bottom: 0
 }

 .acgn-model-index-update .blocks {
     overflow: hidden
 }

 .acgn-model-index-update .blocks .block {
     display: none;
     margin-left: 0
 }

 .acgn-model-index-update .blocks .block.active {
     display: block
 }

 .acgn-model-index-update .size-bottom {
     position: relative;
     margin-right: 0;
     clear: both;
     text-align: center
 }

 .acgn-model-index-update .size-bottom .shadow-rect {
     display: inline-block;
     height: 32px;
     width: 130px;
     font-size: 16px;
     line-height: 32px;
     text-align: center;
     color: #ffffff;
     cursor: pointer;
     background: url(../images/update_more%402x.png) no-repeat top;
     -webkit-background-size: 100% auto;
     -moz-background-size: 100% auto;
     background-size: 100% auto
 }

 .acgn-model-index-update.acgn-space-none .brace-x {
     margin-right: -2px
 }

 .acgn-model-index-update.acgn-space-none .comic-cell {
     padding: 0 2px 2px 0
 }

 .acgn-model-index-update.acgn-space-none .size-cell {
     padding-bottom: 30px
 }

 .acgn-model-index-update.acgn-space-none .size-bottom {
     margin-right: 2px
 }

 .acgn-model-index-update.acgn-space-small .brace-x,
 .acgn-model-index-update .brace-x {
     margin-right: -8px
 }

 .acgn-model-index-update.acgn-space-small .comic-cell,
 .acgn-model-index-update .comic-cell {
     padding: 0 8px 8px 0
 }

 .acgn-model-index-update.acgn-space-small .size-cell,
 .acgn-model-index-update .size-cell {
     padding-bottom: 24px
 }

 .acgn-model-index-update.acgn-space-small .size-bottom,
 .acgn-model-index-update .size-bottom {
     margin-right: 8px
 }

 .acgn-model-index-update.acgn-space-normal .brace-x {
     margin-right: -16px
 }

 .acgn-model-index-update.acgn-space-normal .comic-cell {
     padding: 0 16px 16px 0
 }

 .acgn-model-index-update.acgn-space-normal .size-cell {
     padding-bottom: 16px
 }

 .acgn-model-index-update.acgn-space-normal .size-bottom {
     margin-right: 16px
 }

 .acgn-model-index-update.acgn-space-big .brace-x {
     margin-right: -28px
 }

 .acgn-model-index-update.acgn-space-big .comic-cell {
     padding: 0 28px 28px 0
 }

 .acgn-model-index-update.acgn-space-big .size-cell {
     padding-bottom: 4px
 }

 .acgn-model-index-update.acgn-space-big .size-bottom {
     margin-right: 28px
 }

 .acgn-model-index-friends .list {
     zoom: 1
 }

 .acgn-model-index-friends .list:after {
     content: "";
     display: table;
     clear: both
 }

 .acgn-model-index-friends {
     margin-bottom: 16px
 }

 .acgn-model-index-friends div.model-head {
     height: auto;
     padding: 30px 0 15px
 }

 .acgn-model-index-friends .model-content {
     position: relative
 }

 .acgn-model-index-friends .list {
     position: relative;
     z-index: 11;
     height: auto
 }

 .acgn-model-index-friends .list .item {
     float: left;
     display: block;
     height: 32px;
     width: 16.666666%;
     padding: 0 32px 0 0;
     margin-bottom: 8px
 }

 .acgn-model-index-friends .list .item .text {
     display: block;
     font-size: 14px;
     color: #666666;
     line-height: 32px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-index-friends .list .item a {
     color: inherit
 }

 .acgn-model-index-friends .list .item a:hover {
     color: #009eec
 }