@media (min-width: 800px){
    .Pc-header{
        display: block;
    }
    .M-header{
        display: none;
    }
    .Pc-footer{
        display: block;
    }
    .M-footer{
        display: none;
    }
    .section-services{
        display: none;
    }
    .section-contact{
        display: none;
    }
    .cms-container .left .banner{
        display: none;
    }
    .cms-container .right{
        display: block;
    }
    .Pc-right-tool{
        display: block;
    }
    .m-right-tool{
        display: none;
    }
    .cms-container .left .essay-nav{
        display: block;
    }
    .essay-navigation{
        display: inline-block;
    }
    .recommend{
        display: block;
    }
    .section-cmswrapper-recommend{
        display: none;
    }
    .gongzhonghao-popup{
        display: none;
    }
    .kefu-popup{
        display: none;
    }
}
@media (max-width: 800px){
    .cms-container .left .essay-nav{
        display: none;
    }
    .Pc-header{
        display: none;
    }
    .M-header{
        display: block;
    }
    .Pc-footer{
        display: none;
    }
    .M-footer{
        display: block;
    }
    .Pc-right-tool{
        display: none;
    }
    .m-right-tool{
        display: block;
    }
    .cms-container .right{
        display: none;
    }
    .section-services{
        display: block;
    }
    .section-contact{
        display: block;
    }

    .cms-container{
        width: 7.5rem !important;
    }

    .cms-container .left{
        width: 100%;
        background-color: #fff;
    }
    .cms-container .left .banner{
        display: block;
    }
    .cms-container .left nav{
        width: 100%;
        height: .86rem;
        background: rgba(255,255,255,1);
        box-shadow: 0px 1px 0.12rem 0px rgba(31,64,174,0.1);
        border-radius: .05rem;
        padding: 0 .87rem;
    }
    .cms-container .left nav li{
        height: 100%;
        line-height: .86rem;
        font-size: .26rem;
        color: rgba(73,73,73,1);
    }
    .cms-container .left nav li.active{
        border-bottom: 2px solid #096DDE;
        color: #096DDE;
        font-weight: bold;
    }
    .cms-container .left .article-container{
        padding: 0 .44rem;
    }
    .cms-container .left .article-list{
        width: 100%;
        padding: .26rem 0 .29rem;
        border-bottom: 1px solid rgba(220,220,220,.5);
    }
    .cms-container .left .article-list img{
        width: 1.74rem;
        height: 1.34rem;
        background: rgba(235,235,235,1);
    }
    .cms-container .left .article-info{
        width: 4.67rem;
    }
    .cms-container .left .article-info .title{
        width: 4.67rem;
        font-size: .24rem;
        font-weight: bold;
        color: rgba(73,73,73,1);
        overflow: hidden;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .cms-container .left .article-info .subtitle{
        font-size: .2rem;
        color: rgba(130,130,130,1);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-top: .11rem;
    }
    
    .market-page{
        padding: .5rem 0;
    }
    /* 外面盒子样式---自己定义 */
    .market-page .page_div {
        color: #666;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    /* 页数按钮样式 */
    .market-page .page_div button {
        display: inline-block;
        min-width: .5rem;
        height:.5rem;
        background:rgba(9,109,222,1);
        border-radius:.05rem;
        cursor: pointer;
        color: #666;
        font-size: .2rem;
        line-height: .45rem;
        background-color: #f9f9f9;
        border: 1px solid #dce0e0;
        text-align: center;
        margin: 0 .04rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .market-page #firstPage,
    .market-page #lastPage,
    .market-page #nextPage,
    .market-page #prePage {
        width:1.03rem;
        color: #404040;
        border: 1px solid #404040
    }
    .market-page #nextPage,
    .market-page #prePage {
        background:rgba(9,109,222,1);
        border-radius:5px;
        color: #fff;
        border: none;
    }

    .market-page #nextPage,
    .market-page #prePage {
        width:1.03rem;
    }

    .market-page .page_div .current {
        background-color: #096DDE;
        border-color: #096DDE;
        color: #FFF
    }

    /* 页面数量 */
    .market-page .totalPages {
        margin: 0 10px
    }

    .market-page .totalPages span,
    .market-page .totalSize span {
        color: #1995FB;
        margin: 0 5px
    }

    /*button禁用*/
    .page_div button:disabled {
        opacity: .5;
        cursor: no-drop
    }
    .cms-container .left .essay-conainer .title{
        font-size: .28rem;
        font-weight: bold;
        color: rgba(77,77,77,1);
        text-align: center;
    }
    .cms-container .left .essay-conainer{
        padding: .4rem 0.47rem;
    }
    .cms-container .left .essay-conainer .info{
        margin-top: .31rem;
    }
    .cms-container .left .essay-conainer .info span{
        font-size: .19rem;
        color: rgba(139,139,139,1);
        margin-left: .05rem;
    }
    .cms-container .left .essay-conainer .info .timer i{
        width: .23rem;
        height: .23rem;
        /* background-color: red; */
        background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
        background-position: -2.05rem -1.32rem;
        background-repeat: no-repeat;
        background-size: 3.5rem auto;
    }
    .cms-container .left .essay-conainer .info .reader i{
        width: .23rem;
    height: .23rem;
    /* background-color: red; */
    background-image: url(//static.suowo.cn/static/m.suowo.cn/images/icon.png);
    background-position: -2.35rem -1.29rem;
    background-repeat: no-repeat;
    background-size: 3.5rem auto;
    }
    .cms-container .left .essay-info{
        padding: .24rem 0 .72rem;
        font-size: .24rem;
    }
    .essay-navigation{
        display: none !important;
    }
    .recommend{
        display: block;
        padding: 0 .3rem .2rem;
    }
    .section-cmswrapper-recommend{
        display: none;
    }

    .cms-container .left .recommend li{
        margin-top: .1rem;
    }
    .cms-container .left .recommend .title{
        font-size: .3rem;
        color: rgba(64,64,64,1);
        margin-bottom: .2rem;
    }
    .cms-container .left .recommend li p{
        width: 5rem;
        font-size: .22rem;
        color: rgba(122,122,122,1);
        overflow: hidden;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .cms-container .left .recommend li span {
        font-size: .22rem;
        color: rgba(122,122,122,1);
    }

    .M-header {
        width: 100%;
        height: auto;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 122;
    }
    .M-header .header .logo {
        height: auto;
    }

    .view-more-btn {
        font-size: .26rem;
        text-align: center;
        color: #1995FB;
        margin: .3rem 0;
        cursor: pointer;
    }
    .view-more-btn::before,
    .view-more-btn::after {
        display: block;
        content: '';
        width: .5rem;
        height: 1px;
        border-top: 1px solid #1995FB;
    }
    .view-more-btn::before {
        margin-right: .1rem;

    }
    .view-more-btn::after {
        margin-left: .1rem;
    }
    .essay-info-share {
        width: 2.8rem;
        margin-left: 2.8rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .essay-info-share .share-icon:nth-child(1) {
        margin-left: 0 !important;
    }

}