/* reset*/

* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-sizing: border-box;
}

body {
  margin: 0;
}

h1, h2 {
  margin: 0;
}

a:active, a:hover, a:focus {
  outline: 0;
  -webkit-tap-highlight-color: rgba(255,255,255,0);
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right!important;
}

.pull-left {
  float: left!important;
}

.clearfix::after, .clearfix::before {
  display: table;
  content: " ";
}

.clearfix::after, .clearfix::before {
  clear: both;
}

/* 页面布局 */
body {
  background: #fff;
}

.wrapper-outer {
  max-width: 750px;
  background: #f5f5f5;
}

.list-group {
  background: #fef4f2;
  padding: 0;
  margin-bottom: 0;
}


.col-1, .col-2 {
  float: left;
}

.col-1{
	width: 100%;
}


.col-2 {
  width: 50%;
}
.col-3 {
 float: left;
	width: 33.33%;
	background-color: #e5e5ea;
}

.col-4 {
 float: left;
	width: 25%;
	background-color: #283752;
}

.nav{
    background-color: #5588b9;
    overflow: hidden;
    max-width:750px;
}