html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: outside none none; }
* { box-sizing: border-box; }
html { font-size: 1em; font-family: "微软雅黑"; margin: 0px auto; padding: 0px; width: 100%; }
html,body{ max-width: 640px; background: #fff; }
input, textarea, button { font-size: 100%; vertical-align: middle; outline: medium none; box-shadow: 0px 0px 0px 1000px transparent inset; transition: all 0.2s ease 0s; }
a { color: rgb(102, 102, 102); text-decoration: none; }
a:hover { color: rgb(51, 153, 204); }
img { max-width: 100%; }
table{ border-collapse: collapse; }
.clear::after { content: " "; display: block; height: 0px; clear: both; }
.clear { clear: both; }
.text_esp{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/** open-browser */
.open-browser{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(115, 115, 115, 0.88);
	z-index: 3;
	top: 0px;
	left: 0px;
}
.open-browser .open-browser-s{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0 5%;
	text-align: right;
}
.open-browser img{
	display: inline-block;
	max-width: 40%;
}
.open-browser .open-browser-t1,.open-browser .open-browser-t2{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 15%;
	text-align: left;
}
.open-browser .open-browser-t1 img,.open-browser .open-browser-t2 img{
	max-width: 90%;
}