body, html { margin: 0; padding: 0; } .category { background: #fff; width: 100%; height: 100%; overflow: hidden; } .category * { list-style: none; font-family: 'Microsoft YaHei'; color: #333; margin: 0; padding: 0; } .category .leftBox { float: left; width: 8em; height: 100%; overflow-x: hidden; overflow-y: auto; color: #9b9b9b; background: #eee; text-align: center; } .category .leftBox ul { width: 100%; height: 100%; padding-right: 24px; } .category .leftBox ul li { padding: 16px 0; cursor: pointer; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } .category .leftBox ul li.now { background: #fff; } .category .rightBox { margin-left: 8.6em; height: 100%; overflow-x: hidden; overflow-y: auto; color: #9b9b9b; float: none; background: #fff; width: auto; } .category .rightBox ul { width: 100%; height: 100%; } .category .rightBox ul li { display: none; } .category .rightBox ul li.now { display: block; } .category .rightBox ul li>a>img { display: block; width: 100%; } .category .rightBox .nav2Box h3 { padding: 4px 12px; font-size: 1em; } .category .rightBox .nav2Box .nav3Box { display: flex; flex-wrap: wrap; } .category .rightBox .nav2Box .nav3Box div { width: 33%; overflow: hidden; } .category .rightBox .nav2Box a { display: block; text-align: center; padding: 4px 8px; } .category .rightBox .nav2Box a img { display: block; width: 100%; } .category .rightBox .nav2Box a span { color: #999; } .category .rightBox .nav2Box .ai-enter-link { display: block; position: fixed; bottom: 0; left: 0; right: 0; padding: 0; } .category .rightBox .nav2Box .ai-enter-link .ai-link-img { display: block; width: 100%; } #main-content .category .rightBox .nav2Box .ai-enter-link { display: block; position: relative; bottom: 0; left: 0; right: 0; padding: 0; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }