@charset "utf-8";
/*
*Filename:		index.css
*Author:		一直都在
*Website:
*Blog:
*Mail:			1789992612@qq.com
*Version:		2.0(2020-07-08)
*/
@import 'common.css';

/*公告*/
.index-notice {
    width: 100%;
    height: 72px;
    background: rgba(242, 73, 87, 0.04);
}

.index-notice .icon {
    width: 24px;
    height: 72px;
    background: url(../images/gs.png) no-repeat center;
    margin-right: 10px;
}

.index-notice .index-notice-list-box {
    width: 1150px;
}

.index-notice .index-notice-list {
    height: 28px;
    line-height: 28px;
    margin: 22px 0;
}

.index-notice .index-notice-list .swiper-slide a {
    font-size: 20px;
    color: #333;
}

.index-notice .index-notice-list .swiper-slide a:hover {
    color: #F24957;
}

/* 第一组导航 */
.index-top {
    padding-top: 72px
}

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

.index-top-list .item {
    width: 269px;
    height: 330px;
    position: relative;
    float: left;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0px 2px 20px 0px rgba(238, 239, 240, 1);
    border: 1px solid #fff;
    margin-left: 42px;
    box-sizing: border-box;
}

.index-top-list .item:first-child {
    margin-left: 0;
}

.index-top-list .item:hover {
    box-shadow: 0px 2px 20px 0px rgba(212, 214, 216, 1);
}

.index-top-list .item .pic {
    text-align: center;
    margin-top: 36px;
}

.index-top-list .item .title {
    color: #333;
    font-size: 28px;
    font-weight: 500;
    padding: 30px 42px 16px;
    line-height: 40px;
    text-align: center;
}

.index-top-list .item .note {
    padding: 0 42px 25px;
    color: #999;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
}

/*快捷*/
.index-kj {
    padding: 54px 0 0;
}

.index-kj a.item {
    width: 370px;
    height: 406px;
    position: relative;
    float: left;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0px 2px 20px 0px rgba(238, 239, 240, 1);
    border: 1px solid #fff;
}

.index-kj a.item+.item {
    margin-left: 42px;
}

.index-kj a.item img {
    padding-top: 36px;
}

.index-kj a.item .title {
    color: #333;
    font-size: 28px;
    font-weight: 500;
    padding: 30px 42px 16px;
    line-height: 40px;
}

.index-kj a.item .note {
    padding: 0 42px 25px;
    color: #999;
    font-size: 20px;
    line-height: 28px;
}

.index-kj a.item:hover {
    box-shadow: 0px 2px 20px 0px rgba(212, 214, 216, 1);
}

.index-kj a.item .next {
    width: 27px;
    height: 22px;
    background: url(../images/next.png) no-repeat center right;
    position: absolute;
    right: 42px;
}
.index-kj .index-kj-warp {
    display: flex;
}

/*新闻*/
.index-news {
    padding: 72px 0;
}

.index-title {
    text-align: center;
    margin-bottom: 54px;
}

.index-title .tt {
    font-size: 32px;
    line-height: 42px;
    color: #333;
    padding-bottom: 24px;
}

.index-title .x-b {
    width: 120px;
    height: 5px;
    background: #F24957;
    border-radius: 4px;
    margin: 0 auto;
}

.index-news-hd {
    background: #fafafa;
    width: 100%;
    height: 65px;
    border-radius: 4px;
}

.index-news-hd .hd-t {
    float: left;
    width: 290px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    margin: 6px 8px;
    color: #999;
    font-size: 24px;
    cursor: pointer;
    border-radius: 4px;
}

.index-news-hd .hd-t+.hd-t {
    margin-left: 0;
}

.index-news-hd .hd-t.on {
    background: #F24957;
    color: #fff;
}

.index-news-bd {
    padding-top: 42px;
    height: 600px;
}

.index-news-bd .box {}

.index-news-bd .box .news-l {
    width: 580px;
}

.index-news-bd .box .news-l .pic {
    position: relative;
    width: 580px;
    height: 402px;
    overflow: hidden;
}

.index-news-bd .box .news-l .pic a img {
    width: 100%;
}

.index-news-bd .box .news-l .pic .time {
    position: absolute;
    top: 0;
    left: 0;
    width: 88px;
    height: 103px;
    background: #F24957;
    text-align: center;
}

.index-news-bd .box .news-l .pic .time .d {
    font-size: 54px;
    font-weight: 700;
    color: #fff;
    line-height: 50px;
    padding: 10px 0;
}

.index-news-bd .box .news-l .pic .time .ym {
    font-size: 16px;
    color: #fff;
    line-height: 21px;
}

.index-news-bd .box .news-l a.title {
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 26px;
    padding: 24px 0 12px;
}

.index-news-bd .box .news-l a.title:hover {
    color: #F24957;
}

.index-news-bd .box .news-l .note {
    font-size: 16px;
    color: #666;
    line-height: 21px;
    height: 63px;
    border-bottom: 1px solid #DDDADA;
    padding-bottom: 12px;
}

.index-news-bd .box .news-r {
    width: 580px;
}

.index-news-bd .box .news-r .item {
    padding: 24px 0 30px;
    border-bottom: 1px solid #DDDADA;
}

.index-news-bd .box .news-r .item .time {
    width: 70px;
    text-align: center;
}

.index-news-bd .box .news-r .item .time .d {
    font-size: 54px;
    color: #999;
    font-weight: 400;
}

.index-news-bd .box .news-r .item .time .ym {
    font-size: 16px;
    color: #999;
}

.index-news-bd .box .news-r .item .cont {
    width: 490px;
}

.index-news-bd .box .news-r .item .cont a.title {
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 26px;
    margin-bottom: 12px;
    font-weight: 700;
}

.index-news-bd .box .news-r .item .cont a.title:hover {
    color: #F24957;
}

.index-news-bd .box .news-r .item .cont .note {
    font-size: 16px;
    color: #666;
    line-height: 21px;
    height: 42px;
}

.index-news-bd .box .more {
    width: 100%;
    padding-top: 24px;
}

.index-news-bd .box .more a {
    display: block;
    width: 120px;
    line-height: 28px;
    margin: 0 auto;
    color: #333;
    font-size: 20px;
    padding-right: 30px;
    background: url(../images/more.png) no-repeat center right;
    background-size: 20px;
}

.index-news-bd .box .more a:hover {
    color: #F24957;
}

/*产品净值*/
.index-cpjz {
    padding: 72px 0;
}

.index-cpjz .index-tablebox {}

.index-cpjz .more {
    width: 100%;
    padding-top: 24px;
}

.index-cpjz .more a {
    display: block;
    width: 120px;
    line-height: 28px;
    margin: 0 auto;
    color: #333;
    font-size: 20px;
    padding-right: 30px;
    background: url(../images/more.png) no-repeat center right;
    background-size: 20px;
}

.index-cpjz .more a:hover {
    color: #F24957;
}



/*快速通道*/
.index-kstd {
    background: url(../images/mask.png) no-repeat center top;
    padding: 54px 0;
}

.index-kstd .index-title .tt {
    color: #fff;
}

.index-kstd .index-title .x-b {
    background: #fff;
}

.index-kstd .index-kstd-list {
    /* margin-right: -40px; */
    display: flex;
    justify-content: space-between;
}

.index-kstd .index-kstd-list .item {
    float: left;
    width: 320px;
    height: 216px;
    margin-right: 119px;
    background: #fff;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
}

.index-kstd .index-kstd-list .item:last-child {
    margin-right: 0;
}

.index-kstd .index-kstd-list .item .pic {
    padding-top: 42px;
    text-align: center;
}

.index-kstd .index-kstd-list .item .title {
    padding-top: 36px;
    text-align: center;
    color: #262626;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
}

.index-kstd .index-kstd-list .item:hover {
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}

.index-kstd .index-kstd-list .item:hover .title {
    color: #F24957;
}

.float-toolbar {
  position: fixed;
  right: 10px;
  top: 50%;
  display: flex;
  flex-direction: column;
  gap: 2px;
  box-shadow: 0px 4px 4px 0px #00000014;
  border-radius: 10px;
  width: 60px;
  z-index: 999;
}
.float-toolbar .float-toolbar-item {
  cursor: pointer;
}
.float-toolbar .float-toolbar-item.hotLine {
  border-radius: 10px 10px 0 0;
}
.float-toolbar .float-toolbar-item.backToTop {
  border-radius: 0 0 10px 10px;
}
.float-toolbar .float-toolbar-item.QR {
  position: absolute;
  top: 58px;
  right: 78px;
  width: 124px;
  height: auto;
  display: none;
}
.float-toolbar .float-toolbar-item.QR.show {
  display: block;
}
.float-toolbar .float-toolbar-item.tel {
  position: absolute;
  top: 0;
  right: 78px;
  width: 126px;
  height: auto;
  display: none;
}
.float-toolbar .float-toolbar-item.tel.show {
  display: block;
}