#categorys{ position:relative; display:none;}


@media only screen and (max-width:640px){

#sitecontent{ min-height:inherit;}
.npagePage #banner{ display:none;}

.content .header{ padding:30px 0px; display:none;}
#category{ display:none;}
#categorys{ display:block; z-index:9;}

.postbody{ padding:10px;box-sizing:border-box;}
.postbody img{width:100%;}

}

#categorys .label {background:#8b2b21;line-height: 40px;height: 40px;color: #fff;font-size: 1.5rem;text-align: left; padding:0px 20px;}
.dropmenu .label .down {float: right;font-size: 2.4rem;margin-top: 8px;}
.dropmenu.open .label .down {transform: rotate(180deg);}
.transform {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

.dh{width: 100%;position: absolute;z-index: 1;background-color: #fff;box-sizing:border-box; display:none;}

.dh li{width: 100%;height: 40px;float: left;border-bottom: #f0f0f0 1px solid;}

.dh li a{color:#969595; display:block;height: 40px; font-size:1.3rem; line-height:40px; padding:0px 20px;}
.dh li a.on{background: #f1f1f1;color: #8b2b21; display:block;height: 40px;}