body,div{
    padding:0;
    margin:0;
}
.main-content{
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    height:100%;
    
}
img {
    display: block;
}
.wrapper {
    display: flex;
    justify-content: space-between;
    height:100%;
    position: relative;
}
.public-header-middle{
  display: block; 
  height:60px;
  line-height: 60px;
}
#lessonTitle{
  cursor:default;
  text-align: center;
  font-size: 20px;
  color:#fff;
}
#left-defaults{
    padding:0 20px;
    background-color:#cdcdcd;
    width:200px;
    height:98%;
    border-radius: 10px;
}
#left-defaults,#right-defaults img{
    cursor: pointer;
}
#right-defaults {
    background: url('https://resource.bcgame-face2face.haorenao.cn/jigsaw/girl.png') no-repeat;
    background-size: 100%;
    width: 200px;
    height: 200px;
    margin:auto;
}

#a0 {
    height: 95px;
}

#a1 {
    height: 33px;
}

#a2 {
    height: 72px;
}
#left-defaults img {
    width: 200px;
    margin:40px 0px;

}

#tipsImg img{
    margin:0 auto;
    width:56px;
    height:56px;
    border-radius: 6px;
}
.public-right{
    margin:0;
}
.btn{
    position: fixed;
    display: flex;
    justify-content: center;
    /* width: 110px; */
    width: calc(100% - 240px);
    height: 40px;
    margin: auto;
    top: 90%;
    /* left: 58%; */
    right:0;
}
#btn{
    width:110px;
    height:40px;
    background-color: #f4a31e;
    color:#fff;
    text-align: center;
    display:block;
    padding:0;
    cursor: pointer;
}

#instructionText{
    padding-left: 20px;
}
#tips{
    line-height:40px;
}
#clear-puzzle-header{
  margin-right:20px;
}
#showInfo{
  height: 34px;
}
/* #showVedio{
  display:block;
  cursor:pointer;
} */