.top_banner{
    background:#f4f8fe url(../img/page_top_bg.png) no-repeat center;
    height: 80px;
}

.top_banner .wrapper{
    display: flex;
    align-items: center;
    height: 80px;
}

.top_banner span{
    background: rgba(30, 113, 239, .8);
    border-radius: 20px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top_banner span img{
    width: 36px;
}

.top_banner h2 b,.top_banner h2 em{
    display: block;
    color: #fff;
    padding-left: 20px;
}

.top_banner h2 b{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 3px;
}

.side_tab_list{
    display: flex;

}

.side_tab{
    background: #fdfdfd;
    border-right: solid #ddd 1px;
    width: 180px;
    flex-shrink: 0;
}

.side_tab_list .right_list_container{
    padding-left: 40px;
    width: calc(100% - 184px);
}
.right_list_title{
    font-size: 20px;
    padding-left: 10px;
    border-left: solid #fc8b11 10px;
}

.side_tab ul{
    padding-right: 10px;
}
.side_tab li{
    height: 46px;
    line-height: 46px;
    display: flex;
    align-items: center;
    padding-right: 15px;
    margin-bottom: 10px;
}
.side_tab a{
    height: 26px;
    line-height: 26px;
    display: block;
    width: 100%;
    padding-left: 15px;
    cursor: pointer;
    color: #666;
}

.side_tab li.current{
    font-weight: bold;
    background: #1e76fe url(../img/side_tab_bg.png) no-repeat left center;
    border-radius: 6px;
    color: #fff;
}

.side_tab li.current a{
    border-left: solid #fc8b11 4px;
    background:url(../img/arrow_white.png) no-repeat right center ;
    background-size: 6px;
    color: #fff;
}

.text_detail.wrapper{
    width: 990px;
    padding: 30px 0;
}

.text_detail h3{
    font-size: 22px;
    font-weight: bold;
    border-bottom: solid #eee 1px;
    padding-bottom: 15px;
}

.text_detail.wrapper .text_content img{
    max-width: 100%;
    height: auto;
}

span.line em{
    height: 8px;
    width: 34px;
    background: rgba(30, 113, 239, .2);
    display: block;
}

span.text_info{
    color: #999;
    padding: 10px 0;
    display: block;
}
.text_content{
    padding: 15px 0;
}
.text_content p{
    line-height: 22px;
    padding-bottom: 10px;
}

.text_content b.t_title{
    font-weight: bold;
    font-size: 18px;
    padding: 20px 0;
    display: block;
}
.annex{
    display: flex;
    align-items: flex-start;
    line-height: 32px;


}

.annex span{
    background: rgba(30, 113, 239, .1);
    color: #1e76fe;
    padding: 0 10px;
    border-radius: 6px;
    flex-shrink: 0;
}

.annex ul li a{
    padding-left: 10px;
    color: #1e76fe;
    line-height: 22px;
    padding: 6px 10px;
    padding-right: 0;
    display: block;
}

.turn_page{
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-top: solid #ddd 1px;
    padding-bottom: 30px;
}

.turn_page a{
    color: #1e76fe;
    display: flex;
}

.turn_page .prev_item{
    background: url(../img/arrow_left.png) no-repeat left center;
    background-size: 8px;
    padding-left: 15px;
    font-weight: bold;
    padding-right: 10px;
}

.turn_page .next_item{
    background: url(../img/icon_more.png) no-repeat right center;
    background-size: 8px;
    padding-right: 15px;
    font-weight: bold;
    padding-left: 10px;
}
.turn_page .ellipsis{
    width: 300px;
}

.turn_page .next_text{
    text-align: right;
}

.search_wrapper{
    width: 990px;
}

.search_field{
    display: flex;
    align-items: center;
}

.search_field h2{
    font-size: 22px;
    padding-right: 10px;
    flex-shrink: 0;
}
.search_input_container{
    display: flex;
}

.search_field .search_input_container{
    height: 56px;
    border-radius: 10px;
    border: solid #f4f8fe 5px;
    overflow: hidden;
    width: 660px;
}
.search_field input{
    height: 46px;
    border: solid #ddd 1px;
    border-radius: 6px 0 0 6px;
    border-right: none;
    flex-grow: 1;
    outline: none;
}
.search_input_container a{
    height: 46px;
    width: 100px;
    display: flex;
    background: #1e76fe;
    align-items: center;
    justify-content: center;
}

.search_input_container a span{
    font-size: 16px;
    color: #fff;
    padding-left: 26px;
    background: url(../img/search_light.png) no-repeat left center;
    background-size: 16px;
}

.hot_key{
    padding-left: 10px;
    color: #999;
    flex-shrink: 0;
    overflow: hidden;
}

.hot_key a{
    color: #666;
    padding-right: 6px;
}

.search_tip{
    color: #666;
    padding: 20px 0;
    margin-top: 10px;
    border-bottom: solid #eee 1px;
}

.result_item{
    padding: 20px 0;
    color: #333;
    display: block;
    border-bottom: solid #eee 1px;
}

.result_item h3{
    font-size: 16px;
    font-weight: bold;
}

.result_item h3 em{
    font-weight: bold;
}

.result_item p{
    color: #666;
    padding: 10px 0;

}

.result_item em{
    color: #fa6c33;
}

.result_item span{
    color: #999;
    padding-right: 10px;
}
.search_result .list_empty{
    margin: 20px 0;
}

@media only screen and (max-width : 750px){
    .top_banner{
        background-position: -350px center;
    }
    .MsoNormalTable {
        width: 100% !important;
    }
    .text_content table td{
        text-wrap: wrap !important;
    }
    .side_tab_list{
        flex-direction: column;
    }

    .side_tab_list .right_list_container{
        padding-left: 0;
        width: 100%;
    }

    .side_tab ul{
        display: flex;

    }


    .side_tab ul li{
        flex-shrink: 0;
        flex-grow: 1;
        text-align: center;
    }
    .side_tab li.current a{
        border: none;
        background:none;

    }
    .side_tab{
        width: 100%;
        position:sticky;
        position: -webkit-sticky;
        top: 70px;
        background: #fff;
        border: none;
        padding: 10px 0;
    }
    .side_tab ul{
        width: 100%;
        border-radius: 6px;

        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 15px;
        background:rgba(30, 113, 239, .05);
        height: 46px;
    }

    .text_detail.wrapper{
        width: 100%;
        padding: 15px;
    }
    .turn_page{
        padding-left: 15px;
        padding-right: 15px;
    }
    .search_wrapper{
        width: 100%;
    }
    .search_field{
        flex-direction: column;
        align-items: flex-start;
    }
    .result_item p{
        height: 80px;
        margin-bottom: 15px;
        overflow: hidden;
        line-height: 22px;
    }
    .hot_key{
        padding-left: 0;
        padding-top: 20px;
    }
    .search_field h2{
        padding-bottom: 10px;
    }
    .search_field .search_input_container{
        width: 100%;
    }

    .header h1 em{
        margin-left: 0;
    }
    h1{
        line-height:25px;
        padding-right:15px;
    }
    h1 em{
        font-size:13px !important;
    }
}