.mqia-sidebar .mqia-sidebar-item.app{display:none!important;}
.mqia-sidebar .mqUnreadNum{top: 0.186667rem;}
.main-container {
    width: 10rem;
    padding-bottom: 3.573333rem!important;
    background: url(https://assets-cdn.lanqb.com/topic/manhuaM/wholebg.png) no-repeat center 15.773333rem;
    background-size: 100% 100%;
}

.head {
    height: 15.773333rem;
    background: url(https://assets-cdn.lanqb.com/topic/manhuaM/banner.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
}

.head img:nth-child(1) {
    width: 8.893333rem;
    margin-top: 10.906667rem;
}

.head img:nth-child(2) {
    width: 7.013333rem;
    margin-top: .226667rem;
}

.section1 {
    position: relative;
    padding-top: .68rem;
    padding-bottom: .866667rem;
    text-align: center;
}

.section1 > img:first-child {
    position: absolute;
    top: 10.4rem;
    right: 0;
    width: 5.746667rem;
}

.section1 > img:last-of-type {
    width: 7.053333rem;
    margin-top: 1.506667rem;
}

.title-container {
    line-height: .48rem;
    margin-left: .32rem;
    text-align: left;
    font-size: .426667rem;
    color: #1C1C1C;
}

.title-container img {
    width: .426667rem;
    margin-right: .133333rem;
}

.rec-list {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    width: 9.346667rem;
    height: 13.733333rem;
    margin: .293333rem auto 0;
}

.rec-con {
    z-index: 1;
    width: 4.48rem;
}

.rec-con img {
    width: 100%;
}

.rec-more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1rem;
    border:1px solid #1B1B1B;
    border-top: none;
    background: #fff;
}

.rec-more span {
    color: #333333;
    font-size: .306667rem;
}

.rec-more span:last-child {
    display: inline-block;
    margin-top: .08rem;
    margin-left: .253333rem;
    font-size: .253333rem;
    color: #FF5765;
}

.section1 .bishua-list {
    margin-top: .666667rem;
}

.section2 {
    padding-top: .866667rem;
    padding-bottom: .866667rem;
    background: url(https://assets-cdn.lanqb.com/topic/manhuaM/s2bg.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
}

.section2 > img {
    width: 4.253333rem;
}

.sof-list {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    width: 9.333333rem;
    height: 9.173333rem;
    margin: .293333rem auto 0;
}

.sof-con {
    width: 4.466667rem;
}

.sof-con img {
    width: 100%;
}

.sof-con p {
    line-height: 1rem;
    border:1px solid #1B1B1B;
    background: #fff;
    text-align: center;
    font-size: .293333rem;
    color: #333;
}

.section2 .sof-con p {
    border-bottom: none;
}

.section3 {
    padding-top: .813333rem;
    padding-bottom: .826667rem;
    text-align: center;
}

.section3 > img {
    width: 4.253333rem;
}

.section3 h1 {
    margin-top: .666667rem;
    line-height: .426667rem;
}

.section3 h1 img {
    width: .413333rem;
}

.section3 .sof-con p {
    border-top: none;
}

.bishua-list {
    width: 9.333333rem;
    margin: 0 auto;
}

.bishua-con {
    margin-top: .4rem;
}

.bishua-con:first-child {
    margin-top: 0;
}

.bishua-con img {
    width: 100%;
}

.bishua-con p {
    line-height: .8rem;
    border:1px solid #1B1B1B;
    border-top: none;
    background: #fff;
    text-align: center;
    color: #1E1E1E;
    font-size: .293333rem;
}

.section4 {
    width: 10rem;
    padding-top: .866667rem;
    padding-bottom: .866667rem;
    background: url(https://assets-cdn.lanqb.com/topic/manhuaM/s4bg.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
}

.section4 > img {
    width: 4.253333rem;
}

.section4 h1 {
    margin-top: .666667rem;
    line-height: .413333rem;
}

.section4 .sof-con p {
    border-top: none;
}

.section4 .bishua-list {
    margin-top: .386667rem;
}

.section5 {
    width: 10rem;
    padding-top: .88rem;
    padding-bottom: .853333rem;
    text-align: center;
}

.section5 > img {
    width: 4.253333rem;
}

.section5 .title-container {
    margin-top: .666667rem;
}

.section5 .sof-con p {
    border-top: none;
}

.section6 {
    padding-top: 1.04rem;
    padding-bottom: .866667rem;
    background: url(https://assets-cdn.lanqb.com/topic/manhuaM/s6bg.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
}

.section6 > img {
    width: 5.68rem;
}

.more-list {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    width: 9.2rem;
    height: 12.373333rem;
    margin: .88rem auto 0;
}

.more-con {
    position: relative;
    width: 2.853333rem;
    height: 2.853333rem;
    background-size: 100% 100%;
}

.more-con div {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: .733333rem;
    background: #313131;
    color: #fff;
    font-size: .293333rem;
    opacity: .9;
}

.more-con div span {
    display: inline-block;
    width: .36rem;
    height: .36rem;
    margin-left: .32rem;
    background: url(https://assets-cdn.lanqb.com/topic/SAIM/arrowright.png) no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.the-nav {
    z-index: 2;
    position: fixed;
    bottom: 0;
    width: 10rem;
    background: #fff;
}

.the-nav a {
    display: inline-block;
    width: 20%;
    height: 1.386667rem;
    text-align: center;
    color: #333;
}

.the-nav a li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: .373333rem;
}

.the-nav a li.active {
    background: #313131;
    color: #fff;
}

.bishua-con p, .sof-con p {
    white-space: nowrap;
}