/* 加载 */

/*************** mescroll ***************/

[v-cloak] {
    display: none !important;
}

/*下拉刷新和上拉加载的滑动区域*/

.mescroll {
    width: 100%;
    overflow-y: auto;
    position: fixed;
    bottom: 1px;
    top: 0px;
}

.livemescroll {
    top: 246px;
    z-index: 2;
    padding-bottom: 50px;
}

.wxlivemescroll {
    top: 306px;
}

.mescroll .main {
    padding-bottom: 0px;
}

/*启用硬件加速:使动画渲染流畅,解决部分手机闪白屏问题,在下拉刷新和上拉加载触发时启用,结束后移除,避免滥用导致其他兼容性问题*/

.mescroll-hardware {
    -webkit-transform: translateZ(0);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

/*下拉刷新区域*/

.mescroll-downwarp {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    text-align: center;
}

/*下拉刷新--高度重置的过渡动画*/

.mescroll-downwarp-reset {
    -webkit-transition: height 300ms;
    transition: height 300ms;
}

/*下拉刷新--内容区,定位于区域底部*/

.mescroll-downwarp .downwarp-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 30px;
    padding: 10px 0;
}

/*上拉加载区域*/

.mescroll-upwarp {
    display: none;
    min-height: 30px;
    padding: 15px 0;
    text-align: center;
    visibility: hidden;
    /*代替display: none,列表快速滑动到底部能及时显示上拉加载的区域*/
}

/*下拉刷新,上拉加载--提示文本*/

.mescroll-downwarp .downwarp-tip, .mescroll-upwarp .upwarp-tip, .mescroll-upwarp .upwarp-nodata {
    display: inline-block;
    font-size: 12px;
    color: gray;
    vertical-align: middle;
}

.mescroll-downwarp .downwarp-tip, .mescroll-upwarp .upwarp-tip {
    margin-left: 8px;
}

.mescroll-upwarp .loaded {
    font-size: 14px;
    color: gray;
}

/*下拉刷新,上拉加载--旋转进度条*/

.mescroll-downwarp .downwarp-progress, .mescroll-upwarp .upwarp-progress {
    /* display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid gray;
    border-bottom-color: transparent;
    vertical-align: middle; */
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url('https://cdn.upchina.com/project/dakaH5/images/gnn/loading_gnn.gif?v=1') no-repeat center;
    background-size: cover;
}

/*滚动条轨道背景(默认在PC端设置)*/

.mescroll-bar {
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

.mescroll-bar::-webkit-scrollbar-track {
    background-color: transparent;
}

/*滚动条轨道宽度 (默认在PC端设置)*/

.mescroll-bar::-webkit-scrollbar {
    width: 6px;
}

/*滚动条游标 (默认在PC端设置)*/

.mescroll-bar::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #ccc;
}

/*滚动条游标鼠标经过的颜色变化 (默认在PC端设置)*/

.mescroll-bar::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

/*旋转动画*/

.mescroll-rotate {
    -webkit-animation: mescrollRotate 0.6s linear infinite;
    animation: mescrollRotate 0.6s linear infinite;
}

@-webkit-keyframes mescrollRotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes mescrollRotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/*无任何数据的空布局*/

.mescroll-empty {
    width: 100%;
    padding-top: 20px;
    text-align: center;
}

.mescroll-empty .empty-icon {
    width: 45%;
}

.mescroll-empty .empty-tip {
    margin-top: 6px;
    font-size: 14px;
    color: gray;
}

.mescroll-empty .empty-btn {
    max-width: 50%;
    margin: 20px auto;
    padding: 10px;
    border: 1px solid #65AADD;
    border-radius: 6px;
    background-color: white;
    color: #65AADD;
}

.mescroll-empty .empty-btn:active {
    opacity: .75;
}

/*回到顶部的按钮*/

.mescroll-totop {
    z-index: 9990;
    position: fixed;
    right: 10px;
    bottom: 30px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    opacity: 0;
}

/*显示动画--淡入*/

.mescroll-fade-in {
    -webkit-animation: mescrollFadeIn .5s linear forwards;
    animation: mescrollFadeIn .5s linear forwards;
}

@-webkit-keyframes mescrollFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes mescrollFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*隐藏动画--淡出*/

.mescroll-fade-out {
    pointer-events: none;
    -webkit-animation: mescrollFadeOut .5s linear forwards;
    animation: mescrollFadeOut .5s linear forwards;
}

@-webkit-keyframes mescrollFadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes mescrollFadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*滚动条轨道背景(默认在PC端设置)*/

.mescroll-bar::-webkit-scrollbar-track {
    background-color: transparent;
}

/*滚动条轨道宽度 (默认在PC端设置)*/

.mescroll-bar::-webkit-scrollbar {
    width: 6px;
}

/*滚动条游标 (默认在PC端设置)*/

.mescroll-bar::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #ccc;
}

/*滚动条游标鼠标经过的颜色变化 (默认在PC端设置)*/

.mescroll-bar::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

/* 下拉刷新补充样式 */

.date_png {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAADFBMVEVMaXHKzM7KzM7KzM4j/3HaAAAAA3RSTlMAf4C/aSLHAAAASklEQVQY063PsQ2AIBQA0R8sGYYRYHNXYBQLSs1ZqLmSmHDVay9iViU2gCa7HPKSNNnleHhEcC5jZSm/4/8swMssk4xdFpllkpNu/wfAr1awkcYAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: cover;
    vertical-align: -4px;
    margin-right: 10px;
}

.downwarp-unload .refresh {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/refresh-0cd1d59a.gif) no-repeat 50%;
    background-size: cover;
    vertical-align: -4px;
    margin-right: 10px;
}

.mescroll-downwarp .downwarp-tip {
    vertical-align: baseline
}

.downwarp-unload, .downwarp-onload {
    color: gray;
    line-height: 30px;
}

.dropload_date_up {
    font-size: 14px;
}

/*下拉刷新回调的提示*/

.download-tip {
    z-index: 9900;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 36px;
    font-size: 15px;
    text-align: center;
    background: rgba(255, 234, 218, .9);
    color: #ef7f21;
    -webkit-transition: top 300ms;
    transition: top 300ms;
    display: none
}

.download-tip span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAnFBMVEVMaXHvgSPwgCLwgSLwgCPvgDDwgCP////wgCLwgCLvgCLwgCP/gEDwgCL/gIDwgCLwgCLwgCHygCLygCLwgCLxgSHwgCPvgCL2hCb/gCvwgCHwgCHwgCHvgCL0gibwgCH/gCv/iSfxgCHwgyfvgCH/gDPwgSHygyf1gCf/gED1einwgCHvgCLwfyLxgCHzgyfwfyH3gCDvgCHvfyGBQKkSAAAAM3RSTlMAQftTdhCFAczZ4kII6QKJRL8mPNtrjPMbDO6o7LIv2AYNbCGDCkUnGgQZi/K12UL1IPRuDSYcAAABDUlEQVQoz4WT13KDMBRErzFGEr0ECHbikthpLin7//8WIRuiCBjtAwjOzOpWok5xUWWirkVWFTGZCt0IvSI3/E/nPiCSNG+aPE0E4M81yDyAB3/fAQc81tMVnJLpZqx0sOr+eFjOzFhmS3i3e+EMqOQO1P2hj5JGVMJv43fB2RhmHK6sRoSARhUgiqnAZkje9s/yKVBQhWRA7+9aX0pQUYZ0hPKFfKfIpEM+QSmHoBpNezy8vJuUGtQS70il97g1KO1w6sxfH65co8q8C22tuE5VaH1iLf/WqUzsqJVF8h+dqrJoRV1/4bIwiqq35PP8YbZksqFP14ZaxsE2TLZRtAzybQ02U2tgXaKpFfwFCHQjNSxTc9cAAAAASUVORK5CYII=) no-repeat 0 3px;
    padding-left: 25px;
    background-size: 15px 15px;
    vertical-align: middle;
    margin-top: 8px;
    display: inline-block;
}
html body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: PingFangSC-Regular, PingFang SC;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.btn:active, .click:active {
    background-color: #f5f5f5;
}

.margin_sty {
    margin: .44rem 0 .44rem .3rem !important;
}

.margin_right_sty {
    margin: .44rem .3rem !important;
}

.black {
    color: #000 !important;
}

/* .singlepay_left:hover {
    background: linear-gradient( 360deg, #FDF2E5 0%, #FEFAF6 100%);
} */

/* .singlepay_right:hover {
    background: linear-gradient( 360deg, #FDF2E5 0%, #FEFAF6 100%);
} */

.ffUbuntu {
    font-family: Ubuntu, sans-serif;
}

@font-face {
    font-family: 'Din';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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cm9qZWN0LiBUaGUgZm9udCBkZXNpZ24gd29yayBhbmQgdGVjaG5pY2FsIGltcGxlbWVudGF0aW9uIGlzIGJlaW5nIHVuZGVydGFrZW4gYnkgRGFsdG9uIE1hYWcuIFRoZSB0eXBlZmFjZSBpcyBzYW5zLXNlcmlmLCB1c2VzIE9wZW5UeXBlIGZlYXR1cmVzIGFuZCBpcyBtYW51YWxseSBoaW50ZWQgZm9yIGNsYXJpdHkgb24gZGVza3RvcCBhbmQgbW9iaWxlIGNvbXB1dGluZyBzY3JlZW5zLg0KDQpUaGUgc2NvcGUgb2YgdGhlIFVidW50dSBGb250IEZhbWlseSBpbmNsdWRlcyBhbGwgdGhlIGxhbmd1YWdlcyB1c2VkIGJ5IHRoZSB2YXJpb3VzIFVidW50dSB1c2VycyBhcm91bmQgdGhlIHdvcmxkIGluIHR1bmUgd2l0aCBVYnVudHUncyBwaGlsb3NvcGh5IHdoaWNoIHN0YXRlcyB0aGF0IGV2ZXJ5IHVzZXIgc2hvdWxkIGJlIGFibGUgdG8gdXNlIHRoZWlyIHNvZnR3YXJlIGluIHRoZSBsYW5ndWFnZSBvZiB0aGVpciBjaG9pY2UuIFRoZSBwcm9qZWN0IGlzIG9uZ29pbmcsIGFuZCB3ZSBleHBlY3QgdGhlIGZhbWlseSB3aWxsIGJlIGV4dGVuZGVkIHRvIGNvdmVyIG1hbnkgd3JpdHRlbiBsYW5ndWFnZXMgaW4gdGhlIGNvbWluZyB5ZWFycy5odHRwOi8vd3d3LmRhbHRvbm1hYWcuY29tL2h0dHA6Ly93d3cuZGFsdG9ubWFhZy5jb21VYnVudHVNZWRpdW0AQwBvAHAAeQByAGkAZwBoAHQAIAAyADAAMQAxACAAQwBhAG4AbwBuAGkAYwBhAGwAIABMAHQAZAAuACAAIABMAGkAYwBlAG4AcwBlAGQAIAB1AG4AZABlAHIAIAB0AGgAZQAgAFUAYgB1AG4AdAB1ACAARgBvAG4AdAAgAEwAaQBjAGUAbgBjAGUAIAAxAC4AMABVAGIAdQBuAHQAdQAgAEwAaQBnAGgAdABCAG8AbABkAEQAYQBsAHQAbwBuAE0AYQBhAGcATAB0AGQAOgAgAFUAYgB1AG4AdAB1ACAATQBlAGQAaQB1AG0AIAAwAC4AOAAzAFUAYgB1AG4AdAB1ACAATQBlAGQAaQB1AG0AMAAuADgAMwBVAGIAdQBuAHQAdQAtAE0AZQBkAGkAdQBtAFUAYgB1AG4AdAB1ACAAYQBuAGQAIABDAGEAbgBvAG4AaQBjAGEAbAAgAGEAcgBlACAAcgBlAGcAaQBzAHQAZQByAGUAZAAgAHQAcgBhAGQAZQBtAGEAcgBrAHMAIABvAGYAIABDAGEAbgBvAG4AaQBjAGEAbAAgAEwAdABkAC4ARABhAGwAdABvAG4AIABNAGEAYQBnACAATAB0AGQARABhAGwAdABvAG4AIABNAGEAYQBnACAATAB0AGQAVABoAGUAIABVAGIAdQBuAHQAdQAgAEYAbwBuAHQAIABGAGEAbQBpAGwAeQAgAGEAcgBlACAAbABpAGIAcgBlACAAZgBvAG4AdABzACAAZgB1AG4AZABlAGQAIABiAHkAIABDAGEAbgBvAG4AaQBjAGEAbAAgAEwAdABkACAAbwBuACAAYgBlAGgAYQBsAGYAIABvAGYAIAB0AGgAZQAgAFUAYgB1AG4AdAB1ACAAcAByAG8AagBlAGMAdAAuACAAVABoAGUAIABmAG8AbgB0ACAAZABlAHMAaQBnAG4AIAB3AG8AcgBrACAAYQBuAGQAIAB0AGUAYwBoAG4AaQBjAGEAbAAgAGkAbQBwAGwAZQBtAGUAbgB0AGEAdABpAG8AbgAgAGkAcwAgAGIAZQBpAG4AZwAgAHUAbgBkAGUAcgB0AGEAawBlAG4AIABiAHkAIABEAGEAbAB0AG8AbgAgAE0AYQBhAGcALgAgAFQAaABlACAAdAB5AHAAZQBmAGEAYwBlACAAaQBzACAAcwBhAG4AcwAtAHMAZQByAGkAZgAsACAAdQBzAGUAcwAgAE8AcABlAG4AVAB5AHAAZQAgAGYAZQBhAHQAdQByAGUAcwAgAGEAbgBkACAAaQBzACAAbQBhAG4AdQBhAGwAbAB5ACAAaABpAG4AdABlAGQAIABmAG8AcgAgAGMAbABhAHIAaQB0AHkAIABvAG4AIABkAGUAcwBrAHQAbwBwACAAYQBuAGQAIABtAG8AYgBpAGwAZQAgAGMAbwBtAHAAdQB0AGkAbgBnACAAcwBjAHIAZQBlAG4AcwAuAA0ACgANAAoAVABoAGUAIABzAGMAbwBwAGUAIABvAGYAIAB0AGgAZQAgAFUAYgB1AG4AdAB1ACAARgBvAG4AdAAgAEYAYQBtAGkAbAB5ACAAaQBuAGMAbAB1AGQAZQBzACAAYQBsAGwAIAB0AGgAZQAgAGwAYQBuAGcAdQBhAGcAZQBzACAAdQBzAGUAZAAgAGIAeQAgAHQAaABlACAAdgBhAHIAaQBvAHUAcwAgAFUAYgB1AG4AdAB1ACAAdQBzAGUAcgBzACAAYQByAG8AdQBuAGQAIAB0AGgAZQAgAHcAbwByAGwAZAAgAGkAbgAgAHQAdQBuAGUAIAB3AGkAdABoACAAVQBiAHUAbgB0AHUAJwBzACAAcABoAGkAbABvAHMAbwBwAGgAeQAgAHcAaABpAGMAaAAgAHMAdABhAHQAZQBzACAAdABoAGEAdAAgAGUAdgBlAHIAeQAgAHUAcwBlAHIAIABzAGgAbwB1AGwAZAAgAGIAZQAgAGEAYgBsAGUAIAB0AG8AIAB1AHMAZQAgAHQAaABlAGkAcgAgAHMAbwBmAHQAdwBhAHIAZQAgAGkAbgAgAHQAaABlACAAbABhAG4AZwB1AGEAZwBlACAAbwBmACAAdABoAGUAaQByACAAYwBoAG8AaQBjAGUALgAgAFQAaABlACAAcAByAG8AagBlAGMAdAAgAGkAcwAgAG8AbgBnAG8AaQBuAGcALAAgAGEAbgBkACAAdwBlACAAZQB4AHAAZQBjAHQAIAB0AGgAZQAgAGYAYQBtAGkAbAB5ACAAdwBpAGwAbAAgAGIAZQAgAGUAeAB0AGUAbgBkAGUAZAAgAHQAbwAgAGMAbwB2AGUAcgAgAG0AYQBuAHkAIAB3AHIAaQB0AHQAZQBuACAAbABhAG4AZwB1AGEAZwBlAHMAIABpAG4AIAB0AGgAZQAgAGMAbwBtAGkAbgBnACAAeQBlAGEAcgBzAC4AaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGQAYQBsAHQAbwBuAG0AYQBhAGcALgBjAG8AbQAvAGgAdAB0AHAAOgAvAC8AdwB3AHcALgBkAGEAbAB0AG8AbgBtAGEAYQBnAC4AYwBvAG0AVQBiAHUAbgB0AHUATQBlAGQAaQB1AG0AAAACAAAAAAAA/4UAFAAAAAAAAAAAAAAAAAAAAAAAAAAXABcAAAAHAAgACwAMAA0ADgAQABEAEgATABQAFQAWABcAGAAZABoAGwAcACAAPgBA) format("truetype");
    font-weight: normal;
    font-style: normal;
}

li {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

i, em {
    font-style: normal;
}

input, select {
    outline: none;
    border: 0;
}

/*重置webkit滚动条样式*/

/**::-webkit-scrollbar{width:8px;height:8px;background:transparent;}*/

/**::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius: 8px;}*/

/**::-webkit-scrollbar-corner{background:#e5e5e5;}*/

/*@layout-flex*/

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.inflex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.flex_v {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.flex_wrap {
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.flex_main_center {
    /*项目在主轴居中*/
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.flex_main_start {
    /*项目在主轴居首*/
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.flex_main_end {
    /*项目在主轴居尾*/
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.flex_main_between {
    /*项目在主轴两端对齐*/
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.flex_main_around {
    /*项目在主轴环绕对齐---旧语法不支持*/
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.flex_cross_center {
    /*项目在交叉轴居中*/
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.flex_cross_start {
    /*项目在交叉轴居首*/
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.flex_cross_end {
    /*项目在交叉轴居尾*/
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.flex_avg>.flex_item {
    /*子项目在主轴等分空间*/
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
}

.flex_item_stretch {
    /*子项目在交叉轴上下对齐（铺满）---旧语法不支持*/
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
}

.flex_item_all {
    /*子项目在主轴占据所剩的所有空间*/
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.flex_item_fixed {
    /*子项目在主轴不缩放*/
    -webkit-box-flex: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.swiper-container {
    height: 100%;
    width: 100%;
}

/*
*公共样式
*/

.flexCentercommon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.flexLeftcommon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.flexcommon {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

/* 首页样式 */

.task {
    display: none;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, .5);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.task_view {
    width: 80vw;
    margin: 0 auto;
    height: 4rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: .1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.tasktitle {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 60px;
    font-weight: 700;
    font-size: .38rem;
}

.taskcontent {
    width: 80%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 5px 0;
    margin: 0 auto;
    font-size: .32rem;
    color: #666;
    ;
}

.taskfoot {
    width: 80%;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.footleft {
    color: #666;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: .3rem;
    font-weight: 400;
    border-radius: 25px;
    width: 40%;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    margin-right: 10%;
}

.footright {
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    font-size: .3rem;
    background-image: -webkit-linear-gradient(right, #fa7d15 0, #ff5e00);
    background-image: linear-gradient(270deg, #fa7d15 0, #ff5e00);
    border-radius: 25px;
    width: 40%;
    border: 1px solid transparent;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    margin-left: 10%;
}

.page_wrap {
    overflow: hidden;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    margin: auto;
    /* width: 7.5rem; */
    height: 100vh;
    max-width: 750px;
    position: relative;
    /* margin: .3rem .3rem 0 .3rem; */
}

.banner {
    /* width: 100%; */
    height: 1.75rem;
    background: url(https://cdn.upchina.com/project/icon/%E5%8D%A1%E7%89%87%EF%BC%8F%E5%A4%B4%E9%83%A8%E8%83%8C%E6%99%AF@3x.png) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0px 4px 24px 0px rgba(38, 36, 48, 0.36);
    margin: 5px auto;
    border-radius: .16rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.banner_mange {
    margin: .3rem .3rem 0 .3rem;
}

.banner_left {
    width: .9rem;
    height: .9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: .4rem 0 0 .3rem;
}

.banner_left_detail {
    margin: .14rem 0 .14rem .3rem;
}

.banner_tip {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    color: #ffffff;
    margin-top: .48rem;
    height: 1.2rem;
    margin-left: .3rem;
}

.banner_tip_detail {
    margin: .24rem 0 0 .3rem;
    height: auto;
}

.opeart {
    width: 1.6rem;
    height: 1.2rem;
    font-size: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* justify-content: flex-end; */
    /* align-items: center; */
    margin: .6rem .3rem 0 0;
}

.opeart_vaild {
    /* width: 1.73rem; */
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: .52rem .3rem 0 0;
}

.opeart_app {
    margin-top: 4px;
}

.banner_img {
    width: .4rem;
    height: .4rem;
    margin-right: .1rem;
    background: url(https://cdn.upchina.com/project/icon/icon%EF%BC%8F%E7%BA%BF%EF%BC%8F%E7%89%9B@2x.png) no-repeat;
    background-size: cover;
}

.banner_title {
    color: #8A6051;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* padding: 15px 0 0 20px; */
    width: 100%;
    position: relative;
}

.title {
    font-size: .36rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.title span {
    display: block;
    height: .36rem;
    width: .86rem;
    background: url(https://cdn.upchina.com/project/icon/%E5%AE%A2%E6%9C%8D@2x.png) no-repeat;
    background-size: cover;
    margin-left: .12rem;
}

.wave {
    display: inline-block;
    width: 30px;
    height: 25px;
    background: #fff;
    position: absolute;
    top: 16px;
    margin-left: 10px;
}

.depict {
    color: rgba(255, 255, 255, 0.6);
    font-size: .26rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.dateText {
    font-size: .24rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    color: rgba(255, 255, 255, 0.8);
}

.dateText_vaild {
    /* width: 100%; */
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 1.75rem;
    text-align: center;
    font-size: .24rem;
    color: rgba(255, 255, 255, 0.8);
}

.btn_opeart {
    width: 100%;
    height: .5rem;
    text-align: center;
    line-height: .5rem;
    /* padding: 5px 17px; */
    background-color: #7e684f;
    color: #2A242A;
    border-radius: .28rem;
    /* margin-top: 10px; */
    background: -webkit-linear-gradient(top, #FFF9E8 0%, #FFF1CD 100%);
    background: linear-gradient(180deg, #FFF9E8 0%, #FFF1CD 100%);
    box-shadow: 0px 4px 16px 0px #272430;
    font-size: .26rem;
    font-weight: 500;
}

.zjb {
    position: relative;
    height: 1.21rem;
}

.zjbConten_detail {
    background: rgba(255, 255, 255, 0.78) !important;
    bottom: .9rem !important;
}

.zjbConten {
    /* background: rgb(255 255 255 / 78%); */
    /* background: linear-gradient(90deg, #413D3E 0%, rgba(66, 60, 63, 0.26) 100%); */
    width: 6.9rem;
    /* height: 2.45rem; */
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    /* bottom: .5rem; */
    border-radius: .1rem;
    margin-top: 15px;
    border-radius: 0.16rem;
    border: 1px solid #EAEAEA;
}

.addBorder {
    margin-top: 0 !important;
    border: none !important;
}

.zjtosk {
    width: 86%;
    height: 1.12rem;
    position: absolute;
    z-index: 10;
}

.zjbTitle {
    width: .8rem;
    height: 1.12rem;
}

.line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.zjbtitle_outward {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/new_grade-f96c97a7.png) no-repeat;
    background-size: 100% 100%;
    width: 1.45rem;
    height: .27rem;
    margin-top: .31rem;
    margin-left: .3rem;
    margin-bottom: .34rem;
}

.zjbtitle_question {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/new_ask-6f013110.png) no-repeat;
    background-size: 100% 100%;
    width: .32rem;
    height: .32rem;
    margin-top: .31rem;
    margin-left: .3rem;
    margin-bottom: .34rem;
}

.zjbtitle_jyq {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/new_cycle-440a907c.png) no-repeat;
    background-size: 100% 100%;
    width: 2.88rem;
    height: 1.02rem;
    position: fixed;
    right: 0;
    top: 86%;
}

.zjbtitle_outward_detail {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/icon／战绩-红@3x1-873b023f.png) no-repeat;
    background-size: 100% 100%;
    width: .72rem;
    height: .72rem;
    margin-top: .2rem;
    margin-left: .2rem;
}

.zjbflex {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: .3rem;
}

.addMargin {
    margin: 0 0.3rem 0.4rem 0.3rem !important;
    padding: 0.3rem 0.24rem !important;
    background-color: #ffffff;
    border-radius: 0.08rem;
    border: none;
}

.zjbcolmn {
    width: 100%;
    height: 1.22rem;
    position: relative;
}

.txtoverflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pdnew_txt_detail {
    color: #666666;
    font-size: .28rem;
    /* padding: 0 .2rem; */
    position: absolute;
    top: 70%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    overflow: hidden;
    -webkit-text-emphasis: ellipsis;
            text-emphasis: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pdnew_txt_detail_span {
    color: #666666 !important;
    font-size: .26rem !important;
    font-weight: normal !important;
}

.pdnew_txt {
    color: #111111;
    font-size: .28rem;
    /* padding: 0 .2rem; */
    position: absolute;
    top: 70%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    overflow: hidden;
    -webkit-text-emphasis: ellipsis;
            text-emphasis: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pdnew_txt_title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.6rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 0.1rem;
    height: 0.3rem;
    line-height: 0.32rem;
}

.pdnew_txt_title .pdnew_txt_stock {
    font-size: .32rem;
    font-weight: 600;
    color: #111111;
}

.pdnew_txt_title .pdnew_txt_font {
    font-size: .28rem;
    font-weight: 400;
    color: #333333;
}

.pdnew_txt_title .img_detail {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABKUlEQVRoQ+3ZMQ7CMAwFUDeH4DIsTAw9SJQTsMDI1BNUOQgDE+fhEBaKxICQqNrE38ZSOkfVf7FVxc1Azp/BeX7qAOsK9gq4rUBKac/M5wIIIUzzPD8sMNUtFGO8EdHuHZqJ6JJzvmsjpAAltwmiGpBSOjDzVDroY9fVEdWAEjrGeCSiqyWiCfAPiGaANUIEYIkQA1ghRAEWCHGANgIC0ETAAFoIKEADAQegESoAJEINsIQIIZxq5wlVwALimXMea2aJDtiya7+O3y5aCDU7qLQQKnypPhyADA8HoMNDARrhYQCt8BCAZnhxgHZ4UYBFeDGAVXgRgGX4ZoB1+CaA+5+7X/cD/n6vu7/gcH/FtGWQQa6FH6eR4Zu+Quhga9/fK7B2p1Dr3FfgBWFX4DG89WU/AAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    width: .24rem;
    height: .24rem;
    margin-left: 0.08rem;
    display: inline-block;
}

.red {
    font-weight: 500;
    color: #EF4040;
    margin-left: 0.1rem;
}

.pdnew_txt span {
    color: #EF4040;
}

.space_top {
    margin-top: .2rem;
}

.space {
    margin-top: 15px;
    background-color: #F6F6F6;
    height: .1rem;
    width: 100%;
}

.authorityInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* width: 100%; */
    height: .78rem;
    /* border: 1px solid #EB3030; */
    margin: .3rem;
    border-radius: .08rem;
    background-color: rgba(235, 48, 48, 0.05);
}

.authorityInfo_img {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/icon／福利@2x-07914d9f.png) no-repeat;
    background-size: 100% 100%;
    width: .8rem;
    height: .8rem;
    margin: 0 0 0 .08rem;
}

.authorityInfo_context {
    font-size: .28rem;
    font-weight: 400;
    color: #000000;
    line-height: .28rem;
}

.authorityInfo_opeart {
    width: 1.36rem;
    font-size: .28rem;
    font-weight: 400;
    color: #EF4040;
    line-height: .28rem;
    margin: 0 .24rem 0 0;
}

.icon {
    width: .24rem;
    height: .24rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.right_red_icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABXUlEQVRYR+3XsUrDQBzH8d8vlYaCiIgUn6VLsvUB+gxZXFwcnErp5KCDS5dCX8FXSJc+i5QKKkKbqv1LBMEhmuvd/+ghzdo09+G+5C5HBHYxMA/2oLoixjP03O2evK9WvQaAiLw/yvNF3cNtfjcGPSZJFpG3AhyQnLyJXLXz/NVm0L/+Ywx6SpJsQ94RaAEQkjdrkaE2yhj0kqanH+QAIufA18sgETlaFsXwbDaba82UMagccJ6mh02yLyKXJYrkmsC4UMy3FegbFZPXAmQi0tTOtzWoRD10Ou1WHPc3HvJZgXzmswb5yucE8pHPGaSdTwWkmU8N9Fs+kKOGyMB071MFVeUTYBmJXBxPp2OT1fx/g6oWzJ0lK/c5jS1FJZnmpusM0t7XnEBamX6+fdYgzUzOIO1MTiAfmaxBvjJZgYL7yA/uGBTcQTG4o7TJp4PGPdYLo8bgVc/Yg+pm9hN6J1o00+yvsAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
}

.right_openwindwo_red_icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAoCAYAAADg+OpoAAACK0lEQVRYR82XXUsUURjHn+dIKQSh053KQjPubgj2DQLpbq9CCiIzpA9QtFDm5VyqhYV9gFgQ98aIrvYuhL5BgrToGgh11Y4SRKl4/nHGdnV1Zzxndjy0dwtnnh/Py/95YbL04+McDBW61X/eqOymzW+CAHDg5svE1N91qftW7+rqdpqwJqju5uYBFEOPmNaYLhSczbWttGAhqO7migDmW43yd0FccL5WP6cB47qXu0sSZRC15OufZz+7WIz11qofO4XxDze7SKD7UYaYeY9JPHQ2vyx1AmP4vtguLb2WhEeRMCKQoKkrtfWXSWHNcAVefgpSzrQLYcM4k1hwJu8V2felKbAlL4F7bRwk3wK4GB1KWnbE0ISp1k4VwI6Xv3kA+R6gyzF5+2SqtVMgZTy4mr8uCRUi9Md4ZqS1tqAQ5g5nQPsVgIaj86GvtUiQMr4zMtJ38Gv3A4AbMZ5paS0WpIxjdLQn2Pq2CNDtTrR2JiiE+b4ISuVXIPk4Tmss6LlTW3/R7o0WqPFh4GWfQdJsEq0ZgQ6LRFNrmYEHvLLy50jsphJXRZJAa8YeNcNoqLX/G2QldFaKoe5ln5KkubjyFsRv+ibHn5wcJVo50hesmHZq1blEglW7XiA3VAu6c24tyEpTtTImrAy+JBrR6WJJlpN3TmZg4njDNAJ1MgK0QPoaiR5qWiBrK7G1JV+5beVsacTXyiEWbjq2TssQpo7lwd9sqhGtqtN5lMabv8Grazj94YpGAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
}

.right_white_icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABKklEQVRYR+2XsUoDQRCGv5FASGPyQj6BYJdWK4vg81hZaWsXEPIAeaCkEiEwsrJFQO72dvdfWSTb3t3sx3y3M7NGZ8s64+EClDIyOUPufg3cxIB7Mzumgpc8zwG6BTbAFbADXszss2TTsW9ygZ6AOeDAO/CmhsoBWgIPwB38HIYAtY1QB1WmJgOFDd19AdwD6wh1Aj6U+rKAzqAegfBPzdT6soEi1CpmSq6vCKilvmKgVvqqgFroqwZS65MAKfXJgBL6Xqf2PinQgL4v4NnMQgFNrv8N5O5DBfPvlcU+V91SJMqUTbcaaERTmJWyx5IqIJWm86NXDKTUVA2k1lQF1EJTMVArTUVA7t7XkO/uYYbu6hrU3UWxr6t0cm4QvVBcGEX7/wpzAUpl9htL/bwlObzuBAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
}

.right_black_icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAm0lEQVRIS83VvRHCMAyG4VcNdUZIxW7UVAxBkSq7UTECG3xcWi7E+jkduPf3nGTZNpqXNefzW0DSApyAm5m9MtUeViBpBc7AE7hmkBEwAXdgziLDM5BUQobA1vcK4gIqiBvIIiEgg4SBHeRhZpdvd+T/gOhEhSqIhm9tcwOZcDeQDXcBlfAhUA33AO3Pde+Hk/nBPve4xzSLtQNveNJoGUG+eY4AAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
}

.right_top_icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABcklEQVRoQ+2XMY7DIBBFxxxiL7PNVilyEMQJ3CTlpskJEAfZIlWavcweAq2IbMmKDGb4gxJLk9KGmf/+BwcG2vlv2Ll+UoBXJ6gJaAKgA7qEQAPh6ZoAbCFYQBMADYSnawI5C51zXzHGMb03xly993fY7pUCXRKw1h6I6Dtpn3pGIjqHEG7SEOIAK+JnzV0gRAEK4rtBiAFkxCfXH9tgsXREkxABKIg/T8KX+yE9EoOAAUri501bM6Z1c0MAHGGcsRyYZoAWQS1ztmCaABAhyNw1GDaAhACJGjMMC0CysVStagCphstlIFGzCkCiUW4zorU3AdAGW1+R9B7pUQRACtcIl1hOWYDpPH/teY55hswZZowZc/eJLIC19oeIPnodwph74i+EcGT9DzwBiB2+apbWShJ8AOfcZ4zx1PtKWHklvXjvf1kJ1Dj1DmM2P6PvILKkQQFenZAmoAmADugSAg2Ep2sCsIVgAU0ANBCevvsE/gE+E9Yx4RRIWgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
}

.right_bottom_icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABcklEQVRoQ+2XQW7CMBBFvzlEL8OmKzY9R3wDhFSpKySkqjeYnKObrthwGQ5BKqMgQYXjjOe7CGnYxjPz3/+OcQKAgCf+JfEO8MgAPYFHup9mewKegNEB30JGA83lnoDZQmMDT8BooLk8m0CMcQngfZzwJSJ78zRFgxjjK4D1WLITkcO98imAbwAvY9FpGIaPvu9/FBqql3ZdtwohbAEsxiZHEXmzAKTaf4G4Iz7NrgJIEX5eudAcIiP+BGCT28KTp1CuYYvtVDureIzWNta8AJYZRYAkxDKgBGLtPQugFYRVvPqDhjHwkgir1+wEmINZ4tUJMCCY4qsBat8JtngTgBaihXgzwFyIVuIpACWI85Dbixn1SqI+hXJ/TBP3mFRyuVVSxdMSKJxO18z0Gy0tgRkQdPH0BCYgmohvBpAa//kkbPZJSt9Cpdsn+7kDsB3V9vMEtI6x13sCbEe1/TwBrWPs9Z4A21FtP09A6xh7/dMn8Aua5SFwKFTNTgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
}

.newContent, .newList {
    /* width: 93%; */
    height: 1.2rem;
    margin: 16.5px 16.5px 0 16.5px;
}

.newContent {
    height: auto;
}

.tab_font_size {
    font-size: .28rem;
    line-height: .28rem;
}

.tab {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.tabTitle {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.76);
    margin-left: .5rem;
    position: relative;
}

.tabTitle:first-child {
    margin: 0;
}

.active {
    font-size: .34rem;
    line-height: .32rem;
    color: #000000;
    font-weight: bold;
}

.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: .44rem;
    width: .32rem;
    height: .06rem;
    background: #EB3030;
    margin: auto;
    border-radius: .08rem;
}

.sigleTab {
    margin-top: .42rem;
    font-size: .26rem;
    line-height: .24rem;
}

.sigleTab_font {
    background: #F6F6F6;
    width: 1.76rem;
    height: auto;
    font-weight: 400;
    color: rgba(17, 17, 17, 0.6);
    margin-left: .3rem;
    position: relative;
    height: .46rem;
    line-height: .46rem;
    text-align: center;
    border-radius: .22rem;
    /* padding: .1rem .2rem; */
}

.sigleTab_font:first-child {
    margin: 0;
    width: .88rem;
}

.sigleTab_font_active {
    background: rgba(239, 64, 64, 0.1);
    color: #EF4040;
    border-radius: .22rem;
    /* width: fit-content; */
    /* padding: .1rem .2rem; */
}

/* .newList {
    overflow-y: auto;
} */

.singlenew {
    height: auto;
    margin: .29rem auto 0 0;
    border-bottom-style: solid;
    border-bottom-width: .01rem;
    border-bottom-color: #EAEAEA;
}

.singlenew_top {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.singlenew_top_left {
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.singlenew_top_left_novaild {
    max-width: 4.4rem;
}

.singlenew_top_left_title, .singlenew_top_left_content {
    width: 4.5rem;
    height: auto;
    font-size: .34rem;
    color: #000;
    font-weight: 500;
}

.singlenew_top_left_content {
    line-height: 1.3;
}

.singlenew_top_left_title {
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.singlenew_top_left_content {
    font-size: .3rem;
    color: #333;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* line-height: 1.65; */
    /* height: .72rem !important; */
    min-height: .8rem;
    margin-top: .08rem;
    margin-bottom: .08rem;
}

.singlenew_top_right_novaild {
    margin-left: .3rem;
}

.singlenew_top_right {
    width: 2.2rem;
    height: 1.6rem;
}

.singlenew_top_right img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.singlenew_footer {
    width: 100%;
    height: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 15px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* background: #000; */
}

.singlenew_footer_span_type {
    font-size: .2rem;
    border: 1px solid #EF4040;
    color: #EF4040;
    width: 55px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    border-radius: 2px;
}

.singlenew_footer_span_date {
    font-size: .20rem;
    color: rgba(51, 51, 51, 0.4);
    line-height: 21px;
    height: 21px;
    width: auto;
    text-align: center;
}

.singlenew_btn_look {
    width: 100%;
    height: .66rem;
    background: -webkit-linear-gradient(bottom, #FDF2E5 0%, #FEFAF6 100%);
    background: linear-gradient(360deg, #FDF2E5 0%, #FEFAF6 100%);
    border-radius: .08rem;
    font-size: .27rem;
    color: #713E17;
    margin-top: .3rem;
    margin-bottom: .3rem;
}

.singlenew_btn_look_new {
    width: auto;
    margin: .3rem .3rem 0 .3rem;
}

.context {
    margin-top: .01rem;
}

.righticon {
    margin-left: .05rem;
    margin-top: .01rem;
}

/* detail */

.detail_wrap_main {
    overflow: hidden;
    min-height: 100vh;
}

.detail_wrap_one {
    position: fixed;
    top: 0;
    /* background-color: red; */
    height: 86vh;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

.detail_wrap {
    position: fixed;
    top: 0;
    /* background-color: red; */
    height: 78vh;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

.father {
    height: 100vh;
    overflow: hidden;
    /* background-color: transparent; */
}

.detail_foot_fd {
    height: 1.8rem;
}

.detail_wrap_open {
    height: 100vh;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

.detail_title {
    font-weight: 600;
    color: #111;
    font-size: .44rem;
    height: auto;
    display: block;
}

.detail_info {
    height: .24rem;
    line-height: .24rem;
    color: #999;
    font-size: .24rem;
    /* margin: .05rem auto 0 auto; */
}

.detail_content {
    font-size: .36rem;
    height: auto;
}

.detail_content h1 {
    font-size: .36rem;
}

.detail_footer {
    color: #999999;
    font-size: .28rem;
    height: auto;
    /* height: 1.5rem; */
    /* height: 1.68rem; */
    margin: .3rem .3rem 0 .3rem;
}

.detail_wrap_novaild {
    height: 92vh;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    /* background-color: red; */
    /* background-color: #fff; */
}

.detail_column {
    /* max-width: 667.5px; */
    margin: 0;
    width: 100%;
    /* height: 1.18rem; */
    height: 10vh;
    position: fixed;
    bottom: 0;
    z-index: 100;
    /* max-width: 750px;
    margin: 0;
    width: 100%; */
    /* height: 100%; */
    /* position: fixed;
    bottom: 0; */
    /* z-index: 100; */
    width: 100%;
    height: 1.18rem;
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/new_bgc-f414e352.png);
    background-size: 100% 100%;
}

.detail_column_valid {
    height: auto;
    margin: 0 .3rem 0 .3rem;
}

.detail_lm {
    font-size: .36rem;
    height: .9rem;
    line-height: .9rem;
}

.flexdStyle {
    width: 100%;
    height: 2.8rem;
}

.flexdStyleHeight {
    width: 100%;
    height: 1rem;
}

.detail_banner {
    width: 100%;
    height: 100%;
    /* background: linear-gradient( 225deg, #2D262C 0%, #201E20 100%); */
    /* margin: 5px auto; */
    /* border-radius: .16rem; */
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail_banner_valid {
    width: 100%;
    height: 3.8rem;
    background: -webkit-linear-gradient(bottom, #FEFAF6 0%, #FDF2E5 100%);
    background: linear-gradient(360deg, #FEFAF6 0%, #FDF2E5 100%);
    margin: 0 auto;
    border-radius: .2rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0.4rem;
}

.detail_btn_opeart {
    /* background: linear-gradient(180deg, #FFF9E8 0%, #FFF1CD 100%); */
    /* border-radius: .28rem; */
    font-weight: 500;
    color: #FFFFFF;
    width: 100%;
    height: .54rem;
    font-size: .3rem;
    line-height: .54rem;
    text-align: center;
}

.detail_btn_opeart_vaild {
    background: -webkit-linear-gradient(top, #F77878 0%, #F33737 100%);
    background: linear-gradient(180deg, #F77878 0%, #F33737 100%);
    border-radius: .28rem;
    font-weight: 500;
    width: 100%;
    height: .48rem;
    font-size: .24rem;
    line-height: .48rem;
    text-align: center;
}

.detail_opeart {
    width: 1.32rem;
    height: .5rem;
    margin: .35rem .3rem .35rem 0;
}

.detail_opeart_valid {
    margin: .6rem .3rem .35rem 0;
}

.color1 {
    color: #FFFFFF;
}

.color2 {
    color: rgba(102, 102, 102, 0.6);
}

.color3 {
    color: #2A242A;
}

.color4 {
    color: #8A6051;
}

.color5 {
    color: #111;
}

.color6 {
    color: #999;
}

.color7 {
    color: #fff;
}

.footer_single {
    background-color: #fff;
    box-shadow: 0px -4px 28px 0px rgba(0, 0, 0, 0.06);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    height: .72rem;
}

.footer_single_noborder {
    background-color: #fff;
    box-shadow: 0px -4px 28px 0px rgba(0, 0, 0, 0.06);
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    height: .72rem;
}

.singlestock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .71rem;
    line-height: .71rem;
    width: 93%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #fff;
    /* border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.06); */
}

.singlestock_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .3rem;
    color: #111111;
    font-weight: bold;
}

.spans {
    color: rgba(102, 102, 102, 0.8);
    /* color: red; */
    font-weight: normal;
    margin-left: .1rem;
}

.detail_zjbtitle_outward {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/icon／战绩-咖@2x-87d28370.png) no-repeat;
    background-size: 100% 100%;
    width: .72rem;
    height: .72rem;
    margin-top: .2rem;
    margin-left: .2rem;
}

.detaillock {
    text-align: center;
    color: #333;
    font-size: .28rem;
    margin: .2rem 0 .8rem 0;
}

/* 无权限样式 */

.detail_content_novail {
    font-size: .36rem;
    height: 5.6rem;
    overflow: hidden;
    margin-top: .4rem;
}

.detail_mask {
    /* width: 93%;
    margin: 0 auto; */
    height: 1.6rem;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
}

.backgrounFFF {
    background: #fff;
    margin-top: -.3rem;
}

.positionStyle {
    /* position: absolute;
    top: 25%;
    margin: 1.2rem 0 0 0; */
    margin: .3rem 0 0 0;
}

.test {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #ffceaf;
    border-radius: 50px;
    position: fixed;
    right: 10px;
    top: 50%;
    z-index: 100;
    font-size: .12rem;
}

.bottom_icon {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.bottom_table_stock {
    width: 93%;
    height: auto;
    font-size: .32rem;
    margin: 0 auto 0 auto;
    background-color: #fff;
    overflow-y: scroll;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

.row:last-child {
    border: 0;
}

.col {
    width: 25%;
    padding: 10px 0 10px 0;
    height: 1rem;
    text-align: center;
}

.cols {
    width: 33.3%;
    padding: 10px 0 10px 0;
    height: 1rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.stock_code {
    font-size: .26rem;
    color: rgba(0, 0, 0, 0.6);
}

.col_style1 {
    line-height: 1rem;
    font-weight: bold;
}

.col_textalient {
    text-align: left;
}

.col_fontweight {
    font-weight: bold;
}

.col_btn {
    font-size: .28rem;
    line-height: .46rem;
    border-radius: .24rem;
    width: 1.2rem;
    height: .46rem;
}

.col_btn_wx {
    color: #EF4040;
    text-shadow: 0px -4px 28px rgba(0, 0, 0, 0.06);
    background: -webkit-linear-gradient(bottom, #FDE3E1 0%, #FDF0F0 100%);
    background: linear-gradient(360deg, #FDE3E1 0%, #FDF0F0 100%);
}

.col_btn_yx {
    color: #999999;
    box-shadow: 0px -4px 28px 0px rgba(0, 0, 0, 0.06);
    background: #F2F2F2;
}

.c_red {
    color: #f54646 !important;
}

.c_green {
    color: #27b666 !important;
}

.detail_author {
    /* margin: .8rem 0 .3rem 0; */
    /*等开放单篇解锁的时候在改*/
    margin: 1rem .3rem .3rem .3rem;
}

.open_window_task {
    width: 100vw;
    height: 100vh;
    z-index: 500;
    position: fixed;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.5);
}

.open_window_task_imgprv {
    background-color: #000;
}

.open_window {
    font-size: .32rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 93%;
    height: 10rem;
    max-width: 600px;
}

.open_window_imgprv {
    height: auto;
}

.backgroun_lb {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/礼包@2x-6437c6ff.png) no-repeat center;
    background-size: 100% 100%;
    height: 80%;
}

.open_clos {
    height: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.open_window_content {
    position: absolute;
    top: 2.4rem;
    height: 1.7rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.open_window_content_second {
    top: 4.2rem;
}

.open_window_content_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: .6rem;
}

.open_window_content_left_amount {
    color: #F60D2D;
    font-size: .32rem;
    margin-top: 20px;
}

.open_window_content_left_price {
    color: #F60D2D;
    font-size: .7rem;
}

.open_window_content_right {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: .6rem;
    font-size: .33rem;
}

.open_window_content_right_tit {
    color: #AA6622;
    font-weight: 500;
}

.open_window_content_right_time {
    font-size: .24rem;
    color: #AA6622;
}

.close {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/icon／关闭@2x-561ec945.png) no-repeat center;
    background-size: 100% 100%;
    width: .8rem;
    height: .8rem;
}

.open_window_head {
    position: absolute;
    left: 50%;
    top: 13.5%;
    font-size: .5rem;
    color: #fff;
    font-weight: bold;
    -webkit-transform: translate(-50%, -18.5%);
        -ms-transform: translate(-50%, -18.5%);
            transform: translate(-50%, -18.5%);
}

.open_window_footer {
    position: absolute;
    top: 72%;
    left: 50%;
    -webkit-transform: translate(-50%, -63%);
        -ms-transform: translate(-50%, -63%);
            transform: translate(-50%, -63%);
    width: 4rem;
    height: .8rem;
    line-height: .8rem;
    background: -webkit-linear-gradient(left, #FFF9E6 0%, #FFE586 83%, #FFE172 100%);
    background: linear-gradient(90deg, #FFF9E6 0%, #FFE586 83%, #FFE172 100%);
    box-shadow: 0px 4px 24px 0px #eb2122;
    border-radius: .4rem;
    color: #EC1E24;
    font-weight: bold;
}

.show {
    visibility: visible;
}

.hide {
    visibility: hidden;
}

.widthStyle {
    width: 100%;
    /* height: .8rem; */
}

.newli {
    height: auto;
}

.updown {
    font-size: .24rem;
    text-align: center;
    padding: .3rem 0 .3rem 0;
}

.nodata {
    text-align: center;
    font-size: .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.nodata_img {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/没有内容@2x-c20f7037.png) no-repeat center;
    background-size: 100% 100%;
    width: 2.6rem;
    height: 2.6rem;
}

.nodata_text {
    margin-left: .12rem;
}

.loding, .loding_detail {
    text-align: center;
    padding: .3rem;
    font-size: .32rem;
    /* display: none; */
}

.detail_footer_singlestock {
    position: absolute;
    bottom: 0;
    /* bottom: calc(1px + constant(safe-area-inset-bottom));
    bottom: calc(1px + env(safe-area-inset-bottom)); */
    background-color: #fff;
    width: 100%;
    height: .7rem;
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: 0px -4px 28px 0px rgba(0, 0, 0, 0.06);
}

.detail_footer_singlestock_height_one {
    height: 15vh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.detail_footer_singlestock_height {
    height: 22vh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.detail_footer_singlestock_height_open {
    height: 5vh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.img_piv {
    width: 100%;
    height: 100%;
}

.bulletFrame {
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.window_view {
    width: 84vw;
    position: relative;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 10px;
    line-height: 1.6;
}

.title_fram {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 60px;
    font-weight: bold;
    font-size: .4rem;
}

.content_fram {
    width: 80%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 5px 0 5px 0;
    margin: 0 auto;
    font-size: .32rem;
    color: #666666;
}

.prom_content_fram {
    text-align: center;
    font-size: .15rem;
}

.content_fram span {
    color: #9c9cfe;
}

.fram_footer {
    width: 80%;
    margin: 0 auto;
    /* height: 40px; */
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0 20px 0;
}

.fram_footer_btn {
    width: 100% !important;
    height: 100%;
    color: #fff;
    line-height: 40px;
    font-size: .3rem;
    background-image: -webkit-linear-gradient(left, #ff5e00, #fa7d15);
    background-image: linear-gradient(90deg, #ff5e00, #fa7d15);
    border-radius: 25px;
}

.window_view_hight {
    height: 5.2rem;
}

.openClose {
    width: 20px;
    height: 20px;
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/icon_close-a3371a9d.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 8px;
    top: 7px;
}

.fram_footer div {
    width: 45%;
}

.fram_footer_left {
    color: #666666;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    font-size: .3rem;
    font-weight: normal;
    border-radius: 25px;
}

.fram_footer_right {
    margin-left: 10%;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    font-size: .3rem;
    background-image: -webkit-linear-gradient(right, #FA7D15 0%, #FF5E00 100%);
    background-image: linear-gradient(to left, #FA7D15 0%, #FF5E00 100%);
    border-radius: 25px;
}

.content_fram_p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

.content_fram_p_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
}

.content_fram_p_tel {
    color: #FE6404 !important;
}

.content_fram_p_img {
    width: 10px;
    height: 10px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAYAAAC3g3x9AAACRklEQVRIS5WVPWgUQRzF37vd9RQbJVYeNn42FpomgkGwUImKjUUsRHLc5oxokUIlpFEkWAiCNilu7+DAJmolCIlY+IEG8asTGxUL8YMz1tHb3Se3l5i7291zbpplZ+b95v3/858ZYqlpJLsNdjglaAjQTwqTrAQzy+OmXzYmynXGQV2VsKZFGJI6Si+YNYU15lGudVLgrSQRoU/4EOzgY/imUIau/QTAvjQBqWF6wR1joFy7JmBDKhC6zXJwohfgooBsF8HLTNkfMAaGrvUFYC7VoTTNSnC2B6D9DMDexE0h3iL0D7CCX8ZAufY1ARc6BQQr8OvnWMWiKaxZNgXriMj7MSCZp1ev9gJrAoeQRc76JnB9h/hhpuwf7BkYnZRRqyRxtEMskgP06q96gTaPXsHZDeqNgOi/pc2z7A8SkCn0H0CuPSfgUDyXytMLjHO5AizagwjxNOZSWmAQ7GQV301ctoUo15kRNBwvIcyh7B82Cb0dmMcmWPZ7AWvjoeMKPf9Sa7+KcFhCvbWvcxMgN3NGyEwnhCcS57HRv4GvzhgUTqh5ZB8xY51m6ffHqA6T8qKCfU/EscScCQsg+trHVCOt/fT+vEsGnkKfVlkvAG412YjIGfUZDHYlApvFnt2u0J8H2eEmfQkSN1OBEdR19gCaFbDOxCmhH12BEbTo9CsMHwBMvdVXFlPtv8AIms9uhh3cldDfzSmFKSNgBB3Bajj2ZQnjiD8ZIYHryPkTxsBlZypmt0DBGKTjS0/HawgXWfGfN+b8BaJM0o2bRtJoAAAAAElFTkSuQmCC);
}

.detila_space {
    height: 1.21rem;
}

.detial_summary {
    background-color: #F2F2F2;
    font-size: .28rem;
    padding: .14rem .2rem .14rem .2rem;
    margin: .3rem .3rem 0 .3rem;
    overflow: hidden;
    -webkit-text-emphasis: ellipsis;
            text-emphasis: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* height: 1.12rem; */
}

.freeRead {}

.freetitle {
    font-size: .36rem;
    font-weight: bold;
    height: .96rem;
    line-height: .96rem;
    margin: 0 .3rem 0 .3rem;
}

.space_line {
    background-color: #EAEAEA;
    height: 1px;
    width: 100%;
    margin-top: 0;
}

.zwdiv {
    height: .5rem;
}

.zjbckxq {
    position: absolute;
    right: 0;
    bottom: 0;
    color: rgba(255, 255, 255, 0.5);
}

.open_window_bottom {
    font-size: .32rem;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    height: 12rem;
    max-width: 600px;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    overflow: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

.direction_content {
    margin: 0 .3rem;
    overflow: hidden;
}

.direction_contents {
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

.direction_content_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .3rem;
    position: fixed;
    width: 93%;
    background-color: #fff;
    padding-top: .3rem;
    z-index: 600;
}

.direction_content_top div {
    width: 50%;
    text-align: left;
}

.direction_content_top_right {
    text-align: right !important;
    color: rgba(17, 17, 17, 0.6);
}

.direction_content_lm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: .3rem;
    font-weight: bold;
}

.direction_content_lm_round {
    background-color: #000;
    width: .1rem;
    height: .1rem;
    border-radius: .25rem;
}

.direction_content_lm_text {
    margin-left: .2rem;
}

.direction_content_title {
    text-align: center;
    font-weight: bold;
    margin: .9rem 0 .3rem 0;
}

.direction_content_js {
    font-size: .26rem;
    margin: .3rem .3rem 0 .3rem;
    color: rgba(17, 17, 17, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.direction_content_js_left {
    width: 1.74rem;
}

.direction_content_js_right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.direction_content_js_bottom {
    margin-bottom: .3rem;
}

.detail_opeart_new {
    width: 1.8rem;
    height: .5rem;
}

.imgstyle {
    width: 100%;
    height: 100%;
}

.singlepay_content {
    width: 100vw;
    height: 3.38rem;
    position: absolute;
    bottom: 0;
    background-color: #FEFFFF;
    border-radius: .2rem .2rem 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.singlepay_left {
    width: 3.3rem;
    height: 1.6rem;
    margin: .44rem .3rem;
    border-radius: .08rem;
    border: 1px solid #E3E0DD;
    position: relative;
}

.singlepay_left_title {
    font-size: .3rem;
    color: #111111;
    font-weight: bold;
    margin: .42rem 1.78rem .2rem .24rem;
    width: 1.28rem;
    height: .32rem;
    line-height: .32rem;
}

.singlepay_left_money {
    color: #666666;
    font-size: .24rem;
    margin-left: .24rem;
    margin-bottom: .42rem;
}

.singlepay_right {
    margin-left: 0px;
    background: -webkit-linear-gradient(bottom, #FDF2E5 0%, #FEFAF6 100%);
    background: linear-gradient(360deg, #FDF2E5 0%, #FEFAF6 100%);
}

.singlepay_right_title {
    color: #713E17;
}

.siglepay_icon {
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: 50%;
    right: .2rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.siglepay_cancel {
    position: absolute;
    bottom: 0;
    font-size: .32rem;
    height: .88rem;
    line-height: .88rem;
    border: 1px solid #F0F0F0;
    width: 100vw;
    text-align: center;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

.singlepay_tip {
    width: .64rem;
    height: .3rem;
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/single_tip-c2d883d5.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0px;
    top: -.15rem;
}

.left_icon {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/single_left1-d1c26193.png) no-repeat;
    background-size: 100% 100%;
}

.right_icon {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/single_left2-01a3c755.png) no-repeat;
    background-size: 100% 100%;
}

/*@mask*/
.mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(17, 17, 17, 0.5);
}

/*@pop 弹窗*/
.pop {
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    width: 76%;
    background: #fff;
    padding: 0 0.2rem;
    border-radius: 12px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.pop_hds {
    margin-top: 0.4rem;
    margin-bottom: 0.3rem !important;
}

.pop_tit {
    color: #333;
    font-size: 0.32rem;
    font-weight: bold;
    text-align: center;
}

.pop_bd {
    margin-bottom: .4rem;
}

.pop_msg {
    color: #333333;
    font-size: 0.28rem;
    text-align: center;
}

.pop_msg .ctel {
    color: #FE6404;
    font-size: 17px;
    margin-top: 5px;
}

.pop_msg .icon_tel {
    display: inline-block;
    width: 10px;
    height: 13px;
    vertical-align: -1px;
    /* background:url(../images/icon_tel.png) no-repeat center /10px 13px; */
    margin-right: 3px;
}

.pop_ft {
    border-top: 1px solid #E7E7E7;
}

.pop_action {
    height: 42px;
    color: #111111;
    font-size: 16px;
    text-align: center;
    line-height: 42px;
    border-radius: 25px;
    margin: auto;
}

.pop_action+.pop_action {
    margin-left: 15px;
}

.pop_action_ghost {
    color: #999;
    line-height: 40px;
    background: transparent;
    border: 1px solid #979797;
}

.pop_close {
    position: absolute;
    z-index: 10;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    /* background:url(../images/icon_close.png) no-repeat center / 20px 20px; */
}

.stock_part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.2rem 0 0 0;
}

.stock_part_item {
    font-size: 0.28rem;
    margin-right: 0.2rem;
}

.stock_name {
    margin: 0 0.01rem 0 0.1rem;
}

.red {
    color: #EF4040;
}

.green {
    color: #009F27;
}

.rise {
    width: 0.24rem;
    height: 0.24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuUlEQVRIS+2UPWgTYRjH/88lNI2SNo1NhtoOthalSBdRyJDwJiW2iG0RKYJQF9HBxaIOjllEQUG6WCctWEEsLg24WHvXpKXSiiAIHZy1Qz+S9Dsm9z5ytSeXj7ZoMnrLXXLv/X/v+3uf5yWUeXFfny21vNwIombS9RbjDuZmBlqISKcy87EcDDYpijIB4HiJrMGyAUboRiTSkM1mJxg4YYWQonRWBGCErgjxiIC7FsCG2+k8UhFASogHDNwjos8APjHzDYVorFZVe8sCMECr4fATKeUtAuaQy3W6p6aSyVBokJnnPZr27EBA2u/3SIdjmIE3Hk0bMRVwNKqkJyeHjNkS8FHa7V2e8fG0+f5Hd/ehhlhsc1/AqhAnJTDGQKvxIREN1dbXDwDQU0tLL8DcrwBTNdnseZqeXitVkXsC0qFQp2R+TYALwEMGugCcJqJZMH9n4CKAySxwwadp69bwpBBs/K7TNCoJSAsxIIHHANYVoiu1qvrua1tbVaPPdx9Et5lZAfDB7XL1UCy2WTjzPQFGyFGf7ymAawR8y0nZWx+Pz1sDUuHwOZby6nomc71pZmarMHylo6OddP1L0QoWAgFvtc32FkCAgPfI5S4bFfE3nW6EQ9fbCXiZB1gT4pT+ezOPARh0e713aHRUNwYZ1bKiaWeNZ48QsxSNylJQM3ynGKyAZCjUA+YRAqqY6Gadqj7/U4p+v3O1ujqoM3uN/2xEizXb23EqUGMNLwYIMQygi4kueVR12gxfCwS8P+32IDE7rTNmoq2qXC7uSiQWd46IXS15Z5B1BSyEfVPXvYcTiQVzUDoSadUzmTOkKK92NAH9eVqklDaHY06X0mk4L1RWtAfW7jR80+7Raw4sAlg87/curw+4wLfVZdmAvXxXZAWmbyiK0Z15V0UAZlv/q4YD9+A/4CBFvwDtEGizNQI88AAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    display: inline-block;
}

.down {
    width: 0.24rem;
    height: 0.24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACbUlEQVRIS+3VT0gUcRTA8e+b1YUFoSBEqDTbImf7gwepQ4EkRIcggkiJInZng/ZSEBREUSRBRBF1CIJFat3+ggRChygqKrsVXURYR8UKPOXFyhB1mVcz66br7mrEdOsd5ze/9/n9fu/Nb4RUZD+qbahGOWx/x+cQOs0kqkcQ+nB0D/GBYT8N8ZJ1midQvQyMYdBK1H7lF5ID3EhFdoHzEAiBcRwrc9MPZBZws93bsJ7p7GNgDZBkquoYiQ/TBVCqfilGqIVopvtPFlAIuDPS5jIcfQRsB3mDZluJD43mjrJhG8p9hDpUT2INXFsMKQbcGcmmSoLjN4AE8AkjsBfN7gY5h8oU6BiwHOEUMfvKQkhpID8jbR5F9TpKABCQQQzdhyPfQF8CYYSzxOyL5RAh1aDeoGWXxtKRHThOFyKvmZyySAx/9d5Pr1uBIy8AE5ULxPvPl0IWB9xZDzbWcKDvC5BbTD46VtdQEXwObELkErH+M7lamTtRNbDsp7OAQSNRu3exohWNu02h+gylCZGrqHd03YjcIdafmAWUQwTo/SskGV5CMPgEdCvgAAbCCDG7thBwl7cQ0o7BqsgWbxefM+9o95KB97yhA4gX7NCgsRgoh3StDDFe1QxanUsio1SN99A6MknavIVqrPh45XRpYD5ye201WtGMaKggicoEIh8xtAXVcO4GkDBoPVAJvC0P5BHHmADd7HXF3BDuzuzkIMh7rMzg7+EuAvwwaxGpWxjIJ3EbYH7MHxNjqKAuM+/7B8ytS9vIRH49PgPup+jWJduTvyD9B7wGEydfl38EzDSAZct/wL1fy7fwr1/ATy4LIuyCg74UAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    display: inline-block;
}

.stock_detail_part {
    margin: 0.3rem 0.3rem 0.15rem 0.3rem;
}

.show_stock_part {
    background: #F2F2F2;
    height: 0.64rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-radius: 0.08rem;
    padding: 0 0.2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.stock_detail_part .push {
    font-size: 0.24rem;
    font-weight: 400;
    color: #999999;
}

.stocks {
    font-size: 0.24rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.24rem;
}

.stcoks_name {
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.24rem;
    color: #111111;
}

.head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.24rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.24rem;
    padding: 0 0.33rem;
}

.head p {
    margin-right: 0.8rem;
}

.stock_list {
    width: 100%;
    height: auto;
}

.stock_itme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 1.16rem;
    margin: 0 0.2rem;
}

.stock_list:nth-child(n+1) .stock_itme {
    border-top: 1px solid #E7E7E7;
}

.stock_itme .code_name .stock_name {
    font-size: 0.28rem;
    font-weight: bold;
    color: #111111;
    line-height: 0.28rem;
}

.stock_itme .code_name .stcok_code {
    font-size: 0.24rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.24rem;
    text-align: center;
    margin: 0.08rem 0 0 0;
}

.stock_itme .rise_val, .stock_itme .time_rise_val {
    font-size: 0.28rem;
    font-weight: bold;
    color: #EF4040;
    line-height: 0.28rem;
}

.stock_itme .rise_val span, .stock_itme .time_rise_val span {
    display: inline-block;
}

.choose {
    font-size: 0.24rem;
    font-weight: 400;
    color: #EF4040;
    line-height: 0.44rem;
    background: -webkit-linear-gradient(bottom, #FDE3E1 0%, #FDF0F0 100%);
    background: linear-gradient(360deg, #FDE3E1 0%, #FDF0F0 100%);
    border-radius: 0.24rem;
    width: 1.2rem;
    height: 0.44rem;
    text-align: center;
}

.chosed {
    font-size: 0.24rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.44rem;
    background: #F2F2F2;
    border-radius: 0.24rem;
    width: 1.2rem;
    height: 0.44rem;
    text-align: center;
}

.push {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    vertical-align: middle;
}

.push .pushUp {
    width: 0.24rem;
    height: 0.24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABcklEQVRoQ+2XMY7DIBBFxxxiL7PNVilyEMQJ3CTlpskJEAfZIlWavcweAq2IbMmKDGb4gxJLk9KGmf/+BwcG2vlv2Ll+UoBXJ6gJaAKgA7qEQAPh6ZoAbCFYQBMADYSnawI5C51zXzHGMb03xly993fY7pUCXRKw1h6I6Dtpn3pGIjqHEG7SEOIAK+JnzV0gRAEK4rtBiAFkxCfXH9tgsXREkxABKIg/T8KX+yE9EoOAAUri501bM6Z1c0MAHGGcsRyYZoAWQS1ztmCaABAhyNw1GDaAhACJGjMMC0CysVStagCphstlIFGzCkCiUW4zorU3AdAGW1+R9B7pUQRACtcIl1hOWYDpPH/teY55hswZZowZc/eJLIC19oeIPnodwph74i+EcGT9DzwBiB2+apbWShJ8AOfcZ4zx1PtKWHklvXjvf1kJ1Dj1DmM2P6PvILKkQQFenZAmoAmADugSAg2Ep2sCsIVgAU0ANBCevvsE/gE+E9Yx4RRIWgAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    margin-left: 0.08rem;
    margin-top: 0.05rem;
}

.push .pushDown {
    width: 0.24rem;
    height: 0.24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABcklEQVRoQ+2XQW7CMBBFvzlEL8OmKzY9R3wDhFSpKySkqjeYnKObrthwGQ5BKqMgQYXjjOe7CGnYxjPz3/+OcQKAgCf+JfEO8MgAPYFHup9mewKegNEB30JGA83lnoDZQmMDT8BooLk8m0CMcQngfZzwJSJ78zRFgxjjK4D1WLITkcO98imAbwAvY9FpGIaPvu9/FBqql3ZdtwohbAEsxiZHEXmzAKTaf4G4Iz7NrgJIEX5eudAcIiP+BGCT28KTp1CuYYvtVDureIzWNta8AJYZRYAkxDKgBGLtPQugFYRVvPqDhjHwkgir1+wEmINZ4tUJMCCY4qsBat8JtngTgBaihXgzwFyIVuIpACWI85Dbixn1SqI+hXJ/TBP3mFRyuVVSxdMSKJxO18z0Gy0tgRkQdPH0BCYgmohvBpAa//kkbPZJSt9Cpdsn+7kDsB3V9vMEtI6x13sCbEe1/TwBrWPs9Z4A21FtP09A6xh7/dMn8Aua5SFwKFTNTgAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    margin-left: 0.08rem;
    margin-top: 0.05rem;
}

.hide {
    display: none;
}

.show {
    display: block;
    border-radius: 0 0 8px 8px;
    border: 1px solid #E7E7E7;
    border-top: none !important;
}

.tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0.3rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: auto;
    height: 33px;
    line-height: 33px;
    background: rgba(239, 64, 64, 0.1);
}

.tips_content {
    font-size: 0.24rem;
    font-weight: 400;
    color: #333333;
    height: 33px;
    line-height: 33px;
    margin: 0 !important;
}

.unlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.24rem;
    font-weight: 400;
    color: #EF4040;
    height: 33px;
    line-height: 33px;
    margin: 0 !important;
}

.unlock .rediron {
    width: 0.24rem;
    height: 0.24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABNklEQVRoQ+3ZPQ6CQBAF4Fm5gPR6FwKVnYWJhWfwQvYWJhZegIS7aI8ewF0DiQkNEnbnzbjJ0gKb981ssT+GIn9M5PkpAbQ7mDoQbQdeZbmx1p56QJYd87q+aWC8p1BbFHciWnWhjTFvcu6wbJqLNIIFoInwB1TV1lh7dc5l36prdMIb0IV+FsWejDlrIoIA/4AIBmgjWACaCDaAFoIVoIFgB0gjIABJBAwghYACJBBwABohAkAixAC/EG6x2PnuJ0QBYwgieuRNs/bZSyTAnKqNLb+jmEKovYPIFEKF77eyc6aAz7fI8HAAOjwUIBEeBpAKDwFIhmcHSIdnBWiEZwNohWcBaIYPBmiHDwK0sR/uDu8H4jxej/2CI/orJp+VKeIf+HIaEXo4ZgKgKzw1furAVIXQ7z94lHZAZ9InQwAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    margin: auto;
}html body {
    overflow: hidden;
    overflow-x: auto;
}

.pc_page {
    width: 1272px;
    margin: 0 auto;
    position: relative;
    /* height: 100vh; */
    background-color: #F5F6FA;
}

.pc_page_head {
    width: 100%;
    height: 100px;
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/bj-23c80bdd.png) no-repeat center;
    background-size: 100% 100%;
    /* margin-top: 28px; */
    position: relative;
}

.openBtn {
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: -webkit-linear-gradient(107deg, #000000 0%, #343434 100%);
    background: linear-gradient(343deg, #000000 0%, #343434 100%);
    font-size: 16px;
    color: #FFF1DB;
    border-radius: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.kfClass {
    width: 50px;
    height: 20px;
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/kf-f8b54a3b.png) no-repeat center/100% 100%;
    position: absolute;
    top: 62px;
    right: 175px;
}

.pc_page_lb {
    width: 100%;
    height: 117px;
    /* margin-top: 12px; */
    background-color: #fff;
}

.line_ver {
    width: 100%;
    height: 12px;
    background-color: #F5F6FA;
}

.pc_page_lb_left {
    width: 58px;
    height: 60px;
    margin-top: 25px;
    margin-left: 20px;
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/zj_white-3c371686.png) no-repeat center;
    background-size: 100% 100%;
}

.pc_page_content {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 12px;
    background-color: #fff;
}

.pc_page_content_left, .pc_page_content_left_pf {
    width: 452px;
    min-width: 452px;
    height: 98vh;
    overflow: hidden;
    overflow-y: auto;
    /* height: calc(100vh - 290px); */
    position: relative;
}

.pc_page_content_left_tab {
    margin-top: 24px;
    /* height: 30px; */
}

.leftHeight {
    /* height: calc(100vh - 392px); */
    overflow: hidden;
    overflow-y: auto;
    margin-top: 10px;
}

.pc_page_content_left_tabTitle {
    font-size: 16px;
    height: 28px;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-left: 40px;
    cursor: pointer;
}

.pc_page_content_left_tab div:first-child {
    margin-left: 20px;
}

.pcactive {
    font-size: 20px;
    font-weight: bold;
}

.pcactive::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 32px;
    width: 30px;
    height: 3px;
    background: #F63143;
    margin: auto;
    border-radius: 1.5px;
}

.pc_page_content_left_tabType {
    /* height: 22px; */
    margin-top: 26px;
    margin-left: 20px;
    /* margin-bottom: 20px; */
}

.pc_page_content_left_tabTypeTitle {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 22px;
    margin-left: 10px;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    background-color: #F5F6FA;
    padding: 1px 8px;
    border-radius: 2px;
}

.pc_page_content_left_tabType div:first-child {
    margin-left: 0;
    padding: 1px 8px;
}

.tabTypeTitleactive {
    color: #fff !important;
    background-color: rgba(239, 64, 64, 0.98) !important;
    padding: 0 5px;
}

.pc_page_content_right {
    /* flex: 1;
    height: auto; */
    width: 100%;
    height: 100vh;
    /* height: calc(100vh - 290px); */
    overflow: hidden;
    overflow-y: auto;
    position: relative;
}

.pcloding {
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}

.pc_page_content_left_content {
    width: 100%;
    /* height: 100%; */
    background-color: #fff;
    overflow-y: auto;
}

.pc_page_content_left_content_card {
    width: 100%;
    cursor: pointer;
    min-height: 153px;
    /* margin-top: 20px; */
    /* height: 161px; */
}

.pc_page_content_left_content_card_title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding: 20px 22px 0px 20px;
}

.pc_page_content_left_content_card_summary {
    font-size: 14px;
    color: #333 !important;
    padding: 0 22px 0 20px;
    margin-top: 8px;
}

.pc_page_content_left_content_card_footer {
    margin-top: 20px;
    padding: 0 22px 0 20px;
}

.pc_page_content_left_content_card_footer_left {
    border: 1px solid #ff2323;
    height: 17px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    color: #F63143;
    padding: 0 4px;
}

.pc_page_content_left_content_card_footer_left_PF {
    border: 1px solid rgba(246, 49, 67, 0.8);
    height: 17px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    color: rgba(246, 49, 67, 0.8);
    padding: 0 4px;
}

.pc_page_content_left_content_card_footer_right {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
}

.pc_stock_part {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 20px;
    margin-top: 14px;
    padding: 0 22px 20px 20px;
}

.pc_stock_part_item {
    font-size: 14px;
    margin-right: 10px;
    height: 24px;
    border-radius: 12px;
    line-height: 24px;
    padding: 0 10px;
}

.pc_rise {
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuUlEQVRIS+2UPWgTYRjH/88lNI2SNo1NhtoOthalSBdRyJDwJiW2iG0RKYJQF9HBxaIOjllEQUG6WCctWEEsLg24WHvXpKXSiiAIHZy1Qz+S9Dsm9z5ytSeXj7ZoMnrLXXLv/X/v+3uf5yWUeXFfny21vNwIombS9RbjDuZmBlqISKcy87EcDDYpijIB4HiJrMGyAUboRiTSkM1mJxg4YYWQonRWBGCErgjxiIC7FsCG2+k8UhFASogHDNwjos8APjHzDYVorFZVe8sCMECr4fATKeUtAuaQy3W6p6aSyVBokJnnPZr27EBA2u/3SIdjmIE3Hk0bMRVwNKqkJyeHjNkS8FHa7V2e8fG0+f5Hd/ehhlhsc1/AqhAnJTDGQKvxIREN1dbXDwDQU0tLL8DcrwBTNdnseZqeXitVkXsC0qFQp2R+TYALwEMGugCcJqJZMH9n4CKAySxwwadp69bwpBBs/K7TNCoJSAsxIIHHANYVoiu1qvrua1tbVaPPdx9Et5lZAfDB7XL1UCy2WTjzPQFGyFGf7ymAawR8y0nZWx+Pz1sDUuHwOZby6nomc71pZmarMHylo6OddP1L0QoWAgFvtc32FkCAgPfI5S4bFfE3nW6EQ9fbCXiZB1gT4pT+ezOPARh0e713aHRUNwYZ1bKiaWeNZ48QsxSNylJQM3ynGKyAZCjUA+YRAqqY6Gadqj7/U4p+v3O1ujqoM3uN/2xEizXb23EqUGMNLwYIMQygi4kueVR12gxfCwS8P+32IDE7rTNmoq2qXC7uSiQWd46IXS15Z5B1BSyEfVPXvYcTiQVzUDoSadUzmTOkKK92NAH9eVqklDaHY06X0mk4L1RWtAfW7jR80+7Raw4sAlg87/curw+4wLfVZdmAvXxXZAWmbyiK0Z15V0UAZlv/q4YD9+A/4CBFvwDtEGizNQI88AAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    display: inline-block;
}

.pc_down {
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACbUlEQVRIS+3VT0gUcRTA8e+b1YUFoSBEqDTbImf7gwepQ4EkRIcggkiJInZng/ZSEBREUSRBRBF1CIJFat3+ggRChygqKrsVXURYR8UKPOXFyhB1mVcz66br7mrEdOsd5ze/9/n9fu/Nb4RUZD+qbahGOWx/x+cQOs0kqkcQ+nB0D/GBYT8N8ZJ1midQvQyMYdBK1H7lF5ID3EhFdoHzEAiBcRwrc9MPZBZws93bsJ7p7GNgDZBkquoYiQ/TBVCqfilGqIVopvtPFlAIuDPS5jIcfQRsB3mDZluJD43mjrJhG8p9hDpUT2INXFsMKQbcGcmmSoLjN4AE8AkjsBfN7gY5h8oU6BiwHOEUMfvKQkhpID8jbR5F9TpKABCQQQzdhyPfQF8CYYSzxOyL5RAh1aDeoGWXxtKRHThOFyKvmZyySAx/9d5Pr1uBIy8AE5ULxPvPl0IWB9xZDzbWcKDvC5BbTD46VtdQEXwObELkErH+M7lamTtRNbDsp7OAQSNRu3exohWNu02h+gylCZGrqHd03YjcIdafmAWUQwTo/SskGV5CMPgEdCvgAAbCCDG7thBwl7cQ0o7BqsgWbxefM+9o95KB97yhA4gX7NCgsRgoh3StDDFe1QxanUsio1SN99A6MknavIVqrPh45XRpYD5ye201WtGMaKggicoEIh8xtAXVcO4GkDBoPVAJvC0P5BHHmADd7HXF3BDuzuzkIMh7rMzg7+EuAvwwaxGpWxjIJ3EbYH7MHxNjqKAuM+/7B8ytS9vIRH49PgPup+jWJduTvyD9B7wGEydfl38EzDSAZct/wL1fy7fwr1/ATy4LIuyCg74UAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    display: inline-block;
}

.pc_red {
    color: #F63143;
    background-color: rgba(239, 64, 64, 0.14);
}

.pc_red_pf {
    color: rgba(246, 49, 67, 0.8);
    background-color: rgba(239, 64, 64, 0.14);
}

.pc_green {
    color: #009F27;
    background-color: rgba(3, 170, 84, 0.14);
}

.pc_color_red {
    color: #EF4040;
}

.pc_color_green {
    color: #009F27;
}

.pc_ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pc_moreellipsis {
    overflow: hidden;
    -webkit-text-emphasis: ellipsis;
            text-emphasis: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pc_nodata_img {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/没有内容@2x-c20f7037.png) no-repeat center;
    background-size: 100% 100%;
    width: 200px;
    height: 200px;
}

.nodataStyle {
    position: absolute;
    z-index: 100;
    /* top: 60%; */
    left: 50%;
    /* transform: translate(-50%, -50%) */
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.pc_nodata_text {
    font-size: 16px;
    padding-bottom: 20px;
}

.pc_page_content_right_head {
    width: 752px;
    height: 70px;
    margin: 0 auto;
    line-height: 70px;
    color: rgba(171, 138, 85, 0.9);
    font-size: 16px;
    border: 1px solid #F5F6FA;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

.border_pf {
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 227, 184, 0.8) !important;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

.pc_page_content_right_title {
    width: 752px;
    height: 84px;
    margin: 0 auto;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    margin-top: 23px;
}

.pc_page_content_right_time {
    width: 752px;
    height: 22px;
    margin: 40px auto 0 auto;
    font-size: 16px;
    color: #333;
}

.pc_page_content_right_stockInfo {
    width: 752px;
    height: 42px;
    margin: 0 auto;
    position: relative;
}

.pc_page_content_right_stockInfo_left {
    width: 487px;
    height: 30px;
    line-height: 30px;
    margin: 12px 0 0 0;
    font-size: 16px;
    background-color: #F5F6FA;
    border-radius: 15px;
    position: relative;
}

.pc_page_content_right_stockInfo_left div {
    margin-left: 15px;
}

.pc_page_content_right_stockOpeart {
    position: absolute;
    right: 35px;
    font-size: 16px;
    color: #999;
}

.pc_page_content_right_content, .pc_page_content_right_mzsm {
    width: 752px;
    margin: 0 auto;
}

.pc_page_content_right_mzsm {
    margin-top: 30px;
    margin-bottom: 30px;
    /* height: 84px; */
    font-size: 16px;
    color: #999;
    line-height: 1.5;
}

.pc_page_content_right_content_samll {
    font-size: 16px;
}

.pc_page_content_right_content_big {
    font-size: 18px;
}

.pc_icon {
    width: 14px;
    height: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADaADAAQAAAABAAAABwAAAADjegAPAAAAmUlEQVQYGWOcNWuW2v///5+kp6d/YyAAZs6c6cjMzPyYiZGRURyo9hFIAJ8eqPxqPj6+p0ypqamHmZiYAoEaVuPSCNMAUhcWFvadEWb67Nmzbf/9+7ceyA8FOnU/TBxZA8gCkDhcE4iDrhGbBgxNyBqBfo0FBtBikJNgNoDkQQDFJogQA8O8efNkf//+fQaooRioYQlMHEYDAOQ5SdfU1Z79AAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 6px;
    cursor: pointer;
    position: absolute;
    right: -22px;
    top: 13px;
}

.pc_icon_up {
    width: 14px;
    height: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADaADAAQAAAABAAAABwAAAADjegAPAAAAkklEQVQYGWNmwAL+///PJCMj4xIQEMC6adOmt+hKGNEFli5dKvjly5f9QPHTQGzEw8PjEh0d/R5ZHRMyB6aBkZFxZ3p6eipQbj/QgD0gcWR1cJuQNaSlpZXDFM2cObMHyHZEthGsCZcGXBqZCGkAaQQ6tQRIgZ0KCiTGWbNmpTIxMZ1JSUk5DzMZFw1yKhsb2xQAONhR35CD7vAAAAAASUVORK5CYII=) no-repeat center;
    background-size: 100% 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 6px;
    cursor: pointer;
}

.pc_page_content_right_stockInfo_right {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    margin-top: 13px;
    position: absolute;
    right: 0;
}

.pc_samll, .pc_big {
    width: 24px;
    height: 22px;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    line-height: 22px;
    margin-top: 4px;
    background-color: #F5F6FA;
}

.pc_samll_pc_big {
    background-color: rgba(102, 130, 170, 0.2);
    color: #AFBCCC !important;
}


.pcfontActive {
    background-color: #DFE2EC !important;
    color: #333 !important;
}

.pc_sun {
    width: 24px;
    height: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAsCAYAAAAjFjtnAAAAAXNSR0IArs4c6QAAA1ZJREFUaEPtWPtTUkEUPhdhCBB8jjZKouVYTjMphIiYMzXTH25BIiI+plIrs0CFUvGB8QqU5tvmOqiQ665Xcuaen+De3T3nO9957VWyud8VusOi6AAazJ7OQIMJIJ0BnQFJD2gWQsVikeYiYVIUhfwTk2Q0GiVNrb1dMwC7uzu0tBhjWr1j49TW1q4DqOUBzRg4Ps7Qj1SKFINCPT1Oslqt/x8D+/tpMpvNZLM1Cxm3s/OTKpUKdXffF9qPTcIMpNN7tBCLUlNTE4txh6PlnBH5fJ4KhTxLYrP5HlkslnPvU6kkfXi/zJ75xieopaVVCIQwgGz2F0VmZ5hit8dLBoOByuUyJRLfKbm9Tfl87pxBFouVep1O6uvrZ6BPT09pcWGeMscZCgSmGJMiIgwAyjKZI2putjPj8Xt5aZF5/V8CICOjbrLbHQwEHIHfoiIFQFUK4+ejETo5OeGyAwyM+fxShquKpAEgbMIzoSs9fxEZmAhMTjH2ZEQawMbGOn1d/yJkw9DjJ+RyDQjtvTEGQsE3lxKW1yLEPsYMGeFmALMNYh2CkojkRakMBadl9NPLV6/JZDIRGl+hUGBntba2sWc8wg0g+Hb6LM4HHj6iwcEhOjjYZ8krIxOBF8wZa6srtLkZZ0fhP57zCDeAmXdBVvIgKoDDwwOKzs3y6Km7RgWwuvKRtrYSbF17ewc99/q4zuUGgGoDmiHorJhtbjKEED7lcomdj9EEHZxHuAHUO6yaGR6F1WvsDgf5/beUxPWMi8e/0edPa9e1na0fHn5Kzgd9QnvVTdIMYBxAI8vlstcyBGGC+OcNlXqHSwPAwUhuXB+RJzxiNJnI5/MLj+HVOqQAoC/Ak5htAALDnFqp6gFBiXw2Msr2ATDuFF1d3Ty4a64RBoAKNBsOERLR7fYyELicbG0mKJncPmt6qlas6+1xsphH2MD4WGyOMkdHrGSidIqIMAB4H/cByMio55IXS6USFYt/OyvK7sXOCs/jPoAc8njGqKOzU8R+8RsZtKX39tidV9R76CtgQuaLhTADV7krl81SIhFnYeVy9ZPVZrtqi9B7zQBUz0l38rvQnQeA2FaTHDM/qpQWolkIaWFsrTN1ALflaU1noUaC0EOokd6Hbp2BRjPwB+Mx9WyJnYwbAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%;
    margin-top: 4px;
    margin-left: 20px;
    cursor: pointer;
}

.pc_mouth {
    width: 24px;
    height: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAsCAYAAAAjFjtnAAAAAXNSR0IArs4c6QAAA2ZJREFUaEPtmN9LU2EYx9/3bEc9qHM6dTLTMQvmhuKP0YjQbOFFRRAVQfTjSoxukkgk+wO6sSQoIoioKIQuotswJdIKxFSWmOagpTanrk33Q/f7nDeOZYltO77nuGlwdnue9/l+P8/3OeeMAy/eeF4L/uMfFAG2OT0xgW0OAIgJiAkInIC4QgIHKPh40hNoqFZfJiUSPUPT08FwdHLa6e2fdfhcgp3/bpB0gEZDWSdBQOVfwwhFwujjhM3ZNe8SDpJ0AF1pgbakMKcdQESunzoCKLjkCT4estg/CEkj6QCsOaNOdUyeRZ2JZdS7HO4amPj+ii9ESgDSqXRpvb74LkHA7FhGnd7AnZFJ+yAfiJQAsMYOVKmbMtKkppgmIQiMzfy4bp/3OnEhUgawt1x1ODebOh/PYCBM97/7NPVgxwIYtKoGhYxqjmsQIWbM5ryKm0LKEtinKz0uyyJPJ5qw1xd6NvDF1o2TQsoATLWaa6SEqExkLhSJjvaZpzt2HECJUl6oL827iQCUJDLHMGihd9jauuMATDWaVlJK1HAZQwiFeoasTVx1669jr9DBGnULAYldC4u+h5+nnBYusfoK9TmKkh7hqlu9DkHg9eDX+Dd6jCbYAI2GsvurLyQEIx5/8IXZYu8ORZnoxt7s2uxR5V7YzOTXzjI0M9c78q1tU7B8/8wdqla3S0lpxR9RBvnCUXooHKJtEcQESUIqpyhJeZoE6rl2fqPRME2b345M3UoqwH598YmszIxTOCKbrXWvBJ4Mjtt7N1u/unW4H7ZK8jPzdRrlbQAgxBHiqoUA0WMW15VZj2eJq1bQTcweNlVpWsg0wogjxFXrD0XevB+decRVt/E6dgJsgyJFtqJSU9ABIUzHFYxVzyAQGLfOtdkX/W7cfrwAWBGDtqhOIcu8hCv4bz1C867lzlGrw8ynF28AVsyoLz4qz8w4y0f41xmE3MuBp4MTcz18ewgCYEVrtSpjfg7VDBCgcEywa+NY9N3jO/k1LcEAbCNVkSx/tzLvJEUSdQBCIhEI+7RZCTF9VpvjJZ+d35KbOJ5BFqRULjNQGdIqCUkoIQJySECGiTLuKEAL/mDYPDu7Moz7qEw4ENz3AM6apKJ2S1YoFUbjaYgA2zl9VltMQExA4ATEFRI4QMHH//sEfgL7qWkY4gDgvgAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
    margin-top: 4px;
    margin-left: 20px;
    cursor: pointer;
}

.pc_page_content_right_pay_left, .pc_page_content_right_pay_right {
    width: 320px;
    height: 78px;
    border-radius: 39px;
    border: 1px solid rgba(174, 187, 203, 0.6);
    cursor: pointer;
}

.pc_page_content_right_pay_left_top {
    font-size: 18px;
}

.pc_page_content_right_pay_left_top_span {
    display: inline-block;
    width: 11.25px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAAAXNSR0IArs4c6QAAAupJREFUSEvdlktoU1EQhv9JvJZigrqoqChWBF9QFc65aUlEoqAWXPiAbkRQ7EKwoAtRELqIiFjBhY+NDyyoqCtBCVgXPq7YeiGdg4qgCNqgYkUXWohg0zZ35EoDPtLkBuPGs53Hd2bOnJkhlDnJZDKSy+V2EdFmAIsBTAEwKCL3iOg8M2fK2fsymkhBKbUOwGUAM34oEhVEJAdgWtGGiLobGhp29/T05CfyUxKgtd4I4LqIhIkoHQqFjobD4Seu636Lx+PzRkZGWkXkKIDpAO5Fo9H1juOMlYL8AWhubp4zNjb2AkCEiHYx87lSholEYnY+n78pIhpAlzHmYCCA1vqMiPh572bm9nI51lovAvDYz2BdXd2Cvr6+wd/1f4kgmUxOyuVyn4goGolEGhzHGar0iEqp4wD2AdhjjDldFhCLxRYWCoWXAJ4ZY5ZVcu7Lbdve4nnedQBXjDHbygKUUisBPCSia8y8NQigeCkiusPMa8sCtNZJEbkP4KIxZkcQQEtLS+Po6GiWiB4wc/I/Bdi2vc3zvC0Aloy3hCEiehokRQCmisgKIhoWkUdE9NyyrC7Xdd//6ABa6wMiciygs6Bq7+vr65t6e3u/+IC3IjI3qGVQPSJqZ+ZuUkpJUKNq9IgoxcyH/iXgEDOnAgNKtetyERFRVYCT0Wi003Gcr7Ztxz3PuwpgXq0AD40xqwBMBjALwJtYLLamUCjcrQmg+FgATgLoADCzra3tSzab9et+0oSTLGiKiOgSM28H4A+WVgBHbNue73ne65pEACAfDodXZzIZ13eYSqVC6XTab8+bagXwB/5Hy7KWuq77WSnVCeBwpT9RbRX5kA3MfEtrnRERu+YAAJuNMTeUUk8ALK85IBQKdTQ2Np4dGBh4N16uZRlVpwjACIAPlT5Ykfoz4PP4AlUp6mrle40xp/x2fUFEdlZrXaFEhy3LanJd9xUlEoloPp8/ISL+guuvgn9zPH+iEdH+/v7+276j7wPmeC4DsQK2AAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%;
    margin-right: 5px;
}

.pc_page_content_right_pay_left_top_span_pf {
    display: inline-block;
    width: 11.25px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAAAXNSR0IArs4c6QAAAi1JREFUSEvVlkuojVEUx39/ZIIwIERIeZXHgIkklEcZcA2lyB0oioEodQf3JqEMPCYeOYUwUqRk4JFuUSauFCkSQgzuVZRH+Gud9pGbc873ffnOwB5+31rrt9f6773WFk2W7aHAZqANmA4MAd4AN4GTku41849/amRgezlwFhidbH4AH4ERf/hUgC2SvjaKUxdgezVwERgIXAH2AT2SPtueCKxM30ambFZI+l4P8hfA9njgMVAtj6QT9RxtjwMuA/OA/ZJ25wUcS3WvSGrP0GgacD+Veoqk0Kff6peB7UHAe2AYMErShywRbR8EdgDbJB3NAkwFngAPJc3OCh7/ba9Nep2TtD4LsBDoBi5IWpcTUNvUdUnLsgCLgVvAaUkbcwImAc+B25LCv6kG/ynAdogTYs1ILSFOz4M8JQKGA3OBL8Ad4FG6F6+rrcL2LuBAzmB5zSL4LEl9AXgJTMjrWcCuXVIlAC7gVMS0U1JXKwFdkjqLAOq162YZFQIcBjokfbK9ADgPRNsuBdAtaZHtwcBYSS9sLwVulAWoimU7stgKjAH60rmP7tto5S7RGUkbbMdgiUm2F5gMPCsrg5i3SyTdTe15QGrPa8oCRJx3wExJvbY7gD05LkTuEtVirZJ01XY8Vea3AtAm6ZLtHmBOKwBxgo4Dr+K4tgLwDXib44LV2L816AXiAVX22i7pSPSiU8CmkqPH8Il58DQA8QY6lB64/5rJzzTRdkq6Fpv+BfL5DC4eVEsNAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%;
    margin-right: 5px;
}

.pc_page_content_right_pay_right {
    background: -webkit-linear-gradient(top, rgba(255, 237, 205, 0.9) 0%, #E8C682 100%);
    background: linear-gradient(180deg, rgba(255, 237, 205, 0.9) 0%, #E8C682 100%);
    margin-left: 56px;
    border: 0;
}

.pc_page_content_right_pay_right_top {
    font-size: 18px;
    color: #6F542A;
}

.pc_page_content_right_pay_right_pice {
    color: #6F542A;
    font-size: 14px;
    margin-top: 10px;
}

.pc_page_content_right_pay_right_top span {
    display: inline-block;
    width: 11.25px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAAAXNSR0IArs4c6QAAAx5JREFUSEvdll1oFGcUht/3240RGlEvlEYqaS1U3d1EBUVaRWKhrdCLVtlJFg206EWggjtJaKAgOKEU06Lul3rTHypVaVp2NqAI6oXaFiGCN0nYnSlCS2mLliqYYIUm68wcmRRpa5PdCa43frfnPec5P98fUWEdMBINdwSdQm4XkVUgnqLwBhQuUfB5znauVvIPbZxN0NWeelV8OSmQpdMa0qfgT4EseuBD4NiKxqZ39h09NzVbnBkBXe3NbwRBMASRGMkzgDpINIzm7Ct/9exc1+SVp7aBPAiRxSQvLUouec2yvvNmgvwP0Lur5Zmpsv8DRBpIdGrb/Wwmx97MumVlr3xaIOtB9g/YznuRAGZb6hMJgs6wfF1w91TqcdZoWUn4IwJhfaz++Y++GbnxsP4/FVhWa3zcuXWTggVoqFuivxydqDbEbFvqEIKgh8A+XXCPVgR0t695wffvXSNR1LbbUi14aDfbUzvED4ao1Fc6X+qoCOgxEps9wWWCX+uCszMK4F9JXdC2+0pFgJlJtYoXfEvwuC44b0cBmJm1z4pX/pnE99p2W59QQHdbqsMX2QHBakBWEZwAZSxKiwAuFJG1ICYJDgvgKsT7c/bY9ekLwEwnewXyYbRg0VQkr8+vU839g8VxmkbyVxFZHs01uopK7dH50jFm0wmJ7hZdScDSBbfv8QGU6tP5khUdMMN1XakezgVAcmAhZH+f7d7tzqReCrxgUICmmgAIXNYFd8sBIzHvbl194+HBkV9MI/myiFysFWB6WF3pxEBA7o3H5z+90VsxPizupEDis75kUVtExRM677zVlUmtDzzZpu3SB927Wp4Lyv5PNakAwBQZ26rt4pUwoGVZasLJD4ngzVoBwgf/DwUkcrZzO5tO7gfk/WonYk67KAwWU7HXj+SLZ7NG8ipENtQcQBXbrvPFU6aRHBWRNTUHKHDvi0x8OizObwI01hxAsgyR36sdsAfgf2ZgJG+HH6hqGc3ZrlR2IF/6mGY68YUAu+ccoOIexaQCm3O28yN7d29aUL4zrsMP7qNWQiL4+0XjuznbOR/mcB/WKKAu/y+XYwAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
    margin-right: 5px;
}

.pc_page_content_right_pay_left_pice {
    font-size: 14px;
    margin-top: 10px;
}

.tjNews {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.pc_page_content_left_content_card_free {
    width: 50%;
    cursor: pointer;
    min-height: 153px;
    /* float: left; */
}

.stockListpc {
    width: 487px;
    height: 232px;
    background-color: #F5F6FA;
    border-radius: 8px;
    font-size: 16px;
    position: absolute;
    top: 46px;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
}

.stockListpc_title {
    margin-left: 13px;
    height: 51px;
    line-height: 51px;
    color: #999;
}

.stockPC_name {
    width: 72px;
    height: 22px;
    text-align: left;
}

.stockPC_rate {
    width: 64px;
}

.stockPC_maxrate {
    width: 112px;
}

.stockPC_rate_left {
    margin-left: 48px;
}

.stockListpc_row {
    height: 58px;
    font-size: 18px;
}

.stockListpc_row_name {
    margin-left: 13px;
}

.stockListpc_row_rate {
    margin-left: 48px;
    text-align: right;
}

.stockPC_name_sotckcode {
    font-size: 14px;
}

.stockListpc_row_zx div {
    width: 71px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #F63143;
    border-radius: 12.5px;
    text-align: center;
    color: #F63143;
    margin-left: 42px;
    cursor: pointer;
    font-size: 16px;
    cursor: pointer;
}

.pc_btn {}

.pc_btn:active {
    background-color: rgba(102, 130, 170, 0.15);
}

.pc_page_lb_right {
    width: 100%;
    padding: 0 20px;
    position: relative;
}

.pc_page_lb_right_btn {
    width: 8.19px;
    height: 8.19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAABqADAAQAAAABAAAACgAAAACuYNCkAAAAnElEQVQIHWOwtLTkNDY2dmRAB////2cESrw0MTHxQ5ZjYmRk/M/ExOQOFJwJlIyDSTLCGObm5qp//vzZDeT3KSkpzYBLgBQAJWWAkieBpiQwwXSAaKB9ikCKCyjxAS4BNN/z79+/a4CCgadOnToD1gAUjADiF2ZmZiZgARARGhrKDBR8bGFhoQkXBDJYXr9+zcrGxmZz7Nixh8gSAL7oLdXu8kctAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%;
}

.pc_page_lb_right_btn_hy {
    width: 8.19px;
    height: 8.19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAABqADAAQAAAABAAAACgAAAACuYNCkAAAApElEQVQIHWNYtWoV58yZMx0Z0MH///8ZgRIvZ82a5Ycsx8TIyPgfiN2BCmbOnj07DibJCGPMnz9f9ffv37uBCvoEBQVnwCVACoA6ZIASJ4EmJDDBdEBpRSDNBZT8AJcAWu7579+/NUDVgampqWfARgEFI4AqJzAzM/skJyefAelmBPqD+cOHDw+AKt2AKq+DBEGA5evXr6xMTEw2KSkpDyFCEBIAeMFBctjT7zEAAAAASUVORK5CYII=) no-repeat center;
    background-size: 100% 100%;
}

.pc_page_lb_right_content {
    width: 100%;
    height: 117px;
    overflow: hidden;
    position: relative;
}

.pc_content_item {
    height: 117px;
    /* position: absolute;
    left: 0;
    transition-duration: 500ms; */
}

.cursor_pointer {
    cursor: pointer;
}

.pc_page_lb_right_content_item {
    width: 100%;
    height: 117px;
    margin-top: 12px;
    /* position: absolute;
    left: 0;
    transition-duration: 500ms; */
}

.pc_page_lb_right_content_item_top {
    width: 100%;
    height: 22px;
    line-height: 22px;
}

.pc_page_lb_right_content_item_top_stockName {
    font-size: 16px;
    font-weight: bold;
}

.pc_page_lb_right_content_item_top_stockrate {
    font-size: 14px;
    color: #333;
    margin-left: 10px;
    padding-top: 1px;
}

.pc_page_lb_right_content_item_top_stockrate span {
    color: #F63143;
    margin-left: 8px;
}

.pc_page_lb_right_content_item_content {
    width: 100%;
    height: 40px;
    margin-top: 6px;
    font-size: 14px;
}

.pc_page_lb_left_btn {
    width: 8.19px;
    height: 8.19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAABqADAAQAAAABAAAACgAAAACuYNCkAAAAn0lEQVQIHWNkQAPGxsaObGxsJ1CETUxM/IASL////8/IBJMBCsYB2TOZmJjcGRkZ/zOHhoaycXNz5wBVVbGwsDidOnXqGkgxMxcXlxNQsAsoaHXy5MkHIEEQABn1EYi5//z5owCk4YDpNBAAzQwEiqwD2uMJl4ExzMzMgOImL4A4AiTGCJMA0RYWFppAI3cpKioqoEiAJK2srOSBHnwJAI9vLT5NSmf3AAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%;
}

.pc_page_lb_left_btn_hy {
    width: 8.19px;
    height: 8.19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAABqADAAQAAAABAAAACgAAAACuYNCkAAAApklEQVQIHWNkQAMzZ850FBQUPIEiPGvWLD+gxMv///8zMsFkZs+eHQcUmMnIyOgOxP9ZVq1axfbhw4dMoGAhGxubXWJi4m2QYpaPHz/aAwVLmZiYLICCT2AmMAG1fQRi7n///inABEE0U3Jy8mmgRCAQrwNa7gmTZIQx5s6da/L3798tQH5BWlraCrgESAHQZZpA+3YJCAgooEiAJOfMmSPPzMz8EgCIGj/NWHBFdQAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
}

.pc_page_lb_btn {
    width: 15px;
    height: 67px;
    margin: 0 20px;
    background-color: #F5F6FA;
    cursor: pointer;
}

/*公共样式*/

.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex_direction_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.align_items {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.justify_items {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.justify_align {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* 换肤 */

.pf_pc_page {
    background-color: #000;
}

/* div 背景色*/

.pf_backgrounColor {
    background-color: #1E2126;
}

/*战绩背景*/

.pf_zjBackground {
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/zj-be78d520.png) no-repeat center;
    background-size: 100% 100%;
}

.pf_stockinfo {
    background-color: #282e39;
}

.pf_whitecolor {
    color: #fff !important;
}

.pf_EFEFEFcolor {
    color: rgba(239, 239, 239, 0.5);
}

.pf_999color {
    color: #999 !important;
}

.pf_AFBCCCcolor {
    color: #AFBCCC;
}

.pf_AFBCCCcolor60 {
    border-color: rgba(175, 188, 204, 0.6);
    color: #fff;
}

.line {
    /* width: 752px; */
    height: 36px;
    margin: 0 auto;
    /* border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F5F6FA; */
}

.xgtj {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-top: 29px;
    margin-left: 19px;
}

.pf_borderColor {
    border-bottom-color: rgba(245, 246, 250, 0.14);
}

.pc_page_quanzi {
    width: 59px;
    height: 174px;
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/quanzi-b30759e4.png) no-repeat center/100% 100%;
    cursor: pointer;
    position: absolute;
    right: -59px;
    bottom: 220px;
}

.pc_page_dx {
    font-size: 16px;
    text-align: center;
    padding-bottom: 10px;
}

.swiper_slide_head {
    width: 69.54px;
    height: 16px;
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/zxzj-b1b29d2a.png) no-repeat center/100% 100%;
}

.swiper_slide_head_pf {
    width: 69.54px;
    height: 16px;
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/zxzj_white-d7bc5a34.png) no-repeat center/100% 100%;
}

.swiper_slide_head_query {
    width: 16px;
    height: 16px;
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/question-circle@2x-e77ba0f4.png) no-repeat center/100% 100%;
    margin-left: 7.46px;
}

.swiper_slide {
    height: 23px;
    margin-top: 10px;
}

.tab {
    background-color: #fff;
}

.tabpf {
    background-color: #1E2126;
}

.top {
    width: 452px;
    position: fixed;
    top: 0px;
    z-index: 10;
    padding-bottom: 10px;
}

.pf_22262B {
    background-color: #22262B;
}

.pf_6682AA {
    background-color: #6682AA;
}

.pf_6682AA_new {
    background-color: #6682AA;
    color: #fff !important;
}

.pf6682aa15 {
    background-color: rgba(102, 130, 170, 0.15);
}

.bottomStyle {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.swiperitem {
    position: relative;
}

.zzc {
    position: absolute;
    width: 100%;
    height: 85px;
    bottom: 0;
    cursor: pointer;
}

.timerOut {
    width: 133px;
    font-size: 12px;
    color: #713E17;
    font-weight: 400;
    position: absolute;
    right: 4px;
    top: 64px;
    text-align: center;
}

.pc_page_sm {
    width: 350px;
    height: 202px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.pc_page_sm_titile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    height: 30px;
    background-color: #3B424B;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.pc_page_sm_titile_left, .pc_page_sm_titile_close {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.pc_page_sm_titile_left_icon {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    background: url(//cdn.upchinaproduct.com/InstitutionalNuggetsServer/dist/guuicon-4c8cd189.png) no-repeat center/100% 100%;
}

.pc_page_sm_titile_left_titile {
    margin-left: 6px;
    margin-top: -1px;
}

.pc_page_sm_titile_close {
    width: 10px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAQBJREFUOE+1lcFOwzAMhj8fNrQJjlzZ+z8WXHccDAkkjP7IntKsZBlqK1WtEvfzb8d2zd0d0G3AGXg2s7O7m5lp/erKPXffA0dAz8Iwd/+JLxJ4AE7At4xaqGDhfAM8Aa8VEAFrFXr/CuChVdooE0jAbTgougT8CIW7ntJqb1YZ8JnAh/D0BgiaOVXICr0olXHkLJUJnOEL9iJ7LfQMBVJO30PhY5MzOZ84VsjdJGco1VF3U5MKS4k0IU2S3dTOn4dXgBH2LaVp2i2vCzChldJJwabfWw2wHnDgcMZDHumA4UMZUFY64N6y0bSY64B/FfayrbfGcFh8fK0yYBf7BfwCnWYf8ly2R+QAAAAASUVORK5CYII=) no-repeat center/100% 100%;
    position: absolute;
    top: 10px;
    right: 10px;
}

.pc_page_sm_content {
    /* height: 132px; */
    line-height: 1.5;
    padding: 20px;
    background-color: #2F343A;
}

.pc_newsfree {
    width: 794px;
    margin: 0 auto;
}
/*# sourceMappingURL=index-74e3bcf9.css.map*/