body{margin-left:auto;margin-right:auto;max-width:677px}
html,body{overscroll-behavior:none}
.top-plate-html{height:100%}
.top-plate-html body{height:100%;overflow:auto}
.top-plate-box{z-index:2000;padding:0.9rem 1.5rem 1.5rem;height:8.8rem}
.top-plate-hastag-box{height:10.4rem}
.top-plate-tag-box{height:1.6rem}
.top-plate-tag{margin-bottom:0.2rem;padding:0.1rem 0.4rem;border-radius:8px}
.top-plate-name{margin-bottom:0.4rem;text-overflow:ellipsis}
.top-plate-change{margin-right:0.6rem}
.top-plate-simple-box{height:5.7rem}
.top-plate-simple-box .top-plate-name{margin-right:1rem;margin-bottom:0}
.top-plate-simple-box .top-plate-change{margin-right:1rem}
.top-plate-introduction-button{padding:0.1rem 0.6rem;border-radius:2px}
.top-plate-icon-box{margin-left:0.1rem;width:1.1rem}
.top-plate-simple-icon-box{padding-top:1rem;padding-bottom:1rem;padding-left:1rem}
.top-plate-simple-icon{width:1.4rem;height:1.4rem;border-width:1px;border-style:solid;border-radius:50%}
.top-plate-icon-rotate-box{transform:rotate(90deg)}
.top-plate-nav-box{margin-right:1.4rem}
.top-plate-nav-box:last-child{margin-right:0}
.top-plate-nav-icon-box{margin-left:auto;margin-right:auto;margin-bottom:0.8rem;width:2.2rem;height:2.2rem}
.top-plate-nav-subject-text-icon{margin-left:0.5rem}
.top-plate-nav-subject-more-box{top:calc(100% + 0.5rem);left:50%;z-index:1;padding-left:1rem;padding-right:1rem;border-radius:2px;box-shadow:0 0 10px 0 rgba(83,83,83,0.22);transform:translateX(-50%)}
.top-plate-nav-subject-more{padding-top:1rem;padding-bottom:1rem;border-bottom-width:1px;border-bottom-style:solid}
.top-plate-nav-subject-more:last-child{border-bottom:none}
.top-plate-introduction-box{top:calc(100% + 1px);left:0;padding-top:1rem}
.top-plate-introduction-mask{top:0;left:50%;z-index:1500;max-width:677px;transform:translateX(-50%)}
.top-plate-introduction{padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1rem;border-bottom-width:1px;border-bottom-style:solid}
.top-plate-chart-box{width:60.26667%;height:13.5rem;padding-top:1.5rem;padding-bottom:1.5rem;padding-left:2rem}
.top-plate-chart{width:10.5rem;height:10.5rem}
.top-plate-value-box{border-bottom-width:1px;border-bottom-style:solid}
.top-plate-value{margin-right:1.7rem}
.top-plate-up-box{margin-top:1rem;margin-bottom:1rem}
.top-plate-flat-box{margin-top:1rem;margin-bottom:1rem}
.top-plate-down-box{margin-top:1rem;margin-bottom:1rem}
.top-plate-fundflow-box{margin-top:1rem;margin-bottom:1rem}
.top-plate-up-text:before{content:"\20";margin-right:0.4rem;width:1rem;height:1rem;background-color:#e63535}
.top-plate-flat-text:before{content:"\20";margin-right:0.4rem;width:1rem;height:1rem;background-color:#7a8598}
.top-plate-down-text:before{content:"\20";margin-right:0.4rem;width:1rem;height:1rem;background-color:#1ea03e}
.top-plate-chane-box{margin:1.5rem 1.7rem}
.top-plate-change-text{margin-bottom:0.4rem}


.top-plate-interpret-border{border-bottom-width:8px;border-bottom-style:solid}
.top-plate-interpret{height:5.6rem;padding:1.5rem 1.4rem 1.2rem 1.4rem;border-top-width:1px;border-top-style:solid}
.top-plate-interpret-detail{width:100%;padding-left:2rem; padding-right:2.7rem}
.top-plate-interpret-detail:before{content:"";position:absolute;left:1rem; width:0.1rem; height:1.9rem; background-color:#dcdcdc}
.top-plate-interpret-mask{top:0;left:50%;z-index:2000;max-width:677px;transform:translateX(-50%)}

.top-plate-interpret-mask-detail-box{top:50%;left:50%;width:84%;padding:2rem;border-radius:8px;transform:translate(-50%, -50%)}
.top-plate-interpret-icon{width:5.8rem;height:1.3rem}
.top-plate-interpret-mask-icon{width:6.6rem;height:2rem}
.top-plate-interpret-mask-detail{height:200px;overflow:scroll;}

.further-reading-box{border-bottom-width:8px;border-bottom-style:solid}
.further-reading{height:8.2rem;border-top-width:1px;border-top-style:solid}
.further-reading-icon{width:6.1rem;height:1.7rem}
.further-reading-content-box{padding:0.7rem 1.2rem}

.nav-box{margin-bottom:0.7rem;padding-left:1.5rem;padding-right:1.5rem;height:4rem}
.nav{padding-top:0.9rem;padding-bottom:0.9rem}
.nav:after{content:"\20";position:absolute;bottom:0;left:50%;width:1.6rem;height:0.3rem;border-radius:2px;transform:translateX(-50%)}
.nav-active:after{background-color:#3077ec}

.chart-box{height:24.5rem}
.value-box{height:0}

.all-chart-box{height:25.3rem}
#line-box{width:100%;height:100%;overflow:hidden}

.quotation-no-data-box{position:absolute;top:0;left:0}

.plate-stock-empty{width:11.6rem;margin:6rem auto 1.9rem}
.plate-stock-empty-image{margin-bottom:3.6rem}

.plate-nav-wrap{position:relative;height:4rem}
.plate-nav-box{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding-left:1.2rem;padding-right:1.6rem;height:4rem}
.plate-nav-fixed-box{position:fixed;top:0;left:50%;max-width:677px;transform:translateX(-50%)}
.plate-nav .nav{margin-right:1.4rem}
.plate-nav-icon-box{margin-right:0.7rem;width:1rem}
.plate-nav-tips{margin-right:0.6rem}
.plate-nav-checkbox-box{width:1rem;height:1rem;border-width:1px;border-style:solid}
.plate-nav-checkbox-checked:after{content:"\20";position:absolute;top:50%;left:50%;width:0.4rem;height:0.6rem;border-right:1px solid #de0422;border-bottom:1px solid #de0422;transform:translate(-50%, -63%) rotate(51deg) skewX(11deg)}
.plate-company-nav-tips{margin-right:0.6rem}
.plate-company-nav-checkbox-box{width:0.8rem;height:0.8rem;border-width:1px;border-style:solid}
.plate-company-nav-checkbox-checked:after{content:"\20";position:absolute;top:50%;left:50%;width:0.2rem;height:0.3rem;border-right:1px solid #3077ec;border-bottom:1px solid #3077ec;transform:translate(-50%, -50%) rotate(58deg) skewX(25deg)}
.plate-nav-tips-detail-box{top:0;bottom:0;left:50%;z-index:2000;max-width:677px;transform:translateX(-50%)}
.plate-nav-tips-detail-mask{top:0;right:0;bottom:0;left:0}
.plate-nav-tips-detail-content{top:45%;left:50%;padding-top:2.2rem;width:84%;border-radius:12px;transform:translate(-50%, -60%)}
.plate-nav-tips-detail{padding-left:2rem;padding-right:2rem}
.plate-nav-tips-detail-close{margin-top:2rem;padding-top:1.2rem;padding-bottom:1.4rem;border-top-width:1px;border-top-style:solid}

.a-stock-code-tag{margin-left:-0.4rem;padding:0.2rem 0.4rem;border-radius:1px;-webkit-transform:scale(0.58333);transform:scale(0.58333)}


.top-box{padding:1.7rem 1.5rem}
.top-image-box{margin-bottom:1.4rem;width:7rem}
.top-list{width:33.33333%;max-width:50%}
.top-list:nth-of-type(1) .top-list-number{background-color:#de0422}
.top-list:nth-of-type(2) .top-list-number{background-color:#ff7f00}
.top-list:nth-of-type(3) .top-list-number{background-color:#eab900}
.top-list:after{content:"\20";position:absolute;top:50%;right:0;width:1px;height:4.9rem;background-color:#ededed;transform:translateY(-50%)}
.top-list:last-child:after{content:none}
.top-list-name-box{margin-bottom:0.4rem}
.top-list-code-box{margin-bottom:0.4rem}
.top-list-number{margin-right:0.5rem;width:1.8rem;height:1.8rem;border-radius:2px}
.top-list-name-tag{margin-right:0.6rem;padding:0.2rem 0.6rem;border-width:1px;border-style:solid;border-radius:1px}
.top-list-name-tag:last-child{margin-right:0}
.top-list-change{margin-bottom:0.7rem}

.list-header-wrap{position:relative;height:4rem}
.list-header-box{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.2rem 2.1rem 1.2rem 1.5rem;height:4rem}
.list-header-fixed-box{position:fixed;top:4rem;left:50%;z-index:1;max-width:677px;transform:translateX(-50%)}
.list-header-box:after{content:"\20";position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background-color:#ededed;transform:scaleY(0.5)}
.list-name{width:23%}
.list-code{margin-top:0.4rem}
.list-tag{margin-right:-0.2rem;padding:0.1rem 0.2rem;border-radius:2px;transform:scale(0.7);transform-origin:left}
.list-last{width:14.35%}
.list-change{width:20%}
.list-col1{width:22%}
.list-header-nosort{margin-right:-0.7rem}
.list-header-sort{bottom:0.3rem;left:100%;margin-left:0.2rem;width:0;height:0;border-width:2px;border-style:solid;border-color:transparent #999 #999 transparent}
.list-header-sort-col1{margin-left:-0.4rem}
.list-header-sorted{width:auto;height:auto;border:none}
.list-header-sorted:after{content:"\20";position:absolute;margin-left:0.2rem;width:0.5rem;height:1rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAMAAACDMFxkAAAASFBMVEUAAAAxdvAhdvMweO8vePAvfuwweO8weO0weu8wd+0wd+0wd+wwd+0wd+wwee8xdPQvd+wvd+wwd+wxd+0vd+0wd+wxd+wwd+zhCtw9AAAAF3RSTlMAEwYiGg0edw/Sy6SXkkQX6OfbuKeJaa3CelMAAABTSURBVAjXlc43EoAwDAVRIYIJDuS9/01B4A4o2OoVmtGXM+06lbsEKbOA6gebJ9tX1lB+0wU1qncysRoHRomwgYcosnPl7DqYBrF0gV7zt362ZQcfcAYRtz5MhgAAAABJRU5ErkJggg==);background-size:100% auto;background-repeat:no-repeat;background-position:center;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}
.list-header-reverse:after{-webkit-transform:translateY(-1.1rem) rotate(180deg);transform:translateY(-1.1rem) rotate(180deg)}

.list-box-end{margin-bottom:calc(8.2rem + env(safe-area-inset-bottom))}

.list-body-box{padding-bottom:1.7rem}
.list-body-box:after{content:"\20";position:absolute;bottom:0;left:1rem;right:1.4rem;width:calc(100% - 2.8rem);height:1px;background-color:#ededed;transform:scaleY(0.5)}
.list-content-box{margin-top:1.3rem;margin-right:2.1rem;margin-left:1.5rem}
.list-content-box .list-col2{margin-right:-0.7rem}
.list-reason{margin-top:0.9rem;margin-left:1.6rem;margin-right:1.6rem}
.list-reason-ellipsis{max-height:3.4rem}
.list-reason-icon{margin-right:0.5rem;transform:translateY(0.2rem)}

.industry-wrap{position:relative;z-index:1;height:3.1rem}
.industry-box{position:absolute;top:0;right:0;bottom:0;left:0;padding:0.4rem 1.6rem 0.4rem 1.4rem;height:3.1rem;border-bottom-width:1px;border-bottom-style:solid}
.industry-fixed-box{position:fixed;left:50%;z-index:1;max-width:677px;transform:translateX(-50%)}
.industry-name:before{content:"\20";width:0.3rem;height:1.2rem;margin-right:1rem;background-color:#3077ec}
.industry-toggle:before{content:"展开"}
.industry-toggle-icon{margin-left:0.3rem}
.industry-toggle-rever .industry-toggle-icon{transform:rotate(180deg)}
.industry-toggle-rever:before{content:"收起"}

.company-list-box{margin-top:1.4rem;padding-bottom:0.6rem;border-bottom-width:1px;border-bottom-style:solid}
.company-list-box:nth-of-type(1) .company-number{background-color:#de0422}
.company-list-box:nth-of-type(2) .company-number{background-color:#ff7f00}
.company-list-box:nth-of-type(3) .company-number{background-color:#eab900}
.company-number-box{margin-top:0.2rem;width:3rem}
.company-number{width:1.8rem;height:1.8rem;border-radius:2px}
.company-row{margin-bottom:0.8rem}
.company-row-tag{margin-bottom:0.4rem}
.company-col{width:55%}
.company-name{margin-right:0.5rem}
.company-tag{margin-right:1rem;margin-bottom:0.4rem;height:2rem}

.stock-total-box{left:50%;z-index:1;bottom:calc(8.2rem + env(safe-area-inset-bottom));padding:0.8rem 1.7rem;border-radius:10px;transform:translateX(-50%)}

.bottom-company-detail-box{top:0;left:50%;bottom:0;z-index:2000;max-width:677px;transform:translateX(-50%)}
.bottom-company-detail{bottom:0;padding:2.2rem 2.2rem calc(1.3rem + env(safe-area-inset-bottom));border-top-left-radius:16px;border-top-right-radius:16px}
.bottom-company-detial-icon{margin-left:0.6rem}
.bottom-company-list{margin-top:2.1rem;margin-bottom:2.1rem}
.bottom-company-list-number-box{margin-top:0.2rem;width:3.3rem}
.bottom-company-list-number{width:1.8rem;height:1.8rem;border-radius:2px}
.bottom-company-list:nth-of-type(1) .bottom-company-list-number{background-color:#de0422}
.bottom-company-list:nth-of-type(2) .bottom-company-list-number{background-color:#ff7f00}
.bottom-company-list:nth-of-type(3) .bottom-company-list-number{background-color:#eab900}
.bottom-company-list-name-box{margin-bottom:0.3rem}
.bottom-company-list-tag{margin-left:1rem;height:2rem}

.optional-box{top:0;bottom:0;left:50%;z-index:2000;max-width:677px;transform:translateX(-50%)}
.optional-mask{top:0;right:0;bottom:0;left:0}
.optional-content-box{top:50%;left:50%;width:80%;height:33rem;border-radius:4px;transform:translate(-50%, -50%)}
.optional-title{padding-top:1.9rem;padding-bottom:1.6rem;height:6rem;border-bottom-width:1px;border-bottom-style:solid}
.optional-list-wrap{height:22.2rem}
.optional-list-box{max-height:15.4rem;overflow:auto}
.optional-list{margin-left:2.4rem;margin-right:2.4rem;padding-top:1.2rem;padding-bottom:1.2rem;height:4.4rem;border-bottom-width:1px;border-bottom-style:solid}
.optional-list-icon{margin-right:1rem;width:1.8rem;height:1.8rem;border-width:1px;border-style:solid}
.optional-list-icon-selected{border:none}
.optional-list-add-box{margin-top:1.2rem;margin-bottom:1.2rem;height:2.2rem}
.optional-list-add-icon{margin-right:0.4rem}
.optional-button-box{height:4.8rem}
.optional-button{padding-top:1.2rem;padding-bottom:1.2rem;width:50%;border-top-width:1px;border-top-style:solid}
.optional-button:after{content:"\20";position:absolute;top:0;right:0;width:0.1rem;height:100%;background-color:#ededed}
.optional-button:nth-of-type(2):after{content:none}
.optional-input-box{top:50%;left:50%;padding-left:2.4rem;padding-right:2.4rem;width:80%;border-radius:4px;transform:translate(-50%, -50%)}
.optional-input-title{padding-top:1.9rem;padding-bottom:1.6rem}
.optional-input{margin:0 0 1.2rem;padding:0.8rem 1rem;border-width:1px;border-style:solid;border-radius:4px;outline:none}
.optional-input-button-box{padding-bottom:1.9rem}
.optional-input-button{width:48%;height:3.8rem;border-radius:4px}
.optional-input-button-cancel{border-width:1px;border-style:solid}

.user-box{left:50%;bottom:0;z-index:500;max-width:677px;transform:translateX(-50%)}
.user-content-box{left:0;right:0;bottom:0;padding-top:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
.user-name{float:left;margin-left:1.5rem;margin-right:1.5rem;max-width:37%}
.user-wxname{float:left;max-width:37%}
.user-logout{float:right;margin-right:1.5rem}