@charset "UTF-8";

.banner {
  position: relative;
}
.banner .tips-text {
  position: absolute;
  bottom: 0.1rem;
  right: 0.3rem;
  font-size: 0.2rem;
  color: #fff;
  opacity: 0.6;
}

.sec {
    margin-top: -0.02rem;
}
.fund-cards {
    position: relative;
    background: url("./assets/page-bg.jpg") repeat-y;
    background-size: contain;
    padding: 0.2rem 0 0.35rem;
}
.fund-cards .show-more-btn {
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -0.4rem;
    bottom: 0;
    width: 0.8rem;
    height: 0.4rem;
    background: url("./assets/read-more-btn.png") no-repeat center center;
    background-size: 0.24rem 0.14rem;
    transform: rotate(180deg);
}
.fund-cards.open .show-more-btn {
    transform: rotate(0deg);
}
.fund-cards > .fund-card {
    display: block;
    width: 6.3rem;
    margin: 0 auto 0.3rem;
    background-color: #f5f3f2;
    border-radius: 0.2rem;
}
.fund-cards > .fund-card:not(.first) {
    display: none;
}
.fund-cards > .fund-card a {
    display: block;
    padding: 0.35rem 0.36rem;
    box-sizing: border-box;
}
.fund-cards a .tags {
    text-align: center;
}
.fund-cards a .tags span {
    display: inline-block;
    font-size: 0.2rem;
    color: #999999;
    border: 0.01rem solid #999999;
    border-radius: 0.05rem;
    line-height: 1;
    padding: 0.04rem 0.06rem;
    margin-right: 0.05rem;
}
.fund-cards a .yield-sec {
    display: flex;
    margin-top: 0.2rem;
}
.fund-cards a .yield-sec > div {
    flex: 1;
    text-align: center;
}
.fund-cards a h3 {
    font-size: 0.36rem;
    color: #454545;
    margin-bottom: 0.04rem;
    text-align: center;
}
.fund-cards a .yield-sec .yield-default-style {
    font-size: 0.5rem;
    color: #ef4e23;
    line-height: 1.2;
    margin-bottom: 0.04rem;
}
.fund-cards a .yield-sec .yield-default-style i {
    font-size: 0.36rem;
    font-style: normal;
}
.fund-cards a .yield-sec .yield-default-style i {
    font-style: normal;
}
.fund-cards a .yield-sec .yield-time-default-style {
    font-size: 0.22rem;
    color: #999999;
}



.fund-cards .adv-profit-sec a .fund-card-top {
    display: flex;
}
.fund-cards .adv-profit-sec a .left {
    flex: 1.5;
}
.fund-cards .adv-profit-sec a .left .tags span {
    display: inline-block;
    font-size: 0.2rem;
    color: #999999;
    border: 0.01rem solid #999999;
    border-radius: 0.05rem;
    line-height: 1;
    padding: 0.04rem 0.06rem;
    margin-right: 0.05rem;
}
.fund-cards .adv-profit-sec a .right {
    flex: 1;
}
.fund-cards .adv-profit-sec a .left h3 {
    font-size: 0.36rem;
    color: #454545;
    margin-bottom: 0.04rem;
}
.fund-cards .adv-profit-sec a .right .fund-yield {
    font-size: 0.5rem;
    color: #ef4e23;
    line-height: 1.2;
    margin-bottom: 0.04rem;
}
.fund-cards .adv-profit-sec a .right .fund-yield i {
    font-style: normal;
}
.fund-cards .adv-profit-sec a .right .fund-yield-time {
    font-size: 0.22rem;
    color: #999999;
}


.fund-card-btn {
    text-align: center;
    margin-top: 0.3rem;
}
.fund-card-btn span {
    display: block;
    background-color: #ff5b3f;
    font-size: 0.3rem;
    color: #fff;
    padding: 0.2rem;
    border-radius: 0.1rem;
    text-align: center;
}
.fund-cards .fund-card-tips {
    padding: 0 0.6rem 0.3rem;
}
.fund-cards .fund-card-tips p {
    color: #bbb3ac;
}
.sec-tips {
    position: absolute;
    bottom: 0.35rem;
    left: 50%;
    width: 6.34rem;
    margin-left: -3.17rem;
}
.sec-tips {
    font-size: 0.2rem;
    color: #bbb3ac;
}


.sec5 .btn1 {
    position: absolute;
    right: 1.38rem;
    bottom: 0.65rem;
    width: 2.14rem;
    height: 0.42rem;
    text-indent: -888rem;
}

.footer {
  margin-top: -0.02rem;
  margin-bottom: 0;
  background-color: #e14c33;
}
.footer p {
  color: #ffca81;
}

.bottom-single-btn a {
    background: #f53e2e;
    border-bottom-color: #da3325;
}
.bottom-single-btn a:active {
    background: #da3325;
    border-bottom-color: #da3325;
}