/* CSS Document */
@charset "utf-8";
/*--������ʽ--*/

#gray{width:100%;height:100%;background:rgba(0,0,0,0.4);position:fixed;top:0px;display:none;z-index:99;}

.popup{
	width:20%; 
	height:auto;
	margin:0 auto;
	background-color:#fff;
	position:fixed;
	z-index:100;
	border-radius:5px;
	display:none;
}
.popup .top_nav{
	height:50px;
	position:relative;
	cursor:move;
}
.popup .top_nav span{font-size:18px; line-height:18px;color:#555;display:block;position:absolute;top:20px;left:30px;}

.popup .top_nav a.guanbi { background:url(//cdn.xuansiwei.com/tb8473247/templets/default/img/popup_guanbi.png) repeat 0px 0px; width:35px; height: 35px; display: block; position:absolute;top:11px;right:22px;cursor:pointer;}
.popup .top_nav a.guanbi span { display: none;}
.popup .top_nav a.guanbi:hover { background: url(//cdn.xuansiwei.com/tb8473247/templets/default/img/popup_guanbi.png) repeat 0px -35px; }

@media screen and (min-width:1601px) and (max-width:5000px)
{
.popup .min{height:auto;padding:30px 50px;}
.tc_login{height:auto;background-color:#fff; width:170px; margin:0 auto;}

.tc_login img{width:100%; height:auto;  max-width:170px; max-height:170px; overflow:hidden; margin:0 auto;}
.tc_login span{ font-size:14px; line-height:20px; color:#666; text-align:center;display:block; margin-top:5px;}
}

@media screen and (min-width:1300px) and (max-width:1600px)
{
.popup .min{height:auto;padding:20px 40px;}

.tc_login{height:auto;background-color:#fff;width:170px; margin:0 auto;}


.tc_login img{width:100%; height:auto;max-width:170px; max-height:170px; overflow:hidden;margin:0 auto;}
.tc_login span{ font-size:12px; line-height:18px; color:#666; text-align:center; display:block; margin-top:5px;}
}

@media screen and (min-width:1000px) and (max-width:1299px)
{
.popup .top_nav span{font-size:16px; line-height:18px;color:#555;display:block;position:absolute;top:18px;left:20px;}
.popup .min{height:auto;padding:15px 30px;}

.tc_login{height:auto;background-color:#fff; }

.tc_login img{width:100%; height:auto;margin:0 auto;}
.tc_login span{ font-size:12px; line-height:18px; color:#666; text-align:center; display:block;margin-top:5px;}
}

@media screen and (min-width:500px) and (max-width:999px)
{
.popup .top_nav span{font-size:16px; line-height:18px;color:#555;display:block;position:absolute;top:18px;left:20px;}
.popup .min{height:auto;padding:15px 30px;}

.tc_login{height:auto;background-color:#fff;}


.tc_login img{width:100%; height:auto;margin:0 auto;}
.tc_login span{ font-size:12px; line-height:18px; color:#666; text-align:center; display:block;margin-top:3px;}
}

@media screen and (min-width:0px) and (max-width:499px)
{
.popup{
	width:60%; 
	
}
.popup .min{height:auto;padding:15px 30px;}

.tc_login{height:auto;background-color:#fff;}

.tc_login img{width:100%; height:auto;margin:0 auto;}
.tc_login span{ font-size:12px; line-height:18px; color:#666; text-align:center; display:block;margin-top:3px;}

}