.e-detail-banner{
    height: calc(421 / 1180 * 100vw);
}
.title-desc{
    font-size: calc(54 / 1180 * 100vw);
    line-height: calc(120 / 1180 * 100vw);
    letter-spacing: calc(6 / 1180 * 100vw);
    margin-bottom: calc(10 / 1180 * 100vw);
}
.e-detail-banner .e-detail-banner__container{
    padding-right: 0;
    padding-left: calc(143 / 1180 * 100vw);
}
.title-div {
    width: calc(688 / 1180 * 100vw);
    height: calc(4 / 1180 * 100vw);
    background: linear-gradient(270deg, rgba(255, 200, 25, 0) 0%, #FFC819 100%);
    margin-bottom: calc(25 / 1180 * 100vw);
}
.tip {
    height: calc(28/ 1180 * 100vw);
    font-size: calc(18/ 1180 * 100vw);
    font-weight: 400;
    line-height: calc(28/ 1180 * 100vw);
}

.flex {
    display: flex;
    justify-content: space-between;
}

.flex-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(259 / 1180 * 100vw);
}

.flex-item-img {
    width: calc(100 / 1180 * 100vw);
    margin-bottom: calc(20 / 1180 * 100vw);
}

.flex-item-title {
    text-align: center;
    height: calc(24 / 1180 * 100vw);
    font-size: calc(20 / 1180 * 100vw);
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: calc(24 / 1180 * 100vw);
    margin-bottom: calc(25 / 1180 * 100vw);
}

.flex-item-divider {
    width: calc(31 / 1180 * 100vw);
    height: calc(2 / 1180 * 100vw);
    opacity: 1;
    display: flex;
    margin-bottom: calc(32 / 1180 * 100vw);
}

.color1 {
    flex: 1;
    background-color: #1EB9E1;
}

.color2 {
    flex: 1;
    background-color: #FFC819;
}

.flex-item-content {
    font-size: calc(16 / 1180 * 100vw);
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: calc(26 / 1180 * 100vw);
    text-align: center;
}

.e-block .title {
    height: calc(53 / 1180 * 100vw);
    font-size: calc(40 / 1180 * 100vw);
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: calc(53 / 1180 * 100vw);
}

.info {
    height: calc(30 / 1180 * 100vw);
    font-size: calc(20 / 1180 * 100vw);
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: calc(30 / 1180 * 100vw);
    margin-bottom: calc(60 / 1180 * 100vw);
}

.out {
    display: flex;
    padding: calc(32 / 1180 * 100vw);
    background: #F8FAFD;
    justify-content: space-between;
}

.right>img {
    width: calc(473 / 1180 * 100vw);
    margin-left: calc(32 / 1180 * 100vw);
}

.left-item {
    padding-bottom: calc(16 / 1180 * 100vw);
    margin-bottom: calc(24 / 1180 * 100vw);
    border-bottom: 1px solid #DCDFE6;
}
.left-item:last-child{
    margin-bottom: 0;
}
.left-title {
    display: flex;
    align-items: center;
    margin-bottom: calc(16 / 1180 * 100vw);

}

.left-icon {
    width: calc(20 / 1180 * 100vw);
    margin-right: calc(10 / 1180 * 100vw);
}

.left-text {
    height: calc(36 / 1180 * 100vw);
    font-size: calc(20 / 1180 * 100vw);
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #005096;
    line-height: calc(36 / 1180 * 100vw);
}

.left-content {
    font-size: calc(14 / 1180 * 100vw);
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: calc(22 / 1180 * 100vw);
}

.yuanze {
    height: calc(405 / 1180 * 100vw);
    background: url("../assets/images/fund/investment_principle_banner.png") #145996 no-repeat top;
    background-size: 100%;
    position: relative;
    margin-bottom: calc(61 / 1180 * 100vw);
}
.yuanze-title,.jiazhi-title{
    color: #fff !important;;
}
.yuanze-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(32 / 1180 * 100vw);
    width: calc(490 / 1180 * 100vw);
}

.yuanze-text {
    font-size: calc(16 / 1180 * 100vw);
    font-weight: 400;
    color: #FFFFFF;
    line-height: calc(24 / 1180 * 100vw);
}

.jiazhi {
    min-height: calc(440 / 1180 * 100vw);
    padding-right: calc(32 / 1180 * 100vw);
    background: url("../assets/images/fund/investment_value_banner.png") #145996 no-repeat top;
    background-size: 100%;
    position: relative;
    margin-bottom: calc(61 / 1180 * 100vw);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.jiazhi-content {
    width: calc(490 / 1180 * 100vw);
}

.jiazhi-text {
    font-size: calc(16 / 1180 * 100vw);
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: calc(24 / 1180 * 100vw);
}

.neirong-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.neirong-item {
    width: calc(546 / 1180 * 100vw);
    min-height: calc(136 / 1180 * 100vw);
    box-sizing: border-box;
    padding: calc(16 / 1180 * 100vw);
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    margin-bottom: calc(34 / 1180 * 100vw);
}

.neirong-icon {
    width: calc(32 / 1180 * 100vw);
}
.neirong-top{
    margin-bottom: calc(40 / 1180 * 100vw) !important;
}
.neirong-title {
    font-size: calc(16 / 1180 * 100vw);
    font-weight: bold;
    color: #2C3C57;
    line-height: calc(22 / 1180 * 100vw);
    margin-left: calc(16 / 1180 * 100vw);
}

.neirong-content {
    font-size: calc(16 / 1180 * 100vw);
    font-weight: 400;
    color: #2C3C57;
    line-height: calc(24 / 1180 * 100vw);
    margin-top: calc(12 / 1180 * 100vw);
}

.list {
    list-style: disc;
    display: flex;
    margin-bottom: calc(18 / 1180 * 100vw);
}

.list>li {
    position: relative;
    transform: translateX(25px);
    margin-right: calc(52 / 1180 * 100vw);
}

.list>li::marker {
    width: calc(4 / 1180 * 100vw);
    height: calc(4 / 1180 * 100vw);
    color: #FFC819;
}

.touzi {
    min-height: calc(364 / 1180 * 100vw);
    padding: calc(60 / 1180 * 100vw) 0 0 calc(32 / 1180 * 100vw);
    display: flex;
    background: url("../assets/images/fund/investment_long_banner.png") #f8fafd no-repeat top;
    background-size: 100%;
    position: relative;
    margin-bottom: calc(60 / 1180 * 100vw);
}

.touzi-content {
    width: calc(491 / 1180 * 100vw);
}

.peizhi {
    min-height: calc(436 / 1180 * 100vw);
    background: url("../assets/images/fund/investment_config_banner.png") #f8fafd no-repeat top;
    background-size: 100%;
    position: relative;
    margin-bottom: calc(60 / 1180 * 100vw);
    padding-top: calc(66 / 1180 * 100vw);
    padding-right: calc(32 / 1180 * 100vw);
    display: flex;
    justify-content: flex-end;
}

.peizhi-content {
    width: calc(491 / 1180 * 100vw);
}

.peizhi-top,.touzi-top,.yuanze-top,.jiazhi-top,.neirong-top {
    border-bottom: calc(2 / 1180 * 100vw) solid #1EB9E1;
    margin-bottom: calc(20 / 1180 * 100vw);
}

.peizhi-title,.touzi-title,.yuanze-title,.jiazhi-title,.neirong-title1 {
    padding-bottom: calc(15 / 1180 * 100vw);
    display: inline-block;
    font-size: calc(24 / 1180 * 100vw);
    font-weight: 400;
    color: #3D3D3D;
    line-height: calc(34 / 1180 * 100vw);
    position: relative;
}

.peizhi-title::after,.touzi-title::after,.yuanze-title::after,.jiazhi-title::after,.neirong-title1::after {
    position: absolute;
    bottom: calc(-2 / 1180 * 100vw);
    left: 0;
    width: 100%;
    height: calc(2 / 1180 * 100vw) ;
    background-color: #ffc819;
    content: "";
}

.peizhi-text,.touzi-text {
    font-size: calc(16 / 1180 * 100vw);
    font-weight: 400;
    color: #333333;
    line-height: calc(24 / 1180 * 100vw);
}

.tg-info {
    position: relative;
    height: calc(203 / 1180 * 100vw);
    background: url("../assets/images/fund/investment_info_banner.png") no-repeat center;
    background-size: 100%;
    margin-bottom: calc(59 / 1180 * 100vw);
}

.tg-info-content {
    position: absolute;
    left: calc(48 / 1180 * 100vw);
    top: calc(66 / 1180 * 100vw);
    width: calc(624 / 1180 * 100vw);
    font-size: calc(16 / 1180 * 100vw);
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: calc(24 / 1180 * 100vw);
}

.left1>img {
    width: calc(473 / 1180 * 100vw);
}
.right1{
    width: calc(539 / 1180 * 100vw);
}
.right1-item {
    padding-bottom: calc(16 / 1180 * 100vw);
    margin-bottom: calc(24 / 1180 * 100vw);
    border-bottom: 1px solid #DCDFE6;
}
.right1-item:last-child{
    margin-bottom: 0;
}
.right1-title {
    display: flex;
    align-items: center;
    margin-bottom: calc(12 / 1180 * 100vw);

}

.right1-icon {
    width: calc(20 / 1180 * 100vw);
    margin-right: calc(10 / 1180 * 100vw);
}

.right1-text {
    height: calc(36 / 1180 * 100vw);
    font-size: calc(20 / 1180 * 100vw);
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #005096;
    line-height: calc(36 / 1180 * 100vw);
}

.right1-content {
    font-size: calc(14 / 1180 * 100vw);
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: calc(22 / 1180 * 100vw);
}

.fwf {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url("../assets/images/fund/investment_service.png") no-repeat center;
    height: calc(302 / 1180 * 100vw);

}

.fwf-title {
    font-size: calc(24 / 1180 * 100vw);
    font-weight: 400;
    color: #FFFFFF;
    line-height: calc(34 / 1180 * 100vw);
    margin-bottom: calc(18 / 1180 * 100vw);
}

.fwf-content {
    font-size: calc(14 / 1180 * 100vw);
    font-weight: 400;
    color: #FFFFFF;
    line-height: calc(22 / 1180 * 100vw);
    text-align: center;
    width: calc(985 / 1180 * 100vw);
}

.contact {
    height: calc(225 / 768 * 100vw);
    margin: 8vw 0 0;
    padding-top: 8vw;
    background: url(../assets/images/mechanism_investment_adviser_img/hui_1.png) no-repeat bottom right;
    background-size: 100% 100%;
}

.contact .contact_box .box {
    width: 100%;
    margin: 0 calc(268 / 1180 * 100vw);
}

.contact .contact_box .contact_box_title {
    margin-bottom: 5vw;
    text-align: center;
    line-height: calc(23 / 768 * 100vw);
    font-size: calc(23 / 768 * 100vw);
    color: #333333;
}

.contact .contact_box .contact_box_title::after {
    position: absolute;
    left: 0;
    width: 50%;
    height: calc(2 / 1180 * 100vw);
    bottom: calc(-2 / 1180 * 100vw);
    background-color: #ffc819;
    content: "";
}

.contact .contact_box .contact_box_content {
    display: flex;
    justify-content: space-around;
}

.contact_box_item .contact_box_item_title {
    font-size: calc(20 / 1180 * 100vw);
    line-height: calc(30 / 1180 * 100vw);
    margin-bottom: calc(26 / 1180 * 100vw);
}

.contact_box_item .contact_box_item_title img {
    max-width: calc(30 / 1180 * 100vw);
    max-height: calc(24 / 1180 * 100vw);
    vertical-align: sub;
}

.contact_box_item .contact_box_item_title span {
    color: #333;
    letter-spacing: 1px;
    margin-left: calc(7 / 1180 * 100vw);
}

.contact_box_item .contact_box_look {
    font-size: calc(16 / 1180 * 100vw);
    line-height: calc(20 / 1180 * 100vw);
    position: relative;
    display: flex;
    align-items: center;
}

.contact_box_item .contact_box_look .contact_box_look_img1 {
    width: calc(18 / 1180 * 100vw);
    height: calc(18 / 1180 * 100vw);
    margin-right: calc(10 / 1180 * 100vw);
}

.contact_box_item .contact_box_look span {
    letter-spacing: 1px;
    color: #005096;
    cursor: pointer;
}

.contact_box_item .contact_box_look .contact_box_look_img2 {
    display: none;
    width: calc(166 / 1180 * 100vw);
    height: calc(156 / 1180 * 100vw);
    position: absolute;
    top: calc(-12 / 1180 * 100vw);
}

.fxts {
    margin-top: calc(60 / 1180 * 100vw);
    font-size: calc(16 / 1180 * 100vw);
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    color: #999999;
    line-height: calc(24 / 1180 * 100vw);
    margin-bottom: calc(60 / 1180 * 100vw);
}

.none {
    display: none !important;
}

.content-before>p::before {
    content: "";
    width: calc(4 / 1180 * 100vw);
    height: calc(4 / 1180 * 100vw);
    display: inline-block;
    border-radius: 50%;
    background-color: #ffc819;
    vertical-align: middle;
    margin-right: calc(10 / 1180 * 100vw);
    line-height: calc(30 / 1180 * 100vw);
}

.content-before {
    display: flex;
    flex-wrap: wrap;

}

.content-before>p {
    margin-right: calc(40 / 1180 * 100vw);
    margin-top: calc(18 / 1180 * 100vw);
}

.risk-tips-box{
    padding-top: 3vw;
    color: #9e9e9e;
    font-size: calc(16 / 1180 * 100vw);
    line-height: calc(24 / 1180 * 100vw);
    background-color: #f8fafd;
    width: 100%;
}
.risk-tips-box p{
    text-indent: 0!important;
}
.code_img.contact_look_img2 {
    display: none;
    width: calc(162 / 768 * 100vw);
    margin-left: calc(-30 / 768 * 100vw);
    position: absolute;
    left: 0px;
    z-index: 1;
    padding: 20px;
    background: #fff;
    border: 1px solid #eee;
    margin-top: 20px;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);
}
.code_img.contact_look_img2 .sx-sprit {
    width: 18px;
    height: 18px;
    border-left: 2px solid #eee;
    border-bottom: 2px solid #eee;
    transform: rotate(135deg);
    position: absolute;
    top: -10px;
    left: calc(50% - 30px);
    z-index: 99;
    background: #fff;
    margin-left: 20px;
}