@charset "utf-8";
/*
 * Project: 12345 base CSS
 * Description: Private CSS;
 * Author: Tong
 * Version: 2016-12-22;
 */

/*css reset*/
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; outline: none; }
a:link, a:visited, a:hover, a:focus, a:active { color: #000; }
input { margin: 0; padding: 0; border: 0; border-radius: 0; outline: none; }
p { margin: 0; padding: 0; }
strong { font-weight: bold; }
/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
*{ margin:0; padding:0;}
/*--custom--*/


*html .clearfix { height: 1%;}
html {}
body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; background: #efefef;}
.mobileWrapper { -webkit-text-size-adjust: none; -webkit-user-select: none; user-select: none; position: absolute; right: 0; top: 0; left: 0; bottom: 0; padding-bottom:1em;}
/*float margin padding*/
.fl { float: left; }
.fr { float: right; }
/*Color*/
.col0 { color: #000; }
.col3 { color: #333; }
.col6 { color: #666; }
.col8 { color: #888; }
.col9 { color: #999; }
.colb { color: #21aaf8; }
.colg { color: #21aaf8; }
.colp { color: #e87f9e; }
.colr { color: #d15b47; }
.colred { color: #ff0000; }
/*Font*/
.tc { text-align: center; }
.tr { text-align: right; }

.f0075{ font-size:0.75em;}
.f0875{ font-size:0.875em;}
.f1000{ font-size:1em;}
.f1125{ font-size:1.125em;}
.f1250{ font-size:1.25em;}
.f1375{ font-size:1.375em;}
.f1500{ font-size:1.5em;}
.f1625{ font-size:1.625em;}
.f1750{ font-size:1.75em;}
.f1875{ font-size:1.875em;}
.f2000{ font-size:2em;}
.f2125{ font-size:2.125em;}
.f2250{ font-size:2.25em;}
.f2375{ font-size:2.375em;}
.f2500{ font-size:2.5em;}
/*background*/
.bgef{ background:#efefef;} /*背景颜色*/
.bgw{ background:#ffffff;}  /*背景：白色*/
.bgg{ background:#21aaf8;}  /*背景：绿色*/
.bgp{ background:#e87f9e;}  /*背景：粉色*/
/*margin*/
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mtb10{ margin:10px 0;}