@charset "utf-8";
.header { width: 100%; height: 88px; background: #FFFFFF; -webkit-box-shadow: 0 1px 3px 0 rgba(143, 143, 143, 0.24), 0 1px 0 0 #DEDEDE; box-shadow: 0 1px 3px 0 rgba(143, 143, 143, 0.24), 0 1px 0 0 #DEDEDE; margin-bottom: 2px; position: fixed; top: 0; left: 0; z-index: 990; }
.header .icon-PageCopy { font-size: 34px; float: left; color: #B92C28; margin: 10px 20px 0 0; }
.header .header-wrapper { width: 1000px; height: 60px; margin: 0 auto; }
.header .header-wrapper .active { border-bottom: 2px solid #B92C28; }
.header .header-wrapper .active a { color: #B92C28; }
.header .header-wrapper .active a span { color: #B92C28; }

.header-top { height: 28px; line-height: 28px; font-size: 12px; padding: 0 16px 0 12px; color: #fff; border-bottom: 1px solid #dedede; position: relative; background: #212121; }
.header-top a { color: #fff; }
.header-top .header-top-img { width: 22px; height: 22px; float: right; margin: 3px 10px 0 0; border-radius: 50%; cursor: pointer; }
.header-top span { float: right; }
.header-top .header-top-left { margin-right: 24px; }
.header-top .header-login, .header-top .header-register { float: right; display: block; width: 52px; height: 21px; line-height: 21px; font-size: 12px; margin-top: 4px; text-align: center; cursor: pointer; }
.header-top .header-login:hover, .header-top .header-register:hover { opacity: 0.7; }
.header-top .header-register { color: #fff; background: #B92C28; border-radius: 3px; margin-left: 17px; }
.header-top .profile-list { z-index: 10; display: none; width: 140px; position: absolute; top: 37px; right: 27px; background: #FFFFFF; padding: 12px 0; border: 1px solid #E6E6E6; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-name: fadeInDown; /*动画名称*/ -webkit-animation-duration: 0.2s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ }
.header-top .profile-list ul li { height: 36px; line-height: 36px; font-size: 15px; padding: 0 16px; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.header-top .profile-list ul li a { color: #333333; margin-right: 0; }
.header-top .profile-list ul li:hover { background: #F3F3F3; }

.header-nav { width: 96px; height: 57px; line-height: 57px; text-align: center; font-size: 14px; float: left; color: #414749; margin-right: 20px; position: relative; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.header-nav a { display: block; color: #414749; }
.header-nav span { font-size: 24px; position: relative; top: 4px; color: #757575; }
.header-nav .header-number { display: none; width: 16px; height: 16px; line-height: 16px; font-size: 12px; color: #FFFFFF !important; border-radius: 50%; background: #ff3e3e; position: absolute; top: 8px; left: 33px; z-index: 990; }

.header-nav:hover { background: #F4F4F4; }

.header-search { float: right; margin-top: 12px; width: 316px; height: 32px; border: 1px solid #EAEAEA; -webkit-box-shadow: inset 0 1px 3px 0 rgba(147, 147, 147, 0.5); box-shadow: inset 0 1px 3px 0 rgba(147, 147, 147, 0.5); border-radius: 3px; padding: 0 8px; position: relative; }
.header-search span { color: #919191; cursor: pointer; }
.header-search input { font-size: 14px; color: #333333; border: 0; width: 290px; margin-top: 2px; height: 29px; }

.search-hide { display: none; width: 400px; position: absolute; top: 50px; left: 0; z-index: 990; padding: 24px 0; background: #FFFFFF; border: 1px solid #EAEAEA; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); border-radius: 3px; font-size: 15px; letter-spacing: -0.05px; -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-name: fadeInUp; /*动画名称*/ -webkit-animation-duration: 0.2s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ }
.search-hide ul li { margin-bottom: 16px; padding: 3px 24px; line-height: 22px; cursor: pointer; }
.search-hide ul li:hover { background: #F1F1F1; }
.search-hide ul li a { color: #333333; margin-left: 0; }
.search-hide .checkMoreSearch { color: #4A90E2; margin-left: 24px; cursor: pointer; }

.header-profile { float: right; margin: 10px 15px 0 15px; position: relative; }
.header-profile img { width: 34px; height: 34px; border-radius: 50%; cursor: pointer; }

.header-question { float: right; margin-top: 13px; padding: 6px 12px; font-size: 14px; color: #FFFFFF; background: #B92C28; border-radius: 3px; cursor: pointer; margin-left: 16px; -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-animation-duration: 0.2s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ }
.header-question a { color: #fff; }
.header-question:hover { opacity: 0.7; }

.prompt { display: none; position: absolute; top: 88px; left: 0; width: 100%; height: 0px; line-height: 48px; text-align: center; font-size: 15px; background: #4ABB8E; color: #FFFFFF; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeScaleBig { 0% { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); }
  to { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } }

@keyframes fadeScaleBig { 0% { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); }
  to { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
.fadeScaleBig { -webkit-animation-name: fadeScaleBig; animation-name: fadeScaleBig; }

@-webkit-keyframes fadeScaleSmall { 0% { opacity: 0; -webkit-transform: scale(1, 0); transform: scale(1, 0); }
  to { opacity: 1; -webkit-transform: scale(0, 0); transform: scale(0, 0); } }

@keyframes fadeScaleSmall { 0% { opacity: 0; -webkit-transform: scale(1, 0); transform: scale(1, 0); }
  to { opacity: 1; -webkit-transform: scale(0, 0); transform: scale(0, 0); } }
.fadeScaleSmall { -webkit-animation-name: fadeScaleSmall; animation-name: fadeScaleSmall; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -15%, 0); transform: translate3d(0, -15%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -15%, 0); transform: translate3d(0, -15%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 15%, 0); transform: translate3d(0, 15%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }

@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 15%, 0); transform: translate3d(0, 15%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }