/* 
UI设计图中苹方自重分为6个等级对应font-weight如下:
PingFangSC-Thin：100
PingFangSC-Ultralight：200
PingFangSC-Light：300
PingFang-SC-Regular：400
PingFang-SC-Medium：500
PingFang-SC-Heavy：800
使用方法：
PingFang-SC-Regular转化为css代码如下
font-family: PingFang-SC;
font-weight: 400;
*/

body {
    font-family: PingFang-SC, Arial, Roboto, PingFang SC, Droid Sans, Hiragino Sans GB, STXihei, "sans-serif";
    font-size: 0.16rem;
    font-weight: 500;
    background-color: #F7F7F7;
    word-wrap: break-word;
}
body.dark {
    background-color: #0B1115;
}

.info-detail {
    width: 100%;
    background-color: #F7F7F7;
}
.dark .info-detail{
    background-color: #0B1115;
}

.info-detail .info-info {
    padding: 0 .3rem;
    margin-bottom: .2rem;
    padding-bottom: 0.3rem;
    background-color: #ffffff;
}
.dark .info-detail .info-info{
    background-color: #141921;
}
/* 通用 */

iframe {
    width: 100%;
}

div {
    position: relative;
}

.hidden {
    display: none;
}

.show {
    display: block;
}

[color=red] {
    color: #f73131;
}

[color=blue] {
    color: #2440b3;
}

.info-detail red {
    color: #f73131;
}

.info-detail blue {
    color: #2440b3;
}

.info-detail yellow {
    background-color: yellow;
}

.info-detail p {
    text-indent: 0;
    text-align: justify;
    font-family: PingFang-SC;
    font-weight: 500;
    word-wrap: break-word;
}
.dark .info-detail p {
    color: #979AA1;
}

.info-detail strong {
    font-family: PingFang-SC;
    font-weight: 800;
}

.info-detail keyword {
    display: line;
    font-family: PingFang-SC;
    font-weight: 800;
    color: #1461F3;
}
.dark .info-detail keyword {
    color: #FF983F;
}
/* loading */

.loading {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 999;
}
.dark .loading{
    background-color: #141921;
}

.loading div {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.loading div img {
    width: 2.5rem;
    height: 2.5rem;
}

.loading div p {
    font-size: 0.28rem;
    color: #9a9a9a;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
}

/* top吸顶 */

/* .topDTT {
    background: unset;
    position: fixed !important;
    width: 100%;
    z-index: 100 !important;
    margin: 0;
    top: 0;
} */

.topDTT a {
    display: block;
    background-color: #fff;
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 100%;
}

.topDTT img {
    width: 100%;
}

/* .topDTT-size {
    width: 100%;
    height: 54px;
} */

/* 头部 */

.info-detail .title {
    padding-top: 0.38rem;
    padding-bottom: .36rem;
}

.info-detail .title title {
    display: block;
    color: #333;
    font-size: 0.40rem;
    line-height: 0.54rem;
    margin-bottom: 0.28rem;
    font-family: PingFang-SC;
    font-weight: 800;
    vertical-align: baseline;
}
.dark .info-detail .title title{
    color: #C7CBD1;
}
.info-detail .content ul, .info-detail .content li, .info-detail .content ol {
    font-size: 0.36rem;
    line-height: 0.60rem;
    list-style: inside;
}

body[fontSize="s"] .info-detail title {
    font-size: 0.38rem;
    line-height: 0.54rem;
}

body[fontSize="m"] .info-detail title {
    font-size: 0.40rem;
    line-height: 0.54rem;
}

body[fontSize="l"] .info-detail title {
    font-size: 0.44rem;
    line-height: 0.62rem;
}

body[fontSize="xl"] .info-detail title {
    font-size: 0.50rem;
    line-height: 0.64rem;
}

.info-detail where {
    font-family: PingFang-SC;
    font-weight: 500;
    display: flex;
    height: 100%;
    align-items: center;
    font-weight: 400;
    font-size: .28rem;
    font-weight: 400;
    vertical-align: middle;
}

.info-detail where .source {
    display: block;
    padding-right: 0.16rem;
    color: #9A9A9A;
    font-family: PingFang-SC;
    font-weight: 400;
}
.dark .info-detail where .source {
    color: #979AA1;
}

.info-detail where .time {
    display: block;
    padding-right: 0.16rem;
    color: #9A9A9A;
    font-family: PingFang-SC;
    padding-right: 0.2rem;
    font-weight: 400;
}
.dark .info-detail where .time {
    color: #62656B;
}


.info-detail where .risk {
    background-color: #E2E2E2;
    font-size: 0.2rem;
    border-radius: 3px;
    line-height: 0.26rem;
    padding: 0.02rem 0.08rem;
    text-align: center;
    color: #9A9A9A;
    display: inline-block;
    width: 0.42rem;
    height: 0.24rem;
}
.dark .info-detail where .risk {
    background-color: #1D232D;
    color: #979AA1;
  
}

/* 附件 */

.info-detail .enclosure {
    height: 0.88rem;
    line-height: 0.88rem;
    border: 1px solid #EEEEEE;
    margin-bottom: 0.5rem;
}
.dark .info-detail .enclosure {
    border: 1px solid #1D232D;
}
.info-detail .enclosure .pdf-icon {
    width: 0.64rem;
    height: 0.64rem;
    padding-left: 0.20rem;
    padding-right: 0.12rem;
    padding-top: 0.12rem;
    float: left;
}

.info-detail .enclosure .tip {
    color: #2c2c2c;
    font-size: 0.28rem;
    font-family: PingFang-SC;
    font-weight: 400;
}
.dark .info-detail .enclosure .tip {
    color: #C7CBD1;
}
.info-detail .enclosure .right-icon {
    float: right;
    width: 0.32rem;
    height: 0.32rem;
    padding-top: 0.28rem;
    padding-right: 0.2rem;
}

.info-detail .enclosure .size {
    font-size: .24rem;
    font-family: PingFang-SC-Regular;
    color: #9A9A9A;
    float: right;
}

.dark .info-detail .enclosure .size {
  color: #62656B;
}
/* 摘要 */

.info-detail .abstract {
    padding: 0.29rem 0.30rem;
    margin-bottom: 0.5rem;
    font-family: PingFang-SC;
    font-weight: 400;
    font-size: 0.32rem;
    line-height: 0.52rem;
    color: #2C2C2C;
    background-color: #F7F9FC;
}
.dark .info-detail .abstract {
    color: #C7CBD1;
    background-color: #1D232D;
}


/* 品种图片 */

.info-detail .price {
    padding-top: 0.24rem;
    padding-bottom: 0.36rem;
    background-color: #fff;
}

.info-detail .price img {
    width: 100%;
    height: 100%;
}

.info-detail .price .EmImageRemark {
    display: block;
    /* border: 1px solid #ccc; */
    position: relative;
}

.info-detail .price img {
    /* margin: .1rem 0; */
}

/* .info-detail .price .EmImageRemark::after {
    content: "";
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    width: 1.7rem;
    height: 0.8rem;
    background: url(../img/detail@2x.png);
    background-size: 100% 100%;
} */

/* 多媒体 */

.info-detail .video video {
    height: 100%;
    width: 100%;
}

.info-detail .audio {
    width: 100%;
}

/* 图表 */

.echarts {
    position: relative;
    overflow: hidden;
    height: 300px;
    padding: 0px;
    width: 100%;
    margin: 0px;
    border-width: 0px;
    cursor: ew-resize;
    font-size: 16px;
}

/* 正文 */

.content {
    min-height: 3rem;
}

.info-detail .content video {
    max-width: 100%;
}

.info-detail .content img {
    max-width: 100%;
}

.info-detail .content audio {
    max-width: 100%;
}

.info-detail .content p {
    font-size: 0.36rem;
    line-height: 0.60rem;
}

body[fontSize="s"] .info-detail .content p {
    font-size: 0.3rem;
    line-height: 0.52rem;
}

body[fontSize="m"] .info-detail .content p {
    font-size: 0.36rem;
    line-height: 0.60rem;
}

body[fontSize="l"] .info-detail .content p {
    font-size: 0.36rem;
    line-height: 0.64rem;
}

body[fontSize="xl"] .info-detail .content p {
    font-size: 0.38rem;
    line-height: 0.70rem;
}

.info-detail .content img {
    width: 100%;
    height: 100%;
    margin-bottom: 0.5rem 0;
}

.end_source {
    display: block;
    padding-right: 0.16rem;
    color: #9A9A9A;
    font-family: PingFang-SC;
    font-size: .28rem;
    font-weight: 400;
    margin-top: .15rem;
}
/* .dark .end_source{
    color: #FF983F;
} */
/* 分享 */

.info-detail .shear {
    margin-top: 1rem;
}

.info-detail .shear .nosafari-text {
    color: #9A9A9A;
    margin: 0.5rem auto 0.2rem auto;
    font-size: 0.24rem;
    line-height: 0.24rem;
    text-align: center;
}
.dark .info-detail .shear .nosafari-text {
    color: #C7CBD1;
}
.info-detail .shear .nosafari-text:before {
    margin-right: 0.16rem;
    content: '';
    height: 0.01rem;
    width: 2.34rem;
    display: inline-block;
    vertical-align: middle;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: #ECECEC;
}

.info-detail .shear .nosafari-text::after {
    background: #969696;
    margin-left: 0.06rem;
    content: '';
    height: 0.01rem;
    width: 2.34rem;
    display: inline-block;
    vertical-align: middle;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: #ECECEC;
}

.info-detail .shear ul {
    display: flex;
    width: 6.4rem;
    list-style: none;
    margin: 0 auto;
    margin-bottom: 0.15rem;
}

.info-detail .shear li {
    font-family: PingFang-SC-Regular;
    height: 1.6rem;
    width: 1.6rem;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex: auto;
    max-width: 1.6rem;
    font-size: 0.24rem;
    text-align: center;
    color: #333333;
    margin: 0 0.26rem;
}
.dark .info-detail .shear li {
    color: #979AA1;
}

.info-detail .shear li img {
    height: 0.64rem;
    width: 0.64rem;
    margin-top: 0.28rem;
    margin-bottom: 0.08rem;
}

.info-detail .shear li span {
    display: block;
    line-height: 0.34rem;
    font-size: 0.24rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
}

/* 相关阅读 */

.info-detail .related-reading {
    background-color: #ffffff;
}
.dark .info-detail .related-reading {
    background-color: #141921;
}

.info-detail .related-reading .related_title {
    font-size: 0.32rem;
    font-family: PingFang-SC;
    font-weight: 800;
    color: #2C2C2C;
    height: 0.82rem;
    line-height: 0.82rem;
    border-bottom: 1px solid #EEEEEE;
    padding-left: 0.3rem;
}

.dark .info-detail .related-reading .related_title {
    color: #C7CBD1;
    border-bottom: #1D222E;
}

.info-detail .related-reading .related-info, .statement {
    padding: 0 .3rem;
    padding-bottom: 0.16rem;
}

.info-detail .related-reading .related-info .related_content, .info-detail .related-reading .related-info .related_analyst, .info-detail .related-reading .related-info .related_video {
    display: flex;
    align-items: center;
    min-height: 1.8rem;
    border-bottom: 1px solid #EEEEEE;
}
.dark .info-detail .related-reading .related-info .related_content, .info-detail .related-reading .related-info .related_analyst, .info-detail .related-reading .related-info .related_video {
    border-bottom: 1px solid #1D222E;
}

.info-detail .related-reading .related-info .related_content {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0.24rem;
}

.info-detail .related-reading .related-info .related_content:last-child, .info-detail .related-reading .related-info .related_analyst:last-child, .info-detail .related-reading .related-info .related_video:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.related_content p {
    font-size: 0.28rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #2C2C2C;
    text-indent: 0;
    letter-spacing: 0px;
    text-align: justify;
    line-height: 0.5rem;
}
.dark .related_content p{
    color: #C7CBD1;
}

.related_content .related_origin {
    width: 100%;
    margin: 0.24rem 0;
    flex: 1;
    vertical-align: bottom;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.related_content .related_origin span {
    display: inline-block;
    font-family: PingFang-SC-Regular;
    color: #9A9A9A;
    font-size: 0.24rem;
}
.dark .related_content .related_origin span {
    color: #979AA1;
}


.related_content .related_origin .formatTime {
    text-align: right;
    vertical-align: bottom;
    flex: 1;
    height: auto;
}

.related_analyst img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    margin-right: 0.2rem;
    display: inline-block;
    float: left;
}

.related_analyst .analyst_info {
    width: 1.2rem;
    height: 1.2rem;
    padding-top: 0.16rem;
    display: inline-block;
    float: left;
}

.related_analyst .name {
    font-size: 0.28rem;
    font-weight: bold;
    padding-bottom: 0.05rem;
    color: #2C2C2C;
}

.related_analyst .post {
    font-size: 0.24rem;
    line-height: 0.36rem;
    font-family: PingFang-SC-Regular;
    color: #9A9A9A;
    letter-spacing: normal;
    display: inline-block;
    width: 2.89rem;
    text-align: left;
}

.info-detail .related-reading .related-info .related_video {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.info-detail .related-reading .related-info .related_video .video_preview {
    width: 2rem;
    height: 1.38rem;
    border-radius: 0.08rem;
}

.info-detail .related-reading .related-info .related_video .EmImageRemark {
    display: block;
    position: relative;
    height: 100%;
    padding: 0.26rem 0;
    color: #2C2C2C;
}

.info-detail .related-reading .related-info .related_video .EmImageRemark::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0.5rem;
    height: 0.5rem;
    background: url(../img/icon_video_play@2x.png);
    background-size: 100% 100%;
    z-index: 10;
}

.info-detail .related-reading .related-info .related_video .video_info {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0.26rem 0 0 0;
    margin-left: 0.24rem;
}

.info-detail .related-reading .related-info .related_video .video_info .title {
    font-size: 0.28rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    padding: 0;
    color: #2C2C2C;
}

.info-detail .related-reading .related-info .related_video .video_info .formatTime {
    font-size: 0.2rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #9A9A9A;
    flex: 1;
    padding-top: 0.16rem;
}

/* 免责声明 */

.info-detail .statement {
    padding: .3rem;
    background-color: #F7F7F7;
    font-size: 0.20rem;
    font-family: PingFang-SC;
    font-weight: 500;
    color: #9A9A9A;
    line-height: 0;
    white-space: pre-line;
    padding-top: 0;
}
.dark .info-detail .statement{
    color: #62656B;
    background-color: #13161E;
}
.statement p {
    line-height: 0.34rem;
}

/* 分享浮层 */

open-browserMenu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    cursor: pointer;
}

open-browserMenu .share-modal-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 101;
}

open-browserMenu .wap-share-tips {
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    height: 100%;
}

open-browserMenu .wap-share-tips img {
    position: absolute;
    width: 84.8%;
    left: 50%;
    bottom: 0.35rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 102;
}

open-txapp {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    cursor: pointer;
}

open-txapp .share-modal-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 101;
}

open-txapp .wap-share-tips {
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

open-txapp .wap-share-tips img {
    position: absolute;
    width: 84.8%;
    left: 50%;
    top: 0.35rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 102;
}

open-browser {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    cursor: pointer;
}

open-browser .share-modal-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 101;
}

open-browser .wap-share-tips {
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

open-browser .wap-share-tips img {
    position: absolute;
    width: 84.8%;
    left: 50%;
    top: 0.35rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 102;
}

/* 展开 */

.fold-content {
    display: none;
}

a.fold-btn {
    display: block;
    font-size: 0.28rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1461F3;
    margin: .2rem auto;
    text-align: center;
    width: 5.4rem;
    height: 0.8rem;
    line-height: 0.8rem;
    border-radius: 4px;
    border: 1px solid #1462F4;
}

.fold-arrow {
    text-align: center;
    padding-top: .1rem;
}

.fold-arrow a {
    display: inline-block;
    width: 0.36rem;
    height: 0.36rem;
    background: url(../img/fold_arrow.png) no-repeat;
    background-size: 100% 100%;
}

.fold-mask {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 15%;
    z-index: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, .1)), color-stop(100%, #fff));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .1), #fff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .1)), to(#fff));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .1) 0, #fff);
}

.statement-fold-mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, .1)), color-stop(100%, #F7F7F7));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .1), #F7F7F7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .1)), to(#F7F7F7));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .1) 0, #F7F7F7);
}

.statement-fold-arrow {
    font-size: 0.20rem;
    font-weight: 500;
    text-align: center;
    color: #1461F3;
    line-height: 0.36rem;
    margin-bottom: 0.48rem;
    display: none;
}
.dark .statement-fold-arrow{
    color: #FF983F;
}
/* table */
body .info-detail .info-info table {
    border: 1px solid #505050;
    width: 100%;
    border-collapse:collapse;
    border-spacing:0;
    word-break: break-all;
}
.dark .info-detail .info-info table {
    border: 1px solid #4C4C4C;
}

body .info-detail .info-info table td {
    border: 1px solid #505050;
    font-size: 0.20rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #2C2C2C;
}
.dark .info-detail .info-info table td {
    border: 1px solid #4C4C4C;
    color: #62656B;  
}
.dark .info-detail .info-info table th {
    color: #979AA1;  
}
body .info-detail .info-info table tr td p {
    margin: 0;
    font-size: 0.20rem;
    line-height: 0.20rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #2C2C2C;
}
.dark .info-detail .info-info table tr td p {
    color: #62656B;
}

/* body[fontSize="l"] .info-detail .info-info table {
    border: 1px solid #505050;
    width: 100%;
    border-collapse:collapse;
    border-spacing:0;
    word-break: break-all;
}

body[fontSize="l"] .info-detail .info-info table td {
    border: 1px solid #505050;
    font-size: 0.20rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #2C2C2C;
}

body[fontSize="l"] .info-detail .info-info table tr td p {
    margin: 0;
    font-size: 0.20rem;
    line-height: 0.20rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #2C2C2C;
} */

/* 浮动下载按钮 */

.open-inapp {
    position: fixed;
    bottom: -2.5rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    padding: 0 1.09375rem;
    white-space: nowrap;
    display: block;
    text-align: center;
    background: #1462F4;
    color: #fff !important;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: .28rem;
    border-radius: 2.1875rem;
    z-index: 10;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.open-inapp i {
    position: relative;
    top: -.05rem;
    margin-right: .12rem;
    display: inline-block;
    vertical-align: middle;
    width: .52rem;
    height: .52rem;
    background: url("../img/download_logo.png");
    background-size: 100% 100%
}

.imgzoom_pack {
    display: none;
}

.informBlock {
    margin: 0 11% 22px;
    width: 78%;
    text-align: center;
}

.informBlock img {
    margin-bottom: 5px;
    max-height: 250px;
    max-width: 100%;
    border-radius: 2%;
}

.edu_video {
    background-color: #fff;
}

.edu_video video {
    width: 100%;
    margin-bottom: 0.32rem;
}

.edu_video_download_boox {
    padding: 0 0.3rem;
    display: block;
    background-color: #fff;
}

.edu_video_download {
    color: #2C2C2C;
    background-color: #fff;
    height: 0.88rem;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
}

.edu_video_download .downloadicon {
    width: 0.64rem;
    height: 0.64rem;
    margin-left: 0.12rem;
    margin-right: 0.16rem;
}

.edu_video_download .downloadpleary {
    text-align: right;
    flex: 1;
    margin-right: 0.18rem;
}

.edu_video_download .downloadpleary img {
    width: 0.32rem;
    height: 0.32rem;
}