@import "page.css"; 

.mb60 {
    margin-bottom: 0.33333333rem;
}

.mb50 {
    margin-bottom: 0.33333333rem;
}

.mb40 {
    margin-bottom: 0.26666667rem;
}

.main-color {
    color: #358ff0;
}

.h-btn {
    background-color: #3080d8 !important;
}

.m-art-list .detail {
    font-size: 0.18666667rem;
}

.d-flex {
    display: flex;
}

.p-relative {
    position: relative;
}

.bg-white {
    background: #fff;
}
/*锟斤拷锟斤拷锟斤拷式*/
.icons {
    display: flex;
}

    .icons li {
        width: 25%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .icons li img {
            width: 0.66666667rem;
            height: 0.66666667rem;
        }

        .icons li p {
            font-size: 0.18666667rem;
            color: #000;
            text-align: center;
            line-height: 0.37333333rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.article-header {
    height: 0.65333333rem;
    background: #358ff0;
    color: #fff;
    font-size: 0.21333333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .article-header .left {
        margin-left: 0.2rem;
        display: flex;
        align-items: center;
    }

        .article-header .left i {
            display: inline-block;
            width: 0.13333333rem;
            height: 0.22rem;
            background: url("../images/ui/arrow_l.png") no-repeat;
            background-size: 100%;
            margin-right: 0.05333333rem;
        }

    .article-header .mid {
        display: flex;
        align-items: center;
    }

        .article-header .mid img {
            height: 0.4rem;
            width: auto;
        }

    .article-header .right {
        display: flex;
        align-items: center;
        margin-right: 0.33333333rem;
    }

        .article-header .right i {
            display: inline-block;
            width: 0.26rem;
            height: 0.26rem;
            background: url("../images/ui/search.png") no-repeat;
            background-size: 100%;
        }

.on {
    color: #358ff0;
}

.tab-select li {
    padding: 0 0.16rem;
    border-left: 0.00666667rem solid #999;
}

    .tab-select li:first-of-type {
        padding-left: 0;
        border-left: none;
    }

    .tab-select li:last-of-type {
        padding-right: 0;
    }

.m-hot-soft .item-wrap {
    padding: 0 0.2037rem;
}

.main .crumbs {
    height: 0.44rem;
    padding: 0 0.17333333rem;
    display: flex;
    align-items: center;
    color: #999;
    font-size: 0.16rem;
}

    .main .crumbs p {
        display: flex;
        margin-right: 0.1rem;
    }

        .main .crumbs p .local {
            display: inline-block;
            width: 0.18666667rem;
            height: 0.23333333rem;
            background: url('/images/ui/local.png') no-repeat;
            background-size: 100%;
        }

    .main .crumbs .link {
        font-size: 0.16rem;
        color: #c4c4c4;
    }

        .main .crumbs .link:last-of-type {
            flex: 1;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

.main .system_info {
    padding: 0.24rem 0.18666667rem 0.26666667rem;
    margin-bottom: 0.2rem;
    background-color: #fff;
}

    .main .system_info h1 {
        font-size: 0.24rem;
        color: #333;
        text-align: left;
        line-height: 0.42666667rem;
        margin-bottom: 0.09333333rem;
    }

    .main .system_info .info {
        display: flex;
        margin-bottom: 0.21333333rem;
    }

        .main .system_info .info .img {
            width: 1.86666667rem;
            height: 1.4rem;
            display: flex;
            align-items: center;
            margin-right: 0.18666667rem;
            overflow: hidden;
        }

            .main .system_info .info .img img {
                width: 100%;
                border-radius: 0.05333333rem;
            }

        .main .system_info .info .txt {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding-top: 0.13333333rem;
            padding-bottom: 0.1rem;
        }

            .main .system_info .info .txt p {
                line-height: 1;
                color: #666;
                font-size: 0.18666667rem;
            }

    .main .system_info .btn {
        display: block;
        width: 100%;
        height: 0.53333333rem;
        line-height: 0.53333333rem;
        font-size: 0.18666667rem;
        color: #fff;
        text-align: center;
        background-color: #358ff0;
        margin-bottom: 0.13333333rem;
        border-radius: 0.05333333rem;
    }

        .main .system_info .btn span {
            padding-left: 0.12rem;
        }

    .main .system_info .btn-green {
        background-color: #3cc575;
        margin-bottom: 0;
    }

.main .content {
    margin: 0 0.18666667rem;
    background: #fff;
}

    .main .content .content-tab {
        padding-top: 0.18666667rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.15333333rem;
    }

        .main .content .content-tab li {
            flex: 1;
            border-right: 0.00666667rem solid #ededed;
            text-align: center;
            font-size: 0.21333333rem;
            color: #333;
            line-height: 1;
        }

            .main .content .content-tab li:last-of-type {
                border: none;
            }

        .main .content .content-tab .on {
            color: #358ff0;
        }

            .main .content .content-tab .on span {
                line-height: 1;
                padding-bottom: 0.16rem;
                border-bottom: 0.02rem solid #358ff0;
            }

    .main .content .art-detail {
        padding: 0 0.18666667rem;
        /*height: 5rem;*/
        overflow: hidden;
        background: #fff;
    }

        .main .content .art-detail p {
            font-size: 0.18666667rem;
            color: #333;
            line-height: 0.32rem;
        }

    .main .content .tab-wrap .item {
        display: none;
    }

    .main .content .tab-wrap .m-slider {
        margin-top: 0.17333333rem;
        overflow: hidden;
        position: relative;
        z-index: 1;
        height: auto;
    }

        .main .content .tab-wrap .m-slider .npos {
            position: absolute;
            z-index: 2;
            bottom: 0.2rem;
            text-align: center;
            font-size: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

            .main .content .tab-wrap .m-slider .npos li {
                display: inline-block;
                background: #fff;
                width: 0.1389rem;
                height: 0.1389rem;
                border-radius: 6.66rem;
            }

                .main .content .tab-wrap .m-slider .npos li + li {
                    margin-left: 0.1389rem;
                }

                .main .content .tab-wrap .m-slider .npos li.on {
                    background: #358ff0;
                }

    .main .content .fold-switch {
        display: none;
        /*display: flex;*/
        justify-content: center;
        align-items: center;
        color: #358ff0;
        font-size: 0.18666667rem;
        margin-top: 0.21333333rem;
    }

.introduce_title {
    margin-top: 0.26666667rem;
    margin-bottom: 0.17333333rem;
}

    .introduce_title span {
        display: inline-block;
        height: 0.18666667rem;
        font-size: 0.18666667rem;
        font-family: "PingFang SC Bold";
        color: #333;
        padding-left: 0.12rem;
        line-height: 1;
        position: relative;
        border-left: 0.02rem solid #358ff0;
    }

.c-title {
    line-height: 1;
    border-left: 0.02666667rem solid #358ff0;
    padding-left: 0.09333333rem;
    padding-right: 0.18666667rem;
    display: flex;
    justify-content: space-between;
}

    .c-title span {
        font-family: "PingFang SC Bold";
        font-size: 0.21333333rem;
        color: #333;
    }

    .c-title .more {
        color: #889396;
        font-size: 0.21333333rem;
        display: flex;
        align-items: center;
    }

        .c-title .more i {
            width: 0.1019rem;
            height: 0.2778rem;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTJGNUI4MDZFNTU2MTFFN0EwRUJDQkU0QkVENjhGMjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTJGNUI4MDVFNTU2MTFFN0EwRUJDQkU0QkVENjhGMjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiOTUxZTM3Zi05MDBjLTFhNDAtOWE1ZC1mODcyMTc1Mzk0YjEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxMzg0MWE2NC1lMGIwLTExZTctOGQyYi1mMjgzNWYzMDViODkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6cPXASAAACG0lEQVR42qyXSSjEcRTH/9Zs2WULJTEhWYpElC1kTeEgB3KhlJNSzk5KOaBIOUjZsi/Z5SRyolwcHJyISCjL99X71/QaMm/m1ad/852ZT7/5L+/9xmV8ZtbNMIxKQMcV8Gk4oVzBGFgGi2AT+DhLXGf1ugRsAD9niE9EVsArD3BU3AbORZ4HtkCgI+J7UAxOxXs5YBcEa8VUj6DUxmnJZHmYVkz1BCrAsfhMOtgH4Vox1TMoB3siTwEHIEorpnoF1XzxrMvCK4/Rik053d/rIk/klcdpxVRvoB4siTweHPJRJab6AI1gTuRxvPJErdiUN4MZkcew3KIVG9zxWsCUyCNZnqoVm3J6/CdEHs63Z7pWbMo7wKjIw/gJzdKKqb5BJxgWOfWUHZCtFZvybjAo8kC+Pb20YrN6waXIIkC0I2IPMA2SRX4FbtyVUk8wC2pEfsut4Esj9gYL3AWt64YHBh0Ne8W+PNGLRH7Ng/jWDOwR+4M1kG/jnNJK7zQPSBDYtiG9AIVS+t8Vh7I0Q+RnoAw8aJpQBE8NKT3hn//w2xf/WnE0P/9JIqcmXwVeNI2eGvmRDekWbyBfNKMpgaVy9KyCWp6Hdg9TC//UWJHPgwbwrhn/ab/sHagfNPGIsnvDkslTQO52JkGrZjNO4ly++iHivRHQrt3hu/LfA7ldHQJd3NDV21i50gHQ44jUFB9YjZt+0OeM/yA/AgwAZEdrzpc7duQAAAAASUVORK5CYII=) center no-repeat;
            background-size: 100%;
            margin-left: 0.06666667rem;
        }
/*锟斤拷亟坛锟�*/
.m-xgjc .c-title .select {
    font-size: 0.21333333rem;
    color: #999;
    display: flex;
    margin-right: 0.18666667rem;
}

    .m-xgjc .c-title .select li {
        padding: 0 0.12666667rem;
        border-left: 0.02rem solid #999;
    }

        .m-xgjc .c-title .select li:first-of-type {
            border-left: none;
        }

        .m-xgjc .c-title .select li:last-of-type {
            padding-right: 0;
        }

    .m-xgjc .c-title .select on {
        color: #358ff0;
    }

.p0 {
    padding: 0;
}

.p-x28 {
    padding: 0 0.18666667rem;
}
/*锟斤拷锟斤拷锟剿伙拷锟斤拷锟斤拷锟斤拷*/
.art-search {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .art-search .search-item {
        width: 2rem;
        height: 0.6rem;
        line-height: 0.6rem;
        text-align: center;
        background: #f4f4f4;
        color: #666666;
        font-size: 0.24rem;
        margin-bottom: 0.26666667rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 1em;
        box-sizing: border-box;
    }

        .art-search .search-item:nth-of-type(2n+1) {
            margin-right: 0.25rem;
        }
/*锟斤拷锟斤拷锟斤拷锟斤拷*/
.art-you-like .c-title {
    margin-bottom: 0.24rem;
}

.art-you-like .yl-item {
    line-height: 0.58666667rem;
    border-bottom: 0.00666667rem dashed #bdbdbd;
    font-size: 0.18666667rem;
    color: #333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*锟斤拷锟斤拷萍锟�*/
.recommend-wrap {
    padding: 0 0.18666667rem;
}

.pbd-1 {
    padding-bottom: 1px;
}

.recommend {
    display: flex;
    justify-content: space-between;
}

    .recommend .img {
        width: 1.6rem;
        height: 1.16rem;
        padding-left: 0.04rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
    }

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

        .recommend .img .bg {
            display: block;
            position: absolute;
            width: 0.73333333rem;
            height: 0.36rem;
            background: url("../images/ui/art_sys_bg.png") no-repeat;
            background-size: 100%;
            top: 0;
            left: 0;
        }

            .recommend .img .bg span {
                display: block;
                width: 0.62666667rem;
                height: 0.30666667rem;
                line-height: 0.30666667rem;
                font-size: 0.16rem;
                color: #fff;
                text-align: center;
            }

    .recommend .info {
        margin-left: 0.2rem;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .recommend .info .desc {
            font-size: 0.21333333rem;
            color: #000;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .recommend .info .detail {
            margin-top: auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.18666667rem;
            color: #999;
        }
/*锟斤拷锟斤拷锟斤拷示锟斤拷锟斤拷*/
.popup_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 600px;
    z-index: 99;
    display: none;
}

.download_hint_popup {
    width: 4.68rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    font-size: 0.18666667rem;
    color: #333;
    border-radius: 0.02666667rem;
    z-index: 999;
    display: none;
}

    .download_hint_popup .title {
        height: 0.53333333rem;
        line-height: 0.53333333rem;
        background: #358ff0;
        color: #fff;
        font-size: 0.24rem;
        text-align: center;
        border-radius: 0.02666667rem 0.02666667rem 0 0;
        position: relative;
    }

        .download_hint_popup .title img {
            position: absolute;
            top: 50%;
            right: 0.18rem;
            width: 0.15333333rem;
            height: 0.15333333rem;
            display: block;
            transform: translate(0, -50%);
        }

    .download_hint_popup .content {
        font-size: 0.18666667rem;
        line-height: 0.4rem;
        color: #333;
        padding: 0.13333333rem;
    }

        .download_hint_popup .content p {
            text-indent: 2em;
        }

    .download_hint_popup .btn_box {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.06666667rem 0 0.26666667rem;
    }

        .download_hint_popup .btn_box .btn {
            display: block;
            width: 1.2rem;
            height: 0.37333333rem;
            line-height: 0.37333333rem;
            text-align: center;
            border-radius: 0.02666667rem;
            color: #fff;
            background: #358ff0;
            margin: 0 0.06666667rem;
        }

            .download_hint_popup .btn_box .btn.gray {
                background: #f3f3f3;
                color: #999;
            }
/*锟斤拷锟斤拷锟斤拷锟�*/
.comments .num-box {
    font-size: 0.18666667rem;
    color: #999;
    padding-left: 0.26666667rem;
}

    .comments .num-box .num {
        color: #358ff0;
    }
/*锟斤拷锟斤拷页锟斤拷锟斤拷锟斤拷锟斤拷*/
.comment {
    background: #fff;
    padding: 0 0.1867rem;
}

    .comment .l_title {
        height: 0.72rem;
        line-height: 0.72rem;
        display: flex;
        align-items: center;
        border-bottom: solid 0.00666667rem #ededed;
    }

        .comment .l_title p {
            font-weight: normal;
            font-size: 0.1867rem;
            color: #999;
            margin: 0 0 0 0.2rem;
        }

            .comment .l_title p span {
                color: #358ff0;
            }

    .comment .head_portrait {
        width: 0.5467rem;
        height: 0.5467rem;
        margin-right: 0.24rem;
        flex-shrink: 0;
    }

    .comment .input_box {
        width: 3.5rem;
        font-size: 0.1867rem;
        position: relative;
    }

    .comment .default_input_box {
        padding-top: 0.2rem;
    }

    .comment .comment_input {
        display: flex;
        padding: 0 0 0.4667rem;
        overflow: hidden;
        font-family: "PingFang SC Medium";
    }

        .comment .comment_input .input_box textarea {
            width: 3.3733rem;
            border: none;
            background: #f7f7f7;
            padding: 0.16rem 0.1333rem;
            font-size: 0.1867rem;
            color: #262626;
            border-radius: 0.02667rem;
            box-sizing: border-box;
            font-family: "PingFang SC Regular";
        }

        .comment .comment_input .input_box .submit_comment {
            width: 1.6667rem;
            height: 0.5333rem;
            line-height: 0.5333rem;
            font-size: 0.1867rem;
            background: #358ff0;
            color: #fff;
            text-align: center;
            border-radius: 0.02667rem;
            border: none;
            margin: 0.24rem 0 0;
        }

            .comment .comment_input .input_box .submit_comment.hover {
                background: #1f60cc;
            }

        .comment .comment_input .input_box .verification {
            font-size: 0.1867rem;
            margin-top: 0.2667rem;
            position: relative;
            display: none;
        }

            .comment .comment_input .input_box .verification label {
                position: absolute;
                left: -0.7867rem;
                top: 50%;
                color: #666;
                transform: translate(0, -50%);
            }

            .comment .comment_input .input_box .verification .code {
                display: flex;
                align-items: center;
                overflow: hidden;
            }

            .comment .comment_input .input_box .verification .input_val {
                float: left;
                display: block;
                width: 2.4rem;
                height: 0.6rem;
                line-height: 0.6rem;
                padding-left: 0.1333rem;
                font-size: 0.1867rem;
                color: #262626;
                box-sizing: border-box;
                background: #f7f7f7;
                border: none;
                border-radius: 0.02667rem 0 0 0.02667rem;
                font-family: "PingFang SC Regular";
            }

            .comment .comment_input .input_box .verification #canvas {
                float: left;
                width: 1.4667rem;
                height: 0.6rem;
                border-radius: 0.02667rem 0 0 0.02667rem;
            }

        .comment .comment_input .input_box .comment_close {
            position: absolute;
            top: -0.0667rem;
            right: 0;
            color: #bbbbbb;
            font-size: 0.14666667rem;
            cursor: pointer;
        }

        .comment .comment_input.default_input .input_box textarea {
            width: 100%;
        }

    .comment .comment_list .comment_item,
    .comment .default_input_box .comment_item {
        position: relative;
    }

    .comment .comment_list .default_box,
    .comment .default_input_box .default_box {
        display: flex;
        padding-bottom: 0.4rem;
        overflow: hidden;
        position: relative;
    }

    .comment .comment_list .revert_box,
    .comment .default_input_box .revert_box {
        padding-left: 0.78666667rem;
    }

        .comment .comment_list .revert_box .comment_cont,
        .comment .default_input_box .revert_box .comment_cont {
            width: 3.04666667rem;
        }

    .comment .comment_list .comment_cont,
    .comment .default_input_box .comment_cont {
        width: 3.84rem;
        font-size: 0.18666667rem;
        position: relative;
    }

        .comment .comment_list .comment_cont .text,
        .comment .default_input_box .comment_cont .text {
            background: #f7f7f7;
            padding: 0.16rem 0.13333333rem;
            border-radius: 0.05333333rem;
            font-size: 0.18666667rem;
            color: #262626;
            position: relative;
        }

        .comment .comment_list .comment_cont .info,
        .comment .default_input_box .comment_cont .info {
            line-height: 0.26666667rem;
            padding-top: 0.13333333rem;
            overflow: hidden;
            font-size: 0.12rem;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

            .comment .comment_list .comment_cont .info p,
            .comment .default_input_box .comment_cont .info p,
            .comment .comment_list .comment_cont .info span,
            .comment .default_input_box .comment_cont .info span {
                color: #999;
                margin: 0 0.26666667rem 0 0;
            }

            .comment .comment_list .comment_cont .info span,
            .comment .default_input_box .comment_cont .info span {
                cursor: pointer;
            }

                .comment .comment_list .comment_cont .info span.revert:hover,
                .comment .default_input_box .comment_cont .info span.revert:hover {
                    color: #358ff0;
                }

                .comment .comment_list .comment_cont .info span.give_a_like,
                .comment .default_input_box .comment_cont .info span.give_a_like {
                    height: 0.24rem;
                    line-height: 0.24rem;
                    padding: 0 0.06666667rem;
                    border-radius: 0.02666667rem;
                }

                    .comment .comment_list .comment_cont .info span.give_a_like[data-attr="0"]:hover,
                    .comment .default_input_box .comment_cont .info span.give_a_like[data-attr="0"]:hover {
                        color: #358ff0;
                        background: #f7faff;
                    }

                    .comment .comment_list .comment_cont .info span.give_a_like[data-attr="1"],
                    .comment .default_input_box .comment_cont .info span.give_a_like[data-attr="1"] {
                        color: #358ff0;
                        background: #f7faff;
                    }

                    .comment .comment_list .comment_cont .info span.give_a_like.current,
                    .comment .default_input_box .comment_cont .info span.give_a_like.current {
                        color: #358ff0;
                        background: #f7faff;
                    }

                    .comment .comment_list .comment_cont .info span.give_a_like i,
                    .comment .default_input_box .comment_cont .info span.give_a_like i {
                        margin-left: 0.04rem;
                        font-style: initial;
                    }

    .comment .on_earth {
        padding-bottom: 0.4rem;
        text-align: center;
        overflow: hidden;
        font-size: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

        .comment .on_earth i {
            display: block;
            width: 0.7rem;
            height: 0.00666667rem;
            background: #f2f2f2;
            margin: 0 0.08rem;
        }

        .comment .on_earth span {
            display: block;
            font-size: 0.16rem;
            color: #c9c9c9;
            position: relative;
        }

    .comment .comment_hint {
        text-align: center;
        padding: 0.2rem 0 0.10666667rem;
        border-top: solid 0.00666667rem #ededed;
        overflow: hidden;
    }

        .comment .comment_hint p {
            font-size: 0.16rem;
            color: #666;
            line-height: 0.26666667rem;
        }

        .comment .comment_hint .immediate_comm {
            display: block;
            font-size: 0.16rem;
            background: #358ff0;
            color: #fff;
            width: 0.8rem;
            height: 0.34666667rem;
            line-height: 0.34666667rem;
            text-align: center;
            margin: 0.2rem auto;
            border-radius: 3px;
            cursor: pointer;
        }

            .comment .comment_hint .immediate_comm:hover {
                background: #3080d8;
            }

.comment-box .c-title p {
    margin-right: auto;
    margin-left: 0.10666667rem;
    font-size: 0.18666667rem;
}

    .comment-box .c-title p .num {
        font-family: "PingFang SC Medium";
        color: #358ff0;
    }
/*锟斤拷锟斤拷锟斤拷示锟斤拷锟斤拷*/
.popup_dialog {
    width: auto;
    background: #fff;
    border: solid 0.00666667rem #ededed;
    border-radius: 0.02666667rem;
    padding: 0.12rem 0.33333333rem;
    font-size: 0.18666667rem;
    color: #666;
    display: flex;
    align-items: center;
    white-space: nowrap;
    position: fixed;
    left: 50%;
    top: 30%;
    transform: translate(-50%, 0);
    z-index: 9999;
}

    .popup_dialog i {
        display: block;
        margin-right: 0.2rem;
        font-size: 0.36rem;
        color: #ff6b66;
    }

    .popup_dialog .content {
        line-height: 0.4rem;
    }

.popup_review_audit {
    width: auto;
    background: #fff;
    border: solid 0.00666667rem #ededed;
    border-radius: 0.02666667rem;
    padding: 0.12rem 0.33333333rem;
    font-size: 0.18666667rem;
    color: #666;
    display: flex;
    align-items: center;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    z-index: 9999;
}

    .popup_review_audit i {
        display: block;
        margin-right: 0.13333333rem;
        font-size: 0.24rem;
        color: #ff6b66;
    }

    .popup_review_audit .content {
        line-height: 0.4rem;
    }
/******************************* 锟街伙拷锟斤拷锟斤拷锟斤拷锟揭� start********************************/
.soft-info {
    padding: 0.26666667rem 0.18666667rem;
    background: #fff;
    margin-bottom: 0.2rem;
}

    .soft-info .detail {
        display: flex;
        width: 100%;
        margin-bottom: 0.25333333rem;
    }

        .soft-info .detail .left {
            margin-right: 0.2rem;
            flex-shrink: 0;
        }

            .soft-info .detail .left img {
                width: 0.66666667rem;
                height: 0.66666667rem;
            }

        .soft-info .detail .right {
            flex: 1;
            max-width: 3.76rem;
        }

            .soft-info .detail .right h1 {
                font-size: 0.22666667rem;
                color: #000;
                font-family: "PingFang SC Bold";
                line-height: 1;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-bottom: 0.2rem;
            }

            .soft-info .detail .right div {
                display: flex;
            }

                .soft-info .detail .right div p {
                    margin-right: 0.22666667rem;
                    color: #999;
                    font-size: 0.16rem;
                    line-height: 1;
                    display: flex;
                    flex-direction: column;
                }

                    .soft-info .detail .right div p span {
                        line-height: 1;
                    }

                        .soft-info .detail .right div p span:first-of-type {
                            margin-bottom: 0.14666667rem;
                        }

                .soft-info .detail .right div .main-color {
                    color: #358ff0;
                }

    .soft-info .btn {
        display: block;
        width: 100%;
        height: 0.48rem;
        line-height: 0.48rem;
        text-align: center;
        color: #fff;
        font-size: 0.18666667rem;
        background: #358ff0;
        border-radius: 0.06666667rem;
    }

.art-detail .img-box {
    margin-bottom: 0.2rem;
    height: 3.08rem;
    overflow: hidden;
}

    .art-detail .img-box .inner {
        overflow: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        height: 4.1667rem;
    }

    .art-detail .img-box img {
        width: 1.5rem;
        margin-right: 0.1252rem;
        display: inline-block;
    }

.art-detail .slide {
    height: 100%;
}

.soft-tj li {
    height: 0.6rem;
    border-bottom: 1px dashed #bdbdbd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
}

    .soft-tj li h3 {
        width: 3.4rem;
        max-width: 3.4rem;
        font-family: "PingFang SC Bold";
    }

    .soft-tj li .dl {
        color: #fff;
        width: 0.62666667rem;
        height: 0.33333333rem;
        line-height: 0.33333333rem;
        text-align: center;
        background: #358ff0;
        border-radius: 0.03333333rem;
        flex-shrink: 0;
    }

.m-xgyd .c-title {
    height: 0.21333333rem;
    margin-bottom: 0;
}

.m-xgyd .yl-item {
    color: #333;
    font-family: "PingFang SC Bold";
}
/*锟斤拷锟阶拷锟�*/
.m-xgzt .select {
    display: flex;
    width: 100%;
    align-items: center;
}

    .m-xgzt .select li {
        text-align: center;
        margin-right: 0.4rem;
    }

        .m-xgzt .select li:last-of-type {
            margin-right: 0;
        }

    .m-xgzt .select .on span {
        color: #358ff0;
        position: relative;
        padding-bottom: 0.13333333rem;
        border-bottom: 0.01333333rem solid #358ff0;
    }

.m-xgzt .item-wrap {
    margin: 0.38666667rem 0.18666667rem 0;
}

    .m-xgzt .item-wrap .title {
        display: flex;
        width: 100%;
    }

        .m-xgzt .item-wrap .title h3 {
            max-width: 3.46666667rem;
            font-size: 0.21333333rem;
        }

            .m-xgzt .item-wrap .title h3 span {
                font-size: 0.16rem;
            }

        .m-xgzt .item-wrap .title .more {
            color: #889396;
            font-size: 0.21333333rem;
            margin-left: auto;
            display: flex;
            align-items: center;
        }

            .m-xgzt .item-wrap .title .more i {
                width: 0.1019rem;
                height: 0.2778rem;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTJGNUI4MDZFNTU2MTFFN0EwRUJDQkU0QkVENjhGMjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTJGNUI4MDVFNTU2MTFFN0EwRUJDQkU0QkVENjhGMjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiOTUxZTM3Zi05MDBjLTFhNDAtOWE1ZC1mODcyMTc1Mzk0YjEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxMzg0MWE2NC1lMGIwLTExZTctOGQyYi1mMjgzNWYzMDViODkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6cPXASAAACG0lEQVR42qyXSSjEcRTH/9Zs2WULJTEhWYpElC1kTeEgB3KhlJNSzk5KOaBIOUjZsi/Z5SRyolwcHJyISCjL99X71/QaMm/m1ad/852ZT7/5L+/9xmV8ZtbNMIxKQMcV8Gk4oVzBGFgGi2AT+DhLXGf1ugRsAD9niE9EVsArD3BU3AbORZ4HtkCgI+J7UAxOxXs5YBcEa8VUj6DUxmnJZHmYVkz1BCrAsfhMOtgH4Vox1TMoB3siTwEHIEorpnoF1XzxrMvCK4/Rik053d/rIk/klcdpxVRvoB4siTweHPJRJab6AI1gTuRxvPJErdiUN4MZkcew3KIVG9zxWsCUyCNZnqoVm3J6/CdEHs63Z7pWbMo7wKjIw/gJzdKKqb5BJxgWOfWUHZCtFZvybjAo8kC+Pb20YrN6waXIIkC0I2IPMA2SRX4FbtyVUk8wC2pEfsut4Esj9gYL3AWt64YHBh0Ne8W+PNGLRH7Ng/jWDOwR+4M1kG/jnNJK7zQPSBDYtiG9AIVS+t8Vh7I0Q+RnoAw8aJpQBE8NKT3hn//w2xf/WnE0P/9JIqcmXwVeNI2eGvmRDekWbyBfNKMpgaVy9KyCWp6Hdg9TC//UWJHPgwbwrhn/ab/sHagfNPGIsnvDkslTQO52JkGrZjNO4ly++iHivRHQrt3hu/LfA7ldHQJd3NDV21i50gHQ44jUFB9YjZt+0OeM/yA/AgwAZEdrzpc7duQAAAAASUVORK5CYII=) center no-repeat;
                background-size: 100%;
                margin-left: 0.06666667rem;
            }

    .m-xgzt .item-wrap .info {
        font-size: 0.18666667rem;
        color: #666;
        line-height: 0.33333333rem;
        margin-top: 0.13333333rem;
        margin-bottom: 0.09333333rem;
    }
/*同锟斤拷锟斤拷应锟斤拷*/
.a-soft-tcs .c-title {
    height: 0.25333333rem;
    align-items: center;
}

.a-soft-tcs .tcs {
    display: flex;
    align-items: center;
}

.a-soft-tcs .tcs-name {
    font-size: 0.16rem;
    position: relative;
    background: #3cc575;
    color: #fff;
    padding: 0.05333333rem 0.16666667rem;
    margin-left: 0.17333333rem;
    border-radius: 0.03333333rem;
}

    .a-soft-tcs .tcs-name i {
        display: block;
        width: 0.04666667rem;
        height: 0.1rem;
        position: absolute;
        left: -0.04666667rem;
        top: 50%;
        transform: translateY(-50%);
        background: url("../images/ui/soft_bg_01.png") no-repeat;
        background-size: 100%;
    }

.a-soft-tcs .scroll {
    margin: 0.26666667rem 0.21333333rem;
    height: 1.05333333rem;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

    .a-soft-tcs .scroll .inner {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        font-size: 0;
        -webkit-overflow-scrolling: touch;
        height: 1.19333333rem;
    }

        .a-soft-tcs .scroll .inner li {
            font-size: 0.18666667rem;
            color: #333;
            display: inline-block;
            width: 1.05333333rem;
            height: 1.05333333rem;
            text-align: center;
        }

            .a-soft-tcs .scroll .inner li img {
                width: 0.66666667rem;
                height: 0.66666667rem;
            }
/*锟斤拷锟斤拷锟斤拷邪锟�*/
.a-soft-phb .icons {
    margin-top: 0.26666667rem;
}

    .a-soft-phb .icons li i {
        display: block;
        width: 0.18666667rem;
        height: 0.28rem;
        position: absolute;
        background: url('../images/ui/soft_ph_04.png') no-repeat;
        background-size: 100%;
        top: 0;
        left: 0.06666667rem;
        text-align: center;
        font-size: 0.16rem;
        color: #fff;
    }

    .a-soft-phb .icons li:nth-of-type(1) i {
        background: url('../images/ui/soft_ph_01.png') no-repeat;
        background-size: 100%;
    }

    .a-soft-phb .icons li:nth-of-type(2) i {
        background: url('../images/ui/soft_ph_02.png') no-repeat;
        background-size: 100%;
    }

    .a-soft-phb .icons li:nth-of-type(3) i {
        background: url('../images/ui/soft_ph_03.png') no-repeat;
        background-size: 100%;
    }
/*锟斤拷品锟狡硷拷*/
.a-soft-jptj .icons {
    margin: 0.26666667rem 0.18666667rem;
    padding-bottom: 0.38666667rem;
}
/******************************* 锟街伙拷锟斤拷锟斤拷锟斤拷锟揭� end********************************/
/******************************* 系统锟叫憋拷页 start********************************/
.li-art-sys .main {
    background: #fff;
}

.li-art-sys .content-tab {
    margin: 0.18666667rem;
    background: #fff;
    height: 0.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .li-art-sys .content-tab li {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .li-art-sys .content-tab li span {
            display: inline-block;
            height: 0.6rem;
            line-height: 0.6rem;
            box-sizing: border-box;
            padding: 0 0.21333333rem;
            font-size: 0.21333333rem;
            font-family: "PingFang SC Bold";
        }

    .li-art-sys .content-tab .on span {
        border-bottom: 0.02rem solid #358ff0;
    }

.li-art-sys .item {
    background: #fff;
}

.li-art-sys .pages-con {
    margin: 0 0.44rem;
    padding-top: 0.08rem;
    padding-bottom: 0.4rem;
}

    .li-art-sys .pages-con .c-pagination {
        display: flex;
        line-height: 0.22666667rem;
        justify-content: space-between;
        align-items: center;
        color: #999;
        font-size: 0.21333333rem;
    }

        .li-art-sys .pages-con .c-pagination i {
            display: block;
            width: 0.13333333rem;
            height: 0.22666667rem;
        }

        .li-art-sys .pages-con .c-pagination .page {
            font-size: 0.21333333rem;
            color: #000;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: "PingFang SC Bold";
        }

        .li-art-sys .pages-con .c-pagination .pre {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .li-art-sys .pages-con .c-pagination .pre i {
                margin-right: 0.12rem;
                background: url(../images/ui/p_arrow_l.png) no-repeat;
                background-size: 100%;
            }

        .li-art-sys .pages-con .c-pagination .nex {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .li-art-sys .pages-con .c-pagination .nex i {
                margin-left: 0.12rem;
                background: url(../images/ui/p_arrow_r.png) no-repeat;
                background-size: 100%;
            }

.li-art-sys .xtlb,
.li-art-sys .tjlb {
    padding-top: 0.26666667rem;
    background: #fff;
}

    .li-art-sys .tjlb .bg span {
        text-decoration: underline;
    }

.li-art-sys .xtfl {
    padding-top: 0.37333333rem;
    padding-bottom: 0.14666667rem;
}

    .li-art-sys .xtfl .xtfl-list {
        margin: 0.21333333rem 0.32rem 0;
        padding-bottom: 0.10666667rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .li-art-sys .xtfl .xtfl-list li {
            width: 2.06666667rem;
            height: 0.42666667rem;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 0.26666667rem;
            background: #f4f4f4;
            border-radius: 0.03333333rem;
        }

            .li-art-sys .xtfl .xtfl-list li .link {
                margin: 0 0.13333333rem;
                color: #666;
                font-size: 0.18666667rem;
            }
/*系统锟叫憋拷页锟斤拷说锟斤拷锟�*/
.menu {
    height: 0.61333333rem;
    background: #f5f6f8;
    padding-left: 1.29333333rem;
    position: relative;
    overflow: hidden;
}

    .menu .cate {
        position: absolute;
        height: 0.6rem;
        top: 0.00666667rem;
        left: 0;
        display: flex;
    }

        .menu .cate .sys-wrap {
            height: 0.6rem;
            background: #fff;
            display: flex;
            align-items: center;
            padding-left: 0.18666667rem;
        }

        .menu .cate .sys-name {
            display: block;
            font-size: 0.18666667rem;
            font-family: "PingFang SC Bold";
            height: 0.21333333rem;
            width: 1.08666667rem;
            line-height: 0.21333333rem;
            border-right: 1px solid #999;
            background: transparent;
        }

        .menu .cate .scroll {
            height: 0.66666667rem;
            font-size: 0;
        }

            .menu .cate .scroll .sys-item {
                display: inline-block;
            }

    .menu .mask-l {
        width: 0.41333333rem;
        height: 0.61333333rem;
        background: -webkit-gradient(linear, right bottom, left 100%, from(rgba(255, 255, 255, 0)), to(#fff));
    }

    .menu .scroll {
        height: 0.8rem;
        white-space: nowrap;
        overflow-x: auto;
        font-size: 0;
    }

        .menu .scroll .sys-item {
            display: inline-block;
            padding-left: 0.26666667rem;
            height: 0.61333333rem;
            line-height: 0.61333333rem;
            font-size: 0.18666667rem;
            color: #333;
        }

            .menu .scroll .sys-item:last-of-type {
                padding-right: 0.18666667rem;
            }

        .menu .scroll .cur {
            color: #358ff0;
        }
/******************************* 系统锟叫憋拷页 end********************************/
/******************************* 锟斤拷锟斤拷锟斤拷锟狡碉拷锟揭� start ********************************/
.websoft-nav {
    width: 4.62666667rem;
    height: 0.58666667rem;
    margin: 0.2rem 0.18666667rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}

    .websoft-nav li {
        width: 25%;
        text-align: center;
        border-right: 1px solid #bdbdbd;
    }

        .websoft-nav li:last-of-type {
            border-right: none;
        }

        .websoft-nav li a {
            padding: 0 0.21333333rem 0.13333333rem;
            color: #333;
            font-family: "PingFang SC Bold";
            font-size: 0.21333333rem;
            line-height: 1;
        }

        .websoft-nav li .cur {
            color: #358ff0;
            border-bottom: 0.02rem solid #358ff0;
        }

.web-soft {
    background: #fff;
    padding-top: 0.26666667rem;
    padding-bottom: 0.08rem;
}

.item-contain {
    margin: 0 0.18666667rem 0.26666667rem;
}

.fl_sq {
    display: flex;
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
}

    .fl_sq .left {
        width: 33.33%;
        box-sizing: border-box;
        border-right: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .fl_sq .left a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: 0.18666667rem;
        }

            .fl_sq .left a img {
                width: 0.48rem;
                margin-bottom: 0.12rem;
            }

        .fl_sq .left .xtgj {
            color: #ffb658;
        }

        .fl_sq .left .txtx {
            color: #59c2ff;
        }

        .fl_sq .left .yyrj {
            color: #6ad7af;
        }

        .fl_sq .left .xyrj {
            color: #81c5ff;
        }

        .fl_sq .left .sdaq {
            color: #7fce5c;
        }

        .fl_sq .left .yxyl {
            color: #748ada;
        }

        .fl_sq .left .lllt {
            color: #59c2ff;
        }

        .fl_sq .left .mtgj {
            color: #ff7b7b;
        }

        .fl_sq .left .wlrj {
            color: #6ec7ff;
        }

    .fl_sq .right {
        display: flex;
        flex: 1;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

        .fl_sq .right li {
            width: 50%;
            height: 0.58666667rem;
            border-right: 1px solid #ededed;
            border-bottom: 1px solid #ededed;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 0.18666667rem;
            color: #333;
            font-family: "PingFang SC Bold";
        }

            .fl_sq .right li:last-of-type img {
                width: 0.22rem;
                height: 0.12rem;
            }

.fl_zk {
    display: none;
}

    .fl_zk ul {
        display: flex;
        border-left: 1px solid #ededed;
        flex-wrap: wrap;
        width: 100%;
        box-sizing: border-box;
    }

        .fl_zk ul li {
            width: 33.33%;
            height: 0.58666667rem;
            border-right: 1px solid #ededed;
            border-bottom: 1px solid #ededed;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 0.18666667rem;
            color: #333;
            font-family: "PingFang SC Bold";
        }

            .fl_zk ul li:last-of-type img {
                width: 0.22rem;
                height: 0.12rem;
            }

.web-soft-list {
    margin: 0 0.18666667rem;
    padding-top: 0.28rem;
}

    .web-soft-list .item {
        height: 0.66666667rem;
        display: flex;
        align-items: center;
        margin-bottom: 0.26666667rem;
    }

        .web-soft-list .item .img {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 0.66666667rem;
            height: 0.66666667rem;
            margin-right: 0.14666667rem;
        }

            .web-soft-list .item .img img {
                width: 100%;
            }

        .web-soft-list .item .desc {
            padding: 0.06666667px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            max-width: 2.66666667rem;
        }

            .web-soft-list .item .desc h3 {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 0.21333333rem;
                color: #000;
                font-family: "PingFang SC Bold";
                line-height: 1;
                margin-bottom: 0.18666667rem;
            }

            .web-soft-list .item .desc p {
                line-height: 1;
                display: flex;
                color: #999;
                font-size: 0.16rem;
            }

                .web-soft-list .item .desc p span:first-of-type {
                    width: 1.06666667rem;
                }

        .web-soft-list .item .dl-link {
            width: 1.10666667rem;
            height: 0.33333333rem;
            margin-left: auto;
            background: #358ff0;
            border-radius: 0.03333333rem;
            line-height: 0.33333333rem;
            color: #fff;
            font-size: 0.18666667rem;
            text-align: center;
        }
/******************************* 锟斤拷锟斤拷锟斤拷锟狡碉拷锟揭� end********************************/
/******************************* 锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟揭� start********************************/
.websoft-info .d-none {
    display: none;
}

    .websoft-info .d-none .no-soft {
        background: #aab2bd;
    }

    .websoft-info .d-none .no-soft-mark {
        text-align: center;
        line-height: 1;
        margin-top: 0.12rem;
        font-size: 0.16rem;
        color: #666;
    }

.websoft-main .content .soft-detail .intro-tit {
    font-size: 0.18666667rem;
    color: #333;
    font-family: "PingFang SC Bold";
    line-height: 2;
}

.websoft-main .content .web-soft-list .item {
    display: flex;
}

    .websoft-main .content .web-soft-list .item .desc {
        max-width: 2.5rem;
    }

    .websoft-main .content .web-soft-list .item .dl-link {
        width: 0.62666667rem;
    }

.ads {
    display: block;
    margin: 0.14666667rem 0.18666667rem;
}
/******************************* 锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟揭� end ********************************/
/******************************* 锟斤拷锟斤拷锟斤拷锟斤拷锟叫憋拷页 start ********************************/
.list-web-pz {
    padding-top: 0.26666667rem;
    background: #fff;
}

    .list-web-pz .pz-list {
        margin: 0 0.18666667rem;
    }

        .list-web-pz .pz-list .l-a {
            display: flex;
            width: 100%;
        }

            .list-web-pz .pz-list .l-a .img {
                width: 1.50666667rem;
                display: flex;
                justify-content: center;
                align-items: center;
                overflow: hidden;
                margin-right: 0.18666667rem;
                flex-shrink: 0;
            }

                .list-web-pz .pz-list .l-a .img img {
                    width: 100%;
                    display: block;
                    border-radius: 0.03333333rem;
                }

            .list-web-pz .pz-list .l-a .info {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }

                .list-web-pz .pz-list .l-a .info .desc {
                    line-height: 0.38666667rem;
                    font-size: 0.22666667rem;
                    color: #3c3c3c;
                    overflow: hidden;
                    position: relative;
                    top: -0.08rem;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    text-overflow: ellipsis;
                }

                .list-web-pz .pz-list .l-a .info .detail {
                    color: #666;
                    display: flex;
                    justify-content: space-between;
                }

                    .list-web-pz .pz-list .l-a .info .detail .view-num {
                        display: flex;
                        align-items: center;
                    }

                        .list-web-pz .pz-list .l-a .info .detail .view-num i {
                            width: 0.2315rem;
                            height: 0.1389rem;
                            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDlGRjlDRDlFQUVBMTFFN0JGQzBGQ0VBRDQyODU1RkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDlGRjlDRDhFQUVBMTFFN0JGQzBGQ0VBRDQyODU1RkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNDkzNDk0OC01ODhkLWMwNDYtODA1Ny1lNTkwM2JkNjJhMDAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiZTE4Zjc3Yi1jZGM4LTExZTctOWJkYy04YWM5NWM4YzAwNWUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5b0XPbAAAFlklEQVR42sRYWU8eVRh+2Qo0Zd+XsspOwAhhkSbIEq+8MkYvcEnV2F6oiVFj1BjbxKUX9UJtYtUYrYZEq9H0BwABQuCCJSxlk032fYey4/Mc55AvFcvMQOubPJmZ7ztzzvvMedfjtL+/Lych5eXlD+FSCDwCJAKxgD/gbQxZBuaBQaAXaAVqysrKuk9ifafjEIHyubg8DTwFRNmc5i/gV+AXkGp8YESgvDsuzwKvAg/r3z09PSU4OFiCgoLE29tbvLy85NSpU+Lm5qb+397elq2tLVlZWZGlpSWZmZmR6elp2djYcJy+GbjGZUBq674QAQFq9BLwPhCplY+Pj5eoqCjx8/Oz9SVnZ2dleHhYBgcHHUkNAR8BN0Bo58SIgEQpLp8DqXwOCAiQ1NRUiYyMFGdn5xPxsb29PUXo9u3bsri4qH+mH70OMjXHIgICPgaBF/hMc8nKypKIiAi5X0J9RkZGpLm5WdbW1tRPwHXgbRBas0wEJPLogHRiFxcXtQNpaWnC+wchu7u7ancI7hbkT+BJkOkwTQQkLuLyBeBGMyooKFC7Ycdc7ty5cxAM7Jghzayurk6b2yrwPMj8cU8iIOCEy2fAG3xOTExUpmRVgfHxcenu7papqSn9NdUcISEhkpycLOHh4ZZ3p7GxUfr6+rSpXQaZy4cSAQnazLfAeS6am5srcXFxlhZkeK2vr5fR0dF/JndyEg8PD3XPiKTXYpDIz89X4dmK9Pb2KkLGPNeMQKAeXB3GfUkSrq6ucu7cOcsOvbOzI1VVVSqcUsH09HT1Idzd3dX/m5ubMjAwIB0dHYoox5aUlAjXMyu0kNOnT0ttbS13mnlsHXjnYEewG2/i/ionLSoqUonNqvBL9fT0KF8qLi6WM2fOHDpudXVVKisrVWJMSkqS7Oxsy2vRdKurq7XZXsSufO2SkJCQhYefacbcbjuhlcrRpGhKpaWlKrP/l3C3QkNDlb3Pz89LbGysZRPjxyIYpiGPt7e336IXX6WJpaSkSExMjK1QOTQ0pL5OdHS0+Pr6Hjnex8dHVQN8h+/aEepKU+O3AS45G9Wq+jJ2hX5BsbKbdHjHd+0IyyND8knkN961tbXZnpCOTKEjmhU9Vr9rRxx0/p1EPmDeYSShs9oRbeOscM2KHmvVP7R0dXXJ2NiYypnAJ87w+HF6vqqhUd9MTk5anlRnfSZAs6LH2qkYJiYmpKWlRT9eIAeVsnHDmuoKnY9hjb2CFaHjUvr7+03tCsdwLOXs2bOW1qJuNTU1Oilegu43VeXgMOY94Ced2Nj0mBXmHZYftPeGhga5V0XN/ziGY/kOYVaoE3WjjpCvHMuUAyJGqj8P3OQXq6ioUJnYrOTk5KhukD0FE97y8vK/xvA3/scxHMt3zIqe19hx7sJr96x+jZqL9f/LfGbpnpmZqZLdUTI3N6dMkxUvxwcGBh50jgsLCyrUcj1WwoWFhapBMyNIeAqGrt8ZfrFrth95F5ePOYbVal5enlLgKGFx2NraqlpXVq2Owl6G+SojI8PUXOvr68oM6dxG1cs2+4ouFK10iE/g8gO7WxZ/rIvMZn/aMW2ayui8QV8yWyQyGDQ1NWlTmuN5AQjcst2zgwxD0g3gMT6HhYWpHoVlxv0QnrCQgLELFPbrz4HE8EkcPtBBLgCfAr60f+4M218ztZXZTrCzs1PVXoZOi0YkvX6YKR3rXAuEAtmdAa/oXoaVLO2eucRKb6HNjxUso6NDImZs/Qb4EARMF2K2ThpBKBqXt4AXaf66leXhHPOCv7+/ytjsDh0P6BgI2IewfGdmZ3LTrbDRJH3PahwELJfExz0ypaM8QxsGHr0rwZo6nwDqgR+NI9Ol/+Xs9y5SQUZAYMuXBiQzNhg7tmscYrP2YW3CIx2e81ZB+ZmTWP9vAQYAm6LA8tS7W/YAAAAASUVORK5CYII=);
                            background-size: 100%;
                            margin-right: 0.05333333rem;
                        }

    .list-web-pz .pages-con {
        margin: 0 0.44rem;
        padding-top: 0.08rem;
        padding-bottom: 0.4rem;
    }

        .list-web-pz .pages-con .c-pagination {
            display: flex;
            line-height: 0.22666667rem;
            justify-content: space-between;
            align-items: center;
            color: #999;
            font-size: 0.21333333rem;
        }

            .list-web-pz .pages-con .c-pagination i {
                display: block;
                width: 0.13333333rem;
                height: 0.22666667rem;
            }

            .list-web-pz .pages-con .c-pagination .page {
                font-size: 0.21333333rem;
                color: #000;
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-family: "PingFang SC Bold";
            }

            .list-web-pz .pages-con .c-pagination .pre {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

                .list-web-pz .pages-con .c-pagination .pre i {
                    margin-right: 0.12rem;
                    background: url(../images/ui/p_arrow_l.png) no-repeat;
                    background-size: 100%;
                }

            .list-web-pz .pages-con .c-pagination .nex {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

                .list-web-pz .pages-con .c-pagination .nex i {
                    margin-left: 0.12rem;
                    background: url(../images/ui/p_arrow_r.png) no-repeat;
                    background-size: 100%;
                }
/******************************* 锟斤拷锟斤拷锟斤拷锟斤拷锟叫憋拷页 end ********************************/
/******************************* 系统锟斤拷锟斤拷 start ********************************/
.box_swipe {
    overflow: hidden;
    position: relative;
    margin-bottom: 0.24rem;
}

    .box_swipe ul {
        -webkit-padding-start: 0;
    }

        .box_swipe ul li {
            position: relative;
            min-height: 1.42rem;
        }

            .box_swipe ul li div {
                position: absolute;
                bottom: 6px;
                height: 0.36rem;
                line-height: 0.36rem;
                width: 100%;
                background: rgba(0, 0, 0, 0.6) no-repeat scroll 0 0 !important;
                filter: alpha(opacity=60);
                background: #000;
            }

                .box_swipe ul li div a {
                    color: #fff;
                    font-size: 0.18666667rem;
                    display: inline-block;
                    float: left;
                    width: 76%;
                    line-height: 0.36rem;
                    padding-left: 0.08rem;
                    word-break: keep-all;
                    white-space: nowrap;
                    overflow: hidden;
                }

                .box_swipe ul li div span {
                    display: inline-block;
                    width: 19%;
                    float: right;
                    color: #fff;
                    font-size: 0.18666667rem;
                    line-height: 0.36rem;
                    text-align: right;
                    padding-right: 0.08rem;
                }

.theme-wrap {
    background: #fff;
    padding-top: 20px;
    margin-bottom: 0.13333333rem;
}

.list-theme {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0.18666667rem;
    margin-top: 0.26666667rem;
    padding-bottom: 0.06666667rem;
}

    .list-theme li {
        width: 2.21333333rem;
        background: #fff;
        margin-bottom: 0.2rem;
        border-radius: 0.02666667rem;
    }

        .list-theme li a {
            width: 100%;
            display: flex;
            flex-direction: column;
        }

            .list-theme li a img {
                width: 2.21333333rem;
                height: 1.38666667rem;
            }

            .list-theme li a div {
                text-align: center;
                color: #333;
                line-height: 0.45333333rem;
                font-size: 0.18666667rem;
                padding: 0 0.5em;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            }
/******************************* 系统锟斤拷锟斤拷 end********************************/
/******************************* 锟斤拷锟较低筹拷斜锟揭筹拷锟� start********************************/
.list-app-nav li {
    width: 33.33%;
}

.list-app {
    background: #fff;
    padding-top: 0.2rem;
}

    .list-app .item-wrap {
        margin-bottom: 0.4rem;
    }

        .list-app .item-wrap li:first-of-type {
            margin-top: 0;
        }
/******************************* 锟斤拷锟较低筹拷斜锟揭筹拷锟� end********************************/
/*# sourceMappingURL=pages_new.css.map */