.header-wrap{
	background: url(../img/quotation/banner.jpg) center bottom no-repeat;
	background-size: auto 100%;
}

.header{
	border-bottom: none;
}
.header .navbar .item a,
.header .entry .item a{
	color: #FFF;
}

.logo{
    color: #fff;
}

.quotation{
	padding: 150px 50px;
	background: transparent;
}
.quotation .input{
	background: rgba(255, 255, 255, 0.8);
}
.quotation .input .input{
	background: transparent;
}
.quotation .btn{
	color: #000;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.8);
}

.logs{
	padding: 50px;
}
.logs .head .title{
	font-size: 16px;
	font-weight: bold;
	margin-right: auto;
}
.logs .head .count{
	margin-left: 30px;
}
.logs .head .count .text{
	color: #999;
}
.logs .head .count .value{
	color: var(--theme-color);
	font-size: 20px;
}
.logs .body{
	max-height: 400px;
	margin-top: 10px;
	overflow-y: hidden;
}
.logs .body .item{
	height: 36px;
}
.logs .body .item .name,
.logs .body .item .phone,
.logs .body .item .desc{
	color: #666;
	transition: all 0.1s ease;
}
.logs .body .item .name{
	width: 50px;
}
.logs .body .item .phone{
	margin: 0 50px;
}
.logs .body .item .desc{
	width: calc(100% - 400px);
}
.logs .body .item .time{
	color: #999;
}
@media (max-width: 1024px){
    .logo{
        color: #000;
    }
}
@media (max-width: 768px){
    .logo{
        color: #000;
    }
	.quotation{
		padding: 100px 50px;
	}
}
@media (max-width: 540px){
	.quotation{
		padding: 100px 20px 50px;
	}
	.logs{
		padding: 30px 20px;
	}
}