html, body{
    width:100%;
    min-width:900px;
    height:100%;
    min-height:100%;
    margin:0;
    padding:0;
    background-color:rgba(240,240,240,1);
}
.page-img{
    box-shadow:inset 0px 2px 5px rgba(100,100,100,0.3);
    width:100%;
    min-height:440px;
    height:calc(100% - 80px);
    background-image:url('../img/background-s.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
}

.panel{
    height:auto;
    width:100%;
}
.panel>.item{
    height:auto;
    width:100%;
    margin-top:10px;
    padding-bottom:15px;
}
/*功能特定*/
.item.func{
    width:100%;
    height:100%;
    background-image:url('../img/func-back-s+.jpg');
    background-repeat:no-repeat;
    background-size:100% 100%;
}

.panel>.item>.title{
    height:50px;
    font-size:28px;
    color:rgba(0,0,0,0.8);
    text-align:center;
    margin-left:50%;
    transform:translate(-50%,0%);
    width:auto;
}
.panel>.item>.box{
    width:100%;
    height:auto;
    display:flow-root;
}
.panel>.item>.box>.card{
    width:20%;
    margin-left:4%;
    min-height:150px;
    height:auto;
    float:left;
}
.panel>.item>.box>.card.side{
    margin-top:80px!important;
}
.panel>.item>.box>.card>.icon{
    margin-top:10px;
    border:solid 2px rgba(150,150,150,0.8);
    box-sizing:border-box;
    height:80px;
    line-height:78px;
    text-align:center;
    width:80px;
    margin-left:calc(50% - 40px);
    border-radius:100%;
}
.panel>.item>.box>.card>.icon>span{
    font-size:70px;
}
.panel>.item>.box>.card>.label{
    width:100%;
    height:40px;
    text-align:center;
    line-height:40px;
}
.panel>.item>.box>.card>.label>span{
    font-size:20px;
    color:rgba(0,0,0,0.8);
}
.panel>.item>.box>.card>.text{
    width:90%;
    margin-left:5%;
    font-size:16px;
    color:rgba(0,0,0,0.5);
}

.panel>.item>.box>.card-2{
    float:left;
    margin-left:min(calc(20% - 144px),6.4%);
    margin-bottom:20px;
    height:350px;
    width:17%;
    min-width:180px;
    margin-top:0px;
    padding-top:0px;
    box-sizing:border-box;
    border:solid 2px rgba(0,0,0,0.6);
    border-radius:20px;
    overflow:hidden;
    background-image: linear-gradient(to bottom , rgba(80,80,80,1) 50px,rgba(255,255,255,0.7) 50px);
    box-shadow:4px 4px 8px rgba(100,100,100,0.5);
}
.panel>.item>.box>.card-2:nth-child(n + 5){
    margin-top:20px;
}

.panel>.item>.box>.card-2>.label{
    height:50px;
    width:100%;
    line-height:50px;
    text-align: center;
}
.panel>.item>.box>.card-2>.label>.name{
    height:30px;
    line-height:35px;
    width:100%;
}
.panel>.item>.box>.card-2>.label>.time{
    height:20px;
    line-height:15px;
    width:100%;
}
.panel>.item>.box>.card-2>.label>.name>*{
    color:rgba(255,255,255,0.9);
    font-size:18px;
}
.panel>.item>.box>.card-2>.label>.time>*{
    color:rgba(255,255,255,0.6);
    font-size:10px;
}
.panel>.item>.box>.card-2>.info{
    height:120px;
    width:100%;
    background-color:rgba(200,200,200,0.5);
}
.panel>.item>.box>.card-2>.info>img{
    height:80px;
    width:80px;
    margin-top:5px;
    margin-left: calc(50% - 42px);
    border-radius:100%;
    padding:0;
    border:solid 2px rgba(100,100,100,1);
}
.panel>.item>.box>.card-2>.info>.type{
    height:20px;
    width:100%;
    margin-top:5px;
    text-align:center;
    line-height:20px;
}
.panel>.item>.box>.card-2>.info>.type>*{
    font-size:12px;
    background-color: rgba(150,150,150,0.95);
    color:rgba(255,255,255,1);
    padding:3px 5px;
    border-radius:4px;
}
.panel>.item>.box>.card-2>.info>.type>.formal{
    background-color: rgba(255,50,50,0.8)!important;
}
.panel>.item>.box>.card-2>.tip{
    padding-top:1px;
    height:179px;
    width:100%;
}
.panel>.item>.box>.card-2>.tip>.link{
    height:auto;
    width:100%;
    text-align:center;
    margin-top:20px;
}
.panel>.item>.box>.card-2>.tip>.tag{
    margin-top:5px;
    max-height:80px;
    height:auto;
    width:calc(100% -10px);
    display:flow-root;
    margin-left:20px;
}
.panel>.item>.box>.card-2>.tip>.tag>.name{
    width:40px;
    display:flex;
    max-height:80px;
    height:auto;
    font-size:15px;
    float:left;
}
.panel>.item>.box>.card-2>.tip>.tag>.item{
    max-height:80px;
    overflow-y:auto;
    height:auto;
    width:calc(100% - 60px);
    float:left;
}
.panel>.item>.box>.card-2>.tip>.tag>.item>div{
    float:left;
    margin-bottom:2px;
    height:20px;
    line-height:18px;
    width:auto;
    padding:0px 5px;
    border-radius:3px;
    margin-left:2px;
    background-color: rgba(100,100,100,1);
}
.panel>.item>.box>.card-2>.tip>.tag>.item>div.chuangshi{background-color: rgba(255,50,50,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag>.item>div.quanzhan{background-color: rgba(50,50,255,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag>.item>div.guwen{background-color: rgba(153,51,255,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag>.item>div.ruanjian{background-color: rgba(71,153,0,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag>.item>div.qianduan{background-color: rgba(255,153,0,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag>.item>div.houduan{background-color: rgba(102,0,0,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag>.item>div.yunying{background-color: rgba(142,142,255,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag>.item>div>*{
    font-size: 13px;
    color:rgba(255,255,255,0.95);
    white-space: nowrap;
}
.panel>.item>.box>.card-2>.tip>.tag2{
    margin-top:5px;
    max-height:100px;
    height:auto;
    width:calc(100% -10px);
    display:flow-root;
    margin-left:20px;
}
.panel>.item>.box>.card-2>.tip>.tag2>.name{
    width:40px;
    display:flex;
    max-height:100px;
    height:auto;
    font-size:15px;
    float:left;
}
.panel>.item>.box>.card-2>.tip>.tag2>.item{
    max-height:100px;
    overflow-y:auto;
    height:auto;
    width:calc(100% - 60px);
    float:left;
}
.panel>.item>.box>.card-2>.tip>.tag2>.item>div{
    float:left;
    margin-bottom:2px;
    height:20px;
    line-height:18px;
    width:auto;
    padding:0px 5px;
    border-radius:3px;
    margin-left:2px;
    background-color: rgba(100,100,100,1);
}
.panel>.item>.box>.card-2>.tip>.tag2>.item>div>*{
    font-size: 13px;
    color:rgba(255,255,255,0.95);
    white-space: nowrap;
}
.panel>.item>.box>.card-2>.tip>.tag2>.item>.pro:nth-child(1n){background-color: rgba(255,50,50,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag2>.item>.pro:nth-child(2n){background-color: rgba(50,50,255,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag2>.item>.pro:nth-child(3n){background-color: rgba(153,51,255,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag2>.item>.pro:nth-child(4n){background-color: rgba(71,153,0,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag2>.item>.pro:nth-child(5n){background-color: rgba(255,153,0,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag2>.item>.pro:nth-child(6n){background-color: rgba(102,0,0,1)!important;}
.panel>.item>.box>.card-2>.tip>.tag2>.item>.pro:nth-child(6n){background-color: rgba(142,142,255,1)!important;}