#banner-container { position: relative; }

#banner-container .view-market-btn { position: absolute; right: .5rem; bottom: 10px; padding: 5px 5px 2px 10px; border-radius: 5px; background: rgba(255, 255, 255, 0.8); font-size: .37rem; font-weight: 500; color: #009eed; }

#banner-container .view-market-btn i { vertical-align: middle; font-size: .53rem; }

.column-title { position: relative; font-size: .53rem; text-align: center; color: #009eed; }

.column-title:before, .column-title:after { content: ""; position: absolute; top: 50%; width: 30%; height: 2px; margin-top: -1px; background: #009eed; }

.column-title:before { left: 0; }

.column-title:after { right: 0; }

.middle-menu-container { padding: 10px 0 20px; background: #3470bd; background: -wekkit-linear-gradient(to top, #3470bd, #b2e0f0); background: linear-gradient(to top, #3470bd, #b2e0f0); }

.middle-menu-container .column-title:before, .middle-menu-container .column-title:after { width: 12%; background: #fff; }

.middle-menu-container li { margin-top: .4rem; }

.middle-menu-container li > a { position: relative; width: 48%; height: 2.93rem; background: rgba(255, 255, 255, 0.8); border-radius: 10px; text-align: center; color: #333; }

.middle-menu-container li > a p { position: absolute; top: 50%; left: 0; width: 100%; height: 1.4rem; margin-top: -.7rem; }

.middle-menu-container li > a .iconfont { font-size: .8rem; }

.middle-menu-container li > a span { font-size: .35rem; }

#main .more-btn { margin-top: 0px; text-align: center; }

#main .more-btn a { display: block; width: 100%; }

#main .more-btn a .iconfont { font-size: .93rem; color: #009eed; }

.trading-list-container, .information-list-container { padding: 20px 0 0; }

.trading-list-container .column-title, .information-list-container .column-title { margin-bottom: 10px; }

.trading-list-container .column-title:before, .trading-list-container .column-title:after, .information-list-container .column-title:before, .information-list-container .column-title:after { width: 16%; }

.trading-list-container .trading-list, .trading-list-container .information-list, .information-list-container .trading-list, .information-list-container .information-list { margin: 20px 0; border-bottom: 1px dotted #e8e8e8; }

.trading-list-container .trading-list a, .trading-list-container .information-list a, .information-list-container .trading-list a, .information-list-container .information-list a { font-size: .43rem; }

.trading-list-container .trading-list a .fl, .trading-list-container .information-list a .fl, .information-list-container .trading-list a .fl, .information-list-container .information-list a .fl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 85%; }

.trading-list-container .trading-list a .iconfont, .trading-list-container .information-list a .iconfont, .information-list-container .trading-list a .iconfont, .information-list-container .information-list a .iconfont { font-size: .53rem; }

.news-list-container ul { padding-top: 10px; }

.news-list-container .news-list.one { padding: 10px 0; }

.news-list-container .news-list.one img { width: 4rem; margin-right: 10px; }

.news-list-container .news-list.one a { font-size: .43rem; color: #333; }

.news-list-container .news-list.one .summary { font-size: .35rem; }

.news-list-container .trading-list { margin: 20px 0; border-bottom: 1px dotted #e8e8e8; }

.news-list-container .trading-list a { font-size: .43rem; }

.news-list-container .trading-list a .fl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 85%; }

.news-list-container .trading-list a .iconfont { font-size: .53rem; }

.information-list-container .column-title { margin-bottom: 10px; }

.information-list-container .column-title:before, .information-list-container .column-title:after { width: 22%; }

.information-list-container p { padding-bottom: 5px; border-bottom: 1px solid #009eed; font-size: .43rem; font-weight: 500; text-align: center; color: #009eed; }

#footer-container { margin-top: 10px; padding: 10px 0 20px; border-top: 1px solid #e8e8e8; text-align: center; line-height: .53rem; font-size: .35rem; color: #777; }

#footer-container p { margin-top: 5px; }

#footer-container .back-top { transition: .7s; position: fixed; bottom: .4rem; right: -100px; width: 1.07rem; height: 1.07rem; margin-bottom: 10px; border-radius: 5px; background: #009eed; text-align: center; line-height: 1.07rem; }

#footer-container .back-top i { font-size: .53rem; color: #fff; }
