body{font-family:微软雅黑;background:#f5f5f5}.gallerypref{margin:20px auto 0;margin-bottom:100px}#gallery,.gallerypref{width:700px;position:relative;background-color:#fff;min-height:400px;padding:20px}#gallery{margin:20px auto 0;border:2px solid #eff2f6;border-radius:15px}#gallery h1{color:#fff;font-size:1.6em;font-weight:700}#gallery ul{width:140px;float:right;margin:10px 0 20px}#gallery ul li{float:left;margin:20px 8px 0 0}#gallery ul li span{display:block;position:relative;width:60px;height:80px;border:1px solid #fff;border-radius:4px;overflow:hidden}#gallery ul li span img{-o-object-fit:fill;object-fit:fill}#gallery ul li div img{width:460px;height:288px}#gallery ul li div{display:none;position:absolute;top:100px;left:30px;border:5px solid #fff}.clearfix{clear:both}a,abbr,acronym,address,applet,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,u,ul,var{margin:0;padding:0;font-size:100%;border:0;outline:0;background:transparent}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}table{border-collapse:collapse;border-spacing:0}