@charset "utf-8";
* {margin: 0; padding: 0;}
html {overflow-x: hidden;}
html, body, fieldset, img, iframe, abbr {border: 0;}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {display: block;}
i, cite, em, var, address, dfn {font-style: normal;}
del, ins, u, s, a, a:hover {text-decoration: none;}
h1, h2, h3, h4, h5, h6, small {font-size: 100%;}
h1, h2, h3, h4, h5, h6, em, strong, b {font-weight: bold;}
caption, th {text-align: left; font-weight: normal;}
sup, sub {font-size: 83%;}
ol, ul {list-style: none;}
pre, code, kbd, samp {font-family: inherit;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
label, summary {cursor: default;}
a, button {cursor: pointer;}
:focus {outline: 0;}
img {border: 0; vertical-align: top;}
textarea {overflow: auto; resize: none;}
table {border-collapse: collapse; border-spacing: 0;}
.clear {width: 100%; height: 0; line-height: 0; font-size: 0; overflow: hidden; clear: both; display: block; _display: inline;}
.none {display: none;}
.hidden {visibility: hidden;}
.clearfix {display: block; *zoom:1;}
.clearfix:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
body {background-color: #fff; line-height: 1;}
body, p {font: 14px/1 Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Tohoma, Arial; color: #333; font-family: 'Microsoft YaHei';}
a {text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
a:hover {text-decoration: none;}
::-webkit-scrollbar {width: 6px; height: 6px; background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 4px; background-color: #FFF;}
::-webkit-scrollbar-thumb {border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: rgba(144, 147, 153, .3);}
.widget-message {position: fixed; top: 30px; left: 50%; margin-left: -150px; background-color: #f0f9eb; width: 300px; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); z-index: 9999; border-radius: 4px; overflow: hidden;}
.widget-message.message-success {background-color: #f0f9eb;}
.widget-message.message-error {background-color: #fef0f0;}
.widget-message.message-warning {background-color: #edf2fc;}
.widget-message-main {border: 1px solid #e1f3d8; padding: 9px 15px 9px 40px;}
.widget-message.message-success .widget-message-main {border-color: #e1f3d8;}
.widget-message.message-error .widget-message-main {border-color: #fde2e2;}
.widget-message.message-warning .widget-message-main {border-color: #ebeef5;}
.widget-message-icon {color: #fff; width: 40px; height: 40px; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -20px; line-height: 40px; background: url(../images/success.png) center no-repeat;}
.widget-message.message-success .widget-message-icon {background: url(../images/success.png) center no-repeat;}
.widget-message.message-error .widget-message-icon {background: url(../images/error.png) center no-repeat;}
.widget-message.message-warning .widget-message-icon {background: url(../images/warning.png) center no-repeat;}
.widget-message-tip {color: #67c23a; font-size: 14px; line-height: 20px;}
.widget-message.message-success .widget-message-tip {color: #67c23a;}
.widget-message.message-error .widget-message-tip {color: #f56c6c;}
.widget-message.message-warning .widget-message-tip {color: #909399;}
.widget-message.messageFadeInDown {-webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: messageFadeInDown; animation-name: messageFadeInDown;}
.widget-message.messageFadeOutUp {-webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: messageFadeOutUp; animation-name: messageFadeOutUp;}
@keyframes messageFadeInDown{0% {-webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} 100% {-webkit-transform: none; transform: none}}
@keyframes messageFadeOutUp{0% {opacity: 1;} 100% {opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%);}}