/**
 * @Description: 首页样式 
 * @Author: liushiyu
 * @Date:2018/2/22
 */
/*
========================================================================================================================
新增公共样式begin
*/

/* ##a标签样式*/
a:hover {
    color: #DE424B;
    text-decoration: none;
}

a:focus, button:focus, input:focus {
    outline: none;
}

a.color_white {
    color: #ffffff;
}

a.color_white:hover {
    color: #f4f4f4;
}

a.light_gray {
    color: #BEBEBE;
}

a.light_gray:hover {
    color: #FFFFFF;
}

a.blue, a.blue:hover, a.blue:visited {
    color: #3b55bb;
}

.hover_color_blue:hover {
    color: #3b55bb;
}

.hover_bgcolor_f5f5f5:hover {
    background-color: #f5f5f5;
}

.z_index99{
    z-index: 99;
}
[ng-cloak]{
    display: none!important;
}
/*
新增公共样式end
=========================================================================================================================
=========================================================================================================================
首页样式begin
*/
/*导航部分样式*/
.nav_header_row {
    background-color: #122058;
    color: #ffffff !important;
}

.navbar_index > li > a {
    color: #505050 !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar_index > li > a.light_red {
    color: #DE424B !important;
}

.navbar_index > li > a:hover, .navbar_index > li.nav_item_hover > a {
    color: #DE424B !important;
}

.navbar-brand-logo {
    line-height: 60px;
    padding: 0px;
}

.navbar-brand-logo img {
    width: 350px;
    height: 60px;
}

@media only screen and (max-width: 1199px) {
    .navbar-brand-logo img {
        margin-top: 12px;
        width: 200px;
        height: 35px;
    }
}

.nav_item_default > a {
    padding: 25px 15px 25px 15px;
}

/* ##通用淡入效果div */
.drop_div {
    position: absolute;
    background-color: #ffffff;
    width: 800px;
    top: 0;
    left: 0;
    border: 1px solid #e6e6e6;
    visibility: hidden;
    z-index: 1100;
    margin-top: -8px;
    opacity: 0;
    -webkit-transition: opacity .1s ease-in-out, margin-top .2s ease-in-out, visibility .2s ease-in-out;
    transition: opacity .1s ease-in-out, margin-top .2s ease-in-out, visibility .2s ease-in-out;
}

/* ##导航栏下拉div宽度begin*/
@media only screen and (max-width: 767px) {
    .drop_div {
        width: 320px;
    }
}

@media only screen and (min-width: 768px) {
    .drop_div {
        width: 720px;
    }
}

@media only screen and (min-width: 992px) {
    .drop_div {
        width: 940px;
    }

    .drop_div.drop_agent {
        width: auto;
        min-width: 180px;
    }

    .drop_div.drop_elements {
        width: auto;
        min-width: 360px;
    }

    .drop_div.drop_marketing {
        width: auto;
        min-width: 540px;
    }

}

@media only screen and (min-width: 1200px) {
    .drop_div {
        width: 1140px;
    }

}

/* ##导航栏下拉div宽度end*/

/* ##下拉二维码显示div begin*/
.app_qrcode:hover .drop_div {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

.drop_app_qrcode {
    top: 40px;
    left: auto;
    width: auto;
    padding: 10px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

/* ##导航栏悬停jQuery添加class到li，然后css使div透明度为0，达到悬停显示效果*/
.nav_item_hover .drop_div {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

/* #淡入div begin*/
.drop_products {
    top: 60px;
    left: -397px;
    padding: 10px 0 10px 0;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

/* ##导航栏下拉div与文字相对偏移量begin*/
.drop_products.drop_agent {
    left: -40px;
}

.drop_products.drop_elements {
    left: -128px;
}

.drop_products.drop_marketing {
    left: -223px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .drop_products {
        left: -247px;
    }
}

@media only screen and (max-width: 991px) {
    .drop_products {
        left: 0px;
    }
}

/* ##导航栏下拉div与文字相对偏移量end*/

/* ##导航栏移动端样式begin*/
@media only screen and (max-width: 767px) {
    .drop_products {
        left: 0;
    }

    #navbar-collapse-1 {
        overflow-y: visible;
    }

    #navbar-collapse-1 > ul > li {
        float: left;
    }
}

/* ##导航栏移动端样式end*/

/* ##导航栏下拉div产品icon begin */
.drop_products a {
    padding: 10px 25px 10px 25px;
    display: inline-block;
}

.drop_products a > span {
    -webkit-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

.drop_products a:hover > span {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.drop_products .text-nav-product {
    width: 72px;
    overflow: visible;
    white-space: nowrap;
    display: inline-block;
    padding: 0 0 4px 4px;
}

/*同业产品导航图标begin*/
.drop_products a .icon_nav_product {
    display: inline-block;
    vertical-align: bottom;
    width: 30px;
    height: 30px;
    background-image: url(../img/head/icon_nav_product3.png?d=20230210);
}

.drop_products a .icon_nav_product_x {
    background-position: -10px -10px;
}

.drop_products a:hover > .icon_nav_product_x {
    background-position: -50px -10px;
}

.drop_products a .icon_nav_product_1 {
    background-position: -10px -10px;
}

.drop_products a:hover > .icon_nav_product_1 {
    background-position: -50px -10px;
}

.drop_products a .icon_nav_product_2 {
    background-position: -10px -50px;
}

.drop_products a:hover > .icon_nav_product_2 {
    background-position: -50px -50px;
}

.drop_products a .icon_nav_product_3 {
    background-position: -10px -90px;
}

.drop_products a:hover > .icon_nav_product_3 {
    background-position: -50px -90px;
}

.drop_products a .icon_nav_product_4 {
    background-position: -10px -130px;
}

.drop_products a:hover > .icon_nav_product_4 {
    background-position: -50px -130px;
}

.drop_products a .icon_nav_product_5 {
    background-position: -10px -170px;
}

.drop_products a:hover > .icon_nav_product_5 {
    background-position: -50px -170px;
}

.drop_products a .icon_nav_product_6 {
    background-position: -10px -210px;
}

.drop_products a:hover > .icon_nav_product_6 {
    background-position: -50px -210px;
}

.drop_products a .icon_nav_product_7 {
    background-position: -10px -250px;
}

.drop_products a:hover > .icon_nav_product_7 {
    background-position: -50px -250px;
}

.drop_products a .icon_nav_product_8 {
    background-position: -10px -290px;
}

.drop_products a:hover > .icon_nav_product_8 {
    background-position: -50px -290px;
}

.drop_products a .icon_nav_product_9 {
    background-position: -10px -330px;
}

.drop_products a:hover > .icon_nav_product_9 {
    background-position: -50px -330px;
}

.drop_products a .icon_nav_product_10 {
    background-position: -10px -370px;
}

.drop_products a:hover > .icon_nav_product_10 {
    background-position: -50px -370px;
}

.drop_products a .icon_nav_product_11 {
    background-position: -10px -410px;
}

.drop_products a:hover > .icon_nav_product_11 {
    background-position: -50px -410px;
}

.drop_products a .icon_nav_product_12 {
    background-position: -10px -450px;
}

.drop_products a:hover > .icon_nav_product_12 {
    background-position: -50px -450px;
}

.drop_products a .icon_nav_product_13 {
    background-position: -10px -490px;
}

.drop_products a:hover > .icon_nav_product_13 {
    background-position: -50px -490px;
}

.drop_products a .icon_nav_product_14 {
    background-position: -10px -530px;
}

.drop_products a:hover > .icon_nav_product_14 {
    background-position: -50px -530px;
}

.drop_products a .icon_nav_product_15 {
     background-position: -10px -570px;
 }

.drop_products a:hover > .icon_nav_product_15 {
    background-position: -50px -570px;
}

.drop_products a .icon_nav_product_16 {
    background-position: -10px -610px;
}

.drop_products a:hover > .icon_nav_product_16 {
    background-position: -50px -610px;
}

.drop_products a .icon_nav_product_17 {
    background-position: -10px -650px;
}

.drop_products a:hover > .icon_nav_product_17 {
    background-position: -50px -650px;
}

.drop_products a .icon_nav_product_18 {
    background-position: -10px -690px;
}

.drop_products a:hover > .icon_nav_product_18 {
    background-position: -50px -690px;
}

.drop_products a .icon_nav_product_19 {
    background-position: -10px -728px;
}

.drop_products a:hover > .icon_nav_product_19 {
    background-position: -50px -728px;
}

.drop_products a .icon_nav_product_20 {
    background-position: -10px -768px;
}

.drop_products a:hover > .icon_nav_product_20 {
    background-position: -50px -768px;
}
.drop_products a .icon_nav_product_21 {
    background-position: -15px -1125px;
}

.drop_products a:hover > .icon_nav_product_21 {
    background-position: -50px -1125px;
}
.drop_products a .icon_nav_product_22 {
    background-position: -13px -845px;
}

.drop_products a:hover > .icon_nav_product_22 {
    background-position: -50px -845px;
}
.drop_products a .icon_nav_product_23 {
    background-position: -13px -886px;
}

.drop_products a:hover > .icon_nav_product_23 {
    background-position: -50px -886px;
}
.drop_products a .icon_nav_product_24 {
    background-position: -13px -924px;
}

.drop_products a:hover > .icon_nav_product_24 {
    background-position: -50px -924px;
}
.drop_products a .icon_nav_product_25 {
    background-position: -13px -964px;
}

.drop_products a:hover > .icon_nav_product_25 {
    background-position: -50px -964px;
}

.drop_products a .icon_nav_product_26 {
    background-position: -15px -1006px;
}

.drop_products a:hover > .icon_nav_product_26 {
    background-position: -49px -1006px;
}

.drop_products a .icon_nav_product_27 {
    background-position: -15px -1086px;
}
.drop_products a:hover > .icon_nav_product_27 {
    background-position: -50px -1086px;
}

.drop_products a .icon_nav_product_28 {
    background-position: -15px -1164px;
}
.drop_products a:hover > .icon_nav_product_28 {
    background-position: -50px -1164px;
    
}
.drop_products a .icon_nav_product_29 {
    background-position: -15px -1204px;
}
.drop_products a:hover > .icon_nav_product_29 {
    background-position: -50px -1204px;  
}
.drop_products a .icon_nav_product_30 {
    background-position: -15px -1244px;
}
.drop_products a:hover > .icon_nav_product_30 {
    background-position: -50px -1244px;  
}
.drop_products a .icon_nav_product_31 {
    background-position: -15px -1284px;
}
.drop_products a:hover > .icon_nav_product_31 {
    background-position: -50px -1284px;  
}
.drop_products a .icon_nav_product_32 {
    background-position: -15px -1324px;
}
.drop_products a:hover > .icon_nav_product_32 {
    background-position: -49px -1324px;  
}
.drop_products a .icon_nav_product_33 {
    background-position: -15px -1365px;
}
.drop_products a:hover > .icon_nav_product_33 {
    background-position: -50px -1365px;  
}
.drop_products a .icon_nav_product_34 {
    background-position: -15px -1045px;
}
.drop_products a:hover > .icon_nav_product_34 {
    background-position: -50px -1045px;  
}
/* ##导航栏下拉div产品icon end */

/* ##div写成向上箭头begin */
.arrow_div, .arrow_div:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 11px;
}

.arrow_top {
    top: -11px;
    border-bottom-color: #E0E0E0;
    border-top-width: 0;
}

.arrow_top:after {
    left: -11px;
    top: 1px;
    content: " ";
    border-bottom-color: #ffffff;
    border-top-width: 0;
}

.arrow_left {
    left: -11px;
    border-right-color: #E0E0E0;
    border-left-width: 0;
}

.arrow_left:after {
    top: -11px;
    left: 1px;
    content: " ";
    border-right-color: #ffffff;
    border-left-width: 0;
}

/* ##div写成向上箭头end */

/* ##导航栏下拉div顶部向上箭头偏移量begin */
.drop_products .arrow_div {
    left: 434px;
}

.drop_products.drop_agent .arrow_div {
    left: 76px;
}

.drop_products.drop_elements .arrow_div {
    left: 163px;
}

.drop_products.drop_marketing .arrow_div {
    left: 258px;
}

.drop_app_qrcode .arrow_div {
    left: 50px;
}

@media only screen and (max-width: 991px) {
    .drop_products .arrow_div {
        left: 284px;
    }
}

/* ##导航栏下拉div顶部向上箭头偏移量end */

/* #导航部分样式end*/

/*##轮播滚动方式为默认左出右进*/

/*#轮播淡出淡入*/
.carousel-fade .carousel-inner .item {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.item.left,
.carousel-fade .carousel-inner .active.item.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .item.next.left,
.carousel-fade .carousel-inner .item.prev.right {
    opacity: 1;
}

/*#轮播上出下入*/
/*#由于他的轮播已经写死用left，并且过渡效果也是left，所以需要覆盖left的过渡效果*/
.carousel-vertical .carousel-inner>.item {
    -webkit-transition:transform 0.6s ease-in-out;
    -moz-transition:transform 0.6s ease-in-out;
    -ms-transition:transform 0.6s ease-in-out;
    -o-transition:transform 0.6s ease-in-out;
    transition:transform 0.6s ease-in-out;
}

.carousel-vertical .carousel-inner .item.next.left,
.carousel-vertical .carousel-inner .item.prev.right {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    left:0;
}
.carousel-vertical .carousel-inner .active.item.left,
.carousel-vertical .carousel-inner .item.prev {
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    left:0;
}
.carousel-vertical .carousel-inner .active.item.right,
.carousel-vertical .carousel-inner .item.next {
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    left:0;
}

/*# 广告banner轮播特殊设定*/
/*切换按钮高度调整*/
#myCarousel .carousel-indicators{
    bottom:5px;
}

/*# 公告部分轮播特殊设定 */
#noticeCarousel{
    display: inline-block;
    vertical-align: middle;
}
#noticeCarousel .carousel-inner .item{
    width: 360px;
}
#newsCarousel{
    display: inline-block;
    vertical-align: middle;
}
#newsCarousel .carousel-inner .item{
    width: 360px;
}


/***********报价大厅背景样式************/
.bjdt_shadow{
    width: 100%;
    height: 100%;
    z-index: 2;
    /* background: rgb(0,39,118,0); */
    position: fixed;
}

/*推荐产品轮播特殊设定*/
#recCarousel .carousel-control > span {
    color: #D9D9D9;
    text-shadow: none;
}

#recCarousel .carousel-control > span:hover {
    color: #DE424B;
}

#recCarousel .carousel-control.left {
    left: -30px;
}

#recCarousel .carousel-control.right {
    right: -30px;
}

#recCarousel .carousel-inner a:hover {
    color: #DE424B;
}

#recCarousel .carousel-inner p {
    color: #8d8d8d;
    margin: 0px;
}

#recCarousel .carousel-control {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
    width: 5%;
}

#recCarousel .carousel-control:hover {
    color: #DE424B;
}

.icon-rec-product {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url(../img/head/icon_rec_product.png?d=20220527);
}

.icon_rec_product_1 {
    background-position: -10px -10px;
}

.icon_rec_product_2 {
    background-position: -10px -100px;
}

.icon_rec_product_3 {
    background-position: -10px -190px;
}

.icon_rec_product_4 {
    background-position: -10px -280px;
}

.icon_rec_product_5 {
    background-position: -10px -370px;
}

.icon_rec_product_6 {
    background-position: -10px -460px;
}

.icon_rec_product_7 {
    background-position: -10px -550px;
}

.icon_rec_product_8 {
    background-position: -10px -640px;
}

.icon_rec_product_9 {
    background-position: -10px -730px;
}

.icon_rec_product_10 {
    background-position: -10px -820px;
}

.icon_rec_product_11 {
    background-position: -10px -910px;
}

.icon_rec_product_12 {
    background-position: -10px -1000px;
}

.icon_rec_product_13 {
    background-position: -10px -1090px;
}

.icon_rec_product_14 {
    background-position: -10px -1180px;
}

.icon_rec_product_15 {
    background-position: -10px -1270px;
}

/*卡片推荐部分*/
.hover_scale_light_gray {
    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

.hover_scale_light_gray:hover {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    box-shadow: 3px 3px 10px #dddddd;
}

.h5 {
    height: 5px;
}

.h10 {
    height: 10px;
}

/*敬请期待卡片第一层白底色*/

.flex_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.crude_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*敬请期待卡片第二层绝对定位居中*/
/*.card_empty>div>div{
	position: absolute;
	top:40%;
	left: 40%;
}*/
.card_blue {
    background-image: url(../img/card_blue.png);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 160px;
}

.card_red {
    background-image: url(../img/card_red.png);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 160px;
}

.card_gold {
    background-image: url(../img/card_gold.png);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 160px;
}

.img_card_empty {
    display: inline-block;
    width: 52px;
    height: 64px;
    background: url(../img/head/index_card_empty.png);;
}

.img_card_special {
    display: inline-block;
    width: 118px;
    height: 26px;
    background: url(../img/head/index_card_special.png);;
}

.index_img_card_special {
    position: absolute;
    left: 14px;
    top: 0px;
    color: #ffffff;
    padding-left: 21px;
    padding-top: 3px;
}

/*报价专区表格部分*/
.table_custom > thead {
    color: #a4a1a1;
    background-color: #fffafa;
}

.table_custom > thead > tr > th,
.table_custom > tbody > tr > td {
    border: 0;
}

.table_custom > thead > tr > th,
.table_custom > tbody > tr > td {
    vertical-align: middle;
}

.table_custom > thead > tr > th:first-child,
.table_custom > tbody > tr > td:first-child {
    padding-left: 10px;
}

.table_custom > tbody > tr {
    background-color: #FBFBFB;
}

.table_custom > tbody > tr:nth-of-type(odd) {
    background-color: #FFFFFF
}

.table_custom > tbody > tr:hover {
    background-color: #f5f5f5;
}

.arrow_red {
    color: #f47981;
}

.arrow_green {
    color: #82d193;
}

/*新闻部分样式*/
.index_news li {
    line-height: 26px;
    height: 26px;
    overflow: hidden;
}

.custom_square {
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 0px;
    border: 2px solid #DE424B;
}

.custom_circle {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin-bottom: 3px;
    background-color: #DE424B;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

/*帮助指引部分样式*/
.icon_hc {
    display: inline-block;
    width: 84px;
    height: 84px;
    background-image: url(../img/icon_hc.png);
}

.icon_hc_1 {
    background-position: 0 0;
 }

.icon_hc_2 {
    background-position: 0 -74px;
}

.icon_hc_3 {
    background-position: 0 -148px;
}

.icon_hc_4 {
    background-position: 0 -222px;
}

.icon_hc1 {
    display: inline-block;
    width: 84px;
    height: 84px;
    background-image: url(../img/icon_hc1.png);
}

.icon_hc1_1 {
    background-position: 0 0;
}

.icon_hc1_2 {
    background-position: 0 -74px;
}

.icon_hc1_3 {
    background-position: 0 -148px;
}

.icon_hc1_4 {
    background-position: 0 -222px;
}

.icon_hc1_4 {
    background-position: 0 -296px;
}

.icon_hc2 {
    display: inline-block;
    width: 148px;
    height: 148px;
    background-image: url(../img/icon_hc2.png);
}

.icon_hc2_1 {
    background-position: 0 0;
}

.icon_hc2_2 {
    background-position: 0 -138px;
}

.icon_hc2_3 {
    background-position: 0 -276px;
}

.icon_hc2_4 {
    background-position: 0 -414px;
}

.icon_hc3 {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url(../img/icon_hc3.png);
}

.icon_hc3_1 {
    background-position: 0 0;
}

.icon_hc3_1:hover {
    background-position: -74px 0;
}

.icon_hc3_2 {
    background-position: 0 -74px;
}

.icon_hc3_2:hover {
    background-position: -74px -74px;
}

.icon_hc3_3 {
    background-position: 0 -148px;
}

.icon_hc3_3:hover {
    background-position: -74px -148px;
}

.icon_hc3_4 {
    background-position: 0 -222px;
}

.icon_hc3_4:hover {
    background-position: -74px -222px;
}

.icon_hc3_5 {
    background-position: 0 -296px;
}

.icon_hc3_5:hover {
    background-position: -74px -296px;
}



.chat_box{
    position: relative;
    width: 600px;
    height: 270px;
    /*border: 2px solid #f7f7f9;*/
    background-color: #fff5f5;
}
.chat_box:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -50px;
    top: 40px;
    /*border-bottom: 0 solid transparent;*/
    border-top: 50px solid transparent;
    border-right: 50px solid #fff5f5;
    /*border-left: 50px solid transparent;*/
}
/*.chat_box:after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 0px;
    top: 22px;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #f2dede;
}*/





/*
首页样式end
=========================================================================================================================
=========================================================================================================================
左侧边栏样式begin
*/
/* 一级栏目 */
.left_menu .Menu_ul {
    /*padding-left: 0px;*/
}

/* 一级栏目 */
.left_menu .Menu_ul > li {
    position: relative;
    display: block;
    border-bottom: 1px solid #e8e8e8;
}

/* 一二三级通用a标签*/
.left_menu .Menu_ul li a {
    display: block;
    text-decoration: none;
    background-color: #ffffff;
    color: #505050;
}

/* 一级栏目a标签 */
.left_menu .Menu_ul > li > a {
    line-height: 50px;
    font-size: 16px;
    border-left: 6px solid #FFFFFF;
}

/*页面PRMU对应的一级栏目和二级栏目，栏目悬停，前面增加红色标记并文字标红*/
.left_menu .Menu_ul li.alive > a,
.left_menu .Menu_ul > li > a:hover,
.left_menu .twoMenu_ul > li > a:hover,
.left_menu .twoMenu_ul .threehover_effect {
    color: #DE424B;
    border-left: 6px solid #DE424B;
}

/*页面PRMU对应的二级栏目的父一级栏目不要红色标记*/
.left_menu .Menu_ul li.alive.bdw > a {
    border-left: 6px solid #FFFFFF;
}

/*一级栏目后方箭头*/
.left_menu .Menu_ul > li > a .glyphicon {
    float: right;
    line-height: 50px;
    padding-right: 20px;
}

/*二级栏目后方箭头*/
.left_menu .twoMenu_ul > li > a .glyphicon {
    float: right;
    line-height: 32px;
    padding-right: 20px;
}

/*一级栏目图标*/
.left_menu .Menu_ul li em {
    display: inline-block;
    background-image: url(../img/icon_left_menu.png?d=20200814);
    width: 20px;
    height: 20px;
    margin: 15px 10px 0px 10px;
    float: left;
}

.left_menu .Menu_ul li.left_li_1 em {
    background-position: -10px -10px;
}

.left_menu .Menu_ul li.left_li_1.alive em {
    background-position: -40px -10px;
}

.left_menu .Menu_ul li.left_li_2 em {
    background-position: -10px -40px;
}

.left_menu .Menu_ul li.left_li_2.alive em {
    background-position: -40px -40px;
}

.left_menu .Menu_ul li.left_li_3 em {
    background-position: -10px -70px;
}

.left_menu .Menu_ul li.left_li_3.alive em {
    background-position: -40px -70px;
}

.left_menu .Menu_ul li.left_li_4 em {
    background-position: -10px -100px;
}

.left_menu .Menu_ul li.left_li_4.alive em {
    background-position: -40px -100px;
}

.left_menu .Menu_ul li.left_li_5 em {
    background-position: -10px -130px;
}


.left_menu .Menu_ul li.left_li_5.alive em {
    background-position: -40px -130px;
}

.left_menu .Menu_ul li.left_li_6 em {
    background-position: -10px -160px;
}

.left_menu .Menu_ul li.left_li_6.alive em {
    background-position: -40px -160px;
}

.left_menu .Menu_ul li.left_li_7 em {
    background-position: -10px -190px;
}

.left_menu .Menu_ul li.left_li_7.alive em {
    background-position: -40px -190px;
}

.left_menu .Menu_ul li.left_li_8 em {
    background-position: -10px -220px;
}

.left_menu .Menu_ul li.left_li_8.alive em {
    background-position: -40px -220px;
}

.left_menu .Menu_ul li.left_li_9 em {
    background-position: -10px -250px;
}

.left_menu .Menu_ul li.left_li_9.alive em {
    background-position: -40px -250px;
}

.left_menu .Menu_ul li.left_li_10 em {
    background-position: -10px -280px;
}

.left_menu .Menu_ul li.left_li_10.alive em {
    background-position: -40px -280px;
}

.left_menu .Menu_ul li.left_li_11 em {
    background-position: -10px -310px;
}

.left_menu .Menu_ul li.left_li_11.alive em {
    background-position: -40px -310px;
}

.left_menu .Menu_ul li.left_li_12 em {
    background-position: -10px -340px;
}

.left_menu .Menu_ul li.left_li_12.alive em {
    background-position: -40px -340px;
}

.left_menu .Menu_ul li.left_li_13 em {
    background-position: -10px -370px;
}

.left_menu .Menu_ul li.left_li_13.alive em {
    background-position: -40px -370px;
}

.left_menu .Menu_ul li.left_li_14 em {
    background-position: -10px -400px;
}

.left_menu .Menu_ul li.left_li_14.alive em {
    background-position: -40px -400px;
}

.left_menu .Menu_ul li.left_li_15 em {
    background-position: -10px -430px;
}

.left_menu .Menu_ul li.left_li_15.alive em {
    background-position: -40px -430px;
}

.left_menu .Menu_ul li.left_li_16 em {
    background-position: -10px -460px;
}

.left_menu .Menu_ul li.left_li_16.alive em {
    background-position: -40px -460px;
}

.left_menu .Menu_ul li.left_li_17 em {
    background-position: -10px -490px;
}

.left_menu .Menu_ul li.left_li_17.alive em {
    background-position: -40px -490px;
}

.left_menu .Menu_ul li.left_li_18 em {
    background-position: -10px -520px;
}

.left_menu .Menu_ul li.left_li_18.alive em {
    background-position: -40px -520px;
}

.left_menu .Menu_ul li.left_li_19 em {
    background-position: -10px -550px;
}

.left_menu .Menu_ul li.left_li_19.alive em {
    background-position: -40px -550px;
}

.left_menu .Menu_ul li.left_li_20 em {
    background-position: -10px -580px;
}

.left_menu .Menu_ul li.left_li_20.alive em {
    background-position: -40px -580px;
}

.left_menu .Menu_ul li.left_li_21 em {
    background-position: -10px -610px;
}

.left_menu .Menu_ul li.left_li_21.alive em {
    background-position: -40px -610px;
}

.left_menu .Menu_ul li.left_li_22 em {
    background-position: -10px -640px;
}

.left_menu .Menu_ul li.left_li_22.alive em {
    background-position: -40px -640px;
}
.left_menu .Menu_ul li.left_li_23 em {
    background-position: -10px -665px;
}

.left_menu .Menu_ul li.left_li_23.alive em {
    background-position: -40px -665px;
}
.left_menu .Menu_ul li.left_li_24 em {
    background-position: -10px -694px;
}

.left_menu .Menu_ul li.left_li_24.alive em {
    background-position: -40px -694px;
}
.left_menu .Menu_ul li.left_li_25 em {
    background-position: -10px -724px;
}

.left_menu .Menu_ul li.left_li_25.alive em {
    background-position: -40px -724px;
}

.left_menu .Menu_ul li.left_li_26 em {
    background-position: -10px -752px;
}

.left_menu .Menu_ul li.left_li_26.alive em {
    background-position: -40px -752px;
}

.left_menu .Menu_ul li.left_li_27 em {
    background-position: -10px -782px;
}

.left_menu .Menu_ul li.left_li_27.alive em {
    background-position: -40px -782px;
}

.left_menu .Menu_ul li.left_li_28 em {
    background-position: -10px -812px;
}

.left_menu .Menu_ul li.left_li_28.alive em {
    background-position: -40px -812px;
}

.left_menu .Menu_ul li.left_li_29 em {
    background-position: -10px -842px;
}

.left_menu .Menu_ul li.left_li_29.alive em {
    background-position: -40px -842px;
}


.left_menu .Menu_ul li.left_li_30 em {
    background-position: -10px -872px;
}

.left_menu .Menu_ul li.left_li_30.alive em {
    background-position: -40px -872px;
}
.left_menu .Menu_ul li.left_li_31 em {
    background-position: -10px -902px;
}

.left_menu .Menu_ul li.left_li_31.alive em {
    background-position: -40px -902px;
}
.left_menu .Menu_ul li.left_li_32 em {
    background-position: -10px -992px;
}
.left_menu .Menu_ul li.left_li_32.alive em {
    background-position: -40px -992px;
}
/*投资报告*/
.left_menu .Menu_ul li.left_li_patron  em{
    background-image: url(/img/patron-icon-old.png);
}
/* 二级栏目begin*/
.left_menu .twoMenu_ul {
    display: none;
}

.left_menu .twoMenu_ul > li {
    position: relative;
}

/* 二级栏目a标签 */
.left_menu .twoMenu_ul > li > a {
    line-height: 32px;
    font-size: 14px;
    border-left: 6px solid #FFFFFF;
    padding-left: 50px;
}

/*三级菜单begin*/
.left_menu .three_ul {
    background-color: #ffffff;
    padding: 9px 0 9px 0;
    width: 160px;
    white-space: nowrap;
    overflow: visible;
    position: absolute;
    top: -9px;
    right: -171px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    visibility: hidden;
    z-index: 1100;
    margin-right: 10px;
    opacity: 0;
    -webkit-transition: opacity .1s ease-in-out, margin-right .2s ease-in-out, visibility .2s ease-in-out;
    transition: opacity .1s ease-in-out, margin-right .2s ease-in-out, visibility .2s ease-in-out;
}

.left_menu .twoMenu_ul li:hover .three_ul {
    margin-right: 0;
    opacity: 1;
    visibility: visible;
}

.left_menu .three_ul > li > a {
    line-height: 32px;
    font-size: 14px;
    border-left: 6px solid #FFFFFF;
    padding: 0px 18px 0px 12px;
}

.left_menu .three_ul > li > a:hover {
    color: #DE424B;
}

.left_menu .three_ul .arrow_div {
    top: 14px;
}

/*
左侧边栏样式end
=========================================================================================================================
=========================================================================================================================
个人中心begin
*/
.personalCenterBg {
    width: 100%;
    height: 250px;
    background: url(../img/head/personalCenterBanner.png) no-repeat;
}

.card_div {
    position: absolute;
    left: 70px;
    top: 50px;
}

.card_bg {
    width: 410px;
    height: 240px;
    padding: 20px;
    background-image: url(../img/head/personalCenterCard.png);
}

.test > div {
    color: black;
}

.weight_orange {
    color: #b97c22;
}

.light_orange {
    color: #c78e3c;
}

.color_white {
    color: #ffffff;
}

.light_red {
    color: #DE424B !important;
}

.hover_light_red {
    color: #DE424B !important;
}

.hover_light_red:hover {
    color: #c20a00 !important;
}

.label_gray {
    color: #a4a1a1;
}

.text_shadow_orange {
    text-shadow: 1px 1px 5px #b97c22;
}

.box_shadow_md {
    box-shadow: 0 0 11px rgba(0, 0, 0, .22);
    -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .22);
}

.box_shadow_sm {
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.bb4_blue {
    border-bottom: 4px solid #8099D8;
}
.bl5_light_red {
    border-left: 5px solid #DE424B;
    text-indent: 10px;
}
.bgcolor_light_red {
    background-color: #DE424B;;
}

.bgcolor_red1 {
    background-color: rgb(251, 230, 231);
}

.bgcolor_gray {
    background-color: #a4a1a1;
}

.bgcolor_light_grayf4 {
    background-color: #f4f4f4;
}

.bgcolor_light_graye5 {
    background-color: #e5e5e5;
}

.bgcolor_light_gray {
    background-color: #f9f9f9;
}

.bgcolor_white {
    background-color: #ffffff;
}

.bgcolor_333 {
    background-color: #333;
}

.page_error {
    display: block;
    position: relative;
    z-index: 1000;
    font-size: 14px;
    line-height: 28px;
    color: #505050;
    padding: 0;
    background: #ffeaeb;
    margin: 5px 0 0 0;
}

.page_error_text {
    display: inline-block;
    position: relative;
    z-index: 1050;
    padding: 14px 0 14px 20px;
    margin-left: 100px;

}

.page_error_img_left {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background-image: url(../img/head/page_error_img_left.png);
    width: 100px;
    height: 84px;
}

.page_error_img_right {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    background-image: url(../img/head/page_error_img_right.png);
    width: 420px;
    height: 84px;
}



.detail_title {
    letter-spacing: 10px;
    padding: 10px;
    margin: 200px 15px 0 15px;
    border-top: 3px solid #FFFFFF;
    border-bottom: 3px solid #FFFFFF;
}

.label_outline {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    color: #DE424B;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    border: 1px solid #DE424B;
}

.detail_img {
    background: url(../img/head/detail_bg.png) no-repeat right bottom;
}

.tips_empty {

}

.tips_empty_img {
    display: inline-block;
    width: 60px;
    height: 50px;
    background: url(../img/head/img_tips_empty.png) no-repeat center center;
}

/* ##结果页面模态框*/
#resultModal {
    top: 250px;
}

/* ##列表页面状态图标*/
.list_state_icon{
    display: inline-block;
    background-image: url(../img/state_icon.png);
    background-position: -10px -190px;
    width: 20px;
    height: 20px;
    margin-bottom: -5px;
    margin-right:10px;
    /*background-size: cover;*/
}
/*成功图标*/
.list_state_icon_success{
    background-position: -10px -10px;
}
/*待复核图标*/
.list_state_icon_wait{
    background-position: -10px -40px;
}
/*撤单图标*/
.list_state_icon_cancel{
    background-position: -10px -70px;
}
/*失败图标*/
.list_state_icon_fail{
    background-position: -10px -130px;
}
/*拒绝图标*/
.list_state_icon_reject{
    background-position: -10px -100px;
}
/*未知图标*/
.list_state_icon_unknown{
    background-position: -10px -160px;
}
/* ##自定义切换标签tab*/
.custom_tabs>li.active>a, .custom_tabs>li.active>a:focus, .custom_tabs>li.active>a:hover, .custom_tabs>li>a:hover{
    color:#DE424B;
    background-color: #ffffff;
}
.custom_tabs>li.active>a>span{
    border-bottom: 4px solid #DE424B;
    padding-bottom: 8px;
    display: inline-block;
}

/* ##页签tab*/
.page_tabs{
}
.page_tabs>li>a,.page_tabs>li>a:link{
    color:#505050;
    background-color: #f0f0f0;
    border: 1px solid #e0e0e0;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.page_tabs>li>a,.page_tabs>li>a>span{
    -webkit-transition:border 0.2s ease-in-out;
    -moz-transition:border 0.2s ease-in-out;
    -ms-transition:border 0.2s ease-in-out;
    -o-transition:border 0.2s ease-in-out;
    transition:border 0.2s ease-in-out;
}
.page_tabs>li{
    padding: 0px 10px 0px 0px;
}
.page_tabs>li.active>a, .page_tabs>li>a.active, .page_tabs>li.active>a:focus{
    color:#DE424B;
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
.page_tabs>li.active>a:hover, .page_tabs>li>a:hover{
    color:#DE424B;
    background-color: #fbfbfb;
    border-bottom: 1px solid #e0e0e0;
}
.page_tabs>li.active>a>span, .page_tabs>li>a.active>span, .page_tabs>li.active>a:focus>span{
    padding-bottom: 2px;
    border-bottom: 3px solid #DE424B;
}
.custom_pills>li{
    padding: 0px 5px;
}
.custom_pills>li.active>a, .custom_pills>li>a.active, .custom_pills>li.active>a:focus, .custom_pills>li.active>a:hover, .custom_pills>li>a:hover{
    color:#ffffff;
    background-color: #DE424B;
}

.krButtonIcon{
    display: inline-block;
    width: 200px;
    height: 34px;
    background: url(../img/head/krButtonIcon.png) no-repeat 0px 0px;
    background-size: 100%;

}