.backtest .createpreview { padding: 20px; }
/* ========== 内容区域 ========== */
.backtest .createpreview__content { *zoom: 1; }
.backtest .createpreview__content::after { content: ""; display: table; clear: both; }
/* ========== 组合概览标题 ========== */
.backtest .createpreview__section-title { margin-bottom: 16px; *zoom: 1; }
.backtest .createpreview__section-title::after { content: ""; display: table; clear: both; }
.backtest .section-title__bar { display: inline-block; *display: inline; zoom: 1; width: 4px; height: 20px; background-color: #E7551E; vertical-align: middle; margin-right: 8px; }
.backtest .section-title__text { display: inline-block; *display: inline; zoom: 1; font-size: 24px; color: #333; vertical-align: middle; }
/* ========== 组合概览卡片 ========== */
.backtest .createpreview__card { border: 1px solid #eeeeee; border-radius: 4px; margin-bottom: 24px; box-shadow: 0 2px 6px 0 rgba(238, 238, 238, 0.90); }
.backtest .card__header { padding: 12px 20px; border-bottom: 1px solid #eeeeee; background-color: #F8F8F8; }
.backtest .card__title { font-size: 18px; color: #333; }
.backtest .card__body { width: 100%; height: 175px; *zoom: 1; }
.backtest .card__body::after { content: ""; display: table; clear: both; }
/* 左侧：资金信息 */
.backtest .card__info { width: 50%; height: 100%; padding: 48px 20px 20px 20px; float: left; border-right: 1px solid #eeeeee; }
.backtest .info__item { width: 50%; float: left; }
.backtest .info__label { font-size: 16px; color: #999; margin-bottom: 5px; }
.backtest .info__value { font-size: 18px; color: #333; display: inline-block; *display: inline; zoom: 1; }
.backtest .info__value:hover { opacity: 0.8; filter: alpha(Opacity=80); }
.backtest .info__value span { display: inline-block; *display: inline; zoom: 1; }
.backtest .info__arrow { background: url(../../img/backtest/icon_arrow_right_gray.png) center center no-repeat; background-size: contain; width: 5px; height: 9px; margin-bottom: 2px; }
/* 右侧：饼图 */
.backtest .card__chart { width: 50%; height: 100%; float: left; }
.backtest .chart__title { font-size: 16px; color: #333; text-align: center; height: 35px; padding-top: 10px; }
.backtest .chart__container { *zoom: 1; height: 135px; }
.backtest .chart__container::after { content: ""; display: table; clear: both; }
.backtest .chart__legend { width: 105px; float: left; padding-top: 35px; height: 100%; margin-left: 50px; }
.backtest .legend__item { margin-bottom: 12px; *zoom: 1; }
.backtest .legend__item::after { content: ""; display: table; clear: both; }
.backtest .legend__item:last-child { margin-bottom: 0; }
.backtest .legend__text { display: inline-block; *display: inline; zoom: 1; font-size: 14px; color: #666; vertical-align: middle; }
.backtest .chart__pie { width: 275px; height: 135px; float: right; }
/* ========== 投资下列基金 ========== */
.backtest .createpreview__fund-section { margin-top: 40px; }
.backtest .fund-section__header { margin-bottom: 16px; *zoom: 1; }
.backtest .fund-section__header::after { content: ""; display: table; clear: both; }
.backtest .fund-section__title { float: left; font-size: 18px; color: #333; line-height: 26px; }
.backtest .fund-section__tabs { float: right; background-color: #F8F8F8; border-radius: 4px; padding: 2px; user-select: none; }
.backtest .fund-tab { display: inline-block; *display: inline; zoom: 1; padding: 4px 12px; font-size: 13px; color: #666; cursor: pointer; border-radius: 4px; }
.backtest .fund-tab:hover { opacity: 0.8; filter: alpha(Opacity=80); }
.backtest .fund-tab--active { background-color: #FFFFFF; color: #333; font-weight: bold; }
/* 基金列表 */
.backtest .fund-section__list { }
.backtest .fund-row { padding: 16px 20px 4px 20px; border-bottom: 1px solid #F2F2F2; *zoom: 1; }
.backtest .fund-row::after { content: ""; display: table; clear: both; }
.backtest .fund-row:last-child { }
.backtest .fund-row__index { width: 30px; float: left; font-size: 14px; color: #333; line-height: 40px; text-align: center; }
.backtest .fund-row__info { width: 560px; float: left; padding-left: 10px; }
.backtest .fund-row__name { font-size: 14px; color: #333; line-height: 20px; }
.backtest .fund-row__code { font-size: 12px; color: #999; line-height: 18px; }
.backtest .fund-row__amount { float: right; *zoom: 1; }
.backtest .fund-row__amount::after { content: ""; display: table; clear: both; }
.backtest .amount-row { *zoom: 1; }
.backtest .amount-row::after { content: ""; display: table; clear: both; }
.backtest .amount-btn { display: inline-block; *display: inline; zoom: 1; width: 24px; height: 24px; line-height: 22px; text-align: center; font-size: 16px; color: #666; background-color: #F5F5F5; border-radius: 2px; cursor: pointer; vertical-align: middle; padding: 0; }
.backtest .amount-btn:hover { background-color: #EBEBEB; }
.backtest .amount-btn--minus { }
.backtest .amount-btn--plus { }
.backtest .amount-input { display: inline-block; *display: inline; zoom: 1; width: 80px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #333; background-color: #F8F8F8; border: 0; outline: none; border-radius: 4px; vertical-align: middle; padding: 0; }
.backtest .amount-unit { display: inline-block; *display: inline; zoom: 1; width:32px; font-size: 14px; color: #333; margin-left: 5px; vertical-align: top; margin-top: 2px; }
.backtest .amount-percent { font-size: 12px; color: #999; text-align: center; margin-top: 4px; }
.backtest .delete-icon { display: inline-block; *display: inline; zoom: 1; width: 18px; height: 18px; margin-left: 24px; background: url(../../img/backtest/icon_del2.png) center center no-repeat; background-size: contain; vertical-align: top; margin-top: 2px; }
.backtest .delete-icon:hover { opacity: 0.7; filter: alpha(opacity=70); }
/* 添加更多基金 */
.backtest .fund-section__add { display: block; text-align: center; height: 25px; margin: 25px 0px 40px 0px; }
.backtest .fund-section__add:hover { opacity: 0.8; filter: alpha(Opacity=80); }
.backtest .add-icon { display: inline-block; *display: inline; zoom: 1; width: 14px; height: 14px; background: url(../../img/backtest/icon_add.png) center center no-repeat; background-size: contain; vertical-align: middle; }
.backtest .add-text { display: inline-block; *display: inline; zoom: 1; font-size: 12px; color: #999; margin-left: 5px; }