.topic_page .msize {
    padding-left: 15px;
    padding-right: 15px
}

.topic_page .asize {
    padding-left: 1px !important;
    padding-right: 1px !important
}

.topic_page .row {
    color: #4b4948;
    font-size: 14px;
    line-height: 22px;
    margin-left: 0;
    margin-right: 0
}

.topic_page img {
    max-width: 100%
}

.topic_page .topic_center {
    text-align: center;
    font-style: italic
}

.topic_page p.topic_p {
    color: #4b4948;
    font-size: 14px;
    line-height: 22px
}

.topic_page .margin-b {
    margin: 25px 0
}

.topic_page h1.big_center,
.topic_page h2.big_center {
    text-align: center;
    font-size: 24px !important;
    margin: 40px 0 20px;
    padding: 0;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    background: none !important;
    border: none !important;
    color: #212529 !important
}

.topic_page .title3 {
    text-align: center;
    color: gray;
    margin-bottom: 2.7%
}

.topic_page .h3_bestblue {
    color: #18457c;
    font-size: 20px;
    margin-bottom: 20px;
    list-style: none
}

.topic_page .h3_bestred {
    color: #E0525D;
    font-size: 20px;
    margin-bottom: 20px;
    list-style: none
}

.topic_page .h3_gemcogreen {
    color: #42A466;
    font-size: 20px;
    margin-bottom: 20px;
    list-style: none
}

.topic_page .h3_gray {
    color: #7A90B2;
    font-size: 20px;
    margin-bottom: 20px;
    list-style: none
}

.topic_page .h3_bestblue:before,
.topic_page .h3_bestred:before,
.topic_page .h3_gemcogreen:before,
.topic_page .h3_gray:before {
    content: none !important
}

.topic_page ul.bb {
    margin: 0 0 0 20px;
    padding: 0
}

.topic_page ul.bb li {
    border-bottom: 1px dashed #ddd;
    color: #18457c;
    margin: 8px 0;
    padding-bottom: 5px;
    padding-left: 0;
    padding-top: 5px
}

.topic_page ul.aa {
    list-style: outside none none;
    margin: 0 0 0 20px;
    padding: 0
}

.topic_page ul.aa li,
.topic_page ul.bb li {
    border-bottom: 1px dashed #ddd;
    color: #18457c;
    margin: 8px 0;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-top: 5px
}

.topic_page .hot-img {
    display: block;
    overflow: hidden;
    position: relative
}

.topic_page a.title {
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 12px 0;
    text-transform: capitalize;
    line-height: 18px
}

.topic_page a:hover.hot-img img {
    transform: scale(1.2)
}

.topic_page a.hot-img::after,
.topic_page a.hot-img::before {
    position: absolute;
    opacity: 0
}

.topic_page a.hot-img::after {
    content: "";
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.topic_page a.hot-img::before {
    content: "\e604";

    font-family: 'iconfont';
    color: #fff;
    left: 50%;
    top: 50%;
    font-size: 26px;
    z-index: 2;
    margin-top: -13px;
    margin-left: -15px
}

.topic_page a:hover.hot-img::after,
.topic_page a:hover.hot-img::before {
    opacity: 1
}

.topic_page .red_b:hover a.title {
    color: #fff;
    text-decoration: none;
    background: #db3d3d;
    transition: all 0.3s ease
}

.topic_page .blue_b:hover a.title {
    color: #fff;
    text-decoration: none;
    background: #18457c;
    transition: all 0.3s ease
}

.topic_page .green_b:hover a.title {
    color: #fff;
    text-decoration: none;
    background: #42A466;
    transition: all 0.3s ease
}

.topic_page .orange_b:hover a.title {
    color: #fff;
    text-decoration: none;
    background: #E57A2C;
    transition: all 0.3s ease
}

.topic_page .title_gray_b {
    background: #F1F1F1
}

.topic_page .title_red_b {
    background: #db3d3d
}

.topic_page .title_blue_b {
    background: #18457c
}

.topic_page .title_green_b {
    background: #42A466
}

.topic_page a.title_gray_b {
    color: #18457c
}

.topic_page a.title_red_b,
.topic_page a.title_blue_b,
.topic_page a.title_green_b {
    color: #fff
}

.topic_page .imground img {
    border-radius: 100%
}

.topic_page .titimg {
    display: block;
    background: #fff;
    text-decoration: none
}

.topic_page .titimg span.title {
    display: block;
    background: #325b91;
    color: #fff;
    padding: 5px 10px
}

.topic_page .titimg span.title::after {
    content: "\f152";
    font-family: "FontAwesome";
    color: #5e80b0;
    font-size: 20px;
    position: absolute;
    right: 25px
}

.topic_page .hotlist:hover span.title::after {
    color: #84a8da
}

.topic_page .hot-img {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 1px 0;
    text-align: center
}

.topic_page .hot-img img {
    transition: all 0.3s ease
}

.topic_page .hotlist:hover .hot-img img {
    transform: scale(1.2)
}

.topic_page .hot-img::after,
.topic_page .hot-img::before {
    position: absolute;
    transition: all 0.4s ease;
    opacity: 0
}

.topic_page .hot-img::after {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.topic_page .hot-img::before {
    content: "\f0c1";
    color: #fff;
    left: 50%;
    top: 50%;
    font-size: 36px;
    z-index: 2;
    font-family: "FontAwesome";
    font-weight: 900;
    margin-top: -16px;
    margin-left: -14px
}

.topic_page .hot-img::after,
.topic_page .hot-img::before {
    position: absolute;
    transition: all 0.4s ease;
    opacity: 0
}

.topic_page .hotlist:hover .hot-img::after,
.topic_page .hotlist:hover .hot-img::before {
    opacity: 1
}

.topic_page .hotdes .captit,
.topic_page .hotdes ul li {
    border-bottom: 1px dotted #567395;
    padding: 10px
}

.topic_page .hotdes p {
    padding: 5px 10px
}

.topic_page .hotdes ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.topic_page .hotdes ul li i {
    font-size: 14px;
    padding-right: 3px;
    color: #389cf1
}

.topic_page .hotdes ul li a {
    color: #fff;
    text-decoration: none
}

.topic_page .hotdes ul li a:hover {
    padding-left: 10px
}

.topic_page .hotlist:hover .hotdes .captit,
.topic_page .hotlist:hover .hotdes ul li {
    border-color: #000
}

.topic_page .hotlist {
    padding: 5px !important
}

.topic_page .hotlist:hover ul li i {
    color: #fff
}

.topic_page .hotlist:hover span.title,
.topic_page .hotlist:hover .hotdes {
    background: #317eb2
}

.topic_page .hotdes {
    background: #325b91;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    height: 200px
}

.topic_page .faqtit {
    position: relative;
    color: #fff;
    background: #db3d3d;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    border-radius: 5px;
    display: block;
    padding: 10px 15px 10px 40px;
    color: #fff;
    text-decoration: none;
    outline: none
}

.topic_page a.faqtit {
    background: #e9e9e9;
    color: #4b4948;
    margin-bottom: 7px;
    line-height: 18px
}

.topic_page a:hover.faqtit {
    background: #db3d3d;
    color: #fff
}

.topic_page a.faqtit::after {
    position: absolute;
    top: 0;
    margin-top: 9px;
    left: 15px;
    content: "\f059";
    line-height: 20px;
    font-size: 16px;
    display: inline-block;
    font-family: FontAwesome;
    text-align: center
}

.topic_page a.r_post:after {
    content: "\f0c1" !important;
    font-family: FontAwesome;
    font-weight: normal
}

.topic_page a.r_book:after {
    content: "\f02d" !important;
    font-family: FontAwesome;
    font-weight: normal
}

.topic_page a.r_d_arrow:after {
    content: "\f101" !important;
    font-family: FontAwesome;
    font-weight: normal
}

.topic_page .pdful {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 18px
}

.topic_page .pdful li {
    padding: 10px 0;
    padding-left: 0px;
    text-transform: capitalize;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    border-bottom: 1px dotted #c3c3c3
}

.topic_page .pdful li a {
    color: #4b4948;
    display: block;
    padding-left: 25px
}

.topic_page .pdful li a:hover {
    color: #DB3D3D
}

.topic_page ul.pdful li a:before {
    padding-right: 10px;
    content: "\f0f6";
    line-height: 22px;
    font-size: 16px;
    font-family: FontAwesome;
    color: #db3d3d;
    position: absolute;
    left: 2px
}

.topic_page a.r_circle_arrow:before {
    content: "\f2ce" !important;
    font-family: FontAwesome
}

.topic_page a.quick_link {
    display: block;
    width: 100%;
    color: #fff
}

.topic_page a.quick_link:before {
    content: "\f08e";
    font-family: FontAwesome;
    padding-right: 8px
}

.topic_page a.quick_link:hover {
    color: #fff
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.topic_page .apptit {
    font-family: Verdana;
    font-weight: bold;
    padding-right: 104px;
    position: relative;
    margin: 15px 0
}

.topic_page .apptit a {
    display: block;
    color: #fff;
    padding: 5px 15px;
    text-decoration: none
}

.topic_page .apptit .more {
    background: #db3d3d;
    width: 102px;
    text-align: center;
    display: block;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    padding: 8px 0;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1.5
}

.topic_page .appul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px
}

.topic_page .row .special-img {
    padding-left: 0
}

@media (min-width:1200px) {
    .topic_page .appul li {
        width: 50%;
        float: left
    }
}

.topic_page .appul li a {
    color: #4b4948
}

.topic_page .appul li a:hover {
    color: #db3d3c;
    text-decoration: none
}

.topic_page .appul li i {
    padding-right: 3px
}

@media (max-width:991px) {
    .topic_page .appul {
        margin-top: 10px
    }
}

.topic_page .faqtits {
    position: relative;
    padding: 10px 15px 10px 40px
}

.topic_page .faqtits:after {
    position: absolute;
    top: 0;
    margin-top: 9px;
    left: 15px;
    line-height: 20px;
    font-size: 16px
}