.mymask{
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;    
    text-align: center;
    padding-top: 30%;
    color: aqua;    
}

.pimg{
            float: left;
            margin-right: 2px;
            margin-bottom: 2px;
            background-repeat: no-repeat;
            background-size:cover;
            border:1px solid #aaa;    

        }

 .imgtext{
            background: #666;color: #fff;
            padding: 0.2rem;
        }
.imgtext_print{
            background: #666;color: #fff;
            padding: 0.2rem;
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
        }


.autoimg{
     width: 100%;
    
}
body, html {
	font-size: 12px;
}
.container{
	background: #fff;
}
.MsgBar_Show {
	display: block;
	position:fixed;
	top: 0.5rem;
	width: 50%;
	left: 25%;
	border-radius: 1rem;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: #80d3d5;
	opacity: 0;
	-webkit-animation-name: MsgBar_Hide;
	animation-name: MsgBar_Hide;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 0s;  /**延迟动画**/
	animation-delay: 0s;
	color: #ffd7c0;
	z-index: 99999;
}
.MsgBar_Hide {
	display: none;
}
 @-webkit-keyframes MsgBar_Hide {
 0% {
 opacity: 0
}
 25% {
 opacity: 1
}
 50% {
 opacity: 1
}
 50% {
 opacity: 0.5
}
 75% {
 opacity: 0.75
}
 100% {
 opacity: 0
}
}
 @keyframes MsgBar_Hide {
 0% {
 opacity: 0
}
 25% {
 opacity: 1
}
 50% {
 opacity: 1
}
 75% {
 opacity: 0.75
}
 100% {
 opacity: 0
}
}



.MsgBar_Move {
	display: block;
	position:fixed;	    
	width: 50%;
	left: 25%;
	border-radius: 1rem;
	height: 30px;
	text-align: center;
	line-height: 30px;
	
	opacity: 1;
    top: 200px;
    animation-timing-function:ease-in;
	-webkit-animation-name: MsgBar_Move;
	animation-name: MsgBar_Move;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 0s;  /**延迟动画**/
	animation-delay: 0s;
	
	z-index: 99999;
}

 @keyframes MsgBar_Move {
     0% {top:200px;opacity: 1}
     100% {top:-100px;opacity: 0}
}

#body{
	overflow: auto;
}
