﻿@media(max-width:768px) {*{box-sizing:border-box;}
body {font:400 12px/18px Microsoft Yahei,SimSun,Verdana,Arial;color:#000;}
.pc {display:none;}
.mobile {display:block;}
.w1200 {width:100%;}
.index-focus {width:100%;margin-left:0;height:auto;padding:20px 10px;}
.index-focus .swiper-wrapper li img {width:128px;height:198px;}
.index-focus .info .desc {width:100%;}
.index-news {width:100%;height:auto;}
.index-news ul li a {width:auto;margin-left:10px;}
.index-channel .title {margin-left:10px;}
.index-news h3 {margin-left:10px;}
.index-channel .main .channel-left {width:100%;margin-right:0;height:auto;padding:20px 10px;}
.channel-left .info li a.btn {margin-top:30px;}
.index-channel .main .channel-right {width:100%;height:auto;padding:10px;}
.channel-right .item {width:100%;padding:0;}
.rankbox .rank {width:100%;/* display:block;*/    box-sizing:border-box;padding:20px 10px;}
.footer {padding:0 20px;}
.library-type {width:100%;}
.add {margin-left:5px;}
.library-list {width:100%;}
.library-list ul li.list {width:100%;padding:0 0px 20px 120px;}
.book-left {width:100%;}
.book-top .book-info {height:auto;margin:10px;padding:0 0 0 6.5rem;}
.book-top .book-info .book-cover img {height:100%;width:100%;display:block;}
.book-top .book-info .book-cover {width:6rem;height:auto;}
.book-top .book-info .btn {position:relative;left:0;}
.book-top .book-info .book-info-item {height:auto;line-height:inherit;margin:5px 0;}
.book-top .intro p {padding-right:5px;}
.book-top .intro {margin:30px 0 20px 10px;}
.book-synopsis {padding:0;}
h3.title4 span {padding:12px 10px;}
.book-detial {padding:10px;}
.book-detial li {width:100%;height:auto;line-height:inherit;padding:5px 0;}
.book-detial li a {width:100%;margin-bottom:0;}
.nov-content {padding:0;}
.b-right h3 {margin:0 10px;}
.do-like {width:100%;}
.do-like ul {margin:20px 10px 0;}
.do-rank ul li {margin:0 10px;}
.do-rank ul li .title {width:calc(100% - 75px);}
.nov-content-content {padding:10px;}
.library-list h3 {margin:0 10px 20px 10px;}
.library-list ul {margin:0 10px;}
.links h3 {margin:0 10px;}
.links ul a {margin:20px 0 0 10px;}
.news-right {width:100%;}
.mlfy_main {width:100% !important;}
#mlfy_main_text {padding:20px 10px;}
.mlfy_page {width:100%;font-size:16px;}
.mlfy_page a,.mlfy_page em {width:32%;}
#mlfy_main_text .info {height:auto;}
}
