@charset "utf-8";
/* CSS Document */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html { background: #f5f5f5;}
body { width: 100%; max-width: 750px; min-height: 100vh; margin: 0 auto; line-height: 1; font-size: 16px; font-family: Arial,"微软雅黑"; word-break: break-all; word-wrap: break-word; background: #fff;}
input, select, button, textarea { margin: 0; padding: 0; font-size: 100%; color: inherit; border: 0; font-family: inherit; outline: none; resize: none;}
input[type="text"] { -webkit-appearance: none;}
ol, ul {list-style: none;}
img { max-width: 100%;}
a { text-decoration: none; color: inherit;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table {	border-collapse: collapse; border-spacing: 0;}

.h10 { height: 10px; font-size: 0; line-height: 0; clear: both; background: #f5f5f5;}
.clear { clear: both;}

header { width: 100%; max-width: 750px; height: 50px; line-height: 50px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; border-bottom: solid 1px #eee; background: #fff; position: fixed; top: 0; z-index: 10;}
header .tit { width: 100%; text-align: center; font-size: 17px; font-weight: bold;}
header .back { position: absolute; top: 0; left: 10px;}
header .back span { width: 20px; height: 50px; vertical-align: top; display: inline-block; background: url("../images/back.png"/*tpa=http://889911tk.com/lsm/m5/images/back.png*/) center center no-repeat; background-size: 20px auto;}
header .select { display: block; height: 50px; line-height: 50px; padding-right: 10px; position: absolute; top: 0; right: 0;}
header .select-more { width: 30px; height: 50px; background: url("../images/more.png"/*tpa=http://889911tk.com/lsm/m5/images/more.png*/) right center no-repeat; background-size: 100% auto;}
header .select-box { display: none; width: 200px; max-width: 40vw; height: 100vh; overflow: auto; background: rgba(0,0,0,.7); position: absolute; top: 50px; right: 0;}
header .select-box ul { color: #fff; text-align: center;}
header .select-box ul li { border-bottom: solid 1px rgba(255,255,255,.2);}
header .img { width: 30px; height: 30px; position: absolute; top: 10px; right: 10px;}
header .img img { width: 30px; height: 30px;}

.footer { width: 100%; max-width: 750px; height: 50px; margin: 0 auto; font-size: 12px; text-align: center; color: #333; border-top: solid 1px #eee; background: #fff; position: fixed; bottom: 0; z-index: 9;}
.footer ul { display: flex;}
.footer ul li { flex: 1; width: 20%; height: 50px; padding-top: 7px; box-sizing: border-box;}
.footer ul li.active { color: #0084ff;}
.footer ul li img { width: 22px; margin-bottom: 2px;}

.none { padding: 30px 20px; text-align: center;}
.none-pic { margin-bottom: 10px;}
.none-txt { color: #999;}

.ts { padding: 15px 20px; color: #fff; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,.9); background: rgba(0,0,0,.9); position: fixed; top: 50%; left: 50%; z-index: 99; margin: auto; transform: translateY(-50%); transform: translateX(-50%);}

.zoom-big-img { position: fixed; z-index: -1;opacity: 0; background: rgba(0,0,0,0.7);width: 100%; height: 100%; top: 0; left: 0;}
.zoom-big-img .swiper-container2 { position: relative; width: 100%; height: 100%;}
.zoom-big-img .swiper-container2  .swiper-wrapper{ width: 50%; height: 50%;}
.zoom-big-img .swiper-slide{ width: 100%; height: 100%; display: table;}
.zoom-big-img .swiper-slide .cell{ width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}
.zoom-big-img .swiper-slide img{ max-width: 98%; max-height: 100vh; margin:0 auto;}
.zoom-big-img .swiper-pagination2{ position: absolute; top: 10px; text-align: center; width: 100%;}
.zoom-big-img .swiper-pagination2 span{ margin:0 3px;}

.emoticon-img { width: 1.2em!important; height: auto!important; vertical-align: middle;}

.dixian { padding: 20px 0; color: #999; text-align: center;}

.piczoom-bg { width: 100%; height: 100vh; background: rgba(0,0,0,.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999999999;}
.piczoom { height: 100vh;}
.piczoom .swiper-slide {}
.piczoom .swiper-slide img { max-width: 98%; max-height: 98vh;}