/*body{
    margin: 0;
    padding: 0;
    color: #333;
    font-size:62.5%;
    background: #ededed;
    font-family: Microsoft YaHei;
}*/

/* screening */
div.screening{
    width: 100%;
    overflow: visible;
    background: #f2f3f3;
    /*position: fixed;*/
    z-index: 4;
    text-align: left;
    line-height: 3rem;
    padding: 10px 15px 10px;
}
div.screening span{font-size: 12px; color: #999;}
/* grade */
.sub-category-box{
    width: 100%;
    overflow: visible;
    background: #f2f3f3;
    z-index: 4;
    height: 1px;
    position: relative;
}

.sub-category-box .grade-eject{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 384px;
    overflow-x: hidden;
    z-index: 5;
    -webkit-transition-duration: 0.4s;
}

.sub-category-box .grade-eject>ul{
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 100%;
    width: 100%;
    -webkit-transition-duration: 0.4s;
}
.sub-category-box .grade-eject>ul>li{
    height: 48px;
    line-height: 48px;
    padding: 0px;
    border-bottom: solid 1px #eee;
}
.sub-category-box .grade-eject>ul>li a span{ color: #999;}
.sub-category-box .grade-eject>ul>li a,
.sub-category-box .grade-eject>ul>li a:hover{color: #333; width: 100%; height: 100%; display: block;padding: 0px 15px;}
.sub-category-box .grade-eject>ul.grade-w{
    background: #ddd;
    position: absolute;
    z-index: 1;
}
.sub-category-box .grade-eject>ul.grade-t{
    background: #eee;
    position: absolute;
    z-index: 2;
    left: 100%;
}
.sub-category-box .grade-eject>ul.grade-t>li{
    border-bottom: solid 1px #fff;
}
.sub-category-box .grade-eject>ul.grade-s{
    background: #fff;
    position: absolute;
    z-index: 3;
    left: 100%;
    list-style-type: none;
}
.sub-category-box .grade-eject>ul.grade-s>li{
    border-bottom: solid 1px #eee;
    margin-left: 1rem;
    padding: 0;
}
.sub-category-box .grade-w-roll{ display: block;}
.sub-category-box .grade-w-roll::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background:rgba(0,0,0,0.2);
    top: 0;
}
/*Sort-eject*/
.Sort-Sort{
    background: #fff;
    position: absolute;
    z-index: 3;
    left: 0;
    list-style-type: none;
}
.Sort-Sort>li{
    border-bottom: solid 1px #eee;
    padding: 0;
}
.Sort-height{
    height: 343px;
}

/* demo-content */
.demo-content{padding-top: 3rem;}