body, header, article, section, aside, footer, nav, div, br, img, p, ul, ol, li, span, label, form, input, em, i, table, tr, td, a, h1, h2, h3, h4, h5, th, thead, tbody {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

body {
    color: #666;
    font-size: 14px;
    font-family: "microsoft yahei",sans-serif;
    background: #f4f4f4
}

input {
    outline: none
}
em{
    font-style:normal;
}
img {
    border: none
}

ul, li {
    list-style: none
}

a {
    text-decoration: none;
    color: inherit
}

.float-left {
    float: left
}

.float-right {
    float: right
}


.search_container {
    width: 100%;
    background: #fff;
    height: inherit;
}

.logo {
    position: relative
}

.url_prev {
    display: none
}

.search_container .container {
    width: 1200px;
    margin: 0 auto;
    padding-bottom:5px;
}

    .search_container .container .logo .logo_img {
        margin: 16px 0
    }

.search .search_inner {
    position: relative;
    margin: 8px 8px;
    padding: 0 20px;
    width: 580px;
    height: 40px;
    border: 1px solid #ff4805;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: #666;
}

.search .search_input {
    width: 350px;
    border: none;
    height: 40px
}

.search .search_button {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 76px;
    border: none;
    outline: 0;
    font-size: 16px;
    color: #fff;
    border-radius: 0 20px 20px 0;
    background: #ff4700;
    background: -webkit-linear-gradient(left, #fe9b03 0, #ff4700 100%);
    background: linear-gradient(to right, #fe9b03 0, #ff4700 100%);
    cursor: pointer
}

    .search .search_button:hover {
        background: #ff4700
    }

.options {
    margin-top: 5px;
    margin-left:10px;
    display:none;
}
.options label {
    font-weight: 600;
    margin: 6px 4px;
    width: 30%;
}
.options label input {
    margin: 0px 6px;
    vertical-align: text-bottom;
    margin-bottom: 2px;
}

@media (max-width: 1200px) {
    .search_container .container {
        width: 90%
    }
}

@media (max-width: 768px) {
    .search_container {
        width: 100%;
        height: 160px;
        background: #ffffff
    }

        .search_container .container {
            width: 100%
        }

            .search_container .container .url_prev {
                display: block;
                width: 18px;
                position: absolute;
                top: 14px;
                left: 14px;
                height: 22px;
                padding: 0px
            }

                .search_container .container .url_prev img {
                    width: 100%;
                    height: 100%
                }

            .search_container .container .logo {
                width: 100%;
                background: #ffffff;
                text-align: center
            }

                .search_container .container .logo .logo_img {
                    width: 126px;
                    margin: 8px 0
                }

    .search {
        margin: 0 auto;
        width: 100%
    }

        .search .search_inner {
            position: relative;
            margin: 0px auto;
            padding: 0 0;
            width: 95%;
            height: 40px;
            border: 1px solid #ff4805;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 10px;
            color: #666;
            margin-top:16px;
        }

        .search .search_input {
            width: 80%;
            border: none;
            height: 40px;
            padding: 0 10px;
            border-radius: 42px
        }

        .search .search_button {
            position: absolute;
            top: 0;
            right: 0;
            height: 40px;
            width: 20%;
            border: none;
            outline: 0;
            font-size: 16px;
            color: #fff;
            border-radius: 0 10px 10px 0;
            background: #ff4700;
            background: -webkit-linear-gradient(left, #fe9b03 0, #ff4700 100%);
            background: linear-gradient(to right, #fe9b03 0, #ff4700 100%);
            cursor: pointer
        }
}

.bottom_container {
    width: 100%;
    background: #181818;
    height: 168px
}

    .bottom_container .container {
        width: 1200px;
        margin: 0 auto
    }

        .bottom_container .container .icp {
            margin: 35px 0 16px;
            text-align: center
        }

        .bottom_container .container .mechanism {
            width: 434px;
            margin: 0 auto;
            text-align: center
        }

            .bottom_container .container .mechanism span {
                display: block;
                width: 134px;
                height: 48px;
                float: left
            }

            .bottom_container .container .mechanism .mechanism_1 {
                background: url(../img/system_img_1d12e8882.png) no-repeat
            }

            .bottom_container .container .mechanism .mechanism_2 {
                background: url(../img/system_img_271f7eae2.png) no-repeat
            }

            .bottom_container .container .mechanism .mechanism_3 {
                background: url(../img/system_img_31d64f48a.png) no-repeat
            }

            .bottom_container .container .mechanism::after {
                content: '';
                display: block;
                clear: both
            }

        .bottom_container .container span {
            font-size: 14px;
            color: #fff;
            margin-right:10px
        }

@media (max-width: 768px) {
    .bottom_container .container {
        width: 96%
    }

        .bottom_container .container .mechanism {
            width: 100%
        }

            .bottom_container .container .mechanism span {
                width: 28%;
                height: 36px;
                margin: 2%
            }

            .bottom_container .container .mechanism .mechanism_1 {
                background-size: 100%
            }

            .bottom_container .container .mechanism .mechanism_2 {
                background-size: 100%
            }

            .bottom_container .container .mechanism .mechanism_3 {
                background-size: 100%
            }
}

.page {
    margin: 22px 0;
    width: 100%;
    text-align: center
}

    .page .box {
        display: inline-block;
        position: relative
    }

    .page .pagination-btn {
        display: inline-block;
        width: 22px;
        height: 22px;
        cursor: pointer
    }

    .page .prev {
        background: url(../img/prev15008cdd.png) no-repeat;
        position: absolute;
        top: 50%;
        left: -26px;
        margin-top: -11px
    }

    .page .next {
        background: url(../img/nexte17fb1f0.png) no-repeat;
        position: absolute;
        top: 50%;
        right: -26px;
        margin-top: -11px
    }

    .page .pagination-wrap {
        display: inline-block
    }

        .page .pagination-wrap .pagination-btn {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            cursor: pointer;
            color: #3b3b3b;
            line-height: 36px;
            text-align: center;
            padding: 0.08rem;
            margin: 0 2px
        }

        .page .pagination-wrap li.pagination-current {
            border: 1px solid #ff4400
        }

        .page .pagination-wrap .pagination-ellipsis {
            color: #999;
            position: relative;
            top: -5px;
            display: inline-block;
            padding: 0 0.12rem;
            margin-right: 4px
        }

    .page .pagination-disabled {
        display: none
    }

@media (max-width: 768px) {
    .page .pagination-wrap .pagination-btn {
        width: 28px;
        height: 28px;
        line-height: 28px
    }
}

.container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.details_container {
    overflow: hidden;
    margin: 20px 0
}

    .details_container .details_container_inner p {
        display: inline-block;
        color: #000
    }

    .details_container .details_container_inner .breadcrumb {
        display: inline-block
    }

        .details_container .details_container_inner .breadcrumb li {
            display: inline-block
        }

            .details_container .details_container_inner .breadcrumb li a {
                color: #000
            }

            .details_container .details_container_inner .breadcrumb li:before {
                content: '>';
                padding: 0 5px
            }

            .details_container .details_container_inner .breadcrumb li:first-child:before {
                content: "";
                padding: 0 0
            }

            .details_container .details_container_inner .breadcrumb li.active {
                max-width: 400px
            }

.details .details_left-inner {
    background: #fff;
    width: 804px;
    padding: 20px;
    min-height: 613px;
    float: left;
    border-radius: 4px;
    margin-bottom: 20px
}

    .details .details_left-inner .null {
        display: none;
        position: relative;
        margin-top: 20%;
        text-align: center;
        margin-bottom: 100px
    }

        .details .details_left-inner .null p {
            margin-top: 30px;
            line-height: 2
        }

    .details .details_left-inner .item {
        display: block
    }

    .details .details_left-inner .topic {
        padding-bottom: 20px;
        border-bottom: 1px solid #c2c2c2
    }

        .details .details_left-inner .topic .topic_title {
            font-size: 16px;
            line-height:30px;
            color: #1b1b1c;
            margin-bottom:5px;
        }

        .details .details_left-inner .topic .classification, .details .details_left-inner .topic .source, .details .details_left-inner .topic .classitype {
            margin-right: 16px;
            line-height: 26px;
            color: #666666
        }

            .details .details_left-inner .topic .classification em, .details .details_left-inner .topic .source em, .details .details_left-inner .topic .classitype em {
                font-style: normal
            }

    .details .details_left-inner .topic_answer_list {
        padding: 8px 20px
    }

        .details .details_left-inner .topic_answer_list li {
            margin: 8px 0;
            line-height: 2
        }

    .details .details_left-inner .btn {
        margin-bottom:70px;
        font-size: 14px;
        padding: 9px 10px;
        margin-top: 17px;
        cursor: pointer;
        color: #6b6b6b;
        background: #e4e4e4;
        border: none;
        outline: none;
        -webkit-border-radius: 2px;
        border-radius: 2px
    }

    .details .details_left-inner .answer {
        display: none
    }

        .details .details_left-inner .answer .result {
            margin-top: 23px;
            padding: 10px 0 30px;
            border-top: 1px dashed #e4e4e4;
            border-bottom: 1px dashed #e4e4e4;
            margin-bottom: 30px
        }

            .details .details_left-inner .answer .result p {
                line-height: 2
            }

            .details .details_left-inner .answer .result .red {
                color: #ff4400
            }

    .details .details_left-inner .qrcode {
        border: 1px solid #bbb;
        height: 190px;
        padding-top: 10px;
        width: 100%;
        text-align: center;
        background-color: #bbb;
        clear: both;
        border-radius: 8px;
    }
        .details .details_left-inner .qrcode .qrcodeImg {
            width: 180px;
            height: 180px;
            float: left;
            padding-left: 10px;
        }

        .details .details_left-inner .qrcode .qrcodeTitle {
            font-size: 20px;
            color: #fff;
            border-bottom: 2px solid #fff;
        }

        .details .details_left-inner .qrcode .qrcodeDesc {
            font-size: 16px;
            color: #ff0000;
        }

@media (max-width: 768px) {
    .details .details_left-inner .qrcode {
        height: 140px;
    }
    .details .details_left-inner .qrcode .qrcodeImg {
        width: 120px;
        height: 120px;
    }

    .details .details_left-inner .qrcode .qrcodeTitle {
        font-size:14px;
    }

    .details .details_left-inner .qrcode .qrcodeDesc {
        font-size: 11px;
    }
}

.details .details_left-inner .related_question .related_question_inner {
    border-bottom: 1px solid #ff4400
}

        .details .details_left-inner .related_question .related_question_inner div {
            display: inline-block;
            padding: 10px 20px;
            background: #ff4400;
            color: #fff
        }

            .details .details_left-inner .related_question .related_question_inner div .sort {
                font-size: 14px;
                font-weight: 500;
                display: inline-block
            }

    .details .details_left-inner .related_question .related_question_list_container .related_question_list {
        border-left: 2px solid #f40;
        padding-left: 12px;
        margin: 24px 0
    }

        .details .details_left-inner .related_question .related_question_list_container .related_question_list .title {
            font-size: 14px;
            font-style: normal;
            color: #181818;
            font-weight: 500;
            margin-bottom: 8px;
        }

            .details .details_left-inner .related_question .related_question_list_container .related_question_list .title:hover a {
                text-decoration: underline
            }

        .details .details_left-inner .related_question .related_question_list_container .related_question_list i {
            color: #ff851c;
            font-style: normal
        }

        .details .details_left-inner .related_question .related_question_list_container .related_question_list .classification, .details .details_left-inner .related_question .related_question_list_container .related_question_list .source {
            margin-right: 16px;
            color: #666666;
        }

            .details .details_left-inner .related_question .related_question_list_container .related_question_list .classification em, .details .details_left-inner .related_question .related_question_list_container .related_question_list .source em {
                font-style: normal;
            }

    .details .details_left-inner .sort_container {
        padding-bottom: 28px;
    }
.sort_containerScrol {
    height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
}

.details .details_left-inner .sort_container .sort_container_inner .sort_list {
    width: 175px;
    height: 42px;
    line-height: 42px;
    margin-bottom: 10px;
    text-align: center;
    background: #c7c7c7;
    display: inline-block;
    border-radius: 4px;
    margin-right:20px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
}

        .details .details_left-inner .sort_container .sort_container_inner li:nth-child(4n) {
            margin-right: 0
        }

        .details .details_left-inner .sort_container .sort_container_inner li.active {
            background: #ff4400
        }

.details .recommend_right {
    float: right
}

    .details .recommend_right .recommend_problem, .details .recommend_right .hot_problem {
        width: 318px;
        background: #fff;
        margin-bottom: 20px
    }

        .details .recommend_right .recommend_problem .title, .details .recommend_right .hot_problem .title {
            padding: 18px;
            border-bottom: 1px solid #ececec
        }

            .details .recommend_right .recommend_problem .title h3, .details .recommend_right .hot_problem .title h3 {
                font-size: 16px;
                color: #151515;
                font-weight: 500
            }

        .details .recommend_right .recommend_problem .recommend_list-inner, .details .recommend_right .hot_problem .recommend_list-inner {
            padding: 10px 12px 16px
        }

            .details .recommend_right .recommend_problem .recommend_list-inner .recommend_list, .details .recommend_right .hot_problem .recommend_list-inner .recommend_list {
                border-bottom: 1px solid #f2f2f2;
                margin: 4px 0 4px;
                padding-left: 10px;
                list-style: disc;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                line-height: 26px;
                position: relative;
                padding-bottom: 2px;
                padding-top: 2px
            }

                .details .recommend_right .recommend_problem .recommend_list-inner .recommend_list:after, .details .recommend_right .hot_problem .recommend_list-inner .recommend_list:after {
                    content: '';
                    position: absolute;
                    width: 4px;
                    height: 4px;
                    border-radius: 50%;
                    background: #f40;
                    left: 0;
                    top: 12px
                }

                .details .recommend_right .recommend_problem .recommend_list-inner .recommend_list:hover, .details .recommend_right .hot_problem .recommend_list-inner .recommend_list:hover {
                    color: #f40
                }

.alert {
    display: none;
    position: fixed;
    width: 400px;
    top: 50%;
    left: 50%;
    margin-top: -137px;
    margin-left: -228px;
    background: #FFFFFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(153,153,153,0.5);
    border: 1px solid #F6F6F6
}

    .alert .alert-title {
        position: relative;
        height: 40px;
        line-height: 40px;
        background: #ff4400;
        margin: -1px -1px 0px -1px;
        color: #FFFFFF;
        text-align: center;
        -webkit-border-radius: 2px 2px 0px 0px;
        border-radius: 2px 2px 0px 0px
    }

        .alert .alert-title .close {
            position: absolute;
            top: 0px;
            right: 10px;
            padding: 0px 10px;
            font-size: 16px;
            cursor: pointer;
            -webkit-transition: all 0.2s;
            transition: all 0.2s
        }

            .alert .alert-title .close:hover {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

    .alert .tel-wrap {
        width: 67%;
        margin: 0px auto;
        padding: 55px 0px
    }

        .alert .tel-wrap .tel {
            width: 100%;
            height: 38px;
            line-height: 38px;
            background: #FFFFFF;
            border: 1px solid #cecece;
            outline: none;
            text-indent: 10px;
            -webkit-border-radius: 3px;
            border-radius: 3px
        }

            .alert .tel-wrap .tel:focus {
                border-color: #ff4400
            }

        .alert .tel-wrap .tips {
            height: 20px;
            line-height: 20px;
            font-size: 12px;
        }

            .alert .tel-wrap .tips .error {
                color: #ff4400;
            }

            .alert .tel-wrap .tips .ok {
                color: #20f252;
            }

        .alert .tel-wrap .submit {
            display: block;
            width: 107px;
            height: 32px;
            line-height: 32px;
            margin: 30px auto 0px;
            border: none;
            outline: none;
            cursor: pointer;
            color: #6b6b6b;
            background: #e4e4e4;
            -webkit-border-radius: 2px;
            border-radius: 2px
        }

            .alert .tel-wrap .submit:hover {
                background: #ff4400;
                transition: all 0.5s;
                color:#fff;
            }

@media (max-width: 768px) {
    .container {
        width: 100%
    }

    .details_container {
        display: none
    }

    .details {
        margin-top: 10px
    }

        .details .details_left-inner {
            padding: 20px 0;
            width: 100%;
            border-top: 10px solid #f4f4f4;
            margin-top: 10px;
        }

            .details .details_left-inner .sort_container .sort_container_inner .sort_list {
                width: 46%;
                margin: 2% 1%;
            }

            .details .details_left-inner .topic {
                margin: 0 10px
            }

            .details .details_left-inner .answer .result {
                padding: 18px 0px;
                margin: 23px 16px 40px
            }

            .details .details_left-inner .btn {
                margin-left: 20px;
                font-size: 14px;
            }

            .details .details_left-inner .related_question {
                width: 94%;
                margin: 0 auto
            }

        .details .recommend_right {
            float: none
        }

            .details .recommend_right .recommend_problem, .details .recommend_right .hot_problem {
                width: 100%
            }

                .details .recommend_right .recommend_problem .recommend_list-inner .recommend_list, .details .recommend_right .hot_problem .recommend_list-inner .recommend_list {
                    line-height: 30px
                }

    .alert {
        width: 100%;
        left: 0;
        margin-left: 0
    }
}


/****************************
分页
*****************************/
.paging {
    padding: 30px 0;
    text-align: center;
}

.paging-box, .paging-box2 {
    display: inline-block;
}

    .paging-box a {
        float: left;
        min-width: 20px;
        background: #f0f0f0;
        border-radius: 3px;
        font-size: 14px;
        line-height: 34px !important;
        padding: 0 7px;
        border: 1px solid #e3e3e3;
        margin: 4px 3px;
        color: #5b5b5b;
    }

        .paging-box a:hover {
            background: #ff4400;
            color: #fff;
        }

    .paging-box .icon-prev, .paging-box .icon-next {
        display: block;
        height: 34px;
    }

    .paging-box .curr, .paging-box .curr:hover {
        background: #ff4400;
        color: #fff;
        border: 1px solid #d9265e;
    }

        .paging-box .curr:hover {
            background: #ff4400;
        }

    .paging-box .icon-prev {
        background: url(../images/paging-prev.png) no-repeat 50% 50%;
    }

    .paging-box .icon-next {
        background: url(../images/paging-next.png) no-repeat 50% 50%;
    }

.posnav {
    line-height: 23px;
    color: #9b9b9b;
    font-size: 13px;
    padding: 20px 0 15px 0;
}

    .posnav a {
        color: #999;
    }

    .posnav em {
        margin: 0 5px;
    }