/*首页样式*/

/*导航栏开始*/
/*导航栏 海知 logo 样式*/
.haizhi-img {
    height: 52px;
}

.haizhi-img img {
    display: inline-block;
    padding-top: 5px;
    width: 80px;
}

/*导航栏文字样式*/
.hz-nav {
    padding-bottom: 10px;
}

.hz-nav .nav>li>a {
    padding-left: 7px;
    padding-right: 7px;
}

/*海知子导航栏开始*/
.hz-sub-nav {
    line-height: 30px;
}

.index-identity-base {
    position: relative;
    display: inline-block;
    height: 30px;
}

.index-identity-base hr {
    margin-top: 10px;
}

.index-identity-base p {
    padding-left: 15px;
}

.index-identity-base span {
    padding-left: 8px;
}

.index-identity-content {
    position: absolute;
    display: none;
    background-color: white;
    border-right: 1px solid rgba(63, 63, 63, 0.29);
    border-bottom: 1px solid rgba(63, 63, 63, 0.29);
    border-left: 1px solid rgba(63, 63, 63, 0.29);
    width: 260px;
    padding: 10%;
    line-height: normal;
    z-index: 999;
}

.home-center-box {
    padding-top: 12px;
}

.home-center-box span {
    display: inline-block;
    padding: 0px 6px;
}

.user-info-content p {
    color: black;
    margin-bottom: 5px;
}

.user-info-base {
    position: relative;
    display: inline-block;
    height: 30px;
}

.user-info-base p {
    padding-left: 10px;
}

.user-info-items {
    position: absolute;
    display: none;
    background-color: white;
    border-right: 1px solid rgba(63, 63, 63, 0.29);
    border-bottom: 1px solid rgba(63, 63, 63, 0.29);
    border-left: 1px solid rgba(63, 63, 63, 0.29);
    width: 160px;
    height: 160px;
    padding: 10%;
    line-height: normal;
    z-index: 999;
}

.user-info-items hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*海知子导航栏结束*/
/*导航栏结束*/

/*巨幕部分开始*/
.main_jumptron {
    position: relative;
}

.main_jumptron .jumptron_logo {
    width: 338px;
    height: 404px;
    position: absolute;
    text-align: center;
    right: 15%;
    top: 12%;
    color: #FFF;
}

.jumbotron_num {
    margin-right: 13px;
    margin-top: 30px;
}

.jumbotron_num hr {
    background-color: white;
    width: 260px;
    margin-left: 35px;
}

.hz-btn-search-jumbotron {
    line-height: 45px;
    font-size: 15px;
    width: 236px;
    margin-left: 27px;
}

.hz-btn-search-jumbotron a {
    color: #FE4C7E;
}

.hz-btn-search-jumbotron a:hover {
    color: #4193FF;
}

.bang_num span {
    margin-right: 5px;
    padding: 0px 10px;
    background-color: #FFF;
    color: rgb(243, 70, 90);
    font-size: 30px;
    /*box-shadow: 0 1px 1px rgba(180, 180, 180, 0.59), 0 1px 1px rgba(194, 194, 194, 0.38) inset;*/
}

.jumbotron_num_href {
    padding: 0% 6%;
}

.join-contest {
    margin-right: 13px;
}

.join-contest .join-contest-num {
    font-size: 25px;
    font-weight: bolder;
}

.join-contest .row {
    margin: 30px 0px 20px 0px;
    padding-right: 5px;
}

/*巨幕部分结束*/

/*首页比赛排名*/
/*比赛排名左边的选项卡*/
.hz-tabs-ul {
    /*margin-left: 12%;*/
    text-align: center;
}

.hz-tabs-ul ul {
    list-style: none;
}

.hz-tabs-ul ul li {
    background-color: white;
    color: #4193FF;
    height: 55px;
    line-height: 55px;
    font-size: 15px;
    border-bottom: 1px solid;
}

.hz-tabs-ul ul li:hover {
    background: white;
    /*color: rgba(241, 103, 25, 0.84);*/
    color: #4193FF;
}

/*比赛排名左边的选项卡结束*/
.index-match-logo {
    width: 95%;
    border: 1px solid #4193FF;
}

.index-match-content-bg {
    height: 400px;
    border: 1px solid #4193FF;
}

.index-match-simulate-div {
    padding: 3%;
}

/*查看更多buttom*/
.hz-btn-match-div {
    /*padding: 5% 18% 5% 18%;*/
    margin-top: 178px;
}

/*查看更多结束*/
/*首页比赛排名结束*/

/*首页社区部分开始*/
/*社区 导航栏*/
.community-tabs-ul {
    text-align: center;
}

.community-tabs-ul ul {
    list-style: none;
}

.community-tabs-ul ul li {
    float: left;
    width: 17%;
    line-height: 35px;
    font-size: 15px;
    cursor: pointer;
}

.community-tabs-ul span {
    float: left;
    width: 2%;
    height: 35px;
}

.hz-btn-search-community a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    text-align: center;
    float: right;
}

/*社区 最新、精华、热门 右边蓝色按钮*/
.community-search-btn-label {
    font-size: 13px;
    line-height: 40px;
    text-align: center;
    color: white;
    display: inline-block;
    overflow: hidden;
    background-color: #4193FF;
    height: 40px;
    width: 100%;
    margin-top: 10%;
}

.community-search-btn-label:hover {
    color: white;
}

/* 社区 最新、精华、热门 控制显示字的长度，超出部分显示...*/
.line-limit-length {
    max-width: 410px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*社区 最新*/
.community-content {
    padding-top: 3%;
    width: 100%;
    height: 500px;
    overflow: auto;
}

.community-content hr {
    margin-top: 0px;
    /*color:rgb(184,193,208);*/
}

.community-item-box {
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgba(159, 177, 183, 0.86);
}

/*社区 vip观点*/
.lcj-op-box {
    padding: 6px 4% 0 2%;
}

.lcj-op-box_img img {
    margin-top: 20%;
}

.lcj-op-box_content {
    padding-left: 5%;
}

.lcj-op-box_content p {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*社区 VIP问答   （理财家（知者）问答页面也用了相同的样式）*/
.lcj-qa-box {
    margin-top: 1%;
}

.lcj-qa-content {
    padding-top: 0px;
}

.lcj-qa-content.lcj-qa-box {
    padding: 1% 3% 1% 1%;
}

.lcj-qa-box h4,
.lcj-qa-box p {
    margin-bottom: 16px;
}

.lcj-qa-box img {
    width: 22px;
}

.lcj-qa-box .well {
    padding: 4% 5% 8% 4%;
}

.lcj-qa-box .well div {
    margin-bottom: 2%;
}

/*社区部分结束*/

/*首页 自选股票*/
.index-optional-stock-bond a {
    color: #4193FF;
}

.table_hot_stock_bond {
    font-size: 13px;
    font-weight: normal;
    height: 360px;
    background: white;
    overflow: auto;
    border: 1px solid #4193FF;
}

.global-title-optional-stock {
    height: 20px;
    line-height: 20px;
    border-left: 6px solid #4193FF;
    padding-left: 12px;
    font-size: 20px;
    margin-bottom: 14px;
    font-weight: bolder;
    color: #4193FF;
}

/*自选股票部分搜索框*/
.search-optional-stock:after {
    content: "";
    clear: both;
    display: table
}

.search-optional-stock form {
    width: auto;
    float: right;
    margin-right: 10px;
}

.search-optional-stock input {
    width: 200px;
    height: 30px;
    padding-left: 15px;
    border-radius: 42px;
    border: 1px solid #4193FF;
    outline: none;
    position: relative;
    transition: .3s linear;
    margin-top: 0px;
}

.search-optional-stock button {
    background: none;
    border: none;
    position: absolute;
    top: 18%;
    right: 20px;
}

.search-optional-stock button:before {
    content: "\f002";
    font-family: FontAwesome;
    color: #4193FF;
}

/*自选股票部分搜索框结束*/
/*首页 自选股票结束*/

/*首页页脚开始*/
.hz_index_footer {
    margin-top: 60px;
    height: 132px;
    background-color: #183051;
    font-size: 18px;
    color: #9BA8BA;
    display: flex;
    align-items: center;
}

.hz_index_footer a:hover {
    opacity: 0.8;
}

.hz_index_footer.footer-other-info a:hover {
    color: white;
}

.hz_index_footer hr {
    background-color: #4d474c;
}

.hz_index_footer .foot_href span {
    padding: 2% 3%;
}

.hz_index_footer .footer-content {
    display: flex;
    flex-direction: column;
}

.hz_index_footer .footer-content .foot_href {
    padding: 30px 0px;
    text-align: center;
    font-size: 15px;
}

.hz_index_footer .footer-content .footer-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hz_index_footer .footer-other-info {
    text-align: center;
    color: rgb(155, 168, 186);
}

.hz_index_footer .footer-other-info a {
    color: rgb(155, 168, 186);
}

/*首页页脚结束*/
/*首页部分全部结束*/

/*问答机器人开始*/
/*小知机器人样式开始*/
.hz_qa_show_btn {
    margin-bottom: 50px;
    float: right;
    position: fixed;
    top: 80px;
    right: 0px;
    background-color: #373E40;
    color: #fff;
    border: solid 1px black;
    border-radius: 10%;
    z-index: 999;
    cursor: pointer;
    animation: heart 2s;
    -webkit-animation: heart 2s;
    /*Safari and Chrome*/
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: 3;
    display: none;
}

@keyframes heart {
    0% {
        background: white;
        color: black;
    }

    50% {
        background: black;
        color: white;
    }

    100% {
        background: white;
        color: black;
    }
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
    {
    0% {
        background: white;
        color: black;
    }

    50% {
        background: black;
        color: white;
    }

    100% {
        background: white;
        color: black;
    }
}

.hz_qa_side_window {
    position: fixed;
    top: 80px;
    right: 0px;
    z-index: 999;
    width: 420px;
    margin: 0px auto;
    padding: 0px;
    background-color: #fff;
    border-radius: 5%;
    box-shadow: 1px 1px 2px #373E40;
    display: none;
}

.hz_qa_side_window .side_qa_head {
    padding: 5px;
    background-color: #373E40;
    color: #fff;
    border-radius: 3px;
    position: relative;
}

.hz_qa_side_window .side_qa_head span {
    float: right;
}

.hz_qa_side_window .side_qa_content_show {
    padding: 18px 30px;
    height: 450px;
    overflow: auto;
}

.hz_qa_side_window .side_qa_comment {
    padding-top: 7px;
    background-color: #00B38C;
    border: 1px solid #00B38C;
    box-shadow: 1px 1px 5px #00B38C;
    border-radius: 3px;
    height: 35px;
    line-height: 35px;
    color: white;
}

.hz_qa_side_window .side_qa_comment span {
    float: right;
    padding-right: 15px;
    display: inline-block;
    color: white;
}

.hz_qa_side_window .side_qa_comment span:hover {
    color: #373E40;
}

.hz_qa_side_window .side_qa_promot {
    background-color: transparent;
    height: 35px;
    line-height: 30px;
    color: white;
}

.hz_qa_side_window .side_qa_promot span {

    background-color: #00B38C;
    border-radius: 15px;
    float: left;
    padding-right: 15px;
    padding-left: 12px;
    display: inline-block;
    color: white;
}

.hz_qa_side_window .side_qa_promot span:hover {
    color: #373E40;
}

.qa_btn {
    width: 80px;
    float: right;
    margin-left: 5px;
}

.qa_p_btn {
    padding-top: 10px;
    padding-right: 5px;
    height: 55px;
}

.demo {
    margin-bottom: 15px;
    padding-left: 50px;
    position: relative;
}

.triangle {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 42px;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    border-bottom: 8px solid #FFF;
    border-top: 8px solid #FFF;
    border-left: none;
    border-right: 8px solid #E4E2E2;
}

.demo .article {
    float: left;
    color: #2F3436;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 5px 10px;
    border: 1px solid #E4E2E2;
    background: #E4E2E2;
    border-radius: 5px;
    background-color: #E4E2E2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E4E2E2), to(#E4E2E2));
    background-image: -webkit-linear-gradient(top, #E4E2E2, #E4E2E2);
    background-image: -moz-linear-gradient(top, #E4E2E2, #E4E2E2);
    background-image: linear-gradient(top, #E4E2E2, #E4E2E2);
    margin-right: 50px;
}

.fr {
    padding-left: 0px;
    padding-right: 50px;
}

.fr .triangle {
    left: auto;
    right: 42px;
    border-bottom: 8px solid #FFF;
    border-top: 8px solid #FFF;
    border-right: none;
    border-left: 8px solid #E4E2E2;
}

.fr .article {
    float: right;
    margin-right: 0px;
    margin-left: 50px;
}

.demo .span-img-l {
    position: absolute;
    top: 0px;
    left: 0px
}

.demo .span-img-r {
    position: absolute;
    top: 0px;
    right: 0px
}

.demo img {
    width: 40px;
}

/*下面为旧版样式*/
.hz_qa_window {
    position: fixed;
    top: 80px;
    left: 320px;
    z-index: 999;
    width: 760px;
    padding: 0px;
    border-radius: 2px;
    /*box-shadow: 1px 1px 2px #373E40;*/
    display: none;
}

.hz_qa_window .qa_head {
    padding: 5px;
    /*padding-bottom: 20px;*/
    background-color: #373E40;
    color: #fff;
    border-radius: 3px;
    position: relative;
}

.hz_qa_window .qa_head span {
    float: right;
}

.hz_qa_window .qa_content_show {
    padding: 18px 30px;
    height: 460px;
    overflow: auto;
}

.hz_qa_window .qa_comment {
    padding-top: 7px;
    background-color: #00B38C;
    border: 1px solid #00B38C;
    box-shadow: 1px 1px 5px #00B38C;
    border-radius: 3px;
    height: 35px;
    line-height: 35px;
    color: white;
}

.hz_qa_window .qa_comment span {
    float: right;
    padding-right: 15px;
    display: inline-block;
    color: white;
}

.hz_qa_window .qa_comment span:hover {
    color: #373E40;
}

.qa_btn {
    width: 80px;
    float: right;
    margin-left: 5px;
}

.qa_p_btn {
    padding-top: 10px;
    padding-right: 5px;
    height: 55px;
}

.demo {
    margin-bottom: 15px;
    padding-left: 50px;
    position: relative;
}

.triangle {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 42px;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    border-bottom: 8px solid #FFF;
    border-top: 8px solid #FFF;
    border-left: none;
    border-right: 8px solid #E4E2E2;
}

.demo .article {
    float: left;
    color: #2F3436;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 5px 10px;
    border: 1px solid #E4E2E2;
    background: #E4E2E2;
    border-radius: 5px;
    background-color: #E4E2E2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E4E2E2), to(#E4E2E2));
    background-image: -webkit-linear-gradient(top, #E4E2E2, #E4E2E2);
    background-image: -moz-linear-gradient(top, #E4E2E2, #E4E2E2);
    background-image: linear-gradient(top, #E4E2E2, #E4E2E2);
    margin-right: 50px;
}

.demo .article a {
    color: red;
    text-decoration: underline;
}

.demo .article a:hover {
    color: #00B38C;
}

.fr {
    padding-left: 0px;
    padding-right: 50px;
}

.fr .triangle {
    left: auto;
    right: 42px;
    border-bottom: 8px solid #FFF;
    border-top: 8px solid #FFF;
    border-right: none;
    border-left: 8px solid #E4E2E2;
}

.fr .article {
    float: right;
    margin-right: 0px;
    margin-left: 50px;
}

.demo .span-img-l {
    position: absolute;
    top: 0px;
    left: 0px
}

.demo .span-img-r {
    position: absolute;
    top: 0px;
    right: 0px
}

.demo img {
    width: 40px;
}

p.article_p {
    border-bottom: 1px solid #CDCDCD;
    padding-right: 4%;
}

a.article_example {
    display: inline-block;
    /*border-bottom: 1px solid #CDCDCD;*/
    padding: 2% 0% 2% 8%;
    color: #337AB7;
}

/*小知机器人样式结束*/
/*问答机器人结束*/

/* 张长债券部分样式 */
/* 张长债券部分样式 */
/*过滤器css开始*/
.hz_bond .my_filter {
    /*  padding: 25px 0; */
    margin: 0 15px;
    background: white;
    width: 100%;
}

.hz_bond .my_filter select {
    width: 56px;
    height: 28px;
}

.hz_bond .my_filter input {
    width: 60px;
}

.hz_bond .my_filter input[type="text"] {
    width: 180px;
}

.my_filter input[type="button"] {
    width: 80px;
}

.hz_bond .my_filter label {
    font-weight: normal;
}

.hz_bond .my_filter #z1,
#z2,
#z3,
#z4,
#z5,
#z6,
#z7,
#z8,
#z9,
#z10,
#z11,
#z12,
#z13,
#z14,
#z15 {
    float: left;
    margin-left: 2%;
    overflow: hidden;
    display: block;
}

.hz_bond .my_filter .flt-box {
    float: left;
    margin-left: 2%;
    overflow: hidden;
    display: block;
}

.hz_bond .my_filter #btn_sub,
#btn_reset {
    float: left;
    margin-left: 30px;
    margin-top: 30px;
}

.hz_bond .my_filter #to_scatter_graph a {
    color: #f87b69;
    font-size: 15px;
    font-weight: bold;
}

.hz_bond .my_filter #to_scatter_graph a:hover {
    color: #0093D9;
}

/*过滤器css结束*/

/*单支债券查询部分开始*/
.hz_bond .bond_single_search {
    margin: 0px 15px;
}

/*单支债券查询部分结束*/

.hz_bond .bond_single_search table {
    background-color: white;
}

.hz_bond .bond_single_search table .bond_head th {
    position: relative;
    vertical-align: middle !important;
    text-align: center !important;
    /*line-height:7px!important;*/
    font-size: 12px;
    /*background-color:#ffe8e5 ;*/
    /*background-color:#99bfe6;*/
    background-color: #4193ff;
    color: white;
    padding: inherit;
}

.hz_bond .bond_single_search table tbody tr>td a {
    /*color: #0093D9;*/
    color: #4193ff;
}

.hz_bond .bond_single_search table tbody tr>td a:hover {
    /*color: #f87b69;*/
    color: #FE4C7E;
}

.hz_bond .bond_single_search table tr td {
    /*padding-top: 4px;*/
    /* margin-bottom: 4px; */
    /* text-align: center; */
    font-size: 12px;
    background-color: white;
    vertical-align: middle;
}

.hz_bond .bond_single_search table .bond_head tr th p {
    padding-top: 4px;
    margin-bottom: 4px;
}

/*表格部分开始*/
.hz_bond .hz-table {
    margin: 0px 15px 0px 15px;
}

.hz_bond .hz-table #mylink {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    background: white;
}

.hz_bond .hz-table #mylink a {
    color: grey;
    font-weight: bold;
}

.hz_bond .hz-table #mylink a:hover {
    color: #f87b69;
}

.hz_bond .hz-table #mylink .refresh {
    color: #0093D9;
}

.hz_bond .hz-table #mylink .refresh:hover {
    /*color: #f87b69;*/
    color: #FE4C7E;
}

.hz_bond .hz-table #mylink .btn_refresh,
.num,
.notes,
.expansion {
    float: right;
    margin-right: 20px;
    color: #FE4C7E;
}

.hz_bond .hz-table #mylink .notes,
.expansion {
    /*color:#f87b69;*/
    color: #FE4C7E;
}

.hz_bond .hz-table table {
    background: white;
}

.hz_bond .hz-table table tr td {
    font-size: 12px;
    text-align: center;
}

.hz_bond .hz-table table tbody tr>td a {
    /*color:#0093D9;*/
    color: #4193ff;
    text-align: center;
}

.hz_bond .hz-table table tbody tr>td a:hover {
    /*color:#f87b69;*/
    color: #FE4C7E;
    text-align: center;
}

.hz_bond .hz-table tbody span {
    color: #FE4C7E;
}

.hz_bond .hz-table table .bond_table_head {
    /*background:#99bfe6;*/
    border: 1px solid #4193ff;
}

.hz_bond .hz-table table .bond_table_head th {
    vertical-align: middle !important;
    text-align: center !important;
    /*line-height:12px!important;*/
    /*font-size:12px;*/
}


.hz_bond .hz-table table .bond_table_head tr th p {
    padding-top: 4px;
}


/*关联上市公司浮框部分开始*/
.hz_bond .td_hover_position {
    position: relative;
    padding-top: 4px;
}

.hz_bond .td_hover {
    border: 3px solid rgba(0, 55, 156, 0.32);
    padding: 4px;
    z-index: 999;
    display: none;
    position: absolute;
    left: 150px;
    bottom: 30px;
    color: #000;
    background-color: #fff;
}

.hz_bond .td_hover_position:hover .td_hover {
    display: block;
}

/*关联上市公司浮框部分结束*/

/*表格部分结束*/

/*海知债券样式部分结束*/



/*报名参赛页面样式开始*/
.match-section h3::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #F9614F;
    margin-right: 20px;
    line-height: 30px;
}

.match-section h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 30px;
}


.match-section p {
    font-size: 16px;
    font-weight: 400;
    vertical-align: bottom;
    color: #333;
    /*margin-top: 15px;*/
    line-height: 30px;
}

/*报名参赛页面样式结束*/


/*股票子导航栏开始*/
.sub_navigation {
    border-top: 1px solid #ebebeb;
    border-bottom: 2px solid #e1e1e1;
}

.stocks_menu {
    padding: 0;
    margin: 0;
    display: inline-block;
    position: relative;
}

.stocks_menu li {
    list-style: none;
    display: inline-block;
    padding: 0 15px;
}

.stocks_menu li a {
    padding: 0 21px;
    line-height: 4em;
    color: #effdff;
    font-size: 16px;
    text-shadow: 1px 1px 0.8em #222222;
}

.stocks_menu li a:link,
a:visited,
a:active {
    text-decoration: none;
}

.nav_current {
    /* border-bottom: 2px solid #FD9271;
    margin-bottom: -2px; */
}

/*股票子导航栏结束*/


/*表格军衔的提示信息显示样式开始*/
.users_info_hint {

    position: relative;
}


.hz_div_show {
    position: absolute;
    width: 240px;
    height: 190px;
    bottom: 16px;
    background-color: #F94455;
    border: 3px solid #F94455;
    border-radius: 4px;
    padding: 8px 12px;
    font-weight: bold;
    color: white;
    left: 60px;
    display: none;
}

.hz_div_show span {
    display: inline-block;
    width: 12px;
}

/*表格军衔的提示信息显示样式结束*/

/*理财家部分*/
/*理财家部分左边栏*/
.index-page-lcj {
    /*background: -moz-linear-gradient(top,rgb(252,143,35) 0%, rgb(253,189,57) 100%);*/
    /*background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(252,143,35)), color-stop(100%,rgb(253,189,57)));*/
    /*background: -webkit-linear-gradient(top, rgb(252,143,35) 0%,rgb(253,189,57) 100%);*/
    /*background: -o-linear-gradient(top, rgb(252,143,35) 0%,rgb(253,189,57) 100%);*/
    /*background: -ms-linear-gradient(top, rgb(252,143,35) 0%,rgb(253,189,57) 100%);*/
    /*background: linear-gradient(to bottom right, rgb(252,143,35) 0%,rgb(253,189,57) 100%);*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffc8f23,endColorstr=#fffdbd39); !*IE8支持*!*/
}

/*热门理财家部分左边栏部分结束*/
.lcj-index-content {
    margin-bottom: 30px;
}

.lcj-padding-right {
    padding-right: 2% !important;
}

.lcj-index-logo {
    margin-bottom: 30px;
}

.box-lcj-settled {
    /* background: -moz-linear-gradient(top,rgb(252,143,35) 0%, rgb(253,189,57) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(252,143,35)), color-stop(100%,rgb(253,189,57)));
    background: -webkit-linear-gradient(top, rgb(252,143,35) 0%,rgb(253,189,57) 100%);
    background: -o-linear-gradient(top, rgb(252,143,35) 0%,rgb(253,189,57) 100%);
    background: -ms-linear-gradient(top, rgb(252,143,35) 0%,rgb(253,189,57) 100%);
    background: linear-gradient(to bottom right, rgb(252,143,35) 0%,rgb(253,189,57) 100%);*/
    background-color: #4193FF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffc8f23, endColorstr=#fffdbd39);
    /*IE8支持*/
    margin-right: 3%;
    height: 180px;

}

.box-lcj-solved {
    margin-left: 3%;
    /*background: -moz-linear-gradient(top,rgb(247,113,94) 0%, rgb(253,161,147) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(247,113,94)), color-stop(100%,rgb(253,161,147)));
    background: -webkit-linear-gradient(top, rgb(247,113,94) 0%,rgb(253,161,147) 100%);
    background: -o-linear-gradient(top, rgb(247,113,94) 0%,rgb(253,161,147) 100%);
    background: -ms-linear-gradient(top, rgb(247,113,94) 0%,rgb(253,161,147) 100%);
    background: linear-gradient(to bottom right, rgb(247,113,94) 0%,rgb(253,161,147) 100%);*/
    background-color: #FE4C7E;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff7715e, endColorstr=#fffda193);
    /*IE8支持*/
    height: 180px;
}

.lcj-div-table {
    background-color: white;
    padding: 2% 3%;
    margin-bottom: 30px;
    /*margin-right: 30px;*/
}

.lcj-title {

    /* height: 20px; */
    line-height: 16px;
    /* border-left: 6px solid #4193FF; */
    padding-left: 20px;
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: inherit;
    /* text-align: center; */
    /*margin-right: 30px;*/
    background-color: #4193FF;
    padding-bottom: 15px;
    padding-top: 15px;
    color: white;

}


.lcj-hot-content {
    background-color: white;
    height: 565px;
}

.lcj-index-box {
    padding-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
    /*background-color: white;*/
}

.lcj-index-box hr {
    margin-top: 15px;
}


.lcj-index-box img {
    width: 70%;
}

.lcj-index-box-img {
    text-align: center;
    /* height: 120px;*/
}

.lcj-index-box-profit {
    /*padding-top: 15px;*/
    padding-left: 6%;

}

.lcj-index-box-profit p {
    color: #4193FF;
    margin-bottom: 5px;
}

.lcj-index-box-profit h4 {
    font-weight: bolder;
    /*color: rgba(244, 82, 28, 0.91);*/
    color: #4193FF;
    margin-bottom: 15px;
}

.lcj-index-box-label {
    padding-top: 15px;
}

.lcj-index-box-label p {
    color: #4193FF;
    margin-bottom: 8px;
}

.lcj-index-box-btn {
    color: white;
    margin-top: 35px;
    font-size: 13px;
    display: inline-block;
    overflow: hidden;
    background-color: #4193FF;
    width: 100%;
    padding: 6px 12px;
    border: 1px solid transparent;
    margin-left: 50%;
    /*border-radius: 4px;*/
}

.lcj-index-op-qa .lcj-op-box {
    padding-top: 5px;
    padding-bottom: 5px;
}

.lcj-index-op-qa {
    background-color: white;
    padding: 1% 3%;
}

.lcj-index-op-qa .lcj-op-box_img {
    padding-top: 12%;
}

.lcj-index-op-qa .lcj-qa-box {
    padding: 4% 5% 1% 1%;
}

.box-lcj-general {
    padding: 4%;
}

.box-lcj-general p {
    margin-bottom: 5%;
    color: white;
}

/*知者（理财家）观点部分样式*/
.lcj-title-active {
    color: #309DD6;
    border-bottom: 3px solid #309DD6;
}

.icj-op-home {
    width: 97%;
    min-height: 800px;
    background-color: white;
}

.icj-op-home .op-home-title {
    padding: 2% 3%;
}

.icj-op-home .op-home-title a {
    padding: 5px 8px;
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
    color: black;
}


.op-home-box {
    padding: 0% 3%;
}

.op-home-box .op-home-box-content {
    padding-top: 3%;
    padding-left: 2%;
}

.op-home-box .op-home-box-content span {
    padding-right: 15px;
}

.op-home-box .op-home-box-content p {
    margin: 0px;
    margin-top: 10px;
}

/*VIP特权部分样式*/
.vip-service-box {
    padding: 2%;

}

.vip-service-box img {
    width: 80%;
}

.vip-service-box .content-box {
    padding: 12% 8% 5% 5%;
}

.vip-service-box .content-box h2 {
    color: #37A7BD;
    margin-bottom: 30px;
}

.vip-service-box .content-box p {

    font-size: 16px;
    line-height: 35px;
}

/*关于模拟投资、投资大赛、高级服务 页面部分样式*/
.about-service-box {
    padding: 2%;

}

.about-service-box img {
    width: 80%;
}

.about-service-box .content-box {
    padding: 5%;
}

.about-service-box .content-box h2 {
    color: #37A7BD;
    margin-bottom: 15px;
}

.about-service-box .content-box p {

    font-size: 15px;
    line-height: 33px;
}

/*理财家入驻进度显示*/
.master-enter-status {
    margin-top: 150px;
    position: relative;
    margin-bottom: 150px;
}

.master-enter-status-timeline {
    height: 12px;
    border: 1px solid #aaa;
    border-radius: 7px;
    background: #eee;
    box-shadow: 0 0 5px 0 #C2C2C2 inset;
}

.master-enter-status-timeline .master-enter-status-timeline-completion {
    height: 8px;
    margin: 1px;
    border-radius: 7px;
    background: #ff7c3b;
    width: 0;
}

.master-enter-status-timeline .master-enter-status-timeline-completion.c1 {
    width: 33%;
}

.master-enter-status-timeline .master-enter-status-timeline-completion.c2 {
    width: 66%;
}

.master-enter-status-timeline .master-enter-status-timeline-completion.c3 {
    width: 100%;
}

.image-master-enter-status {
    border: 1px solid #ddd;
    padding: 7px;
    box-shadow: 0 0 10px 0 #999;
    background-color: #fdfdfd;
    position: absolute;
    margin-top: -35px;
}

.image-master-enter-status .active {
    box-shadow: 0 0 10px 0 #ff7c3b;
}

.image-master-enter-status.active .status {
    color: #e47943;
    text-shadow: 0 0 1px #777;
}

.image-master-enter-status .icon {
    height: 50px;
    width: 50px;
    background-size: contain;
}

.image-master-enter-status .status {
    position: absolute;
    text-shadow: 1px 1px #eee;
    color: #333;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    width: 180px;
    top: -50px;
    left: 50px;
}

.image-master-enter-status-register {
    left: 0;
}

.image-master-enter-status-information {
    left: 31.74%;
}

.image-master-enter-status-realname {
    left: 63.48%;
}

.image-master-enter-status-completed {
    right: 0;
}

.image-master-enter-status-delivered .status {
    top: 85px;
    left: -180px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    text-align: right;
}

.image-master-enter-status-delivered .status:before {
    display: none;
}

.image-master-enter-status-completed .status {
    top: 85px;
    left: -180px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    text-align: right;
}

.image-master-enter-status-completed .status:before {
    display: none;
}

/*比赛排名下的表格样式显示*/
.rank-table-style table tr {

    height: 18px;
    line-height: 18px;
}


.match_history_badge {
    background-color: #E33F27;
    position: relative;
    padding: 10px 10px 10px 10px;
    width: 180px;
    left: 0px;
    top: -5px;
    font-size: 22px;
    color: #FFF6D2;
    border: 10px solid #E33F27;
    outline: solid 3px #FFF9AF;
    outline-offset: -8px;
    display: block;
}

.buy_stock_btn {
    float: right;
}

/*模拟投资 操作指南、交易规则开始*/
.simu-rules {
    padding: 2% 5%;
    min-height: 650px;
}

.simulate_panel {
    padding: 10px 40px;
}

.simulate_panel h5 {
    margin-top: 20px;
    font-weight: bold;
}

.simulate_panel .padding-left {
    padding-left: 30px;
}

.simulate_panel .padding-left-large {
    padding-left: 80px;
}

/*模拟投资 操作指南、交易规则结束*/

.bond_code_div {
    position: relative;
}

.hint_list {
    border: 1px solid #dedede;
    color: #555;
    position: absolute;
    z-index: 1000;
    width: 85%;
    opacity: 0.9;
    background-color: white;
    display: none;
}

.hint_active {
    background-color: #99cfff;
}

#bond_code option {
    margin-bottom: 5px;
}


/*理财师个人中心样式开始*/
/*个人中心导航条编写*/
.hz_user_nav {
    border-top: 1px solid rgba(73, 159, 160, 0.99);
}

.hz_user_nav a {
    color: #fff !important;
}

.hz_user_nav a:focus,
.hz_user_nav a:hover {
    background-color: #1b6d85 !important;
}

.hz_user_nav .active a {
    background-color: #1b6d85 !important;
}

/*个人中心理财师的头像和标签部分*/
.lcs_center span {
    margin-right: 20px;
}

.lcs_center h3 {
    color: rgba(22, 160, 160, 0.97);
}

.lcs_center span a {
    background-color: rgba(81, 112, 144, 0.78);
    color: #fff;
    padding: 6px 10px;
    border-radius: 2px;
    margin-right: 5px;
}

.lcs_center span a:hover,
.lcs_center span a:focus {
    background-color: rgba(242, 65, 19, 0.45);
}

.lcs_center_pic {
    padding: 20px 0px;
    padding-left: 15px;
}

.lcs_center_pic .lcs_center_face {
    padding: 10px 5px 20px 5px;
    border: 1px solid rgba(53, 50, 53, 0.19);
    width: 160px;
    height: 180px;
    background-color: #fff;
}

.lcs_center_pic .lcs_center_face img {
    width: 148px;
    height: 128px;
}

.lcs_center_label {
    padding-top: 20px;
}




/*左侧导航栏实现代码开始*/

.sidebar_left .section_1 {
    background-color: rgba(0, 0, 0, 0.8);
}

.sidebar_left .section_2 {
    padding: 0px;
    margin: 0px;
    background-color: rgba(0, 0, 0, 1);
}

.sidebar_left .section_2 #collaspe_1 {
    /* display: none;         */
}

.sidebar_left .section_2 ul li {
    line-height: 2.3em;
    text-indent: 4em;
}

.sidebar_left .section_3 {
    padding: 0px;
    margin: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    padding-bottom: 15px;
}

.sidebar_left .section_4 {
    height: 35px;
    background-color: rgba(0, 0, 0, 1);
}

.sidebar_left p {
    margin: 0px;
    padding: 10px 0px;
    text-indent: 1em;
    color: #fff;
}

.sidebar_left ul {
    margin: 0px;
    padding: 0px;
}

.sidebar_left a {
    color: #fff;
}

.sidebar_left ul {
    color: #fff;
    list-style: none;
}


.sidebar_left ul li {
    color: #fff;
    line-height: 3em;
    text-indent: 1em;
}

.sidebar_left ul li a {
    font-size: 14px;
    color: #fff;
}


.sidebar_left ul li:hover {
    background-color: rgba(74, 197, 156, 0.8);
}

.sidebar_left ul li a:hover {
    color: #fff;
}

.sidebar_left ul li.active {
    background-color: rgba(74, 197, 156, 0.8);
}

/*左侧导航栏实现代码结束*/
.badge {
    text-indent: 0px;
    margin-left: 8px;
    color: white;
    background-color: #fe4365;
}


.master_homepage_container {
    margin-top: 50px;
    background-color: white;
}

.sub_nav {
    margin: 10px auto 15px 10px;
    padding: 10px;
    font-size: 18px;
}

div.master_view header h4 {
    font-size: 22px;
    margin-top: 0;
}

div.master_view section {
    font-size: 15px;
    color: #7a7a7a;
    line-height: 160%;
}

.qu_hr {
    height: 20px;
    background-color: #f3f3f3;
    margin: 5px 0;
}

.key_word {
    font-size: 12px;
    background: rgba(242, 65, 19, 0.45);
    border-radius: 10px;
    margin: 10px 10px 10px 0;
    padding: 3px 10px;
    color: white;
}

.qu_btn {
    background: #96CC75;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    float: right;
}

.qu_time {
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}

.qu_time .questioner {
    color: #59b0ff;
    margin-left: 5px;
}

.qu_line_height {
    line-height: 35px;
}

.ta {
    color: #808080;
    padding: 8px;
    font-size: 14px;
    line-height: 1.6;
    width: 100%;
    height: 120px;
    resize: none;
    border: 1px solid #ccc;
    overflow: auto;
}

.qa_authority {
    font-size: 14px;
}

.qu_margin {
    margin-top: 20px;
}

.publish_btn {
    height: 50px;
}

.publish_btn button {
    float: right;
}

.free_charge {
    border: 1px solid #ccc;
    ;
    padding: 20px;
}

.panel_body_div {
    padding: 20px 50px;
}

.opinion_category {
    margin-bottom: 10px;
    padding: 5px;
    border-bottom: 1px solid #F5F5F5;
    color: #999;
}

.opinion_category select {
    padding: 2px;
    border: solid 1px #ccc;
    width: 150px;
    color: black;
    margin-left: 10px;
    margin-right: 20px;
}

.opinion_list {
    padding: 10px 30px;
}

.view_footer span {
    margin-right: 20px;
    font-size: 14px;
}

.view_footer .edit_view {
    color: #FD9271;
    float: right;
    margin-right: 10px;
}

.pages {
    display: inline-block;
    margin: 10px 0;
    border-radius: 4px;
    text-align: center;
    color: #fff;
}

.pages a {
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #FD9271;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pages a:hover {
    color: #5d5d5d !important;
}

.pages a.current {
    background-color: #e8e8e8;
}


.sop_header {
    text-align: center;
    padding: 80px 0 80px 0;
    color: #fff;
    margin-bottom: 30px;
}

.sop_header h1 {
    font-size: 3em;
}

.sop_article article {
    padding: 35px;
}

.sop_article article .sop-author {
    margin: 0 20px;
}

.sop_article article .sop-meta {
    color: #959595;
    margin: 14px 0 0;
    text-align: center;
}

.sop_article .sop-content {
    margin: 20px 0;
}

.sop_article footer {
    border-top: 1px solid #ebebeb;
    padding: 20px 0 0 0;
}

.sop_article footer button {
    float: right;
    margin-left: 20px;
}

.set_price {
    padding: 30px 20px;
}

.master_avatar_box {
    height: 100px;
    width: 100px;
}

.qa_his_height {
    max-height: 800px;
    overflow: auto;
    padding: 0 20px;
}

.alert_info {
    text-align: center;
    margin: 20px 0;
}

.question_label {
    float: left;
}

.question_label label {
    margin-right: 15px;
}

/*stocks*/
.sub_navigation {
    border-top: 1px solid #ebebeb;
    border-bottom: 2px solid #e1e1e1;

}

.stocks_menu {
    padding: 0;
    margin: 0;
    display: inline-block;
    position: relative;
}

.stocks_menu li {
    list-style: none;
    display: inline-block;
    padding: 0 15px;
}

.stocks_menu li a {
    padding: 0 21px;
    line-height: 4em;
    color: #effdff;
    font-size: 16px;
    text-shadow: 1px 1px 0.8em #222222;
}

.stocks_menu li a:link,
a:visited,
a:active {
    text-decoration: none;
}

.nav_current {
    /* border-bottom: 2px solid #FD9271;
    margin-bottom: -2px; */
}

/*理财师个人主页页面样式*/
.master_homepage_jumptron {
    height: 380px;
    background-color: #e2e2e2;
    color: #ffffff;
}

.master_homepage_jumptron_div {
    margin-top: 100px;
}

.master_homepage_jumptron_div table.master_info h4 {
    color: #fff;
    font-size: 18px;
}

.master_homepage_jumptron_div table.master_info h5 {
    color: #fff;
    font-size: 16px;
}

.master_homepage_jumptron_div p.signature {
    color: #fff;
    font-size: 18px;
}

.master_homepage_jumptron_div a.btn {
    color: #FD9271;
    font-weight: 600;
    border: 1px solid #FD9271;
    position: relative;
    margin-top: 10px;
    background-color: #fff;
}

.master_homepage_jumptron_div a.btn.vip-link {
    padding: 8px 40px;
    font-size: 18px;
    margin-top: 0;
}

.master_homepage_jumptron_div a.vip-link：hover {
    background-color: transparent;
}

.master_homepage_jumptron_div .avatar_box {
    width: 150px;
    height: auto;
    border: solid 5px white;
    overflow: hidden;
}

.master_homepage_jumptron_div .online_status {
    width: 150px;
    height: 30px;
    background-color: white;
    border: solid 1px white;
    overflow: hidden;
}

/*用户个人中心侧边栏*/
.profile-sidebar {
    padding: 10px 0 10px 0;
    margin-right: 30px;
    background-color: #f8f8f8;
}

.profile-userpic img {
    float: none;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.profile-usermenu {
    margin-top: 10px;
}

.profile-usermenu ul li {
    padding: 0;
}

.profile-usermenu li h4 {
    color: #FD9271;
    border-bottom: 1px solid #ebebeb;
}

.profile-usermenu ul li a {
    color: #8d9cae;
    font-size: 14px;
    font-weight: 400;
    border: none;
    padding-left: 60px;
}

.profile-usermenu ul li i {
    margin-left: 8px;
    margin-right: 8px;
    font-size: 14px;
}

.profile-usermenu ul li a:hover {
    background-color: #FD9271;
    color: #ffffff;
}

.master-profile-panel .form-group {
    margin-left: 20px;
    width: 400px;
    margin-bottom: 20px;
}

a.basic-info-a {
    color: #FD9271;
}

.input-group-verification {
    width: 300px;
}

.avatar-upload {
    margin-right: 50px;
    padding: 4px 10px;
    height: 30px;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    color: #ffffff;
    background: #FD9271;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

a.avatar-upload:link {
    color: #ffffff;
}

a.avatar-upload:visited {
    color: #ffffff;
}

a.avatar-upload:hover {
    color: #ffffff;
    background: #FD7A65;
    border-color: #ccc;
    text-decoration: none
}

.avatar-upload input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

#display_avatar_block {
    margin: 20px 20px;
    /*border: 1px solid #e1e1e1;*/
}

#display_avatar_div {
    display: none;
}

#display_avatar_div button {
    margin-left: 20px;
    margin-bottom: 10px;
}

.self_master_address {
    color: #FD9271;
}

/*问题反馈页面开始*/
.feedback-page {
    margin-top: 30px;
    margin-bottom: 50px;
}

.feedback-text {
    display: none;
}

.feedback-content {
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 3%;
    background-color: white;
    width: 100%;
    min-height: 800px;
}

.feedback-box {
    margin: 30px auto;
}

.feedback-form-item {
    margin-bottom: 30px;
}

.feedback-form-item h5 {
    font-weight: bold;
    margin: 10px 0;
}

.feedback-hz-info {
    color: #666;
    margin-top: 35px;
}

.feedback-btn:hover {
    color: #fff;
    background-color: #32a5dd;
}

.feedback-slogan {
    color: #fd7a65;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.feedback-item h4 {
    line-height: 40px;
}

.feedback-timestamp {
    color: #FD9271;
    font-size: 14px;
    float: right;
}

/*问题反馈页面结束*/

/*首页的比赛介绍页面*/
.index_lcs_body {
    background: #E2F1F1;
    font-size: 16px;
    font-weight: 400;
    color: #555;
    text-align: left;
}

.index_match .index_match_jmp_bottom {
    margin: 0 auto;
    background: #2d2d2d;
}

.index_match_jmp .jmp_header {
    margin-top: 80px;
    padding-bottom: 40px;
    background: rgba(45, 45, 45, .5);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.index_match_jmp .product-image {
    margin-top: 55px;
    text-align: center;
}

.product-title {
    margin: 75px 0 0 0;
}

.product-title h1 {
    padding-right: 40px;
    font-size: 30px;
    font-weight: 400;
    color: #DF7000;
    line-height: 58px;
    text-shadow: 4px 4px 7px rgba(0, 0, 0, 1);
}

.product-title a {
    color: #F8571B;
    font-size: 48px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.product-title div.product-description {
    margin-top: 30px;
    padding-right: 40px;
    color: #DF7000;
    line-height: 30px;
    text-shadow: 4px 4px 7px rgba(0, 0, 0, 1);
}

.product-title div.product-description p {
    line-height: 50px;
}

.index_match .gallery_2 {
    color: #7A7A7A;
    margin-top: 40px;
}

.index_match .gallery_2 h3 {
    margin: 0 40px 30px 50px;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #aaa;
    font-size: 36px;
    font-weight: 400;
    color: #408080;
}

.index_match .gallery_2 h5 {
    margin-left: 50px;
    margin-right: 40px;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
}

.index_match .gallery_2 h5 a {
    color: #428bca;
}

.index_match .gallery_2 p {
    margin-left: 50px;
    margin-right: 40px;
    margin-bottom: 20px;
    line-height: 30px;
}

/*首页的海天理财师介绍*/
.index_lcs .header_section {
    border-top: 3px solid #74BABA;
    padding: 30px 30px 50px 30px;
    background: #ADD6D6;
    color: #FFFFFF;
}

.index_lcs .header_section .header_label {
    color: #509E9E;
    font-size: 52px;
}

.index_lcs .header_section .header_label small {
    color: #fff;
}

.index_lcs img {
    vertical-align: middle;
}

.index_lcs .detail_panel {
    color: #FFFFFF;
    text-indent: 2em;
    background: #74BABA;
    padding: 30px 50px;
    border-radius: 10px;
    box-shadow: 1px 1px 20px #000000;
}

.index_lcs .service {
    padding: 30px;
    background-color: #fff;
}

.service .service_content p {
    line-height: 1.5em;
}

.service .service_content .a1 {
    font-size: 52px;
    color: #7575BB;
    line-height: 50px;
}

.service .service_content .a2 {
    font-size: 46px;
    text-indent: 1.5em;
    color: #7575BB;
}

.service .service_content .a2 span {
    color: #FF9999;
    font-size: 54px;
    font-weight: bold;
}

.service .service_content .a3 {
    padding-top: 20px;
    font-size: 16px;
    text-indent: 2em;
    line-height: 1.5em;
    color: #9A9A9A;
}

.index_lcs .about_lcs {
    background: #EEF7F7;
    padding: 30px;
}

.index_lcs .about_lcs .about_content {
    margin-top: 30px;
}

.index_lcs .about_lcs .about_content .b1 {
    font-size: 46px;
    color: #C1C1C1;
}

.index_lcs .about_lcs .about_content .b1 span {
    color: #FF9999;
    font-size: 52px;
    font-weight: bold;
}

.index_lcs .about_lcs .about_content .b2 {
    padding-top: 20px;
    font-size: 16px;
    text-indent: 2em;
    line-height: 1.5em;
    color: #9D9DCE;
}

.index_lcs .about_lcs .about_img_panel img {
    border: 12px solid #E6E6E6;
    width: 350px;
    height: 350px;
    border-radius: 50%;
}

.index_lcs .lcs_target {
    background-color: #fff;
    padding: 100px 0;
}

.index_lcs .lcs_target .target_panel {
    text-indent: 2em;
    font-size: 18px;
    color: #FFFFFF;
    padding: 60px 40px;
    background: #73B9B9;
    border-radius: 10px;
    box-shadow: 4px 4px 10px #000000;
}

.index_lcs .lcs_target .goal {
    margin-top: 50px;
}

.index_lcs .lcs_target .we {
    font-size: 62px;
    color: #646464;
}

.index_lcs .lcs_target .purpose {
    font-size: 72px;
    color: #74BABA;
}

.index_lcs .end-section {
    background: #000000;
    padding: 50px;
}

.index_lcs .end-section #name1 {
    color: #FFFFFF;
    font-size: 37px;
}

.index_lcs .end-section #name {
    color: #FFFFFF;
    font-size: 43px;
}

.index_lcs .end-section .begin_btn {
    background: #74BABA;
    color: #FFFFFF;
    font-size: 36px;
    padding: 20px 35px;
    border-radius: 8px;
    box-shadow: 2px 2px 5px #346767;
}


/*!*登录注册界面*!*/
/*.login-box{*/
/*color: white;*/
/*position: absolute;*/
/*right: 22%;*/
/*top: 14%;*/
/*background-color: rgba(1,1,1,0.75) ;*/
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); !*IE8支持*!*/
/*width: 380px;*/
/*box-shadow: 0 0 3px #040404;*/
/*padding: 20px 50px;*/
/*transition: transform 0.5s ease 0s, visibility 0.5s ease 0s, z-index 0.5s ease 0s;*/
/*-moz-transition:transform 0.5s ease 0s, visibility 0.5s ease 0s, z-index 0.5s ease 0s;*/
/*-webkit-transition:transform 0.5s ease 0s, visibility 0.5s ease 0s, z-index 0.5s ease 0s;*/
/*}*/

.login-box {

    color: white;
    position: absolute;
    right: 13%;
    top: 15%;
    /*background-color: rgba(4,4,4,0.75) ;*/
    background-color: rgba(77, 93, 121, 0.9);
    width: 380px;
    /*box-shadow: 0 0 3px #040404;*/
    padding: 20px 50px;
    transition: transform 0.5s ease 0s, visibility 0.5s ease 0s, z-index 0.5s ease 0s;
    -moz-transition: transform 0.5s ease 0s, visibility 0.5s ease 0s, z-index 0.5s ease 0s;
    -webkit-transition: transform 0.5s ease 0s, visibility 0.5s ease 0s, z-index 0.5s ease 0s;
}

.login-box.active {
    z-index: -1;
    visibility: hidden;
    transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
}

.login-box.register {
    z-index: -1;
    visibility: hidden;
    transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
}

.login-box.register.active {
    z-index: 11;
    visibility: visible;
    display: block;
    transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transition-delay: 0.5s;
}

.login-delay {
    transition-delay: 0.5s;
}

.login-box a {
    color: #fff;
}

.login-box a:active,
.login-box a:focus,
.login-box a:visited {
    background-color: transparent !important;
}

.login-box .social-login ul li {
    margin-left: 40px;
    margin-top: 10px;
}



.login-box .social-login ul li a:hover {
    background: none;
}

.login-box .social-login ul li img {
    width: 20px !important;
}

.login-form h1 {
    font-size: 22px;
    margin-bottom: 30px;
}

.login-form h1>a,
.login-form h1>a:hover {
    /*color:#FD9271;*/
    color: white;
    font-size: 18px;
}


.login-form .input-group {
    margin-top: 20px;
}

.pwd-help-info {
    margin-top: 20px;
}

.login-form .input-group .form-control,
.login-btn-div>button.btn {
    height: 45px;
}

.login-form.register-form .input-group .form-control,
.login-btn-div>button.btn {
    height: 40px;
}

.login-btn-div>button.btn {
    font-size: 16px;
    transition: all 0.2s;
}

#send_code {
    height: 40px;
}

.login-btn-div>button.btn:hover {
    background-color: #4193FF;
    color: #fff;
}

.login-btn-div {
    margin-top: 20px;
    margin-bottom: 10px;
}


/*找回密码*/
.f_pwd_container {
    margin-top: 70px;
}

a.next_vcode {
    color: #266392;
    text-decoration: underline;
}

.img_vcode {
    border: 1px solid #e2e2e2;
}

.f_pwd_form {
    margin: 40px auto;
}

.f_pwd_form .form-control {
    height: 40px;
}

.f_pwd_form .form-group {
    margin-bottom: 20px;
}

/*常见问题解答页面样式开始*/
.faq-nav,
.left-nav {
    min-height: 450px;
    background-color: white;
}

.faq-nav ul,
.left-nav ul {
    list-style: none;
}

.faq-nav .ul-first p,
.left-nav .ul-first p {
    line-height: 30px;
    font-weight: bold;
    padding-left: 10px;
}


.faq-nav .ul-first li,
.left-nav .ul-first li {
    padding: 10px;
    color: black;
}

.faq-nav .ul-first li a,
.left-nav .ul-first li a {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    color: white;
    width: 100%;
    padding-left: 6%;
}

/*.faq-nav .ul-first li .ul-second li a:hover{
    background-color: #33a5da;
}*/

.faq-nav .ul-first li,
.left-nav .ul-first li {
    background-color: white; //本来list颜色背景
}

.faq-nav .ul-first li .ul-second li a,
.left-nav .ul-first li .ul-second li a {
    //第一次进入时字的颜色
    padding-left: 14%;
    color: grey;
}

.ul-second {
    /*display: none;*/
}

.faq-content,
.right-content {
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 3%;
    background-color: white;
    width: 100%;
    min-height: 800px;
}

.faq-content h3 {
    font-weight: bolder;
    margin-bottom: 15px;
}

.faq-content p {
    font-size: 16px;
    margin-bottom: 16px;
}

.faq-content span {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 5px;
}

.faq-text,
.right-text {
    display: none;
}

/*常见问题解答页面样式结束*/


/*vip购买页面*/
.vip_price_body {
    background-color: #e2e2e2;
    background-size: cover;
    background-repeat: no-repeat;
}

.vip_price {
    margin-top: 30px;
    margin-bottom: 60px;
}

.vip_price h1 {
    margin: 50px 0px 80px 50px;
    margin-left: 8%;
    color: #33A4DC;
    font-size: 38px;
}

.vip_price div.box {
    margin-left: 10%;
    width: 80%;
    background-color: #F84A35;
    border: solid 6px #F84A35;
    border-radius: 3px;
    box-shadow: 2px 2px 3px #aaaaaa;
}

.vip_price div.box .content {
    background-color: white;
    border-radius: 5px;

}

.vip_price .box .vip_category h3 {
    padding: 20px 0px;
    color: white;
    font-size: 28px;
}

.vip_price .box .price_box {
    height: 150px;
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #c5c5c5;
}

.vip_price .box .price_box .price {
    display: inline-block;
    font-size: 38px;
    margin: 10px;
}

.vip_price .box .price_box .duration {
    color: white;
    font-size: 18px;
    width: 100px;
    margin: 0 auto 25px auto;
    background-color: #F84A35;
    padding: 3px;
    border-radius: 50px;
}

.vip_price .box .price_box .pay.btn {
    padding-left: 30px;
    padding-right: 30px;
    width: 200px;
    background-color: #FD9271;
    border-radius: 50px;
    color: white;
    font-size: 20px;
    margin-bottom: -20px;
}

.vip_price .box ul.features {
    padding-bottom: 70px;
    background-color: white;
    list-style: none;
    margin: 45px auto 0 30px;
    text-align: left;
}

.vip_price .box ul.features i {
    color: #FD9271;
    margin-right: 10px;
}

/*vip购买页面结束*/


/*股票债券*/
/*遮罩,显示加载中...*/
#loading {
    display: none;
}

#loading .loading-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    opacity: 0.6;
    z-index: 100;
}

#loading .loading-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 184px;
    height: 117px;
    margin-top: -59px;
    margin-left: -94px;
    z-index: 101;
}



/*普通用户、理财家个人主页*/

.pad-left-top {
    padding: 25px;
}

.box-shadow {
    box-shadow: 1px 1px 6px rgba(86, 84, 83, 0.22);
}

.person-homepage .base-info {
    margin-top: 10px;
    margin-bottom: 20px;
    /*background-color: #33A4DC;*/
    background-color: #4193FF;
    padding: 30px;
}

.person-homepage .base-info img {
    width: 80%;
}

.person-homepage .base-info .grade-level {
    /*background-color: white;*/
    /*height: 220px;*/
    /*border-radius:4px;*/
    padding: 20px 20px;
    border: 1px solid white;
    margin: 4%;
    color: white;
}

.person-homepage .base-info .grade-level div {
    /*margin-bottom: 10px;*/
}

.person-homepage .compare-line {
    height: 360px;
    background-color: white;
    margin-bottom: 20px;
}

.person-homepage .hold-table {
    height: 430px;
}

.person-homepage .graph-base {
    background-color: white;
    margin-left: 5%;
}

.person-homepage .homepage-qa-info {
    margin-bottom: 30px;
    margin-top: 20px;
    background-color: white;
    padding-bottom: 50px;
}

.person-homepage .base-data-info p {
    font-weight: bolder;
    color: white;
    font-size: 16px;
}

.person-homepage .base-info .grade-level hr {
    background-color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}

.person-homepage .base-data-info .sub-data-info {
    margin-top: 30px;
}

.reply-item-box {
    padding: 15px;
    color: rgba(159, 177, 183, 0.86);
}

.homepage-community {
    padding-left: 2%;
}

/*英雄榜*/

.herolist {
    /* background: url("/assets/images/background/firm_analysis_bg.png") no-repeat; */

}




.herolist th {
    vertical-align: middle !important;
}


.btn-herolist {
    border: 0px;
    background-color: #4193FF;
    border-color: #4193FF;
    color: white;
    height: auto;
    background-image: none;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;

}


@media (min-width: 768px) {
    .herolist .container {
        width: 95%;
    }
}

@media (min-width: 992px) {
    .herolist .container {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .herolist .container {
        width: 80%;
    }
}

/*英雄榜-报名参赛*/
.attend_match_enroll,
.attend_match_rules,
.attend_match_info {
    padding: 5%;
    margin-top: 100px;
    border: 6px solid #fca212;
    position: relative;
    background-color: white;
}

.attend_match_enroll {
    margin-top: 30px;
}

.enroll_logo {
    position: absolute;
    width: 283px;
    top: -63px;
    left: -12px;
}

.rules_logo {
    position: absolute;
    width: 283px;
    top: -63px;
    right: -8px;
}

.info_logo {
    position: absolute;
    width: 283px;
    top: -63px;
    left: -10px;
}

.enroll_intro {
    position: absolute;
    width: 485px;
    top: -80px;
    right: -12px;
}

/*实盘分析-提高*/
.invest-improve {
    padding: 8% 5%;
}

.invest-improve p {
    margin-bottom: 20px;
}

#detail_modal_body>p {
    margin-top: 6px;
    text-align: center;
}

#detail_modal_body>p>span {
    font-weight: bold;
    color: #F9614F;
}

.graph-tooltip td {
    color: white;
    padding-right: 18px;
}

/* 气泡对话框样式*/
.bubble_dialog_box {
    /*width:500px;*/
    padding: 20px 20px;
    border: 1px solid #4193FF;
    position: relative;
}

.bubble_dialog_box span {
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    position: absolute;
}

.bubble_dialog_box span.bot {
    border-width: 20px;
    border-style: solid dashed dashed;
    border-color: transparent transparent #4193FF transparent;
    left: 80px;
    top: -41px;
}

.bubble_dialog_box span.top {
    border-width: 20px;
    border-style: solid dashed dashed;
    border-color: transparent transparent #ffffff transparent;
    left: 80px;
    top: -40px;
}

.bubble_dialog_box a {
    border-bottom: #000000 dashed 1px;
    text-decoration: none;
}

.improve-box {
    margin-left: 30px;
}


.improve-box a {
    border-bottom: #000000 dashed 1px;
    text-decoration: none;
}

/*智能优选*/
.intelligent-filter {
    width: 650px;
    /*margin: 0 auto;*/
    padding-left: 2%;
    margin: 0 24%;
}

.intelligent-filter a {
    color: #4193ff;
}

.type-list {
    padding: 13px 3px 5px 3px;
}

.type-list li {
    list-style: none;
    float: left;
    margin: 5px 30px;
    padding: 5px 20px;
    border-radius: 20px;
    color: #4193ff;
}

.type-list .chosen {
    background: #3a94fc;
    /*border-radius:0px;*/
    color: white;
}

.type-list .chosen a {

    color: white;
}

.intelligent_input {
    width: 80%;
    height: 38px;
    background-color: white;
    border-radius: 20px;
    border: 1px solid #4193ff;
    color: #4193ff;
    padding-left: 5%;
}

.search_btn_nlp {
    background-color: #3a94fc;
    color: white;
    width: 15%;
    /*height: 38px;*/
    line-height: 38px;
    display: inline-block;
    /*margin-left: -3px;*/
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    /*border: 1px solid #4193ff;*/
    /*border: 1px solid rgba(0,0,0,.1); */
    /*将按钮设置成为渐变色*/
    /*background: #4193ff linear-gradient(hsla(0,0%,100%,0.2),transparent);*/
}

/*自然语言样式自动补全框样式*/
.proposal-box {
    position: absolute;
    height: auto;
    /* border: 1px solid #dedede;*/
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    color: #555;
    opacity: 0.9;
    background-color: white;
    z-index: 999;
    /*left: 0px;*/
}

.proposal-list {
    list-style: none;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.44);
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.proposal-list li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    font: menu;
    line-height: 16px;
    overflow: hidden;
}

li.proposal.selected {
    background-color: #99cfff;
    color: black;
}

/*nlp句子变成一个个的条件*/
.nlp-option-box {
    border: 1px solid #dedcdc;
    display: inline-block;
    margin-left: 30px;
    margin-top: 10px;
    padding: 6px 12px;
}

/*股票新闻*/
.hz-news-page {
    background-color: white;
    padding: 4% 8%;
    margin-top: 20px;
    min-height: 660px;
}

.hz-news-page h1 {
    font-size: 24px;
    font-weight: bold;
}

.hz-news-page .info {
    padding: 15px 0;
}

.hz-news-page .info>span {
    display: inline-block;
    padding-right: 20px;
    font-size: 14px;
}

.hz-news-page .content,
.hz-news-page .keywords {
    font-size: 16px;
    line-height: 30px;
}

/*扫描二维码下载官方app*/
.scan-qrcode {
    height: 190px;
    width: 140px;
    bottom: 10px;
    margin-left: 390px;
    background-color: lightgrey;
    color: darkgrey;
    text-align: center;
}

.fixed {
    position: fixed;
}

/*评测诊断添加部分样式2019.04.15*/
/*英雄榜应用了相同的标题样式*/
.investment-content {
    min-height: 550px;
    background: white;
    background-clip: padding-box;
    border-top-right-radius: 12px;
}

.investment-title p {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
}

.investment-title {

    /*padding-bottom: 10px;*/
    /*background-color: white;*/
    margin: 27px;
    
}


.bg {
    background: url("/assets/images/background/firm_analysis_bg.png") no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -99;
}

.firm-analysis-bg {
    background: url("/assets/images/background/inestbg.jpg") repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -99;
}

.simu-content {
    min-height: 550px;
    background: white;
    background-clip: padding-box;
    border-top-right-radius: 12px;
    overflow: hidden;
}

.simu-title p {

    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: #4193FF;

}

.simu-title {
    background-color: white;
}

.simu-hr {
    background-color: #4193FF;
    width: 100%;
    height: 3px;
    margin-bottom: 10px;
    margin-top: 0px;
}

/*导航栏*/
@media (min-width: 768px) {
    .navbar-container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .navbar-container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .navbar-container {
        width: 1170px;
    }
}

.navbar-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*导航栏结束*/

/*智能优选*/

/*我的主页*/
.home-btn {
    cursor: pointer;
    color: #4193ff;
    background: #fff;
    border-radius: 9999px;
    font-family: MicrosoftYaHei;
    /*font-size: 14px;*/
    /*float: right;*/
    margin: 0;
    /*line-height: 34px;*/
    /* height: 34px; */
    /*padding: 0 10px;*/
    padding: 4px 17px;
    height: auto;
    border: 1px solid #4193ff;
    margin: 0 5px;
}

.home-btn.focus,
.home-btn:focus,
.home-btn:hover {
    cursor: pointer;
    color: #4193ff;
    background: #fff;
    /* border-radius: 0; */
    font-family: MicrosoftYaHei;
    /*font-size: 14px;*/
    /*float: right;*/
    margin: 0;
    /*line-height: 34px;*/
    /* height: 34px; */
    /*padding: 0 10px;*/
    padding: 4px 17px;
    height: auto;
    border: 1px solid #4193ff;
    margin: 0 5px;
    opacity: 0.6;
}

.home-btn.active {
    color: #fff;
    background: #4193ff;
}

.tablesorter-icon {
    color: #4193ff;
}

.hz-index-btn {
    background-color: white;
    width: 100%;
    color: white;
    background-color: #FE4C7E;
    border-color: #FE4C7E;
    border-radius: 0;
    padding: 1px 5px;
    border-width: 0;
}

/*备用部分*/
/*智能机器人*/
.lcj_img_box {
    margin: 10% 8%;
    padding-right: 10%;
    border-right: 2px solid rgba(122, 120, 117, 0.32);
    color: rgba(122, 120, 117, 0.32);
    text-align: center;
}