* { margin: 0; padding: 0; } body{ /*background: white;*/ } .clearfix::before, .clearfix::after { display: block; content: ''; visibility: hidden; height: 100%; clear: both; } body { padding-top: 2%; } .gallety{ width: 100%; overflow: hidden; height: 80px; } .my-gallery { width: 200%; margin: 0 auto; overflow: hidden; } .my-gallery .img-dv { width: 78px; height: 78px; margin-bottom: 1%; } .my-gallery .img-dv a { display: block; width: 100%; height: 100%; text-align: center } .my-gallery .img-dv a img { width: 100%; height: 100%; /*vertical-align: middle;*/ } figure { float: left; margin: 0; margin-right: 5px; } .con{ /*margin-top: 66px;*/ } .con_{ background: white ; } .nav { font-size: 12px; margin-bottom: 8px; } .nav div{ float: left; width: 30%; height: 30px; text-align: center; line-height: 30px; margin-left: 2.5%; background: #fdecea; border-radius: 15px; color: #525252; } .nav .on{ background: #E6122B; color: white; } .pj_breviary { padding: 12px; border-bottom: 1px solid #e6e6e6; } .pjbtitle p { color: #e61329; font-size: 18px; float: left; margin: 0; line-height: 25.2px; padding-left: 6px; } .pjbcon { color: #525252; font-size: 18px; margin: 3px 0; } .pjclass { color: #909090; font-size: 18px; } .pjbtitle img { width: 25.2px; height: 25.2px; border-radius: 50%; overflow: hidden; float: left; } .pj_title { color: black; padding: 9px 12px; margin: 0; } .pjzhuijia{ padding: 9px 6px; background: #e4e4e4; border-radius: 4.8px; font-size: 18px; margin-top: 4px; } .zjpj{ position: relative; padding-top: 0.1px; } .sanjiao{ position: absolute; width: 9px; height: 9px; transform: rotate(45deg); background: #e4e4e4; left: 32px; } .pswp__top-bar{ margin-top: 20px; } .nav_{ margin-top: 5px; }