body{background: #F8F8F8!important;}
.nav {
    height:72px; line-height:72px;width: 100%;background: #2185d0
}
.nav .top{height:72px; line-height:72px;width: 100%;background: #2185d0}
.nav .logo{float: left;margin-left: 25px;}
.nav .logo h2{color: #fff!important;line-height: 72px;}
.nav  .user{float: right;margin-right: 25px;}
.nav .user .header{height: 40px;width:40px;float:left; margin:16px 10px 16px 0;border-radius: 100%;background: url("../../public/images/h-demo.jpg") no-repeat center;background-size: 40px;}
.nav .top .user .opt{float: right;margin-left: 10px;color: #fff;}
.nav .menu-right{height:inherit;width: auto;float: right;}
.nav .menu-right ul, li{height:72px;margin:0px;padding:0px;}
.nav .menu-right li{line-height:72px;  list-style: none;  float: left;  padding: 0 15px;}
.nav .menu-right li a{font-size:13px;color:#fff;font-weight:600;cursor: pointer;}
.nav .menu-right li  .sign-up{background: #2185d0;border-radius: 3px;padding: 7px 10px;color: #fff;}
.nav .menu-right li  .sign-up:hover{color: #fff;}
.nav .menu-right li .item{color:#fff;background: #2185d0;}

.nav .menu-right li a:hover{color: #666;cursor: pointer;}
.nav .content-menu {font-size: 1.5rem;color: #666;}

.nav .left{position: absolute;top: 72px;left: 0px;height: 100%;background: #F9FAFB; border-right: 1px solid rgba(34,36,38,.1);}
/*Ϊ�˱����semantic class������������ǰ��p-*/
.p-content{background:#fff;min-height: 500px;height: 100%; position: static;border: 0px solid #ddd; left: 230px;border-radius: 5px;margin: 0px 0px 40px 211px;padding:10px 20px;}
.p-content .unlimited{margin-top: 10px;  margin-left: 15px;}
.p-content .uploder{height: 100px;border: 1px dashed #ccc;background: #f8f8f8;}

.b-top{border-top:1px solid rgba(34,36,38,.1); height:1px;margin:0 0 0px 0}
.b-bottom{border-bottom: 0px solid #f1f1f1;}
.join-left{border-radius: .28571429rem 0 0 0.28571429rem!important;}
.join-right{margin-left: -20px!important;line-height: 1.2143em!important;}
.add-col-width{width: 62%!important;}
/*new css button*/


@media (max-width:768px ) {
    .nav .top{height:60px; line-height:60px;width: 100%;background: #2185d0}
    .nav .top .logo{float: left;margin-left: 20px;}
    .nav .top .logo h2{color: #fff!important;line-height: 60px;}
    .nav .top .user{float: right;margin-right: 15px;}
    .nav .top .user .header{height: 40px;width: 40px;float:left;margin-top: 10px;border-radius: 100%;background: url("/images/h-demo.jpg") no-repeat center;background-size: 40px;}
    .nav .top .user .opt{float: right;margin-left: 10px;color: #fff;}
    .nav .top .content-menu{line-height: 60px;margin-left: 15px;color:#fff;}
    .ui.button { line-height: 60px;}
    .p-content{background:#fff;min-height: 500px;  border: 0px solid #ddd;position: absolute; left: 0px;margin:30px;width:90%;border-radius: 5px;margin-top: 20px;padding: 10px;}
    .join-right{margin-left:0px!important;}
    .pushable>.pusher {
        overflow:auto;
    }
}
@media (max-width:414px ) {
    .p-content{margin-left:20px;}
}
@media (max-width:320px ) {
    .p-content{margin-left:18px;}
}


div a{color:#000000;}
.fl{float: left;}
.fr{float: right;}
.color_w{color: #fff;}
.ui.vertical.menu .item{
    padding:.8em .5em;
}
.leftmenu-a {
    padding:.5em .5em!important;
}
.ui.accordion .title:not(.ui).active{
    color:#1e70bf;
}
.password-left-padding{
    padding-left:5rem;
}
.display
{
    display:none;
}