@charset "utf-8";
@media screen and (max-width: 750px) {
    .nav .main .list-warp, .content, .section {
        display: none;

    }

    /* banner区域开始 */
    .mb-banner {
        width: 7.5rem;
        /*height: 4.82rem;*/
        display: block;
        /* margin-top: 1.66rem; */
    }

    .slidebox {
        width: 7.5rem;
        /*height: 4.82rem;*/
        overflow: hidden;
        max-width: 9.2rem;
        position: relative;
        border-radius: 0.1rem;
        -webkit-border-radius: 0.1rem;
        -moz-border-radius: 0.1rem;
        -ms-border-radius: 0.1rem;
        -o-border-radius: 0.1rem;
    }

    .slidebox .hd {
        position: absolute;
        bottom: 0.2rem;
        width: 1.1rem;
        height: 0.2rem;
        left: 50%;
        margin-left: -0.55rem;
        z-index: 1;
    }

    .slidebox .hd ul {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }

    .slidebox .hd li {
        margin: 0 .6px;
        width: 0.15rem;
        height: 0.15rem;
        text-align: center;
        background: url(/uploads/image/i45/banner_icon_001.png) no-repeat 0 0;
        background-size: 100% 100%;
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        *display: inline;
        overflow: hidden;
        *zoom: 1;
    }

    .slidebox .hd li.on {
        background: url(/uploads/image/i45/banner_icon_002.png) no-repeat 0 0;
        background-size: 100% 100%;
        width: 0.3rem;
    }

    .slidebox .bd {
        position: relative;
        width: 7.5rem;
        /*height: 4.82rem;*/
        z-index: 0;
        overflow: hidden
    }

    .slidebox .bd li {
        position: relative;
        text-align: center;
        width: 7.5rem;
        /*height: 4.82rem;*/
    }

    .slidebox .bd li img {
        vertical-align: top;
        width: 100%;
        width: 7.5rem;
        /*height: 4.82rem;*/
        /* 图片宽度100%，达到自适应效果 */
    }

    .slidebox .bd li a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    /* 去掉链接触摸高亮 */
    .nav {
        border-bottom: 0.01rem solid #e5e5e5;
        width: 6.9rem;
        margin: 0 auto 0.5rem;
        height: 1.15rem;
        font-size: 0.24rem;
    }

    .nav .main {
        margin: 0 auto;
        width: 6.9rem;
        padding: 0 .26rem;
    }

    .nav .main .seat {
        float: right;
        line-height: 1.15rem;
    }

    .nav .main .seat a {
        font-size: 0.24rem;
        color: #333333;
    }

    .nav .main .seat .pic {
        background:  no-repeat center center;
        width: 0.21rem;
        height: 0.21rem;
        display: inline-block;
        background-size: 100% 100%;
    }

    .nav .main:after {
        content: '';
        clear: both;
        display: table;
    }

    .mb-section {
        width: 7.5rem;
        /* height: 1.15rem; */
        margin-top: 0.5rem;
        display: block;
    }

    .mb-article {
        width: 6.9rem;
        margin: 0 auto;
        /* font-size: 10px; */

    }

    .mb-article .title {
        font-size: 0.38rem;
        color: #333333;
        text-align: center;
        margin-bottom: 0.22rem;
        border-bottom: 1px solid #717171;
        line-height: 2;
        padding-bottom: 0.2rem;
    }

    .mb-article .line {
        width: 6.6rem;
        height: 0.02rem;
        margin: 0 auto;
        background: #717171;
        margin-bottom: 0.23rem;
        display: none;
    }

    .mb-article .show {
        font-size: 0.28rem;
        color: #333333;
        text-align: center;
    }

    .mb-article .show span {
        display: block;
        height: 0.5rem;
        line-height: 0.5rem;
    }

    .mb-article .show .sss {
        margin-top: 0.2rem;
        margin-bottom: 0.2rem;
    }

    .mb-article .show .openlink {
        display: inline-block;
        /* margin-left: 0.5rem; */
    }

    .mb-article .show .openlink a {
        width: 0.25rem;
        height: 0.25rem;
        margin-left: 0.08rem;
        float: left;
    }

    .mb-article .show .openlink a:nth-child(1) {
        background: url(/uploads/image/i45/share.png) no-repeat left;
        background-size: 100% 100%;
        /* margin-right: 20px; */
        /* background: url(/uploads/image/i45/art_pic_01.png) no-repeat left 14px; */
        /* line-height: 41px;
        text-align: right; */
    }

    .mb-article .show .openlink a:nth-child(2) {
        background: url(/uploads/image/i45/weixin.png) no-repeat left;
        background-size: 100% 100%;

    }

    .mb-article .show .openlink a:nth-child(3) {
        background: url(/uploads/image/i45/weibo.png) no-repeat left;
        background-size: 100% 100%;

    }

    .mb-article .show .openlink a:nth-child(4) {
        background: url(/uploads/image/i45/bsmore.png) no-repeat left;
        background-size: 100% 100%;

    }

    .mb-article .art-text {
        margin-top: 0.4rem;
        /* padding: 0 .5rem; */
        margin-bottom: 0.38rem;

    }

    .mb-article .art-text p,
    .mb-article .art-text p span {
        margin-bottom: 0.4rem;
        color: #333333;
        font-size: 0.29rem !important;
        line-height: 0.5rem;
        text-align: justify;
        letter-spacing: 0.02rem;
    }

    .mb-article .art-text p:nth-child(1) {
        display: none;
    }

    .mb-article .art-text img {
        width: 100%;
        height: auto;
    }

    .mb-article .art-text .art-pic {
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        height: auto;


    }

    .mb-article .art-text .art-pic img {
        width: 100%;
        max-width: 100%;
        height: auto;

    }

    .mb-article .art-text .auth {
        margin-top: 1rem;
        float: right;
        font-size: 0.29rem;

        text-align: justify;
        color: #333333;
    }

    .mb-article .art-text .auth .edit {
        text-align: right;
        margin-bottom: 0.15rem;
    }

    .mb-article .line1 {
        width: 6.6rem;
        margin: 0 auto;
        background-color: #f1f1f1;
        height: 0.02rem;
        margin-bottom: 0.26rem;
    }

    .mb-article .art {
        width: 6.6rem;
        margin: 0 auto;
        font-size: 0.29rem;
        text-align: justify;
    }

    .mb-article .art a {
        color: #333333;
    }

    .mb-article .art-next {
        margin: 0.15rem auto .6rem auto;
    }

    .mb-article .art a:hover {
        color: #be1e27;
    }


}