app.bundle.css

html, body, .sidebar, .main {
  height: 100%; }

.sidebar {
  position: fixed;
  width: 240px;
  float: left;
  border-right: 1px solid #ccc; }
  .sidebar .header {
    padding: 20px; }
    .sidebar .header .title {
      text-align: center;
      color: #0089FF;
      font-size: 30px; }
  .sidebar .menu {
    list-style: none;
    padding: 0;
    margin: 0; }
    .sidebar .menu li {
      padding: 0 20px; }
      .sidebar .menu li.active {
        background-color: #F5F7FA; }
        .sidebar .menu li.active a {
          color: #0089FF; }
      .sidebar .menu li a {
        text-decoration: none;
        color: #000;
        padding: 17px;
        display: block; }

.main {
  margin-left: 240px;
  padding: 50px; }

.page-index, .page-product {
  height: 100%; }

.product-content h3 {
  margin-top: 30px; }

.product-content h4 {
  margin-top: 20px; }

.product-content img {
  display: block; }
  .product-content img.app {
    width: 300px;
    margin: 30px auto; }
  .product-content img.pc {
    width: 1000px;
    margin: 30px auto; }

.product-content .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both; }

.product-content .line-imgs img {
  float: left;
  width: 250px; }

.product-content p {
  line-height: 2;
  color: #5e6166;
  padding: 10px 20px 20px 0; }