.common-left-tab{
    float:left;
    width: 207px;
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
}
.seriver-city-container-port {
    margin-top: 21px;
    margin-bottom: 40px;
    font-size: 0;
}
.service-city-select-container {
    display: inline-block;
    width: 960px;
    vertical-align: top;
}
.container-title-port {
    margin-bottom: -1px;
    border-bottom: 1px solid #DEDEDE;
}
.container-title {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
}
.title-line {
    position: relative;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 3px;
    background: #EE5043;
    margin-top: 5px;
}
.container-desc {
    margin: 24px 0;
    line-height: 28px;
    color: #333333;
    font-size: 14px;
}

.link-port-item {
    position: relative;
    width: 310px;
    height: 387px;
    padding: 0 20px;
    margin-right: 15px;
    margin-bottom: 15px;
    line-height: 22px;
    border-radius: 2px;
    box-shadow: 0 0 7px 0 rgba(26,12,0,0.11);
    box-sizing: border-box;
    background: #FFFFFF;
    font-size: 14px;
}
.link-port-item-height {
    height: 431px;
}
.link-item-img {
    width: 84px;
    height: 84px;
    margin: 37px 0 34px;
}
.link-item-title {
    margin-bottom: 18px;
    text-align: center;
    line-height: 26px;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
}
.link-item-btn {
    position: absolute;
    right: 0;
    bottom: 29px;
    left: 0;
    width: 158px;
    height: 32px;
    margin: 0 auto;
    line-height: 32px;
    text-align: center;
    border: 1px solid #EE5043;
    border-radius: 16px;
    color: #EE5043;
    font-size: 14px;
    cursor:pointer;
}
.link-item-btn:hover{
    background: #EE5043;
    color: #fff;
}
.link-item-telephone {
    margin-top: 12px;
    line-height: 20px;
    color: #999;
    font-size: 12px;
}
.link-mail-list {
    margin-top: 12px;
}
.link-mail-item {
    line-height: 20px;
    color: #999;
    font-size: 12px;
}
.link-mail-item-circle {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 8px;
    background: #BFBFBF;
    vertical-align: middle;
}
.m-mr0 {
    margin-right: 0 !important;
}
.m-mb0 {
    margin-bottom: 0 !important;
}
.m-mt0 {
    margin-top: 0 !important;
}
.m-ml0 {
    margin-left: 0 !important;
}
.vertical-align-top-1 {
    vertical-align: top;
}
.vertical-align-mid {
    vertical-align: middle;
}
.vertical-align-sub {
    vertical-align: sub;
}
.bt-1 {
    border-top: 1px solid #DEDEDE;
}
.bb-1 {
    border-bottom: 1px solid #DEDEDE;
}

.click-more {
    color: #666;
    font-size: 14px;
    cursor: pointer;
}
.click-more:hover {
    color: #EE5043;
}
.m-w50 {
    width: 50%;
}
.common-container {
    margin-top: 23px;
    margin-bottom: 22px;
    color: #333;
    font-size: 18px;
    /* cursor: pointer; */
}
.text-content {

}
.release-time{
    margin-top: 8px;
    margin-bottom: 18px;
    color: #999;
    font-size: 14px;
}

.contact-infor {
    width: 472px;
    height: 180px;
    padding: 30px 24px 30px 35px;
    margin-bottom: 36px;
    border: 1px solid #f7f3f3;
    box-shadow: 0 0 7px 0 rgba(26,12,0,0.11);
    box-sizing: border-box;
    border-radius: 2px;
    color: #999;
    font-size: 12px;
}
.contact-infor-img {
    width: 84px;
}
.contact-infor-content {
    width: 296px;
    margin-left: 31px;
}
.contact-infor-type {
    margin-bottom: 18px;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}
.contact-infor-advantage {
    margin-bottom: 12px;
    color: #333;
    font-size: 14px;
}

/* å•æ®ä¸‹è½½ */
.m-down-item {
    position: relative;
    border-bottom: 1px solid #DEDEDE;
}
.m-down-title {
    line-height: 60px;
    color: #333;
    font-size: 18px;
}
.m-down-hine {
    width: 780px;
    margin-top: -9px;
    margin-bottom: 21px;
    line-height: 19px;
    color: #999;
    font-size: 14px;
}
.m-down-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 18px;
    border: 1px solid #EE5043;
    color: #EE5043;
    font-size: 16px;
    cursor: pointer;
}
.m-down-btn a{
    color: #EE5043;
    display: inline-block;
    width: 100%;
}
.m-down-btn:hover {
    background: #EE5043;
    color: #fff;
    font-size: 16px;
}
.m-down-btn a:hover{
    color: #fff;
    display: inline-block;
    width: 100%;
}

/* æŸœå°ç›´é”€è´¦æˆ· */
.m-account-title {
    margin-bottom: 28px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
}
.m-bank-info-list {

}
.m-bank-info-item {
    margin-bottom: 26px;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
}

.m-bank-icon-port {
    position: relative;
    width: 164px;
    height: 164px;
    border-right: 1px solid #DEDEDE;
    background: #fff;
}
.m-bank-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.m-bank-info-detail {
    line-height: 32px;
    border-bottom: 1px solid #DEDEDE;
    color: #333;
    font-size: 14px;
}
.m-bank-info-title {
    display: inline-block;
    width: 160px;
    padding-left: 20px;
    margin-right: 20px;
    border-right: 1px solid #DEDEDE;
    box-sizing: border-box;
}
.m-bb0 {
    border-bottom: 0;
}

/* ä¹°å–æŒ‡å— */
.m-tab-list {
    margin-bottom: 20px;
}
.m-tab-item {
    width: 120px;
    height: 40px;
    margin-right: 20px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #DEDEDE;
    border-radius: 2px;
    color: #333;
    font-size: 14px;
}

.m-tab-item a{
    display:inline-block;
    color: #333;
    width: 100%;
}

.m-tab-item.active {
    border: 1px solid #EE5043;
    color: #EE5043;
}

.m-tab-item.active a{
    color: #EE5043;
}

.m-tab-item:hover {
    border: 1px solid #EE5043;
    color: #EE5043;
    cursor: pointer;
}
.m-tab-item:hover a{
    color: #EE5043;
}

.m-tab-content {
    line-height: 40px;
    color: #333;
    font-size: 14px;
}
.m-tab-content-title {
    font-size: 18px;
    font-weight: bold;
}
/* æŠ•è¯‰æµç¨‹ */
.m-complaint-port {
    line-height: 40px;
    color: #151515;
    font-size: 14px;
}
.m-complaint-port-title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

/* æƒç›Šé¡»çŸ¥ */
.m-power-port {
    line-height: 28px;
    color: #151515;
    font-size: 14px;
}
.m-power-port-title {
    font-size: 18px;
    font-weight: bold;
}
/* ç•™è¨€å’¨è¯¢ */
.m-message-container {
    margin-bottom: 40px;
    border-bottom: 1px solid #DEDEDE;
    font-size: 0;
}
.m-message-left {
    margin-bottom: 41px;
    padding-right: 48px;
    border-right: 1px solid #DEDEDE;
}
#m-choose-message-type {
    width: 360px;
    height: 48px;
    margin-bottom: 18px;
    padding-left: 18px;
    border: 1px solid #C0CAD2;
    border-radius: 2px;
    color: #ccc;
    font-size: 14px;
    box-sizing: border-box;
}
.m-message-textarea-port {
    margin-top: 18px;
}
.m-message-textarea {
    width: 433px;
    height: 391px;
    padding-top: 14px;
    padding-left: 18px;
    border: 1px solid #C0CAD2;
    border-radius: 2px;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
}
.m-message-right {
    width: 430px;
    margin-left: 48px;
}
.m-message-right-item {
    height: 48px;
    margin-bottom: 18px;
    line-height: 48px;
}
.m-right-item-title {
    display: inline-block;
    width: 74px;
    color: #333;
    font-size: 14px;
}
.m-message-item-input {
    width: 356px;
    height: 48px;
    padding-left: 18px;
    border: 1px solid #C0CAD2;
    border-radius: 2px;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
}
.m-message-item-input::placeholder {
    color: #ccc;
    font-size: 14px;
}
.m-message-textarea::placeholder {
    color: #ccc;
    font-size: 14px;
}
select::placeholder {
    color: #ccc;
    font-size: 14px;
}
.m-verifical-code {
    width: 215px;
    margin-right: 16px;
}
.m-get-verifical-btn {
    display: inline-block;
    width: 125px;
    height: 48px;
    border: 1px solid #EE5043;
    text-align: center;
    line-height: 48px;
    box-sizing: border-box;
    vertical-align: middle;
    color: #EE5043;
    border-radius: 2px;
    font-size: 14px;
}
.m-message-item-right {
    display: inline-block;
    width: 356px;
    margin-bottom: 28px;
    color: #666;
    font-size: 14px;
}
.m-try-btn {
    display: inline-block;
    width: 90px;
    height: 36px;
    margin-right: 30px;
    text-align: center;
    line-height: 36px;
    background: #FD533B;
    background-image: linear-gradient(116deg, #FD533B 0%, #FF005D 100%);
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
}
.m-no-open-account {
    color: #333333;
    font-size: 14px;
}
.m-now-open-account {
    color: #EE5043;
    font-size: 14px;
}
.m-message-block {
    font-size: 0;
}
.m-message-block-btn {
    display: inline-block;
    width: 104px;
    height: 40px;
    margin-right: 20px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #DEDEDE;
    color: #333;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
}
.m-message-block-btn:hover {
    border: 1px solid #EE5043;
    color: #EE5043;
}
.m-message-block-btn.active {
    border: 1px solid #EE5043;
    color: #EE5043;
}
.m-message-block-list {
    position: relative;
    width: 100%;
    color: #666;
    font-size: 14px;
}
.m-login-btn-port {
    position: absolute;
    top: 14px;
    left: 18px;
    color: #ccc;
    font-size: 14px;
}
.m-login-btn {
    color: #EE5043;
    cursor: pointer;
}
.m-no-login {
    min-height: 165px;
    margin-top: 18px;
    border: 1px solid #C0CAD2;
}
.m-message-text {
    width: 735px;
}


/* å®‰å…¨ä¿éšœ */
.service-city-select-container-port {
    display: inline-block;
    width: 960px;
    vertical-align: top;
}
.safe-hint-port {
    margin-top: 19px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
}
.first-safe-hint {
    margin-top: 24px;
}
.m-mt30 {
    margin-top: 30px;
}
.safe-title-port {
    position: relative;
    height: 40px;
    padding-left: 31px;
    line-height: 40px;
    background: #F9F9F9;
    color: #333;
    font-size: 18px;
}
.safe-left-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 40px;
    background: #EE5043;
}

/* å®‰å…¨æŽªæ–½éƒ¨åˆ† start */
.safe-container-port {
    margin-top: 19px;
    line-height: 28px;
    color: #151515;
    font-size: 14px;
}
.safe-container-title {
    line-height: 40px;
    color: #333;
    font-weight: bold;
}
.safe-text {
    margin-top: 16px;
}
/* å®‰å…¨æŽªæ–½éƒ¨åˆ† end */


/* å®‰å…¨è®¾ç½® */
.ie-step-set {
    margin-top: 30px;
    margin-left: 59px;
    margin-bottom: 19px;
}
.first-step,
.second-step,
.third-step,
.fourth-step {
    position: relative;
    width: 132px;
    height: 50px;
    text-align: center;
    cursor: pointer;
}
.first-step.active,
.second-step.active,
.third-step.active,
.fourth-step.active {
    color: #fff;
}
.step-text {
    z-index: 1;
    position: relative;
    display: inline-block;
    line-height: 50px;
}
.first-step.active .first-step-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 132px;
    height: 50px;
}
.first-step .first-step-img-no {
    display: none;
    position: absolute;
    top: -7px;
    left: -6px;
    width: 144px;
    height: 62px;
}
.other-step-img {
    display: none;
    position: absolute;
    top: -7px;
    left: -6px;
    width: 144px;
    height: 62px;
    margin: auto;
}
.other-step-img-no {
    position: absolute;
    top: -7px;
    left: -6px;
    width: 144px;
    height: 62px;
    margin: auto;
}
.other-step.active .other-step-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 132px;
    height: 50px;
}
.step-result {
    padding-left: 60px;
}
.step-result-img {
    display: none;
    width: 644px;
    height: 545px;
}
/* å®‰å…¨è®¾ç½® end */

/* å®¢æˆ·æ´»åŠ¨ */
.seriver-activity-container-port {
    line-height: 28px;
    color: #333;
    font-size: 14px;
}
.activity-first {
    margin-top: 40px;
    border-bottom: 1px solid #DEDEDE;
}

.activity-first-img {
    margin: 20px 0 31px;
}


.activity-list {
    margin-top: 30px;
    border-bottom: 1px solid #DEDEDE;
}
.activity-list-title {
    margin-bottom: 13px;
    font-size: 20px;
    font-weight: bold;
}
.activity-list-title:hover {
    color: #EE5043;
}
.activity-list-img {
    margin: 20px 0 40px;
}

/* å’¨è¯¢ */

.m-advisory-title {
    margin-top: 48px;
    margin-bottom: 20px;
    line-height: 28px;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
}
.m-advisory-release-time {
    margin-bottom: 46px;
    color: #999999;
    font-size: 12px;
}
.m-advisory-news {
    z-index: 1;
    position: relative;
    line-height: 28px;
    color: #333333;
    font-size: 14px;
}

/* å’¨è¯¢åˆ—è¡¨ */
.m-advisory-wj-news-list {
    z-index: 1;
    position: relative;
}
.m-advisory-wj-news-item {
    /*height: 60px;*/
    line-height: 60px;
    border-bottom: 1px dashed #DFDFDF;
    box-sizing: border-box;
    font-size: 0;
}
.m-advisory-wj-news-item-circle {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 12px;
    border-radius: 3px;
    background: #D9D9D9;
    vertical-align: middle;
}
.m-advisory-wj-news-item-text {
    overflow: hidden;
    display: inline-block;
    width: 1000px;
    height: 60px;
    color: #333;
    font-size: 14px;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-advisory-wj-news-item-time {
    color: #666;
    font-size: 12px;
}
.m-news-position-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 484px;
    height: 260px;
}
/* å®¢æœé¦–é¡µ */
.m-customer-service-link-port {
    z-index: 4;
    position: relative;
    margin-top: -70px;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 0 7px 0 rgba(26,12,0,0.11);
    border: 1px solid #f3f2f1;
    background: #FFFFFF;
    color: #333;
    font-size: 0;
}

.m-customer-xszn{
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    background: url(../images/xszn.png) left bottom no-repeat;
    background-position-x: 28px;
    padding-left: 58px;
    padding-top: 22px;
}

.m-customer-service-link-item {
    margin-right: 110px;
    text-align: center;
    cursor: pointer;
}
.m-customer-service-link-title {
    margin-top: 11px;
    font-size: 14px;
}
.m-title-port-hint {
    line-height: 48px;
    color: #666;
    font-size: 14px;
}
.m-customer-service-check-port {
    height: 486px;
    margin-top: 24px;
    margin-bottom: 65px;
    box-shadow: 0 0 7px 0 rgba(26,12,0,0.11);
    border: 1px solid #f3f2f1;
    border-radius: 8px;
    background: #FFFFFF;
    font-size: 0;
}
.m-customer-service-check-list {
    position: relative;
    height: 160px;
}
.m-customer-service-check-list-icon {
    margin-top: 30px;
    margin-left: 50px;
    vertical-align: top;
}
.m-customer-service-check-list-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 190px;
    margin: auto;
    /* margin-left: 43px; */
    vertical-align: top;
}
.m-customer-service-check-list-title {
    margin-bottom: 12px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
.m-customer-service-check-list-desc {
    width: 360px;
    margin-bottom: 12px;
    line-height: 22px;
    color: #333;
    font-size: 14px;
}
.m-customer-service-check-list-link {
    color: #EE5043;
    font-size: 12px;
}
.m-hot-problem-port {
    margin-top: 40px;
    font-size: 0;
}
.m-serial-number-port {
    position: relative;
    color: #333;
    font-size: 14px;
}
.m-hot-problem-left {
    margin-left: 77px;
    line-height: 40px;
}
.m-hot-problem-right {

    line-height: 40px;
}
.m-hot-problem-left.m-mt-top-12,
.m-hot-problem-right.m-mt-top-12 {
    margin-top: -12px;
}
.m-serial-number-eng {
    position: absolute;
    top: -1px;
    right: -5px;
    color: #5F6674;
    font-size: 20px;
    opacity: .07;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=7);
}
.m-serial-number-text {
    overflow: hidden;
    width: 400px;
    margin-left: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    font-size: 14px;
}
.m-hot-problem-right .m-serial-number-text {
    width: 360px;
}

.m-info-search-port {
    margin: 40px 0 13px 0;
}
.m-inf-calendar-port {
    position: relative;
    display: inline-block;
    height: 32px;
    vertical-align: top;
}
.m-info-start-time,
.m-info-end-time {
    display: inline-block;
    width: 150px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.08);
}
.m-info-tile {
    display: inline-block;
    width: 150px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
}
.m-info-calender-img {
    position: absolute;
    right: 10px;
    top: 9px;
    width: 14px;
    height: 14px;
}
.m-lh-32 {
    display: inline-block;
    line-height: 32px;
    vertical-align: top;
}
.m-info-search-btn {
    display: inline-block;
    width: 52px;
    height: 32px;
    margin-left: 30px;
    text-align: center;
    line-height: 32px;
    background: #FD533B;
    background-image: linear-gradient(116deg, #FD533B 0%, #FF005D 100%);
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
.net-value .m-info-search-btn {
    margin-left: 10px;
}
/* åŸºé‡‘-ä¸šç»© */
.m-fund-performance-port {

}
.m-fund-performance-top-container {
    position: relative;
}
.m-fund-performance-top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 391px;
    background: url(./../images/fund_detail/fund-performance-bg.png) no-repeat;
    background-size: 100% 100%;
}
.m-fund-performance-top-content {
    /* padding-top: 27px; */
}
.m-fund-performance-top-list {
    font-size: 0;
}
.m-fund-performance-top-item {
    position: relative;
    width: 389px;
    margin-top: 27px;
    margin-right: 16px;
    padding-top: 33px;
    padding-left: 40px;
    box-sizing: border-box;
    border: 1px solid #f7f3f3;
    background: #fff;
    background-image: linear-gradient(185deg, #FFF5E8 0%, #FFFFFF 14%);
    box-shadow: 0 4px 22px 0 rgba(153,153,153,0.28);
    border-radius: 4px;
}
.m-fund-performance-top-item-img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    vertical-align: middle;
}
.m-text-gradient {
    background-image:-webkit-linear-gradient(left,#A96724,#5B3913);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size: 32px;
    font-weight: bold;
}
.m-fund-performance-top-item-btn:hover{
    color:#fff;
}
.m-fund-performance-top-item-btn {
    width: 224px;
    height: 50px;
    margin: 36px 0 41px;
    text-align: center;
    line-height: 50px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #FD533B;
    background-image: linear-gradient(to right, #FD533B 0%, #FF005D 100%);
    color: #fff;
    font-size: 18px;
    box-shadow: 0 4px 19px 0 rgba(253,76,62,0.38);
    cursor: pointer;
    display: inline-block;
}
.m-fund-performance-top-item-btn:hover {
    background: #FF7663;
    background-image: linear-gradient(116deg, #FF7663 0%, #FF1F71 100%);
}
/* åŸºé‡‘-ä¸šç»© ä¸­é—´éƒ¨åˆ† */
.m-fund-performance-mid-container .main-fund-head {
    margin-top: 48px;
    margin-bottom: 21px;
}
.m-fund-performance-mid-item {
    width: 389px;
    height: 124px;
    margin-right: 16px;
    padding: 30px 0 0 44px;
    border: 1px solid #f7f3f3;
    background: #fff;
    box-shadow: 0 4px 22px 0 rgba(153,153,153,0.28);
    box-sizing: border-box;
}
.m-fund-performance-mid-item1 {
    background: url(./../images/fund_detail/fund-performance-item4.png) no-repeat;
    background-size: 100% 100%;
}
.m-fund-performance-mid-item2 {
    background: url(./../images/fund_detail/fund-performance-item5.png) no-repeat;
    background-size: 100% 100%;
}
.m-fund-performance-mid-item3 {
    margin-right: 0;
    background: url(./../images/fund_detail/fund-performance-item6.png) no-repeat;
    background-size: 100% 100%;
}
/* åŸºé‡‘-ä¸šç»© ä¸­é—´éƒ¨åˆ† end */

/*  åŸºé‡‘-ä¸šç»© åº•éƒ¨ */
.m-fund-performance-bottom-container .main-fund-head {
    margin-top: 80px;
    margin-bottom: 35px;
}
.m-fund-performance-choose-list {
    display: inline-block;
    margin-left: 70px;
    color: #666;
    font-size: 16px;
    vertical-align: middle;
    line-height: 20px;
}
.m-fund-performance-choose-item {
    position: relative;
    margin-right: 24px;
    cursor: pointer;
}
.m-fund-performance-choose-item.active {
    color: #EE5043;
}
.m-fund-performance-choose-item.active:after {
    content: '';
    position: absolute;
    top: 9px;
    left: -10px;
    width: 5px;
    height: 5px;
    border-radius: 1px;
    background: #EE5043;
}
.m-fund-performance-bottom-container .search-box {
    margin-top: 4px;
}
.m-fund-performance-bottom-container .search-box input::placeholder {
    color: #ccc;
}
.m-fund-performance-bottom-container .search-box .search-img {
    border-left: 0;
}

.m-fund-performance-bottom-search-list {
    margin-bottom: 20px;
    padding: 16px 76px 16px 20px;
    background: #F9F9F9;
    font-size: 0;
}
.m-fund-performance-bottom-search-item {
    margin-bottom: 18px;
    font-size: 0;
}
.m-fund-performance-bottom-search-item-title {
    margin-right: 48px;
    line-height: 30px;
    color: #666;
    font-size: 14px;
}
.m-search-item {
    width: 70px;
    text-align: center;
    padding: 0 15px;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    cursor: pointer;
}
.m-search-item.active,
.m-search-item.hover {
    border-radius: 18px;
    background: #FD533B;
    background-image: linear-gradient(116deg, #FD533B 0%, #FF005D 100%);
    color: #fff;
}
.m-search-list {
    width: 920px;
}
.m-search-list .m-search-item {
    /* margin-bottom: 10px; */
}
.m-search-manager-more {
    display: none;
    position: relative;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
}
.m-search-manager-more.active {
    color: #FD533B;
}

.arrow-container{
    position: absolute;
    top: 9px;
    right: -15px;

    width: 12px;
    height: 13px;
    background: url(./../images/fund_detail/arrow-down.png) no-repeat;
    background-size: 100% 100%;
}
.m-search-manager-more.active .arrow-container {
    background: url(./../images/fund_detail/arrow-up.png) no-repeat;
    background-size: 100% 100%;
}
.arrow-up{
    position: relative;
    z-index: 100;
}
.arrow-up:before{
    content: '';
    position: absolute;
    border-left: 7px solid;
    border-top:7px solid;
    border-right: 7px solid;
    border-bottom: 7px solid;
    border-color: #666 transparent transparent transparent;
}
.m-search-manager-more.active .arrow-up:before {
    border-color: #FD533B transparent transparent transparent;
}
.arrow-up::after{
    content: '';
    position: absolute;
    border-left: 7px solid;
    border-top:7px solid;
    border-right: 7px solid;
    border-bottom: 7px solid;
    border-color: #F9F9F9 transparent transparent transparent;
    left: 0;
    top: -1px;
}

.arrow-down{
    position: relative;
    top:5px;
}
.arrow-down::before{
    content: '';
    position: absolute;
    border-left: 7px solid;
    border-top:7px solid;
    border-right: 7px solid;
    border-bottom: 7px solid;
    border-color: #666 transparent transparent transparent;
}

.m-search-manager-more.active .arrow-down:before {
    border-color: #FD533B transparent transparent transparent;
}
.arrow-down::after{
    content: '';
    position: absolute;
    border-left: 7px solid;
    border-top:7px solid;
    border-right: 7px solid;
    border-bottom: 7px solid;
    border-color: #f9f9f9 transparent transparent transparent;
    left: 0;
    top: -1px;
}
.m-search-item-time {
    position: relative;
}
.m-search-item-time:after {
    position: absolute;
    top: 12px;
    right: 16px;
    content: '';
    border-left: 4px solid;
    border-top:7px solid;
    border-right: 4px solid;
    border-bottom: 7px solid;
    border-color: #b6b6b6 transparent transparent transparent;
}
.m-search-item-time.active:after {
    border-color: #fff transparent transparent transparent;
}
.m-choose-result {
    margin-right: 16px;
}
.m-search-item-time-choose {
    display: none;
    position: absolute;
    top: 31px;
    right: -15px;
    width: 180px;
    padding: 19px 16px;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    font-size: 0;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.08);
}
.m-search-item-time-choose:after {
    position: absolute;
    top: -14px;
    right: 28px;
    width: 0;
    content: '';
    border-left: 6px solid;
    border-top: 7px solid;
    border-right: 6px solid;
    border-bottom: 7px solid;
    border-color: transparent transparent #fff transparent;
}
.m-search-item-time-choose .m-search-item-time-choose-range {
    width: 50%;
    color: #333;
    font-size: 14px;
}
.m-search-item-time-choose .m-search-item-time-choose-range:hover {
    color: #FD533B;
}
.m-fund-list {
    margin-bottom: 80px;
}
.m-fund-list .ui_tab_cnt_box th {
    /* font-weight: bold; */
}
.m-fund-list-top {
    margin-bottom: 5px;
}
.m-fund-list-top-right {
    color: #333;
    font-size: 16px;
}
.m-short-performance {
    margin-right: 32px;
}
.m-fund-performance {
    font-size: 0;
}
.m-performance-input {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url(./../images/fund_detail/fund-performance-no.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
}
.m-fund-performance.active .m-performance-input {
    background: url(./../images/fund_detail/fund-performance-yes.png) no-repeat;
}
/*  åŸºé‡‘-ä¸šç»© åº•éƒ¨ end */


/* åŸºé‡‘è¯¦æƒ…éƒ¨åˆ† */
.m-buy-process-port {
    /* width: 1920px; */
    padding: 24px 0;
    background: url(./../images/fund_detail/newFundBuy-bg.png) center no-repeat;
    background-size: cover;
}
.m-buy-process-container {
    position: relative;
    /* height: 364px; */
    padding-bottom: 70px;
    background: #fff;
    background-image: linear-gradient(182deg, #FFF7EE 0%, #FFFFFF 15%);
    box-shadow: 0 4px 22px 0 rgba(153,153,153,0.28);
    border-radius: 4px;
}
.m-top-shadown-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 312px;
    height: 172px;
    background: url(./../images/home/top-tiaowen.png) no-repeat;
    background-size: 100% 100%;
}
.m-favorites-icon {
    position: absolute;
    z-index: 99;
    top: 20px;
    right: 25px;
    color: #EE5043;
    font-size: 12px;
    cursor: pointer;
}
.m-favorites-icon:before {
    content: '';
    display: inline-block;
    margin-right: 4px;
    width: 16px;
    height: 15px;
    background: url(./../images/fund_detail/favorites-icon.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: text-top;
}

.m-buy-process-content {
    position: relative;
    /* height: 364px; */
    font-size: 0;
}
.m-mid-line {
    position: absolute;
    width: 1px;
    height: 302px;
    left: 50%;
    top: 31px;
    background: #F3F3FF;
}
.m-buy-process-content-left {
    width: 50%;
    padding: 37px 0 0 50px;
    box-sizing: border-box;
}
/* echartéƒ¨åˆ† */
.m-buy-process-content-chart {
    padding-left: 57px;
}
.m-fundchart-type-list {
    width: 470px;
    border-bottom: 1px solid #ECECEC;;
}
.m-fundchart-type-item {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -1px;
    border: 1px solid #ECECEC;
    border-bottom: 0;
    padding: 5px 10px;
    background-color: #F1F1F1;
    color: #333;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
}
.m-fundchart-type-item.active {
    background-color: #fff;
    font-weight: normal;
    font-weight: bold;
}
.m-fundchart-time-list {
    margin-top: 16px;
}
.m-fundchart-time-item {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 10px;
    line-height: 12px;
    border-radius: 100px;
    color: #999;
    font-size: 12px;
    cursor: pointer;
}
.m-fundchart-time-item.active {
    background: #FD533B;
    background-image: linear-gradient(116deg, #FD533B 0%, #FF005D 100%);
    color: #fff;
}
.m-buy-process-left-title {
    margin-bottom: 20px;
    line-height: 16px;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}
.m-buy-process-step {
    margin-top: 15px;
}
.m-buy-process-step-num {
    width: 17px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #EE5043;
    font-size: 12px;
    vertical-align: top;
}
.m-buy-process-step-operate {
    margin-left: 11px;
    width: 448px;
    line-height: 18px;
    font-size: 14px;
    color: #999;
}
.m-buy-process-step-title {
    margin-bottom: 5px;
    line-height: 14px;
    color: #333;
}
.m-buy-process-step-operate-hint {
    height: 24px;
    margin-top: 12px;
    padding-left: 6px;
    line-height: 24px;
    background: #F6F8FA;
    font-size: 12px;
    color: #999;
}
.m-line-height-14 {
    line-height: 14px;
}
.m-line-height-16 {
    line-height: 16px;
}
.m-buy-process-content-right {
    position: relative;
    width: 600px;
    padding: 33px 0 0 58px;
    box-sizing: border-box;
}
.m-subscribe-state-icon {
    position: absolute;
    bottom: -73px;
    right: 0;
    width: 110px;
    height: 110px;
}
.m-buy-process-content-right-name {
    margin-right: 10px;
    line-height: 28px;
    color: #333;
    font-size: 28px;
    font-weight: bold;
    vertical-align: middle;
}
.m-buy-process-content-right-code {
    margin-top: 5px;
    margin-right: 28px;
    color: #333;
    font-size: 14px;
}
.m-buy-process-content-right-text {
    position: relative;
    width: 68px;
    height: 20px;
    margin-top: 5px;
    text-align: center;
    line-height: 20px;
    border-radius: 0 10px 10px 0;
    background: #FFE1DF;
    color: #333;
    font-size: 12px;
    cursor: pointer;
}
.m-video-icon {
    position: absolute;
    top: 0;
    left: -15px;
    width: 20px;
    height: 20px;
    background: url(./../images/fund_detail/video-icon.png) no-repeat;
    background-size: 100% 100%;
}
.m-fund-type-item {
    margin-right: 8px;
    padding: 4px 6px;
    border: 1px solid #BD9126;
    line-height: 12px;
    border-radius: 20px;
    color: #BD9126;
    font-size: 12px;
}
.m-risk-grade {
    display: inline-block;
    width: 9px;
    height: 10px;
    background: url(./../images/fund_detail/risk-grade.png) no-repeat;
    background-size: 100% 100%;
}
.m-buy-process-content-right-time {
    height: 28px;
    line-height: 28px;
}
.m-buy-process-time-title {
    height: 28px;
    margin-right: 12px;
    padding-top: 2px;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
    vertical-align: middle;
}
.m-buy-process-time {
    height: 28px;
    line-height: 28px;
    color: #EE5043;
    font-size: 28px;
}
.m-buy-process-time-text {
    display: inline-block;
    margin: 0 8px;
    color: #333;
    font-size: 14px;
    vertical-align: middle;
}
.m-line-height-28 {
    display: inline-block;
    line-height: 28px;
    vertical-align: middle;
}
.m-buy-process-content-right-input {
    width: 200px;
    height: 48px;
    padding-left: 16px;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    background: #FFFFFF;
    margin-right: 8px;
    /* box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.08); */
}
.m-buy-process-content-right-input::placeholder {
    color: #ccc;
    font-size: 16px;
}
.m-buy-process-content-right-buy-btn {
    width: 112px;
    height: 48px;
    margin-right: 8px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #FD533B;
    border-radius: 4px;
    box-sizing: border-box;
    background: #FD533B;
    color: #fff;
    background-image: linear-gradient(116deg, #FD533B 0%, #FF005D 100%);
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.m-buy-process-content-right-buy-btn:hover {
    color: #fff;
}
.m-buy-process-content-right-fixed-btn {
    width: 112px;
    height: 48px;
    margin-right: 8px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #FD533B;
    border-radius: 4px;
    box-sizing: border-box;
    color: #FD533B;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.vertical-align-top {
    display: inline-block;
    margin-top: 2px;
    vertical-align: text-top;
}
.m-income-info {
    margin-top: 23px;
}
.m-income-info-top-title {
    line-height: 14px;
    color: #666;
    font-size: 14px;
}
.m-income-info-top-change {
    margin-top: 12px;
}
.m-income-info-top-change-text {
    line-height: 46px;
    color: #EE5043;
    font-size: 46px;
}
.m-income-info-top-change-count {
    color: #EE5043;
    font-size: 12px;
}
.m-income-info-top-change-count-up {
    margin-right: 4px;
    vertical-align: middle;
    color: #EE5043;
}
.m-income-info-top-change-count-down {
    margin-right: 4px;
    vertical-align: middle;
    color: green;
}
.m-income-info-top-count {
    margin-right: 22px;
    margin-top: 23px;
    font-size: 36px;
}
.m-income-info-top-fund {
    padding-left: 32px;
    border-left: 1px solid #F5F5F5;
}
.m-income-info-bottom-port {
    width: 478px;
    height: 74px;
    margin-top: 13px;
    margin-bottom: 18px;
    padding: 16px 20px;
    line-height: 14px;
    box-sizing: border-box;
    background-color: #F6F8FA;
}
.m-income-info-bottom-list {
    margin-top: 10px;
}
.m-income-info-bottom-item {
    width: 137px;
}
.m-income-info-rate-port {
    position: absolute;
    bottom: -25px;
    left: 57px;
}
.m-subsidiary-table {
    overflow-y: auto;
    width: 465px;
    height: 274px;
    margin-top: 25px;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
}
.m-subsidiary-table-port {
    /* border-top: 1px solid #eee; */
}
.m-subsidiary-table .title {
    line-height: 17px;
    text-align: center;
    background: #F9F9F9;
    color: #4a4a4a;
    font-size: 12px;
    font-weight: bold;
}
.m-subsidiary-table .m-border-bottom {
    border-bottom: 1px solid #eee;
}
.m-subsidiary-table td {
    padding: 10px 0;
    text-align: center;
    color: #666666;
    font-size: 14px;
}
.m-boder-left {
    border-left: 1px solid #eee;
}
.m-boder-right {
    border-right: 1px solid #eee;
}
/* åŸºé‡‘è¯¦æƒ…éƒ¨åˆ† */

/* åŸºé‡‘è¯¦æƒ…banberéƒ¨åˆ† */
.m-fund-manager-banner-port {
    position: relative;
    min-height: 224px;
    margin: auto;
    background: url(../images/fund_detail/fund-manager-icon.png)center no-repeat;
    background-size: cover;
    padding-bottom: 23px;
}
/*.m-fund-manager-check-more{*/
/*position: absolute;*/
/*top: 30px;*/
/*right: 0;*/
/*text-align: right;*/
/*color: #666666;*/
/*font-size: 14px;*/
/*cursor: pointer;*/
/*}*/
.m-fund-manager-check-more a{
    position: absolute;
    top: 34px;
    right: 0;
    color: #666666;
    font-size: 14px;
    z-index: 9999;
}
.m-fund-manager-banner-port .slideBox{
    padding-top: 44px;
}
.m-fund-manager-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 476px;
}
.m-fund-manager-banner-port .slideBox .bd img {
    position: relative;
    left: 0;
    margin-left: 0;
}

.m-fund-manager-banner-port .slideBox .bd  .m-fund-manager-banner-avatar {
    width: 180px;
    height: 180px;
    margin-left: 160px;
    margin-right: 24px;
    border-radius: 100px;
    background: #FFFFFF;
}
.m-fund-manager-banner-introduction {
    width: 300px;
    margin-top: 10px;
    margin-right: 86px;
}
.m-introduction-fund-name{
    margin-right: 16px;
    line-height: 24px;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
}
.m-link-port {
    position: relative;
    margin-top: 7px;
    color: #333;
    font-size: 12px;
}
.magnger-ok {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(./../images/fund_detail/click-link.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 5px;
    margin-right: 3px;
    cursor: pointer;
}
.m-fund-manager-banner-introduction-content {
    position: relative;
    height: 24px;
    margin-bottom: 36px;
}
.m-fund-manager-banner-introduction-content:after {
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 36px;
    height: 2px;
    background: #E77412;
}
.m-fund-manager-banner-video {
    width: 266px;
    height: 132px;
    margin-top: 22px;
}
.m-fund-manager-banner-video-port {
    width: 450px;
    height: 132px;
    margin-top: 22px;
}
.m-fund-manager-banner-video-content {
    position: relative;
    width: 450px;
    height: 132px;
}
.m-fund-manager-banner-video-port .m-video-play-icon {
    width: 40px;
    height: 40px;
}
.m-fund-manager-banner-video {
    display: none;
    width: 266px;
    height: 132px;
}

.m-fund-manager-banner-port .prev-icon {
    top: 100px;
    left: 40px;
    cursor: pointer;
}
.m-fund-manager-banner-port .next-icon {
    top: 100px;
    right: 40px;
    cursor: pointer;
}

.m-fund-manager-record {
    position: relative;
    height: 204px;
    margin-top: 23px;
    background: #fff;
    background: rgba(255,255,255,0.72);
    border-radius: 4px;
    font-size: 0;
}
.m-fund-manager-record-title {
    position: absolute;
    top: 36px;
    left: 36px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}
.m-fund-manager-record-title:before {
    content: '';
    position: absolute;
    top: 8px;
    left: -10px;
    width: 5px;
    height: 5px;
    background: #EE5043;
}
.m-fund-manager-record-line {
    position: relative;
    height: 204px;
    overflow-x: scroll;
    /* å†…å®¹ä¼šè¢«è£å‰ªï¼Œä¼šä»¥æ»šåŠ¨æ¡æ˜¾ç¤º */
    overflow-y: hidden;  /* è¶…å‡ºå†…å®¹ä¸å¯è§ */
    white-space: nowrap;  /* ä¸æ¢è¡Œ */
    font-size: 0;
}
.m-fund-manager-record-item {
    position: relative;
    display: inline-table;/* ä¸æ¢è¡Œ */
    width: 170px;
    /* background: #000; */
}
.m-fund-manager-record-item-time {
    padding-top: 79px;
    color: #666;
    font-size: 12px;
}

.m-fund-manager-record-item-time li{
    width: 170px;
    display: inline-block;
    float: left;
    text-align: center;
}

.m-fund-manager-record-item-line {
    position: relative;
    width: 170px;
    height: 1px;
    margin-top: 17px;
    background: #E7E7E7;
    display: inline-block;
    float: left;
}
.m-fund-manager-record-item-circle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-radius: 8px;
    background: #E7E7E7;

}
.m-fund-manager-record-item-name {
    color: #333;
    font-size: 14px;
}
.m-fund-manager-record-item-name li{
    width: 170px;
    display: inline-block;
    float: left;
    text-align: right;
}

/* åŸºé‡‘è¯¦æƒ…banberéƒ¨åˆ† */
.m-risk-level-icon {
    margin-left: 20px;
    margin-bottom: 14px;
}
.m-fengxian {
    display: none;
    position: absolute;
    width: 37px;
    height: 40px;
}
.m-fengxian1 {
    top: -40px;
    left: 27px;
    background: url(../images/fund_detail/fengxian1.png) no-repeat;
    background-size: 100% 100%;
}
.m-fengxian2 {
    top: -40px;
    left: 177px;
    background: url(../images/fund_detail/fengxian2.png) no-repeat;
    background-size: 100% 100%;
}
.m-fengxian3 {
    top: -40px;
    left: 325px;
    background: url(../images/fund_detail/fengxian3.png) no-repeat;
    background-size: 100% 100%;
}
.m-fengxian4 {
    top: -40px;
    left: 474px;
    background: url(../images/fund_detail/fengxian4.png) no-repeat;
    background-size: 100% 100%;
}
.m-fengxian5 {
    top: -40px;
    right: 539px;
    background: url(../images/fund_detail/fengxian5.png) no-repeat;
    background-size: 100% 100%;
}
.m-risk-text {
    width: 100px;
    text-align: center;
    line-height: 22px;
}
.m-risk-text.active {
    font-size: 18px;
    line-height: 18px;
}
.m-risk-text2 {
    margin: 0 45px;
}
.m-risk-text3 {
    margin-right: 40px;
}
.m-risk-text4 {
    margin-right: 70px;
}
.m-risk-text1.active {
    color: #5F83CD;
}
.m-risk-text2.active {
    color: #AA7BCE;
}
.m-risk-text3.active {
    color: #FFC579;
}
.m-risk-text4.active {
    color: #EE5043;
}
.m-risk-text5.active {
    color: #EE5043;
}
.m-risk-box-h1 .m-risk-box-item {
    display: none;
}
/* æŠ•èµ„ç»„åˆéƒ¨åˆ† */
.m-rate-structure .m-title-port {
    width: 350px;
}
#m-rate-structure-select {
    padding: 10px 16px;
    color: #333;
    font-size: 16px;
}
/* æŠ•èµ„ç»„åˆéƒ¨åˆ† end */

/* å‡€å€¼åˆ†çº¢ */
.m-net-value-select {
    display: inline-block;
}
.m-net-value-select .chosen-container-single .chosen-single {
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
}
.m-net-value-select .chosen-container-single .chosen-single div {
    top: 13px;
}
.no-line-table-port {
    width: 650px;
}
.no-line-table {
    width: 100%;
    border: 1px solid #F6F8FA;
}
.no-line-table tr th {
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    text-align: right;
    color: #4A4A4A;
    font-size: 12px;
}
.no-line-table tr td {
    height: 40px;
    line-height: 40px;
    color: #666;
    font-size: 12px;
    text-align: right;
}
.no-line-table-th-bg-color {
    background: #F6F8FA;
}
.no-line-table-bg-color {
    background: #F6F8FA;
    background:rgba(246,248,250,0.6);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.no-line-table tr .no-line-table-left-padding {
    padding-left: 32px;
    text-align: left;
}
.no-line-table tr .no-line-table-right-padding {
    width: 250px;
    padding-right: 94px;
    text-align: right;
    box-sizing: border-box;
}
.m-share-out-bonus-port .no-line-table tr .no-line-table-right-padding {
    width: 460px;
    padding-right: 200px;
    text-align: right;
    box-sizing: border-box;
}
.m-min-pagin-port {
    margin-right: 6px;
    color: #EE5043;
    font-size: 12px;
    text-align: right;
}
.m-min-pagin-port li {
    display: inline-block;
    cursor: pointer;
    margin: 0px 3px;
}
.margin-r-8 {
    margin-right: 8px;
}
.margin-l-8 {
    margin-left: 8px;
}

#layui-laydate1 .layui-this {
    background: #EE5043 !important;
}
body .layui-laydate .layui-this {
    background: #EE5043 !important;
}

.m-fund-manager-page-title {
    margin: 24px 0;
}
.m-fund-manager-page-container .m-fund-performance-bottom-search-item-title {
    margin-right: 40px;
}
.m-fund-manager-page-container .m-fund-performance-bottom-search-list {
    margin-bottom: 60px;
    padding: 24px 36px;
    background: #FFFFFF;
    box-shadow: 0 4px 12px 0 rgba(117,100,85,0.20);
}
.m-fund-manager-page-container .m-fund-manager-banner-introduction {
    width: 790px;
    margin-top: 40px;
    margin-right: 0;
}
.m-fund-manager-page-container .m-fund-manager-banner-avatar {
    width: 200px;
    height: 200px;
    margin-left: 80px;
    margin-right: 50px;
    background: #FFFFFF;
    box-shadow: 0 0 12px 0 rgba(166,143,123,0.21);
    border-radius: 100px;
}
.m-fund-manager-page-container .m-introduction-fund-name {
    vertical-align: text-bottom;
}
.m-fund-manager-page-container .m-fund-manager-banner-introduction-content:after {
    bottom: -8px;
}
.m-fund-manager-page-container .m-fund-manager-banner-introduction-content {
    margin-bottom: 26px;
}
.m-fund-manager-page-container .m-fund-performance-bottom-search-item {
    margin-bottom: 16px;
}

.m-fund-manager-page-title-line {
    position: relative;
    line-height: 18px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}
.m-fund-manager-page-title-line:before {
    content: '';
    position: absolute;
    top: 1px;
    left: -10px;
    width: 2px;
    height: 18px;
    background-color: #EE5043;
}
.m-investment-voice-img {
    /*height: 95px;*/
    /*margin-right: 830px;*/
    width: 300px;
    vertical-align: text-top;
    margin-right: 30px;
}
.m-investment-voice-text {
    width: 818px;
    line-height: 28px;
    color: #666;
    font-size: 14px;
}
.m-fund-manager-page-container .ui_tab_cnt_box tbody tr {
    height: 40px;
}
.m-fund-manager-page-container .ui_tab_cnt_box th {
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}
.m-fund-manager-page-container .ui_tab_cnt_box>table>tbody>tr>td {
    height: 40px;
}
.m-table-header-port {
    background: #F9F9F9;
}
.m-fund-manager-page-container .m-is-show-video-port {
    font-size: 0;
}
.m-fund-manager-page-container .m-is-show-video-port .m-video-port {
    width: 790px;
    height: 132px;
    margin-top: 16px;
}
.m-fund-manager-page-container .m-is-show-video-port .m-video-bg-icon {
    width: 790px;
    height: 132px;
}
.m-fund-manager-page-container .m-is-show-video-port .introduction-video {
    width: 790px;
    height: 132px;
    margin-top: 16px;
}

/* è¶…çº§çŽ°é‡‘å®é¡µé¢ */
.m-super-wallet-page-container .m-develop-team-title-recommend {
    margin: 58px 0 30px;
}
.m-super-wallet-page-container .m-fund-performance-top-item-img {
    width: 24px;
    height: 24px;
}
.m-super-wallet-page-container .m-fund-performance-top-item {
    padding-top: 17px;
    padding-left: 36px;
    padding-right: 36px;
    background-image: none;
}
.line-18{
    line-height: 18px;
}
.line-14 {
    line-height: 14px;
}
.m-super-wallet-page-container .m-text-gradient {
    margin-bottom: 20px;
    line-height: 32px;
    text-align: center;
    background-image: none;
    color: #333;
    -webkit-text-fill-color: #333;
}
.m-super-wallet-page-container .m-fund-performance-top-item-btn {
    width: 252px;
    height: 50px;
    margin: 34px auto 48px;
    display: block;
}
.m-super-wallet-top {
    position: relative;
    width: 1920px;
    height: 458px;
    border-top: 1px solid transparent;
    margin-top: -1px;
    font-size: 0;
}
.m-super-wallet-banner {
    position: absolute;
    top: 0;
    left: -360px;
    width: 1920px;
    height: 458px;
    z-index: 98;
}
.m-super-wallet-top-info {
    overflow: hidden;
    z-index: 999;
    position: relative;
    width: 354px;
    height: 372px;
    margin-top: 43px;
    background: rgba(255,225,133,.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE185 ,endColorstr=#FFE185);
    background-image: linear-gradient(-34deg, #FFE185 0%, #FEDDAE 26%, #FFE9C9 57%, #FFF2CA 100%);
    box-shadow: 0 8px 28px 0 rgba(171,52,28,0.22);
    border-radius: 4px;
}
.m-super-wallet-top-info {
    padding: 48px 37px 70px;
    box-sizing: border-box;
}
.m-super-wallet-fund-name {
    position: relative;
    margin-bottom: 53px;
    line-height: 32px;
    text-align: center;
    color: #333333;
    font-size: 32px;
    font-weight: bold;
}
.m-super-wallet-fund-name::before {
    content: '';
    position: absolute;
    top: 17px;
    left: 0;
    width: 76px;
    height: 2px;
    background-image: linear-gradient(270deg, #F1C78C 0%, #FFF1CA 100%);
}
.m-super-wallet-fund-name::after {
    content: '';
    position: absolute;
    top: 17px;
    right: 0;
    width: 76px;
    height: 2px;
    background-image: linear-gradient(-270deg, #F1C78C 0%, #FFF1CA 100%);
}
.m-super-wallet-top-count {
    color: #EE5043;
    font-size: 38px;
}
.m-super-wallet-top-symbol {
    color: #EE5043;
    font-size: 24px;
}
.m-super-wallet-top-intrue {
    line-height: 14px;
    margin-top: 7px;
    margin-bottom: 48px;
}
.m-super-wallet-top-btn {
    display: inline-block;
    width: 132px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #EE5043;
    border-radius: 25px;
    box-sizing: border-box;
    background-color: #fff;
    color: #EE5043;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0 4px 19px 0 rgba(229,57,44,0.38);
    cursor: pointer;
}
.m-super-wallet-top-btn:hover {
    background-color: #FF7663;
    background-image: linear-gradient(116deg, #FF7663 0%, #FF1F71 100%);
    color: #fff;
}
.m-super-wallet-top-btn.m-super-wallet-top-recharge-btn {
    margin-right: 16px;
    border: 0;
    background-color: #FD533B;
    background-image: linear-gradient(116deg, #FD533B 0%, #FF005D 100%);
    color: #fff;
    cursor: pointer;
}
.m-super-wallet-top-btn.m-super-wallet-top-recharge-btn:hover {
    background-color: #FF7663;
    background-image: linear-gradient(116deg, #FF7663 0%, #FF1F71 100%);
}
.m-save-money-port {
    position: relative;
    height: 330px;
    padding-top: 20px;
    box-sizing: border-box;
    background: #fff;
}
.m-save-money-icon-bg {
    position: absolute;
    left: -360px;
    top: 0;
    width: 1920px;
    height: 408px;
    /*background: url(./../images/super-wallet/save-money-icon-bg.png) no-repeat;*/
    background-size: 100% 100%;
}
.m-save-money-port {
    /*margin-top: 4px;*/
}
.m-save-money-port-container {
    font-size: 0;
}
.m-save-money-port-left-container {
    padding-right: 100px;
    box-sizing: border-box;
    padding-left: 57px;
}
.m-save-money-icon {
    width: 72px;
    height: 72px;
}

.m-save-money-port-right-container {
    margin-top: -40px;
    padding-left: 85px;
    box-sizing: border-box;
}
.m-save-money-port-left-line {
    width: 38px;
    height: 3px;
    background-color: #EE5043;
}
.m-shuhui-left-port {
    width: 555px;
    height: 164px;
    padding: 34px 0 39px 53px;
    box-sizing: border-box;
    background: url(./../images/super-wallet/shuhui-bg.png) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 8px 32px 0 rgba(153,153,153,0.10);
    border-radius: 0 0 4px 4px;
    float: right;
}
.m-shuhui-right-port {
    /*margin-top: -13px;*/
    /*padding-left: 105px;*/
    box-sizing: border-box;
    padding-left: 57px;
}
.m-shuhui-right-port .ui_tab_cnt_box, .m-shuhui-right-port .ui_tab_cnt_box>table {
    width: 500px;
    margin-top: 30px;
}
.m-shuhui-right-port .ui_tab_cnt_box th {
    height: 40px;
}
.m-shuhui-right-port .ui_tab_cnt_box tbody tr {
    height: 40px;
}
.m-shuhui-right-port .ui_tab_cnt_box th {
    height: 40px;
    line-height: 40px;
}
.m-shuhui-right-port .m-table-hover-class {
    border: 1px solid #EAEAEA;
    border-bottom: 0;
}
.m-shuhui-right-port .fn-font-bold {
    font-weight: bold;
}
.m-shuhui-port-container {
    height: 494px;
    background: #fff;
}
.m-shuhui-icon-bg {
    position: absolute;
    left: -360px;
    bottom: 0;
    width: 1920px;
    height: 408px;
    /*background: url(./../images/super-wallet/shuhui-icon-bg.png) no-repeat;*/
    background-size: 100% 100%;
}
.m-know-wallet-port-container{
    position: relative;
    background: #fff;
    height: 423px;
    box-shadow: 0 20px 24px 0 rgb(153 153 153 / 12%);
    /*border-radius: 4px;*/
}

/* äº†è§£è¶…çº§é’±åŒ… */
.m-know-wallet-left-port {
    box-sizing: border-box;
}
.m-know-wallet-port-containe {
    font-size: 0;
}
.m-know-super-wallet-icon {
    margin-left: 280px;
}
.m-know-wallet-left-text {
    margin-left: 220px;
}
.m-know-wallet-left-line {
    margin-left: 285px;
}
.m-tiyan-right-text {
    margin-left: 263px;
}
.m-tiyan-icon {
    margin-left: 294px;
}
.m-tiyan-right-line {
    margin-left: 300px;
}

/* ä»€ä¹ˆæ˜¯è¶…çº§é’±åŒ… */
.m-what-super-wallet-port {
    position: relative;
    height: 670px;
    margin-top: -1px;
    border-top: 1px solid transparent;
}
.m-what-super-wallet-port .m-play-super-wallet-banner{
    position: absolute;
    top: auto;
    bottom: 0;
    left: -360px;
    width: 1920px;
    height: 1728px;
    background: url(./../images/super-wallet/what-super-wallet-bg-icon.png) no-repeat;
    background-size: 100% 100%;
}
.m-what-super-wallet-port .m-develop-team-title-recommend {
    margin: 50px 0px;
}
.m-what-super-wallet-container {
    position: relative;
    font-size: 0;
}
.m-what-super-wallet-container .ui_tab_cnt_box {
    width: 500px;
}
.m-what-super-wallet-container .ui_tab_cnt_box>table {
    width: 500px;
}
.m-what-super-wallet-container .ui_tab_cnt_box tbody tr {
    height: 40px;
}
.m-what-super-wallet-container .ui_tab_cnt_box th {
    height: 40px;
    line-height: 40px;
    /* font-weight: bold; */
}
.m-what-super-wallet-container .ui_tab_cnt_box>table>tbody>tr>td {
    height: 40px;
}
.m-what-super-wallet-container .m-table-hover-class {
    border: 1px solid #EAEAEA;
    border-bottom: 0;
}
.m-what-super-wallet-left-container {
    width: 500px;
}
.m-what-super-wallet-left-title {
    margin-top: 8px;
    letter-spacing: -1px;
}
.m-what-super-wallet-right {
    width: 610px;
    height: 450px;
    margin-left: 90px;
    padding: 48px 79px 65px 65px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0 8px 32px 0 rgba(153,153,153,0.16);
    border-radius: 0 0 4px 4px;
}
.m-what-super-wallet-right .m-buy-process-content-left {
    width: 100%;
    padding: 0;
}
.m-super-wallet-page-container .m-develop-team-hint,
.m-what-super-wallet-port .m-develop-team-hint,
.m-play-super-wallet-port .m-develop-team-hint {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.m-what-super-wallet-right-list {
    padding-bottom: 12px;
    border-bottom: 1px solid #E9E9E9;
}
.m-what-super-wallet-right-item {
    position: relative;
    display: inline-block;
    margin-right: 29px;
    font-size: 16px;
    cursor: pointer;
}
.m-what-super-wallet-right-item.active {
    margin-bottom: 0;
    background-color: #fff;
    color: #EE5043;
    font-size: 16px;
}
.m-what-super-wallet-right-item.active::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -13px;
    width: 90px;
    height: 2px;
    background-color: #EE5043;
}

/* çŽ©è½¬è¶…çº§é’±åŒ… */
.m-play-super-wallet-port {
    position: relative;
    margin-top: -1px;
    border-top: 1px solid transparent;
}
.m-play-super-wallet-banner {
    position: absolute;
    top: 0;
    left: -360px;
    width: 1920px;
    height: 1728px;
    background: url(./../images/super-wallet/play-super-wallet-banner.png) no-repeat;
    background-size: 100% 100%;
}
.m-play-super-wallet-port .m-develop-team-title-recommend {
    margin: 56px 0 40px;
}
.m-play-super-wallet-container {
    z-index: 1;
    position: relative;
    height: 364px;
    text-align: center;
    background: #fff;
    /*border-radius: 4px;*/
    /* box-shadow: 0 8px 32px 0 rgba(153,153,153,0.16); */
}
.m-play-super-wallet-operate-title {
    position: relative;
    display: inline-block;
    margin-top: 61px;
    line-height: 24px;
    color: #333;
    font-size: 24px;
    text-align: center;
}
.m-play-super-wallet-operate-title:before {
    position: absolute;
    content: '';
    top: 10px;
    left: -13px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #333;
}
.m-play-super-wallet-operate-title:after {
    position: absolute;
    content: '';
    top: 10px;
    right: -13px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #333;
}
.m-play-super-wallet-port .m-develop-team-title,
.m-what-super-wallet-port .m-develop-team-title,
.m-super-wallet-page-container .m-develop-team-title {
    font-size: 42px;
}
.m-play-super-wallet-port .m-develop-team-hint {
    top: -13px;
    font-size: 52px;
    color: rgba(255,255,255,0.20);
    opacity: inherit;
}
.m-what-super-wallet-port .m-develop-team-hint {
    top: -13px;
    font-size: 52px;
}
.m-what-super-wallet-port .ui_tab_cnt_box tbody tr {
    border: 0;
}
.m-what-super-wallet-port .ui_tab_cnt_box tbody tr:nth-last-of-type(1) {
    border-bottom: 1px solid #EAEAEA;
}
.m-what-super-wallet-port .ui_tab_cnt_box>table>tbody>tr>td {
    border: 0;
}
.m-what-super-wallet-port .m-table-hover-class tr:nth-of-type(2n+1) {
    background-color: rgba(246,248,250,0.60);
}
.m-what-super-wallet-port tr:hover {
    background:none
}
.m-super-wallet-page-container .m-develop-team-hint {
    top: -13px;
    font-size: 52px;
}
.m-play-super-wallet-port .m-develop-team-title {
    color: #fff;
}
.m-develop-team-title-p{
    font-size: 42px;
    color: #FFFFFF;
    text-shadow: 0 2px 16px #9E715A;
}
.m-play-super-wallet-operate-top-icon {
    position: absolute;
    left: 363px;
    top: 50px;
    width: 474px;
    height: 44px;
    background: url(./../images/super-wallet/operat-icon.png) no-repeat;
    background-size: 100% 100%;
}
.m-play-super-wallet-icon-list {
    padding: 53px 170px 0 186px;
}
.m-play-super-wallet-icon-item1 {
    margin-right: 150px;
}
.m-play-super-wallet-icon-item2 {
    margin-right: 134px;
}
.m-play-super-wallet-icon-item3 {
    margin-right: 115px;
}
.m-low-risk-text {
    position: absolute;
    top: -75px;
    right: 0;

    width: 112px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #EEBC73;
    background-image: linear-gradient(90deg, #EEBC73 0%, #A7815A 100%);
    box-shadow: 0 6px 12px 0 rgba(197,154,101,0.40);
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
}
.m-buy-fund-text {
    position: absolute;
    bottom: -75px;
    right: 34px;

    width: 112px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #3D4F67;
    background-image: linear-gradient(90deg, #3D4F67 0%, #121F30 100%);
    box-shadow: 0 6px 12px 0 rgba(55,104,167,0.26);
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
}
.m-T-zero-text {
    position: absolute;
    bottom: 70px;
    left: -120px;
    width: 112px;
    height: 68px;
    padding-top: 11px;
    text-align: center;
    box-sizing: border-box;
    background-color: #FF7B69;
    background-image: linear-gradient(116deg, #FF7B69 0%, #FF005D 100%);
    box-shadow: 0 6px 12px 0 rgba(197,154,101,0.40);
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
}
.m-play-super-wallet-triangle {
    position: absolute;
    top: 35px;
    right: -85px;
    width: 26px;
    height: 20px;
}
.m-buy-process-top-video-port {
    position: relative;
    width: 1200px;
    height: 135px;
}
.m-video-play-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    margin: auto;
    background: url(./../images/fund_detail/video-play-icon.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.m-close-video-icon {
    position: absolute;
    top: 11px;
    right: 12px;
    width: 16px;
    height: 16px;
    background: url(./../images/detail/video-close.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}


.m-buy-process-video {
    display: none;
    width: 1200px;
    height: 135px;
}

.m-bottom-hint-port {
    z-index: 1;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    width: 1200px;
    height: 145px;
}

.m-close-hint-port-icon{
    position: absolute;
    width: 23px;
    height: 23px;
    top: 25px;
    right: 12px;
    background: url(./../images/detail/hint-port-close.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;

}
.m-bottom-hint-img {
    width: 1920px;
    height: 145px;
    margin-left: -360px;
}

.m-video-full-port {
    z-index: 9999;
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: rgba(0,0,0,0.64);
}
.m-video-full-content {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.m-video-full-content #m-full-video {
    width: 100%;
}
.m-close-video-full-port {
    z-index: 11;
    position: absolute;
    top: 11px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: url(./../images/detail/video-close.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}


.m-risk-assessment-pages {
    position: relative;
    padding-bottom: 45px;
    background-image: linear-gradient(to bottom, #F9E7D9 0%, #FCE8D1 100%);
}
.m-risk-assessment-pages .m-risk-icon1 {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.m-risk-assessment-pages .m-risk-icon2 {
    position: absolute;
    top: 0;
    right: 0;
}
.m-risk-assessment-pages .risk-assessment-top-title-port {
    padding-top: 85px;
    margin-left: 118px;
}
.m-risk-assessment-pages .top-title {
    line-height: 48px;
    color: #D33434;
    font-size: 60px;
}
.m-risk-assessment-pages .top-title-desc {
    position: relative;
    width: 336px;
    height: 30px;
    margin-top: 20px;
    line-height: 30px;
    border-radius: 15px;
    border: 1px solid #EBCEB7;
    text-align: center;
    color: #964C4E;
    font-size: 18px;
}
.m-risk-assessment-pages .top-title-desc:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 18px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #CF8A8B;
}
.m-risk-assessment-pages .top-title-desc:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 18px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #CF8A8B;
}

.m-risk-assessment-pages .risk-assessment-content {
    margin-top: 50px;
    padding: 60px;
    border-radius: 4px;
    background-color: #fff;
}
.m-risk-assessment-pages .m-evaluation-btn {
    width: 112px;
    height: 36px;
    margin: 48px 0 24px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    background-color: #FD533B;
    background-image: linear-gradient(116deg, #FD533B 0%, #FF005D 100%);
    color: #fff;
    font-size: 16px;
    display: block;
}
.m-risk-assessment-pages .m-risk-assessment-icon {
    margin-top: 10px;
}
.m-risk-assessment-pages .m-title-line {
    height: 3px;
}