body,
dd,
dl,
dt,
h2,
h4,
html,
li,
p,
ul {
    margin: 0;
    padding: 0;
}

h2,
h4 {
    font-size: 100%;
    font-weight: 400;
}

ul {
    list-style: none;
}

input {
    margin: 0;
}

a {
    text-decoration: none;
}

*,
:after,
:before {
    box-sizing: inherit;
}

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

body {
    position: relative;
    font: 14px/1.2 -apple-system-font, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    color: #404040;
}

.js-item {
    transition: all 0.1s;
}

body {
    width: auto;
    height: auto;
    color: #2b2b2b;
    font-family: Arial, "Hiragino Sans GB", "STHeiti", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
}

@media screen and (min-width: 1921px) {
    body {
        background-size: cover;
    }
}

.page_wrap {
    background: url(/news/img/22444.png) center top no-repeat;
    background-size: 100% 376px;
    min-width: 1200px;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.user_box {
    padding: 62px 0 45px 45px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1155px;
}

    .user_box .avatar {
        position: relative;
        width: 131px;
        height: 131px;
    }

        .user_box .avatar .head_img {
            width: 125px;
            height: 125px;
            border-radius: 15px;
            border: 3px solid #fff;
        }

    .user_box .infos {
        margin-left: 26px;
    }

        .user_box .infos > h2 {
            margin-top: 18px;
            font-size: 30px;
            font-weight: bold;
        }

        .user_box .infos .data_box {
            margin-top: 14px;
            margin-bottom: 18px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .user_box .infos .data_box .item span:nth-child(1) {
                margin-right: 3px;
                font-size: 20px;
                font-weight: bold;
            }

            .user_box .infos .data_box .item span:nth-child(2) {
                margin-right: 42px;
                font-size: 16px;
            }

        .user_box .infos .desc {
            background: url(../../static/images/icon_desc.61a01ef.svg) 1px center;
            background-size: 18px 20px;
        }

        .user_box .infos .iplocation {
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMTYgMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+U2xpY2UgMTwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSI1LTA0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMS4wMDAwMDApIiBzdHJva2U9IiM5RjlFOUYiIHN0cm9rZS13aWR0aD0iMS41Ij4KICAgICAgICAgICAgPGNpcmNsZSBpZD0i5qSt5ZyG5b2iIiBjeD0iNy4xIiBjeT0iNi43IiByPSIyLjciPjwvY2lyY2xlPgogICAgICAgICAgICA8cGF0aCBkPSJNMTMuNiw5LjEgQzEzLjg1Nzk2NjIsOC40Mjk1ODgwOCAxMy45OTM0NDk1LDcuNzE4MzAwNjEgMTQsNyBDMTQsMy4xMzQwMDY3NSAxMC44NjU5OTMyLDAgNywwIEMzLjEzNDAwNjc1LDAgMCwzLjEzNDAwNjc1IDAsNyBDMC4wMjg4NTE1OTkzLDcuNzA4MzMyNTQgMC4xMjkzNjQ0MjMsOC40MTE5MjIzMSAwLjMsOS4xIEMwLjQxMzg0MTMzNSw5LjU1MTg0NDggMC41ODE3MTgxODgsOS45ODgzMjQ2MiAwLjgsMTAuNCBDMS4zOTI2OTQ2NywxMS42MTgzODE3IDIuMTMxNDU4NDEsMTIuNzYwMTA3NSAzLDEzLjggQzQuMjM0OTM5NTYsMTUuNDE2MTk1OCA1LjU3MDk0NDA1LDE2Ljk1MjYwMSA3LDE4LjQgQzguNiwxNi44IDkuOSwxNSAxMC45LDEzLjggQzExLjksMTIuNiAxMy4zLDEwLjIgMTMuNiw5LjEgWiIgaWQ9Iui3r+W+hCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 1px center;
            background-size: 17px 22px;
        }

        .user_box .infos .icon_line {
            position: relative;
            height: 22px;
            margin-bottom: 14px;
            padding-left: 32px;
            line-height: 22px;
            background-repeat: no-repeat;
            font-size: 16px;
        }

.content_box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .content_box .content_left {
        width: 752px;
        position: relative;
    }

    .content_box .tab_wrap {
        position: relative;
    }

        .content_box .tab_wrap .navs_list {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .content_box .tab_wrap .navs_list .nav_title {
                font-size: 20px;
            }

        .content_box .tab_wrap .tab_nav_box {
            transition: top 0.5s;
            width: 752px;
            top: 0;
        }

        .content_box .tab_wrap .tab_nav {
            display: block;
            height: 42px;
        }

            .content_box .tab_wrap .tab_nav.mini {
                margin-top: 5px;
            }

                .content_box .tab_wrap .tab_nav.mini li {
                    font-size: 16px;
                    margin-right: 8px;
                }

                    .content_box .tab_wrap .tab_nav.mini li:before {
                        top: 34px;
                    }

                    .content_box .tab_wrap .tab_nav.mini li:last-child {
                        margin-right: 0;
                    }

            .content_box .tab_wrap .tab_nav li {
                position: relative;
                display: inline-block;
                margin-right: 26px;
                font-size: 20px;
                cursor: pointer;
            }

                .content_box .tab_wrap .tab_nav li:before {
                    opacity: 0;
                    content: "";
                    width: 20px;
                    height: 5px;
                    background-color: #ee1a1a;
                    border-radius: 5px;
                    position: absolute;
                    left: 50%;
                    margin-left: -10px;
                    top: 37px;
                    transition: all 0.1s linear;
                }

                .content_box .tab_wrap .tab_nav li.cur:before {
                    opacity: 1;
                }

                .content_box .tab_wrap .tab_nav li:hover {
                    color: #ee1a1a;
                }

        .content_box .tab_wrap .tab_content {
            margin-top: 30px;
        }

            .content_box .tab_wrap .tab_content h4 {
                margin-top: 4px;
            }

                .content_box .tab_wrap .tab_content h4 .title {
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    width: 100%;
                    height: 52px;
                    color: #2b2b2b;
                    font-size: 18px;
                    line-height: 1.5;
                }

                    .content_box .tab_wrap .tab_content h4 .title:hover {
                        color: #ee1a1a;
                    }

            .content_box .tab_wrap .tab_content .tail {
                margin-top: 20px;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

                .content_box .tab_wrap .tab_content .tail .time {
                    font-size: 14px;
                    color: #999;
                }

            .content_box .tab_wrap .tab_content .list_box {
                display: none;
                width: 100%;
            }

                .content_box .tab_wrap .tab_content .list_box.cur {
                    display: block;
                }

                .content_box .tab_wrap .tab_content .list_box .item {
                    position: relative;
                    margin-bottom: 62px;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-justify-content: space-between;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                }

                    .content_box .tab_wrap .tab_content .list_box .item.mini {
                        width: 375px;
                        margin-bottom: 30px;
                    }

                        .content_box .tab_wrap .tab_content .list_box .item.mini .img {
                            width: 124px;
                            height: 70px;
                        }

                        .content_box .tab_wrap .tab_content .list_box .item.mini h4 {
                            margin-top: 2px;
                        }

                            .content_box .tab_wrap .tab_content .list_box .item.mini h4 .title {
                                font-size: 16px;
                                height: 48px;
                            }

                        .content_box .tab_wrap .tab_content .list_box .item.mini .desc {
                            width: 232px;
                        }

                            .content_box .tab_wrap .tab_content .list_box .item.mini .desc .tail {
                                margin-top: 6px;
                            }

                    .content_box .tab_wrap .tab_content .list_box .item .img {
                        display: block;
                        position: relative;
                        border-radius: 5px;
                        overflow: hidden;
                        margin-right: 20px;
                        width: 160px;
                        height: 90px;
                    }

                        .content_box .tab_wrap .tab_content .list_box .item .img img {
                            transition: all 0.3s;
                            width: 100%;
                            height: 100%;
                        }

                        .content_box .tab_wrap .tab_content .list_box .item .img:hover img {
                            -webkit-transform: scale(1.05);
                            -ms-transform: scale(1.05);
                            transform: scale(1.05);
                        }

                    .content_box .tab_wrap .tab_content .list_box .item .desc {
                        width: 550px;
                        -webkit-flex-grow: 1;
                        -ms-flex-positive: 1;
                        flex-grow: 1;
                    }

                        .content_box .tab_wrap .tab_content .list_box .item .desc .tail {
                            margin-top: 20px;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-justify-content: space-between;
                            -ms-flex-pack: justify;
                            justify-content: space-between;
                        }

                            .content_box .tab_wrap .tab_content .list_box .item .desc .tail .time {
                                font-size: 14px;
                                color: #999;
                            }

    .content_box .content_right {
        width: 375px;
    }

        .content_box .content_right .tab_content_s {
            margin-top: 25px;
        }

    .content_box .no_more_tip {
        text-align: center;
        font-size: 16px;
        color: #999;
        margin-bottom: 70px;
    }

.totop {
    width: 50px;
    height: 50px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    position: fixed;
    left: 50%;
    margin-left: 630px;
    bottom: 150px;
    cursor: pointer;
    display: none;
}

    .totop:before {
        position: absolute;
        display: block;
        content: "";
        width: 17px;
        height: 17px;
        left: 17px;
        top: 17px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAiCAYAAAC5gzL5AAABNklEQVRIie2UPUrEUBCAv0jAQhvxAB7ARgR/sbBaBNdisVKQLYR4CHt7y6SwEFERsdgVwVJUVMTOIwRPIFhYRAYn7LBjNqxaiOQrwntv3nxkhmSCl1rtGRjj+7yGwPgPBMKwSDaBUeDdhT9JgSFgxEVA8t/ksedCfTJQcn0KyIA7FzH0kswA17qeBVruhlIkmQZugEFztgKcuZsFEhE8aNOEZWBH1w2gXSaZVEHOEnABbANHelYHToskE8CT2S8Cl2a/DhzretWWlkukiY8mYQG4coXCGrBvSmvlkoY2Me/BHHDr0js0TWnS7LZItoxgHrh3aR4p7UBP66G+4q7W2/Oj6mJDf4c0yLLMRfvlq++kkvwCYZIk1YztEEVRNWP//4wN4jiWzUnXjC0bkYcqFM7/yIyF9AP8N1PeypqHLAAAAABJRU5ErkJggg==) 0 -20px no-repeat;
    }

    .totop:hover:before {
        background-position: 0 0;
    }