/**
 * 文档说明
 * @author  Lin Xiaofeng(630501)
 * @editor  Somebody(777777)
 * @date    2016-10-11
 */
.ab-center{position: absolute;top:50%;left:50%;width:100%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center; }
.ab-center-x{position: absolute;top:0;left:50%;width:100%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);text-align: center; }
.ab-center-y{position: absolute;top:50%;left:0;width:100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);text-align: center; }
/*------------header-------------*/
.header{position:relative;height:142px; background:url(../../../../kdzf/2016/09/20/m/public_top_bg.jpg) left top no-repeat;}
/*logo*/
.logo{width:233px;height:139px;}
.logo img{width:233px;height:139px;}
/*menu-btn*/
.menu-btn{left:20px;display:block;width:92px;height:59px;}
.menu-btn b{position:absolute;left:0;top:50%;margin-top:-6px;display:block;width:100%;height:13px;-webkit-border-radius:6px; border-radius:6px;background:#5a5a5a;font-size:0;}
.menu-btn b:before,
.menu-btn b:after{content:"";position:absolute;left:0;display:block;width:100%;height:13px;-webkit-border-radius:6px; border-radius:6px;background:#5a5a5a;}
.menu-btn b:before{top:-23px;}
.menu-btn b:after{top:23px;}
/*sidebar*/
.sidebar{position:fixed;top:142px;left:0;opacity:0;width:480px;height:100%;background:#FFF;border:1px solid #b7afaf;border-left:none;overflow-y:auto;z-index:999;pointer-events:none;}
.sidebar-list{width:480px;}
.sidebar-list li dt{width:100%;height:auto;padding:15px 0;background:#ececec;font-size:26px;padding:15px 27px;}
.sidebar-list li:nth-child(1) dt{background:#FFF;font-size:28px;padding:15px 20px;}
.sidebar-list li span{display:block;width:100%;padding:12px 27px;font-size:26px;border-bottom:1px solid #b7afaf;}
.sidebar-list li span:last-child{border:none;}
.sidebar-list li a{color:#525252;}
.sidebar-list li a:active{color:#d4d4d4;}
.sidebar-list li .on{background:#d4d4d4;}
.sidebar.fade-in{-webkit-animation:fadeIn .3s linear forwards;animation:fadeIn .3s linear forwards;}
.sidebar.fade-out{-webkit-animation:fadeOut .3s linear forwards;animation:fadeOut .3s linear forwards;}
@-webkit-keyframes fadeIn{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);}
}
@keyframes fadeIn{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);}
}
@-webkit-keyframes fadeOut{
    0%{opacity:1;-webkit-transform:translate3d(0,0,0);}
    100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);}
}
@keyframes fadeOut{
    0%{opacity:1;-webkit-transform:translate3d(0,0,0);}
    100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);}
}


.mask{ opacity:0;position:fixed;top:142px;left:0;width:100%;height:100%;z-index:998;background:rgba(0,0,0,.7);pointer-events:none;}
.mask.on{opacity:1;}