@charset "UTF-8";.etf-result .text:before{width:30px;height:30px;background-position:-442px -84px}.icon,.etf-result .text:before{background-image:url(../img/icon.png);background-size:569px 148px;background-repeat:no-repeat;display:block}@media only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.icon,.etf-result .text:before{background-image:url(../img/icon@2x.png)}}#toast{display:block;position:fixed;z-index:99999;background-color:#000;color:#fff;top:0;left:50%;font-size:12pt;padding:10px;min-width:300px;text-align:center;border-radius:6px;line-height:1.5em;box-shadow:3px 3px 1px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translate(-50%, 0)}#toast.show{animation:toast-show 3s ease-in-out}@keyframes toast-show{0%{visibility:visible}10%{opacity:1;transform:translate(-50%, 100px)}90%{opacity:1;transform:translate(-50%, 100px)}}#body{overflow:hidden}.h2{font-size:24px;font-weight:bold;color:#333;padding-bottom:10px;margin:0;border-bottom:7px #4268a8 solid}.shadow-box{border-radius:5px;box-shadow:0px 0px 10px rgba(66,104,168,.2);padding:20px;position:relative;width:100%}.shadow-box time{position:absolute;right:0;color:#4f4f4f;font-size:12px;top:10px;right:20px}.shadow-box>h3{color:#003e76;font-size:18px;font-weight:500;text-align:center;margin-bottom:10px;border-bottom:1px solid #767676;padding-bottom:20px}.market-chart{width:100%;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap;padding:40px 0}.market-chart>div{width:33%;font-weight:bold}@media screen and (max-width: 800px){.market-chart>div{width:100%}}.market-label{padding-left:0;list-style:none;display:flex;padding-top:10px;justify-content:center;align-items:center;flex-wrap:wrap;width:calc(100% + 40px);margin:0 0 0 -20px;border-top:2px solid rgba(0,0,0,.1)}.market-label li{color:#454648;font-size:14px;padding:0 25px;position:relative}.market-label li:before{content:"";display:inline-block;width:10px;height:10px;margin-right:5px}.market-label li:nth-of-type(1):before{background:#bb9cd0}.market-label li:nth-of-type(2):before{background:#9bddec}.market-label li:nth-of-type(3):before{background:#ffdb72}.market-label li:nth-of-type(4):before{background:#ffb87a}.market-label li:nth-of-type(5):before{background:#f28066}.market-label li:nth-of-type(6):before{background:#a9d9a1}.info-change{position:relative;margin-bottom:100px;display:flex;justify-content:space-between;flex-wrap:wrap}.info-change>*{position:relative;z-index:2}.info-change>div{width:49%;background:#fff}@media screen and (max-width: 991px){.info-change>div{width:100%;margin-bottom:20px}}.etf-info{padding:30px;display:flex;align-items:center;flex-wrap:wrap;margin-top:35px}.etf-info .stock{width:180px;height:180px;border-radius:100%;background:#0886bf;padding:0 30px;display:flex;flex-direction:column;justify-content:center;color:#fff}.etf-info .stock>div{text-align:center}.etf-info .stock b{font-weight:bold;font-size:35px;display:block;margin-top:5px}.etf-info ul{padding:0;list-style:none;width:calc(100% - 210px);display:flex;flex-wrap:wrap;margin-bottom:0}@media screen and (max-width: 600px){.etf-info ul{width:100%;margin-top:20px}}.etf-info ul li{color:#666;padding:0 30px}.etf-info ul li:nth-of-type(1){width:20%}.etf-info ul li:nth-of-type(1):lang(en){width:50%;margin-bottom:20px}.etf-info ul li:nth-of-type(2){width:20%}.etf-info ul li:nth-of-type(2):lang(en){width:50%;margin-bottom:20px}.etf-info ul li:nth-of-type(3){width:30%}.etf-info ul li:nth-of-type(3):lang(en){width:50%;margin-bottom:20px}.etf-info ul li:nth-last-of-type(1){border-right:0;width:30%}.etf-info ul li:nth-last-of-type(1):lang(en){width:50%;margin-bottom:20px}@media screen and (max-width: 1200px){.etf-info ul li:lang(zh){flex:1 0}}@media screen and (max-width: 991px){.etf-info ul li{flex:auto;width:100% !important;border-right:0;padding-bottom:10px}}@media screen and (max-width: 600px){.etf-info ul li{padding-left:10px;padding-right:10px}}.etf-info ul li span{display:inline-block;background:#f3f3f3;border-radius:100px;padding:0px 9px}.etf-info ul li b{display:block;font-weight:bold;font-size:18px;color:#2f4c78;margin-top:20px}@media screen and (max-width: 991px){.etf-info ul li b{margin-top:5px}}.etf-result{background:#f9f9f9;padding:13px 30px;display:flex;flex-wrap:wrap;align-items:center}.etf-result .text{padding-left:45px;position:relative;margin-right:10px}.etf-result .text:before{content:" ";display:block;position:absolute;top:0;left:0}.etf-result .result{display:inline-block;padding:0 12px;color:#4268a8;border:1px #4268a8 solid;background:#fff;border-radius:20px;height:28px;line-height:26px;margin:5px 10px 5px 0}.chart-col{display:flex;flex-wrap:wrap;margin:0 -10px}.chart-col .col1{max-width:345px;width:100%;padding:0 10px;display:flex;flex-direction:column;flex-wrap:nowrap}@media screen and (max-width: 900px){.chart-col .col1{max-width:100%}}@media(min-width: 800px)and (max-width: 900px){.chart-col .col1{display:flex;margin:0;padding:0}}.chart-col .col2{width:calc(100% - 345px);padding:0 10px}@media screen and (max-width: 900px){.chart-col .col2{width:100%}}.chart-col .col-h{width:50%;padding:0 10px}@media screen and (max-width: 900px){.chart-col .col-h{width:100%}}.chart-flex{padding:30px 40px;height:50%}@media(min-width: 800px)and (max-width: 900px){.chart-flex{width:50%;margin:20px 10px !important}}.chart-flex .name{font-size:18px;font-weight:500;color:#333}.chart-flex .name p i{vertical-align:baseline;color:#4268a8;margin-right:15px}.chart-flex .name span{text-align:right;font-size:40px;color:#2582c0;font-weight:bold}.chart-flex .name b{font-size:16px}.dividend-table{width:100%;border:1px #d5d5d5 solid}.dividend-table thead{border-top:1px solid #333;background:#4268a8}.dividend-table thead tr th{padding:10px 5px;text-align:center;border-right:1px #d5d5d5 solid;line-height:20px;font-weight:400;color:#fff}.dividend-table thead tr th small{display:block}.dividend-table tbody tr:nth-last-of-type(1) td{border-bottom:1px solid #333}.dividend-table tbody tr td{color:#707070;padding:10px 5px;text-align:center;border:1px #d5d5d5 solid}.btn-flex{display:flex;justify-content:center;width:100%;margin:60px auto 30px auto}.btn-flex .btn-style{display:inline-block;padding:10px 20px;background-color:#4268a8;color:#fff;text-align:center;border:1px #4268a8 solid;border-radius:5px;margin:0 10px}.btn-flex .btn-style:hover{color:#4268a8;background:#fff}