@charset "utf-8";

.banner {
    background: url(/web/oldinvest/images/provide-banner.jpg) 50% 50% no-repeat;
}

.shadow {
    box-shadow: 0 0 5px 0 #eee;
}

.gules, .rise {
    color: #f7656b;
}

.fall {
	color: #2aaf7b;
}

.banner .pension-invest {
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}

.banner .pension-invest .invest-plan {
    margin-top: 50px;
    width: 331px;
    height: 251px;
    cursor: default;
    border-radius: 12px;
    background-image: url(/web/oldinvest/images/pension-invest-bg.png);
}

.banner .pension-invest .invest-plan .robot-hint i {
    width: 91px;
    height: 105px;
    background-image: url(/web/oldinvest/images/robot.png); 
}

.banner .pension-invest .invest-plan .robot-hint p {
    padding: 4px 10px;
    color: #f64f19;
    background-color: #fee3db;
    border-radius: 20px 12px 12px 2px;
}

.banner .pension-invest .invest-plan h3 {
    margin-top: -15px;
    color: #612606;
}

.banner .pension-invest .invest-plan ul {
    color: #612606;
}

.banner .pension-invest .invest-plan ul li {
    margin: 0 7px;
}

.banner .pension-invest .invest-plan ul li i {
    margin-right: 3px;
    width: 11px;
    height: 12px;
    background-image: url(/web/oldinvest/images/selected.png);
}

.banner .pension-invest .plan-now {
    right: 37px;
    bottom: 72px;
    width: 254px;
    height: 56px;
    color: #fff;
    line-height: 48px;
    background-image: url(/web/oldinvest/images/plan-now.png);
}

/* 横向滚动 */

.scroll-list {
    overflow: hidden;
    white-space: nowrap;
    width: 1200px;
}

.scroll li {
    display: inline-block;
    margin: 15px 20px 0 20px;
    padding: 8px 6px;
    font-size: 14px;
    text-align: center;
    border-radius: 30px;
    background-color: #fff7f0;
}

.scroll li a {
    color: #333;
}

.scroll li a img {
    width: 22px;
    height: 22px;
}

.scroll-begin,
.scroll-end {
    display: inline;
}

/* 税延养老基金 普通养老基金 养老投顾策略 */

.pension-fund > ul {
    margin: 0 auto;
    width: 470px;
}

.pension-fund > ul li {
    color: #999;
}

.pension-fund > ul li:after {
    content: '';
    display: none;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 2px;
    background-color: #ddaf59;
}

.pension-fund > ul .active,
.pension-fund > ul li:hover {
    color: #333;
}

.pension-fund > ul .active:after,
.pension-fund > ul li:hover:after {
    display: block;
}

.pension-fund > div {
    margin: 35px auto 0;
    width: 1200px;
    height: 360px;
}

.pension-fund > div .sidebar {
    width: 270px;
    height: inherit;
    color: #fff;
}

.pension-fund > div .deferred-pension {
    background-image: url(/web/oldinvest/images/deferred-pension.jpg);
}

.pension-fund > div .general-pension {
    background-image: url(/web/oldinvest/images/general-pension.jpg);
}

.pension-fund > div .pension-investment {
    background-image: url(/web/oldinvest/images/pension-investment.jpg);
}

.pension-fund .deferred-pension-fund {
    width: 930px;
    height: 360px;
}

.pension-fund .deferred-pension-fund div {
    width: 310px;
}

.pension-fund .deferred-pension-fund div p {
    color: #999;
}

.pension-fund .deferred-pension-fund div h3 {
    color: #333;
}

.pension-fund .deferred-pension-fund div a {
    width: 188px;
    line-height: 38px;
    border: 1px solid #ddaf59;
    color: #ddaf59;
}

.pension-fund .deferred-pension-fund div .day-limit {
    padding: 6px 16px;
    color: #f7656b;
    background-color: #fff2f3;
    border-radius: 8px;
}

.pension-fund .secure-investment {
    width: 850px;
}

.pension-fund .secure-investment ul li {
    height: 120px;
    display: flex;
    align-items: center;
    border-bottom: 1px dotted #dfdfdf;
}

.pension-fund .secure-investment ul li:last-child {
    border-bottom: none;
}

.pension-fund .secure-investment ul li .fund-name {
    width: 250px;
}

.pension-fund .secure-investment ul li div h3 {
    color: #333;
}

.pension-fund .secure-investment ul li div p {
    color: #999;
}

.pension-fund .secure-investment ul li .fund-name .fund-title {
    line-height: 24px;
}

.pension-fund .secure-investment ul li .fund-yield,
.pension-fund .secure-investment ul li .latest-worth {
    width: 235px;
}

.pension-fund .secure-investment ul li .buy {
    width: 90px;
    border-left: 1px dashed #dfdfdf;
}

.pension-fund .secure-investment ul li .buy a {
    width: 90px;
    border: 1px solid #ddaf59;
    line-height: 38px;
    color: #ddaf59;
    box-sizing: border-box;
}

/* 汇养老训练营 */

.train-camp {
    padding-top: 1px;
    background-color: #f9f9f9;
}

.train-camp h3 {
    color: #333;
}

.train-camp h3:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -6px;
    margin-left: -30px;
    width: 60px;
    height: 2px;
    background-color: #ddaf59;
}

.train-camp p {
    color: #999;
}

.train-camp ul {
    margin-top: 35px;
    width: 1200px;
}

.train-camp ul li {
    width: 360px;
}

.train-camp ul li a span {
    width: 100%;
    height: 200px;
}

.train-camp ul li .unlock-retirement {
    background-image: url(/web/oldinvest/images/unlock-retirement.jpg);
}

.train-camp ul li .third-pillar {
    background-image: url(/web/oldinvest/images/third-pillar.jpg);
}


.train-camp ul li .embrace-new {
    background-image: url(/web/oldinvest/images/embrace-new.jpg);
}


.train-camp ul li p {
    color: #666;
    line-height: 48px;
    background-color: #fff;
}

.train-camp .more {
    width: 120px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #666;
    color: #666;
    border-radius: 20px;
}

/* 老友记 */

.htf-friends {
    width: 1200px;
}

.htf-friends .video {
    float: left;
    width: 850px;
}

.htf-friends .video video {
    width: 850px;
    height: 357px;
}

.htf-friends .video video::-webkit-media-controls-toggle-closed-captions-button {
    display: none;
}

.htf-friends .video div {
    height: 357px;
}

video {
    object-fit: fill;
}

.htf-friends .video .play-btn {
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 53px;
    height: 53px;
    background-image: url(/web/oldinvest/images/play-btn.png);
}

.htf-friends div .video p {
    padding: 18px 25px;
    background-color: #fff;
    box-shadow: 0 0 25px 0 #ededed;
}

.htf-friends div .video p a {
    color: #666;
}

.htf-friends div ul {
    float: right;
}

.htf-friends div ul li {
    margin-top: 29px;
    box-shadow: 0 0 25px 0 #ededed;
}

.htf-friends div ul li:first-child {
    margin-top: 0;
}

.htf-friends div ul li img {
    width: 320px;
    height: 189px;
}