@charset "utf-8";
/* CSS Document */
.pop_mask{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	z-index: 200; 
	display:none;
	-webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;

	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
.pop{
	position:fixed;
	left:10%;
	width:80%;
	border:1px solid #f0f0f0;
	border-radius:5px;
	overflow:hidden;
	background:#fff;
	z-index: 210;
	transition:height .3s ease-in 0;
	display: none;


	-webkit-animation-name: zoomInIn;
    -moz-animation-name: zoomInIn;
    -o-animation-name: zoomInIn;
    animation-name: zoomInIn;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;

	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@media screen and (orientation:landscape){
	.pop{
		left:30%;
		width:40%;
	}
}



@media screen and (min-width:1024px) and (min-height:400px){
	.pop{
		left:30%;
		width:40%;
	}
}

.bubble_pop{
    z-index:9999; 
    display:none; 
    left:50%;
    top:50%;
    position:fixed; 
    min-width:120px; 
    height:32px; 
    white-space:nowrap; 
    border:1px solid rgba(0,0,0,.8); 
    border-radius:5px; 
    margin:-30px 0 0 -70px;
    padding:0 10px; 
    font-size:14px;
    font-family:Microsoft yahei;
    line-height:32px;
    text-align:center; 
    background:#fff;
    background:rgba(0,0,0,.7); 
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
}
.bubble_pop .bub_tip{
    margin:0 auto;
    display:inline-block;
    text-align:center;
    line-height:32px;
}
.bubble_pop .bub_success{
    margin:0 auto;
    display:inline-block;
    text-align:center;
    line-height:32px;
    color: #1bb801;
}
.bubble_pop .bub_alert{
    margin:0 auto;
    display:inline-block;
    text-align:center;
    line-height:32px;
    color: #e71822;
}