.component-quote .quote-text{margin:0;padding:0;font-weight:700;color:#333;font-size:20px;line-height:28px}.component-quote .search-box{position:relative;width:266px;height:30px;background:#fff}.component-quote .search-icon{position:absolute;top:6px;right:12px;width:18px;height:19px}.component-quote #quote-search{font-size:14px;padding:0 38px 0 8px;width:100%;height:100%;color:#333}.component-quote #quote-search::-webkit-input-placeholder{color:#999}.component-quote .component-quote-bottom{margin-top:7px;padding:8px;background:#fff}.component-quote .quote-index{font-size:0}.component-quote .quote-index a:first-child .quote-index-item{margin-left:0}.component-quote .quote-index-item{display:inline-block;margin-left:8px;padding-top:12px;width:96px;height:97px;font-size:14px;background:hsla(0,0%,40%,.08)}.component-quote .quote-index-text{color:#333;font-size:14px;line-height:20px;text-align:center}.component-quote .quote-index-price{font-size:20px;line-height:24px}.component-quote .quote-index-price,.component-quote .quote-index-rate{font-family:DIN-Medium,DIN!important;margin-top:4px;color:#aaa;font-weight:700;text-align:center}.component-quote .quote-index-rate{font-size:16px;line-height:19px}.component-quote .decline-bg{background:rgba(5,166,135,.08)}.component-quote .decline-bg .quote-index-price,.component-quote .decline-bg .quote-index-rate{color:#05a687}.component-quote .rise-bg{background:rgba(233,64,65,.08)}.component-quote .rise-bg .quote-index-price,.component-quote .rise-bg .quote-index-rate{color:#e94041}body{background:#f8f9fb}.component-adver,.component-bar,.component-headline,.component-live,.component-qrcode,.component-rank{margin-top:20px}.oneline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.none{display:none}.container{padding-top:6px;padding-bottom:20px;width:1000px;margin:0 auto}.page-left-wrap{width:660px;float:left}.page-right-wrap{width:320px;float:right;padding:20px 0 0}.page-left-header{padding:20px 0;border-bottom:1px solid #ebeff3}.page-left-header .left-box{float:left;width:100px;height:66px}.page-left-header .left-box img{border-radius:2px;width:100%;height:100%}.page-left-header .middle-box{margin-left:8px;float:left}.page-left-header .middle-box .icon{margin-right:2px;margin-top:4px;display:inline-block;vertical-align:middle;width:15px;height:15px;float:left}.page-left-header .middle-box .title{display:inline-block;vertical-align:middle;color:#000;font-size:14px;line-height:24px;float:left;font-family:PingFangSC-Medium,PingFang SC;font-weight:500}.page-left-header .middle-box .bottom{word-break:break-all;margin-top:4px;width:356px;color:#333;font-size:12px;line-height:17px;float:left}.page-left-header .middle-box .follow-action{float:left;width:76px;height:24px;background:#b60014;border-radius:13px;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:24px;text-align:center;cursor:pointer;margin-left:14px}.page-left-header .middle-box .follow-action img{display:inline-block;vertical-align:middle;width:12px;height:12px;margin-right:4px;margin-top:-1px}.page-left-header .middle-box .follow-action.already{border-radius:13px;border:1px solid #b60014;background:#fff;color:#b60014}.page-left-header .middle-box .follow-action.already img{width:14px;height:14px}.page-left-header .right-box{margin-top:6px;float:right}.page-left-header .right-box a{float:right}.page-left-header .right-box a:first-child{margin-left:8px}.page-left-header .right-box .item{padding:8px 8px 0;width:90px;height:54px;background:hsla(0,0%,40%,.08)}.page-left-header .right-box .title{text-align:center;color:#000;font-size:12px;line-height:17px}.page-left-header .right-box .profit{color:#333;margin-top:1px;text-align:center;font-size:16px;line-height:22px;font-family:DIN-Medium,DIN!important}.page-left-header .right-box .up{background:#fef1f1;background:rgba(233,64,65,.08)}.page-left-header .right-box .up .profit{color:#e94041}.page-left-header .right-box .up:hover{background:rgba(233,64,65,.16)}.page-left-header .right-box .down{background:#eef7eb;background:rgba(5,166,135,.08)}.page-left-header .right-box .down .profit{color:#05a687}.page-left-header .right-box .down:hover{background:rgba(5,166,135,.16)}.page-body-item{padding:15px 0;border-bottom:1px dashed #ebeff3}.page-body-item .left{float:left;width:170px;height:95px}.page-body-item .left img{width:100%;height:100%}.page-body-item .right{float:right}.page-body-item .right .title{margin-top:4px;color:#000;font-weight:700;font-size:16px;line-height:22px}.page-body-item .right .introduce{margin-top:4px;height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}.page-body-item .right .introduce,.page-body-item .right .telegraph{color:#666;font-size:14px;line-height:20px}.page-body-item .right .bottom{margin-top:4px}.page-body-item .right .time{display:inline-block;color:#999;font-size:12px;line-height:25px}.page-body-item .right .relation-stock{width:160px;height:25px;border-radius:2px;margin-right:5px;padding:0 8px;color:#fff;display:inline-block;font-size:12px;line-height:25px;background:#999}.page-body-item .right .relation-stock .profit{font-family:DIN-Medium,DIN!important}.page-body-item .right .up{background:#e94041}.page-body-item .right .up .arrow{display:inline-block;width:0;height:0;border:4px solid transparent;border-bottom:6px solid #fff;vertical-align:2px}.page-body-item .right .down{background:#05a687}.page-body-item .right .down .arrow{display:inline-block;width:0;height:0;border:4px solid transparent;border-top:6px solid #fff;vertical-align:-3px}#pagination{margin-top:24px;text-align:center}.w-540{width:480px}.w-720{width:660px}.component-live{cursor:pointer;border-top:2px solid #b60014;background:#fff;padding:7px 12px 12px}.component-live .emojiMsg{display:inline-block;vertical-align:middle}.component-live .component-live-title{color:#333;font-size:20px;line-height:28px;font-weight:700;margin-bottom:12px}.component-live .component-live-avatar{margin:0 auto;width:72px;height:72px;border-radius:50%}.component-live .component-live-name{color:#333;margin:4px;font-size:18px;line-height:25px;text-align:center;font-weight:700}.component-live .component-live-text{color:#333;font-size:16px;line-height:22px;font-weight:700;vertical-align:middle}.component-live .component-live-gif{display:inline-block;vertical-align:middle}.component-live .component-live-content{height:66px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3;margin-top:4px;color:#333;font-size:14px;line-height:22px}.component-live .component-live-user{font-weight:700}.component-live .component-live-btn{text-align:center;margin-top:12px;background:#b60014;border-radius:2px;height:36px;line-height:36px;font-size:14px;color:#fff}.component-live .component-live-icon{display:inline-block;vertical-align:middle;width:14px;height:18px;margin-right:4px}.component-live .component-live-enter{vertical-align:middle}.component-rank{border-top:2px solid #b60014;background:#fff;padding:7px 8px 8px}.component-rank .rise{color:#e94041!important}.component-rank .decline{color:#05a687!important}.component-rank .w-52{width:52px}.component-rank .w-60{width:60px}.component-rank .mr-5{margin-right:5px}.component-rank .tac{text-align:center}.component-rank .tar{text-align:right}.component-rank .fwb{font-weight:700}.component-rank .oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-rank .component-rank-title{color:#333;font-size:20px;line-height:28px;font-weight:700;margin-bottom:16px}.component-rank .component-rank-tab{margin-bottom:16px;text-align:center;font-size:0;border-radius:2px}.component-rank .component-rank-tab .tab-one,.component-rank .component-rank-tab .tab-three,.component-rank .component-rank-tab .tab-two{cursor:pointer;position:relative;width:92px;height:32px;text-align:center;display:inline-block;vertical-align:middle;color:#666;font-size:14px;line-height:32px;border:1px solid #dcdcdc}.component-rank .component-rank-tab .tab-one{border-radius:2px 0 0 2px;border-right:none}.component-rank .component-rank-tab .tab-two{border-left:none;border-right:none}.component-rank .component-rank-tab .tab-two:before{content:"";position:absolute;left:0;top:7px;width:1px;height:18px;background:#dcdcdc}.component-rank .component-rank-tab .tab-three{border-radius:0 2px 2px 0;border-left:none}.component-rank .component-rank-tab .tab-three:before{content:"";position:absolute;left:0;top:7px;width:1px;height:18px;background:#dcdcdc}.component-rank .component-rank-tab .active-0{color:#fff;background:#b60014;border-color:#b60014}.component-rank .component-rank-tab .active-0+.tab-two:before{content:none}.component-rank .component-rank-tab .active-1{color:#fff;background:#b60014;border-color:#b60014}.component-rank .component-rank-tab .active-1+.tab-three:before,.component-rank .component-rank-tab .active-1:before{content:none}.component-rank .component-rank-tab .active-2{color:#fff;background:#b60014;border-color:#b60014}.component-rank .component-rank-tab .active-2:before{content:none}.component-rank .rank-table-header{font-size:0;background:#f8f9fb}.component-rank .rank-table-header .rank-table-header-li{display:inline-block;vertical-align:middle;color:#999;font-size:14px;line-height:28px}.component-rank .rank-table-body{font-size:0}.component-rank .rank-table-body .rank-table-th-li{display:inline-block;vertical-align:middle;color:#333;font-size:14px;line-height:36px}.component-rank .rank-table-body .rank{font-family:DIN-Medium,DIN!important;font-size:17px;color:#999}.component-rank .rank-table-body .rank-1{color:#da3951}.component-rank .rank-table-body .rank-2{color:#f06e44}.component-rank .rank-table-body .rank-3{color:#f9a53e}.component-rank .rank-table-body .stock:hover{color:#b60014}.component-rank .rank-table-body .bar{color:#5395df}.component-bar{border-top:2px solid #b60014;background:#fff;padding:7px 12px 12px}.component-bar .oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-bar .component-bar-title{color:#333;font-size:20px;line-height:28px;font-weight:700;margin-bottom:4px}.component-bar .component-bar-li{margin-top:12px;padding:8px;background:#f8f9fb}.component-bar .component-bar-li:hover{-webkit-box-shadow:0 0 6px 0 rgba(201,208,213,.6);box-shadow:0 0 6px 0 rgba(201,208,213,.6)}.component-bar .component-bar-name{color:#333;font-size:16px;line-height:22px;font-weight:700;margin-bottom:2px}.component-bar .component-bar-intro{color:#bbb;font-size:14px;line-height:22px;margin-bottom:2px}.component-headline{border-top:2px solid #b60014;background:#fff;padding:8px 12px 12px}.component-headline .component-headline-title{color:#333;font-size:20px;line-height:28px;font-weight:700;margin-bottom:8px}.component-headline .component-headline-li{margin-top:10px;padding-left:10px;position:relative;color:#333;font-size:14px;line-height:22px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;max-height:44px}.component-headline .component-headline-li:hover{color:#b60014}.component-headline .component-headline-li:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;background:#b60014;border-radius:50%}.component-adver{display:none;width:100%;height:140px}.component-adver img{width:100%;height:100%}.component-qrcode{padding:20px 0;color:#333;font-size:14px;line-height:20px;background:#fff}.component-qrcode .tac{text-align:center}.component-qrcode .tar{text-align:right}.component-qrcode .ml-20{margin-left:20px}.component-qrcode .mr-20{margin-right:20px}.component-qrcode .component-qrcode-left,.component-qrcode .component-qrcode-right{width:50%;float:left}.component-qrcode .component-qrcode-img{display:inline-block;width:120px;height:120px;margin-bottom:10px}