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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
body { font-family:arial, sans-serif }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
ins { text-decoration:none }
del { text-decoration:line-through }
table { border-collapse:collapse; border-spacing:0 }
* { -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
section, article, aside, header, footer, nav, dialog, figure, menu { display:block; padding:0; margin:0 }
a { text-decoration:none }
#MS { width:100%; height:100%; overflow:hidden }
.MS-wrapper { width:200%; height:100%; -webkit-animation-duration:.3s;-webkit-animation-timing-function:ease-in-out }
.MS-pannel { width:50%; float:left; -webkit-backface-visibility:hidden; height:100%; overflow:hidden }
#appnav { position:absolute; width:100%; left:0; top:0; bottom:0 }
.MS-error { text-align:center; padding-top:153px }
.MS-forward { -webkit-transform:translate3d(-50%, 0, 0) }
.MS-back { -webkit-transform:translate3d(0, 0, 0) }

.MS-loading { box-sizing:border-box; position:absolute; top:50%; left:50%; text-align:center; z-index:10; margin-left:-50px; margin-top:-50px; border-radius:10px; width:100px; height:100px }
.MS-loading .spinner{height:40px;width:40px;position:relative;margin:-20px 0 0 -20px;left:50%;top:50%;z-index:99999;-webkit-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:4px solid rgba(47,60,87,.15);border-right:4px solid rgba(47,60,87,.15);border-bottom:4px solid rgba(47,60,87,.15);border-top:4px solid rgba(247,132,8,.75);border-radius:100%}

@-webkit-keyframes rotation {from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}
@keyframes rotation {from{transform:rotate(0deg)}to{transform:rotate(359deg)}}

.MS-anim-forward {-webkit-transform:translate3d(-100%, 0, 0);-webkit-animation-name:s-slide-next}
@-webkit-keyframes s-slide-next {from{-webkit-transform:translate3d(0, 0, 0)}to{-webkit-transform:translate3d(-100%, 0, 0)}}
.MS-anim-back{-webkit-transform:translate3d(0, 0, 0);-webkit-animation-name:s-slide-prev}
@-webkit-keyframes s-slide-prev {from{-webkit-transform:translate3d(-100%, 0, 0)} to{-webkit-transform:translate3d(0, 0, 0)}}

/**AJAX加载数据等待**/
#ajax_loading {position:absolute; left:50%; top:50%; z-index:1001; display:none }
#ajax_loading p {position:absolute; margin-top:-58px; margin-left:-24px;text-align:center;width:100% }
#ajax_loading .bokeh { font-size:100px; margin-top:-50px; margin-left:-50px; width:1em;height:1em;position:relative; border-radius:50%; background-color:rgba(0, 0, 0, 0.1); list-style:none }
#ajax_loading .bokeh li {position:absolute;width:.2em;height:.2em;border-radius:50% }
#ajax_loading .bokeh li:nth-child(1) {
    left:50%;
    top:0;
    margin:0 0 0 -.1em;
    background:#00c176;
    -webkit-transform-origin:50% 250%;
    -moz-transform-origin:50% 250%;
    -ms-transform-origin:50% 250%;
    -o-transform-origin:50% 250%;
    transform-origin:50% 250%;
    -webkit-animation:rota 1.15s linear infinite, opa 3.67s ease-in-out infinite alternate;
    -moz-animation:rota 1.15s linear infinite, opa 3.67s ease-in-out infinite alternate;
    -ms-animation:rota 1.15s linear infinite, opa 3.67s ease-in-out infinite alternate;
    -o-animation:rota 1.15s linear infinite, opa 3.67s ease-in-out infinite alternate;
    animation:rota 1.15s linear infinite, opa 3.67s ease-in-out infinite alternate;
}
#ajax_loading .bokeh li:nth-child(2) {
    top:50%;
    right:0;
    margin:-.1em 0 0 0;
    background:#ff003c;
    -webkit-transform-origin:-150% 50%;
    -moz-transform-origin:-150% 50%;
    -ms-transform-origin:-150% 50%;
    -o-transform-origin:-150% 50%;
    transform-origin:-150% 50%;
    -webkit-animation:rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
    -moz-animation:rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
    -ms-animation:rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
    -o-animation:rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
    animation:rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
}
#ajax_loading .bokeh li:nth-child(3) {
    left:50%;
    bottom:0;
    margin:0 0 0 -.1em;
    background:#fabe28;
    -webkit-transform-origin:50% -150%;
    -moz-transform-origin:50% -150%;
    -ms-transform-origin:50% -150%;
    -o-transform-origin:50% -150%;
    transform-origin:50% -150%;
    -webkit-animation:rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
    -moz-animation:rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
    -ms-animation:rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
    -o-animation:rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
    animation:rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate
}
#ajax_loading .bokeh li:nth-child(4) {
    left:0;
    top:50%;
    margin:-.1em 0 0 0;
    background:#88c100;
    -webkit-transform-origin:250% 50%;
    -moz-transform-origin:250% 50%;
    -ms-transform-origin:250% 50%;
    -o-transform-origin:250% 50%;
    transform-origin:250% 50%;
    -webkit-animation:rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
    -moz-animation:rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
    -ms-animation:rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
    -o-animation:rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
    animation:rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate
}
#ajax_loading .loadmask {position:fixed; width:100%; height:100%; left:0; top:0 }
@-webkit-keyframes rota {to{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rota {to{-moz-transform:rotate(360deg)}}
@-ms-keyframes rota {to{-ms-transform:rotate(360deg)}}
@-o-keyframes rota {to{-o-transform:rotate(360deg)}}
@keyframes rota {to{transform:rotate(360deg)}}

@-webkit-keyframes opa{12.0%{opacity:.80}19.5%{opacity:.88}37.2%{opacity:.64}40.5%{opacity:.52}52.7%{opacity:.69}60.2%{opacity:.60}66.6%{opacity:.52}70.0%{opacity:.63}79.9%{opacity:.60}84.2%{opacity:.75}91.0%{opacity:.87}}
@-moz-keyframes opa{12.0%{opacity:.80}19.5%{opacity:.88}37.2%{opacity:.64}40.5%{opacity:.52}52.7%{opacity:.69}60.2%{opacity:.60}66.6%{opacity:.52}70.0%{opacity:.63}79.9%{opacity:.60}84.2%{opacity:.75}91.0%{opacity:.87}}
@-ms-keyframes opa{12.0%{opacity:.80}19.5%{opacity:.88}37.2%{opacity:.64}40.5%{opacity:.52}52.7%{opacity:.69}60.2%{opacity:.60}66.6%{opacity:.52}70.0%{opacity:.63}79.9%{opacity:.60}84.2%{opacity:.75}91.0%{opacity:.87}}
@-o-keyframes opa{12.0%{opacity:.80}19.5%{opacity:.88}37.2%{opacity:.64}40.5%{opacity:.52}52.7%{opacity:.69}60.2%{opacity:.60}66.6%{opacity:.52}70.0%{opacity:.63}79.9%{opacity:.60}84.2%{opacity:.75}91.0%{opacity:.87}}
@keyframes opa{12.0%{opacity:.80}19.5%{opacity:.88}37.2%{opacity:.64}40.5%{opacity:.52}52.7%{opacity:.69}60.2%{opacity:.60}66.6%{opacity:.52}70.0%{opacity:.63}79.9%{opacity:.60}84.2%{opacity:.75}91.0%{opacity:.87}}