/*photograph.html*/
.log-test{margin: 20px;text-align: center;word-wrap: break-word; word-break: normal;font-size: 16px;font-family: Consolas,黑体}
.header-left,.header-right{height: 100%;line-height: 50px;}
a { text-decoration:none; }
.header-left{
    float: left;
}
.header-left img{
    width:30px;
    height:30px;
    float: left;
    margin: 8px 5px auto 8px;
}
.header-right{
    float: right;
    margin-right: 15px;
}
.photograph-left{
    width:52%;
    height: 0;
    padding-bottom: 45%;
    float: left;
    background: #eee;
}
.title{
    width:100%;
    display: flex;
    flex-flow: row;
    justify-content: center;
    padding-top:2%;
    padding-bottom:2%;
}
.photograph-left .photo-window{
    width:50%;
    margin:0 2%;
    height: 0;
    padding-bottom: 78%;
    background: #eee;
}
.photograph-right{
    width:29%;
    height: 0;
    padding-bottom: 45%;
    float: right;
    background: #eee;
}
.photograph-right .photo-file{
    overflow: auto;
    width:100%;
    float: right;
    height: 0;
    padding-bottom: 140%;
    background: #eee;
}
.photograph-right .photo-file ul {
    width:86%;
    margin:0 7%;
    height: 100%;
    background: #fff;
}
.photograph-right .photo-file ul li{
    width:96%;
    margin:5% 2%;
}
.photograph-right .photo-file ul li img{
    width:100%;
    height: auto;
}
.start-end{
    width:19%;
    float: left;
    list-style-type: none;
    padding: 0;
}
.start-end li{
    text-align: center;
    margin-top: 7%;
}
.start-end button{
    width: 75%;
}
.clear{
    margin-top: 0!important;
}