/* Write your styles */
.h5-container{
    max-width: 750px!important;
    margin: 0 auto;
    position: relative
}
/*left menu*/

.menu-close {
    padding-left: 30px;
    padding-top: 18px
}

.menu-close span {
    font-size: 1.8rem;
}

.menu-close .am-icon-angle-left {
    transform: translate(-7px, 0)
}

.am-offcanvas-content ul {
    padding: 0px;
}

.am-offcanvas-content ul li {
    line-height: 24px;
    font-size: 14px;
    list-style: none;
    color: #333;
    padding: 5px 0;
    text-align: center
}

.am-offcanvas-content ul li a {
    color: #333;
}

.am-bottom {
    padding: 0px 5px 5px;
}

.shopping-cart {
    display: inline-block;
    float: right;
}

.shopping-cart .am-icon-shopping-cart {
    color: #f30
}

.am-header-default .am-header-nav>a.am-icon-search {
    color: #000
}

.am-header-left .am-icon-align-justify {
    color: #000
}

.am-header-default {
    -moz-box-shadow: 2px 2px 5px rgb(196, 196, 196);
    -webkit-box-shadow: 2px 2px 5px rgb(196, 196, 196);
    box-shadow: 2px 2px 5px rgb(196, 196, 196);
}


.news-product .am-u-sm-10{
    padding: 0px;
}
.news-product .am-u-sm-2{
    padding: 0px;
}
.pro-classify{
    background: #fff;
    padding: 0px;
    margin: 0;
    position: relative;
    top: 10px;
}
.pro-classify li{
    height: 4rem;
    line-height: 4rem;
    border-bottom: 0.5px solid rgb(231, 231, 231);
    text-align: center;
    list-style: none;
    font-size: 1.2rem;
    position: relative;

}
.pro-classify li.on{
    background-color: rgb(238, 238, 238);
}
.pro-classify li.on:before{
    content: '';                 /*CSS伪类用法*/
    position: absolute;         /*定位背景横线的位置*/
    top: 0;
    left: 0;
    background: #F30;       /*宽和高做出来的背景横线*/
    width: 2px;
    height:4rem;
}
.pro-classify li a{
    color:#333
}
.pro-classify a{
    color:#333
}
.am-header-left .am-icon-angle-left{
    font-size: 2.4rem;
    color:#000
}
/* 返回顶部 */

.amz-toolbar {
    position: fixed;
    right: 10px;
    bottom: 70px;
    z-index: 999;
}
/* breadcrumb */
.breadcrumb{
    font-size: 1.2rem;
    margin: 0px;
    padding: 5px 12px;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    background-repeat: repeat-x;
}
.breadcrumb li{
    line-height: 1.2rem;
    display: inline-block;
    text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb li a{
    color:#666
}
.am-gotop a{
    background-color: #fff;
    padding: 4px;
    display: inline-block
}
.new-top{
    padding:0 10px;
}
.new-top img{
    width: 100%
}

.header-search-bg{
    background: #be0000
}
.header-search-bg .am-icon-angle-left{
    color:#fff;
}
.header-search-bg .am-header-nav>a.am-icon-search{
    color:#fff;
}
.header-search-bg .am-header-title{
    margin: 0 12% 0;
}
.header-search-bg  .am-form-field{
    padding: .5rem;
    font-size: 1.2rem;
    margin-top: 13px;
    background-color:rgba(217, 57, 57, 1);
    border: none;
    color: #fff;
}
.header-search-bg input::-webkit-input-placeholder{
    color:rgb(223, 223, 223);
}
.header-search-bg input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:rgb(223, 223, 223);
}
.header-search-bg input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:rgb(223, 223, 223);
}
.header-search-bg input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:rgb(223, 223, 223);
}

.hot-search{
    padding: 1.5rem;
    font-size: 1.2rem;
}
.hot-search .h-s-title{
    color:#666;
    line-height: 1.8rem;
    margin-bottom: 1rem;
}
.hot-search .am-g{
    padding: 0px;
}
.hot-search .am-g li{
    list-style: none;
    padding: 0px;
    margin-bottom: .5rem
}
.hot-search .am-g li a{
    color:#333;
}
.am-footer-default{
    margin-top: 1rem;
}