@charset 'utf-8';

html, body, div, p, span, a, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, thead, tbody, tr, td, th { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1 '微软雅黑', Tahoma, Helvetica, Arial, sans-serif; background: transparent; }
button, input, select, textarea { font-size: 100%; border: none; outline: none; }
input::-ms-input-placeholder { color: #C3C3C3; }
input::-webkit-input-placeholder { color: #C3C3C3; }
input::-moz-placeholder { color: #C3C3C3; }
textarea::-ms-input-placeholder { color: #C3C3C3; }
textarea::-webkit-input-placeholder { color: #C3C3C3; }
textarea::-moz-placeholder { color: #C3C3C3; }
select { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand { display: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
em, i { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; background-color: transparent; color: #7F7F7F; outline: none; }
a:visited { text-decoration: none; outline: none; }
a:hover { text-decoration: none; outline: none; }
a:active { text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: none; }
img { vertical-align: top; border: none; }
label { cursor: pointer; }
table { border-spacing: 0; border-collapse: collapse; }
.fl { float: left; }
.fr { float: right; }
.clear_fix:after { display: block; clear: both; content: ''; }
.select_none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.flex-column { display: flex; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; }
.justify-content-center { justify-content: center; }
.align-items-center { -ms-align-items: center; align-items: center; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { border-radius: 4px; -webkit-box-shadow: inset 0 0 3px rgba(50, 255, 255, .5); box-shadow: inset 0 0 3px rgba(50, 255, 255, .5); }
::-webkit-scrollbar-thumb {  -webkit-animation: hue 60s infinite linear; animation: hue 60s infinite linear; transform: all .3s; border-radius: 4px; background-color: skyblue; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 10%, transparent 10%, transparent 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 30%, transparent 30%, transparent 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 50%, transparent 50%, transparent 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 70%, transparent 70%, transparent 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 90%, transparent 90%, transparent); -webkit-box-shadow: inset 0 0 6px rgba(50, 255, 255, .75); }
::-webkit-scrollbar-thumb:window-inactive { background-color: lightblue; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); -webkit-box-shadow: inset 0 0 6px rgba(50, 255, 255, .25); }