.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.with-padding {
	padding: 5px;
}

ul.list {
	padding-top: 10px;
	list-style: square;
}

ul.list li {
	border-bottom: dotted 1px #ccc;
	line-height: 2.5em;
	margin-left: 15px;
	list-style: square;
}

ul.list li.layui-row {
	margin-left: 0;
	list-style: none;
}

a.margin-right-sm {
	color: #00f;
	margin-right: 10px;
}

.content {
	padding: 20px 0;
}

.invisible {
	visibility: hidden;
}


/* 导航栏按钮 */
.btn {
    display: none;
    float:right;
    border: 0;
    border-radius: 5px;
    margin-top: 10px;
}
#header {
    display: none;
    background-color: #23262E;
    margin: 0 15px;
}
#header a .logo {
    text-align: left;
    padding-left: 30px;
}

#header div.nav {
    height: 50px;
}

#header ul.nav-bar {
    list-style: none;
    float: right;
    margin-left: 200px;
    line-height: 50px;
}
#header ul.nav-bar li {
    float:left;
    padding: 0 10px;
}
#header ul.nav-bar li a {
  color: #fff;
}

@media screen and (max-width: 768px){
    .layui-header {
      display: none;
    }
    #header {
        padding: 10px 5%;
        height: 40px;
        overflow: hidden;
        display: block;
    }
    .btn {
        display: block;
    }
    #header ul.nav-bar {
        margin-top: 15px;
        border-top: solid 1px #111;
        width:100%;
    }
    #header ul.nav-bar li {
        float: none;
        padding: 0 10px;
    }
}