/*
* @description: 公共样式
* @author: Wang xiao ping
* @update: name (2017-04-25 13:00)
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, sup, sub, kbd, p, samp,
small, strong, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; }
body { font-family: Helvetica, "Microsoft Yahei", "Heiti SC", "Droid Sans", "Droidsansfallback", SimSun, sans-serif; }
article, aside, figure, footer, header, hgroup, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, p { quotes: none; }
blockquote:before, blockquote:after, p:before, p:after { content: ''; content: none; }
a { margin: 0; padding: 0; vertical-align: top; text-decoration: none; color: inherit; }
a:link, a:visited, a:hover, a:active { text-decoration: none }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; }
input, select { vertical-align: middle; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
em, i { font-style: normal; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #e0e0e0; }
select { -webkit-appearance: none; background: rgba(0,0,0,0); }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html, body { background-color: #fff; color: #28282C; font-size: 0.26rem; font-weight: 400; }
body { width: 7.5rem; margin: 0 auto; }
ul, li { list-style: none; }
.font_green { color: #13963D; }
.font_red { color: #FF4848; }
.font_grey { color: #999999; }
.blue { color: #2a61ff; }
.blank_20 { height: 0.2rem; }
.blank_20_gray { height: 0.2rem; background: #f7f7f7; }
/*
@media screen and (max-width:321px){body{font-size:14px}}
@media screen and (min-width:321px) and (max-width:400px){body{font-size:16px}}
@media screen and (min-width:400px){body{font-size:18px}}
*/
.fullBg { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); top: 0; left: 0; z-index: 1000; display: none; }
footer { position: fixed; bottom: 0; width: 7.5rem; left: 50%; margin-left: -3.75rem; height: 1rem; display: table; font-size: 0.22rem; color: #999; box-shadow: 0 0 0.2rem 0.05rem rgba(0,0,0,0.2); background: #ffffff; z-index: 10; }
footer a { display: table-cell; vertical-align: middle; width: 25%; text-align: center; }
footer .cur { color: #00d66a; }
footer .icon { display: block; width: 0.36rem; height: 0.36rem; margin: 0 auto 0.05rem auto; }
footer .rankIcon { background: url(../images/rankIcon.png) no-repeat center center; background-size: 100% 100%; }
footer .cur .rankIcon { background: url(../images/rankIcon_cur.png) no-repeat center center; background-size: 100% 100%; }
footer .activeIcon { background: url(../images/activeIcon.png) no-repeat center center; background-size: 100% 100%; }
footer .cur .activeIcon { background: url(../images/activeIcon_cur.png) no-repeat center center; background-size: 100% 100%; }
footer .noticeIcon { background: url(../images/noticeIcon.png) no-repeat center center; background-size: 100% 100%; }
footer .cur .noticeIcon { background: url(../images/noticeIcon_cur.png) no-repeat center center; background-size: 100% 100%; }
footer .myIcon { background: url(../images/myIcon.png) no-repeat center center; background-size: 100% 100%; }
footer .cur .myIcon { background: url(../images/myIcon_cur.png) no-repeat center center; background-size: 100% 100%; }
/**flex 布局**/
.flex_column_top { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
.flex_column { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; align-content: center; flex: 1; }
.flex_column_center { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; }
.flex_column_left { display: flex; flex-direction: column; justify-content: center; }
.flex_column_between { display: flex; flex-direction: column; justify-content: space-between; }
.flex_top { display: flex !important; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
.flex_center { display: flex; justify-content: center; align-items: center; align-content: center; }
.flex_start { display: flex !important; justify-content: flex-start; align-items: center; align-content: center; }

.flex_end { display: flex; justify-content: flex-end; align-items: center; align-content: center; }
.flex_start_end { display: flex; justify-content: flex-start; align-items: flex-end; align-content: flex-end; }

.flex_between { display: flex; justify-content: space-between; align-items: center; align-content: center; }
.flex_between_end { display: flex; justify-content: space-between; align-items: flex-end; align-content: flex-end; }
.flex_between_top { display: flex; justify-content: space-between; }

.flex_wrap { flex-wrap: wrap; }
.flex_1 { flex: 1; }
.oneline { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.twoline { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }