html, html body {
    height: 100%
}

.product-category {
    background: #fff;
    padding-bottom: 3.583333333333332rem;
    color: #333;
    height: 100%;
    box-sizing: border-box
}

.product-category header {
    padding: .583333333333331rem 0 .583333333333331rem 2.833333333333332rem;
    background: #fafafc;
    position: relative;
    border-bottom: 1px solid #e1e1e4
}

.product-category header .language-change {
    font-size: 1rem;
    height: 2.666666666666666rem;
    line-height: 2.666666666666666rem;
    width: 2.833333333333332rem;
    color: #00a7cc;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0
}

.product-category header .search-wrap {
    position: relative;
    padding-right: .833333333333333rem
}

.product-category header .search-wrap img {
    width: 1rem;
    position: absolute;
    left: .583333333333331rem;
    top: .83333333333333rem
}

.product-category header .search-wrap .search-key {
    font-size: 1rem;
    width: 100%;
    height: 2.666666666666666rem;
    border: none;
    background: #e7e8eb;
    padding-left: 1.916666666666666rem;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 0
}

.product-category header .search-wrap .cancel {
    font-size: 1rem;
    right: 0;
    border: none;
    background: 0 0;
    margin-right: .833333333333333rem;
    height: 1.25rem;
    line-height: 1.25rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.product-category .category-wrap {
    height: 100%;
    padding-left: 34.72%;
    position: relative
}

.product-category .category-wrap .category-tab {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 34.72%;
    background: #f2f3f6;
    height: 100%;
    overflow-x: hidden
}

.product-category .category-wrap .category-tab ul {
    list-style: none;
    padding: 0 0 3.583333333333332rem;
    margin: 0;
    width: 100%;
    text-align: left
}

.product-category .category-wrap .category-tab ul li {
    padding: 10px;
    line-height: 20px;
    font-size: 12px
}

.product-category .category-wrap .category-tab ul li.current {
    background: #fff;
    border-left: 2px solid #ff5a00;
    color: #ff5a00
}

.product-category .category-wrap .category-tab ul li:active {
    background: #e5e6e9
}

.product-category .category-wrap .category-content {
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 3.916666666666666rem;
    box-sizing: border-box
}

.product-category .category-wrap .category-content ul {
    padding: 0 6.38%
}

.product-category .category-wrap .category-content ul li {
    font-size: 1rem;
    line-height: 20px;
}

.product-category .category-wrap .category-content ul li a {
    padding: .833333333333333rem 0;
    font-size: 1rem;
    display: block;
    -webkit-transform: scale(1, 1);
    border-bottom:1px #f0f0f0 solid;
    margin-bottom: 1em;
}

.product-category .category-wrap .category-content ul li a:active {
    background: #f2f3f6
}

.product-category .category-wrap .category-content .img {
    padding: 0 6.38%;
    margin-top: 1em;
    box-sizing: border-box;
    text-align: center;
}

.product-category .category-wrap .category-content .img img {
    max-width: 100%
}

.third-category li{
    border-bottom: 0 !important;
    margin-bottom: 1em;
    height: 1.5rem;
    width: 100%;
    overflow: hidden;
    /*word-wrap: break-word;*/
    white-space: nowrap;
    text-overflow: ellipsis;

}
.third-category li a{
    padding: 0 !important;
}
.third-category li a.thirdScroller{
    color: #666;
}