/* 节日后注释 */
/* .index {
    background-size: 1920px;
    min-height: 1000px;
    background: url("../../v2_images/bg6.jpg") no-repeat center 100%;
    background-position: center 0;
    padding-top: 210px;
}
body {
    margin-top: -21px;
}
.header-block {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.page-header {
    background: transparent !important;
}
.page-header .fiedx {
    background: rgba(0, 0, 0, .4) !important;
}
.page-header .nav-menu-list .nav-menu-item {
    background: none !important;
}
.page-header .nav-menu-list .menu-name {
    color: #fff;
}
.nav-menu-item.select .line {
    background: #fff !important;
}
.page-header .nav-menu-list .nav-menu-item:hover .menu-name {
    color: #fff !important;
}
.nav-menu-item .line {
    background: #fff !important;
} */
/* 节日后注释 结束 */
.container {
    width: 1200px;
    margin: auto;
}
.titleMoreBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.titleMoreBox .leftTitle {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
.titleMoreBox .rightMore a {
    font-size: 12px;
    color: #999999;
}
.index .topAdvertisingBox {
    margin: 10px auto;
}
.index .topAdvertisingBox .topAdvertising {
    width: 1200px;
    height: 60px;
    vertical-align: middle;
}

.advertisingBox {
    height: 370px;
    padding-top: 20px;
    transition: height 0.3s;
    overflow: hidden;
    margin-bottom: 20px;
}
.advertisingBox.hide {
    height: 0px;
    padding-top: 0;
}
.advertisingInnerBox {
    position: relative;
    width: 1200px;
    margin: auto;
}
.advertisingBox .advertising {
    width: 1200px;
    height: 350px;
    transition: height 0.3s;
    cursor: pointer;
}
.advertisingBox .close {
    width: 14px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 18px;
    /* z-index: 100; */
}
.advertisingBox.hide .advertising {
    height: 0;
}
.advertisingBox.hide .close {
    display: none;
}
.index .rightSideBox {
    width: 294px;
    margin-top: 5px;
}
.index .rightSideBox .titleMoreBox {
    padding-bottom: 14px;
    border-bottom: 1px solid #E9EEF3;
}
.index .rightSideBox .titleMoreBox .leftTitle {
    display: flex;
    align-items: center;
}
.index .rightSideBox .titleMoreBox .leftTitle .titleIcon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.index .rightSideBox .titleMoreBox .leftTitle .label {
    font-size: 16px;
    color: #666666;
}
/* 股票版块数据 */
.index .stockPlate {
    height: 32px;
    display: flex;
    align-items: center;
    background: #EEEEEE;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.index .stockPlate .labelBox {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.index .stockPlate .labelBox .icon {
    width: 14px;
    height: 14px;
}
.index .stockPlate .labelBox .label {
    font-size: 14px;
    color: #1464C8;
    padding: 0 5px;
    line-height: 16px;
    border-right: 1px solid #CCCCCC;
}
.index .stockPlate .scrollWrap {
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.index .stockPlate .scrollWrap .scroll {
    display: flex;
    align-items: center;
}
.index .stockPlate .scrollWrap .scroll .item {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-right: 20px;
}
.index .stockPlate .scrollWrap .scroll .item .name {
    font-size: 14px;
    color: #333333;
    white-space: nowrap;
}
.index .stockPlate .scrollWrap .scroll .item .newprice {
    font-size: 14px;
    color: #666666;
    margin-right: 5px;
    white-space: nowrap;
}
.index .stockPlate .scrollWrap .scroll .item .newprice.rise {
    color: #CF3227;
}
.index .stockPlate .scrollWrap .scroll .item .newprice.fall {
    color: #79A387;
}
.index .stockPlate .scrollWrap .scroll .item .increaserate {
    font-size: 14px;
    color: #666666;
    white-space: nowrap;
    margin-right: 2px;
}
.index .stockPlate .scrollWrap .scroll .item .increaserate.rise {
    color: #CF3227;
}
.index .stockPlate .scrollWrap .scroll .item .increaserate.fall {
    color: #79A387;
}
.index .stockPlate .scrollWrap .scroll .item .icon {
    width: 14px;
    height: 14px;
}

/* 顶部第一个版块 */
.index .topFirstBox {
    display: flex;
    align-items: stretch;
}
.index .topFirstBox .leftRecommendBox {
    width: 866px;
    margin-right: 40px;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox {
    display: flex;
    margin-bottom: 20px;
}
/* banner */
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .bannerBox {
    width: 520px;
    height: 322px;
    margin-right: 20px;
    overflow: hidden;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .bannerBox .swiper-container {
    height: 322px;
    position: relative;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .bannerBox .bannerItem {
    position: relative;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .bannerBox .bannerItem img {
    width: 520px;
    height: 322px;
    border-radius: 6px;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .bannerBox .bannerItem .bannerTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgba(51,51,51,0.6);
    color: #fff;
    font-size: 20px;
    padding: 14px 20px;
    box-sizing: border-box;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0 0 6px 6px;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .bannerBox .pagination {
    position: absolute;
    z-index: 1000;
    padding-left: 15px;
    box-sizing: border-box;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .bannerBox .pagination .swiper-pagination-bullet {
    background: rgba(255,255,255,0.5000);
    opacity: 1;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .bannerBox .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1464C8;
}
/* 推荐资讯 */
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .recommendInfo {
    width: 326px;
    display: flex;
    flex-wrap: wrap;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .recommendInfo .infoItem {
    width: 156px;
    height: 151px;
    background: #fff;
    display: block;
    border-radius: 6px;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .recommendInfo .infoItem:not(:nth-of-type(2n)) {
    margin-right: 14px;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .recommendInfo .infoItem:nth-of-type(1),
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .recommendInfo .infoItem:nth-of-type(2) {
    margin-bottom: 20px;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .recommendInfo .infoItem:hover {
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .recommendInfo .infoItem .img {
    width: 156px;
    height: 100px;
    border-radius: 6px;
    margin-bottom: 5px;
}
.index .topFirstBox .leftRecommendBox .bannerRecommendInfoBox .recommendInfo .infoItem .infoTitle {
    height: 36px;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    padding: 0 5px;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.index .topFirstBox .leftRecommendBox .pevc .title {
    font-size: 20px;
    color: #333333;
    line-height: 23px;
    margin-bottom: 10px;
}
.index .topFirstBox .rightSideBox {
    width: 294px;
}
/* 快讯 */
.index .topFirstBox .rightSideBox .flashBox {
    width: 294px;
    margin-bottom: 20px;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .titleBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .titleBox .leftImg img {
    margin-right: 4px;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .titleBox .leftImg {
    display: flex;
    align-items: center;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .titleBox .leftImg span {
    font-size: 14px;
    color: #4A90E2;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .titleBox .rightMore a {
    font-size: 12px;
    color: #999999;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .scroll_box {
    height: 286px;
    overflow: hidden;
    border-bottom: 1px solid #E9EEF3;
    box-sizing: border-box;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .scroll_box ul {
    overflow: hidden;
    padding:0;
    margin:0;
    list-style: none;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .scroll_box .item {
    display: flex;
    padding: 5px;
    cursor: pointer;
    position: relative;
    z-index: 10;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .scroll_box .item .list_bg {
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease;
    background: #f4f4f4;
    z-index: 1;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .scroll_box .item:hover .list_bg {
    width: 100%;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .scroll_box .item .left_dot {
    width: 5px;
    height: 5px;
    background: #4A90E2;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    top: 7px;
    z-index: 10;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .scroll_box .item .right_msg {
    flex: 1;
    z-index: 10;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .scroll_box .item .right_msg .news_title {
    font-size: 13px;
    line-height: 18px;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .scroll_box .item:hover .right_msg .news_title {
    color: #1464C8;
}
.index .topFirstBox .rightSideBox .flashBox .newsFlash .scroll_box .item .right_msg .time {
    font-size: 13px;
    color: #999999;
    text-align: left;
    line-height: 15px;
}
.bgTitleBox {
    position: relative;
}
.bgTitleBox .titleBg {
    width: 100%;
    position: absolute;
    bottom: -4px;
    height: 15px;
    background: #D7E9FF;
}
.bgTitleBox .title {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    position: relative;
    z-index: 10;
    line-height: 24px;
}
/* 资鲸视点 */
.index .zjViewpoint {
    margin-bottom: 20px;
}
.index .zjViewpoint .titleLoginTips {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
}
.index .zjViewpoint .titleLoginTips .loginTips {
    width: 94px;
    height: 18px;
    cursor: pointer;
}
.index .zjViewpoint .zjViewpointContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index .zjViewpoint .zjViewpointContent .item {
    width: 285px;
    height: 160px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 6px;
}
.index .zjViewpoint .zjViewpointContent .item .itemImg {
    width: 285px;
    height: 160px;
    border-radius: 6px;
}
.index .zjViewpoint .zjViewpointContent .item .itemname {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 6px 6px;
    left: 0;
    background: rgba(51, 51, 51, 0.60);
    padding: 5px 10px;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 22px;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.index .zjViewpoint .zjViewpointContent .item .playIcon {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
/* 左侧资讯 右侧推荐 */
.index .newsRecommand {
    display: flex;
    margin-bottom: 20px;
}
.index .newsRecommand .leftNews {
    width: 865px;
    margin-right: 40px;
}
.index .newsRecommand .leftNews .titleItemBox {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #E9EEF3;
    margin-bottom: 5px;
}
.index .newsRecommand .leftNews .titleItemBox .item {
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    margin-right: 25px;
    cursor: pointer;
    position: relative;
    z-index: 10;
    font-weight: bold;
}
.index .newsRecommand .leftNews .titleItemBox .item.active {
    color: #333333;
}
.index .newsRecommand .leftNews .titleItemBox .item.active::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    background: #D7E9FF;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.index .newsRecommand .leftNews .newsItemBox .itemBox {
    display: none;
}
.index .newsRecommand .leftNews .newsItemBox .itemBox.active {
    display: block;
}
.index .newsRecommand .leftNews .newsItemBox .itemBox .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px dashed #E9EEF3;
}
.index .newsRecommand .leftNews .newsItemBox .itemBox .item:hover {
    background: #F4F7FA;
}
.index .newsRecommand .leftNews .newsItemBox .itemBox .item .newname {
    width: 658px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
}
.index .newsRecommand .leftNews .newsItemBox .itemBox .item .date {
    font-size: 13px;
    color: #999999;
}
.index .newsRecommand .rightRecommand {
    width: 294px;
}
.index .newsRecommand .rightRecommand .recommandTitle {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}
.index .newsRecommand .rightRecommand .recommandTitle .icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.index .newsRecommand .rightRecommand .recommandTitle .title {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 20px;
}
.index .newsRecommand .rightRecommand .recommandCarousel {
    width: 294px;
    height: 165px;
    margin-bottom: 10px;
}
.index .newsRecommand .rightRecommand .recommandCarousel .swiper-container {
    height: 165px;
}
.index .newsRecommand .rightRecommand .recommandCarousel .swiper-container .swiper-pagination-bullets {
    position: absolute;
    right: 0;
    bottom: 6px;
    text-align: right;
    z-index: 10;
    padding-right: 3px;
    box-sizing: border-box;
}
.index .newsRecommand .rightRecommand .recommandCarousel .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    background: #ffffff;
    width: 4px;
    height: 4px;
    opacity: 1;
    margin: 0 2px;
}
.index .newsRecommand .rightRecommand .recommandCarousel .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1464C8;
}
.index .newsRecommand .rightRecommand .recommandCarousel .item {
    width: 294px;
    height: 165px;
    display: block;
}
.index .newsRecommand .rightRecommand .recommandCarousel .item .recommandImg {
    width: 294px;
    height: 165px;
    border-radius: 4px;
}
.index .newsRecommand .rightRecommand .recommandList .recommandItem {
    display: flex;
    align-items: center;
    padding: 4px 10px;
    box-sizing: border-box;
}
.index .newsRecommand .rightRecommand .recommandList .recommandItem:not(:last-of-type) {
    margin-bottom: 4px;
}
.index .newsRecommand .rightRecommand .recommandList .recommandItem:hover {
    background: #F4F7FA;
}
.index .newsRecommand .rightRecommand .recommandList .recommandItem .circle {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-right: 6px;
    background: #333333;
}
.index .newsRecommand .rightRecommand .recommandList .recommandItem .subject {
    font-size: 13px;
    color: #333333;
    flex: 1;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index .newsRecommand .rightRecommand .recommandList .recommandItem:hover .subject {
    color: #1464C8;
}
.index .newsRecommand .rightRecommand .recommandList .recommandItem:hover .circle {
    background: #1464C8;
}
/* 研修班 */
.index .rightSideBox .yxbItemBox .yxbItem {
    display: block;
}
.index .rightSideBox .yxbItemBox .yxbItem:not(:last-of-type) {
    margin-bottom: 10px;
}
.index .rightSideBox .yxbItemBox .yxbItem:last-of-type {
    margin-bottom: 20px;
}
.index .rightSideBox .yxbItemBox .yxbItem .coverImg {
    width: 294px;
    height: 165px;
    border-radius: 4px;
    vertical-align: middle;
}
/* 活动直播 */
.index .rightSideBox .titleMoreBox {
    margin-bottom: 12px;
}
.index .rightSideBox .activityLive .liveCoverBox .liveItem {
    display: block;
    margin-bottom: 6px;
}
.index .rightSideBox .activityLive .liveCoverBox .liveItem .coverImg {
    width: 294px;
    height: 165px;
    vertical-align: middle;
    border-radius: 4px;
}
.index .rightSideBox .activityLive .liveItemBox .liveItem {
    display: flex;
    align-items: center;
    padding: 4px 10px;
    margin-bottom: 2px;
    height: 26px;
    box-sizing: border-box;
}
.index .rightSideBox .activityLive .liveItemBox .liveItem .circle {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #333333;
    margin-right: 6px;
}
.index .rightSideBox .activityLive .liveItemBox .liveItem .liveSubject {
    flex: 1;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    color: #333333;
}
.index .rightSideBox .activityLive .liveItemBox .liveItem:hover {
    background: #F4F7FA;
}
.index .rightSideBox .activityLive .liveItemBox .liveItem:hover .circle {
    background: #1464C8;
}
.index .rightSideBox .activityLive .liveItemBox .liveItem:hover .liveSubject {
    color: #1464C8;
}

/* 鲸选课程 */
.index .courseList .courseListContent {
    display: flex;
    margin-bottom: 25px;
}
.index .courseList .courseListContent .top1Course {
    display: block;
    width: 304px;
    height: 250px;
    margin-right: 20px;
    background: #fff;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
    border-radius: 4px 4px 4px 4px;
}
.index .courseList .courseListContent .top1Course .coverImg {
    width: 304px;
    height: 170px;
    margin-bottom: 16px;
    border-radius: 4px 4px 0 0;
}
.index .courseList .courseListContent .top1Course .subject {
    padding: 0 12px;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    height: 20px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}
.index .courseList .courseListContent .top1Course .desc {
    padding: 0 12px;
    font-size: 14px;
    color: #999999;
    line-height: 16px;
    height: 16px;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index .courseList .courseListContent .otherCourse {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.index .courseList .courseListContent .otherCourse .otherCourseItem {
    display: block;
    width: 204px;
    height: 115px;
    position: relative;
    overflow: hidden;
}
.index .courseList .courseListContent .otherCourse .otherCourseItem:not(:nth-of-type(4n)) {
    margin-right: 20px;
}
.index .courseList .courseListContent .otherCourse .otherCourseItem .coverImg {
    width: 204px;
    height: 115px;
    border-radius: 4px;
}
.index .courseList .courseListContent .otherCourse .otherCourseItem .subject {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 25px;
    background: rgba(51,51,51,0.6000);
    border-radius: 0px 0px 4px 4px;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px;
    box-sizing: border-box;
}
.index .courseList .courseListContent .otherCourse .otherCourseItem .desc {
    display: flex;
    align-items: center;
    position: absolute;
    width: 204px;
    height: 115px;
    padding: 4px;
    background: rgba(51,51,51,0.8000);
    border-radius: 0px 0px 4px 4px;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    top: 115px;
    left: 0;
    transition: top 0.3s;
    box-sizing: border-box;
}
.index .courseList .courseListContent .otherCourse .otherCourseItem:hover .desc {
    top: 0;
}
/* IPO前线 事件 */
.index .ipoFrontlineEvent {
    display: flex;
}
/* IPO前线 */
.index .ipoFrontline {
    width: 866px;
    margin-right: 40px;
}
/* 事件 */
.index .ipoFrontlineEvent .sidebar {
    width: 294px;
    margin: 0;
}
.index .sidebar .titleMoreBox {
    padding-bottom: 10px;
    border-bottom: 1px solid #E9EEF3;
}
.index .sidebar .titleMoreBox .leftTitle {
    display: flex;
    align-items: center;
}
.index .sidebar .titleMoreBox .leftTitle .titleIcon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.index .ipoFrontlineEvent .sidebar .eventBox {
    margin-bottom: 20px;
}
.index .ipoFrontlineEvent .sidebar .eventBox .eventItem {
    display: flex;
    margin-bottom: 10px;
}
.index .ipoFrontlineEvent .sidebar .eventBox .eventItem:hover {
    background: #F4F7FA;
}
.index .ipoFrontlineEvent .sidebar .eventBox .eventItem .coverImg {
    width: 110px;
    height: 62px;
}
.index .ipoFrontlineEvent .sidebar .eventBox .eventItem .subject {
    font-size: 13px;
    color: #333333;
    line-height: 16px;
    height: 36px;
    flex: 1;
    width: 0;
    padding: 4px 10px;
    box-sizing: border-box;
}
.index .ipoFrontlineEvent .sidebar .eventBox .eventItem:hover .subject {
    color: #1464C8;
}
.index .ipoFrontlineEvent .sidebar .eventBox .event_img_box {
    position: relative;
    margin-bottom: 8px;
    height: 170px;
    width: 100%;
    display: block;
    overflow: hidden;
}
.index .ipoFrontlineEvent .sidebar .eventBox .event_img_box img {
    width: 100%;
    height: 165px;
    border-radius: 4px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.index .ipoFrontlineEvent .sidebar .eventBox .event_img_box:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.index .ipoFrontlineEvent .sidebar .eventBox .event_img_box p {
    padding: 0 6px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(51,51,51,0.6);
}
.index .ipoFrontlineEvent .sidebar .eventBox .event_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 26px;
    padding: 0 10px;
    font-size: 14px;
    box-sizing: border-box;
}
.index .ipoFrontlineEvent .sidebar .eventBox .event_item .left_dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #333333;
    margin-right: 10px;
}
.index .ipoFrontlineEvent .sidebar .eventBox .event_item .right_name {
    font-size: 13px;
    line-height: 18px;
    flex: 1;
    /* text-overflow: -o-ellipsis-lastline; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    cursor: pointer;
}
.index .ipoFrontlineEvent .sidebar .eventBox .event_item:hover {
    background: #F4F7FA;
}
.index .ipoFrontlineEvent .sidebar .eventBox .event_item:hover .left_dot {
    background: #4A90E2;
}
.index .ipoFrontlineEvent .sidebar .eventBox .event_item:hover .right_name {
    color: #4A90E2;
}

.advertising {
    width: 1200px;
    height: 54px;
    margin-bottom: 20px;
    display: block;
}

/* 董秘实操和投资分析师课程 */
.index .typeCourse {
    margin-bottom: 20px;
}
.index .typeCourse .courseContent {
    display: flex;
}
.index .typeCourse .courseContent .courseItemBox {
    width: 866px;
    height: 494px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-right: 40px;
}
.index .typeCourse .courseContent .courseItemBox .courseItem {
    display: block;
    width: 275px;
    height: 237px;
    background: #fff;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #E9EEF3;
    box-sizing: border-box;
}
.index .typeCourse .courseContent .courseItemBox .courseItem:not(:nth-of-type(3n)) {
    margin-right: 20px;
}
.index .typeCourse .courseContent .courseItemBox .courseItem:hover {
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
}
.index .typeCourse .courseContent .courseItemBox .courseItem .coverImg {
    width: 274px;
    height: 155px;
    border-radius: 4px 4px 0 0;
    vertical-align: middle;
}
.index .typeCourse .courseContent .courseItemBox .courseItem .textMsg {
    padding: 10px 12px;
}
.index .typeCourse .courseContent .courseItemBox .courseItem .textMsg .subject {
    font-size: 14px;
    color: #333333;
    line-height: 16px;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}
.index .typeCourse .courseContent .courseItemBox .courseItem:hover .textMsg .subject {
    color: #1464C8;
}
.index .typeCourse .courseContent .courseItemBox .courseItem .textMsg .desc {
    height: 34px;
    font-size: 12px;
    color: #666666;
    line-height: 16px;
}
.index .typeCourse .rightCourse {
    width: 294px;
    height: 494px;
}
.index .typeCourse .rightCourse .corseSign {
    width: 294px;
    height: 165px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.index .typeCourse .rightCourse .newestCourse .titleBox {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.index .typeCourse .rightCourse .newestCourse .titleBox .titleIcon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.index .typeCourse .rightCourse .newestCourse .titleBox .label {
    font-size: 16px;
    color: #666666;
    font-weight: bold;
}
.index .typeCourse .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem {
    display: flex;
}
.index .typeCourse .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem:not(:last-of-type) {
    margin-bottom: 16px;
}
.index .typeCourse .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem:hover {
    background: #F4F7FA;
}
.index .typeCourse .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem .coverImg {
    width: 110px;
    height: 80px;
    border-radius: 4px;
}
.index .typeCourse .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem .courseMsgBox {
    flex: 1;
    width: 0;
    padding: 2px 10px;
}
.index .typeCourse .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem .courseMsgBox .subject {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
    height: 40px;
    overflow: hidden;
}
.index .typeCourse .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem:hover .courseMsgBox .subject {
    color: #1464C8;
}
.index .typeCourse .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem .courseMsgBox .desc {
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    color: #666666;
    height: 34px;
    line-height: 17px;
    overflow: hidden;
}

/* 资讯 */
.index .information {
    width: 866px;
}
.index .information .infoItemBox {
    margin-bottom: 20px;
}
.index .information .infoItemBox .infoItem {
    display: flex;
    height: 164px;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #E9EEF3;
    position: relative;
}
.index .information .infoItemBox .infoItem:hover {
    background: #F4F7FA;
}
.index .information .infoItemBox .infoItem .coverImg {
    width: 256px;
    height: 144px;
    margin-right: 20px;
    border-radius: 4px;
}
.index .information .infoItemBox .infoItem .itemType {
    position: absolute;
    top: 10px;
    left: 0;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    background: rgba(0,0,0,0.6);
    font-size: 12px;
    color: #fff;
    border-radius: 4px 0 4px 0;
}
.index .information .infoItemBox .infoItem .textMsg {
    flex: 1;
    width: 0;
    height: 144px;
    display: flex;
    flex-direction: column;
}
.index .information .infoItemBox .infoItem .textMsg .subject {
    font-size: 18px;
    color: #333333;
    margin-bottom: 10px;
    font-weight: bold;
    max-height: 50px;
    line-height: 24px;
    height: auto;
}
.index .information .infoItemBox .infoItem:hover .textMsg .subject {
    color: #1464C8;
}
.index .information .infoItemBox .infoItem .textMsg .desc {
    color: #999999;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
}
.index .information .infoItemBox .infoItem .textMsg .sourceTypeDate {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.index .information .infoItemBox .infoItem .textMsg .sourceTypeDate .sourceType {
    display: flex;
    align-items: center;
    font-size: 12px;
}
.index .information .infoItemBox .infoItem .textMsg .sourceTypeDate .sourceType .source {
    font-size: 12px;
    color: #666666;
}
.index .information .infoItemBox .infoItem .textMsg .sourceTypeDate .sourceType .line {
    font-size: 12px;
    color: #666666;
    margin: 0 10px;
}
.index .information .infoItemBox .infoItem .textMsg .sourceTypeDate .sourceType .type a {
    color: #1464C8;
    font-size: 12px;
}
.index .information .infoItemBox .infoItem .textMsg .sourceTypeDate .date {
    font-size: 12px;
    color: #999999;
}

/* 财经要闻和宏观与政策 */
.index .cjywAndHgyzc {
    display: flex;
    margin-bottom: 20px;
}
.index .cjywAndHgyzc .itemBox {
    flex: 1;
    margin-right: 20px;
    width: 0;
}
.index .cjywAndHgyzc .itemBox .titleBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.index .cjywAndHgyzc .itemBox .titleBox .leftTitle {
    display: flex;
    align-items: center;
}
.index .cjywAndHgyzc .itemBox .titleBox .leftTitle .titleIcon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.index .cjywAndHgyzc .itemBox .titleBox .leftTitle .label {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
.index .cjywAndHgyzc .itemBox .titleBox .rightMore a {
    font-size: 12px;
    color: #999999;
}
.index .cjywAndHgyzc .itemBox .newsItemBox .newsItem {
    padding: 15px 0;
    display: block;
    border-bottom: 1px dashed #E9EEF3;
}
.index .cjywAndHgyzc .itemBox .newsItemBox .newsItem:hover {
    background: #F4F7FA;
}
.index .cjywAndHgyzc .itemBox .newsItemBox .newsItem .itemTitleDate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.index .cjywAndHgyzc .itemBox .newsItemBox .newsItem .itemTitleDate .title {
    width: 450px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    font-weight: bold;
}
.index .cjywAndHgyzc .itemBox .newsItemBox .newsItem:hover .itemTitleDate .title {
    color: #1464C8;
}
.index .cjywAndHgyzc .itemBox .newsItemBox .newsItem .itemTitleDate .date {
    font-size: 13px;
    color: #999999;
}
.index .cjywAndHgyzc .itemBox .newsItemBox .newsItem .itemDesc {
    font-size: 14px;
    color: #999999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.yjtcOrgData {
    display: flex;
}
.yjtcOrgData .yjtcOrg,
.yjtcOrgData .data {
    flex: 1;
}

/* 业绩突出机构 */
.yjtcOrgData .yjtcOrg {
    margin-right: 20px;
}
.yjtcOrgData .yjtcOrg .titleMoreBox{
    margin-bottom: 20px;
}
.index .yjtcOrg .yjtcOrgContent .listTitleBox {
    display: flex;
    align-items: center;
    height: 40px;
    background: #F4F7FA;
}
.index .yjtcOrg .yjtcOrgContent .listTitleBox .listTitleItem {
    flex: 1;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    text-align: center;
}
.index .yjtcOrg .yjtcOrgContent .listTitleBox .listTitleItem:nth-of-type(4),
.index .yjtcOrg .yjtcOrgContent .listTitleBox .listTitleItem:nth-of-type(5),
.index .yjtcOrg .yjtcOrgContent .listTitleBox .listTitleItem:nth-of-type(6) {
    display: none;
}
.index .yjtcOrg .yjtcOrgContent .listTitleBox .listTitleItem:first-of-type {
    flex: 2;
    padding: 0 14px;
    text-align: left;
}
.index .yjtcOrg .yjtcOrgContent .listItemBox {
    margin-bottom: 20px;
}
.index .yjtcOrg .yjtcOrgContent .listItemBox .listItem {
    padding: 10px 0;
    border-bottom: 1px solid #E9EEF3;
    display: flex;
}
.index .yjtcOrg .yjtcOrgContent .listItemBox .listItem .item {
    flex: 1;
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    color: #666666;
}
.index .yjtcOrg .yjtcOrgContent .listItemBox .listItem .item:nth-of-type(4),
.index .yjtcOrg .yjtcOrgContent .listItemBox .listItem .item:nth-of-type(5),
.index .yjtcOrg .yjtcOrgContent .listItemBox .listItem .item:nth-of-type(6) {
    display: none;
}
.index .yjtcOrg .yjtcOrgContent .listItemBox .listItem .item:first-of-type {
    flex: 2 28px;
    display: flex;
}
.index .yjtcOrg .yjtcOrgContent .listItemBox .listItem .item:first-of-type .orgIcon {
    width: 60px;
    height: 60px;
    margin-right: 20px;
}
.index .yjtcOrg .yjtcOrgContent .listItemBox .listItem .item:first-of-type .orgMsg {
    flex: 1;
    width: 0;
}
.index .yjtcOrg .yjtcOrgContent .listItemBox .listItem .item:first-of-type .orgMsg .orgname {
    font-size: 14px;
    color: #333333;
    margin-bottom: 6px;
    line-height: 16px;
    text-align: left;
}
.index .yjtcOrg .yjtcOrgContent .listItemBox .listItem .item:first-of-type .orgMsg .orgDesc {
    font-size: 12px;
    color: #666666;
    height: 34px;
    line-height: 16px;
    text-align: left;
}
/* 数据 */
.index .data {
    margin-bottom: 20px;
}
.index .data .titleBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.index .data .titleBox .leftTitle {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
.index .data .titleBox .rightTab {
    display: flex;
    align-items: center;
}
.index .data .titleBox .rightTab .line {
    font-size: 16px;
    color: #666666;
    margin: 0 10px;
}
.index .data .titleBox .rightTab .tabItem {
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    cursor: pointer;
}
.index .data .titleBox .rightTab .tabItem.active {
    color: #1464C8;
}
.index .data .dataContent .dataItemOutBox {
    display: none;
}
.index .data .dataContent .dataItemOutBox.active {
    display: block;
}
.index .data .dataContent .dataTitleBox {
    display: flex;
    height: 40px;
    align-items: center;
    padding: 0 20px;
    background: #F4F7FA;
}
.index .data .dataContent .dataTitleBox .listTitleItem {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
.index .data .dataContent .dataTitleBox .listTitleItem:first-of-type {
    flex: 1;
}
.index .data .dataContent .dataTitleBox .listTitleItem:last-of-type {
    margin-left: 20px;
}
.index .data .dataContent .dataTitleBox .listTitleItem:last-of-type,
.index .data .dataContent .dataTitleBox .listTitleItem:nth-of-type(2) {
    width: 130px;
    text-align: center;
}
.index .data .dataContent .dataItemBox .dataItem {
    padding: 10px 20px 10px 0;
    border-bottom: 1px solid #E9EEF3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 81px;
    box-sizing: border-box;
}
.index .data .dataContent .dataItemBox .dataItem .info {
    flex: 1;
    width: 0;
    display: flex;
    max-width: 60%;
}
.index .data .dataContent .dataItemBox .dataItem .info .logo {
    width: 60px;
    height: 60px;
}
.index .data .dataContent .dataItemBox .dataItem .info .textInfo {
    flex: 1;
    width: 0;
    padding: 0 30px 0 20px;
}
.index .data .dataContent .dataItemBox .dataItem .info .textInfo .name {
    font-size: 14px;
    color: #333333;
    line-height: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index .data .dataContent .dataItemBox .dataItem .info .textInfo .roundMoneyProvince {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}
.index .data .dataContent .dataItemBox .dataItem .info .textInfo .roundMoneyProvince .msg {
    display: flex;
    align-items: center;
}
.index .data .dataContent .dataItemBox .dataItem .info .textInfo .roundMoneyProvince .msg:not(:last-of-type) {
    margin-right: 15px;
}
.index .data .dataContent .dataItemBox .dataItem .info .textInfo .roundMoneyProvince .msg .icon {
    width: 12px;
    height: 12px;
}
.index .data .dataContent .dataItemBox .dataItem .info .textInfo .roundMoneyProvince .msg .label {
    font-size: 12px;
    color: #666666;
    line-height: 14px;
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index .data .dataContent .dataItemBox .dataItem .info .textInfo .invest {
    font-size: 12px;
    color: #999999;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index .data .dataContent .dataItemBox .dataItem .date {
    font-size: 14px;
    color: #999999;
    width: 130px;
    text-align: center;
}
.index .data .dataContent .dataItemBox .dataItem .date:last-of-type {
    margin-left: 20px;
}

.index .tybgCourse {
    margin-bottom: 0;
}
.index .tybgCourse .courseContent .courseItemBox {
    height: 414px;
}
.index .tybgCourse .courseContent .courseItemBox .courseItem {
    height: 197px;
}
.index .tybgCourse .courseContent .rightCourse {
    height: 414px;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem {
    display: block;
    padding: 0 10px;
    margin-bottom: 10px;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem.active {
    background: #F4F7FA;
    padding: 10px;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem .subjectBox {
    display: flex;
    align-items: center;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem .subjectBox .circle {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-right: 6px;
    background: #333333;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem.active .subjectBox .circle {
    background: #1464C8;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem .subjectBox .subject {
    flex: 1;
    width: 0;
    font-size: 13px;
    color: #333333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 22px;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem.active .subjectBox .subject {
    color: #1464C8;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem .courseMsgBox {
    display: none;
    width: 100%;
    padding: 10px 0 0;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem.active .courseMsgBox {
    display: flex;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem.active .courseMsgBox .coverImg {
    width: 110px;
    height: 62px;
    border-radius: 4px;
    margin-right: 10px;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem.active .courseMsgBox .descPrice {
    flex: 1;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem.active .courseMsgBox .descPrice .desc {
    font-size: 12px;
    color: #666666;
    line-height: 17px;
    height: 34px;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 6px;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem.active .courseMsgBox .descPrice .priceBox {
    display: flex;
    align-items: center;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem.active .courseMsgBox .descPrice .priceBox .saleprice {
    font-size: 12px;
    color: #C81414;
    line-height: 12px;
    margin-right: 8px;
}
.index .tybgCourse .courseContent .rightCourse .newestCourse .newestCourseItemBox .newestCourseItem.active .courseMsgBox .descPrice .priceBox .uprice {
    font-size: 12px;
    color: #666666;
    text-decoration: line-through;
}