html,body{
    padding:0px;
    margin:0px;
    width:100%;
    height:100%;
}
.index-tab{
    position: fixed;
    bottom:0px;
    width:100%;
    border-top:1px solid #ddd;
    display: flex;
    flex-direction: row;
    align-content: center;
    height:40px;
    line-height: 40px;
}
.index-tab-item{
    flex:1;
    text-align:center;
    border-right:1px solid #ddd;
    background-color:#EFEFEF;
}
.index-tab-item-cur{
    background-color:#0bc286;
    color:white;
}
.index-tab-item:last-child{
    border-right:0px;
}
.index-content{
    height: calc( 100% - 41px );
    overflow:auto;
}
.index-content-item{
    display:none;
    height:100%;
}
.index-content-item-cur{
    display:block;
}
.index-content-item iframe{
    width:calc( 100% - 0px );
    height:calc( 100% - 0px );
    overflow: auto;
    border:0px;
}
.bg-gray{
    background: #efefef;
}

.work{
    border-radius: 5px;
    background:white;
    padding:10px;
    margin: 0px 10px 10px;
}
.work-title{
    margin-bottom:10px;
}
.work-item{
    float: left;
    min-width:60px;
    font-size:0.8em;
    margin-right:10px;
    padding:5px;
    text-align:center;
    margin-bottom: 10px;
    background: #0a8bf2;
    color:white;
    border-radius:5px;
}

.mainFrame{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    /**top:100%;*/
    left:0px;
    z-index:2;
    background: white;
    display:none;
}
.mainFrame-title{
    position:relative;
    text-align:center;
    font-size:1em;
    height:40px;
    line-height: 40px;
    border-bottom:1px solid #ddd;
    background: #EFEFEF;
}
.mainFrame-content{
    height: calc( 100% - 41px );
}
.mainFrame-title-back{
    float:left;
    cursor:pointer;
    opacity:0.8;
    position:absolute;
    left:10px;
}
.mainFrame-content iframe{
    width:calc( 100% - 0px );
    height:calc( 100% - 0px );
    overflow: auto;
    border:0px;
}