.pagings{padding-top:25px;text-align:center}
.navbar{border-bottom:1px solid #b4aaf7;box-shadow:0 0 8px rgba(0,0,0,0.8);background:#fff;box-shadow:0 0 6px rgba(0,0,0,0.3)}
.navbar.transparent{background:rgba(243,246,250,0.7)}
#swiper-box{padding-top:30%;background:#e8e8e8;position:relative}
.mainbody{padding-top:30px}

.navbar .nav-toggle{top:6px;background:#07AAFF;color:#fff}
.navbar .nav-toggle:hover{color:#fff}
.navbar nav>ul>li>a{color:#000}
.userHead{width:50px;height:50px;margin:auto}
.userHead img{display:block;width:45px;height:45px;border-radius:100%;border:1px solid #ddd;box-sizing:border-box}
.nav-head{width:35px;overflow:hidden;height:35px;}
.nav-head img{width:35px;height:35px;border:0}
.ico{color:#07AAFF}
.mr-3{margin-right:3px}
.ml-3{margin-left:3px}
.main-container{min-height:450px;padding:20px}
@media screen and (max-width:767px){
    .navbar{background:#fff}
    #swiper-box{padding-top:50%;background:#e8e8e8;position:relative}
    .navbar{height:56px}
    .navbar .logo img{height:30px !important}
    .main-container{min-height:450px;padding:10px}
}