.position {
    width: 100%;
    background-color: #f7f7f7
}

.position .position-box {
    padding: 0 .34rem 3rem;
    padding-bottom: 2.05rem
}

.position .position-box .position-intro {
    width: 100%;
    background: #fff;
    box-shadow: 0 .06rem .14rem 0 rgba(0, 0, 0, 0.04);
    border-radius: .1rem;
    padding: .15rem .2rem .32rem;
    margin-top: -1.1rem
}

.position .position-box .position-intro .intro-tip {
    display: flex;
    align-items: center;
    width: 6.38rem;
    height: .6rem;
    background-color: rgba(172, 118, 72, 0.1);
    border-radius: .18rem;
    padding: 0 .18rem;
    margin: 0 auto
}

.position .position-box .position-intro .intro-tip .intro-tip-icon {
    width: .32rem;
    height: .32rem;
    background-image: url(../../../../../images/uobFund_oneAcc/fund/tip.png);
    background-repeat: no-repeat;
    background-size: cover
}

.position .position-box .position-intro .intro-tip .intro-tip-text {
    flex: 1;
    font-size: .24rem;
    font-weight: 400;
    color: #666;
    line-height: .34rem;
    margin-left: .18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.position .position-box .position-intro .intro-content {
    position: relative;
    margin-top: .35rem;
    padding-left: .1rem
}

.position .position-box .position-intro .intro-content .intro-content-icon {
    position: absolute;
    top: 0;
    right: -0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.2rem;
    height: .48rem;
    background: #ac7648;
    border-radius: .24rem 0 0 .24rem;
    font-size: .28rem;
    font-weight: 400;
    color: #fff;
    line-height: .3rem
}

.position .position-box .position-intro .intro-content .intro-content-title {
    width: 5.3rem;
    font-size: .36rem;
    font-weight: bold;
    color: #0f0f0f;
    line-height: .5rem
}

.position .position-box .position-intro .intro-content .intro-content-code {
    font-size: .28rem;
    font-weight: 400;
    color: #666;
    line-height: .4rem;
    margin-top: .06rem
}

.position .position-box .position-intro .intro-content .intro-content-data {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: .48rem
}

.position .position-box .position-intro .intro-content .intro-content-data .content-data-item .content-data-number {
    font-size: .66rem;
    font-weight: bold;
    color: #cf3b2d;
    line-height: .84rem;
    text-align: center;
}

.position .position-box .position-intro .intro-content .intro-content-data .content-data-item .content-data-number.two {
    font-size: .42rem;
    /*font-weight: bold;*/
    color: #cf3b2d;
    line-height: .5rem
}

.position .position-box .position-intro .intro-content .intro-content-data .content-data-item .content-data-number.three {
    font-size: .42rem;
    font-weight: bold;
    color: #515151;
    line-height: .5rem
}

.position .position-box .position-intro .intro-content .intro-content-data .content-data-item .content-data-text {
    font-size: .22rem;
    font-weight: 400;
    color: #a9a9a9;
    line-height: .32rem;
    text-align: left;
}

.position .position-box .position-intro .intro-content .intro-content-data .content-data-item:nth-last-child(1) {
    margin-right: 0
}

.position .position-box .position-intro .intro-content .intro-content-titles {
    display: flex;
    align-items: center;
    margin-top: .45rem
}

.position .position-box .position-intro .intro-content .intro-content-titles .content-titles-item {
    font-size: .2rem;
    font-weight: 400;
    color: #101010;
    line-height: .34rem;
    padding: .06rem .2rem;
    background-color: rgba(186, 186, 187, 0.13);
    border-radius: .2rem;
    margin-right: .28rem
}

.position .position-box .position-intro .intro-content .intro-content-titles .content-titles-item:nth-last-child(1) {
    margin-right: 0
}

.position .position-box .position-worth {
    width: 100%;
    background: #fff;
    box-shadow: 0 .06rem .14rem 0 rgba(0, 0, 0, 0.04);
    border-radius: .1rem;
    padding: .05rem .32rem .38rem;
    margin-top: .22rem
}

.position .position-box .position-worth .worth-tab {
    display: flex;
    align-items: center;
    width: 100%
}

.position .position-box .position-worth .worth-tab .worth-tab-item {
    display: flex;
    justify-content: center;
    width: 50%;
    font-size: .28rem;
    font-weight: 400;
    color: #b2bcca;
    line-height: .36rem;
    padding: .4rem 0;
    border-bottom: .04rem solid #ccc;
    transition: all .3s
}

.position .position-box .position-worth .worth-tab .worth-tab-item.active {
    color: #333;
    border-bottom: .04rem solid #ac7648
}

.position .position-box .position-worth .worth-detail {
    margin-top: .36rem;
    padding: .1rem 0;
    transition: all .2s
}

.position .position-box .position-worth .worth-detail .worth-content {
    display: flex;
    align-items: center
}

.position .position-box .position-worth .worth-detail .worth-content .worth-content-date {
    width: 190px;
    font-size: .28rem;
    font-weight: bold;
    color: #000;
    line-height: .4rem;
    padding-left: .2rem
}

.position .position-box .position-worth .worth-detail .worth-content .worth-content-unit {
    font-size: .24rem;
    font-weight: 400;
    color: #666;
    line-height: .34rem
}

.position .position-box .position-worth .worth-detail .worth-content .daily-increase {
    display: flex;
    align-items: center;
    margin-top: .06rem;
    padding-left: .2rem;
    width: 190px
}

.position .position-box .position-worth .worth-detail .worth-content .daily-increase .label-text {
    font-size: .24rem;
    font-weight: 400;
    color: #666;
    line-height: .34rem
}

.position .position-box .position-worth .worth-detail .worth-content .daily-increase .value-text {
    position: relative;
    top: -0.01rem;
    font-size: .24rem;
    font-weight: 400;
    /*color: #cf3a2c;*/
    line-height: .34rem;
    margin-left: .1rem
}

.position .position-box .position-worth .worth-detail .worth-content .worth-content-cumulative {
    font-size: .24rem;
    font-weight: 400;
    color: #666;
    line-height: .34rem
}

.position .position-box .position-worth .worth-detail.bg {
    background-color: rgba(172, 118, 72, 0.11)
}

.position .position-box .position-worth .detail-echarts {
    width: 110%;
    height: 5rem;
    margin: -0.5rem auto 0;
    margin-left: -15px;
    margin-right: -15px
}

.position .position-box .position-worth .worth-button {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: -0.2rem
}

.position .position-box .position-worth .worth-button .worth-button-item {
    background: #f5f5f5;
    border-radius: .1rem;
    font-size: .24rem;
    font-weight: 400;
    color: #666;
    line-height: .36rem;
    padding: .06rem .18rem;
    transition: all .3s
}

.position .position-box .position-worth .worth-button .worth-button-item.active {
    color: #fff;
    background-color: #bd906e
}

.position .position-box .position-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .3rem
}

.position .position-box .position-item .position-date {
    font-size: .2rem;
    font-weight: 400;
    color: #ac7648;
    line-height: .4rem
}

.position .position-box .position-item.position-item-tab {
    padding: 0 .1rem
}

.position .position-box .position-item.position-item-tab .position-items {
    position: relative;
    padding-bottom: .1rem
}

.position .position-box .position-item.position-item-tab .position-items .active-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .03rem;
    background-color: #ac7648;
    transform: scaleX(0);
    transition: all .2s
}

.position .position-box .position-item.position-item-tab .position-items.active .active-line {
    transform: scaleX(1)
}

.position .position-box .position-title {
    font-size: .35rem;
    font-weight: bold;
    color: #101010;
}

.position .position-box .position-history {
    display: none;
    width: 100%;
    background: #fff;
    box-shadow: 0 .06rem .14rem 0 rgba(0, 0, 0, 0.04);
    border-radius: .1rem;
    padding: .16rem .44rem .42rem;
    margin-top: .25rem
}

.position .position-box .position-history .history-box-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .22rem 0;
    border-bottom: .02rem solid #f5f5f5
}

.position .position-box .position-history .history-box-top .history-top-item {
    display: flex;
    align-items: center;
    width: 1.6rem;
    font-size: .3rem;
    font-weight: bold;
    color: #353535;
    line-height: .42rem
}

.position .position-box .position-history .history-box-top .history-top-item .question-icon {
    display: inline-block;
    width: .3rem;
    margin-left: .1rem
}

.position .position-box .position-history .history-box-bottom {
    margin-top: .15rem
}

.position .position-box .position-history .history-box-bottom .history-bottom-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .15rem 0
}

.position .position-box .position-history .history-box-bottom .history-bottom-item .bottom-item-title {
    width: 1.6rem;
    font-size: .28rem;
    font-weight: 400;
    color: #666;
    line-height: .3rem
}

.position .position-box .position-history .history-box-more {
    display: block;
    font-size: .28rem;
    font-weight: 400;
    color: #a3a3a3;
    line-height: .4rem;
    margin-top: .2rem;
    text-align: center
}

.position .position-box .position-history.active {
    display: block
}

.position .position-box .position-record {
    width: 100%;
    background: #fff;
    box-shadow: 0 .06rem .14rem 0 rgba(0, 0, 0, 0.04);
    border-radius: .1rem;
    padding: .34rem .26rem .42rem;
    margin-top: .28rem
}

.position .position-box .position-record .record-tips {
    font-size: .2rem;
    font-weight: 400;
    color: #ac7648;
    line-height: .28rem
}

.position .position-box .position-record .record-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .3rem
}

.position .position-box .position-record .record-bottom .record-item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.position .position-box .position-record .record-bottom .record-item .record-item-title {
    font-size: .3rem;
    font-weight: bold;
    color: #3f3f3f;
    line-height: .42rem
}

.position .position-box .position-record .record-bottom .record-item .record-item-text {
    font-size: .28rem;
    font-weight: 400;
    color: #6a6a6a;
    line-height: .4rem;
    margin-top: .4rem
}

.position .position-box .position-files-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .5rem
}

.position .position-box .position-files-content .files-content-title {
    font-size: .38rem;
    font-weight: bold;
    color: #101010;
    line-height: .52rem
}

.position .position-box .position-files-content .files-content-text {
    font-size: .28rem;
    font-weight: 400;
    color: #ac7648;
    line-height: .4rem
}

.position .position-box .position-archives {
    width: 100%;
    background: #fff;
    box-shadow: 0 .06rem .14rem 0 rgba(0, 0, 0, 0.04);
    border-radius: .1rem;
    padding: .56rem .3rem 1rem;
    margin-top: .28rem
}

.position .position-box .position-archives .archives-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 .4rem;
}

.position .position-box .position-archives .archives-content .archives-content-item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.position .position-box .position-archives .archives-content .archives-content-item .content-item-title {
    font-size: .3rem;
    font-weight: bold;
    color: #131313;
    line-height: .42rem;
    text-align: center;
}

.position .position-box .position-archives .archives-content .archives-content-item .content-item-text {
    font-size: .28rem;
    font-weight: 400;
    color: #a9a9a9;
    line-height: .34rem;
    margin-top: .14rem
}

.position .position-box .position-archives .archives-title {
    font-size: .36rem;
    font-weight: bold;
    color: #000;
    line-height: .5rem;
    margin-top: .44rem
}

.position .position-box .position-archives .archives-tab {
    display: flex;
    align-items: center;
    width: 3rem;
    height: .7rem;
    background-color: #f2f2f2;
    margin: .62rem auto 0;
    border-radius: .1rem;
    padding: .04rem
}

.position .position-box .position-archives .archives-tab .archives-tab-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    background-color: #f2f2f2;
    border-radius: .06rem;
    font-size: .28rem;
    font-weight: 400;
    color: #666;
    line-height: .3rem;
    transition: all .3s
}

.position .position-box .position-archives .archives-tab .archives-tab-item.active {
    background-color: #fff;
    color: #000
}

.position .position-box .position-archives .archives-echarts {
    position: relative
}

.position .position-box .position-archives .archives-echarts .echarts-content {
    position: absolute;
    top: 1.36rem;
    left: 1.78rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.position .position-box .position-archives .archives-echarts .echarts-content .echarts-title {
    font-size: .2rem;
    font-weight: 400;
    color: #b0b0b0;
    line-height: .36rem
}

.position .position-box .position-archives .archives-echarts .echarts-content .echarts-text {
    font-size: .18rem;
    font-weight: bold;
    color: #000;
    line-height: .36rem
}

.position .position-box .position-archives .archives-echarts .archives-echarts {
    width: 100%;
    height: 3.5rem
}

.position .position-box .position-archives .archives-echarts .archives-echarts-date {
    font-size: .28rem;
    font-weight: 400;
    color: #666;
    line-height: .4rem
}

.position .position-box .position-archives .archives-box {
    display: none
}

.position .position-box .position-archives .archives-box .archives-item {
    margin-top: .9rem
}

.position .position-box .position-archives .archives-box .archives-item .item-top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.position .position-box .position-archives .archives-box .archives-item .item-top .item-top-title {
    font-size: .32rem;
    font-weight: bold;
    color: #000;
    line-height: .44rem
}

.position .position-box .position-archives .archives-box .archives-item .item-top .item-top-text {
    font-size: .28rem;
    font-weight: 400;
    color: #666;
    line-height: .4rem
}

.position .position-box .position-archives .archives-box .archives-item .item-bottom {
    margin-top: .45rem
}

.position .position-box .position-archives .archives-box .archives-item .item-bottom .item-bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.position .position-box .position-archives .archives-box .archives-item .item-bottom .item-bottom-content .item-bottom-item {
    width: 30%;
    font-size: .32rem;
    font-weight: 400;
    color: #878787;
    line-height: .34rem
}

.position .position-box .position-archives .archives-box .archives-item .item-bottom .item-bottom-content .item-bottom-item:nth-child(1) {
    width: 40%
}

.position .position-box .position-archives .archives-box .archives-item .item-bottom .item-bottom-content .item-bottom-item.active {
    color: #000
}

.position .position-box .position-archives .archives-box .archives-item .item-bottom .item-bottom-detail {
    margin-top: .2rem
}

.position .position-box .position-archives .archives-box .archives-item .item-bottom .item-bottom-detail .item-detail-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .02rem solid #f5f5f5
}

.position .position-box .position-archives .archives-box .archives-item .item-bottom .item-bottom-detail .item-detail-item .item-detail-title {
    width: 30%;
    font-size: .28rem;
    font-weight: 400;
    color: #666;
    line-height: .3rem;
    padding: .2rem 0
}

.position .position-box .position-archives .archives-box .archives-item .item-bottom .item-bottom-detail .item-detail-item .item-detail-title:nth-child(1) {
    width: 40%
}

.position .position-box .position-archives .archives-box.active {
    display: block
}

.position .position-box .position-means {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #fff;
    box-shadow: 0 .06rem .14rem 0 rgba(0, 0, 0, 0.04);
    border-radius: .1rem;
    padding: .36rem .38rem;
    margin-top: .28rem
}

.position .position-box .position-means .means-title {
    font-size: .28rem;
    font-weight: bold;
    color: #666;
    line-height: .4rem;
    padding-left: .18rem
}

.position .position-box .position-means .means-icon {
    width: .32rem;
    height: .32rem;
    background-image: url('../../../../../images/uobFund_oneAcc/fund/arrow.png');
    background-repeat: no-repeat;
    background-size: cover
}

.position .position-box .position-bottom {
    margin-top: .7rem
}

.position .position-box .position-bottom .position-bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.position .position-box .position-bottom .position-bottom-content .bottom-content-line {
    width: 2.18rem;
    height: .02rem;
    background-color: #e6e6e6
}

.position .position-box .position-bottom .position-bottom-content .bottom-content-title {
    font-size: .28rem;
    font-weight: 400;
    color: #b3b3b3;
    line-height: .4rem
}

.position .position-box .position-bottom .position-bottom-text {
    font-size: .24rem;
    font-weight: 400;
    color: #8f8f8f;
    line-height: .4rem;
    margin-top: .4rem
}

.position .position-box .position-bottom .position-bottom-text .link {
    color: #145fc6
}

.position .position-box .position-bottom .position-bottom-text .red {
    color: #cf3a2c
}

.position .position-bottom-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    display: flex;
}

.position .position-bottom-button .position-button-tips {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .06rem 0;
    background-color: #fff
}

.position .position-bottom-button .position-button-tips .button-tips-title {
    font-size: .24rem;
    font-weight: 400;
    color: #666;
    line-height: .34rem
}

.position .position-bottom-button .position-button-tips .button-tips-title.two {
    text-decoration-line: line-through
}

.position .position-bottom-button .position-button-tips .button-tips-title.three {
    margin-left: .2rem
}

.position .position-bottom-button .position-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65%;
    height: 1.1rem;
    background: linear-gradient(to right, #f0d4b6 0%, #dab292 100%);
    font-size: .36rem;
    font-weight: 400;
    color: #4f3b17;
    line-height: .38rem
}

.model-alert {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 .56rem;
    z-index: 100
}

.model-alert .model-alert-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #fff;
    border-radius: .3rem;
    padding-top: .56rem
}

.model-alert .model-alert-box .model-alert-title {
    font-size: .32rem;
    font-weight: bold;
    color: #a2642f;
    line-height: .44rem
}

.model-alert .model-alert-box .model-alert-text {
    font-size: .28rem;
    font-weight: 400;
    color: #a8a8a8;
    line-height: .38rem;
    text-align: center;
    margin-top: .2rem
}

.model-alert .model-alert-box .model-alert-button {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: .6rem;
    border-top: .04rem solid #f7f8f9
}

.model-alert .model-alert-box .model-alert-button .model-cancel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    font-size: .32rem;
    font-weight: 400;
    color: #777;
    line-height: .44rem
}

.model-alert .model-alert-box .model-alert-button .model-line {
    width: .04rem;
    height: 1rem;
    background-color: #f7f8f9
}

.model-alert .model-alert-box .model-alert-button .model-confirm {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    font-size: .32rem;
    font-weight: 400;
    color: #ac7648;
    line-height: .44rem
}

.model-alert.flex {
    display: flex
}

.pop-mask {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100
}

.pop-mask.show {
    display: block
}

.range-pop, .ranking-pop {
    position: fixed;
    top: 32%;
    left: calc(50% - 3.3rem);
    display: none;
    width: 6.6rem;
    padding: .4rem .3rem;
    background-color: #fff;
    border-radius: .3rem;
    z-index: 101
}

.range-pop .redemption-title, .ranking-pop .redemption-title {
    margin-bottom: .2rem;
    font-size: .28rem;
    line-height: .4rem;
    color: #333
}

.range-pop .redemption-desc, .ranking-pop .redemption-desc {
    margin-top: .1rem;
    font-size: .28rem;
    line-height: .4rem;
    color: #333
}

.range-pop .redemption-desc .circular, .ranking-pop .redemption-desc .circular {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    margin-right: .15rem;
    background-color: #666;
    border-radius: 100%
}

.range-pop.show, .ranking-pop.show {
    display: block
}
.worth-content-unit:before{
    content: '';
    display: inline-block;
    width: 0.3rem;
    height: 0.02rem;
    background-color: #dab292;
    position: relative;
    top: -.08rem;
    left: -0.1rem;
}
.worth-content-cumulative:before{
    content: '';
    display: inline-block;
    width: 0.3rem;
    height: 0.03rem;
    background-color: #1890FF;
    position: relative;
    top: -.08rem;
    left: -0.1rem;
}

.position .position-bottom-button .position-compare {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35%;
    height: 1.1rem;
    background-color: #eee;
    font-size: .36rem;
    font-weight: 400;
    color: #333;
    line-height: .38rem
}

.position .position-bottom-button .position-compare .pk-icon {
    display: block;
    width: .28rem;
    margin-right: .1rem
}