.pc {
    display: none !important;
}
.mobile {
    display: block;
}
body {
    font-size: 16px;
}
h1 {
    font-size: 20px;
}
h2 {
    font-size: 18px;
}
h3 {
    font-size: 16px;
}
nav > .mobile {
    display: block;
}
nav > div {
    height: 6vh;
    line-height: 6vh;
}
nav > .mobile > .topMenu {
    all: unset;
    display: flex;
}
nav > .mobile > .topMenu:before {
    all: unset;
}
nav > .mobile > .topMenu > div:nth-child(1) {
    width: 69%;
    padding-left: 1%;
}
nav > .mobile > .topMenu > div:nth-child(1) img {
    width: 16vh;
    height: 6vh;
}
nav > .mobile > .topMenu > div:nth-child(1)  .country {
    position: absolute;
    top: -1vh;
    left: 15.5vh;
    color: #fff;
    font-size: 0.8em;
}
nav > .mobile > .topMenu > div:nth-child(2) {
    width: 27%;
    padding-right: 3%;
    text-align: right;
    font-size: 2.1em;
}
nav .mobile .menu {
    all: unset;
    padding: 0 3% 0 3%;
    height: 4.5vh;
    line-height: 4.5vh;
    display: flex;
    text-align: left;
    font-size: 1em;
    color: #666;
    font-weight: bold;
    border-bottom: #eee 1px solid;
}
nav .mobile .menu .caret {
    padding-left: 3px;
    font-size: 0.8em !important;
}
nav .mobile .menu > div:nth-child(1) {
    width: 1.5em;
}
nav .mobile .menu > div:nth-child(2) {
    flex-grow: 1;
}
nav .subs {
    background-color: #f6f6f6;
    color: #000;
    font-weight: bold;
    font-size: 0.9em;
    display: none;
}
nav .subs > a > div {
    height: 4vh;
    line-height: 4vh;
    border-bottom: #e6e6e6 1px solid;
    padding-left: 6vw;
    display: flex;
    align-items: center;
}
nav .subs > a:last-child > div {
    border-bottom: 0;
}
nav .subs img {
    width: 2vh;
    height: 2vh;
    padding-right: 0.5vh;
}
nav .subs i {
    padding-right: 0.5vh;
    font-size: 0.9em;
}
.overlay {
    display: none;
    background: none repeat scroll 0 0 black;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    z-index: 98;
}
.bar {
    display: none;
    position: absolute;
    top: 0;
    right: -80vw;
    width: 80vw;
    z-index: 99;
}
.bar > div:first-child {
    height: 6vh;
    background: #eee;
    color: #ccc;
    text-align: right;
    padding-right: 2%;
    color: #999;
    font-size: 20px;
}
.bar > div:last-child {
    height: 94vh;
    background-color: #fff;
}
.breadcrumb {
    padding: 0 1vw 0 1vw;
    height: 7vh;
    line-height: 7vh;
    margin-bottom: 2vh;
    font-size: 0.95em;
}
.breadcrumb > div {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumb i {
    margin: 0 1vw 0 1vw;
}
.breadcrumb > div > span:first-child {
    all: unset;
}
.main {
    width: 96%;
    padding: 2%;
}
footer {
    margin-bottom: 50px;
}
.__footer {
    height: 7vh;
    display: flex;
    background-color: #fdfffc;
    border-top: #f0f0f0 1px solid;
    position: fixed;
    width: 100%;
    bottom: 0;
}
.__footer > a {
    flex: 0 0 16.6%;
    text-align: center;
    align-content: center;
    align-items: center;
}
.__footer > a > div > div:first-child {
    height: 4.5vh;
    line-height: 4.5vh;
    font-size: 22px;
}
.__footer > a > div > div:last-child {
    height: 2.5vh;
    line-height: 2.5vh;
    color: #666;
    overflow: hidden;
    font-size: 0.9em;
}
.__footer .fav[existing] {
    color: #fbb117;
}
.__footer .fav[disabled], .__footer .mine[disabled] {
    color: #ccc;
}
.__footer > a > div[disabled] > div:last-child {
    color: #ccc;
}
.section {
    display: block
}
.section:last-child {
    margin-bottom: 55px;
}
.section > .aside {
    width: 100%;
    margin: auto;
}
.section > .aside > div {
    padding: 5%;
    margin-bottom: 2vh;
}
.section > .body {
    padding: 5%;
    flex: 0 0 50%;
}
.zoom-filter > .header {
    font-size: 1.2em;
    font-weight: bold;
    display: flex;
    border-bottom:  transparent 1px dashed;
    height: 1.5em;
    line-height: 1.5em;
}
.zoom-filter[expanded]  > .header {
    border-bottom: #ddd 1px dashed;
    padding-bottom: 8px;
}
.zoom-filter > .header > div:nth-child(1) {
    flex: 0 0 90%;
}
.zoom-filter > .header > div:nth-child(2) {
    flex: 0 0 10%;
    display: flex;
    justify-content: right;
    align-items: center;
}
.zoom-filter > .header > div:nth-child(3) img {
    width: 12px;
    height: 6px;
}
.zoom-filter[expanded] > .header > div:nth-child(3) img {
    transform: rotate(180deg);
}
.zoom-filter[expanded] > .series-intro {
    display: none;
}
.zoom-filter > .series-intro {
    padding-top: 10px;
}
.zoom-filter > .series-intro {
    display: flex;
}
.zoom-filter > .series-intro > div:nth-child(1) {
    flex: 0 0 80px;
}
.zoom-filter > .series-intro > div:nth-child(1) > img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}
.zoom-filter > .series-intro > div:nth-child(2) {
    color: #666;
    font-size: 1em;
    min-height: 64px;
    display: flex;
    align-items: center;
}
.zoom-filter > .series-intro .link {
    display: none;
}
.zoom-filter > .body {
    font-size: 1.05em;
    padding-top: 5px;
    display: none;
}
.zoom-filter[expanded] > .body {
    display: block;
}
.zoom-filter > .body > a > div {
    padding: 2px 0;
}
.zoom-filter > .body > a > div[checked] {
    color: #f00;
    font-weight: bold;
}
.zoom-filter > .body > .search {
    padding: 8px 0;
    padding-left: 4%;
    font-weight: bold;
    display: flex;
}
.zoom-filter > .body > .search > div {
    display: flex;
    align-items: center;
}
.zoom-filter > .body > .search[checked] {
    color: #f00;
}
.zoom-filter > .body > .search > div:nth-child(1)  {
    flex-shrink: 1;
    padding-right: 5px;
}
.zoom-filter > .body > .search > div:nth-child(2)  {
    flex: 0 0 50vw;
    background-color: #f0f;
}
.zoom-filter > .body > .search > div:nth-child(3)  {
    display: flex;
    align-items: center;
    padding: 0 5px;
}
.zoom-filter > .body > .search input[type='search'] {
    height: 25px;
    line-height: 25px;
    width: 50vw;
    outline: none;
    border: #ccc 1px solid;
    padding: 0 8px 0 8px;
    position: relative;
}
.zoom-filter > .body > a > div.sub0 {
    padding-left: 4%;
    font-weight: bold;
}
.zoom-filter > .body > a > div.sub1 {
    padding-left: 8%;
}
.zoom-filter > .body > a > div.sub2 {
    padding-left: 12%;
}
.zoom-filter > .body > a > div.sub1:before {
    content: "- ";
    color: #ccc;
}
.zoom-filter > .body > a > div.sub2:before {
    content: "• ";
    color: #ccc;
}
.series > h3 {
    all: unset;
    font-size: 1.3em !important;
    font-weight: bold;
    flex: 0 0 100%;
}
.series {
    all: unset;
    display: flex;
    flex-wrap: wrap;
}
.series > a {
    padding: 1vh 2vw 0vh 0;
}
.series > a > div {
    all: unset;
}
.series > a > div:hover, .series > a > div[checked] {
    padding: 1px 0px 1px 0px;
}
.section > .body {
    all: unset;
    width: 100%;
}
.info > div {
    margin-right: 5vw;
}
.info > div[target='tag'] {
    display: none;
}
.info > .telegram {
    display: none;
}
.article {
    padding: 10px 2vw 20px 2vw;
    font-size: 14px;
}
.article .chapters {
    display: block;
}
.article .chapters > div {
    height: 2.5em;
    line-height: 2.5em;
}
.article img {
    max-width: 100%;
}
.article.large {
    font-size: 1.2em;
}
.article.banner_ad {
    padding: 10px 2vw 10px 2vw;
}
.article.banner_ad > iframe {
    height: 55px;
}
.guessYouLike {
    display: none;
}
.scroll {
    height: 32vh;
}
.scroll > .slider-title {
    top: 3vh;
}
.scroll > .slider-title > h1, .scroll > .slider-title > div {
    padding: 0 5% 0 5%;
    font-size: 26px;
    width: 90%;
}
.scroll > .slider-title > div {
    font-size: 15px;
    padding: 3vh 0 0 0;
}
.scroll > .lennons {
    width: 85vw;
    top: 3.5vh;
}
.lennons {
    height: 26vh;
}
.lennons > .caption {
    font-size: 20px;
}
.lennon-items {
    height: auto;
}
.lennon-items[scroll] {
    animation: banner 10s linear infinite;
}
.lennon-item {
    margin: 3.5vw;
    flex: 0 0 15vh;
    height: 15vh;
    padding: 1vw;
}
.lennon-item > .content {
    width: 15vh;
    height: 12vh;
}
.lennon-item > .sender {
    height: 2vh;
    display: flex;
}
.keyButton {
    margin: 5px 10px;
}
.top > .no-scroll {
    display: none;
}
.webIntro {
    margin: 4vh 0 6vh 0;
    padding-bottom: 2vh;
}
.webIntro > div:nth-child(1) {
    width: 47%;
    padding-right: 3%;
}
.webIntro > div:nth-child(2) {
    width: 50%;
}
.webIntro > div > div:nth-child(1) {
    font-size: 18px;
}
.webIntro > div > div:nth-child(2) {
    margin-top: 2vh;
}
.webIntro > div:nth-child(3) {
    display: none;
}
.pager .tips {
    display: none;
}
.list .torrent > div {
    word-break: break-all;
    overflow: hidden;
}
.list .torrent > .category {
    flex: 0 0 30%;
}
.list .torrent > div:last-child {
    display: none;
}
.list > .ad {
    width: 95vw;
    margin: auto;
    height: 11.75vw;
    line-height: 11.75vw;
    padding: 10px 0 5px 0;
}
.list > .ad > iframe {
    height: 11.75vw;
}
.list, .photos {
    display: block;
}
.list[cols='2'] {
    display: flex;
}
.list .thread > div:last-child {
    flex: 0 0 25%;
}
.photos .item, .list .item, .list .fiction {
    width: 100%;
    margin: 1.5vh auto 1.5vh auto;
}
.photos .item:hover {
    transform: none;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.list .item, .list .fiction {
    width: 90vw;
    height: 155vw;
}
.list[cols='2'] .item, .list[cols='2'] .fiction {
    width: auto;
    flex: 0 0 42.5vw;
    height: 85.5vw;
}
.list[cols='2'] .item > div:nth-child(3) {
    height: 8vw;
    line-height: 5vw;
    padding-top: 1vw;
    padding-bottom: 2vw;
}
.list[imgratio='1'] {
    display: flex;
}
.list[imgratio='1'] .item {
    width: 42vw;
    height: 110vw;
}
.list[imgratio='1'] .item img {
    width: 42vw;
    height: 42vw;
}
.list[imgratio='1'] .item > div:nth-child(4) {
    height: 50vw;
    line-height: 18.5px;
}
.list .item:hover, .list .fiction:hover {
    top: 0;
}
.list .item img {
    width: 90vw;
    height: 128vw;
}
.list[cols='2'] .item img {
    width: 42.5vw;
    height: 60vw;
}
.list .fiction img {
    width: 90vw;
    height: 90vw;
}
.list[cols='2'] .fiction img {
    width: 42.5vw;
    height: 42.5vw;
}
.list .item img:hover, .list .fiction img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.list .item > div > div, .list .fiction > div > div {
    height: 4vw;
    line-height: 4vw;
}
.list .item > div:nth-child(3), .list .fiction > div:nth-child(3) {
    height: 10vw;
    line-height: 5vw;
}
.list[cols='2'] .fiction > div:nth-child(3) {
    font-size: 3vw;
    height: 8vw;
    line-height: 5vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
}
.list[cols='2'] .fiction > div:nth-child(4) {
    font-size: 12px;
}
.list .item > .tag, .photos .item > .tag, .list .fiction > .tag {
    font-size: 16px;
    top: 5vw;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
}
.list .fiction > .brief {
    font-size: 13px;
    height: 38vw;
    line-height: 5.8vw;
}
.tabs {
    width: 95%;
}
.tabs > .body {
    padding: 10px;
}
.form > div > div {
    height: 50px;
    line-height: 50px;
}
.form > div > div:nth-child(1) {
    flex: 0 0 30%;
}
.form > div > div:nth-child(2) {
    padding: 0;
    flex: 0 0 70%;
}
.form > div > div:nth-child(3) {
    display: none;
}
.form input[type='text'], .form input[type='password'], .form input[type='number'] {
    width: 85%;
}
.quickGuide {
    display: none;
}
img.avatar {
    width: 48px;
    height: 48px;
}
.push-top {
    top: 1vh;
    right: -60vw;
}
.push-top > div {
    margin-bottom: 1vh;
    width: 72vw;
}
.push-top > div > div:nth-child(1) {
    flex: 0 0 60vw;
    height: 10.34vw;
}
.push-top > div > div:nth-child(2) {
    flex: 0 0 12vw;
    height: 10.34vw;
    line-height: 10.34vw;
}
.push-bottom {
    width: 100vw;
    height: 20vw;
    padding: 0.5vh 0;
}
.push-bottom > div {
    width: 100vw;
}
.push-bottom img {
    width: 100vw;
    height: 20vw;
}
.my .mask {
    height: 60vh;
    line-height: 60vh;
}
.videos > .item {
    flex: 0 0 47%;
    margin: 3vh 2% 0 1%;
}
.videos > .item > .preview-container {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}
.videos > .item._300x250 {
    height: 45vw !important;
}
.videos > .item img {
    width: 100%;
    height: auto;
}
.videos > .item > .text > div:nth-child(1) {
    font-size: 12px;
    height: 32px;
    line-height: 16px;
}
.videos > .item > .text i {
    color: #f18b00;
}
.videos > .item > .tag > div {
    padding: 2px 6px;
}
.videos > .item > .tag > .series {
    top: 5px;
}
.videos > .item > .tag > .comment {
    top: 5px;
}
.videos > .item > .tag > .vol {
    top: 29px;
}
.videos > .item > .tag > .duration, .videos > .item > .tag > .filter {
    top: calc(50% - 15px);
}
.videos > .item > .tag > .filter {
    max-width: 50%;
}
.barrage {
    width: 92vw;
}
.barrage > div:nth-child(1) {
    flex: 0 0 19%;
}
.barrage input[type='text'] {
    width: 33vw;
}
.barrage .button {
    left: 33vw;
}
.barrage .button:hover {
    background-color: #fe711d;
}
.barrage .button[disabled] {
    background-color: #999;
    border: #999 1px solid;
    cursor: default;
}
.canvasBarrage {
    width: 92vw;
    height: 51.5vw;
}
.player {
    width: 92vw;
    height: 51.5vw;
}
._player .mask {
    width: 92vw;
    height: 51.5vw;
}
._player .vastSkipButton {
    top: 40vw;
    right: 2vw;
}
._player .vastDomain {
    top: 2vw;
    right: 2vw;
}
.player > .background > .text {
    font-size: 20px;
}
.slider-ad {
    width: 48vw;
    height: 27vw;
    bottom: 15vw;
}
.share {
    top: 25vw;
    min-width: 90vw;
    max-width: 90vw;
    min-height: 50vh;
    max-height: 50vh;
}
.share p {
    text-align: center;
    margin-bottom: 25px;
}
.share figure {
    text-align: center;
}
.share .qrcode {
    width: 40vw;
    height: 40vw;
    margin-left: auto;
    margin-right: auto;
}
.activeCode input {
    margin: 0 1px;
    height: 24px;
    font-size: 14px;
    box-shadow: 0 0 5px #ccc inset;
    width: 10px !important;
}
.activeCode input::selection {
    background: transparent;
}
.modalAd {
    min-width: 90vw !important;
    max-width: 90vw !important;
    min-height: 35vh !important;
    max-height: 80vh !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}
.modalAd > .h, .modalAd > .f {
    font-size: 14px;
}
.exoclick_720x80 {
    width: 100%;
    height: 12.5vw;
}
.exoclick_300x250 {
    width: 100%;
    height: 250px;
}
.mobile-video-player {
    width: 100vw;
    height: 56.25vw;
    background-color: #000;
    z-index: 2;
    display: flex;
    justify-content: center;
    position: relative;
    position: fixed;
}
.playerMask {
    width: 100vw;
    height: 56.25vw;
}
.playerMask > div:nth-child(1) {
    padding: 8vw 0 3vw 0;
    font-size: 3em;
}
.playerMask > div:nth-child(2) {
    font-size: 1.25em;
}
.mobile-video-player .ad11  {
    font-size: 14px;
}
.mobile-video-player > .player {
    all: unset;
    top: 0;
    object-fit: fill;
    width: auto;
    height: 56.25vw;
    background-color: #fff;
    z-index: 2;
}
.mobile-video-body {
    margin: auto;
    padding-top: calc(56.25vw + 11vw + 15px);
    padding-bottom: 7vh;
}
.mobile-video-body h1 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 19px;
}
.mobile-video-tabs {
    font-size: 15px;
    display: flex;
    align-items: center;
    border-bottom: #ccc 1px solid;
    position: fixed;
    top: 56.25vw;
    width: 100vw;
    height: 11vw;
    background-color: #fff;
    overflow: hidden;
    z-index: 2;
}
.mobile-video-tabs i {
    padding-right: 2px;
}
.mobile-video-tabs img {
    width: 16px;
    height: 16px;
    padding-right: 2px;
    border-radius: 50%;
    filter: grayscale(100%);
    opacity: 0.6;
}
.mobile-video-tabs > div[checked] img {
    filter: grayscale(0%);
    opacity: 1;
}
.mobile-video-tabs > div {
    padding: 0 8px;
    margin-right: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.mobile-video-tabs > div[checked] {
    font-weight: bold;
    position: relative;
}
.mobile-video-tabs > div[checked]:after {
    content: "";
    width: 10px;
    position: absolute;
    border-bottom: 3px solid #000;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
}
.mobile-video-tab {
    padding: 0 10px;
    display: none;
}
.mobile-video-tab[checked] {
    display: block;
}
.mobile-video-screenshot {
    padding-bottom: 15px;
}
.mobile-video-screenshot h3 {
    font-size: 16px;
}
.mobile-video-screenshot img {
    max-width: 100%;
}
.mobile-video-tags {
    padding-bottom: 15px;
}
.mobile-video-tags > div, .mobile-video-tags > a > div {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 2px;
    background-color: #999;
    color: #fff;
    border-radius: 5px;
    border: #ccc 1px solid;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    font-size: 0.85em;
    max-width: 100%;
    overflow: hidden;
}
.mobile-video-tags i {
    padding-right: 5px;
}
.mobile-video-tags a {
    color: #fff;
}
.mobile-video-tags img {
    width: 16px;
    height: 16px;
    padding-right: 5px;
}
.mobile-video-tags .delimiter {
    color: #fff;
}
.mobile-video-intro {
    color: #666;
    padding-bottom: 15px;
    font-size: 14px;
}
.mobile-video-download .button {
    margin-bottom: 15px;
}
.mobile-video-recommend {
    display: flex;
    margin-bottom: 8px;
}
.mobile-video-recommend > div:nth-child(1) {
    flex: 0 0 35vw;
    height: calc(35vw * 0.5625);
    margin-right: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.mobile-video-recommend > div:nth-child(1) > div {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    right: 2px;
    bottom: 2px;
    padding: 2px 5px;
    font-size: 0.8em !important;
}
.mobile-video-recommend > div:nth-child(2) > div:nth-child(1) {
    font-size: 14px;
    line-height: 16px;
}
.mobile-video-recommend > div:nth-child(2) > div:nth-child(2) {
    padding-top: 5px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.mobile-video-recommend > div:nth-child(2) > div:nth-child(2) > div {
    display: inline-block;
    margin-right: 3px;
    background-color: #999;
    color: #fff;
    border-radius: 5px;
    border: #ccc 1px solid;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
}
.mobile-video-recommend > div:nth-child(2) > div:nth-child(2) > div i {
    padding-right: 5px;
}
.mobile-video-javd  > div {
    padding: 3px 0;
    border-bottom: #ddd 1px solid;
    font-size: 0.9em;
}
.mobile-video-javd  > div:last-child {
    border-bottom: transparent 1px solid;
}
.mobile-video-javd a {
    color: #00c;
}
.quickReply {
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.quickReply option {
    font-size: 12px;
}
ins {
    z-index: 0 !important;
}
._728x90, ._728x100 {
    max-width: 100%;
    width: 100%;
    height: 25vw;
}
._728x90[responsive], ._728x100[responsive] {
    max-width: auto;
    text-indent: 0;
    width: 95vw;
    height: 12vw;
    margin-bottom: 12vw;
}
.xbbs-list-2 > .xbbs-item {
    flex: 0 0 44vw;
    margin: 3vh 1vw 0 1vw;
}
.xbbs-list-2 .xbbs-item-cover {
    height: 45vw;
}
.xbbs-list-2 .xbbs-item-tag {
    user-select: none;
}
.xbbs-list-2 .xbbs-item-tag > div {
    padding: 2px 10px;
    font-size: 13px;
}
.xbbs-list-2 .xbbs-item-text .title {
    width: 40vw;
    font-weight: bold;
    overflow: hidden;
}
.xbbs-list-2 .xbbs-item-text .title a {
    color: #f00;
}
.xbbs-list-2 .statistics {
    display: flex;
}
.xbbs-list-2 .statistics > div {
    flex: 0 0 50%;
    overflow: hidden;
}
.xbbs-list-2 .statistics > div:nth-child(2) {
    color: #999;
    text-align: right;
}
.article.signinup {
    all: unset;
}
.signinup {
    display: block;
}
.signinup > div:nth-child(1) {
    display: none;
}
.signinup > div:nth-child(2) {
    display: block;
}
.signinup .xchina-logo {
    width: 30vw;
}
.signinup .flip {
    width: 90vw;
    margin: auto;
}
.signinup .flip-inner {
    height: auto;
    min-height: 60vh;
}
.signinup .user .avatar {
    width: 20vw;
    height: 20vw;
}
.signinup .ok-button, .signinup .link-button {
    padding: 4px 8px !important;
}
.signinup .ok-button i , .signinup .link-button i {
    font-size: 0.9em;
}
.article.donate {
    display: block;
}
.tab-container {
    border-radius: 0;
    font-size: 0.9em;
}
.tab {
    padding: 10px;
    font-size: 14px;
}
.videos-in-photo > .container {
    width: 92vw;
    height: 51.5vw;
}
.layout-1 > .right {
    flex: 0 0 25%;
}
.layout-1 > .right .cover > div {
    font-size: 12px !important;
}
.fiction-content .font-size {
    width: 100%;
}
.fiction-content .font-size > div {
    margin: 0 3px;
}
.js-pagination > ul a, .js-pagination > ul span {
    font-size: 12px;
    width: 28px;
    height: 28px;
    line-height: 28px;
}
.comment > .user {
    flex-wrap: wrap;
}
.comment > .user > .datetime {
    padding-left: 50px;
    padding-bottom: 5px;
    flex: 0 0 100%;
    box-sizing: border-box;
}
.comment > .interactive .btn {
    padding-right: 10px;
}