/* 通用设定 */
.divleft{
    float:left;
}

.divright{
    float:right;
}

.clear{
    clear:both;
}

/* 标签内容设定 */
body {
    margin: 0 auto;
    width:1000px;
    overflow: auto;
}

fieldset{
    font-size:0.9em;
}

/* 页眉 */
.header{
    margin: 0 auto;
}

header *{
    margin: 0;
    padding: 0px;
}

/* logo */
.header .logoImg{
    line-height: 55px;
}
.header .backImg{
    line-height: 55px;
    width: 150px;
    
}

.header .logoImg  img{
    margin-top: 5px;
    height: 55px;
    vertical-align: middle;
}

.header .backImg  img{
    margin-top: 5px;
    height: 35px;
    vertical-align: middle;
}

/* 轮播图 */
.header #banner{
    width: 660px;
    height: 45px;
    float:right;
}

.header #banner img{
    width: 660px;
    height: 45px;
}

/* 文件上传区域 */
.uploadContainer{
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width: 1000px;
    text-align:center;
}

.chooseAndUploadFile{
    margin: 5px auto;
}

/* 3D区域 */
.resultSection{
    box-sizing: border-box;
    display: none;
    height: 600px;
    width: 1020px;
}

/* 标题 */
.showTitle{
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

/* 3d图区域 */
.showResult{
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width: 600px;
    height: 450px;
}

.title,
.detailInfo{
    display: inline-block;
}

.detailInfo{
    font-size: 0.9rem;
    vertical-align: text-bottom;
}

/* 图示 */
.legend{
    margin: 0 auto;
    padding: 0;
    text-align: right;
    width: 600px;
}

/* 图形操作区 */
.operatingArea{
    width:210px;
    height:100%;
    margin: 0 auto;
    padding: 0;
    box-sizing:border-box;
    margin-top:55px;
}

/* 显示设置区域 */
.configurationArea{
    width:210px;
    height:100%;
    margin: 0 auto;
    padding: 0;
    box-sizing:border-box;
    margin-top:55px;

}

/* 比例尺内容 */
.showLegend{
    width: 600px;
    overflow: hidden;
    font-size: 0.9rem;
    clear: both;
}

.showLegend .divLine{
    margin: 0;
    padding: 0;
    width: 100px;
    display: inline-block;
    vertical-align: middle;

}

.showLegend .divLegendWord{
    margin: 5px 0;
    padding: 0;
    display: inline-block;

}

.ionLine,
.moleculeLine,
.materialLine{
    /* width: 10px; */
    /* max-width: 30px; */
    width:20px;
    height:5px;
    display: inline-block;
}

.showLegend span{
    display: inline-block;
    vertical-align: middle;
}

.markInfo{
    width: 600px;
    clear: both;
    margin: 0 auto;
    display: none;
}


/* 页脚 */
.footer{
    width:1000px;
    font-size: 0.8em;
    background-color:#ddd;
    text-align: center;
    color: #666;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #D7D7D7;
    margin-top: 5px;
    /* position:fixed;
    bottom: 0px; */
}

.footer *{
    margin: 0;
    padding: 0;
} 

.materialName{
    cursor:pointer;
}

.menuContainer{
    clear: both;
    width: 980px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
}

.menuContainer table{
    width: 100%;
    height: 90%;
    border-collapse:collapse;
    
}

.menuContainer table tr{
    border: 1px solid #000000;
}


.menuContainer table td,
.menuContainer table th{
    border: 1px solid #000000;
    text-align: center;
}

.menuContainer img{
    width: 180px;
}
