@media (max-width: 620px) {
    body {
        padding-bottom: 60px;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        background-size: 80px 80px;
        background-image: url(../img/img_arrow.png);
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background-position: -40px 0px;
        right: 10px;
        left: auto;
    }

    .mycontainer {
        width: 100%;
        overflow: hidden;
    }

    .lanTitle {
        padding: 15px;
    }

    .lanTitle .title .shu {
        border-radius: 3px;
        width: 6px;
        margin-right: 10px;
        background: #fa0;
        height: 18px;
    }

    .lanTitle .title h2 {
        font-size: 18px;
        line-height: 18px;
    }
    .lanTitle .title .icon{
        font-size: 22px;}

    .lanTitle .title .total {
        font-size: 12px;
        padding-left: 15px;
    }

    .lanTitle .tab ul {
        border-radius: 14px;
        overflow: hidden;
        font-size: 14px
    }

    .lanTitle .tab ul li {
        padding: 0 5px;
        line-height: 28px;
        cursor: pointer;
    }

    .lanTitle .result {
        font-size: 12px;
    }


    /*详细頁面*/
    .detailsPosition {
        padding: 0 15px;
        font-size: 14px
    }

    .bookMs1 {
        padding: 15px;
    }

    .bookMs1 .text {
        padding-left: 15px
    }

    .bookMs1 .text h1 {
        font-size: 24px;
        font-weight: normal;
        line-height: 24px;
        padding-bottom: 20px
    }

    .bookMs1 .text .mss {
        font-size: 12px;
        line-height: 20px;
    }

    .bookMs2 {
        padding: 15px;
    }

    .bookMs2 .twoBtns a {
        height: 35px;
        line-height: 35px;
        border-radius: 10px;
        font-size: 16px;
    }

    .bookMs2 .jianjie {
        padding-top: 15px;
        font-size: 14px;
    }

    .mulu .list li {
        padding: 10px 0px;
        width: 50%;
    }
    .mulu .list li .text{padding:0 10px}



    .mulu .list li .text .title {
        font-size: 14px
    }

    .mulu .list li .text .time {
        font-size: 12px;
    }


    /*閱讀頁面*/
    .viewPosition {
        padding: 0 15px;
    }

    .viewPosition .goBack {
        width: 80px;
    }

    .viewPosition .pageMs {
        width: 155px;
    }

    .viewPosition .bookName {
        height: 14px;
        line-height: 14px;
    }

    .viewPosition {
        font-size: 14px;
    }

    .viewArea img {
        max-width: 100%;
    }

    .pageArea {
        padding: 15px 0;
    }

    .pager {
        display: flex;
        font-size: 12px;
    }

    .pager a {
        height: 18px;
        padding: 0 6px;
        margin-right: 3px;
        line-height: 18px;
    }

    /*searchList*/
    .searchList {
        padding: 15px 15px 0
    }

    .styleOne li .text .name {
        font-size: 16px;
        line-height: 16px;
        margin: 10px 0;
    }

    .styleOne li .text .time em {
        display: none;
    }

    .styleTwo li .num {
        width: 44px;
        height: 44px;
    }

    .styleTwo li .num span {
        padding-right: 12px;
        font-size: 14px;
    }

    .styleTwo li .text .name {
        font-size: 16px;
        line-height: 16px;
    }

    .styleTwo li .text .other {
        padding: 10px 0
    }

    .styleTwo li .text .addBook {
        font-size: 14px;
        height: 22px;
        line-height: 22px;
        width: 94px;
    }

    .styleTwo li .text .last {
        font-size: 12px
    }

    .shuai {
        font-size: 14px;
        padding: 6px 0;
    }

    .shuai .tk {
        padding: 6px 15px;
    }

    .shuai .tk .tkcon a {
        padding: 5px;
    }


    /*totop*/
    .totop {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        right: 20px;
        bottom: 80px;
    }

    .totop i {
        font-size: 20px;
    }

    /*header*/


    .header .logoNav .logo {
        width: 110px;
        height: 31px;
    }

    .header .nav {
        font-size: 20px;
        padding: 0;
    }


    .header .searchInput input {
        height: 28px;
        font-size: 14px
    }

    .header .searchInput .btn {
        height: 24px;
        width: 52px;
    }

    .header .searchInput .btn i {
        font-size: 18px;
    }

    /*bottomTab*/
    .bottomTab {
        width: 100%;
        left: 0;
        margin-left: 0;
        font-size: 12px;
        padding: 10px 0;
    }



    .bottomTab li i {
        font-size: 22px;
    }

    /*18歲與否*/
    .tandiv {
        position: fixed;
        width: 100vw;
        left: 0;
        margin-left: 0;
        top: 0;
    }

    .tandiv .img {
        left: 0;
        top: 50%;
        transform: translate(0%, -50%);
        z-index: 2;
        width: 100%;
    }

    .tandiv .img img {
        width: 100%;
    }
}