@charset "UTF-8";
/* 私募基金模块-start */
a{
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.mutual_main{
    padding-bottom: 30px;
}
.bg_white{
    background: #fff;
}
.mutual_module{
    position: relative;
    padding-top: 40px;
}
.mutual_module h2{
    font-size:36px;
    color: #000000;
    line-height: 50px;
    font-weight: 700;
}
.mutual_hot_pro{
    margin-top: 20px;
    font-size: 0;
}
.mutual_hot_pro .left_img{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 300px;
    height:372px;
    overflow: hidden;
}
.mutual_hot_pro .left_img img{
    display: block;
    width: 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.mutual_hot_pro .left_img:hover img{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.mutual_hot_pro .left_img .text_box{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 20px;
    width: 260px;
    height: 342px;
}
.mutual_hot_pro .left_img h3{
    margin-top: 54px;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
}
.mutual_hot_pro .left_img .p1{
    margin-top: 20px;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 21px;
    text-align: center;
}
.mutual_hot_pro .left_img .p1 span{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 16px;
}
.mutual_hot_pro .left_img .p1 em{
    position: absolute;
    left: 6px;
    top: 9px;
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #fff;
}
.mutual_hot_pro .left_img .mutual_more_btn{
    margin-top: 87px;
}
.mutual_more_btn{
    font-size: 0;
    text-align: center;
}
.mutual_more_btn a{
    display: inline-block;
    vertical-align: top;
    width: 142px;
    height: 44px;
    font-size: 16px;
    color:#2155B3;
    line-height: 44px;
    text-align: center;
    font-weight: 700;
    border: 1px solid #2155B3;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.mutual_more_btn a:hover{
    color: #fff;
    background-image: linear-gradient(90deg, #407AE2 0%, #2155B3 100%);
}
.mutual_more_btn.white a{
    border-color: #fff;
    color: #fff;
}
.mutual_more_btn.white a:hover{
    color: #2155B3;
    background: #fff;
}
.mutual_pro_list{
    display: inline-block;
    vertical-align: top;
    width: 900px;
    height: 372px;
    background:url("../images/mutual_images/bg01.png") no-repeat center;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);
}
.mutual_pro_list li{
    float: left;
    padding: 20px;
    width: 259px;
    height: 332px;
    text-align: center;
    border-left: 1px solid #EDEDED;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.mutual_pro_list li:first-child{
    border-left: none;
    width: 260px;
}
.mutual_pro_list .tit{
    margin-top: 17px;
    font-size: 20px;
    color: #333333;
    line-height: 28px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.mutual_pro_list .code{
    margin-top: 7px;
    font-size: 16px;
    color: #999999;
    line-height: 22px;
}
.mutual_pro_list .p1{
    margin-top: 27px;
    font-size: 28px;
    color: #C8021A;
    line-height:40px;
    font-weight: 700;
}
.mutual_pro_list .p1 span{
    display: inline-block;
    vertical-align: bottom;
    font-size: 18px;
    line-height: 34px;
    font-weight: normal;
}
.mutual_pro_list .p2{
    margin-top: 6px;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
.mutual_pro_list .label{
    margin-top: 37px;
    font-size: 0;
    text-align: center;
}
.mutual_pro_list .label span{
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    padding: 0 15px;
    font-size: 14px;
    color: #999999;
    line-height: 28px;
    background: #F7F7F7;
    border-radius: 14px;
}
.mutual_pro_list .mutual_more_btn{
    margin-top: 37px;
}
.mutual_pro_list li:hover{
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);
}
.mutual_pro_list li:hover .tit{
    color: #2155B3;
}
.mutual_search_box{
    position: absolute;
    right: 0;
    top:45px;
    font-size: 0;
    text-align: right;
}
.mutual_search_box .input_box,
.mutual_search_btn{
    display: inline-block;
    vertical-align: top;
}
.mutual_search_box .input_box{
    margin-right: 10px;
}
.mutual_search_box .input_box input{
    display: block;
    padding: 9px 12px;
    width: 226px;
    height: 20px;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    border: 1px solid #EDEDED;
    border-radius: 3px;
    outline: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.mutual_search_box .input_box input:focus{
    border-color: #2155B3;
}
.mutual_search_btn{
    width: 46px;
    height: 40px;
    background:#2155B3 url("../images/mutual_images/search_icon.png") no-repeat center;
    border-radius: 3px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.mutual_search_btn:hover{
    background:#0B4DA2 url("../images/mutual_images/search_icon.png") no-repeat center;
}
.mutual_condition_box{
    margin-top: 30px;
    padding: 15px 30px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);
}
.mutual_condition_box .txt{
    position: relative;
    padding: 10px 0 10px 80px;
    min-height: 26px;
    font-size: 0;
}
.mutual_condition_box .txt span,
.mutual_condition_box .txt a{
    display: inline-block;
    vertical-align: top;
}
.mutual_condition_box .txt span{
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 16px;
    color: #999999;
    line-height: 26px;
}
.mutual_condition_box .txt a{
    margin: 0 15px;
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.mutual_condition_box .txt a.act,
.mutual_condition_box .txt a:hover{
    color: #2155B3;
}
.mutual_search_tit{
    position: relative;
    margin: 30px 0 20px;
}
.mutual_search_tit .tit{
    padding:0 30px;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
}
.mutual_search_tit .tit span{
    margin: 0 5px;
    color: #0B4DA2;
}
.mutual_search_tit .mutual_sort_box{
    position: absolute;
    right:30px;
    top: 0;
    z-index: 100;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
.mutual_search_tit .mutual_sort_btn{
    display: inline-block;
    vertical-align: top;
    padding-right:18px;
    color: #0B4DA2 ;
    cursor: pointer;
}
.mutual_search_tit .mutual_sort_btn em{
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 6px;
    height: 20px;
    background: url("../images/mutual_images/sort_icon01.png") no-repeat center;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.mutual_search_tit .mutual_sort_btn.up em{
    background-image: url("../images/mutual_images/sort_icon02.png");
}
.mutual_search_tit .mutual_sort_btn.down em{
    background-image: url("../images/mutual_images/sort_icon03.png");
}
.mutual_search_table{
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);
}
.mutual_search_table table{
    width: 100%;
    table-layout: fixed;
}
.mutual_search_table table td{
    position: relative;
    padding: 20px 10px;
    vertical-align: middle;
}
.mutual_search_table td:first-child{
    padding-left: 30px;
}
.mutual_search_table td:last-child{
    padding-right: 30px;
    text-align: right;
}
.mutual_search_table .line{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #EDEDED;
}
.mutual_search_table td:first-child .line{
    left:30px;
}
.mutual_search_table td:last-child .line{
    left:-30px;
}
.mutual_search_table .tit{
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.mutual_search_table .code{
    margin-top: 4px;
    font-size: 14px;
    color: #999999;
    line-height: 25px;
}
.mutual_search_table .code span{
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    padding: 0 12px;
    font-size: 14px;
    color: #1854E1;
    line-height: 25px;
    background:#E7EDFC;
}
.mutual_search_table .p1{
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
.mutual_search_table .p2{
    margin-top: 4px;
    font-size: 16px;
    color: #000000;
    line-height: 22px;
}
.mutual_search_table .btn{
    display: inline-block;
    padding: 0 12px;
    font-size: 14px;
    color: #0B4DA2;
    line-height: 30px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.mutual_search_table tr:hover .btn{
    color: #fff;
    background-image: linear-gradient(90deg, #407AE2 0%, #2155B3 100%);
}
.mutual_search_table .page_box{
    padding: 30px;
}
.mutual_search_table tr {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mutual_search_table tr:hover {
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);
}
.mutual_search_table tr:hover .tit{
    color: #2155B3;
}
.mutual_quest_detail{
    padding: 0 30px 34px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);
}
.mutual_quest_detail .list li{
    padding: 30px 0;
    border-top: 1px dashed #ededed;
}
.mutual_quest_detail .list li:first-child{
    border-top: none;
}
.mutual_quest_detail  .title{
    font-size: 16px;
    color: #000000;
    line-height: 22px;
    font-weight: 700;
}
.mutual_quest_detail  .txt{
    margin-top: 20px;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    text-align: justify;
}
.dialog_layer{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.40);
}
.dialog_cont{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -390px;
    width: 780px;
    background: #fff;
    transform: translateY(-50%);
}
.dialog_cont h2{
    padding: 19px 24px;
    font-size:20px;
    color: #000000;
    line-height: 26px;
    /*font-weight: 700;*/
    border-bottom: 1px solid #EDEDED;
}
.dialog_close{
    position: absolute;
    right: 15px;
    top:15px;
    z-index: 100;
    display: block;
    width: 34px;
    height: 34px;
    background: url("../images/mutual_images/close_btn01.png") no-repeat center;
}
.dialog_close:hover{
    background-image: url("../images/mutual_images/close_btn02.png");
}
.dialog_cont .content{
    padding: 30px 55px 60px;
}
.dialog_text{
    margin-bottom: 30px;
    padding-right: 10px;
}
.dialog_text .txt{
    font-size: 14px;
    color: #333333 ;
    line-height: 28px;
    text-align: justify;
}
.dialog_text.scroll{
    max-height: 340px;
    overflow-y: auto;
}
.dialog_btn{
    font-size: 0;
    text-align: center;
}
.dialog_btn a{
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    min-width: 50px;
    padding: 0 15px;
    font-size: 14px;
    color: #0B4DA2;
    line-height: 28px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #0B4DA2;
}
.dialog_btn a:hover,
.dialog_btn a.act{
    color: #fff;
    background-image: linear-gradient(90deg, #407AE2 0%, #0B4DA2 100%);
}
.dialog_btn a.act{
    border: none;
    line-height: 30px;
    min-width: 52px;
}
.dialog_btn a.act:hover{
    background-image: linear-gradient(90deg, #0B4DA2 0%, #0B4DA2 100%);
}
.dialog_btn a.disabled{
    color: #fff;
    background: #C4C4C4;
    border-color: #C4C4C4;
}
.dialog_cont .dialog_btn{
    margin-top: 60px;
}
.text-center{
    text-align: center;
}
.dialog_cont.w470{
    width: 470px;
    margin-left: -235px;
}
.dialog_cont.w470 .content{
    padding-bottom: 40px;
}
.dialog_cont.w470 .dialog_btn{
    margin-top: 40px;
}
.mutual_xy_box{
    position: relative;
    margin-top: 30px;
    padding-left: 24px;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    text-align: justify;
}
.mutual_xy_box em{
    position: absolute;
    left: 0;
    top: 3px;
    display: block;
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    border: 1px solid #979797;
    border-radius: 2px;
}
.mutual_xy_box em.act{
    border-color: #0B4DA2;
    background: #0B4DA2 url("../images/mutual_images/gou_icon.png") no-repeat center;
}
.mutual_pro_box{
    padding-bottom: 30px;
    background: #fff url("../images/mutual_images/bg02.png") no-repeat top center;
}
.index_box.white,
.index_box.white a{
    color: #fff;
}
.index_box.white a.index{
    background-image:url("../images/mutual_images/icon_index01.png");
}
.pro_detail_top {
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);
}
.pro_detail_top.w2 {
    height: 390px;
}
.pro_detail_top.w3 {
    height: 216px;
}
.pro_detail_top .lt_box {
    float: left;
    width: 660px;
    padding: 20px 30px 0;
}
.pro_detail_top.w2 .lt_box {
    width: 560px;
}
.pro_detail_top .tit_box {
    height: 44px;
    line-height: 44px;
}
.pro_detail_top .tit_box b {
    display: block;
    float: left;
    font-size: 24px;
    color: #000;
    font-weight: normal;
}
.pro_detail_top .tit_box small {
    font-size: 16px;
    padding-left: 13px;
}
.pro_detail_top .tit_box .add em {
    color: #000;
}
.pro_profit_ul {
    width: 756px;
    padding: 20px 0;
    margin-left: -48px;
    font-size: 0;
}
.pro_profit_ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 36px;
    position: relative;
}
.pro_profit_ul li:first-child{
    padding-left: 48px;
}
.pro_profit_ul li:last-child{
    padding-right: 0;
}
.pro_profit_ul li:before {
    content: '';
    width: 1px;
    height: 48px;
    background: #EDEDED;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -24px;
}
.pro_profit_ul li strong {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 36px;
    font-family: arial;
    font-weight: bold;
}
.pro_profit_ul li strong small {
    font-size: 20px;
}
.pro_profit_ul li p {
    line-height: 14px;
    color: #999;
    font-size: 14px;
    padding-top: 3px;
}
.pro_profit_ul li .tip{
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-top: -1px;
    width: 16px;
    height: 16px;
    background: url("../images/mutual_images/tip_icon01.png") no-repeat center;
}
.pro_profit_ul li .quest{
    position: absolute;
    left:32px;
    top: 50%;
    z-index: 100;
    display: block;
    padding:10px;
    width: 340px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px;
    font-weight: normal;
    background: rgba(0,0,0,0.75);
    box-shadow: 0px 3px 6px -4px rgba(0,0,0,0.12);
    border-radius: 3px;
    transform: translateY(-50%);
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}
.pro_profit_ul li .quest i{
    position: absolute;
    left: -5px;
    top: 50%;
    display: block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid rgba(0,0,0,0.75);
    transform: translateY(-50%);
}
.pro_profit_ul li .tip:hover .quest{
    left: 26px;
    opacity: 1;
    visibility: visible;
}
.pro_detail_top .info_box .info {
    height: 14px;
    line-height: 14px;
    font-size: 0;
    padding: 10px 0;
}
.pro_detail_top .info_box .info .wrap {
    float: left;
    min-width: 176px;
}
.pro_detail_top .info_box label {
    color: #999;
    font-size: 14px;
}
.pro_detail_top .info_box span {
    display: inline-block;
    min-width: 80px;
    color: #000;
    font-size: 14px;
}
.pro_detail_top .info_box a.detail {
    color: #2155B3;
    font-size: 14px;
    margin-left: 15px;
}
.pro_detail_top .info_box .info i{
    font-size: 10px;
    color: #666666;
    font-style: normal;
}
.pro_detail_top .info_box .ml {
    margin-left: 36px;
}
.pro_detail_top .info_box .bar {
    display: inline-block;
    *display: inline;
    _zoom: 1;
    width: 360px;
    height: 6px;
    margin: 4px 12px 4px 8px;
    vertical-align: top;
    background: #FFEBEC;
    position: relative;
    border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
}
.pro_detail_top .info_box .bar em {
    display: block;
    width: 300px;
    height: 100%;
    background: #C8021A;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
}

.pro_detail_top .rt_box {
    float: right;
    /* width: 420px; */
    /* height: 240px; */
    color: #999;
    padding:30px;
    background: #FCFCFE;
}
.pro_detail_top .rt_box > h5 {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
.ared01{
    color: #C8021A !important;
}
.pro_detail_top .rt_box .time{
    margin-top: 10px;
    font-size:20px;
    color: #C8021A;
    line-height: 26px;
}
.pro_detail_top .rt_box .time em{
    display: inline-block;
    vertical-align: bottom;
    margin:0 10px 0 6px;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
}
.pro_detail_top .rt_box .top_box{
    min-height: 154px;
}
.pro_detail_top .rt_box .txt{
    margin-top: 30px;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
.pro_detail_top .rt_box .tip{
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color:#FF6E04;
    line-height: 20px;
}
.pro_detail_top .rt_box .tip a{
    margin-left:4px;
    color: #C3C3C3;
}
.pro_detail_top .rt_box .tip em{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 16px;
    height: 20px;
    background:url("../images/mutual_images/tip_icon.png") no-repeat center;
}
.pro_detail_top .rt_box .tip a:hover{
    color: #2155B3;
}
.pro_detail_top .rt_box > .blue_btn {
    width: 280px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    background-image: linear-gradient(90deg, #407AE2 0%, #0B4DA2 100%);
}
.pro_detail_top .rt_box > .blue_btn:hover{
    background: #0B4DA2;
}
.pro_detail_top .rt_box > .blue_btn.disabled{
    color: #fff;
    background: #D8D8D8;
}
.pro_info_box {
    margin-top: 30px;
    padding: 20px 30px;
    background: #FFFFFF;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);
}
.pro_info_box > .tit ,
.pro_info_box > .wrap > .tit {
    line-height: 28px;
    padding: 10px 0;
}
.pro_info_box > .tit b ,
.pro_info_box > .wrap > .tit b {
    font-size: 20px;
    color: #000;
}
.pro_tab_ul {
    height: 58px;
    overflow: hidden;
    border-bottom: 1px solid #EDEDED;
}
.pro_tab_ul li {
    float: left;
    padding-right: 40px;
}
.pro_tab_ul li a {
    display: block;
    line-height: 28px;
    font-size: 20px;
    color: #666;
    padding: 15px 0;
    position: relative;
    font-weight: 700;
}
.pro_tab_ul li a:hover , .pro_tab_ul li.active a {
    color: #0B4DA2;
}
.pro_tab_ul li a:after {
    content: '';
    width: 0;
    height: 3px;
    background: #0B4DA2;
    position: absolute;
    left: 50%;
    bottom:0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.pro_tab_ul li.active a:after {
    width: 100%;
    left: 0;
}
.pro_info_box > .wrap {
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.pro_info_box > .wrap.border {
    border-bottom: 1px solid #EDEDED;
}
.pro_info_box > .wrap.dashed {
    border-bottom: 1px dashed #EDEDED;
}
.pro_info_box div.title {
    line-height: 22px;
    padding:10px 0;
}
.pro_info_box div.title b {
    font-size: 16px;
    color: #000000;
}
.pro_info_table {
    width: 100%;
    margin: 10px 0;
}
.pro_info_table td {
    line-height: 24px;
    color: #999;
    padding: 5px 0;
}
.pro_info_table td span {
    color: #333;
    padding-left: 18px;
}
.pro_info_box > .wrap .explain {
    line-height: 24px;
    color: #333;
    padding: 5px 0;
    text-align: justify;
}
.pro_bot_tip{
    margin-top: 30px;
    font-size: 14px;
    color: #999999 ;
    line-height: 20px;
    text-align: justify;
}
.pro_chart_box{
    padding: 10px 0;
}
.pro_chart_box h2{
    font-size: 20px;
    color: #000000;
    line-height: 28px;
    font-weight: 700;
}
.pro_chart_detail{
    position: relative;
    margin-top: 32px;
}
.pro_chart_tab{
    font-size: 0;
}
.pro_chart_tab span{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    padding: 0 11px;
    font-size: 14px;
    color: #666666 ;
    line-height:26px;
    cursor: pointer;
    border-radius: 3px;
    transition: all .3s;
}
.pro_chart_tab span.act{
    color: #000000;
    background: #F0F0F0;
}
.pro_chart_tab span:hover{
    color: #000000;
}
.pro_chart_type {
    position: absolute;
    right: 0;
    top:3px;
    z-index: 100;
    font-size: 0;
    text-align: right;
}
.pro_chart_type span{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 18px;
    margin-left: 60px;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.pro_chart_detail .chart_img{
    margin-top: 32px;
}
.pro_chart_detail .chart_img img{
    display: block;
    width: 100%;
}
.pro_chart_type span em{
    position: absolute;
    left: 0;
    top: 8px;
    display: block;
    width: 12px;
    height: 4px;
}
.pro_chart_type span em.em_01{
    background: #F55423;
}
.pro_chart_type span em.em_02{
    background: #528EFF;
}
.period_box{
    position: relative;
    z-index: 1;
}
.period_box .line{
    position: absolute;
    left: 28px;
    top: 28px;
    z-index: -1;
    width: 1084px;
    height: 1px;
    background: #E1E1E1;
}
.period_ul {
    overflow: hidden;
    padding: 18px 0 13px;
}
.period_ul li {
    float: left;
    width: 548px;
    text-align: center;
    position: relative;
}
.period_ul li.first , .period_ul li.last {
    width: 296px;
}
.period_ul li.first {
    text-align: left;
}
.period_ul li.last {
    text-align: right;
}
.period_ul li.on:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #2155B3;
    position: absolute;
    top: 10px;
    left: 0;
}
.period_ul li.first.on:before {
    width: 268px;
    left: 30px;
}
.period_ul li.last.on:before {
    width: 268px;
}
.period_ul li > div {
    display: inline-block;
    *display: inline;
    _zoom: 1;
    text-align: center;
}
.period_ul li em {
    display: block;
    height: 21px;
    margin-bottom: 12px;
    position: relative;
}
.period_ul li em:before{
	content: "";
	width: 56px;
	height: 21px;
	background: url(../images/mutual_images/icon01.png) no-repeat center;
	position: absolute;
	left: 50%;
	margin-left: -28px;
	top: 0;
}
.period_ul li.first em:before{
	left: 0;
	margin-left: 0;
}
.period_ul li.last em:before{
	left: auto;
	margin-left: 0;
	right: 0;
}
.period_ul li.on em:before{
    background-image: url("../images/mutual_images/icon02.png");
}
.period_ul li p.p1 {
    line-height: 24px;
}
.period_ul li.on p.p1{
    color: #0B4DA2;
}
.period_ul li p.time {
    color: #000;
}
.trade_msg_list{
    padding: 10px 0 15px;
}
.trade_msg_list li{
    margin-top: 15px;
}
.trade_msg_list li .tit{
    float: left;
    width: 90px;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
.trade_msg_list li .txt{
    margin-left: 90px;
    font-size: 14px;
    color:#333333;
    line-height: 20px;
}
.period_ul.flex-4 li{
    width:377px;
}
.period_ul.flex-4 li.first,
.period_ul.flex-4 li.last{
    width: 192px;
}
.period_ul.flex-4 li.first.on:before,
.period_ul.flex-4 li.last.on:before{
    width: 165px;
}
.mutual_pro_box .record_table table{
    width: 100%;
}
.mutual_pro_box .record_table th{
    color: #666666;
    background: #F9FBFF;
}
.mutual_pro_box .record_table td{
    color: #666666;
    padding: 10px;
}
.mutual_pro_box .record_table.border th,
.mutual_pro_box .record_table.border td{
    border: 1px solid #EDEDED;
}
.mutual_pro_box .record_table td.text_lt{
    text-align: left;
    padding-left: 30px;
}
.agree_ul.mt15{
    padding: 15px 0;
}
.agree_ul li {
    line-height: 30px;
    padding: 15px 0;
    border-bottom: 1px dashed #EDEDED;
    position: relative;
}
.agree_ul li a {
    display: block;
    color: #333;
    padding-left: 28px;
    background: url(../images/mutual_images/icon03.png) no-repeat left center;
    background-size: 16px;
}
.agree_ul li a:hover {
    color:#0B4DA2;
}
.agree_ul li .rt_time {
    /* float: right;
    color: #999; */
    position:absolute;
    right:150px;
    top: 35px;
}
.pro_info_box .page_box{
    padding: 30px 0;
}
.no_data_box{
    padding: 110px 0 150px;
}
.no_data_box .img_box{
    width: 520px;
    margin: 0 auto 42px;
}
.no_data_box .txt{
    font-size: 24px;
    color: #999999;
    line-height: 33px;
    text-align: center;
}
.fund_manager {
    overflow: hidden;
    padding: 30px 0 20px;
}
.fund_manager .img_box {
    float: left;
    width: 175px;
    height: 175px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 10;
}
.fund_manager .img_box img {
    display: block;
    width: 100%;
}
.fund_manager .cont_box h4 {
    line-height: 34px;
    font-size: 24px;
    color: #000;
    padding: 15px 0 15px 205px;
}
.fund_manager .cont_box .cont {
    line-height: 28px;
    padding: 30px 35px 40px 205px;
    background: #FCFCFE;
    position: relative;
}
.fund_manager .cont_box .cont .more {
    display: block;
    color: #0B4DA2;
    position: absolute;
    right: 52px;
    bottom: 40px;
}
.mutual_buy_flow{
    background: #FFFFFF;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.06);
}
.mutual_buy_flow h2{
    position: relative;
    padding: 18px 24px 17px;
    font-size: 20px;
    color: #000000;
    line-height: 28px;
    font-weight: 700;
    border-bottom: 1px solid #EDEDED ;
}
.mutual_buy_flow h2 em{
    position: absolute;
    left: 0;
    top:22px;
    display: block;
    width: 4px;
    height: 20px;
    background: #0B4DA2;
}
.index_box span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #0B4DA2;
}
.buy_flow_detail{
    padding: 0 30px 30px;
}
.buy_flow_step table{
    width: 100%;
}
.buy_flow_step table td{
    padding: 24px 10px;
    border-bottom: 1px dashed #ededed;
}
.buy_flow_step table td:first-child{
    padding-left: 0;
    text-align:left;
}
.buy_flow_step .tit{
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    font-weight:700;
}
.buy_flow_step .txt{
    padding-right: 40px;
    text-align: right;
    font-size: 18px;
    color: #0B4DA2;
    line-height: 24px;
}
.buy_flow_result{
    margin-top: 24px;
    padding: 30px;
    background: #FAFAFC;
}
.buy_flow_result .txt{
    font-size: 14px;
    color: #333333;
    line-height: 28px;
    text-align: justify;
}
.buy_flow_step table .btn{
    display: inline-block;
    font-size: 18px;
    color: #0B4DA2;
    line-height:24px;
    text-decoration: underline;
}
.buy_flow_text{
    margin-top: 30px;
}
.buy_flow_text .txt{
    margin-top: 10px;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    text-align: justify;
}
.buy_flow_text .txt:first-child{
    margin-top: 0;
}
.mutual_xy_box a{
    color: #0B4DA2;
}
.mutual_xy_box a:hover{
    text-decoration: underline;
}
.buy_flow_btn{
    font-size: 0;
    padding: 10px 0;
}
.buy_flow_btn a{
    display: inline-block;
    vertical-align: top;
    margin-right:30px;
    width: 142px;
    height:38px;
    font-size: 14px;
    color: #2155B3;
    line-height: 38px;
    text-align: center;
    border: 1px solid #2155B3;
    transition: all .3s;
}
.buy_flow_btn a:hover{
    color: #fff;
    background: #2155B3;
}
.buy_flow_btn a.act{
    width: 144px;
    height: 40px;
    color: #fff;
    background-image: linear-gradient(90deg, #407AE2 0%, #2155B3 100%);
    line-height: 40px;
    border: none;
}
.buy_flow_btn a.disabled{
    width: 144px;
    height: 40px;
    color: #fff;
    background: #D8D8D8;
    line-height: 40px;
    border: none;
}
.buy_flow_btn a.act:hover{
    background-image: linear-gradient(90deg, #2155B3 0%, #2155B3 100%);
}
.dialog_cont .content.pd30{
    padding: 30px 30px 40px;
}
.mutual_xy_detail .tit{
    font-size: 14px;
    color: #0B4DA2;
    line-height: 20px;
}
.mutual_xy_detail .text_box{
    margin-top:10px;
    padding: 20px 0 20px 20px;
    background: #FAFAFC;
}
.mutual_xy_detail .text_box .scroll{
    max-height:400px;
    overflow-y: auto;
}
.mutual_xy_detail .text_box p{
    padding-right:30px;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
    text-align: justify;
}
.dialog_cont.w520{
    width: 520px;
    margin-left: -260px;
}
.dialog_cont.w520 .content{
    padding:20px 45px 40px;
}
.mutual_xy_list li{
    padding: 10px 0;
    margin-top: 8px;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
}
.mutual_xy_list li .rt_link{
    float: right;
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    font-size: 14px;
    color: #C8021A;
    line-height:20px;
    background: url("../images/mutual_images/rt_link.png") no-repeat right center;
}
.mutual_xy_list li.read .rt_link{
    color: #0B4DA2;
}
.dialog_btn.mt40{
    margin-top: 40px;
}
.dialog_cont .content.pb40{
    padding-bottom: 40px;
}
.dialog_cont .content.pb40 .tit{
    font-size: 14px;
    color: #333333;
    line-height: 28px;
    text-align: justify;
}
.dialog_cont .content.pb40 .tit em{
    display: inline-block;
    vertical-align: middle;
    margin: -3px 10px 0;
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    border: 1px solid #979797;
    border-radius: 2px;
}
.agree_ul01 li{
    position: relative;
    margin-top: 10px;
    padding-left: 24px;
    font-size: 14px;
    color:#333333;
    line-height: 28px;
    text-align: justify;
}
.agree_ul01 li:first-child{
    margin-top: 0;
}
.agree_ul01 li em{
    position: absolute;
    left: 0;
    top: 7px;
    display: block;
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    border: 1px solid #979797;
    border-radius: 2px;
}
.agree_ul01 li em.act{
    border-color: #0B4DA2;
    background: #0B4DA2 url("../images/mutual_images/gou_icon.png") no-repeat center;
}
.buy_flow_step table td .p1{
    font-size: 18px;
    color: #999999;
    line-height: 24px;
}
.dialog_order{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:-428px;
    padding: 32px 50px 40px;
    width: 756px;
    background: #fff;
    transform: translateY(-50%);
}
.dialog_order h2{
    font-size: 20px;
    color: #000000;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
}
.dialog_order_msg{
    margin-top: 32px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ededed;
}
.dialog_order_msg li{
    float: left;
    width: 33.33%;
    padding: 10px 0;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    text-align: center;
}
.dialog_order_msg li:first-child{
    text-align: left;
}
.dialog_order_msg li span{
    margin-left: 15px;
    color: #000000;
}
.dialog_order_form{
    margin-top: 17px;
}
.dialog_order_form table{
    width: 100%;
}
.dialog_order_form  th{
    padding: 10px 15px 10px 0;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    font-weight: normal;
    vertical-align: top;
}
.dialog_order_form  td{
    padding-bottom: 15px;
    vertical-align: top;
}
.dialog_order_form .order_radio{
    padding: 10px 0;
}
.dialog_order_form .order_radio .p1{
    position: relative;
    padding-left: 21px;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
}
.dialog_order_form .order_radio .p1 span{
    color: #666666;
}
.dialog_order_form .order_radio .p1 em{
    position: absolute;
    left: 0;
    top: 3px;
    display: block;
    width: 14px;
    height: 14px;
    background: url("../images/mutual_images/radio_icon01.png") no-repeat center;
    transition: all .3s;
    cursor: pointer;
}
.dialog_order_form .order_radio .p1 em.act{
    background-image: url("../images/mutual_images/radio_icon02.png");
}
.dialog_order_form .order_radio .p2{
    padding-left: 21px;
    margin-top: 6px;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.dialog_order_form .input_box,
.dialog_order_form .password_input,
.dialog_order_form .error_txt{
    display: inline-block;
    vertical-align: top;
}
.dialog_order_form .input_box{
    position: relative;
}
.dialog_order_form .input_box input{
    display: block;
    padding: 9px 10px;
    width: 278px;
    height: 20px;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 4px;
    outline: none;
    transition: all .3s;
}
.dialog_order_form .input_box input:focus{
    border-color: #0B4DA2;
}
.dialog_order_form .input_box input::placeholder{
    color: #ccc;
}
.dialog_order_form .input_box span{
    position: absolute;
    right: 10px;
    top: 0;
    display: inline-block;
    font-size: 14px;
    color: #999999;
    line-height: 40px;
}
.dialog_order_form .password_input{
    font-size: 0;
}
.dialog_order_form .password_input input{
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
    padding: 6px;
    width: 26px;
    height: 26px;
    font-size: 26px;
    color: #000000;
    line-height: 26px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
}
.dialog_order_form .error_txt{
    position: relative;
    margin-left: 14px;
    padding: 10px 0 10px 32px;
    font-size: 14px;
    color:#FF5700 ;
    line-height: 20px;
}
.dialog_order_form .error_txt em{
    position: absolute;
    left: 0;
    top: 8px;
    display: block;
    width: 24px;
    height: 24px;
    background: url("../images/mutual_images/error_icon01.png") no-repeat center;
}
.dialog_order_form .error_txt a{
    margin-left:5px;
    color: #0B4DA2;
    text-decoration: underline;
}
.dialog_result{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    width: 700px;
    background: #fff;
    transform: translateY(-50%);
}
.top_result_box{
    padding: 50px 80px 20px;
    text-align: center;
}
.top_result_box img{
    display: block;
    width: 80px;
    margin: 0 auto 30px;
}
.top_result_box .tit{
    font-size: 24px;
    color: #000000;
    line-height:33px;
    font-weight: 700;
}
.top_result_box .txt{
    margin-top: 10px;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.bottom_result_msg{
    padding: 20px 0 40px;
    border-top: 1px solid #EDEDED;
}
.bottom_result_msg .list{
    padding-left:200px;
}
.bottom_result_msg .list li{
    padding: 10px 0;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
.bottom_result_msg .list li span{
    color: #000000;
}
.bottom_result_msg .list li i{
    font-style: normal;
}
.bottom_result_msg .dialog_btn a{
    min-width: 112px;
    height:38px;
    line-height: 39px;
}
.mutual_person_box{
    padding: 40px;
    background: #fff;
}
.mutual_person_box h3{
    position: relative;
    padding-left: 32px;
    font-size: 18px;
    color: #000000;
    line-height: 24px;
    font-weight: 700;
}
.mutual_person_box h3 em{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width:23px;
    height: 24px;
    background: url("../images/mutual_images/icon04.png") no-repeat center;
}
.mutual_asset{
    position: relative;
    margin-top: 30px;
    padding: 25px 20px 30px;
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.06);
}
.mutual_asset .tit{
    font-size: 16px;
    color: #666666;
    line-height: 22px;
}
.mutual_asset .tit .quest{
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 9px;
    width: 16px;
    height: 22px;
    background: url("../images/mutual_images/tip_icon01.png") no-repeat center;
    cursor: pointer;
}
.mutual_asset .tit .quest strong{
    position: absolute;
    left:35px;
    top: 50%;
    margin-top: -16px;
    padding: 5px 8px;
    display: block;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px;
    background: rgba(0,0,0,0.75);
    box-shadow: 0px 3px 6px -4px rgba(0,0,0,0.12);
    white-space: nowrap;
    font-weight: normal;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: all .3s;
}
.mutual_asset .tit .quest strong i{
    position: absolute;
    left:-5px;
    top: 50%;
    margin-top: -5px;
    display: block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid  rgba(0,0,0,0.75);
}
.mutual_asset .tit .quest:hover strong{
    left: 25px;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.mutual_asset .txt{
    margin-top: 15px;
    font-size: 40px;
    color:#000000;
    line-height: 50px;
    font-family: Arial;
    font-weight: 700;
}
.mutual_asset .btn{
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 100;
    display: inline-block;
    vertical-align: top;
    min-width: 58px;
    padding: 0 15px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 34px;
    text-align: center;
    background-image: linear-gradient(90deg, #407AE2 0%, #2155B3 100%);
}
.mutual_asset .btn:hover{
    background-image: linear-gradient(90deg, #2155B3 0%, #2155B3 100%);
}
.mutual_tab{
    margin-top: 35px;
    font-size: 0;
    border-bottom: 1px solid #EDEDED;
}
.mutual_tab span{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding:10px 8px 8px;
    margin: 0 22px;
    font-size: 16px;
    color: #333333 ;
    line-height: 28px;
    cursor: pointer;
    transition: all .3s;
    border-bottom: 2px solid transparent;
}
.mutual_tab span:first-child{
    margin-left:0;
}
.mutual_tab span.act{
    color: #2155B3;
    border-bottom-color: #2155B3;
}
.mutual_tab span:hover{
    color: #2155B3;
}
.mutual_tab span em{
    position: absolute;
    left: -22px;
    top:50%;
    margin-top: -8px;
    display: block;
    width: 1px;
    height: 16px;
    background: #EDEDED;
}
.mutual_tab span:first-child em{
    display: none;
}
.mutual_tab_cont .item{
    padding: 40px 0 20px;
    border-bottom: 1px solid #ededed;
}
.mutual_tab_cont .item:first-child{
    padding-top: 30px;
}
.mutual_tab_cont .tit{
    font-size: 16px;
    color: #000000 ;
    line-height: 25px;
}
.mutual_tab_cont .tit .label{
    display: inline-block;
    vertical-align:top;
    padding: 0 11px;
    margin-right: 8px;
    font-size: 14px;
    color: #1854E1;
    line-height: 25px;
    background: #E7EDFC;
}
.mutual_tab_cont .tit span{
    display: inline-block;
    vertical-align: bottom;
    margin-left: 8px;
    font-size: 14px;
    color: #999999;
    line-height: 22px;
}
.mutual_tab_cont .msg_box{
    position: relative;
    margin-top:16px;
    padding-right: 145px;
}
.mutual_tab_cont .list{
    overflow: hidden;
}
.mutual_tab_cont .list li{
    float: left;
    margin-right:40px;
    height: 48px;
    overflow: hidden;
}
.mutual_tab_cont .list li:nth-child(5){
    margin-right: 0;
}
.mutual_tab_cont .list .p1{
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.mutual_tab_cont .list .p2{
    margin-top: 3px;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    font-family: Arial;
    font-weight:700;
}
.mutual_tab_cont .msg_box .more_btn{
    position: absolute;
    right:20px;
    top:11px;
    z-index: 100;
    display: inline-block;
    padding-right:20px;
    font-size:14px;
    color: #005BAC ;
    line-height: 20px;
}
.mutual_tab_cont .msg_box .more_btn em{
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 19px;
    height: 20px;
    background: url("../images/mutual_images/arrow01.png") no-repeat center;
    background-size: 19px;
    transition:all .3s ;
}
.mutual_tab_cont .msg_box .more_btn.on em{
    transform: rotate(-180deg);
}
.mutual_tab_cont .operate_btn{
    margin-top: 20px;
    padding: 20px 20px 0 0;
    font-size: 0;
    text-align: right;
    border-top: 1px dashed #ededed;
    overflow: hidden;
}
.mutual_tab_cont .operate_btn a,
.mutual_tab_cont .msg_list .rt_btn a,
.mutual_tab_cont .order_msg .btn_box a{
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    padding: 0 10px;
    min-width: 36px;
    font-size: 14px;
    color: #0B4DA2 ;
    line-height: 24px;
    text-align: center;
    border: 1px solid #0B4DA2;
    border-radius: 2px;
    transition: all .3s;
}
.mutual_tab_cont .operate_btn a:hover,
.mutual_tab_cont .msg_list .rt_btn a:hover,
.mutual_tab_cont .order_msg .btn_box a:hover{
    background:#0B4DA2;
    color: #fff;
}
.mutual_tab_cont .operate_btn a.disabled{
    color: #C4C4C4;
    border-color: #C4C4C4 ;
    background: #fff;
}
.mutual_tab_cont .tips {
    margin-top: 10px;
    color:#999999;
    font-size: 12px;
}
.operate_btn .share_box{
    float: left;
    position: relative;
    padding: 0 15px 0 38px;
    font-size: 14px;
    color: #000000;
    line-height: 26px;
    background: #F5F5F5;
    border-radius: 0 10px 10px 0;
}
.operate_btn .share_box em{
    position: absolute;
    left:10px;
    top: 0;
    display: block;
    width: 20px;
    height: 26px;
    background: url("../images/mutual_images/icon05.png") no-repeat center;
}
.operate_btn .share_box span{
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    padding-left: 24px;
    cursor: pointer;
}
.operate_btn .share_box span.ml30{
    margin-left: 30px;
}
.operate_btn .share_box  i,
.mutual_tab_cont .msg_list .radio_icon span i{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 14px;
    height: 26px;
    background: url("../images/mutual_images/radio_icon01.png") no-repeat center;
    transition: all .3s;
}
.operate_btn .share_box  span.act i,
.mutual_tab_cont .msg_list .radio_icon span.act i{
    background-image: url("../images/mutual_images/radio_icon02.png");
}
.mutual_tab_cont .child_chart{
    margin-top: 20px;
    border: 1px solid #EDEDED;
}
.mutual_tab_cont .child_chart .pro_info_box{
    box-shadow: none;
    padding: 20px;
    margin-top: 0;
}
.mutual_tab_cont .msg_list{
    margin-top: 20px;
}
.mutual_tab_cont .msg_list li{
    border-top: 1px dashed #ededed;
    padding: 20px;
    overflow: hidden;
}
.mutual_tab_cont .msg_list .tit{
    float: left;
    font-size: 14px;
    color: #999999 ;
    line-height: 26px;
}
.mutual_tab_cont .msg_list .xy_text,
.mutual_tab_cont .msg_list .radio_icon,
.mutual_tab_cont .msg_list .rt_btn{
    float: right;
    font-size: 0;
}
.mutual_tab_cont .msg_list .xy_text a{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 26px;
    color: #2155B3;
}
.mutual_tab_cont .msg_list .xy_text a:hover{
    text-decoration: underline;
}
.mutual_tab_cont .msg_list .radio_icon span{
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 30px;
    padding-left: 24px;
    font-size: 14px;
    color: #000000;
    line-height: 26px;
}
.mutual_tab_cont .list li:nth-child(6n){
    margin-left: 0;
}
.mutual_tab_cont .list li:nth-child(n+6){
    margin-top:25px;
}
.mutual_tab_cont .msg_list.pd0 li{
    padding-left: 0;
    padding-right: 0;
}
.mutual_tab_cont .msg_list.pd0 li:last-child{
    padding-bottom: 0;
}
.mutual_tab_cont .order_msg{
    margin-top: 30px;
    position: relative;
}
.mutual_tab_cont .order_msg .btn_box{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}
.mutual_tab_cont .order_msg .txt{
    font-size: 16px;
    color: #000000;
    line-height: 28px;
}
.mutual_tab_cont .order_msg .txt span{
    margin-left: 148px;
}
.mutual_tab_cont .order_msg .txt strong{
    font-weight: 700;
    font-family: Arial;
}
.mutual_tab_cont .period_box{
    margin:10px 20px;
}
.mutual_tab_cont .period_box .line{
    width: 710px;
}
.mutual_tab_cont  .period_ul li,
.mutual_tab_cont  .period_ul li.first,
.mutual_tab_cont  .period_ul li.last,
.mutual_tab_cont .period_ul li.on:before{
    width:253px;
}
.mutual_tab_cont .period_ul li.first.on:before{
    width: 223px;
}
.mutual_tab_cont .period_ul.flex-5  li,
.mutual_tab_cont .period_ul.flex-5  li.first,
.mutual_tab_cont .period_ul.flex-5  li.last,
.mutual_tab_cont .period_ul.flex-5 li.on:before{
    width:152px;
}
.mutual_tab_cont .period_ul.flex-5 li.first.on:before{
    width: 122px;
}
.mutual_tab_cont .order_msg .btn_box a{
    min-width: 56px;
}
.dialog_cont.w620{
    width: 620px;
    margin-left: -310px;
}
.dialog_operate_msg{
    margin-top:-10px;
}
.dialog_operate_msg .list li{
    float: left;
    width: 50%;
    padding: 10px 0;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}
.dialog_operate_msg .list li span{
    color: #000000;
}
.dialog_operate_msg  .tips{
    margin-top: 10px;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.dialog_msg{
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    padding-top: 1px;
    margin: -105px 0 0 -180px;
    width: 360px;
    height: 210px;
    background: rgba(0,0,0,.7);
}
.dialog_msg img{
    display: block;
    width:84px;
    height: 84px;
    margin: 40px auto 20px;
}
.dialog_msg .txt{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
}
.dialog_order_form .order_radio .p2 span{
    color: #000000;
}
.dialog_order_form td .btn_box{
    margin-top: 5px;
}
.dialog_order_form td .btn_box a{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #0B4DA2;
    line-height: 20px;
}
.dialog_order_form td .btn_box a:hover{
    text-decoration: underline;
}
.dialog_order_form .error_txt{
    max-width: 330px;
    height: 20px;
}
.mutual_person_record{
    padding: 0 40px 40px;
    background: #fff;
}
.mutual_person_record .index_box{
    width: 100%;
    padding: 11px 0;
}
.mutual_person_record  .mutual_condition_box{
    padding: 0;
    box-shadow: none;
}
.mutual_person_record  .mutual_condition_box .txt span,
.mutual_person_record  .mutual_condition_box .txt a{
    font-size: 14px;
}
.mutual_person_record  .mutual_condition_box .txt a{
    margin: 0 10px;
}
.mutual_person_record  .mutual_condition_box .txt{
    padding-left: 75px;
}
.mutual_condition_box .date_box{
    display: inline-block;
    vertical-align: top;
    margin: -2px 0 0 10px;
    font-size: 0;
}
.mutual_condition_box .date_box .input_box{
    position: relative;
}
.mutual_condition_box .date_box .input_box,
.mutual_condition_box .date_box .line{
    display: inline-block;
    vertical-align: top;
}
.mutual_condition_box .date_box  input{
    display: block;
    padding: 4px 10px;
    width: 98px;
    height: 20px;
    font-size: 12px;
    color: #000000;
    line-height: 20px;
    background: #F9F9F9;
    border: 1px solid #E6E6E6;
    cursor: pointer;
    outline: none;
}
.mutual_condition_box .date_box  .line{
    margin: 0 6px;
    padding-top: 14px;
    width: 10px;
    border-bottom: 1px solid #E6E6E6 ;
}
.mutual_condition_box .date_box em{
    position: absolute;
    right:5px;
    top: 5px;
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/mutual_images/icon06.png") no-repeat center;
}
.mutual_record_detail{
    padding-top: 10px;
}
.mutual_record_detail h3{
    padding: 20px 0;
    font-size: 18px;
    color: #000000;
    line-height: 25px;
    font-weight: 700;
}
.mutual_record_list{
    background: #FFFFFF;
    box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.06);
}
.mutual_record_list .item{
    position: relative;
    padding: 0 30px;
    border-top: 1px solid #ededed;
}
.mutual_record_list .flex_layout{
    display: flex;
    align-items: center;
    padding: 20px 0;
}
.mutual_record_list .item:first-child{
    border-top: none;
}
.mutual_record_list .item .row-1{
    flex: 1;
}
.mutual_record_list .tit{
    font-size: 16px;
    color: #000000 ;
    line-height: 25px;
}
.mutual_record_list .tit .label{
    display: inline-block;
    vertical-align:top;
    padding: 0 11px;
    margin-right: 8px;
    font-size: 14px;
    line-height: 25px;
}
.mutual_record_list .tit .label.c_01{
    color: #1854E1;
    background: #E7EDFC;
}
.mutual_record_list .tit .label.c_02{
    color: #DB251A ;
    background: #FBE9E8;
}
.mutual_record_list .tit span{
    display: inline-block;
    vertical-align: bottom;
    margin-left: 8px;
    font-size: 14px;
    color: #999999;
    line-height: 22px;
}
.mutual_record_list .data_box{
    padding: 0 20px;
    width: 200px;
}
.mutual_record_list .data_box .p1{
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.mutual_record_list .data_box .text p {
    display: inline-block;
    _display:inline;
    *display:inline;
    zoom:1;
}
.mutual_record_list .data_box .p1 span{
    color: #999999;
}
.mutual_record_list .data_box .p2{
    font-size: 18px;
    line-height: 24px;
    font-family: Arial;
}
.mutual_record_list .data_box .p2 strong{
    font-weight: bold;
}
.mutual_record_list .cancel_btn {
    width: 120px;
}
.mutual_record_list .cancel_btn a {
    display: block;
    border: 1px solid #005BAC;
    color: #005BAC;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    width: 60px;
    text-align: center;
    margin:0 auto;
}
.mutual_record_list .rt_btn a{
    position: relative;
    display: inline-block;
    padding-right: 20px;
    font-size: 14px;
    color: #005BAC;
    line-height: 20px;
}
.mutual_record_list .rt_btn em{
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 19px;
    height: 20px;
    background: url(../images/mutual_images/arrow01.png) no-repeat center;
    background-size: 19px;
    transition: all .3s;
}
.mutual_record_list .rt_btn a.on em{
    transform: rotate(-180deg);
}
.mutual_record_list .data_table table{
    width: 100%;
    table-layout: fixed;
}
.mutual_record_list .data_table td{
    padding: 15px 8px;
    vertical-align: middle;
    border-top: 1px dashed #ededed;
}
.mutual_record_list .data_table .inner_tit{
    font-size: 14px;
    color: #000000 ;
    line-height: 20px;
}
.mutual_record_list .data_table .p11{
    font-size: 14px;
    color: #666666 ;
    line-height: 20px;
}
.mutual_record_list .data_table .p12{
    margin-top: 2px;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    font-weight: 700;
}
.mutual_record_list .item .link_btn{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    color: #FF6E04;
    line-height: 20px;
    border-radius: 0 0 0 5px;
    background: #FFEEE1;
}
.dialog_question{
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 30px 30px 40px;
    margin-left:-550px;
    width: 1040px;
    background: #fff;
    transform: translateY(-50%);
}
.dialog_question h2{
    font-size: 20px;
    color: #000000 ;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
}
.dialog_question_cont{
    margin-top: 30px;
    max-height: 600px;
    overflow-y: auto;
}
.dialog_question_cont .item:first-child{
    margin-top: 0;
}
.dialog_question_cont .item{
    margin-top:30px;
}
.dialog_question_cont .tit{
    font-size: 16px;
    color: #000000;
    line-height: 22px;
    text-align: justify;
}
.dialog_question_cont .radio_box01{
    margin-top: 20px;
    font-size: 0;
}
.dialog_question_cont .radio_box01 span{
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 100px;
    padding-left: 24px;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    cursor: pointer;
}
.dialog_question_cont .radio_box01 em{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 14px;
    height: 20px;
    background: url("../images/mutual_images/radio_icon01.png") no-repeat center;
    transition: all .3s;
}
.dialog_question_cont .radio_box01  span.act em{
    background-image: url("../images/mutual_images/radio_icon02.png");
}
.dialog_result.w470{
    width: 470px;
    margin-left: -235px;
    padding-bottom: 30px;
}
.dialog_result.w470 .top_result_box{
    padding: 30px 40px 0;
}

/* 2022-02-18新增 */
.dialog_order_form .input_box .unit_tips{
	padding: 0 4px;
	height: 20px;
	background: #0B4DA2;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	left: 8px;
	top: 35px;
	z-index: 9;
}
.dialog_order_form .input_box .unit_tips:before{
	content: "";
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid #0B4DA2;
	position: absolute;
	left: 7px;
	top: -3px;
}