body{background-color: #F7F7F9;font-family: PingFang SC;}
table {border-collapse: collapse;}
.font-color-red,.sy-red{color: #DB0516!important;}.font-color-green,.sy-green{color: #35A32C!important;}
.float-l{float: left}
.float-r{float: right}
.clear-both{clear:both}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mt50{margin-top: 50px}
.hide{display: none}
.chart-nodata{text-align: center;font-size: 16px;color: #999999;*display:none;line-height: 200px}
.annotation{color: #BBBBBB;line-height: 20px;font-size: 10px;font-weight: 400;margin: 30px 15px 0 15px}
.bottom-annotation{margin: 20px 15px 70px 15px;}
.content-card.list-card{margin-top: 20px}
.content-card.list-card+.content-card.list-card {margin-top: 10px;}
.content-card .card-header img{height: 200px;width: 100%}
.content-card .card-body{background: #fff;border-radius: 7px;}
.content-card .card-body.absolute{z-index: 10;position: absolute;top: 100px;width: 86%;left: 0; right: 0;  margin: auto;}
.content-card .card-body.absolute.absolute-fundinfo{padding: 20px 15px 15px 15px;margin-top: 50px}
.content-card .card-body.absolute.absolute-input{border: 1px solid #EFEFEF;border-radius: 18px;padding: 7px 15px;}
.content-card .card-body.absolute.absolute-input input{width: 85%;height: 20px;line-height: 20px;border: 0}
.content-card .card-body.absolute.absolute-input input:hover{border: 0;}
.content-card .card-body.absolute.absolute-input i{display:inline-block;width:20px;height:20px;vertical-align: -5px;margin: 0 5px;
    background: url("../images/fundanaly/icon-search.png") no-repeat;background-size: 100%;
}
.content-main{position: relative;}
.content-main.no-search .absolute-input{display: none}
.content-main.no-search .content-card .absolute-fundinfo{margin-top: 0;}
.content-main.no-search .content-card.col-tab-box {margin-top: 70px;}
.card-body .fund-title{font-size: 18px; font-weight: bold;  color: #222222;}
.card-body .fund-info{font-size: 12px;  font-weight: 400;  color: #666666;padding: 10px 0 10px 0;line-height:21px;border-bottom: 1px solid #EFEFEF;}
.card-body .fund-info label{padding:2px 10px;background: #F6F6F6;border-radius: 2px;font-size: 10px;font-weight: 400;color: #666666;margin-left: 10px}
.card-body .fund-info label.cur{background:#FDF3F3;color: #FE5D4E;}
.card-body .fund-data{padding: 10px 0;}
.card-body .fund-data ul li{float: left;width: 33%;}
.card-body .fund-data ul li p{font-size: 15px;font-weight: bold;text-align: center;}
.card-body .fund-data ul li p+p{font-size: 11px;font-weight: 400;color: #BBBBBB;}
.page-more{text-align: center;height: 40px;line-height: 40px;color: #999999;cursor: pointer}
.col-tab-box {height: 45px;}
.col-tab{background-color: #FFFFFF;height: 45px;line-height: 45px;display:flex;flex-direction:row;
    border-bottom: 1px solid #EFEFEF;position: fixed;top: 0;z-index: 99;width: 100%;}
.tab-btn{
    font-size: 16px;float: left;text-align: center;color: #323436;flex:1;cursor: pointer;
}
.tab-btn.active{border-bottom: 4px solid #E9353B;color: #E9353B;font-weight: bold;}
.col-tab-menu{
    height: 25px;line-height: 25px;flex-direction:row;padding: 15px;width: 90%;
    white-space: nowrap;overflow-x: scroll;overflow-y: hidden;/*position: fixed;*/z-index: 99;
    /* 隐藏滚动条 */
    scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */
}
.col-tab-menu::-webkit-scrollbar {
    display: none; /* Chrome Safari */
}
.menu-btn{
    font-size: 14px;text-align: center;padding-bottom: 10px;margin-right: 10px;color: #323436;flex:1;
    display: inline-block;*display: inline;*zoom: 1;cursor: pointer;
}
.menu-btn+.menu-btn{/*margin-left: 15px;*/}
.menu-btn.active{font-weight: 400;color: #E9353B;border-bottom: 3px solid #E9353B;}
.content-card.col-tab-box{margin-top: 120px;width: 100%;}
.content-card .col-tab-menu-box{position: relative;height: 53px;background-color: #FFFFFF;}
.col-tab-menu-box .menu-btn-more{position: absolute;right: 0;top: 15px;z-index: 999;
    width: 26px;height: 27px;
    background: url("../images/fundanaly/menu-more.png") no-repeat;background-size: 100%;}
.col-tab-menu-box .menu-btn-more img{width: 26px;height: 27px;}
.content-card.col-tab-box.tab-content-top{position: fixed;top: 0;margin: 0 0 0 0 !important;z-index: 9999;}

.content-card.list-card{background: #fff;padding-bottom: 20px}
.content-card .card-label{padding:20px 15px 12px 15px;background: linear-gradient(0deg, #FFFFFF, #FAE6E5);
    font-size: 17px;font-weight: bold;color: #191919;margin-bottom: 20px;
}
.content-card .card-label span{font-size: 16px;font-weight: bold;color: #E9353B;margin-left: 10px}
.content-card .card-label i{display: inline-block;width: 16px;height: 16px;margin-right: 6px;vertical-align: -2px;}
.content-card .card-label.label-zhcp i{background: url("../images/fundanaly/tb-zhcp.png") no-repeat;background-size: 100%;}
.content-card .card-label.label-hyfx i{background: url("../images/fundanaly/tb-hyfx.png") no-repeat;background-size: 100%;}
.content-card .card-label.label-tzfg i{background: url("../images/fundanaly/tb-tzfg.png") no-repeat;background-size: 100%;}
.content-card .card-label.label-yjbx i{background: url("../images/fundanaly/tb-yjbx.png") no-repeat;background-size: 100%;}
.content-card .card-label.label-fundmgr i{background: url("../images/fundanaly/tb-fundmgr.png") no-repeat;background-size: 100%;}
.content-card .card-label.label-zzkd i{background: url("../images/fundanaly/tb-zzkd.png") no-repeat;background-size: 100%;}
.content-card .card-label.label-bdfx i{background: url("../images/fundanaly/tb-bdfx.png") no-repeat;background-size: 100%;}
.content-card .card-label.label-fundorg i{background: url("../images/fundanaly/tb-fundorg.png") no-repeat;background-size: 100%;}
.content-card .card-label.label-fxzcpz i{background: url("../images/fundanaly/tb-fxzcpz.png") no-repeat;background-size: 100%;}
.content-card .card-label label.right{float: right;font-size: 12px;font-weight: 400;color: #666666;margin-top: 2px;}
.content-card .card-label label.right i{background: 0;font-style: normal;font-family: MicrosoftYaHei, serif !important;
    font-weight: bold;vertical-align: 0;margin-right: 0;text-align: right;cursor: pointer
}
.chart-label-box{text-align: center;margin-top: 10px}
.chart-label-box ul{display: inline-block;*display: inline;zoom: 1;}
.chart-label-box ul li{float: left;font-size: 11px;font-weight: 400;color: #666666;padding: 5px 10px;border: 1px solid #DCDCDC;}
.chart-label-box ul li+li{margin-left: -1px}
.chart-label-box ul li.active{border: 1px solid #E9353B;margin-right: 1px;color: #E9353B;background: rgba(233, 53, 59, 0.08);}
.chart-label-box ul li:first-child{border-radius: 3px 0 0 3px;}
.chart-label-box ul li:last-child{border-radius: 0 3px 3px 0;}
.card-yjbx.chart-label-box ul li{padding: 5px 7px;}

.chart-box{text-align: center;}
.chart-box.chart-mgr-ld-box{margin: 0 30px}
.chart-title{display: inline-block;font-size: 17px;font-weight: bold;color: #323436;position: relative;z-index: 1}
.chart-title .bott{height: 5px;width: 80px;background: #FFCBAC;position: absolute;bottom: 0;z-index: -1;left: -5px;}
.chart-pf-title{font-size: 13px;font-weight: 400;color: #666666;}
.chart-pf-title span{font-size: 26px;font-weight: bold;color: #E9353B;margin-right: 5px;}

.col-intr .intr-list+.intr-list{margin-top: 15px}
.col-intr{padding: 25px 20px;background: #FAFAFA;color: #535057;font-size: 13px;line-height: 20px;margin: 20px 15px 0 15px;text-align: justify;}
.col-intr .intr-header .icon{width: 14px;vertical-align: middle;margin-right: 7px;}
.col-intr .intr-header{color: #191919;font-size: 15px;font-weight: bold;line-height: 24px;margin-bottom: 5px;}
.col-intr .intr-list .intr-header .icon{vertical-align: -2px;}
.col-notice{color: #B2B2B2;font-size: 12px;margin: 29px 0;}

.col-tzfg{background: #fff9ed;padding: 15px;margin: 15px;}
.col-tzfg .tzfg-header{width: 100%;text-align: center;font-weight: bold;color: #a91515;font-size: 17px;margin-bottom: 10px;}
.txt-tzfg{border: 1px solid #f7e2cd;background: linear-gradient(180deg, #FFFFFF, #f7e2cb);padding: 10px 15px;
    margin: 0 auto;}
.col-tzfg .bk-name{color: #792800;font-size: 14px;}
.col-tzfg .bk-bl{color: #ce0000;font-size: 14px;font-weight: bold;}

.tbl-box{margin: 20px 15px 0 15px}
.tbl-data{width: 100%;color: #535057;font-size: 12px;border: 1px solid #E0E0E0;}
.tbl-data th{background: #ECECEC;height: 26px;border-right: 1px solid #F3F3F3;border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #F3F3F3;padding:3px 0;}
.tbl-data thead th{background:#ECECEC;font-weight: bold;color: #535057;border:1px solid #DCDCDC;}
.tbl-data tbody th{background:#FAFAFA;font-weight: 400}
.tbl-data td{border-right: 1px solid #F3F3F3;border-bottom: 1px solid #F3F3F3;height: 43px;text-align: center;}
.tbl-data td.td-label{background: #FAFAFA;}
.tbl-data td a{color: #1886DB;}
.tbl-data td img.sifenwei{width: 13px;vertical-align: middle;margin-right: 3px}

.fundmgr-data{margin: 20px 30px}
.header-list-box{border-radius: 7px;font-size: 13px;font-weight: 400;color: #323436;text-align: center;margin-top: 20px;}
.header-list-box ul{display: inline-block;*display:inline;zoom: 1;background: #EEEEEE;border-radius: 3px;border: 2px solid #EEE;}
.header-list-box ul li{float: left;padding: 0 10px;height: 25px;line-height: 25px;}
.header-list-box ul li.active{background: #E9353B;color: #FFFFFF;border-radius: 3px;}
.fundmgr-img img{width: 86px;height: 115px}
.fundmgr-info{margin-left: 20px}
.fundmgr-info .info-header{font-size: 17px;font-weight: bold;color: #323436;}
.fundmgr-info .info-header label{font-size: 10px;font-weight: 400;color: #FF7D2F;border: 1px solid #FF7D2F;
    margin-left: 10px;vertical-align: 2px;padding: 0 5px;
}
.fundmgr-info .info-header label+label{margin-left: 5px}
.fundmgr-info .info-body{font-size: 12px;font-weight: 400;color: #999999;margin-top: 12px;line-height: 20px}
.fundmgr-info .info-body span{text-align: right;width: 80px;display: inline-block}
.fundmgr-info .info-body span+span{text-align: left;margin-left: 30px;color: #323436;}
.chart-mgrnlzhpf{width: 330px;height: 220px;margin: 10px auto;}
.chart-cp-box{border-radius: 7px;font-size: 13px;font-weight: 400;color: #222222;;text-align: center}
.chart-cp-box ul{display: inline-block;*display:inline;zoom: 1;background: #EFEFEF;border-radius: 12px;border: 2px solid #EEE;margin-top: 4px;}
.chart-cp-box ul li{float: left;padding: 0 10px;height: 25px;line-height: 25px;}
.chart-cp-box ul li.active{background: #E9353B;color: #FFFFFF;border-radius: 12px;}

.col-intr .txt-content p i {
    background: url("../images/fundanaly/sanjiao.png") no-repeat 0 0;
    padding: 0;width: 9px;height: 9px;display: inline-block;*height: 12px;*display: inline;*zoom: 1;margin: 0 5px;
}
.col-intr .txt-content p {line-height: 20px;padding-bottom: 5px;}
.fundorg-zhpf{background: url("../images/fundanaly/fundorg-zhpf.png") no-repeat;background-size: 100% 100% ;
    width: 230px;height: 230px;margin: 20px auto;line-height: 150px;
}
.chart-box.chart-fundorg-ld-box{padding-bottom: 20px;}
.fundorg-data{font-size: 12px;font-weight: 400;color: #999999;margin: 0 15px;background: #FAFAFA;padding: 20px 10px}
.fundorg-data .item-val{color: #323436;}
.fundorg-data .item-val+.item-val{margin-left: 5px}
.fundorg-data .company-logo{margin-right: 20px;}
.fundorg-data .company-logo img{width: 65px;}
.fundorg-data .company-info{white-space: nowrap;}
.fundorg-data .company-info .company-info-item{white-space: nowrap;line-height: 25px;text-overflow: ellipsis;overflow: hidden;}
/*超出显示...*/
.text-ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.chart-data-box{position: relative}
.chart-data-box .chart-data-item{line-height: 20px;padding-top: 25px}
.chart-data-box .chart-data-item+.chart-data-item{margin-top: 80px;padding-top: 0}
.chart-data-box .chart-data-item label{font-size: 12px;font-weight: 400;color: #323436;}
.chart-data-box .chart-data-item label span{color: #DD3730;margin-left: 5px}
.chart-data-box .chart-data-item label.center{position: absolute;left: 0;right: 0;margin: auto;top: 100px;bottom: 0;line-height: 20px;}
.chart-data-box .chart-data-item label.center span{font-size: 20px;font-weight: bold;color: #FFFFFF!important;}
.chart-data-box .chart-data-item label.center span span{font-size: 15px;}
.chart-data-box .chart-data-item label.left{float: left;margin-left: -30px;}
.chart-data-box .chart-data-item label.right{float: right;margin-right: -30px;}
.chart-data-box .chart-data-item.label-bottom{margin-top: 180px}
.bottom-botton{font-size: 16px;font-weight: 400;color: #FFFFFF;background: #E9353B;
    position: fixed;bottom: 0;width: 100%;padding: 15px 0;text-align: center;z-index: 999;
}