<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">

  <style>
    /*公共样式--开始*/
    html,
    body,
    ul,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    dl,
    dt,
    dd,
    ol,
    form,
    input,
    textarea,
    th,
    td,
    select {
      margin: 0;
      padding: 0;
    }

    * {
      box-sizing: border-box;
      vertical-align: top
    }

    html,
    body {
      min-height: 100%;
    }

    body {
      font-family: "Microsoft YaHei";
      font-size: 14px;
      color: #333;
    }

    ul,
    ol {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    img {
      border: none;
      vertical-align: middle;
      pointer-events: none;
    }

    a {
      text-decoration: none;
      color: #232323;
    }


    input,
    textarea {
      outline: none;
      border: none;
    }

    textarea {
      resize: none;
      overflow: auto;
    }

    .have_sub_tb table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      border-color: rgba(151, 151, 151, 0.3);
    }

    .have_sub_tb th {
      background: #F1F1F1;
      font-size: 14px;
      line-height: 20px;
      color: #333333;
      padding: 25px 10px 25px 10px;
      text-align: center;
      vertical-align: middle;
    }

    .have_sub_tb td {
      font-size: 14px;
      line-height: 20px;
      color: #333333;
      padding: 8px 10px 8px 10px;
      text-align: center;
    }


    .clearfix:after {
      content: "";
      display: block;
      clear: both;
      overflow: hidden;
    }

    .fl {
      float: left
    }

    .fr {
      float: right
    }

    .inwrap {
      width: 1200px;
      margin: 0 auto;
      padding-bottom: 50px;
    }

    /*公共头部*/
    .head_wrap.head_yellow1 {
      border-color: #C6A774;
    }

    .head_wrap.head_yellow1 .head_title {
      background: #C6A774;
    }

    .head_wrap.head_yellow2 {
      border-color: #9D603C;
    }

    .head_wrap.head_yellow2 .head_title {
      background: #9D603C;
    }

    .head_wrap {
      width: 100%;
      margin-top: 45px;
      border-bottom: 2px solid #222A77;
      position: relative;
    }

    .head_title {
      height: 66px;
      padding: 0 34px;
      background: #222A77;
      font-size: 24px;
      font-weight: 600;
      color: #FFFFFF;
      line-height: 66px;
      letter-spacing: 1px;
      border-radius: 12px 12px 0px 0px;
    }

    .head_logo_wrap {
      margin-bottom: 20px;
      margin-right: 36px;
      position: absolute;
      right: 0;
      bottom: 0;
    }

    .head_logo_wrap img {
      width: 198px;
      height: 58px;
      vertical-align: middle;
    }

    .head_logo_wrap .com_brand_line {
      width: 1px;
      height: 48px;
      background: #10306E;
      display: inline-block;
      vertical-align: middle;
      margin: 0 14px 0 17px;
    }

    .head_logo_wrap .com_brand_name {
      font-size: 24px;
      font-weight: 600;
      color: #10306E;
      letter-spacing: 1px;
      line-height: 58px;
    }


    /* 封面 */
    .mr_block0 .mr_cover {
      position: relative;
      padding: 133px 102px 172px 102px;
      background: #222A77;
    }

    .mr_block0 .mr_cover .mr_0_look {
      position: relative;
      height: 561px;
    }

    .mr_block0 .mr_cover .mr_0_look .mr_0_backimg {
      width: 100%;
      height: 561px;
    }

    .mr_block0 .mr_cover .mr_0_look .mr_0_info {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .mr_block0 .mr_cover .mr_0_look .mr_0_info .mr_0_people {
      padding: 135px 0 0 0;
      margin: 0 0 45px 0;
      text-align: center;
    }

    .mr_block0 .mr_cover .mr_0_look .mr_0_info .mr_0_people .mr_0_name {
      font-size: 32px;
      line-height: 45px;
      color: #C6A774;
      font-weight: bold;
    }

    .mr_block0 .mr_cover .mr_0_look .mr_0_info .mr_0_people .mr_0_sex {
      font-size: 32px;
      line-height: 45px;
      color: #666660;
      font-weight: bold;
      margin: 0 0 0 10px;
    }

    .mr_block0 .mr_cover .mr_0_look .mr_0_info .mr_0_title {
      margin: 45px 0 45px 0;
      text-align: center;
    }

    .mr_block0 .mr_cover .mr_0_look .mr_0_info .mr_0_title .mr_0_title_zh {
      font-size: 48px;
      line-height: 77px;
      color: #333333;
      font-weight: bold;
    }

    .mr_block0 .mr_cover .mr_0_look .mr_0_info .mr_0_title .mr_0_title_en {
      font-size: 20px;
      line-height: 39px;
      color: #909090;
    }

    .mr_block0 .mr_cover .mr_0_look .mr_0_info .mr_0_time {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      text-align: center;
      font-size: 18px;
      line-height: 77px;
      color: #666666;
    }

    .mr_block0 .mr_cover .mr_0_brand {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 160px;
      /*display: flex;*/
      /*justify-content: center;*/
      /*align-items: center;*/
      text-align: center;
      line-height: 160px;
    }

    .mr_block0 .mr_cover .mr_0_brand .mr_0_logo {
      width: 202px;
      height: 59px;
      vertical-align: middle;
    }

    .mr_block0 .mr_cover .mr_0_brand .mr_0_line {
      width: 1px;
      height: 48px;
      margin: 0 13px;
      background: #979797;
      display: inline-block;
      vertical-align: middle;
    }

    .mr_block0 .mr_cover .mr_0_brand .mr_0_company {
      font-size: 24px;
      line-height: 77px;
      color: #FFFFFF;
      font-weight: bold;
      vertical-align: middle;
    }

    .item_title {
      font-size: 24px;
      font-weight: 600;
      color: #222A77;
      line-height: 33px;
      letter-spacing: 1px;
      margin-top: 50px;
      overflow: hidden;
    }

    .item_title span {
      float: right;
      font-size: 14px;
      font-weight: 400;
      color: #333333;
      line-height: 20px;
      margin-top: 12px;
    }

    /*公共头部*/
    .head_wrap {
      width: 100%;
      margin-top: 45px;
      border-bottom: 2px solid #222A77;
      position: relative;
    }

    .head_title {
      height: 66px;
      padding: 0 34px;
      background: #222A77;
      font-size: 24px;
      font-weight: 600;
      color: #FFFFFF;
      line-height: 66px;
      letter-spacing: 1px;
      border-radius: 12px 12px 0px 0px;
    }

    .head_logo_wrap {
      margin-bottom: 20px;
      margin-right: 36px;
      position: absolute;
      right: 0;
      bottom: 0;
    }

    .head_logo_wrap img {
      width: 198px;
      height: 58px;
      vertical-align: middle;
    }

    .head_logo_wrap .com_brand_line {
      width: 1px;
      height: 48px;
      background: #10306E;
      display: inline-block;
      vertical-align: middle;
      margin: 0 14px 0 17px;
    }

    .head_logo_wrap .com_brand_name {
      font-size: 24px;
      font-weight: 600;
      color: #10306E;
      letter-spacing: 1px;
      line-height: 58px;
    }

    .content_wrap {
      width: 100%;
      padding: 0 32px 0 30px;
    }

    /*十月综述*/
    .sc_person {
      margin: 48px 10px 64px 10px;
      overflow: hidden;
    }

    .sc_person .sc_item {
      /*display: flex;*/
      /*align-items: center;*/
      float: left;
      line-height: 50px;
    }

    .sc_person .sc_item1 {
      width: 226px;
    }

    .sc_person .sc_item2 {
      width: 314px;
    }

    .sc_person .sc_item3 {
      width: 375px;
    }

    .sc_person .sc_item4 {
      width: 202px;
      text-align: right;
    }

    .sc_person .sc_item span {
      vertical-align: middle;
    }

    .sc_person .sc_item .sc_name {
      font-size: 36px;
      line-height: 50px;
      color: #C6A774;
      font-weight: bold;
      margin: 0 12px 0 0;
    }

    .sc_person .sc_item .sc_call {
      font-size: 28px;
      line-height: 50px;
      color: #C6A774;
      margin: 6px 0 0 0;
    }

    .sc_person .sc_item .sc_label {
      font-size: 22px;
      line-height: 30px;
      color: #666666;
      margin: 0 12px 0 0;
    }

    .sc_person .sc_item .sc_value {
      font-size: 32px;
      line-height: 45px;
      color: #222A77;
      font-weight: bold;
    }

    .sc_list {
      width: 100%;
      margin-top: 60px;

    }

    .sc_list li {
      width: 360px;
      height: 224px;
      border-radius: 5px;
      overflow: hidden;
      box-shadow: 0px 8px 9px 0px rgba(0, 0, 0, 0.05);
      border: 1px solid #E4E4E4;
    }

    .sc_list li h3 {
      height: 64px;
      text-align: center;
      line-height: 64px;
      background: #F1F1F1;
      font-size: 24px;
      font-weight: 600;
      color: #222A77;
    }

    .sc_list_item {
      padding: 22px 16px 0;
    }

    .sc_list_item_top {
      font-size: 18px;
      font-weight: 400;
      color: #666666;
      line-height: 25px;
    }

    .sc_list_item_top .title {
      font-size: 18px;
      font-weight: 400;
      color: #666666;
      line-height: 25px;
    }

    .sc_list_item_top .title span {
      font-size: 26px;
      font-weight: 400;
      color: #000000;
      line-height: 25px;
      vertical-align: middle;
    }

    .sc_list_item_top .title span i {
      font-size: 15px;
      font-weight: 400;
      color: #999999;
      vertical-align: middle;
      font-style: normal;
    }

    .sc_list_item_top .num {
      font-size: 26px;
      font-weight: 400;
      color: #000000;

    }

    .sc_list_item_top .num i {
      font-style: normal;
      font-size: 15px;
      vertical-align: middle;
      color: #999999;
    }

    .scp_pro_done {
      position: relative;
      height: 8px;
      background: #F1F1F1;
    }

    .scp_pro_done .scp_pro_step {
      position: absolute;
      left: 0;
      top: 0;
      height: 8px;
      background: #D3BA8C;
    }

    .scp_now {
      margin-top: 36px;
    }

    .scp_now .scp_now_label {
      font-size: 18px;
      line-height: 36px;
      color: #666666;
      vertical-align: middle;
      display: inline-block;
    }

    .scp_now .scp_now_value {
      font-size: 26px;
      line-height: 36px;
      color: #000000;
      vertical-align: middle;
      display: inline-block;
    }

    .scp_now .scp_now_value .scp_now_unit {
      font-size: 15px;
      line-height: 21px;
      color: #999999;
      vertical-align: middle;
    }

    .sc_list_item2 {
      margin: 0 28px;
    }

    /*月报汇报表现 */
    .yuebaohuibao_wrap {
      width: 100%;
      margin-top: 14px;
    }

    .yuebaohuibao_wrap img {
      width: 100%;

    }

    .zuhe_wrap {
      width: 100%;
      margin-top: 14px;
    }

    .zuhe_wrap li {
      width: 100%;
      margin-bottom: 2px;
      background: #F1F1F1;
      height: 44px;
      line-height: 44px;
      padding-left: 22px;
    }

    .zuhe_wrap li div {
      float: left;
      width: 33.333%;
      font-size: 16px;
      font-weight: 500;
      color: #333333;
    }

    .zuhe_wrap li div span {
      color: #D10000;
    }

    .zjyk_table {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid rgba(151, 151, 151, 0.18);
      margin-top: 15px;
      table-layout: fixed;
    }

    .zjyk_table th {
      background: #F1F1F1;
      height: 70px;
      line-height: 70px;

      font-size: 14px;
      font-weight: 400;
      color: #333333;
    }

    .zjyk_table_head1 {
      text-align: left;
      padding-left: 49px;
    }

    .zjyk_table td {
      padding: 8px 10px;
      text-align: center;

      font-size: 14px;
      font-weight: 400;
      color: #333333;
      line-height: 20px;
    }

    .zjyk_table .zjyk_table_item1 {
      text-align: left;
      padding-left: 49px;
    }

    .zjyk_tips {
      margin-top: 12px;
      font-size: 12px;
      font-weight: 400;
      color: #333333;
      line-height: 17px;
    }

    /*持仓组合点评*/
    .target_comment {
      margin: 36px 0 0 0;
    }

    .target_comment .comment_title {
      display: inline-block;
      position: relative;
      padding: 4px 10px 4px 20px;
      border-radius: 8px 0 0px 0px;
      background: #C6A774;
      font-size: 24px;
      line-height: 33px;
      color: #FFFFFF;
    }

    .target_comment .comment_title .comment_tri {
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-bottom: 20px solid #C6A774;
      border-left: 10px solid #C6A774;
      border-right: 10px solid transparent;
      position: absolute;
      right: -20px;
      bottom: 0;
    }

    .target_comment .comment_content {
      padding: 39px 26px 39px 26px;
      background: #FFFAF2;
    }

    .target_comment .comment_content .comment_item {
      width: 100%;
      position: relative;
    }

    .target_comment .comment_content .comment_dot {
      position: absolute;
      top: 16px;
      left: 0px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #C6A774;
    }

    .target_comment .comment_content .comment_text {
      padding-left: 24px;
      font-size: 18px;
      line-height: 42px;
      color: #666666;
    }

    .target_comment .comment_content .comment_text .comment_tag_red {
      color: #A75435;
    }

    .target_comment .comment_content .comment_text .comment_tag_green {
      color: #129298;
    }

    /*现有持仓数据*/
    .jiangzhi_table {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid rgba(151, 151, 151, 0.18);
      margin-top: 15px;
      table-layout: fixed;
    }

    .jiangzhi_table th {
      height: 35px;
      font-size: 14px;
      font-weight: 400;
      color: #333333;
      line-height: 20px;
      vertical-align: middle;
      background: #F1F1F1;
    }

    .jiangzhi_table td {
      min-height: 36px;
      font-size: 14px;
      font-weight: 400;
      color: #333333;
      line-height: 20px;
      text-align: center;
    }

    .jiangzhi_table .jiangzhi_table_item1 {
      width: 206px;
      text-align: left;
      padding: 4px 14px 5px;
    }

    /*组合持仓*/
    .zuhe_table {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid rgba(151, 151, 151, 0.18);
      margin-top: 15px;
      table-layout: fixed;
    }

    .zuhe_table th {
      height: 70px;
      background: #F1F1F1;
      vertical-align: middle;
    }

    .zuhe_table td {
      min-height: 36px;
      padding: 8px 10px;
      font-size: 14px;
      font-weight: 400;
      color: #333333;
      line-height: 20px;
      text-align: center;
    }

    /*贡献分解*/
    .gongxianfenjie {
      width: 100%;
      margin-top: 34px;
    }

    .gongxianfenjie img {
      width: 100%;
    }

    /*个基点评*/
    .geji_list_wrap {
      margin-top: 24px;
    }

    .geji_wrap .self_item {
      background: #FFFFFF;
      box-shadow: 0px 8px 9px 0px rgba(0, 0, 0, 0.05);
      border-radius: 8px;
      border: 1px solid #E4E4E4;
      margin: 0 0 34px 0;
    }

    .geji_wrap .self_item:last-child {
      margin: 0 0 0 0;
    }

    .geji_wrap .self_item .self_item_left {
      width: 710px;
      padding: 35px 36px 35px 0;
    }

    .geji_wrap .self_item .self_item_left .self_header {
      display: inline-block;
      font-size: 0;
    }

    .geji_wrap .self_item .self_item_left .self_header .self_title {
      position: relative;
      padding: 0 30px 0 40px;
      font-size: 24px;
      line-height: 40px;
      color: #FFFFFF;
      background: #6C71AA;
      display: inline-block;

    }

    .geji_wrap .self_item .self_item_left .self_header .self_title .self_title_tri {
      width: 0;
      height: 0;
      border-bottom: 20px solid transparent;
      border-top: 20px solid #6C71AA;
      border-right: 5px solid transparent;
      border-left: 5px solid #6C71AA;
      position: absolute;
      right: -10px;
      top: 0;
    }

    .geji_wrap .self_item .self_item_left .self_header .self_type {
      padding: 0 26px 0 36px;
      font-size: 18px;
      line-height: 40px;
      color: #FFFFFF;
      font-weight: bold;
      background: #6C71AA;
      display: inline-block;
      margin-left: -10px;
    }

    .geji_wrap .self_item .self_item_left .self_header .self_type.yellow {
      background: #C6A875;
    }

    .geji_wrap .self_item .self_item_left .self_header .self_type.red {
      background: #983612;
    }

    .geji_wrap .self_item .self_item_left .self_header .self_type.green {
      background: #129298;
    }

    .geji_wrap .self_item .self_item_left .self_description {
      margin: 20px 0 0 12px;
    }

    .geji_wrap .self_item .self_item_left .self_description .self_description_item {
      position: relative;
      margin: 0 0 10px 0;
    }

    .geji_wrap .self_item .self_item_left .self_description .self_description_item:last-child {
      margin: 0;
    }

    .geji_wrap .self_item .self_item_left .self_description .self_description_item .self_description_dot {
      position: absolute;
      left: 0;
      top: 8px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #C6A774;
    }

    .geji_wrap .self_item .self_item_left .self_description .self_description_item .self_description_text {
      font-size: 16px;
      line-height: 22px;
      color: #666666;
      text-align: justify;
      padding-left: 18px;
    }

    .geji_wrap .self_item .self_item_left .self_description .self_description_item .self_description_text .self_description_red {
      color: #983612;
    }

    .geji_wrap .self_item .self_item_left .self_description .self_description_item .self_description_text .self_description_green {
      color: #129298;
    }

    .geji_wrap .self_item .self_item_right {
      margin: 20px 26px 20px 26px;
    }

    .geji_wrap .self_item .self_item_right .self_img {
      width: 100%;
    }









    /* 优化组合建议 */
    .mr_block5 .optimization_content,
    .mr_block5 .new_compare_content,
    .mr_block6-1 .optimization_content,
    .mr_block6-1 .new_compare_content {
      padding: 64px 32px 58px 32px;
    }

    .mr_block5 .optimization_content .transfer_table,
    .mr_block5 .new_compare_content .transfer_table,
    .mr_block6-1 .optimization_content .transfer_table,
    .mr_block6-1 .new_compare_content .transfer_table {
      margin: 0 0 46px 0;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_head,
    .mr_block5 .new_compare_content .transfer_table .transfer_head,
    .mr_block6-1 .optimization_content .transfer_table .transfer_head,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_head {

      justify-content: space-between;
      align-items: flex-end;
      margin: 0 0 14px 0;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_head .transfer_title,
    .mr_block5 .new_compare_content .transfer_table .transfer_head .transfer_title,
    .mr_block6-1 .optimization_content .transfer_table .transfer_head .transfer_title,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_head .transfer_title {
      font-size: 24px;
      line-height: 33px;
      color: #222A77;
      font-weight: bold;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_head .transfer_time,
    .mr_block5 .new_compare_content .transfer_table .transfer_head .transfer_time,
    .mr_block6-1 .optimization_content .transfer_table .transfer_head .transfer_time,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_head .transfer_time {
      margin: 10px 0 0 0;
      font-size: 14px;
      line-height: 20px;
      color: #333333;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li_head,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li_head,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li_head,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li_head {
      border-top: 1px solid rgba(151, 151, 151, 0.18);
      border-left: 1px solid rgba(151, 151, 151, 0.18);
      border-right: 1px solid rgba(151, 151, 151, 0.18);

    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_left,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_left,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_left,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_left {

      width: 173px;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_left .transfer_li_head_item,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_left .transfer_li_head_item,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_left .transfer_li_head_item,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_left .transfer_li_head_item {
      height: 100%;

      justify-content: center;
      align-items: center;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_right,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_right,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_right,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_right {
      flex-grow: 1;

    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_right .transfer_li_head_item:first-child,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_right .transfer_li_head_item:first-child,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_right .transfer_li_head_item:first-child,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_right .transfer_li_head_item:first-child {

      width: 320px;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_right .transfer_li_head_item:last-child,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_right .transfer_li_head_item:last-child,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_right .transfer_li_head_item:last-child,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_right .transfer_li_head_item:last-child {
      border: none;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_item,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_item,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_item,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li_head .transfer_li_head_item {
      flex: 1;
      border-right: 1px solid rgba(151, 151, 151, 0.18);
      background: #F1F1F1;
      font-size: 14px;
      line-height: 20px;
      color: #333333;
      padding: 25px 10px 25px 10px;
      text-align: center;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li {
      border-top: 1px solid rgba(151, 151, 151, 0.18);
      border-left: 1px solid rgba(151, 151, 151, 0.18);
      border-right: 1px solid rgba(151, 151, 151, 0.18);

    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li:last-child,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li:last-child,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li:last-child,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li:last-child {
      border-bottom: 1px solid rgba(151, 151, 151, 0.18);
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_left,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_left,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_left,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_left {

      width: 173px;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_left .transfer_li_item,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_left .transfer_li_item,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_left .transfer_li_item,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_left .transfer_li_item {
      height: 100%;

      justify-content: center;
      align-items: center;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_right,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_right,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_right,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_right {
      flex-grow: 1;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line {

      border-bottom: 1px solid rgba(151, 151, 151, 0.18);
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line:last-child,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line:last-child,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line:last-child,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line:last-child {
      border: none;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line .transfer_li_item:first-child,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line .transfer_li_item:first-child,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line .transfer_li_item:first-child,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line .transfer_li_item:first-child {

      width: 320px;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line .transfer_li_item:last-child,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line .transfer_li_item:last-child,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line .transfer_li_item:last-child,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_right .transfer_li_line .transfer_li_item:last-child {
      border: none;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item {
      flex: 2;
      border-right: 1px solid rgba(151, 151, 151, 0.18);
      background: #FFFFFF;
      font-size: 14px;
      line-height: 20px;
      color: #333333;
      padding: 8px 10px 8px 10px;
      text-align: center;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item.red,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item.red,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item.red,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item.red {
      color: #D10000;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item.green,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item.green,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item.green,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item.green {
      color: #129298;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot {
      flex-grow: 1;
      border-right: 1px solid rgba(151, 151, 151, 0.18);
      background: #FFFFFF;
      font-size: 18px;
      line-height: 25px;
      color: #333333;
      font-weight: bold;
      height: 47px;

      justify-content: center;
      align-items: center;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot:first-child,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot:first-child,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot:first-child,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot:first-child {


      width: 493px;
      font-size: 14px;
      line-height: 20px;
      color: #333333;
      background: #F1F1F1;
      box-sizing: content-box;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot:nth-child(2),
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot:nth-child(2),
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot:nth-child(2),
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot:nth-child(2) {


      width: 320px;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot:last-child,
    .mr_block5 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot:last-child,
    .mr_block6-1 .optimization_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot:last-child,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_list .transfer_li .transfer_li_item_foot:last-child {
      border: none;
    }

    .mr_block5 .optimization_content .transfer_table .transfer_foot,
    .mr_block5 .new_compare_content .transfer_table .transfer_foot,
    .mr_block6-1 .optimization_content .transfer_table .transfer_foot,
    .mr_block6-1 .new_compare_content .transfer_table .transfer_foot {
      margin: 11px 0 0 0;
      font-size: 12px;
      line-height: 17px;
      color: #333333;
    }

    .mr_block5 .optimization_content .profit_chart,
    .mr_block5 .new_compare_content .profit_chart,
    .mr_block6-1 .optimization_content .profit_chart,
    .mr_block6-1 .new_compare_content .profit_chart {
      margin: 77px 0 0 0;
      justify-content: space-between;
    }

    .mr_block5 .optimization_content .profit_chart.margin0,
    .mr_block5 .new_compare_content .profit_chart.margin0,
    .mr_block6-1 .optimization_content .profit_chart.margin0,
    .mr_block6-1 .new_compare_content .profit_chart.margin0 {
      margin: 0;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item {
      width: 46%;
      margin-right: 38px;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item:last-child,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item:last-child,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item:last-child,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item:last-child {
      margin-right: 0;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_title,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_title,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_title,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_title {
      font-size: 24px;
      line-height: 33px;
      color: #222A77;
      font-weight: bold;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic {
      margin: 32px 0 0 0;
      background: #FFFFFF;
      box-shadow: 0px 8px 9px 0px rgba(0, 0, 0, 0.05);
      border-radius: 8px;
      border: 1px solid #E4E4E4;
      /* 相关性分析 */
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic .profit_chart_img,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic .profit_chart_img,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic .profit_chart_img,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic .profit_chart_img {
      width: 100%;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart {
      padding: 27px 39px 32px 39px;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart {}

    .rcc_left {
      width: 10%;
      flex-direction: column;
    }

    .rcc_column {
      border: 1px solid transparent;
    }

    .rcc_n {
      border: 1px solid transparent;
      margin: 9px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #999999;
      font-size: 12px;
      line-height: 20px;
      color: #FFFFFF;
      text-align: center;
    }

    .rcc_right {
      width: 90%;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row {

      border-top: 1px solid #D8D8D8;
      border-left: 1px solid #D8D8D8;
      border-right: 1px solid #D8D8D8;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row:last-child,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row:last-child,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row:last-child,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row:last-child {
      border-bottom: 1px solid #D8D8D8;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item {
      flex: 1;

      justify-content: center;
      align-items: center;
      height: 46px;
      border-right: 1px solid #D8D8D8;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item:last-child,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item:last-child,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item:last-child,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item:last-child {
      border-right: none;
    }

    .rcc_index {
      display: inline-block;
      margin: 0 auto;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #999999;
      font-size: 12px;
      line-height: 20px;
      color: #FFFFFF;
      text-align: center;
    }

    .rcc_number {
      font-size: 12px;
      line-height: 18px;
      color: #666666;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item .rcc_color,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item .rcc_color,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item .rcc_color,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item .rcc_color {
      width: 100%;
      height: 100%;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item .rcc_color .rcc_color_fit,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item .rcc_color .rcc_color_fit,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item .rcc_color .rcc_color_fit,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_chart .rcc_right .rcc_row .rcc_item .rcc_color .rcc_color_fit {
      width: 100%;
      height: 100%;
    }

    .rc_tooltip {
      margin: 16px 0 16px 0;
      text-align: center;
    }

    .rct_color {
      display: inline-block;
    }

    .rct_color_item {

      border: 1PX solid #FFFFFF;
      width: 38px;
      height: 11px;
    }

    .rct_number {
      display: inline-block;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_tooltip .rct_number .rtc_number_item,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_tooltip .rct_number .rtc_number_item,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_tooltip .rct_number .rtc_number_item,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_tooltip .rct_number .rtc_number_item {

      margin: 0 12px 0 0;
      font-size: 12px;
      line-height: 18px;
      color: #666666;
    }

    .mr_block5 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_tooltip .rct_number .rtc_number_item:last-child,
    .mr_block5 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_tooltip .rct_number .rtc_number_item:last-child,
    .mr_block6-1 .optimization_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_tooltip .rct_number .rtc_number_item:last-child,
    .mr_block6-1 .new_compare_content .profit_chart .profit_chart_item .profit_chart_graphic.relative_chart .rc_tooltip .rct_number .rtc_number_item:last-child {
      margin-right: 0;
    }

    .rc_label {

      flex-wrap: wrap;
    }

    .rcl_item {
      width: 50%;
      position: relative;
      margin: 4px 0 4px 0;
    }

    .rcl_item_number {
      position: absolute;
      top: 2px;
      left: 0;
      margin: 0 8px 0 0;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #999999;
      font-size: 12px;
      line-height: 20px;
      color: #FFFFFF;
      text-align: center;
    }

    .rcl_item_name {
      padding: 0 10px 0 30px;
      font-size: 16px;
      line-height: 24px;
      color: #333333;
    }

    .mr_block5 .optimization_content .aim_table,
    .mr_block5 .new_compare_content .aim_table,
    .mr_block6-1 .optimization_content .aim_table,
    .mr_block6-1 .new_compare_content .aim_table {
      margin: 91px 0 46px 0;
    }

    .mr_block5 .optimization_content .aim_table .aim_head,
    .mr_block5 .new_compare_content .aim_table .aim_head,
    .mr_block6-1 .optimization_content .aim_table .aim_head,
    .mr_block6-1 .new_compare_content .aim_table .aim_head {

      justify-content: space-between;
      align-items: flex-end;
      margin: 0 0 14px 0;
    }

    .mr_block5 .optimization_content .aim_table .aim_head .aim_title,
    .mr_block5 .new_compare_content .aim_table .aim_head .aim_title,
    .mr_block6-1 .optimization_content .aim_table .aim_head .aim_title,
    .mr_block6-1 .new_compare_content .aim_table .aim_head .aim_title {
      font-size: 24px;
      line-height: 33px;
      color: #222A77;
      font-weight: bold;
    }

    .mr_block5 .optimization_content .aim_table .aim_head .aim_time,
    .mr_block5 .new_compare_content .aim_table .aim_head .aim_time,
    .mr_block6-1 .optimization_content .aim_table .aim_head .aim_time,
    .mr_block6-1 .new_compare_content .aim_table .aim_head .aim_time {
      margin: 10px 0 0 0;
      font-size: 14px;
      line-height: 20px;
      color: #333333;
    }

    .mr_block5 .optimization_content .aim_table .aim_list .aim_li_head,
    .mr_block5 .new_compare_content .aim_table .aim_list .aim_li_head,
    .mr_block6-1 .optimization_content .aim_table .aim_list .aim_li_head,
    .mr_block6-1 .new_compare_content .aim_table .aim_list .aim_li_head {
      border-top: 1px solid rgba(151, 151, 151, 0.18);
      border-left: 1px solid rgba(151, 151, 151, 0.18);
      border-right: 1px solid rgba(151, 151, 151, 0.18);

    }

    .mr_block5 .optimization_content .aim_table .aim_list .aim_li_head .aim_li_head_item,
    .mr_block5 .new_compare_content .aim_table .aim_list .aim_li_head .aim_li_head_item,
    .mr_block6-1 .optimization_content .aim_table .aim_list .aim_li_head .aim_li_head_item,
    .mr_block6-1 .new_compare_content .aim_table .aim_list .aim_li_head .aim_li_head_item {
      flex: 2;
      border-right: 1px solid rgba(151, 151, 151, 0.18);
      background: #F1F1F1;
      font-size: 14px;
      line-height: 20px;
      color: #333333;
      padding: 25px 10px 25px 10px;
      text-align: center;
    }

    .mr_block5 .optimization_content .aim_table .aim_list .aim_li_head .aim_li_head_item:first-child,
    .mr_block5 .new_compare_content .aim_table .aim_list .aim_li_head .aim_li_head_item:first-child,
    .mr_block6-1 .optimization_content .aim_table .aim_list .aim_li_head .aim_li_head_item:first-child,
    .mr_block6-1 .new_compare_content .aim_table .aim_list .aim_li_head .aim_li_head_item:first-child {
      flex: 1;
      padding: 25px 49px 25px 49px;
    }

    .mr_block5 .optimization_content .aim_table .aim_list .aim_li_head .aim_li_head_item:last-child,
    .mr_block5 .new_compare_content .aim_table .aim_list .aim_li_head .aim_li_head_item:last-child,
    .mr_block6-1 .optimization_content .aim_table .aim_list .aim_li_head .aim_li_head_item:last-child,
    .mr_block6-1 .new_compare_content .aim_table .aim_list .aim_li_head .aim_li_head_item:last-child {
      border: none;
    }

    .mr_block5 .optimization_content .aim_table .aim_list .aim_li,
    .mr_block5 .new_compare_content .aim_table .aim_list .aim_li,
    .mr_block6-1 .optimization_content .aim_table .aim_list .aim_li,
    .mr_block6-1 .new_compare_content .aim_table .aim_list .aim_li {
      border-top: 1px solid rgba(151, 151, 151, 0.18);
      border-left: 1px solid rgba(151, 151, 151, 0.18);
      border-right: 1px solid rgba(151, 151, 151, 0.18);

    }

    .mr_block5 .optimization_content .aim_table .aim_list .aim_li:last-child,
    .mr_block5 .new_compare_content .aim_table .aim_list .aim_li:last-child,
    .mr_block6-1 .optimization_content .aim_table .aim_list .aim_li:last-child,
    .mr_block6-1 .new_compare_content .aim_table .aim_list .aim_li:last-child {
      border-bottom: 1px solid rgba(151, 151, 151, 0.18);
    }

    .mr_block5 .optimization_content .aim_table .aim_list .aim_li .aim_li_item,
    .mr_block5 .new_compare_content .aim_table .aim_list .aim_li .aim_li_item,
    .mr_block6-1 .optimization_content .aim_table .aim_list .aim_li .aim_li_item,
    .mr_block6-1 .new_compare_content .aim_table .aim_list .aim_li .aim_li_item {
      flex: 2;
      border-right: 1px solid rgba(151, 151, 151, 0.18);
      font-size: 14px;
      line-height: 20px;
      color: #333333;
      padding: 8px 10px 8px 10px;
      text-align: center;
    }

    .mr_block5 .optimization_content .aim_table .aim_list .aim_li .aim_li_item:first-child,
    .mr_block5 .new_compare_content .aim_table .aim_list .aim_li .aim_li_item:first-child,
    .mr_block6-1 .optimization_content .aim_table .aim_list .aim_li .aim_li_item:first-child,
    .mr_block6-1 .new_compare_content .aim_table .aim_list .aim_li .aim_li_item:first-child {
      flex: 1;
      padding: 8px 49px 8px 49px;
    }

    .mr_block5 .optimization_content .aim_table .aim_list .aim_li .aim_li_item:last-child,
    .mr_block5 .new_compare_content .aim_table .aim_list .aim_li .aim_li_item:last-child,
    .mr_block6-1 .optimization_content .aim_table .aim_list .aim_li .aim_li_item:last-child,
    .mr_block6-1 .new_compare_content .aim_table .aim_list .aim_li .aim_li_item:last-child {
      border: none;
    }

    .mr_block5 .optimization_content .aim_table .aim_foot,
    .mr_block5 .new_compare_content .aim_table .aim_foot,
    .mr_block6-1 .optimization_content .aim_table .aim_foot,
    .mr_block6-1 .new_compare_content .aim_table .aim_foot {
      margin: 20px 0 0 0;
      font-size: 12px;
      line-height: 17px;
      color: #333333;
    }

    .mr_block5 .optimization_content .target_all,
    .mr_block5 .new_compare_content .target_all,
    .mr_block6-1 .optimization_content .target_all,
    .mr_block6-1 .new_compare_content .target_all {
      margin: 36px 0 0 0;
    }

    .mr_block5 .optimization_content .target_all .all_title,
    .mr_block5 .new_compare_content .target_all .all_title,
    .mr_block6-1 .optimization_content .target_all .all_title,
    .mr_block6-1 .new_compare_content .target_all .all_title {
      display: inline-block;
      position: relative;
      padding: 4px 10px 4px 20px;
      border-radius: 8px 0 0px 0px;
      background: #C6A774;
      font-size: 24px;
      line-height: 33px;
      color: #FFFFFF;
    }

    .mr_block5 .optimization_content .target_all .all_title .all_tri,
    .mr_block5 .new_compare_content .target_all .all_title .all_tri,
    .mr_block6-1 .optimization_content .target_all .all_title .all_tri,
    .mr_block6-1 .new_compare_content .target_all .all_title .all_tri {
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-bottom: 20px solid #C6A774;
      border-left: 10px solid #C6A774;
      border-right: 10px solid transparent;
      position: absolute;
      right: -20px;
      bottom: 0;
    }

    .mr_block5 .optimization_content .target_all .all_content,
    .mr_block5 .new_compare_content .target_all .all_content,
    .mr_block6-1 .optimization_content .target_all .all_content,
    .mr_block6-1 .new_compare_content .target_all .all_content {
      padding: 39px 26px 39px 26px;
      background: #FFFAF2;

      align-items: flex-start;
    }

    .mr_block5 .optimization_content .target_all .all_content .all_item,
    .mr_block5 .new_compare_content .target_all .all_content .all_item,
    .mr_block6-1 .optimization_content .target_all .all_content .all_item,
    .mr_block6-1 .new_compare_content .target_all .all_content .all_item {
      position: relative;
    }

    .mr_block5 .optimization_content .target_all .all_content .all_dot,
    .mr_block5 .new_compare_content .target_all .all_content .all_dot,
    .mr_block6-1 .optimization_content .target_all .all_content .all_dot,
    .mr_block6-1 .new_compare_content .target_all .all_content .all_dot {
      position: absolute;
      top: 16px;
      left: 0;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #C6A774;
    }

    .mr_block5 .optimization_content .target_all .all_content .all_text,
    .mr_block5 .new_compare_content .target_all .all_content .all_text,
    .mr_block6-1 .optimization_content .target_all .all_content .all_text,
    .mr_block6-1 .new_compare_content .target_all .all_content .all_text {
      padding: 0 0 0 30px;
      text-align: justify;
      font-size: 18px;
      line-height: 42px;
      color: #666666;
    }

    /* 新增基金 */
    .mr_block6 .self_content {
      padding: 23px 50px 58px 50px;
    }

    .mr_block6 .self_content .self_item {
      background: #FFFFFF;
      box-shadow: 0px 8px 9px 0px rgba(0, 0, 0, 0.05);
      border-radius: 8px;
      border: 1px solid #E4E4E4;

      margin: 0 0 34px 0;
    }

    .mr_block6 .self_content .self_item:last-child {
      margin: 0 0 0 0;
    }

    .mr_block6 .self_content .self_item .self_item_left {
      width: 710px;
      padding: 35px 36px 35px 0;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_header {}

    .mr_block6 .self_content .self_item .self_item_left .self_header .self_title {
      display: inline-block;
      position: relative;
      padding: 0 40px 0 40px;
      font-size: 24px;
      line-height: 40px;
      color: #FFFFFF;
      background: #C6A774;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_header .self_title .self_title_tri {
      width: 0;
      height: 0;
      border-top: 20px solid #C6A774;
      border-bottom: 20px solid transparent;
      border-left: 5px solid #C6A774;
      border-right: 5px solid transparent;
      position: absolute;
      right: -10px;
      bottom: 0;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_header .self_type {
      padding: 0 26px 0 26px;
      font-size: 18px;
      line-height: 40px;
      color: #FFFFFF;
      font-weight: bold;
      background: #6C71AA;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_header .self_type.yellow {
      background: #C6A875;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_header .self_type.red {
      background: #983612;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_header .self_type.green {
      background: #129298;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_description {
      margin: 20px 0 0 12px;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_description .self_description_item {
      position: relative;
      margin: 0 0 10px 0;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_description .self_description_item:last-child {
      margin: 0;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_description .self_description_item .self_description_dot {
      position: absolute;
      top: 8px;
      left: 0;
      margin: 0 12px 0 0;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #C6A774;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_description .self_description_item .self_description_text {
      padding: 0 0 0 18px;
      font-size: 16px;
      line-height: 22px;
      color: #666666;
      text-align: justify;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_description .self_description_item .self_description_text .self_description_red {
      color: #983612;
    }

    .mr_block6 .self_content .self_item .self_item_left .self_description .self_description_item .self_description_text .self_description_green {
      color: #129298;
    }

    .mr_block6 .self_content .self_item .self_item_right {
      margin: 20px 26px 20px 26px;
    }

    .mr_block6 .self_content .self_item .self_item_right .self_img {
      width: 100%;
    }

    /* 历史收益 */
    .mr_block7 .history_content {
      padding: 75px 32px 90px 32px;
    }

    .mr_block7 .history_content .history_table {
      margin: 0 0 0 0;
    }

    .mr_block7 .history_content .history_table .history_head {

      justify-content: space-between;
      align-items: flex-end;
      margin: 0 0 14px 0;
    }

    .mr_block7 .history_content .history_table .history_head .history_title {
      font-size: 24px;
      line-height: 33px;
      color: #222A77;
      font-weight: bold;
    }

    .mr_block7 .history_content .history_table .history_head .history_time {
      font-size: 14px;
      line-height: 20px;
      color: #333333;
    }

    .mr_block7 .history_content .history_table .history_foot {
      margin: 11px 0 0 0;
      font-size: 12px;
      line-height: 17px;
      color: #333333;
    }

    .mr_block7 .history_content .target_all2 {
      margin: 77px 0 0 0;
    }

    .mr_block7 .history_content .target_all2 .all2_title {
      display: inline-block;
      position: relative;
      padding: 4px 10px 4px 20px;
      border-radius: 8px 0 0px 0px;
      background: #C6A774;
      font-size: 24px;
      line-height: 33px;
      color: #FFFFFF;
    }

    .mr_block7 .history_content .target_all2 .all2_title .all2_tri {
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-bottom: 20px solid #C6A774;
      border-left: 10px solid #C6A774;
      border-right: 10px solid transparent;
      position: absolute;
      right: -20px;
      bottom: 0;
    }

    .mr_block7 .history_content .target_all2 .all2_content {
      padding: 39px 26px 39px 26px;
      background: #FFFAF2;

      align-items: flex-start;
    }

    .mr_block7 .history_content .target_all2 .all2_content .all2_item {
      position: relative;
    }

    .mr_block7 .history_content .target_all2 .all2_content .all2_dot {
      position: absolute;
      top: 16px;
      left: 0;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #C6A774;
    }

    .mr_block7 .history_content .target_all2 .all2_content .all2_text {
      padding: 0 0 0 30px;
      text-align: justify;
      font-size: 18px;
      line-height: 42px;
      color: #666666;
    }

    /* 尾部 */
    .mr_block_end .end_content {
      padding: 73px 0 154px 0;
    }

    .mr_block_end .end_content .financial_show {}

    .mr_block_end .end_content .financial_show .financial_left {
      width: 60%;
      background: #222A77;
    }

    .mr_block_end .end_content .financial_show .financial_left .financial_scene {
      margin: 53px 0;
      height: 303px;
      position: relative;
    }

    .mr_block_end .end_content .financial_show .financial_left .financial_scene .financial_scene_img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .mr_block_end .end_content .financial_show .financial_left .financial_scene .financial_scene_text {
      margin: 31px 77px 0 79px;
      font-size: 26px;
      line-height: 49px;
      color: #FFFFFF;
      letter-spacing: 4px;
      position: relative;
      z-index: 1;
    }

    .mr_block_end .end_content .financial_show .financial_left .financial_scene .financial_scene_author {
      margin: 0 77px 34px 79px;
      font-size: 26px;
      line-height: 49px;
      color: #FFFFFF;
      text-align: right;
      position: relative;
      z-index: 1;
    }

    .mr_block_end .end_content .financial_show .financial_show_right {
      width: 40%;
      background: #C6A774;
    }

    .mr_block_end .end_content .financial_show .financial_show_right .financial_team {
      margin: 53px 0;
      height: 303px;
      background: linear-gradient(180deg, #EEEEEE 0%, #D8D8D8 100%);
    }

    .mr_block_end .end_content .financial_show .financial_show_right .financial_team .financial_team_img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .mr_block_end .end_content .statement_content {
      padding: 27px 31px 0 31px;
    }

    .mr_block_end .end_content .statement_content .statement_block {
      margin: 0 0 20px 0;
    }

    .mr_block_end .end_content .statement_content .statement_block .statement_title {
      margin: 0 0 10px 0;
      font-size: 10px;
      line-height: 27px;
      color: #717171;
      font-weight: bold;
      text-align: justify;
    }

    .mr_block_end .end_content .statement_content .statement_block .statement_p {
      margin: 0 0 10px 0;
      font-size: 10px;
      line-height: 27px;
      color: #717171;
      text-align: justify;
    }

    .mr_block_end .end_content .statement_content .statement_block .statement_title2 {
      font-size: 10px;
      line-height: 27px;
      color: #222A77;
      font-weight: bold;
      text-align: justify;
    }

    .back_yellow1 {
      background: #FFFAF2 !important;
    }

    .back_yellow2 {
      background: rgba(157, 96, 60, 0.1) !important;
    }

    .back_gray {
      background: #FAFAFA !important;
    }

    .font_red {
      color: #D10000;
    }

    .font_green {
      color: #129298;
    }

    .font_bold {
      font-weight: bold;
    }

    .have_sub_tb .level_color1 {
      background: #993612;
      color: #993612;
    }

    .have_sub_tb .level_color2 {
      background: #C58E7B;
      color: #C58E7B;
    }

    .have_sub_tb .level_color3 {
      background: #E9D4CD;
      color: #E9D4CD;
    }

    .have_sub_tb .level_color4 {
      background: #C4E4E6;
      color: #C4E4E6;
    }

    .have_sub_tb .level_color5 {
      background: #87C8CB;
      color: #87C8CB;
    }

    .have_sub_tb .level_color6 {
      background: #129298;
      color: #129298;
    }
  </style>
</head>

<body>
  <div>
    <div class="inwrap">
      <!-- 封面 -->
      <div class="mr_block0">
        <div class="mr_cover">
          <div class="mr_0_look">
            <img src="./img/backimg.png" alt="" class="mr_0_backimg">
            <div class="mr_0_info">
              <div class="mr_0_people">
                <span class="mr_0_name">
                  {{customer_name}}
                </span>
                <span class="mr_0_sex">
                  {{customer_gender}}
                </span>
              </div>
              <div class="mr_0_title">
                <div class="mr_0_title_zh">
                  月度资产存续报告
                </div>
                <div class="mr_0_title_en">
                  Asset Statement Monthly Report
                </div>
              </div>
              <div class="mr_0_time">
                <!-- 2020年10月 -->
                {{year_month}}
              </div>
            </div>
          </div>
          <div class="mr_0_brand">
            <img src="./img/logo.png" alt="" class="mr_0_logo">
            <span class="mr_0_line"></span>
            <span class="mr_0_company">
              <!-- 飞度工作室 -->
              {{ifa_company}}
            </span>
          </div>
        </div>
        <div style="height: 40px;"></div>
      </div>

      <!--十月综述-->
      <div class="shiyue_wrap">
        <!--标题-->
        <div class="head_wrap clearfix">
          <div class="head_title fl">
             <!-- 10月综述 -->
             {{title}}
          </div>
          <div class="head_logo_wrap fr">
            <img src="./img/logo-blue.png" alt="">
            <span class="com_brand_line"></span>
            <span class="com_brand_name">
              {{ifa_company}}
                <!-- 飞度工作室 -->
            </span>
          </div>
        </div>
        <!--内容-->
        <div class="content_wrap">
          <div class="sc_person  ">
            <div class="sc_item sc_item1">
              <span class="sc_name">
                {{customer_name}}
                  <!-- 王晶 -->
              </span>
              <span class="sc_call">
                {{customer_gender}}
                  <!-- 先生 -->
              </span>
            </div>
            <div class="sc_item sc_item2">
              <span class="sc_label">
                客户年龄
              </span>
              <span class="sc_value">
                {{customer_old}}
                  <!-- 42岁 -->
              </span>
            </div>
            <div class="sc_item sc_item3">
              <span class="sc_label">
                客户风险偏好
              </span>
              <span class="sc_value">
                <!-- 平衡型 -->
                {{customer_level}}
              </span>
            </div>
            <div class="sc_item sc_item4">
              <span class="sc_label">
                计划持仓
              </span>
              <span class="sc_value">
                {{position_years}}
                  <!-- 5年 -->
              </span>
            </div>
          </div>

          <ul class="sc_list clearfix">
            <li class="fl">
              <h3>配置资金</h3>
              <div class="sc_list_item">
                <div class="sc_list_item_top clearfix">
                  <div class="title fl">
                    计划配置金额：
                  </div>
                  <div class="num fr">
                    <span>{{planned_allocation_amount}}
                      <!-- 2000.00 -->
                      <i>万元</i>
                    </span>

                  </div>

                </div>
                <div class="scp_pro_done">
                  <div class="scp_pro_step" style="width: 20%;"></div>
                </div>
                <div class="scp_now">
                  <div class="scp_now_label">
                    现在配置金额为：
                  </div>
                  <div class="scp_now_value">

                    {{now_allocation_amount}}
                      <!-- 1000.00 -->
                    <span class="scp_now_unit">
                      万元
                    </span>
                  </div>
                </div>

              </div>
            </li>
            <li class="fl sc_list_item2">
              <h3>收益情况</h3>
              <div class="sc_list_item">
                <div class="sc_list_item_top clearfix">
                  <div class="title fl">
                    收益率：
                    <span>{{now_yield}} <i>%</i></span>
                      <!-- 10 --> 
                  </div>
                  <div class="num fr">
                    <span>
                      <i>{{expected_yield}} %</i>
                        <!-- 20% -->
                    </span>

                  </div>

                </div>
                <div class="scp_pro_done">
                  <div class="scp_pro_step" style="width: 20%;"></div>
                </div>
                <div class="scp_now">
                  <div class="scp_now_label">
                    中证500：
                  </div>
                  <div class="scp_now_value">
                    {{index_yield}}
                      <!-- 1000.00 -->
                    <span class="scp_now_unit">
                      %
                    </span>
                  </div>
                </div>

              </div>
            </li>
            <li class="fl">
              <h3>最大回撤</h3>
              <div class="sc_list_item">
                <div class="sc_list_item_top clearfix">
                  <div class="title fl">
                    最大回撤：
                    <span> {{now_withdrawal}} <i>%</i></span>
                  </div>
                  <div class="num fr">
                    <span>
                      <i>{{expected_withdrawal}} %</i>
                    </span>

                  </div>

                </div>
                <div class="scp_pro_done">
                  <div class="scp_pro_step" style="width: 20%;"></div>
                </div>
                <div class="scp_now">
                  <div class="scp_now_label">
                    中证500：
                  </div>
                  <div class="scp_now_value">
                    {{index_withdrawal}}
                    <span class="scp_now_unit">
                      %
                    </span>
                  </div>
                </div>

              </div>
            </li>
          </ul>

          <!--月报回报表现-->
          <h4 class="item_title">【月度回报表现】</h4>
          <div class="yuebaohuibao_wrap">
            <!-- <img src="./img/logo-blue.png" alt="" class="sc_img"> -->
            <img src={{monthly_return_performance_pic}} alt="" class="sc_img">
          </div>
        </div>
      </div>

      <!--目标业绩对比-->
      <div class="mubiaoduibi_wrap">
        <!--标题-->
        <div class="head_wrap clearfix">
          <div class="head_title fl">
            目标业绩对比
          </div>
          <div class="head_logo_wrap fr">
            <img src="./img/logo-blue.png" alt="">
            <span class="com_brand_line"></span>
            <span class="com_brand_name">
              <!-- 飞度工作室 -->
              {{ifa_company}}
            </span>
          </div>
        </div>
        <div class="content_wrap">
          <div>
            <div class="item_title">
              【组合投资表现】
            </div>
            <ul class="zuhe_wrap">
              <li class="clearfix">
                <div class="overview_item">
                  <!-- 本月收益: <span>94,477元</span> -->
                  本月收益: <span>{{now_month_income}}元</span>
                </div>
                <div class="overview_item">
                  <!-- 今年累计收益: <span>172,623元</span> -->
                  今年累计收益: <span>{{now_year_income}}元</span>
                </div>
                <div class="overview_item">
                  <!-- 累计收益率: <span>19.99%</span> -->
                  累计收益率: <span>{{totoal_rate_of_return}}%</span>
                </div>
              </li>
              <li class="clearfix">
                <div class="overview_item">
                  <!-- 本月涨幅: <span>3.99%</span> -->
                  本月涨幅: <span>{{month_rise}}%</span>
                </div>
                <div class="overview_item">
                  <!-- 今年累计收益率: <span>19.32%</span> -->
                  今年累计收益率: <span>{{year_totoal_rate_of_return}}%</span>
                </div>
                <div class="overview_item">
                  <!-- 年化收益率: <span>56.19%</span> -->
                  年化收益率: <span>{{annualised_return}}%</span>
                </div>
              </li>
            </ul>
          </div>
          <div>
            <div class="item_title">
              【资产盈亏情况】
            </div>
            <ul class="zuhe_wrap">
              <li class="clearfix">
                <div class="overview_item">
                  <!-- 投资成本: <span>1,000,000元</span> -->
                  投资成本: <span>{{cost_of_investment}}元</span>
                </div>
                <div class="overview_item">
                  <!-- 期末资产: <span>2,000,400元</span> -->
                  期末资产: <span>{{final_balance}}元</span>
                </div>
                <div class="overview_item">
                  <!-- 累计盈利: <span>172,623元</span> -->
                  累计盈利: <span>{{total_profit}}元</span>
                </div>
              </li>
            </ul>
          </div>
          <div>
            <h4 class="item_title">
              【指标对比】
              <!-- 截止日：最新净值日（2020-11-05） -->
              <span>截止日：最新净值日（{{latest_worth_day}}））</span>
            </h4>
            <table class="zjyk_table" border="1">
              <tr>
                <th class="zjyk_table_head1">类型</th>
                <th>区间收益(%)</th>
                <th>年化收益(%)</th>
                <th>波动率(%)</th>
                <th>最大回撤(%)</th>
                <th>夏普比率</th>
              </tr>
              <tr>
                <td class="zjyk_table_item1">
                  现有持仓组合
                </td>
                <td>
                  <!-- 5.75 -->
                  {{index_comparison['section_return']}}
                </td>
                <td>
                  <!-- 0.40 -->
                  {{index_comparison['annualized_returns']}}
                </td>
                <td>
                  <!-- 2.29 -->
                  {{index_comparison['volatility']}}
                </td>
                <td>
                  <!-- 2.15 -->
                  {{index_comparison['max_withdrawal']}}
                </td>
                </td>
                <td>
                  <!-- 3.05 -->
                  {{index_comparison['sharpe_ratio']}}
                </td>
              </tr>
              <tr>
                <td class="zjyk_table_item1">
                  中证500
                </td>
                <td>
                  <!-- 5.75 -->
                  {{index_comparison_500['section_return']}}
                </td>
                <td>
                   <!-- 0.40 -->
                   {{index_comparison_500['annualized_returns']}}
                </td>
                <td>
                  <!-- 2.29 -->
                  {{index_comparison_500['volatility']}}
                </td>
                <td>
                  <!-- 2.15 -->
                  {{index_comparison_500['max_withdrawal']}}
                </td>
                </td>
                <td>
                  <!-- 3.05 -->
                  {{index_comparison_500['sharpe_ratio']}}
                </td>
              </tr>
            </table>
            <p class="zjyk_tips">注：以上指标自持仓首日开始计算，结果仅供参考，如果持仓时间过短会造成指标失真的情况。</p>
          </div>
          <!--持仓组合点评-->
          <div class="target_comment">
            <div class="comment_title">
              持仓组合点评
              <div class="comment_tri"></div>
            </div>
            <div class="comment_content">
               {% for eval in old_evaluation %}
              <div class="comment_item">
                <div class="comment_dot"></div>
                <div class="comment_text">
                 {{eval}}
                </div>
              </div>
              {% endfor %}
            </div>
          </div>
        </div>
      </div>

      <!--现有持仓数据-->
      <div class="xycc_wrap">
        <!--标题-->
        <div class="head_wrap clearfix">
          <div class="head_title fl">
            现有持仓数据
          </div>
          <div class="head_logo_wrap fr">
            <img src="./img/logo-blue.png" alt="">
            <span class="com_brand_line"></span>
            <span class="com_brand_name">
              飞度工作室
            </span>
          </div>
        </div>
        <!--基金净值-->
        <div class="content_wrap">
          <div>
            <h4 class="item_title">
              【基金净值】
              <span>截止日：最新净值日（2020-11-05）</span>
            </h4>
            <table class="jiangzhi_table" border="1">
              <tr>
                <th rowspan="2" class="jiangzhi_table_item1">基金简称</th>
                <th rowspan="2">申购净值</th>
                <th colspan="9">最新净值(2020.11.05)</th>

                <th rowspan="2">分红</th>
              </tr>
              <tr>

                <th>单位净值</th>
                <th>累计净值</th>
                <th>较上周</th>
                <th>申购以来</th>
                <th>近一月</th>
                <th>近半年</th>
                <th>近一年</th>
                <th>今年以来</th>
                <th>成立以来</th>
              </tr>
               <ul>
                {% for nav_info in group_nav_info %}
              <tr>
                <td class="jiangzhi_table_item1">{{nav_info['fund_name']}}</td>
                <td>{{nav_info['confirm_nav']}}</td>
                <td>{{nav_info['cur_nav']}}</td>
                <td>{{nav_info['cur_cnav']}}</td>
                <td>{{nav_info['ret_1w']}}</td>
                <td>{{nav_info['ret_after_confirm']}}</td>
                <td>{{nav_info['ret_cum_1m']}}</td>
                <td>{{nav_info['ret_cum_6m']}}</td>
                <td>{{nav_info['ret_cum_1y']}}</td>
                <td>{{nav_info['ret_cum_ytd']}}</td>
                <td>{{nav_info['ret_cum_incep']}}</td>
                <td>{{nav_info['distribution']}}</td>
              </tr>
                   {% endfor %}
             </ul>
            </table>
          </div>
          <!--【组合持仓】-->
          <div>
            <h4 class="item_title">【组合持仓】
              <span>截止日：最新净值日（2020-11-05）</span>

            </h4>
            <table class="zuhe_table" border="1">
              <tr>
                <th>投资策略</th>
                <th>基金简称</th>
                <th>份额确认时间</th>
                <th>权重%</th>
                <th>市值(万）</th>
                <th>成本(万）</th>
                <th>盈亏(万）</th>
                <th>盈亏比(%）</th>
                <th>盈亏贡献(%)</th>
              </tr>
                <ul>
                {% for hold_info in group_hoding_info %}
              <tr>
                <td>{{hold_info['fund_strategy_name']}}</td>
                <td>{{hold_info['fund_name']}}</td>
                <td>{{hold_info['confirm_date']}}</td>
                <td>{{hold_info['weight']}}1</td>
                <td>{{hold_info['market_values']}}</td>
                <td>{{hold_info['cost']}}</td>
                <td>{{hold_info['profit']}}</td>
                <td>{{hold_info['ykb']}}</td>
                <td>{{hold_info['profit_contribution']}}</td>
              </tr>
                    {% endfor %}
             </ul>
            </table>
          </div>
          <!--贡献分解-->
          <div>
            <h4 class="item_title">【贡献分解】</h4>
            <div class="gongxianfenjie">
              <img src={{contribution_decomposition}} alt="" class="contribute_img">
            </div>
          </div>
        </div>


      </div>

      <!--个基点评-->
      <div class="geji_wrap">
        <!--标题-->
        <div class="head_wrap clearfix">
          <div class="head_title fl">
            个基点评
          </div>
          <div class="head_logo_wrap fr">
            <img src="./img/logo-blue.png" alt="">
            <span class="com_brand_line"></span>
            <span class="com_brand_name">
              飞度工作室
            </span>
          </div>
        </div>
        <div class="content_wrap">
          <ul class="geji_list_wrap">
            {% for single_fund in single_fund_data_list %}
            <li class="self_item">
              <table>
                <tr>
                  <td style="padding: 0;text-align: left;vertical-align: middle;">
                    <div class="self_item_left">
                      <div class="self_header">
                        <div class="self_title">
                          {{single_fund.fund_name}}
                          <div class="self_title_tri"></div>
                        </div>
                        <div class="self_type yellow">
                          {{single_fund.status}}
                        </div>
                      </div>
                      <div class="self_description">
                        {% for one in single_fund.evaluation%}
                        <div class="self_description_item">
                          <div class="self_description_dot"></div>
                          <div class="self_description_text">
                            {{one}}
                          </div>
                        </div>
                        {% endfor %}
                      </div>
                    </div>
                  </td>
                  <td style="padding: 0;text-align: left;vertical-align: middle;">
                    <div class="self_item_right">
                      <img src={{single_fund.radar_chart_path}} alt="" class="self_img">
                    </div>
                  </td>
                </tr>
              </table>
            </li>
            {% endfor %}
          </ul>
        </div>
      </div>

      <!-- 优化组合建议1 -->
      <div class="mr_block5 have_sub_tb">

        <!--标题-->
        <div class="head_wrap head_yellow2 clearfix">
          <div class="head_title fl">
            10月综述 -- 优化组合建议1
          </div>
          <div class="head_logo_wrap fr">
            <img src="./img/logo-blue.png" alt="">
            <span class="com_brand_line"></span>
            <span class="com_brand_name">
              飞度工作室
            </span>
          </div>
        </div>

        <div class="optimization_content">

          <div class="transfer_table">
            <div class="transfer_head clearfix">
              <div class="transfer_title fl">
                【调仓建议】
              </div>
              <div class="transfer_time fr">
                截止日：最新净值日（2020-11-05）
              </div>
            </div>


            <table border="1">
              <tr>
                <th>投资策略</th>
                <th>基金简称</th>
                <th>优化前(万元）</th>
                <th>优化后(万元）</th>
              </tr>
                {% for key, value in suggestions_result.items()   %}
               {% for i in range(value|length) %}
              <tr>
                {% if i == 0%}
                <td rowspan={{value|length }}>{{key}}</td>
                {% endif %}
                <td> {{value[i]["fund_name"]}}</td>
                <td class="font_red">{{value[i]["before_optimization"]}}</td>
                <td class="font_green">{{value[i]["after_optimization"]}}</td>
              </tr>
              {% endfor %}
              {% endfor %}
              <tr>
                <td colspan="2" class="back_gray font_bold">总市值(万元）</td>
                <td class="font_bold">{{suggestions_result_asset["before"]}}</td>
                <td class="font_bold">{{suggestions_result_asset["after"]}}</td>
              </tr>
            </table>

          </div>

          <div class="profit_chart clearfix">
            <div class="profit_chart_item fl">
              <div class="profit_chart_title">
                【收益比较】
              </div>
              <div class="profit_chart_graphic">
                <img src={{return_compare_pic}} alt="" class="profit_chart_img">
              </div>
            </div>
            <div class="profit_chart_item fr">
              <div class="profit_chart_title">
                【相关性分析】
              </div>
              <div class="profit_chart_graphic relative_chart">
                <div class="rc_chart clearfix">
                  <div class="rcc_left fl">
                    <table border="1" style="border-color: transparent;margin-right: 20px;">
                    {% for correlation in old_correlation %}
                      <tr>
                        <td>
                          <span class="rcc_index">{{correlation[0]}}</span>
                        </td>
                      </tr>
                      {% endfor %}
                    </table>
                  </div>

                  <div class="rcc_right fr">

                    <table border="1">
                      {% for correlation in old_correlation %}
                      <tr>
                        {% for i in range(correlation[2]|length) %}
                        {% if i ==  correlation[0] - 1 %}
                        <td>
                          <span class="rcc_index">{{correlation[0]}}</span>
                        </td>

                        {% elif -1 <= correlation[2][i] < -0.5 and i < correlation[0] - 1 %}
                        <td>{{correlation[2][i]}}</td>

                        {% elif -1 <= correlation[2][i] < -0.5 %}
                        <td class="level_color6">{{correlation[2][i]}}</td>

                        {% elif -0.5 <= correlation[2][i] < -0.25 and i < correlation[0] - 1 %}
                        <td>{{correlation[2][i]}}</td>

                        {% elif -0.5 <= correlation[2][i] < -0.25 %}
                        <td class="level_color5">{{correlation[2][i]}}</td>

                        {% elif -0.25 <= correlation[2][i] < 0 and i < correlation[0] - 1 %}
                        <td>{{correlation[2][i]}}</td>

                        {% elif -0.25 <= correlation[2][i] < 0 %}
                        <td class="level_color4">{{correlation[2][i]}}</td>

                        {% elif 0 <= correlation[2][i] < 0.25 and i < correlation[0] - 1 %}
                        <td>{{correlation[2][i]}}</td>

                        {% elif 0 <= correlation[2][i] < 0.25 %}
                        <td class="level_color3">{{correlation[2][i]}}</td>

                        {% elif 0.25 <= correlation[2][i] < 0.5 and i < correlation[0] - 1 %}
                        <td>{{correlation[2][i]}}</td>

                        {% elif 0.25 <= correlation[2][i] < 0.5 %}
                        <td class="level_color2">{{correlation[2][i]}}</td>

                        {% elif 0.5 <= correlation[2][i] <= 1 and i < correlation[0] - 1 %}
                        <td>{{correlation[2][i]}}</td>

                        {% elif 0.5 <= correlation[2][i] <= 1 %}
                        <td class="level_color1">{{correlation[2][i]}}</td>

                        {% endif %}
                        {% endfor %}
                      </tr>
                      {% endfor %}
                    </table>

                  </div>
                </div>
                <div class="rc_tooltip">
                  <div class="rct_color clearfix">
                    <div class="rct_color_item fl level_color1"></div>
                    <div class="rct_color_item fl level_color2"></div>
                    <div class="rct_color_item fl level_color3"></div>
                    <div class="rct_color_item fl level_color4"></div>
                    <div class="rct_color_item fl level_color5"></div>
                    <div class="rct_color_item fl level_color6"></div>
                  </div>
                  <div class="rct_number clearfix">
                    <div class="rtc_number_item fl">1.00</div>
                    <div class="rtc_number_item fl">0.50</div>
                    <div class="rtc_number_item fl">0.25</div>
                    <div class="rtc_number_item fl">0.00</div>
                    <div class="rtc_number_item fl">-0.25</div>
                    <div class="rtc_number_item fl">-0.50</div>
                    <div class="rtc_number_item fl">-1.00</div>
                  </div>
                </div>
                <div class="rc_label clearfix">
                  {% for correlation in old_correlation %}
                  <div class="rcl_item fl">
                    <div class="rcl_item_number">
                      {{correlation[0]}}
                    </div>
                    <div class="rcl_item_name">
                      {{correlation[1]}}
                    </div>
                  </div>
                  {% endfor %}
                </div>
              </div>
            </div>
          </div>
          <div class="aim_table">
            <div class="aim_head clearfix">
              <div class="aim_title fl">
                【指标对比】
              </div>
              <div class="aim_time fr">
                截止日：最新净值日（2020-11-05）
              </div>
            </div>

            <table border="1">
              <tr>
                <th>类型</th>
                <th>区间收益(%)</th>
                <th>年化收益(%)</th>
                <th>波动率(%)</th>
                <th>最大回撤(%)</th>
                <th>夏普比率</th>
              </tr>
              {%for i in range(indicator_compare|length)%}
              {%if i<(indicator_compare|length)-1%}
              {%if i%2==0 %}
              <tr class="back_yellow1">
                {%endif%}
                {%if i%2==1 %}
              <tr class="back_yellow2">
                {%endif%}
              {%endif%}
                <td>{{indicator_compare[i]["group_name"]}}</td>
                <td>{{indicator_compare[i]["return_ratio"]}}</td>
                <td>{{indicator_compare[i]["return_ratio_year"]}}</td>
                <td>{{indicator_compare[i]["volatility"]}}</td>
                <td>{{indicator_compare[i]["max_drawdown"]}}</td>
                <td>{{indicator_compare[i]["sharpe"]}}</td>
              </tr>
              {%endfor%}
            </table>

            <div class="aim_foot">
              注：以上指标自持仓首日开始计算，结果仅供参考，如果持仓时间过短会造成指标失真的情况。
            </div>
          </div>

          <div class="target_all">
            <div class="all_title">
              总体点评
              <div class="all_tri"></div>
            </div>
            <div class="all_content">
              <div class="all_item">
                <div class="all_dot"></div>
                <div class="all_text">
                  {{new_group_evaluation}}
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>

      <!-- 优化组合建议2--新增基金 -->
      <div class="mr_block6 have_sub_tb">
        <!--标题-->
        <div class="head_wrap head_yellow2 clearfix">
          <div class="head_title fl">
            优化组合建议1 -- 新增基金
          </div>
          <div class="head_logo_wrap fr">
            <img src="./img/logo-blue.png" alt="">
            <span class="com_brand_line"></span>
            <span class="com_brand_name">
              飞度工作室
            </span>
          </div>
        </div>

        <div class="self_content">
        {% for single_fund in propose_fund_data_list %}
          <div class="self_item">
            <table>
              <tr>
                <td style="padding: 0;text-align: left;vertical-align: middle;">
                  <div class="self_item_left">
                    <div class="self_header">
                      <div class="self_title">
                        {{single_fund.fund_name}}
                        <div class="self_title_tri"></div>
                      </div>
                    </div>
                    <div class="self_description">
                      {% for one in single_fund.evaluation %}
                      <div class="self_description_item">
                        <div class="self_description_dot"></div>
                        <div class="self_description_text">
                          {{one}}
                        </div>
                      </div>
                      {% endfor %}
                    </div>
                  </div>
                </td>
                <td style="padding: 0;text-align: left;vertical-align: middle;">
                  <div class="self_item_right">
                    <img src={{single_fund.radar_chart_path}} alt="" class="self_img">
                  </div>
                </td>
              </tr>
            </table>
          </div>
        {% endfor %}
        </div>
      </div>

      <!-- 尾部 -->
      <div class="mr_block_end have_sub_tb">
        <!--标题-->
        <div class="head_wrap clearfix">
          <div class="head_logo_wrap fr">
            <img src="./img/logo-blue.png" alt="">
            <span class="com_brand_line"></span>
            <span class="com_brand_name">
              飞度工作室
            </span>
          </div>
        </div>

        <div class="end_content">

          <div class="financial_show clearfix">
            <div class="financial_left fl">
              <div class="financial_scene">
                <img src="./img/scene.png" alt="" class="financial_scene_img">
                <div class="financial_scene_text">
                  我们挣的是⻆度和变化的钱⽽不是纠正市场错 误的钱，市场永远是正确的，关键是在其正确 被反复证明后的逆向⽽⾏，⼀定是避开它的正 确被展开的过程 。
                </div>
                <div class="financial_scene_author">
                  ——飞度
                </div>
              </div>
            </div>
            <div class="financial_show_right fr">
              <div class="financial_team">
                <img src="./img/team.png" alt="" class="financial_team_img">
              </div>
            </div>
          </div>

          <div class="statement_content">
            <div class="statement_block">
              <div class="statement_title">
                探普研究院声明
              </div>
              <div class="statement_p">
                本诊断报告所表述的任何观点均准确地反应了研究人员的看法；该研究人员所得报酬的任何组成部分无论是过去、现在、或者将来均不会直接或间接地与研究报告所表述的建议或观点相联系。
              </div>
            </div>
            <div class="statement_block">
              <div class="statement_title">
                一般性声明
              </div>
              <div class="statement_p">
                本报告对于收件人而言属于高度机密，只有收件人才能使用。本报告并非意图发送、发布给在
                当地法律或监管规则下不允许向其发送、发布该研究报告的人员。本研究报告仅供参考之用，在任何地区均不应被视为买卖任何证券、金融工具、基金、以及其他理财产品的要约或要约邀请。探普研究院并不因收件人收到本报告而视其为客户。本报告所包含的观点及建议并未考虑个别客户的特殊状况、目标或需要，不应视为对特定客户关于特定证券或金融工具、基金、以及其他理财产品的购买建议或策略。对于本报告中提及的任何证券、金融工具、基金、以及其他理财产品，本报告的
                收件人须保持自身的独立判断。
              </div>
              <div class="statement_p">
                本报告所载资料的来源被认为是可靠的，但探普研究院不保证其准确性或完整性，并不对使用本报告所包含的材料产生任何直接或间接损失或与此有关的其他损失承担任何责任。本报告提及的任何证券、金融工具、基金或其他理财产品均可能含有巨大的风险，可能不易变卖以及不适合所有的投资者。本报告所提及的证券、金融工具、基金或其他理财产品的价格、价值以及收益可能会受
                汇率影响而波动。过往的业绩也不能代表未来的表现。
              </div>
              <div class="statement_p">
                本报告所载的资料、观点以及预测分析均反映了探普研究院在最初报告发布日期当日的判断，可以在不发出通知的情况下做出更改、亦可因使用不同假设和标准、采用不同观点和分析方法而与市场上其他机构、部门、单位、个人在制作类似的其他材料时所给出的意见不同或者相反。探普研究院以及关联公司、单位并不承担提示本报告收件人注意该等材料的责任。负责撰写本报告研究人员薪酬并不基于任何金融产品的销售情况而定，但其薪酬可能会与我司的整体收入有关。
              </div>
              <div class="statement_p">
                若以探普研究院以外的机构或个人发送本报告，则由该机构或个人为此发送行为承担全部责任。该机构或个人应联系相关机构以交易本报告中提及的证券、金融工具、基金、其他理财产品获悉更详细信息。本报告不构成探普研究院向发送本报告的机构或个人的客户提供的投资建议，探普研究院以及关联单位、公司中的各个高级职员、董事、员工亦不为（前述机构或个人）因使用本报告或报告载明的内容产生的直接或间接损失承担任何责任。
              </div>
            </div>
            <div class="statement_block">
              <div class="statement_title2">
                未经探普研究院事先书面授权，任何人不得以任何目的复制、发送或者销售本报告。探普研究院 2020 版权所有，保留一切权利。
              </div>
            </div>
          </div>

        </div>

      </div>

    </div>
  </div>
  </div>
</body>

</html>