a,abbr,acronym,address,applet,b,big,blockquote,body,caption,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,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{}
body{line-height:1;overflow-x:hidden;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
img{max-width:100%;max-height:100%}
.main-content{width:100%}
.title{margin:20px 30px}
.image-list{width:80%;padding:20px;margin-left:auto;margin-right:auto}
.image-list .cover{position:relative;width:170px;height:110px;display:inline-block;margin-left:10px;margin-bottom:10px;cursor:pointer}
.image-list .cover img{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}
#pictureViewer{width:100%;height:100%;position:fixed;top:0;left:0;background-color: rgba(0, 0, 0, 0.8); z-index:10000}
#pictureViewer>.content{background-color:#efefef;position:absolute;width:85%;height:auto;margin:auto;top:0;right:0;bottom:0;left:0}
#pictureViewer .menu-bar{width:100%}
#pictureViewer .menu-bar .handel{width:40px;height:40px;float:right;background-repeat:no-repeat;background-position:50%;cursor:pointer}
#pictureViewer .menu-bar .handel:hover{background-color:#8f000b;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#pictureViewer .menu-bar .handel.maximization{background-image:url(../images/maximization_black.png);background-size:14px}
#pictureViewer .menu-bar .handel.maximization:hover{background-image:url(../images/maximization_white.png)}
#pictureViewer .menu-bar .handel.miniaturization{background-size:16px;background-image:url(../images/miniaturization_black.png)}
#pictureViewer .menu-bar .handel.miniaturization:hover{background-image:url(../images/miniaturization_white.png)}
#pictureViewer .menu-bar .handel.close-view{background-image:url(../images/close_black.png);background-size:15px}
#pictureViewer .menu-bar .handel.close-view:hover{background-image:url(../images/close_white.png)}
#pictureViewer .handel-next,#pictureViewer .handel-prev{display:inline-block;width:50px;height:70px;position:relative;top:calc(50% - 80px);background-repeat:no-repeat;background-size:25px;background-position:50%;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#pictureViewer .handel-prev{background-image:url(../images/prev_blank.png)}
#pictureViewer .handel-next{background-image:url(../images/next_blank.png)}
#pictureViewer .handel-next:hover,#pictureViewer .handel-prev:hover{background-color:#8f000b}
#pictureViewer .handel-prev:hover{background-image:url(../images/prev_white.png)}
#pictureViewer .handel-next:hover{background-image:url(../images/next_white.png)}
#pictureViewer .picture-content{display:inline-block;width:90%;height:calc(100% - 80px);position:absolute;margin:0 auto;left:0;right:0}
#pictureViewer .picture-content .cover{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}
#pictureViewer .counter{position:absolute;bottom:0;height:40px;line-height:40px;width:100%;text-align:center;color:gray;font-size:13px}
#pictureViewer .hide{display:none}
#pictureViewer .left{float:left}
#pictureViewer .right{float:right}
#pictureViewer .clear-flex{clear:both}
#pictureViewer img{max-width:100%;max-height:100%}