/* h5样式 */
@media screen and (min-width: 320px) and (max-width: 960px) {
    * {
        /*页面点击链接时会出现高亮框，此代码用来解决*/
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        /*禁用手机浏览器的用户选择文本(复制)功能 */
        /*-webkit-user-select: none;*/
        /*设置怪异盒子*/
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /*解决IOS上面的按钮显示问题*/
        -webkit-appearance: none;
    }

    html {
        /*3.75为设计稿的宽度*/
        font-size: -webkit-calc(100vw / 3.75);
        /*此时定义了在375的设计稿下  1rem=100px*/
    }

    body {
        font-size: 0.16rem;
    }

    .page-box {
        margin: 40px 0 10px 0;
    }

    /*多行省略？*/
    .sl-2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .container {
        width: 3.75rem;
        background-color: #0F0F0F;
    }

    /* AD start */
    .dialogAD {
        width: 3.4rem;
        height: 6rem;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }

    .ADmask {
        height: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(21, 21, 21, 0.50);
        z-index: -1;
    }

    .dialogAD span {
        width: .3rem;
        height: .3rem;
        line-height: .2rem;
        text-align: center;
        display: block;
        border-radius: 50%;
        background-color: #737373;
        padding: .05rem;
        color: #2A2725;
        position: absolute;
        right: .3rem;
        cursor: pointer;
        font-size: .18rem;
    }

    .dialogAD img {
        width: 2.8rem;
        height: 3.8rem;
        margin-top: .5rem;
    }

    /* AD end */
    /* aside start */
    .asideMask {
        width: 3.75rem;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .h5_aside {
        width: 1.2rem;
        /* width: 0; */
        height: 100%;
        transition: .3s linear infinite;
        background-color: #171717;
        color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 2;
    }

    .back {
        line-height: .52rem;
        padding-left: .2rem;
    }

    .search {
        height: 0.4rem;
        background-color: #202020;
        position: relative;
    }

    .search input {
        width: 100%;
        height: 100%;
        padding: .1rem;
        padding-right: .3rem;
        background-color: #202020;
    }

    .search img {
        width: 0.2rem;
        height: inherit;
        position: absolute;
        right: .1rem;
        top: 0;
    }

    .menuList {
        overflow-y: scroll;
        height: calc(100% - 0.82rem - 0.4rem);
        text-align: center;
    }

    .menuList li {
        height: 0.4rem;
        line-height: .4rem;
        color: #fff;
        margin-bottom: .1rem;
    }

    .menuList li :last-child {
        margin-bottom: 0;
    }

    .menuList li.active {
        color: #FF8310;
    }

    .aside_footer {
        width: 1.2rem;
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #202020;
    }

    .m_logo1 {
        height: 0.4rem;
        line-height: .4rem;
        text-align: center;
    }

    .m_logo1 img {
        margin-right: .05rem;
    }

    .aside_footer ul {
        display: flex;
    }

    .aside_footer ul li {
        width: 25%;
        height: 0.2rem;
        line-height: .2rem;
        text-align: center;
    }

    .aside_footer ul li img {
        width: .08rem;
        height: .08rem;
    }

    /* 收缩右侧 */
    .h5_shrink {
        float: right;
        width: 2.55rem;
    }

    .h5_shrink .article {
        width: 2.4rem;
    }

    .h5_shrink .article h3 {
        width: 2.2rem;
    }

    .h5_shrink .article p {
        padding: .05rem;
    }

    /* aside end */
    /* home start */
    .articleList {
        width: 3.75rem;
        padding: .2rem .1rem;
    }

    .article {
        width: 3.55rem;
        height: 1.9rem;
        position: relative;
        margin-bottom: .6rem;
        text-align: center;
        border-radius: 10px;
    }

    .articleMast {
        width: 100%;
        height: inherit;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(21, 21, 21, 0.50);
        filter: blur(2px);
    }

    .article img {
        width: 100%;
        height: 100%;
        border-radius: 0.1rem 0.1rem 0rem 0rem;
    }

    .article h3 {
        position: absolute;
        left: 5%;
        top: 38%;
        width: 3.2rem;
        color: #fff;
        font-size: .14rem;
    }

    .article .hot_tag {
        width: 0.64rem;
        height: 0.64rem;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
    }

    .article p {
        font-size: .12rem;
        color: #737373;
        background-color: #171717;
        border-radius: 0rem 0rem 0.1rem 0.1rem;
    }

    /* home end */
    /* networkLine start */
    .diffBg1Container {
        background-color: #171717;
    }

    .networkLine {
        width: 3.75rem;
        padding: 0 .1rem;
        font-size: .12rem;
        text-align: center;
    }

    .tips {
        background-color: #171717;
        color: #D9D9D9;
        line-height: .4rem;
    }

    .logoContent {
        padding-top: .4rem;
        font-size: .2rem;
    }

    .logoContent img {
        height: 0.4rem;
        margin-bottom: .26rem;
    }

    .logoContent span {
        color: #FF8310;
    }

    .links {
        margin-top: .24rem;
    }

    .links li {
        margin: 0 auto;
        width: 3rem;
        height: 0.58rem;
        margin-bottom: .24rem;
        border-radius: .3rem;
        border-bottom: 1px solid #FF8310;
        background-color: #202020;
        color: #D9D9D9;
        padding-top: .05rem;
    }

    .links li p {
        font-size: .16rem;
    }

    .links li span {
        display: inline-block;
        font-size: .14rem;
        margin-top: .05rem;
    }

    .warn {
        width: 3rem;
        margin: 0 auto;
    }

    /* networkLine end */
    /* cooperation start */
    .diffBgContainer {
        padding-bottom: .3rem;
    }

    .cooperation {
        padding: .3rem .1rem 0;
    }

    .cooperationInfo {
        text-align: center;
    }

    .cooperationInfo .logo_1 {
        height: .4rem;
        margin-bottom: .1rem;
    }

    .cooperationButton {
        display: flex;
        margin-top: .35rem;
        justify-content: center;
    }

    .cooperationButton li {
        width: 31.5%;
        margin-right: .1rem;
        border-bottom: 1px solid #FF8310;
        padding: .05rem 0;
        border-radius: .1rem;
        font-size: .14rem;
    }

    .cooperationButton li:nth-child(3) {
        margin-right: 0;
    }

    .cooperationButton li b {
        display: inline-block;
        width: .25rem;
        height: .25rem;
        border-radius: .25rem;
        border: 1px solid #FF8310;
        margin-right: .08rem;
    }

    .cooperationButton li b img {
        width: auto;
        height: auto;
        margin-top: .03rem;
        width: 18px;
    }

    .cooperationButton li:nth-child(1) img {
        margin-top: .03rem;
        width: 18px;
    }

    .cooperationButton li:nth-child(3) img {
        margin-top: .04rem;
    }

    .download {
        margin-top: .16rem;
    }

    .downloadList {
        padding: .2rem 0;
        border-top: 1px solid #A6A6A6;
        border-bottom: 1px solid #A6A6A6;
        border-radius: .1rem;
        background-color: #171717;
        margin: 0 auto;
        height: 5rem;
    }

    .downloadList li {
        width: 2rem;
        background-color: #202020;
        border-radius: .3rem;
        border-bottom: 1px solid #FF8310;
        line-height: .48rem;
        margin: 0 auto;
        margin-bottom: .2rem;
    }

    .downloadList li:last-child {
        margin-bottom: 0;
    }

    .downloadList li i {
        display: inline-block;
        width: .5rem;
        height: 0.5rem;
        background-color: #FF8310;
        border-radius: .5rem;
        margin-right: .3rem;
    }

    .downloadList li i img {
        width: .3rem;
        height: .3rem;
        text-align: center;
        margin: 0 0 0 .1rem;
    }

    .downloadList li:nth-child(3) i img {
        width: 0.2rem;
        height: 0.2rem;
        margin: 0 0 0 .15rem;
    }

    .missBanner {
        width: 100%;
        margin-top: -1.9rem;
    }

    /* cooperation end */
    /* notFound start */
    .notFound {
        width: 1rem;
        height: 1rem;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .notFound img {
        width: 100%;
        height: 100%;
    }

    /* notFound end */
    body.desktop.card #index article .post-card:hover, body.mobile.card #index article .post-card:focus, body.desktop.card #archive article .post-card:hover, body.mobile.card #archive article .post-card:focus {
        -webkit-transform: translate(0px, 0px) scale(1) !important;
        transform: translate(0px, 0px) scale(1) !important
    }
    #nav-toolbar .side-toolbar .side-toolbar-list li a:active {
        background-color: #fff;
    }

}