.background {
    z-index: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #fff;
 }

 #bar {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 29px;
    line-height: 29px;
    font: Tahoma, Arial, '\5B8B\4F53', sans-serif;
    color: #555;
    font-size: 12px;
 }

 #bar .topnav {
    float: right;
    color: #555;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 29px;
    line-height: 29px;
 }

 #bar ul {
    list-style: none;
 }

 #bar li {
    float: left;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 29px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #eee;
 }

 body {
    font-family: Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC, Microsoft YaHei;
    background: #f2f2f2;
 }

 .search-box {
    height: 54px;
    width: 1000px;
    position: relative;
    margin-top: 20px;
    text-align: center;
}

.search-box .search {
   font-size: 15.5px;
   padding-left: 20px;
   padding-right: 66.5px;
   border-color: #f65500;
   box-sizing: border-box;
   width: 80%;
   height: 100%;
   border-radius: 4px;
   background: 0 0;
   line-height: 100%;
   outline: 0;
   border: 2px solid #f65500;
   border-right: #f65500;
   background-color: #fff;
   font-weight: 400;
   font-family: inherit;
}

.search-box button {
   height: 100%;
   right: 0;
   top: 0;
   border: 0;
   background-repeat: no-repeat;
   background-position: center center;
   color: #fff;
   text-align: center;
   padding: 0;
   cursor: pointer;
   font-weight: 600;
   background-image: linear-gradient(90deg, #f65500 0%, #7a2a00 100%);
   border-radius: 0 6px 6px 0;
}

.offer-image {
    width: 100%;
    height: 100%;
}

@media only screen and (min-with: 600px) {
    .offer-image {
        width: 214px;
        height: 198px;
    }
}

.footer {
    width: 100%;
    height: 200px;
    background: #ebebeb;
    font-size: 12px;
    color: #bbb;
}

.footer .img-logo {
    width: 264px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    color: #888;
    padding-top: 41px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer .img-logo img {
    width: 182px;
    height: 32px;
}

.footer .footer-box-right {
    width: 936px;
    display: inline-block;
    vertical-align: top;
    margin-top: 36px;
}

.footer .title {
    padding: 0 3px;
}

.footer a {
    color: #888;
    text-decoration: none;
}

.footer a:hover {
    color: red;
}

.next-menu-item a {
    color: #f65500;
}

.category-box .next-menu-item :hover {
    background-color: #f65500;
}