.indices-detail-page{grid-gap:16px;gap:16px;position:relative;top:8px}@media (max-width:576px){.indices-detail-page{grid-gap:12px;gap:12px}}@media (max-width:576px){.indices-detail-page .foreign-trading-series-chart,.indices-detail-page .indices-foreign-transaction-stock-box{margin:0 12px}}.indices-detail-page .indices-foreign-transaction-stock-box .box-head{display:flex;align-items:center;justify-content:space-between}.indices-detail-page .indices-foreign-transaction-stock-box .box-head.mobile{flex-direction:column;justify-content:flex-start;align-items:flex-start}.indices-detail-page .indices-foreign-transaction-stock-box .box-head .box-title{font-size:26px;font-weight:600;white-space:nowrap}@media (max-width:576px){.indices-detail-page .indices-foreign-transaction-stock-box .box-head .box-title{font-size:22px}}.indices-detail-page .indices-foreign-transaction-stock-box .box-head .tab-list{width:100%;display:flex;align-items:center;justify-content:flex-end}.indices-detail-page .indices-foreign-transaction-stock-box .box-head .tab-list .tab-item{border:1px solid #e4e4e4;border-radius:5px;padding:5px 10px;margin:10px;font-size:14px;font-weight:500;cursor:pointer}.indices-detail-page .indices-foreign-transaction-stock-box .box-head .tab-list .tab-item.active{color:#fff;background-color:#3961f8}.indices-detail-page .indices-foreign-transaction-stock-box .update-time{font-size:14px;color:#999;font-style:italic}.indices-detail-page .indices-foreign-transaction-stock-box .box-content{display:flex;width:100%}.indices-detail-page .indices-foreign-transaction-stock-box .box-content.mobile{flex-direction:column}.indices-detail-page .indices-foreign-transaction-stock-box .box-content .indices-foreign-transaction-stock{width:60%}.indices-detail-page .indices-foreign-transaction-stock-box .box-content .indices-foreign-transaction-stock.mobile{width:100%}.indices-detail-page .indices-foreign-transaction-stock-box .box-content .indices-foreign-transaction-top-stock{width:40%}.indices-detail-page .indices-foreign-transaction-stock-box .box-content .indices-foreign-transaction-top-stock.mobile{width:100%}.heading-investor-page[data-v-5460c590]{font-size:18px;font-weight:600;margin:0}.flex-row[data-v-5460c590]{display:flex;flex-direction:row}.flex-row.beetwen[data-v-5460c590]{justify-content:space-between}.flex-column[data-v-5460c590]{display:flex;flex-direction:column}.swiper-container[data-v-5460c590]{z-index:0!important}@media (max-width:768px){.date-input[data-v-5460c590]{width:180px}}.date-input input[data-v-5460c590]{background:#f5fffd;border:1px solid #037b5f;outline:unset;border-radius:4px;padding:6px;font-size:16px;font-weight:500;line-height:20px;width:240px}@media (max-width:768px){.date-input input[data-v-5460c590]{width:180px!important}}.date-input input.error[data-v-5460c590]{height:34px;border:unset;outline:2px solid red!important}.date-input .vdp-datepicker__calendar[data-v-5460c590]{position:fixed!important}@media (max-width:768px){.date-input .vdp-datepicker__calendar[data-v-5460c590]{right:0}}.date-input .vdp-datepicker__clear-button[data-v-5460c590]{position:absolute;top:5px;right:7px;font-size:20px}.bs-button[data-v-5460c590]{padding:8px 16px;border-radius:4px;font-weight:500;font-size:16px;line-height:22px;cursor:pointer;border:1px solid #007042;background:#007042;color:#fff;text-align:center}.bs-button[data-v-5460c590]:hover{opacity:.75}.overview-indices-foreign-box[data-v-5460c590]{background-color:#fff}@media (max-width:576px){.overview-indices-foreign-box[data-v-5460c590]{margin:0 12px}}.overview-indices-foreign-box .d-col[data-v-5460c590]{border-bottom:1px solid #e4e4e4;padding:12px 0;display:flex;justify-content:space-between}.overview-indices-foreign-box .label[data-v-5460c590]{font-family:Inter,-apple-system,sans-serif;font-weight:600;font-stretch:normal;font-size:18px;line-height:22px;color:#272b34}@media (max-width:576px){.overview-indices-foreign-box .label[data-v-5460c590]{font-size:16px}}.overview-indices-foreign-box .price[data-v-5460c590]{font-family:Inter,-apple-system,sans-serif;font-weight:500;font-stretch:normal;font-size:18px;line-height:22px}@media (max-width:576px){.overview-indices-foreign-box .price[data-v-5460c590]{font-size:16px}}.heading-investor-page{font-size:18px;font-weight:600;margin:0}.flex-row{display:flex;flex-direction:row}.flex-row.beetwen{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.swiper-container{z-index:0!important}@media (max-width:768px){.date-input{width:180px}}.date-input input{background:#f5fffd;border:1px solid #037b5f;outline:unset;border-radius:4px;padding:6px;font-size:16px;font-weight:500;line-height:20px;width:240px}@media (max-width:768px){.date-input input{width:180px!important}}.date-input input.error{height:34px;border:unset;outline:2px solid red!important}.date-input .vdp-datepicker__calendar{position:fixed!important}@media (max-width:768px){.date-input .vdp-datepicker__calendar{right:0}}.date-input .vdp-datepicker__clear-button{position:absolute;top:5px;right:7px;font-size:20px}.bs-button{padding:8px 16px;border-radius:4px;font-weight:500;font-size:16px;line-height:22px;cursor:pointer;border:1px solid #007042;background:#007042;color:#fff;text-align:center}.bs-button:hover{opacity:.75}.indices-foreign-transaction-stock{height:400px;position:relative}