.details_con {
    padding-top: 5.20833333%;
}
.details_con .left {
    float: left;
    width: 70%;
}
.details_con .news_cont {
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px;
    width: 90%;
    overflow: hidden;
}
.details_con .d_title {
    text-align: left;
    border-bottom: 1px solid #ddddde;
    padding-bottom: 20px;
    color: #474747;
    margin-bottom: 50px;
    position: relative;
}
.details_con .d_title h2 {
    color: #4c4c4c;
    margin-bottom: 20px;
    font-weight: bold;
}
.details_con .d_span span {
    color: #333;
    font-size: 14px;
    line-height: 1;
}
.details_con .posttime {

}
.details_con .edit_news {
    border-bottom: 1px solid #e8e8e8;
    padding-left: 30px;padding-right: 30px;box-sizing: border-box;;
    padding-bottom: 7.12435233%;
}
.details_con .edit_news .edit_con_original{color: #686868;line-height: 30px;}
.details_con .share_top {
    position: absolute;
    right: 0;
    bottom: 0px;
}
.details_con .share_top a {
    color: #d0d0d0;
    font-size: 24px;
    margin-left: 22px;
}
.details_con .right {
    float: right;
    width: 25%;
    background-color: #f5f5f5;
    border-top: 3px solid #0054ca;
}
.details_con .right .r_tit {
    font-weight: bold;
    padding: 40px 13% 0;
    box-sizing: border-box;
}
.details_con .right ul {

    margin-top: 10px;
}
.details_con .right li {
    padding: 8% 13%;
    box-sizing: border-box;
    border-bottom: 1px solid #ddddde;

}
.details_con .right li .tit a{line-height: 30px;}
.details_con .right li:last-child {
    border: none;
}
.details_con .right .date {
    color: #666;
    font-size: 14px;
    margin-top: 5%;
}
.news_page {
    margin-bottom: 90px;
    position: relative;
    margin-top: 4.401%;
}
.news_page span {
    display: block;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_page span:last-child {
    margin-bottom: 0;
}
.news_page a {
    color: #000;
    font-size: 16px;
}
.cona {
    width: 114px;
    height: 48px;
    color: #fff;
    text-align: center;
    line-height: 48px;
    position: absolute;
    right: 0;
    top: 5px;
    transition: all 0.3s;
    border-radius: 2px;
}

.cona a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    background: #0054ca;


}

/*invest*/
.invest_01{padding: 5% 0;overflow: hidden;}
.invest_tab{text-align: center;}
.invest_tab li{display: inline-block;margin: 0 5px;width: 300px;height: 70px;text-align: center;line-height: 70px;border-radius: 20px;
    background: url(../images/invest_01.png) no-repeat center;background-size: cover;color: #fff;cursor: pointer;margin-bottom: 1.5%;}
.invest_tab li a{color: #fff!important;display: block;}
.invest_tab li.on{background: url(../images/invest_02.png) no-repeat center;background-size: cover;}
.invest_l{float: left;width: 44%;background: #f6f6f6;padding: 40px 50px;box-sizing: border-box;height: 452px;}
.invest_title{margin-bottom: 10px;}
.invest_title h2{display: inline-block;font-weight: bold;color: #4c4c4c;}
.invest_title span{margin-left: 20px;}
.invest_num h3{display: inline-block;}
.red{color: #de0000;}
.green{color: #319600;}
.green span i{transform: rotate(180deg);display: inline-block;}
.invest_num span{vertical-align: top;margin-top: 20px;display: inline-block;margin-left: 50px;}
.invest_account{border-top: 2px solid #b5b5b5;border-bottom: 2px solid #b5b5b5;padding: 20px 0 10px;overflow: hidden;margin-top: 10px;}
.invest_account li{float: left;width: 50%;margin-bottom: 5px;}
.invest_r{float: left;width: 56%;}
.invest_r iframe{margin: -8px;}
.invest_02{background: #f8f8f8;padding: 4% 0;box-sizing: border-box;overflow: hidden;}
.invest_tit{margin-bottom: 30px;}
.invest_tit h2{color: #4c4c4c;font-weight: bold;}
.invest_tit p{color: #a8a8a8;}
.invest_list ul{margin-bottom: 40px;display: inline-block;width: 100%;}
.invest_list li{width: 100%;padding: 15px 0;box-sizing: border-box;}
.invest_list li a{display: block;padding: 30px;box-sizing: border-box;background: #fff;padding-right: 25%;position: relative;}
.invest_list li a em{color: #9b9b9b;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.invest_list li a p{line-height: 26px;max-height: 52px;overflow: hidden;margin: 12px 0 20px;}
.invest_list li a span{display: block;width: 90px;height: 35px;;line-height: 35px;text-align: center;color: #fff;background: #0054ca;border-radius: 20px;}
.invest_list li a img{position: absolute;right: 40px;top: 30px;width: 30px;height: 31px;}

.invest_cent{margin-top: 6%;}

/*invest_03*/
.invest_03{background: #f8f8f8;padding: 0 0 8%;box-sizing: border-box;overflow: hidden;}
.invest_03 li{float: left;margin-right: 40px;margin-bottom: 10px;}
.invest_03 li i{color: #0054ca;font-size: 20px;}
.invest_03 li:last-child{width: 100%;}
.invest_03 li span a{color: #272727!important;cursor: inherit;}
@media only screen and (min-width:1025px) {
    .cona a:hover{opacity: .8;color: #fff!important;}
    .invest_list li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
}
@media only screen and (max-width:1600px) {
    .invest_tab li{width: 240px;height: 60px;line-height:60px;border-radius: 30px;}
    .invest_account li{margin-bottom: 10px;}
}
@media only screen and (max-width:1024px) {
    .details_con .left,.details_con .right{width: 100%;}
    .cona{display: none;}
    .news_page{margin-bottom: 40px;}
    .details_con .right .r_tit{padding: 40px 40px 0;}
    .details_con .right li{padding: 24px 40px;}
    .details_con .right{margin-bottom: 80px;}
    .invest_02{padding: 40px 0 50px;}
    .invest_list li{width: 50%;}
    .invest_l,.invest_r{width: 100%;}
    .invest_l{height: auto;}
    .invest_r iframe{margin: 0;}
}
@media only screen and (max-width:767px) {
    .details_con{padding-top: 30px;}
    .details_con .d_title{margin-bottom: 20px;}
    .details_con .edit_news{padding-left: 0;padding-right: 0;}
    .details_con .right{margin-bottom: 50px;}
    .details_con .right .r_tit{padding: 30px 20px 0;}
    .details_con .right li{padding: 20px;}
    .invest_tit{margin-bottom: 20px;}
    .invest_list ul{margin-left: 0;margin-right: 0;margin-bottom: 15px;}
    .invest_list li{width: 100%;padding: 0;margin-bottom: 20px;}
    .invest_list li a{padding: 30px;padding-right: 60px;}
    .invest_list li a img{right: 20px;}
    .invest_01{padding: 30px 0;}
    .invest_tab li{width: 140px;height: 40px;line-height: 40px;}
    .invest_02{padding: 30px 0 40px;}

    .invest_l{padding: 30px;}
    .invest_account li{width: 100%;}
}



/*2022-12-28*/
.invest_boxDate{display: inline-block;width: 100%;margin-bottom: 50px;margin-top: 20px;}
.boxDate_l{float: left;width: calc(100% - 100px);}
.boxDate_item{float: left;width: 31.33%;margin-right: 2%;}
.boxDate_item input{display: block;width: 100%;height: 70px;line-height: 70px;border: 0;background: #fff;padding: 0 30px;box-sizing: border-box;font-size: 18px;}
.boxDate_r{float: right;width: 98px;height: 70px;line-height: 70px;color: #fff;}
.boxDate_r .btn{display: block;width: 100%;height: 100%;background: #0054ca;color: #fff;box-shadow: inherit; border: none;text-align: center;font-size: 26px;}
.invest_boxTab{margin-bottom: 30px;overflow: hidden;}
.invest_boxTab li{float: left;padding: 0 40px;padding-bottom: 10px;position: relative;cursor: pointer;transition: all .3s;}
.invest_boxTab li:after{content: "";display: block;position: absolute;left: 0;height: 1px;background: #0054ca;bottom: 0;width: 100%;display: none;}
.invest_boxTab li.on{color: #0054ca;}
.invest_boxTab li.on:after{display: block;}

.type_list{display: none;}
.type_list span{display: inline-block;padding: 3px 12px;border: 1px solid rgba(0,84,202,0);color: #a09f9f;transition: all .3s;cursor: pointer;border-radius: 30px;margin-bottom: 8px;}
.type_list span.on{border: 1px solid rgba(0,84,202,1);color: #0054ca;}
.type_list.on{display: block;margin-bottom: 30px;}
/*.invest_list{display: none;}*/
/*.invest_list.on{display: block;}*/
@media only screen and (min-width:1025px) {
    .invest_boxTab li:hover{color: #0054ca;}
    .type_list span:hover{color: #0054ca;}
}
@media only screen and (max-width:1280px) {
    .boxDate_item input{padding: 0 20px;height: 50px;line-height: 50px;}
    .boxDate_r{height: 50px;line-height: 50px;}
}
@media only screen and (max-width:1024px) {
    .boxDate_l,.boxDate_r{width: 100%;}
    .boxDate_item{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .boxDate_r .btn{margin-left: auto;margin-right: auto;}
    .invest_boxDate{margin-top: 10px;margin-bottom: 40px;}
    .type_list span{padding: 2px 8px;}
}