.container{
    padding: 20px;
    background: #f6f7fb;
}
.con,
.conReselt{
    width: 50%;
    border: 1px solid #E0E0E0;
}
.conReselt{
    width: 40%;
}
.title{
    padding-top: 10px;
    text-align: center;
    width: 100%;
    font-size: 16px;
}
.fiedPho{
    padding-bottom: 20px;
    text-align: center;
}
.leftPho,
.rightPho{
    /* width: 40%; */
    width:300px;
    text-align: center;
}
.leftTitle,
.rightTitle{
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
}
.leftTitle>span,
.rightTitle>span{
    color:grey
}
.leftPhoCon,
.rightPhoCon{
    width: 300px;
    height: 300px;
}
.leftPhoCon>img,
.rightPhoCon>img{
    width: 100%;
    height: 100%;
}
.bottTitle{
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 14px;
}
.inputfile {
    /* opacity: 0; */
    display: none;
}
.btn,
.proBtn{
    width: 80px;
    height: 30px;
    border-radius: 10px;
    background-color: #78A5F1;
}
.resultPho{
    /* width:45% */
    width: 280px;
    height: 280px;
}
.resultPho>img{
    width: 100%;
    height: 100%;
}
.resultPhoCon{
    margin-top: 70px;
}
a:link{
    text-decoration: none;
}