.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}.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}