/*!
 * Cropper.js v1.0.0-rc.1
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-04-30T03:26:33.550Z
 */

.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr;-ms-touch-action:none;touch-action:none}.cropper-container img{display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%;height:100%;image-orientation:0deg}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;opacity:.5;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333%;left:0;width:100%;height:33.33333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333%;width:33.33333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:" ";background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;background-color:#39f}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75}}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";opacity:0;background-color:#39f}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
@charset "utf-8";
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
video:focus {
  outline: none;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em {
  font-weight: normal;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
html,
body {
  font-family: "Source Han Sans CN", Arial, "Microsoft YaHei", "PingFang SC", HelveticaNeue, Helvetica, "sans-serif";
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #454545;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}
/*宽度限制板块*/
.wbox {
  width: 1200px;
  margin: 0 auto;
  clear: both;
}
.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wbox {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
  zoom: 1;
}
.wbox {
  display: block;
  position: relative;
}
/* End hide from IE-mac */
body {
  width: 100%;
  min-width: 1400px;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
.main {
  width: 1400px;
  margin: 0 auto;
  position: relative;
}
audio::-webkit-media-controls {
  overflow: hidden !important;
}
audio::-webkit-media-controls-enclosure {
  margin-left: auto;
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.pr {
  position: relative;
}
.clearfix:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
@-webkit-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-o-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes zoomInAndOut {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
  }
  50% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.9);
    opacity: 1;
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(0.9);
  }
  50% {
    -o-transform: scale(1);
  }
  100% {
    -o-transform: scale(0.9);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
    opacity: 1;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform-origin: center center;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: center center;
    transform: rotate(360deg);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes shake {
  50% {
    ransform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  0%,
  100% {
    ransform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}
@-webkit-keyframes flip1 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip1 {
  0% {
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes flip2 {
  0% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip2 {
  0% {
    transform: perspective(400px) rotateY(-90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes shine {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: .1;
  }
}
@-webkit-keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@-webkit-keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes scale1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes zoomIn2 {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes zoomIn2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes translateDown {
  0%,
  100% {
    ransform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    ransform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@keyframes translateLeft {
  0%,
  100% {
    ransform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    ransform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
@keyframes arrow {
  0%,
  100% {
    ransform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    ransform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
    transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes arrow {
  0%,
  100% {
    ransform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    ransform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
    transform: translate(0, 0.15rem);
  }
}
.container-index {
  margin: 0 auto;
}
.container-index.bg-add {
  background: rgba(255, 255, 255, 0.7) !important;
}
.container-index.bg-add .main-wrap {
  padding-left: 0;
}
.container-index.bg-add .main-wrap .main {
  background: none;
  padding-top: 20px;
}
.container-index .main-wrap {
  width: 1260px;
  margin: 0 auto;
  padding-left: 300px;
}
.container-index .main {
  padding-top: 30px;
  width: 800px;
  min-height: 500px;
  padding-left: 60px;
  padding-right: 140px;
  background: rgba(255, 255, 255, 0.76);
}
.container-index .tab-wrap {
  overflow: hidden;
  padding-bottom: 1px;
  border-bottom: 1px solid #b2b2b2;
}
.container-index .tab-wrap .tab-item {
  position: relative;
  float: left;
  width: 50%;
  font-size: 18px;
  color: #756f6f;
  text-align: center;
  padding: 5px 0;
}
.container-index .tab-wrap .tab-item:hover,
.container-index .tab-wrap .tab-item.tab-active {
  cursor: pointer;
  color: #404041;
}
.container-index .tab-wrap .tab-item:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  height: 16px;
  right: 0;
  margin-top: -8px;
  border-left: 1px solid #aaa;
}
.container-index .tab-wrap .tab-item:last-child:before {
  display: none;
}
.container-index .tab-wrap .tab-active:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  border-bottom: 2px solid #d26d6c;
}
.container-index .news-box.news-login {
  margin-top: 50px;
  border-top: none;
}
.container-index .news-box.news-login .tab-wrap {
  border-color: #d7d7d4;
}
.container-index .news-box.news-login .tab-item {
  width: 80px;
  color: #d2ae7b;
  color: #828282;
  margin-right: 15px;
  font-size: 16px;
}
.container-index .news-box.news-login .tab-item:before {
  display: none;
}
.container-index .news-box.news-login .tab-item:hover {
  color: #d2ae7b;
}
.container-index .news-box.news-login .tab-active {
  color: #d2ae7b;
  font-weight: bold;
}
.container-index .news-box.news-login .tab-active:after {
  bottom: -2px;
  border-bottom: 4px solid #d2ae7b;
}
.container-index .topic-wrap {
  padding-top: 50px;
}
.container-index .section-content {
  padding-top: 20px;
  padding-bottom: 50px;
}
.container-index .section-content .bg-add {
  background: none!important;
}
.container-index .section-content .md-frame {
  width: 800px;
  padding: 0;
  background: none;
  overflow: visible;
  min-height: 800px;
}
.container-index .section-content .md-frame .topic-item {
  min-height: 0!important;
}
.container-index .section-content .myAvatar {
  display: block;
  width: 100%;
  height: 100%;
}
.myNav {
  width: 795px;
  margin-bottom: 40px;
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  border-bottom: 1px solid #d7d7d5;
}
.myNav a {
  display: block;
  width: 25%;
  font-size: 18px;
  color: #9c9c9c;
  border-bottom: 2px solid transparent;
  text-align: center;
}
.myNav a:hover,
.myNav a.active {
  color: #404041;
  border-bottom: 2px solid #d26d6c;
}
.btn-batch {
  display: inline-block;
  margin: 0 0 0 14px;
  padding: 6px 10px;
  color: #fff;
  font-size: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.btn-batch.del {
  background: #78779b;
}
.btn-batch.del:hover {
  background: #9897bf;
}
.btn-batch.finish {
  background: #cfa357;
}
.btn-batch.finish:hover {
  background: #dab87d;
}
.ipt-bg-batch .batch-icon {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  width: 28px;
  height: 28px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/radio_afe4293c.png) no-repeat;
  background-color: transparent;
  z-index: 8;
}
.ipt-bg-batch .batch-icon.type2 {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 8;
}
.ipt-bg-batch .batch-icon:checked {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/radio2_9b556ad6.png) no-repeat;
}
.ipt-bg-batch .line-batch-btn {
  position: absolute;
  right: -72px;
  top: 0;
}
.ipt-bg-batch .line-batch-btn.sep3 {
  right: -240px;
}
.ipt-bg-batch .line-batch-btn.sep2 {
  right: -407px;
}
.ipt-bg-batch .line-batch-btn.sep1 {
  right: -576px;
}
.ipt-bg-batch .line-batch-btn.sep0 {
  right: -744px;
}
.album .new-opertions {
  position: relative;
  font-size: 0;
  border-bottom: 1px dotted #a4a4a4;
  padding-bottom: 21px;
}
.album .new-opertions a {
  display: inline-block;
  margin-right: 27px;
}
.album .new-opertions .btn-upload-imgs {
  width: 186px;
  height: 53px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-202px -346px;

}
.album .new-opertions .btn-upload-imgs:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-390px -346px;
width:186px;
height:53px;

}
.album .new-opertions .btn-new-album {
  width: 148px;
  height: 46px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-370px -401px;

}
.album .new-opertions .btn-new-album:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-520px -401px;
width:148px;
height:46px;

}
.album .new-opertions .btn-batch-album {
  width: 148px;
  height: 46px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-526px -548px;

}
.album .new-opertions .btn-batch-album:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-0px -609px;
width:148px;
height:46px;

}
.album .new-opertions .btn-batch-wrap {
  position: absolute;
  right: 0;
  bottom: 8px;
}
.album .album-list {
  margin: 20px auto 0;
}
.album .album-list .album-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 14px 24px;
  width: 170px;
  height: 211px;
  border: 1px solid #9f9f9f;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 8px 8px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.album .album-list .album-item:hover .right-oper {
  display: block;
}
.album .album-list .album-item img {
  display: block;
  margin: 0 auto;
  width: 150px;
  height: 160px;
  vertical-align: middle;
}
.album .album-list .album-item .img-wrap {
  position: relative;
  border: 1px solid #9f9f9f;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
}
.album .album-list .album-item .count {
  position: absolute;
  right: 2px;
  bottom: 0;
  border-bottom: 0;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 4px 10px;
}
.album .album-list .album-item .name {
  display: block;
  position: relative;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #6a6a6b;
  font-weight: bold;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 120px;
}
.album .album-list .album-item .name:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 11px;
  height: 11px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-771px -334px;

}
.album .album-list .album-item .icon-status {
  position: absolute;
  right: 7px;
  bottom: 11px;
  cursor: pointer;
}
.album .album-list .album-item .icon-status:hover .status-tip {
  display: block;
  text-align: center;
}
.album .album-list .album-item .icon-status .status-tip {
  display: none;
}
.album .album-list .album-item .icon-status.type2 {
  display: block;
  width: 18px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-676px -379px;

}
.album .album-list .album-item .icon-status.type3 {
  display: block;
  width: 14px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-771px -175px;

}
.album .album-list .album-item .right-oper {
  display: none;
  position: absolute;
  right: 16px;
  top: 16px;
}
.album .album-list .album-item .btn-zhankai {
  display: block;
  width: 21px;
  height: 20px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-395px -323px;

}
.album .album-list .album-item .btn-zhankai:hover .oper-list {
  display: block;
}
.album .album-list .album-item .oper-list {
  position: absolute;
  top: 16px;
  right: 1px;
  background: #fff;
  width: 80px;
  padding-top: 6px;
}
.album .album-list .album-item .oper-list a {
  display: block;
  background: #fff;
  margin-bottom: 6px;
  font-size: 14px;
  color: #5f5f5f;
  padding-left: 10px;
}
.album .album-list .album-item .oper-list a:hover {
  color: #fff;
  background: #8b8cc0;
}
.album .album-list .tip-arr-wrap {
  position: absolute;
  height: 22px;
  background: #dfa540;
  border-radius: 3px;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  bottom: -29px;
  left: -9px;
  min-width: 50px;
  z-index: 9;
  display: block;
  white-space: nowrap;
  padding: 0 2px;
}
.album .album-list .tip-arr-wrap:after {
  content: '';
  position: absolute;
  left: 13px;
  top: -4px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  background: #dfa540;
}
.albumDetail .line {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  /* 09版 */
  -webkit-box-pack: flex-start;
  /* 12版 */
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
.albumDetail .line label {
  display: block;
  width: 92px;
  color: #505050;
}
.albumDetail .line .img-sel {
  width: 260px;
}
.albumDetail .info-wrap {
  padding: 0 0 10px 6px;
  border-bottom: 1px dotted #a3a3a3;
  margin-bottom: 24px;
}
.albumDetail .info-wrap:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.albumDetail .info-wrap .img-wrap {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.albumDetail .info-wrap .img-wrap img {
  width: 100px;
  height: 100px;
}
.albumDetail .info-wrap .info {
  margin-left: 123px;
}
.albumDetail .info-wrap .info .name {
  font-size: 22px;
  color: #515151;
  font-weight: bold;
}
.albumDetail .info-wrap .info .name.ta {
  padding-top: 30px;
}
.albumDetail .info-wrap .info .status {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #7c7b7b;
  margin-left: 14px;
  font-weight: normal;
  padding-left: 20px;
  font-size: 14px;
}
.albumDetail .info-wrap .info .status:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 11px;
  height: 11px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-771px -334px;

}
.albumDetail .img-batch {
  position: relative;
  margin-top: 20px;
}
.albumDetail .img-batch .btn-batch-wrap {
  position: absolute;
  right: 0;
  top: 0;
}
.albumDetail .edit-btns {
  position: relative;
  width: 80px;
  margin-top: 21px;
}
.albumDetail .edit-btns a {
  color: #fff;
  font-size: 16px;
}
.albumDetail .edit-btns .edit-list {
  position: absolute;
  top: 40px;
  left: 0;
  background: #dc7574;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-top: 12px;
  z-index: 9;
}
.albumDetail .edit-btns .edit-list a {
  display: block;
  margin-bottom: 12px;
  padding-left: 18px;
  width: 125px;
}
.albumDetail .edit-btns .edit-list a:hover {
  background: #a65757;
}
.albumDetail .btn-edit {
  position: relative;
  display: inline-block;
  padding: 10px 18px 10px 45px;
  background: #dc7574;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 80px;
  text-align: center;
}
.albumDetail .btn-edit:before {
  position: absolute;
  left: 18px;
  top: 50%;
  margin-top: -9px;
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/icon-edit_faf3f0ba.png) no-repeat;
}
.albumDetail .btn-edit:hover {
  background: #ef9190;
}
.albumDetail .photo-list {
  font-size: 0;
}
.albumDetail .photo-list.cover {
  height: 240px;
}
.albumDetail .photo-list.cover .photo-item {
  width: 75px;
  height: 80px;
  line-height: 80px;
}
.albumDetail .photo-list.cover .photo-item img {
  width: 100%;
  height: 100%;
}
.albumDetail .photo-list .photo-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 18px;
  margin-bottom: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  line-height: 160px;
  width: 150px;
  height: 160px;
}
.albumDetail .photo-list .photo-item:nth-child(5n) {
  margin-right: 0;
}
.albumDetail .photo-list .photo-item img {
  max-width: 150px;
  max-height: 160px;
  vertical-align: middle;
}
.albumDetail .photo-list .photo-item .photo-name {
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: rgba(106, 117, 159, 0.6);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  z-index: 9;
}
.albumDetail .photo-list .photo-item .photo-name:hover i {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-701px -346px;
width:15px;
height:15px;

}
.albumDetail .photo-list .photo-item .photo-name i {
  position: absolute;
  right: -5px;
  top: 3px;
  margin-right: 8px;
  display: block;
  width: 15px;
  height: 15px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-700px -401px;

}
.albumDetail .photo-list .photo-item:hover .del,
.albumDetail .photo-list .photo-item:hover .photo-name {
  opacity: 1;
}
.albumDetail .photo-list .photo-item .del {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 30px;
  height: 31px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-637px -346px;

  z-index: 9;
}
.albumDetail .photo-list .photo-item .del:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-669px -346px;
width:30px;
height:31px;

}
.albumDetail .photo-list .photo-item .audit-status {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 150px;
  height: 160px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.albumDetail .photo-list .photo-item .audit-status:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 103px;
  margin: -51px 0 0 -50px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-516px -202px;

}
.photoDetail .mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.photoDetail .go-back {
  position: absolute;
  right: -60px;
  top: 0;
  display: block;
  width: 60px;
  height: 54px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-0px -657px;

  z-index: 10001;
}
.photoDetail .go-back:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-62px -657px;
width:60px;
height:54px;

}
.photoDetail .pop-photo-wrap {
  position: absolute;
  left: 50%;
  top: 10px;
  width: 1235px;
  height: 771px;
  margin-left: -617px;
  z-index: 9990;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.photoDetail .pop-photo-wrap .comment-content {
  width: 100%;
}
.photoDetail .pop-photo-wrap .comment-content .comment-item .item-detail {
  width: 320px;
}
.photoDetail .pop-photo-wrap .img-btns {
  position: absolute;
  right: 6px;
  bottom: 10px;
}
.photoDetail .pop-photo-wrap .img-btns .jubao {
  display: inline-block;
  margin-right: 18px;
  width: 56px;
  height: 19px;
  font-size: 0;
  vertical-align: middle;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-646px -307px;

}
.photoDetail .pop-photo-wrap .img-btns .jubao:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-395px -302px;
width:56px;
height:19px;

}
.photoDetail .pop-photo-wrap .img-btns .photo-time {
  font-size: 14px;
  color: #7f7f7f;
  margin: 18px 20px 0 0;
}
.photoDetail .pop-photo-wrap .img-btns .detail-del {
  color: #7f7f7f;
  margin: 18px 20px 0 0;
  cursor: pointer;
}
.photoDetail .pop-photo-wrap .img-btns .detail-del:hover {
  color: #a5a5a5;
  text-decoration: underline;
}
.photoDetail .pop-photo-wrap .swiper-slide {
  position: relative;
}
.photoDetail .pop-photo-wrap .gallery {
  width: 833px;
  height: 100%;
  background: #000;
}
.photoDetail .pop-photo-wrap .gallery i {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.photoDetail .pop-photo-wrap .gallery img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.photoDetail .pop-photo-wrap .gallery-thumbs {
  width: 700px;
  margin: 0 auto;
  position: relative;
}
.photoDetail .pop-photo-wrap .right-comment {
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  background: #e4e4e4;
  padding: 18px 16px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.photoDetail .pop-photo-wrap .big-bg .gallery-top {
  width: 830px;
  height: 611px;
}
.photoDetail .pop-photo-wrap .big-bg:hover .swiper-button-prev,
.photoDetail .pop-photo-wrap .big-bg:hover .swiper-button-next {
  opacity: 1;
}
.photoDetail .pop-photo-wrap .big-bg:hover .swiper-button-prev.swiper-button-disabled,
.photoDetail .pop-photo-wrap .big-bg:hover .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.photoDetail .pop-photo-wrap .big-bg .swiper-button-prev,
.photoDetail .pop-photo-wrap .big-bg .swiper-button-next {
  opacity: 0;
}
.photoDetail .pop-photo-wrap .f-slide {
  width: 830px;
  height: 611px;
  text-align: center;
  overflow: hidden;
}
.photoDetail .pop-photo-wrap .thumb-slide {
  width: 110px;
  height: 126px;
  line-height: 126px;
  text-align: center;
}
.photoDetail .pop-photo-wrap .thumb-slide img {
  max-width: 100%;
  max-height: 100%;
  border: 2px solid transparent;
  -webkit-box-sizing: 3px;
  -moz-box-sizing: 3px;
  box-sizing: 3px;
}
.photoDetail .pop-photo-wrap .thumb-slide.swiper-slide-thumb-active img {
  border-color: #fff;
}
.photoDetail .img-wrap {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.photoDetail .img-wrap img {
  width: 100px;
  height: 100px;
}
.photoDetail .info {
  margin-left: 123px;
}
.photoDetail .info .name {
  font-size: 22px;
  color: #404040;
  font-weight: bold;
  margin-bottom: 10px;
}
.photoDetail .info em {
  color: #6458bd;
  font-weight: bold;
}
.photoDetail .info .time {
  font-size: 14px;
  color: #7f7f7f;
  margin-top: 18px;
}
.photoDetail .photo-zan-wrap {
  width: 100%;
  background: #bbbbce;
  font-size: 0;
  margin-top: 20px;
}
.photoDetail .photo-zan-wrap div {
  width: 50%;
  display: inline-block;
  text-align: center;
}
.photoDetail .photo-zan-wrap .icon {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  margin-right: 0;
  height: 30px;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #303030;
  font-style: normal;
}
.photoDetail .photo-zan-wrap .icon .icon-zan {
  border-right: 1px solid #7d7d9a;
}
.photoDetail .swiper-button-gallery-prev {
  width: 84px;
  height: 84px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-618px -202px;

}
.photoDetail .swiper-button-gallery-prev:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-202px -457px;
width:84px;
height:84px;

}
.photoDetail .gallery-prev,
.photoDetail .gallery-next {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: 80px;
  width: 84px;
  height: 84px;
  z-index: 11;
  font-size: 26px;
  color: #fff;
  cursor: pointer;
}
.photoDetail .gallery-prev:hover,
.photoDetail .gallery-next:hover {
  text-decoration: underline;
}
.photoDetail .gallery-next {
  right: 10px;
  left: auto;
}
.photoDetail .swiper-button-gallery-next {
  width: 84px;
  height: 84px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-288px -457px;

}
.photoDetail .swiper-button-gallery-next:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-374px -457px;
width:84px;
height:84px;

}
.photoDetail .swiper-button-thumb-prev {
  left: 23px;
  top: auto;
  right: auto;
  bottom: 83px;
  width: 15px;
  height: 27px;
  z-index: 99;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-750px -284px;

}
.photoDetail .swiper-button-thumb-prev:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-750px -313px;
width:15px;
height:27px;

}
.photoDetail .swiper-button-thumb-prev.swiper-button-disabled {
  opacity: 0;
}
.photoDetail .thumb-prev {
  position: absolute;
  left: 5px;
  top: auto;
  right: auto;
  bottom: 83px;
  height: 27px;
  z-index: 99;
  font-size: 20px;
  color: #7f7f7f;
  cursor: pointer;
}
.photoDetail .thumb-prev:hover {
  text-decoration: underline;
}
.photoDetail .swiper-button-thumb-next {
  right: 430px;
  top: auto;
  bottom: 83px;
  width: 15px;
  height: 27px;
  z-index: 99;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-750px -363px;

}
.photoDetail .swiper-button-thumb-next:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-750px -392px;
width:15px;
height:27px;

}
.photoDetail .swiper-button-thumb-next.swiper-button-disabled {
  opacity: 0;
}
.photoDetail .thumb-next {
  position: absolute;
  right: 410px;
  top: auto;
  bottom: 83px;
  height: 27px;
  z-index: 99;
  font-size: 20px;
  color: #7f7f7f;
  cursor: pointer;
}
.photoDetail .thumb-next:hover {
  text-decoration: underline;
}
.container-news .md-frame {
  width: 920px;
  padding-right: 100px;
}
.container-news .md-item {
  width: 800px;
}
.container-news .tab-wrap {
  width: 800px;
  overflow: hidden;
  padding-bottom: 1px;
  border-bottom: 1px solid #d7d7d4;
  margin-top: 30px;
}
.container-news .tab-wrap .tab-item {
  position: relative;
  float: left;
  width: 85px;
  font-size: 16px;
  color: #828282;
  text-align: center;
  padding: 5px 0;
  margin-right: 15px;
}
.container-news .tab-wrap .tab-item:hover,
.container-news .tab-wrap .tab-item.tab-active {
  cursor: pointer;
  color: #d2ae7b;
}
.container-news .tab-wrap .tab-active {
  font-weight: bold;
}
.container-news .tab-wrap .tab-active:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  border-bottom: 4px solid #d2ae7b;
}
.container-news .section-ta .md-frame {
  padding-top: 0;
}
.main-ta-nologin {
  padding-left: 0!important;
}
.main-ta-nologin .content-frame {
  padding-right: 0;
  margin: 0  auto;
}
.setting.f-mr {
  margin-top: -92px;
}
.setting * {
  box-sizing: border-box;
}
.setting .icon {
  position: relative;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/ico_dfb74fef.png) no-repeat;
}
.setting .md-frame {
  padding: 20px 0 0 0 !important;
}
.setting .tabWrap {
  width: 795px;
  height: 31px;
  border-bottom: 1px solid #9c9c9c;
  margin: 20px 0 0 80px;
  box-sizing: border-box;
  font-size: 16px;
}
.setting .tabWrap ul li {
  width: 265px;
  height: 31px;
  line-height: 31px;
  box-sizing: border-box;
  float: left;
  text-align: center;
  cursor: pointer;
  color: #9c9c9c;
}
.setting .tabWrap ul li.active {
  color: #404041;
  border-bottom: 3px solid #d57775;
}
.setting .nick-box,
.setting .gender-box,
.setting .signal-box,
.setting .select-box,
.setting .birth-box,
.setting .emotion-box,
.setting .captcha-box,
.setting .submit-box {
  margin-top: 20px;
  padding-left: 70px;
}
.setting .set-content {
  margin: 0 auto;
  padding: 30px 0 0;
  width: 600px;
}
.setting .set-content .upload-img {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
}
.setting .set-content .upload-img img {
  width: 100%;
  height: 100%;
}
.setting .set-content span {
  display: inline-block;
  font-size: 14px;
  line-height: 37px;
}
.setting .set-content .item-title {
  margin-right: 5px;
  vertical-align: top;
  width: 65px;
  color: #5e5e5e;
}
.setting .set-content .s-input {
  display: inline-block;
  padding: 7px 5px 9px;
  vertical-align: top;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #a2a2a2;
  width: 323px;
  height: 37px;
  box-sizing: border-box;
}
.setting .set-content textarea {
  width: 322px;
  height: 100px;
  border: 0;
  outline: medium;
  background: transparent;
  color: #737373;
  font-family: "Microsoft YaHei";
  border: 1px solid #a2a2a2;
  background: #fff;
  border-radius: 2px;
  padding: 7px 5px 9px;
}
.setting .set-content .img-crop-upload-btn {
  width: 200px;
  height: 200px;
  background-size: 100% 100%;
  cursor: pointer;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-0px -346px;

}
.setting .set-content .img-crop-upload-btn:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-0px -346px;
width:200px;
height:200px;

}
.setting .set-content .edit-img .img-crop-upload-btn {
  cursor: pointer;
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 42px;
  height: 42px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-307px -302px;

}
.setting .set-content .edit-img .img-crop-upload-btn:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-351px -302px;
width:42px;
height:42px;

}
.setting .set-content .gender-box,
.setting .set-content .emotion-box {
  overflow: hidden;
}
.setting .set-content .gender-box ul,
.setting .set-content .emotion-box ul {
  display: flex;
  width: 322px;
  line-height: 37px;
}
.setting .set-content .gender-box ul li,
.setting .set-content .emotion-box ul li {
  flex: 1;
  height: 37px;
  text-align: center;
  line-height: 37px;
  font-size: 12px;
  cursor: pointer;
  border: 1px solid #a2a2a2;
}
.setting .set-content .gender-box ul li.active,
.setting .set-content .emotion-box ul li.active,
.setting .set-content .gender-box ul li:hover,
.setting .set-content .emotion-box ul li:hover {
  background: #8d8eb9;
  color: #fff;
}
.setting .set-content .gender-box ul li .gender-icon,
.setting .set-content .emotion-box ul li .gender-icon {
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-right: 6px;
}
.setting .set-content .gender-box ul li:nth-child(1) .gender-icon,
.setting .set-content .emotion-box ul li:nth-child(1) .gender-icon {
  background-position: -290px -138px;
}
.setting .set-content .gender-box ul li:nth-child(1).active .gender-icon,
.setting .set-content .emotion-box ul li:nth-child(1).active .gender-icon,
.setting .set-content .gender-box ul li:nth-child(1):hover .gender-icon,
.setting .set-content .emotion-box ul li:nth-child(1):hover .gender-icon {
  background-position: -290px -155px;
}
.setting .set-content .gender-box ul li:nth-child(2),
.setting .set-content .emotion-box ul li:nth-child(2) {
  border-left: 0px;
}
.setting .set-content .gender-box ul li:nth-child(2) .gender-icon,
.setting .set-content .emotion-box ul li:nth-child(2) .gender-icon {
  background-position: -325px -138px;
}
.setting .set-content .gender-box ul li:nth-child(2).active .gender-icon,
.setting .set-content .emotion-box ul li:nth-child(2).active .gender-icon,
.setting .set-content .gender-box ul li:nth-child(2):hover .gender-icon,
.setting .set-content .emotion-box ul li:nth-child(2):hover .gender-icon {
  background-position: -325px -155px;
}
.setting .set-content .emotion-box ul li .emotion-icon {
  width: 19px;
  height: 15px;
  margin-top: -5px;
  margin-right: 6px;
  background-position: -358px 0px;
}
.setting .set-content .emotion-box ul li.active .emotion-icon,
.setting .set-content .emotion-box ul li:hover .emotion-icon {
  background-position: -390px 0px;
}
.setting .set-content .city-box {
  display: inline-block;
}
.setting .set-content .city-box .page-form-item {
  display: inline-block;
}
.setting .set-content .birth-box .time-picker {
  width: 200px;
  height: 37px;
  display: inline-block;
}
.setting .set-content .captcha-div {
  width: 322px;
  margin-left: 70px;
}
.setting .set-content .submit-box,
.setting .set-content .download-box {
  margin-left: 70px;
  position: relative;
}
.setting .set-content .submit-box .submit-btn,
.setting .set-content .download-box .submit-btn {
  width: 322px;
  height: 47px;
  line-height: 47px;
  color: #fff;
  text-align: center;
  background: #64669f;
  display: block;
  border-radius: 3px;
  font-size: 16px;
}
.setting .set-content .submit-box .submit-btn.mr,
.setting .set-content .download-box .submit-btn.mr {
  margin-top: 20px;
}
.setting .set-content .submit-box .submit-btn:hover,
.setting .set-content .download-box .submit-btn:hover {
  background: #787ac6;
}
.setting .set-content .submit-box .toindex,
.setting .set-content .download-box .toindex {
  position: absolute;
  right: 100px;
  bottom: 0;
  font-size: 20px;
  color: #c29d5b;
}
.setting .set-content .submit-box .toindex:hover,
.setting .set-content .download-box .toindex:hover {
  text-decoration: underline;
}
.setting .el-input__inner {
  border: 1px solid #a2a2a2;
}
.setting .no-role {
  margin-top: 100px;
  margin-left: -40px;
}
.setting .no-role p {
  text-align: center;
  font-size: 20px;
  color: #848a97;
}
.setting .no-role p b {
  color: #c29d5b;
  font-weight: normal;
}
.setting .step-2 {
  width: 700px;
  padding-bottom: 100px;
}
.setting .step-2 .captcha-box {
  margin-top: 200px;
  margin-left: 30px;
}
.setting .step-2 .bind-tip {
  color: #b65251;
}
.setting .step-2 .no-role .download-box {
  margin-left: 248px;
  margin-top: 40px;
}
.setting .step-2 .no-role .download-box .submit-btn {
  width: 237px;
  height: 47px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/download_d1f74c2f.png) center center no-repeat;
  background-position: -124px -302px;
  font-size: 24px;
  text-align: center;
  text-shadow: #ad8129 1px 1px;
}
.setting .step-2 .no-role .download-box .submit-btn:hover {
  background-position: -361px -302px;
}
.setting .step-2 .role-box ul li {
  width: 700px;
  padding: 15px 10px 0 20px;
  border-bottom: 1px dotted #c1c4ca;
}
.setting .step-2 .role-box ul li .avatar {
  position: relative;
  cursor: pointer;
}
.setting .step-2 .role-box ul li .avatar .mainRolePic {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 0;
  left: 0;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) center center no-repeat;background-size:628px 616px;
background-position:-504px -365.6px;

  border-radius: 100%;
}
.setting .step-2 .role-box ul li .avatar span {
  position: absolute;
  width: 64px;
  height: 18px;
  line-height: 18px;
  top: 70px;
  left: 0;
  text-align: center;
  color: #54579e;
  font-size: 12px;
}
.setting .step-2 .role-box ul li .role-detail {
  margin-left: 20px;
  width: 500px;
  font-size: 16px !important;
}
.setting .step-2 .role-box ul li .role-detail .item-title {
  margin-right: 9px;
  width: 50px;
  font-weight: 700;
  color: #54579e;
  line-height: 34px;
  font-size: 16px !important;
}
.setting .step-2 .role-box ul li .role-detail span {
  color: #696e78;
}
.setting .step-2 .role-box ul li .button-box {
  width: 54px;
  height: 74px;
}
.setting .step-2 .role-box ul li .button-box .bind-role {
  display: block;
  width: 56px;
  height: 76px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/bind-ico_c7b10e1c.png) no-repeat;
}
.setting .step-2 .role-box ul li .button-box .bind-role.binded {
  background-position: -118px -18px;
}
.setting .step-2 .role-box ul li .button-box .bind-role.binded:hover {
  background-position: -118px -95px;
}
.setting .step-2 .role-box ul li .button-box .bind-role.unbind {
  background-position: -270px -18px;
}
.setting .step-2 .role-box ul li .button-box .bind-role.unbind:hover {
  background-position: -270px -95px;
}
.setting .step-2 .role-box ul li div {
  display: inline-block;
}
.setting .step-2 .submit-box,
.setting .step-2 .download-box {
  margin-left: 90px;
}
.setting .step-3 span {
  line-height: initial;
}
.setting .step-3 .captcha-box {
  margin-top: 200px;
  margin-left: 40px;
}
.setting .step-3.set-content {
  width: 700px;
}
.setting .step-3 .search-result {
  width: 700px;
  margin-top: 0px;
  position: relative;
}
.setting .step-3 .search-result .search-result-info {
  position: relative;
  border-bottom: 1px dotted #c1c4ca;
}
.setting .step-3 .search-result .search-result-info-name,
.setting .step-3 .search-result .search-result-info-fllow {
  margin-top: 5px;
}
.setting .step-3 .search-result .search-result-info-text {
  width: 425px;
}
.setting .step-3 .search-result .search-result-info-seen {
  position: absolute;
  right: 80px;
}
.setting .step-3 .search-result .check-box {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  left: -38px;
  width: 28px;
  height: 28px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-150px -625px;

}
.setting .step-3 .search-result .check-box:hover,
.setting .step-3 .search-result .check-box.checked {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-180px -625px;
width:28px;
height:28px;

}
.role-job {
  top: -20px;
}
.role-job img {
  border-radius: 100%;
}
.no-padding {
  padding-top: 0px !important;
}
.has-padding {
  padding-top: 92px !important;
}
.pop-login {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.pop-login .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}
.pop-login .close {
  display: block;
  position: absolute;
  right: -60px;
  top: -15px;
  padding: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #8587a5;
}
.pop-login .close:before {
  display: block;
  content: "";
  width: 24px;
  height: 25px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-268px -625px;

  ransform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
.pop-login .close:hover {
  cursor: pointer;
}
.pop-login .close:hover:before {
  ransform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pop-login .login-slide {
  display: block;
  position: absolute;
  left: -10px;
  top: -42px;
  color: #353638;
  padding: 0 10px 3px 17px;
}
.pop-login .login-slide:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 49px;
  height: 10px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-618px -288px;

}
.pop-login .login-slide:hover {
  cursor: pointer;
  color: #6c6c6c;
}
.pop-login .pop-wrap-login {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 290px;
  margin-left: -145px;
  margin-top: -180px;
}
.pop-login #login {
  width: 290px !important;
  padding-bottom: 20px;
  padding-top: 10px;
}
.pop-login .login-wrap {
  position: relative;
  min-height: 370px;
}
.pop-login .login-wrap:before,
.pop-login .login-wrap:after {
  display: block;
  content: "";
  position: absolute;
  border: 1px solid #706e98;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 1;
}
.pop-login .login-wrap:before {
  top: 0;
  bottom: 0;
  left: -10px;
  right: -10px;
}
.pop-login .login-wrap:after {
  left: 0;
  right: 0;
  top: -10px;
  bottom: -10px;
}
.pop-login .login-content {
  position: relative;
  z-index: 9;
  background: #8a87b7;
}
.pop-login .login-slide {
  display: none;
}
.pop-login-home {
  display: block;
  top: auto;
  left: auto;
  right: 0px;
  bottom: 0;
  width: 340px;
  height: 500px;
  -webkit-transition: width .5s, height .5s, transform .5s;
  -moz-transition: width .5s, height .5s, transform .5s;
  -ms-transition: width .5s, height .5s, transform .5s;
  -o-transition: width .5s, height .5s, transform .5s;
  transition: width .5s, height .5s, transform .5s;
}
.pop-login-home .mask,
.pop-login-home .close {
  display: none;
}
.pop-login-home .pop-wrap-login {
  margin-left: -350px;
}
.pop-login-home .login-content:before,
.pop-login-home .login-content:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  z-index: 1;
}
.pop-login-home .login-content:before {
  top: -31px;
  width: 21px;
  height: 31px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sui1_d399badf.png);
}
.pop-login-home .login-content:after {
  bottom: -109px;
  width: 21px;
  height: 108px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sui2_d66fb3b0.png);
}
.pop-login-home .pop-wrap-login .kv {
  display: block;
  content: "";
  position: absolute;
  top: -60px;
  right: -240px;
  width: 415px;
  height: 481px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/kv_7a7b2100.png);
}
.pop-login-home .login-slide {
  display: block;
}
.pop-login-home.login-go-side {
  ransform: translateX(530px);
  -webkit-transform: translateX(530px);
  -moz-transform: translateX(530px);
  -ms-transform: translateX(530px);
  -o-transform: translateX(530px);
  transform: translateX(530px);
}
.pop-login-home.login-go-side .login-slide {
  left: -60px;
}
[data-animation="active"] {
  right: 0;
  width: 100%;
  height: 100%;
}
[data-animation="active"] .mask {
  display: block;
}
[data-animation="active"].pop-login-home {
  ransform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
[data-animation="active"].pop-login-home .close {
  display: block;
}
[data-animation="active"] .login-slide {
  display: none;
}
[data-animation="active"] .pop-wrap-login {
  margin-left: -145px;
}
.pop.pop-forward .pop-wrap {
  width: 566px;
  height: auto;
  min-height: 336px;
  padding: 40px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f2f2f4;
}
.pop.pop-forward .pop-wrap:before {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  top: -12px;
  content: '';
  display: block;
  width: 592px;
  height: 6px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-150px -617px;

}
.pop.pop-forward .pop-wrap:after {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  bottom: -12px;
  content: '';
  display: block;
  width: 592px;
  height: 6px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-150px -617px;

}
.pop.pop-forward .close {
  position: absolute;
  right: 18px;
  top: 10px;
  display: block;
  width: 19px;
  height: 20px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-439px -323px;

  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  font-size: 0;
  z-index: 9;
}
.pop.pop-forward .close:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-439px -323px;
width:19px;
height:20px;

  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.pop.pop-forward h1 {
  font-size: 16px;
  color: #5d5d5d;
  width: 524px;
  height: 59px;
  line-height: 59px;
  margin: 0 auto;
  text-align: left;
  padding-left: 13px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-0px -548px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pop.pop-forward .close-item {
  position: relative;
  color: #fff;
  margin: 6px auto 12px;
  width: 514px;
  height: 34px;
  line-height: 34px;
  padding: 0 33px 0 10px;
  background: #9d9cb7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pop.pop-forward .close-item img {
  height: 30px;
}
.pop.pop-forward .btn-open {
  position: absolute;
  right: 10px;
  top: 13px;
  display: inline-block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-top: 8px solid #e5e4fe;
  z-index: 9;
}
.pop.pop-forward textarea {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  display: block;
  padding: 10px;
  color: #b5b5b5;
  width: 514px;
  height: 124px;
  line-height: 1.5;
  font-size: 16px;
  margin: 0 auto 16px;
  border: 1px solid #787898;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pop.pop-forward textarea ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b5b5b5;
}
.pop.pop-forward textarea :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b5b5b5;
}
.pop.pop-forward textarea ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b5b5b5;
}
.pop.pop-forward textarea :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b5b5b5;
}
.pop.pop-forward .btns-forward {
  width: 514px;
  margin: 0 auto;
}
.pop.pop-forward .label {
  display: inline-block;
  cursor: default;
}
.pop.pop-forward .label input[type=checkbox] {
  width: 15px;
  height: 15px;
  border: 1px solid #ce6766;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  cursor: pointer;
}
.pop.pop-forward .label span {
  vertical-align: middle;
  color: #39393c;
}
.pop.pop-add-album .pop-wrap {
  width: 644px;
  padding: 10px 64px;
}
.pop.pop-add-album input {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  display: block;
  width: 440px;
  height: 44px;
  line-height: 44px;
  color: #8a8989;
  font-size: 14px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #8a8989;
}
.pop.pop-add-album input ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #8a8989;
}
.pop.pop-add-album input :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #8a8989;
}
.pop.pop-add-album input ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #8a8989;
}
.pop.pop-add-album input :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #8a8989;
}
.pop.pop-add-album .name {
  margin: 17px 0;
}
.pop.pop-add-album .tag-tip {
  position: relative;
  display: inline-block;
  color: #7c7b7b;
  margin-left: 14px;
  font-weight: normal;
  padding-left: 20px;
  font-size: 16px;
  color: #595757;
  margin: 17px 0 19px 22px;
}
.pop.pop-add-album .tag-tip:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 11px;
  height: 11px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-771px -334px;

}
.pop.pop-add-album .tag-list {
  margin-left: 6px;
}
.pop.pop-add-album .tag {
  font-size: 14px;
  color: #636262;
  padding: 5px 15px;
  border: 1px solid #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 15px;
}
.pop.pop-add-album .tag:hover,
.pop.pop-add-album .tag.active {
  border-color: #c7a467;
  background: #c7a467;
  color: #fff;
}
.pop.pop-add-album .bottom-btns a {
  width: 236px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pop.pop-edit .pop-sel-wrap {
  position: relative;
}
.pop.pop-edit .pop-sel-wrap .tip {
  position: absolute;
  right: 52px;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  font-size: 14px;
  color: #d86060;
}
.pop.pop-edit .name {
  width: 330px;
}
.pop.pop-album-images .pop-wrap {
  width: 644px;
  padding-left: 58px;
  padding-right: 58px;
}
.pop.pop-album-images .pop-sel {
  width: 350px;
  margin: 0;
}
.pop.pop-album-images .upload-area {
  width: 350px;
  height: 160px;
  border: 1px solid #a2a2a2;
  font-size: 14px;
  color: #929191;
  margin: 15px 0 0;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pop.pop-album-images .upload-area.initBtn {
  width: 142px;
  height: 37px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #929191;
  border: 1px solid #a2a2a2;
  background: none;
}
.pop.pop-album-images .upload-area.initBtn:before {
  content: '';
  width: 12px;
  height: 11px;
  position: absolute;
  top: 50%;
  left: 40px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-771px -282px;

}
.pop.pop-album-images .upload-area.initBtn:hover {
  color: #ca933d;
  border-color: #ca933d;
}
.pop.pop-setcover .pop-wrap {
  width: 560px;
  padding-left: 40px;
  padding-right: 40px;
}
.pop.pop-setcover .ipt-bg input {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  display: block;
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 28px;
  height: 28px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-150px -625px;

  background-color: transparent;
}
.pop.pop-setcover .ipt-bg input:hover,
.pop.pop-setcover .ipt-bg input:checked {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-180px -625px;
width:28px;
height:28px;

}
.pop.pop-jubao .line {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: flex-start;
  /* 12版 */
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.pop.pop-jubao .line-url {
  margin-bottom: 32px;
}
.pop.pop-jubao .jubao-url {
  width: 350px;
  word-wrap: break-word;
  word-break: break-all;
}
.pop.pop-jubao textarea {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  height: 90px;
  width: 350px;
  display: block;
  padding: 10px;
  color: #b5b5b5;
  line-height: 1.5;
  font-size: 16px;
  border: 1px solid #787898;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 10px;
}
.pop.pop-jubao textarea ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b5b5b5;
}
.pop.pop-jubao textarea :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b5b5b5;
}
.pop.pop-jubao textarea ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b5b5b5;
}
.pop.pop-jubao textarea :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b5b5b5;
}
p {
  word-break: break-all;
  word-wrap: break-word;
}
.comment-box {
  width: 100%;
}
.comment-box a img {
  width: 40px;
  height: 40px;
}
.comment-content {
  width: 600px;
  font-size: 14px;
}
.comment-content .icon-wrap .icon {
  line-height: 18px;
}
.comment-content .comment-text {
  padding: 5px;
  width: 100%;
  height: 71px;
  box-sizing: border-box;
  font-size: 16px;
  border: 1px solid #6765a2;
  color: #000;
}
.comment-content .form-control {
  height: 29px;
}
.comment-content .form-control .operations {
  width: auto;
}
.comment-content .form-control .submit {
  display: inline-block;
  margin-left: 5px;
  padding: 5px 20px;
  color: #fff;
  background-color: #6765a2;
  border-radius: 3px;
}
.comment-content .form-control .submit:hover {
  background: #8f96e2;
}
.comment-content .comment-list {
  width: 100%;
  margin-top: 20px;
}
.comment-content .comment-list .infinite-status-prompt {
  display: none;
}
.comment-content .comment-list li {
  padding: 10px 0 15px;
  border-top: 1px dashed #dbdce0;
}
.comment-content .comment-list li .comment-item {
  position: relative;
  overflow: hidden;
}
.comment-content .comment-list li .comment-item .item-avatar {
  width: 40px;
  height: 40px;
}
.comment-content .comment-list li .comment-item .item-detail {
  margin-left: 10px;
  width: 550px;
  color: #525252;
}
.comment-content .comment-list li .comment-item .item-detail .nickname {
  font-weight: 500;
  color: #6765a2;
}
.comment-content .comment-list li .comment-item .item-detail .content img {
  height: 30px;
  vertical-align: middle;
}
.comment-content .comment-list li .comment-item .btn-con {
  position: absolute;
  right: 20px;
  bottom: 0;
  color: #6765a2;
}
.comment-content .comment-list li .comment-item .btn-con:hover {
  color: #8f96e2;
}
.comment-content .comment-list li .comment-item .btn-con.my-delete {
  right: 60px;
}
.comment-content .comment-list li .comment-item .btn-con.my-reply {
  right: 20px;
}
.comment-content .comment-list li .comment-item .time {
  color: #929292;
  font-size: 12px;
  margin-top: 5px;
}
.comment-content .comment-list li .sub-comment {
  position: relative;
  border-left: 1px dashed #bfbfbf;
  margin: 20px 0 0 40px;
}
.comment-content .comment-list li .sub-comment .sub-comment-item {
  position: relative;
  min-height: 50px;
  width: 500px;
  padding-left: 10px;
}
.comment-content .comment-list li .sub-comment .sub-comment-item .nickname {
  font-weight: 500;
  color: #6765a2;
}
.comment-content .comment-list li .sub-comment .sub-comment-item .time {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.comment-content .comment-list li .sub-comment .sub-comment-item .btn-con {
  position: absolute;
  right: 20px;
  bottom: 0;
  color: #6765a2;
}
.comment-content .comment-list li .sub-comment .sub-comment-item .btn-con:hover {
  color: #8f96e2;
}
.comment-content .comment-list li .sub-comment .sub-comment-item .btn-con.my-delete {
  right: 60px;
}
.comment-content .comment-list li .sub-comment .sub-comment-item .btn-con.my-reply {
  right: 20px;
}
.comment-content .comment-list li .sub-btn-more {
  position: relative;
  text-align: center;
  display: inline-block;
  width: calc(100% - 40px);
  margin-left: 40px;
}
.comment-content .comment-list li .sub-btn-more .text {
  width: 115px;
  height: 15px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/btn-remaining_6d3ee7ef.png) no-repeat;
  background-size: contain;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  margin: 0 auto;
}
.comment-content .comment-list li .sub-btn-more .text:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/btn-remaining-1_e2d1f883.png) no-repeat;
  background-size: contain;
}
.comment-content .comment-list li .sub-btn-more::before,
.comment-content .comment-list li .sub-btn-more::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 166px;
  height: 2px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/line_7ae1d3f2.png) no-repeat;
  background-size: contain;
}
.comment-content .comment-list li .sub-btn-more::after {
  left: unset;
  right: 0;
}
.comment-content .btn-more {
  display: block;
  width: 63px;
  height: 35px;
  margin: 0 auto;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-516px -307px;

}
.comment-content .btn-more:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-581px -307px;
width:63px;
height:35px;

}
.comment-content.shudong-comment-content {
  position: relative;
  width: 766px;
  margin: 11px 0 33px 51px;
  padding-top: 20px;
}
.comment-content.shudong-comment-content .comment-text {
  height: 60px;
  border-color: #bab7ec;
  color: #6a6a6a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.comment-content.shudong-comment-content .comment-text ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #6a6a6a;
}
.comment-content.shudong-comment-content .comment-text :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #6a6a6a;
}
.comment-content.shudong-comment-content .comment-text ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #6a6a6a;
}
.comment-content.shudong-comment-content .comment-text :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #6a6a6a;
}
.comment-content.shudong-comment-content .submit-shudong {
  position: absolute;
  right: -93px;
  top: 34px;
  background: #545186;
  padding: 4px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
}
.comment-content.shudong-comment-content .submit-shudong:hover {
  background: #9d98e4;
}
.message-detail .comment-list li:last-child {
  border: none !important;
}
.btn-close {
  display: block;
  width: 19px;
  height: 20px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-439px -323px;

  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  z-index: 9;
  font-size: 0;
}
.btn-close:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-439px -323px;
width:19px;
height:20px;

  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.operations {
  position: relative;
  width: 795px;
}
.operations .txt-len {
  color: #b8bbc3;
  font-size: 14px;
  font-style: normal;
}
.icon-wrap {
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
.icon-wrap .icon {
  display: inline-block;
  color: #39393c;
  font-size: 14px;
  padding-left: 26px;
  margin-right: 10px;
  width: auto;
  height: 18px;
}
.icon-wrap .icon:hover {
  color: #d26d6c;
}
.icon-wrap .icon-face {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/icon-emoji_08991570.png) no-repeat left center;
}
.icon-wrap .icon-image {
  padding-left: 24px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/icon-image_6f8428c0.png) no-repeat left center;
}
.icon-wrap .icon-video {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/icon-video_83447c34.png) no-repeat left center;
}
.icon-wrap .icon-topic {
  padding-left: 22px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/icon-topic_605f92ab.png) no-repeat left center;
}
#face-box {
  position: absolute;
  left: 0;
  top: 26px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
  z-index: 100000;
  color: #000;
  padding-bottom: 10px;
}
#face-box .face-list {
  position: relative;
  padding: 30px 20px 20px;
  width: 408px;
  height: 200px;
}
#face-box .face-list li {
  float: left;
  padding: 5px;
  font-size: 0;
  border: 1px solid #eeeac9;
}
#face-box .face-list li .emoji-sel {
  display: block;
  width: 22px;
  height: 22px;
}
#face-box .face-list li .emoji-sel img {
  width: 22px;
  height: 22px;
}
#face-box .face-pager {
  float: right;
}
#face-box .face-pager a {
  margin-right: 10px;
  color: #000;
}
#face-box .face-pager a:hover {
  text-decoration: underline;
}
#face-box .face-pager a.dis {
  color: #ccc;
}
#face-box .face-pager a.dis:hover {
  text-decoration: none;
}
#face-box .close-face {
  position: absolute;
  right: 4px;
  top: 6px;
  display: block;
  width: 19px;
  height: 20px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-439px -323px;

  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  z-index: 9;
  font-size: 0;
}
#face-box .close-face:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-439px -323px;
width:19px;
height:20px;

  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.pop-upload {
  position: absolute;
  left: 0;
  top: 26px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.pop-upload .title {
  font-size: 16px;
  padding-bottom: 5px;
  color: #68686a;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 10px;
}
.pop-upload .tips {
  margin-bottom: 16px;
  font-size: 14px;
  color: #7a7a7a;
}
.pop-upload .upload-close {
  position: absolute;
  right: 16px;
  top: 9px;
  display: block;
  width: 19px;
  height: 20px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-439px -323px;

  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  z-index: 9;
  font-size: 0;
}
.pop-upload .upload-close:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-439px -323px;
width:19px;
height:20px;

  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.pop-upload .pic-wrap {
  position: relative;
  padding: 10px 10px 20px 20px;
  width: 274px;
  color: #000;
  min-height: 195px;
}
.pic-list {
  overflow: hidden;
  margin-top: 10px;
  font-size: 0;
}
.pic-list .img-crop-upload-btn {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 83px;
  margin: 0 5px 5px 0;
  font-size: 0;
  width: 83px;
  height: 83px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-460px -457px;

}
.pic-list .img-crop-upload-btn:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-545px -457px;
width:83px;
height:83px;

}
.pic-list .img-crop-upload-btn .btn-addImg {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.pic-list .img-crop-upload-btn .progressbar {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: #ffd399;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.8);
}
.pic-list .imgWrapOuter {
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  background-color: #000;
  background: none;
  margin: 0 5px 5px 0;
  height: 83px;
  line-height: 83px;
}
.pic-list .imgWrapOuter:hover {
  background: none;
}
.pic-list .imgWrapOuter:hover span {
  display: inline-block;
}
.pic-list .imgWrapOuter span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
}
.pic-list .imgWrapOuter img {
  max-width: 83px;
  max-height: 83px;
  vertical-align: middle;
  font-size: 0;
}
.pic-list .imgWrapOuter .btn-del {
  position: absolute;
  left: 10px;
  top: 30px;
  color: #bab8fb;
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #bab8fb;
  font-size: 14px;
}
.pic-list .imgWrapOuter .btn-del:hover {
  color: #f0e3ff;
  border: 1px solid #f0e3ff;
}
.operaions-list .icon {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  margin-right: 14px;
  height: 30px;
  line-height: 30px;
}
.icon-shoucang:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 17px;
  height: 17px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-453px -302px;

}
.icon-shoucang:hover:before,
.icon-shoucang.active:before {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-472px -302px;
width:17px;
height:17px;

}
.icon-foward {
  padding-left: 21px;
}
.icon-foward:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 16px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-498px -323px;

}
.icon-foward:hover:before,
.icon-foward.active:before {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-696px -379px;
width:16px;
height:16px;

}
.icon-comment:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 17px;
  height: 17px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-491px -302px;

}
.icon-comment:hover:before,
.icon-comment.active:before {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-460px -323px;
width:17px;
height:17px;

}
.icon-zan {
  padding-left: 23px;
}
.icon-zan:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 18px;
  height: 18px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-750px -342px;

}
.icon-zan:hover:before,
.icon-zan.active:before {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-750px -421px;
width:18px;
height:18px;

}
.sidebar-wrap {
  position: fixed;
  top: 0px;
  left: 50%;
  margin-left: -675px;
  width: 330px;
  z-index: 99;
  color: #433e60;
}
.sidebar-wrap .sidebar-title {
  display: block;
  margin: 0px auto;
  background: #575585;
  padding: 10px 0 ;
}
.sidebar-wrap .sidebar-title .mengdao-logo {
  display: block;
  margin: 0 auto;
  width: 166px;
  height: 54px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-202px -401px;

}
.sidebar-wrap a {
  color: #433e60;
  display: inline-block;
  z-index: 9999;
}
.sidebar-wrap a:hover {
  color: #dedeff;
}
.sidebar-wrap .info {
  background: #9592c4;
  padding-bottom: 15px;
}
.sidebar-wrap .item {
  width: 290px;
  margin: 0 auto;
}
.sidebar-wrap .gender {
  display: block;
  position: absolute;
}
.sidebar-wrap .item-avatar {
  position: relative;
  padding-top: 6px;
  padding-bottom: 8px;
}
.sidebar-wrap .item-avatar .avatar-wrap {
  position: relative;
  width: 130px;
  margin: 0 auto;
  padding-top: 135px;
}
.sidebar-wrap .item-avatar .avatar {
  position: absolute;
  display: inline-block;
  border: 2px solid #5c5b89;
  ransform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -ms-transition: transform 0.7s;
  -o-transition: transform 0.7s;
  transition: transform 0.7s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 1;
  cursor: pointer;
}
.sidebar-wrap .item-avatar .avatar.avatar-active {
  cursor: default;
  ransform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  left: 0;
  z-index: 2;
}
.sidebar-wrap .item-avatar .avatar.avatar-active .img-wrap {
  background: #fff;
}
.sidebar-wrap .item-avatar .no-role .avatar-role .img-wrap {
  background: rgba(0, 0, 0, 0.3);
}
.sidebar-wrap .item-avatar .role-mark {
  position: absolute;
  top: 0;
  left: -20px;
  width: 21px;
  height: 57px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-0px -713px;

}
.sidebar-wrap .item-avatar .gender {
  bottom: 2px;
  right: 13px;
}
.sidebar-wrap .item-avatar .gender.female {
  width: 27px;
  height: 27px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-210px -625px;

}
.sidebar-wrap .item-avatar .gender.male {
  width: 27px;
  height: 27px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-239px -625px;

}
.sidebar-wrap .item-avatar .img-wrap {
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  width: 120px;
  height: 120px;
  background: #fff;
  border: 2px solid #fff;
}
.sidebar-wrap .item-avatar .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
}
.sidebar-wrap .item-avatar .img-wrap .role-level {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #faefbb;
  background: rgba(38, 35, 90, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  padding: 4px 0;
}
.sidebar-wrap .item-avatar .avatar-user {
  top: 0;
  left: 70px;
}
.sidebar-wrap .item-avatar .avatar-user .img-wrap {
  display: block;
  width: 120px;
  height: 120px;
  cursor: pointer;
}
.sidebar-wrap .item-avatar .avatar-user .img-wrap.img-wrap-ta {
  cursor: auto;
}
.sidebar-wrap .item-avatar .avatar-role {
  top: 0px;
  left: 70px;
  border: 2px solid #d0d0f5;
  padding: 0;
}
.sidebar-wrap .item-avatar .avatar-role .img-wrap .go-set-role {
  display: block;
  width: 100%;
  height: 100%;
  color: #d3d3f3;
}
.sidebar-wrap .item-avatar .avatar-role .img-wrap .go-set-role span {
  position: absolute;
  top: 14px;
  right: 40px;
  display: inline-block;
  font-size: 20px;
  width: 18px;
  line-height: 1.2;
  font-weight: bold;
}
.sidebar-wrap .item-avatar .avatar-role .img-wrap .go-set-role:hover {
  color: #fff;
}
.sidebar-wrap .item-avatar .btn-change {
  color: #6317ff;
  text-decoration: underline;
}
.sidebar-wrap .item-avatar .btn-change:hover {
  color: #fff;
}
.sidebar-wrap .item-avatar .user-info,
.sidebar-wrap .item-avatar .role-info {
  text-align: center;
  color: #fff;
}
.sidebar-wrap .item-avatar .user-name {
  color: #fff;
}
.sidebar-wrap .item-avatar .role-name,
.sidebar-wrap .item-avatar .user-sign {
  color: #3d2e75;
}
.sidebar-wrap .item-message {
  padding-bottom: 10px;
}
.sidebar-wrap .item-message .title {
  position: relative;
  background: #7573ab;
  color: #d3d3f3;
  font-size: 14px;
  padding: 2px 10px;
}
.sidebar-wrap .item-message .address,
.sidebar-wrap .item-message .age,
.sidebar-wrap .item-message .gender-status {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  vertical-align: middle;
}
.sidebar-wrap .item-message .address:before,
.sidebar-wrap .item-message .age:before,
.sidebar-wrap .item-message .gender-status:before {
  display: block;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
}
.sidebar-wrap .item-message .address.address,
.sidebar-wrap .item-message .age.address,
.sidebar-wrap .item-message .gender-status.address {
  margin-right: 5px;
}
.sidebar-wrap .item-message .address.address:before,
.sidebar-wrap .item-message .age.address:before,
.sidebar-wrap .item-message .gender-status.address:before {
  width: 12px;
  height: 14px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-771px -193px;

}
.sidebar-wrap .item-message .address.age,
.sidebar-wrap .item-message .age.age,
.sidebar-wrap .item-message .gender-status.age {
  margin-right: 5px;
}
.sidebar-wrap .item-message .address.age:before,
.sidebar-wrap .item-message .age.age:before,
.sidebar-wrap .item-message .gender-status.age:before {
  width: 12px;
  height: 13px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-771px -237px;

}
.sidebar-wrap .item-message .address.gender-status:before,
.sidebar-wrap .item-message .age.gender-status:before,
.sidebar-wrap .item-message .gender-status.gender-status:before {
  width: 12px;
  height: 13px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-771px -252px;

}
.sidebar-wrap .item-message .address.gender-status1:before,
.sidebar-wrap .item-message .age.gender-status1:before,
.sidebar-wrap .item-message .gender-status.gender-status1:before {
  width: 12px;
  height: 13px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-771px -267px;

}
.sidebar-wrap .item-message .level {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 10px;
  text-decoration: underline;
  color: #fee0b9;
  font-size: 16px;
}
.sidebar-wrap .item-message .message {
  overflow: hidden;
  padding: 5px 1px 0px 1px;
}
.sidebar-wrap .item-message .message .message-item {
  position: relative;
  float: left;
  width: 96px;
  text-align: center;
}
.sidebar-wrap .item-message .message .message-item:after {
  position: absolute;
  top: 10px;
  right: 0px;
  display: block;
  content: "";
  height: 25px;
  width: 1px;
  background: #8885ab;
}
.sidebar-wrap .item-message .message .message-item:last-child:after {
  display: none;
}
.sidebar-wrap .item-message .message .num {
  color: #fff;
}
.sidebar-wrap .item-visitor {
  margin-top: 10px;
}
.sidebar-wrap .item-visitor .title {
  position: relative;
  color: #fff;
  border-bottom: 1px solid #8988b7;
}
.sidebar-wrap .item-visitor .title > span:first-child {
  display: inline-block;
  padding: 5px 2px;
  border-bottom: 2px solid #aa453d;
}
.sidebar-wrap .item-visitor .list {
  margin-top: 10px;
  overflow: hidden;
}
.sidebar-wrap .item-visitor .list li {
  float: left;
  width: 70px;
  text-align: center;
  font-size: 14px;
  margin-right: 2px;
  height: 80px;
}
.sidebar-wrap .item-visitor .list li a {
  display: block;
  color: #433e60;
}
.sidebar-wrap .item-visitor .list li a:hover {
  color: #dedeff;
}
.sidebar-wrap .item-visitor .img-wrap {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.sidebar-wrap .item-visitor .img-wrap .img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  border: 1px solid #8988b7;
}
.sidebar-wrap .item-visitor .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
}
.sidebar-wrap .item-visitor .gender {
  right: 0px;
  bottom: 0px;
}
.sidebar-wrap .item-visitor .gender.female {
  width: 17px;
  height: 17px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-479px -323px;

}
.sidebar-wrap .item-visitor .gender.male {
  width: 17px;
  height: 17px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-637px -379px;

}
.sidebar-wrap .item-visitor .name {
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-wrap .item-visitor .btn-wrap {
  position: absolute;
  bottom: 0;
  right: 0px;
  display: block;
  margin: 0px auto 0;
}
.sidebar-wrap .item-visitor .btn-wrap .btn-more {
  display: block;
  margin: 0  auto;
  background: #ffdd9b;
  color: #353638;
  padding: 3px 5px;
  line-height: 1;
}
.sidebar-wrap .item-visitor .btn-wrap:hover {
  cursor: pointer;
}
.sidebar-wrap .item-visitor .btn-wrap:hover .btn-more {
  background: #ffeac2;
}
.sidebar-wrap .item-album {
  margin-top: 5px;
}
.sidebar-wrap .item-album .title {
  color: #fff;
  border-bottom: 1px solid #8988b7;
}
.sidebar-wrap .item-album .title span:first-child {
  display: inline-block;
  padding: 5px 5px 5px 4px;
  border-bottom: 2px solid #aa453d;
}
.sidebar-wrap .item-album .title .tips {
  color: #e7ecfe;
  font-size: 14px;
  margin-left: -25px;
}
.sidebar-wrap .item-album .pic-wrap {
  width: 190px;
  height: 190px;
  position: relative;
  margin-top: 10px;
}
.sidebar-wrap .item-album .pic-wrap .item-pic {
  display: block;
  position: absolute;
  overflow: hidden;
  outline: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar-wrap .item-album .pic-wrap .item-pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.sidebar-wrap .item-album .pic-wrap .item-pic:nth-of-type(1) {
  top: 0;
  left: 0;
  width: 190px;
  height: 190px;
}
.sidebar-wrap .item-album .pic-wrap .item-pic:nth-of-type(2) {
  top: 0;
  left: 200px;
}
.sidebar-wrap .item-album .pic-wrap .item-pic:nth-of-type(3) {
  top: 98px;
  left: 200px;
}
.sidebar-wrap .item-album .pic-wrap .item-pic:nth-of-type(2),
.sidebar-wrap .item-album .pic-wrap .item-pic:nth-of-type(3) {
  width: 92px;
  height: 92px;
}
.sidebar-wrap .item-album .photo-more {
  text-align: right;
  margin-top: 10px;
  font-size: 12px;
}
.sidebar-wrap .item-album .photo-more a {
  display: inline-block;
  margin-right: 5px;
  color: #e7ecfe;
}
.sidebar-wrap .item-album .photo-more a:hover {
  color: #fee0b9;
}
.sidebar-wrap .item-message {
  border-bottom: 1px dashed #e3e2ef;
}
.sidebar-wrap .item-album {
  padding-top: 10px;
  margin-top: 5px;
  border-top: 1px dashed #e3e2ef;
}
.sidebar-no-info {
  margin-left: -760px;
  width: 236px;
}
.sidebar-no-info .no-info {
  position: relative;
  height: 344px;
}
.sidebar-no-info .no-info:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -152px;
  z-index: 1;
  width: 305px;
  height: 344px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-0px -0px;

}
.sidebar-no-info .no-info .rabbit {
  position: absolute;
  z-index: 2;
  display: block;
  left: 0;
  bottom: 0;
  width: 207px;
  height: 300px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-307px -0px;

}
.side-settings {
  position: fixed;
  top: 91px;
  left: 50%;
  margin-left: 670px;
  background: rgba(97, 96, 128, 0.9);
  color: #fff;
  padding: 12px 0;
}
.side-settings .set-item {
  display: block;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.side-settings .set-item:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  width: 20px;
  bottom: 0;
  margin-left: -10px;
  border-bottom: 1px solid #9594b4;
}
.side-settings .set-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.side-settings .set-item:last-child:after {
  display: none;
}
.side-settings .set-item.set-logout .item {
  padding-top: 0;
}
.side-settings .set-item .item {
  display: block;
  position: relative;
  width: 20px;
  padding: 16px 8px 0;
  color: #d7d7f1;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}
.side-settings .set-item .item:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -7px;
}
.side-settings .set-item .item:hover {
  color: #fff;
}
.side-settings .set-item.set-search .item:before {
  width: 14px;
  height: 12px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-771px -209px;

}
.side-settings .set-item.set-search:hover .item:before,
.side-settings .set-item.set-search:active .item:before {
  width: 14px;
  height: 12px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-771px -223px;

}
.side-settings .set-item.set-inform .item:before {
  width: 15px;
  height: 15px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-670px -431px;

}
.side-settings .set-item.set-inform:hover .item:before,
.side-settings .set-item.set-inform:active .item:before {
  width: 15px;
  height: 15px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-687px -431px;

}
.side-settings .set-item.set-settings .item:before {
  width: 15px;
  height: 14px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-646px -328px;

}
.side-settings .set-item.set-settings:hover .item:before,
.side-settings .set-item.set-settings:active .item:before {
  width: 15px;
  height: 14px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-663px -328px;

}
.side-settings .logout-wrap .btn-logout {
  display: block;
  width: 20px;
  color: #ddd;
}
.side-settings .logout-wrap .btn-logout:hover {
  cursor: pointer;
  color: #fff;
}
.side-settings .test {
  margin-top: 30px;
}
.pop-logout .logout-title {
  text-align: center;
  border-bottom: 1px solid #c9cacc;
  height: 53px;
  line-height: 60px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/title_12e3d0bd.png) no-repeat 46% center;
  font-size: 18px;
  color: #7077bf;
  font-weight: bold;
  margin-bottom: 30px;
}
.pop-logout .h1-text {
  margin-left: 30px;
  display: block;
}
.pop-logout .tips {
  font-size: 18px;
  text-align: center;
}
.pop-logout .em {
  font-weight: bold;
}
.pop-logout .btn-confirm,
.pop-logout .btn-cancel {
  display: block;
  width: 300px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body.small .nav-bg {
  position: absolute;
}
body.small .sidebar-wrap,
body.small .side-settings {
  position: absolute;
}
.sidemenu {
  position: relative;
  font-size: 14px;
}
.sidemenu .showSideMenu {
  font-size: 16px;
  font-weight: bold;
}
.sidemenu a {
  color: #64637f;
}
.sidemenu .menu-list {
  position: absolute;
  right: -110px;
  top: -12px;
  display: flex;
  flex-flow: column;
  width: 100px;
  min-height: 114px;
  height: auto;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sidemenu_d307a73d.png) no-repeat;
  background-size: 100% 100%;
  padding: 10px 0 0 3px;
  text-align: center;
  box-sizing: border-box;
}
.sidemenu .menu-list li a {
  color: #534d99;
}
.sidemenu .menu-list li a:hover {
  color: #ce6335;
}
.role {
  position: relative;
  min-height: 1300px;
}
.role .no-role {
  width: 999px;
  height: 927px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/no-role_0e4a9a8d.png) no-repeat;
  position: relative;
}
.role .no-role .go-bind {
  position: absolute;
  left: 180px;
  top: 90px;
  width: 51px;
  height: 180px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-718px -0px;

}
.role .no-role .no-bind-tip {
  width: 14px;
  height: 155px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-771px -0px;

  position: absolute;
  left: 240px;
  top: 110px;
}
.role .tip-1 {
  text-align: center;
  border-top: 1px dashed #9f9f9f;
}
.role .tip-1 span {
  display: block;
  background: #fdfdf9;
  margin: -13px 220px;
}
.role .el-pager li:hover,
.role .el-pager li.active {
  color: #7a7fc6 !important;
}
.role .change {
  color: #595e9f;
  position: absolute;
  top: 50px;
  right: 0;
}
.role .change:hover {
  color: #888fdf;
}
.role .rolesSelectWrap {
  position: relative;
  left: 50%;
  width: 240px;
  height: 40px;
  margin-left: -120px;
  margin-bottom: 40px;
}
.role .rolesSelectWrap .selectWrap {
  position: relative;
  float: left;
  width: 238px;
  height: 38px;
  border: 1px solid #b8bbc3;
  background: #fff;
}
.role .rolesSelectWrap .selectWrap .roleSelect {
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  text-indent: 15px;
  color: #848a97;
  cursor: pointer;
}
.role .rolesSelectWrap .selectWrap .roleSelect .icon-down {
  width: 12px;
  height: 7px;
  margin-top: 15px;
  float: right;
  margin-right: 10px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-771px -347px;

}
.role .rolesSelectWrap .selectWrap .options {
  position: absolute;
  top: 38px;
  left: -1px;
  width: 100%;
  max-height: 114px;
  height: auto;
  cursor: pointer;
  border: 1px solid #b8bbc3;
  border-top: 0;
  background: #fff;
  overflow-y: auto;
}
.role .rolesSelectWrap .selectWrap .options .roleOption {
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-indent: 35px;
  font-size: 12px;
  color: #848a97;
}
.role .roleInfoWrap {
  margin-top: 30px;
}
.role .roleInfoWrap .roleInfo {
  width: 100%;
  height: 80px;
}
.role .roleInfoWrap .roleInfo .mr-t {
  margin-top: 10px;
}
.role .roleInfoWrap .roleInfo .roleAvatar {
  width: 71px;
  height: 71px;
  position: relative;
}
.role .roleInfoWrap .roleInfo .roleAvatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.role .roleInfoWrap .roleInfo .info {
  width: 540px;
  padding-top: 4px;
  height: 66px;
  color: #525252;
  margin-left: 13px;
}
.role .roleInfoWrap .roleInfo .info .roleName {
  font-size: 16px;
  line-height: 27px;
  color: #514d8c;
  font-weight: bold;
}
.role .roleInfoWrap .roleInfo .info .grade {
  background: #cc6766;
  color: #fff;
  font-weight: normal;
  padding: 2px 5px;
  border-radius: 10px;
  margin-left: 5px;
}
.role .tabWrap {
  width: 588px;
  height: 24px;
  border-bottom: 1px solid #efeeee;
  margin: 20px 0 0 80px;
  box-sizing: border-box;
  font-size: 16px;
}
.role .tabWrap ul li {
  width: 112px;
  float: left;
  text-align: center;
  cursor: pointer;
  bottom: 4px;
  position: relative;
}
.role .tabWrap ul li.active {
  color: #d2ae7b;
  border-bottom: 4px solid #d2ae7b;
}
.no-data {
  margin-top: 100px;
}
.no-data p {
  text-align: center;
  font-size: 20px;
  color: #848a97;
}
.no-data p b {
  color: #c29d5b;
  font-weight: normal;
}
.tabContent {
  margin-left: 80px;
  margin-bottom: 60px;
}
.mainroleWrap {
  width: 640px;
  min-height: 837px;
  padding: 23px 20px;
  background-color: #fff;
  position: relative;
}
.mainroleWrap.roleInfoWrap .hasMainrole {
  padding-top: 0;
}
.gametabWrap {
  width: 480px;
  height: 83px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.mainroleWrap .gametabWrap {
  margin-bottom: 10px;
}
.datatip {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #848a97;
  margin-bottom: 50px;
}
.mainroleWrap.roleInfoWrap .datatip {
  margin-bottom: 20px;
}
.rolesSelectWrap {
  position: absolute;
  left: 50%;
  width: 240px;
  height: 40px;
  margin-left: -120px;
  margin-bottom: 40px;
}
.rolesSelectWrap .selectWrap {
  position: relative;
  float: left;
  width: 238px;
  height: 38px;
  border: 1px solid #b8bbc3;
  background: #fff;
}
.rolesSelectWrap .selectWrap .roleSelect {
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  text-indent: 15px;
  color: #848a97;
  cursor: pointer;
}
.rolesSelectWrap .selectWrap .roleSelect .selectedRole {
  display: inline-block;
}
.rolesSelectWrap .selectWrap .roleSelect .icon-down {
  float: right;
  margin-right: 10px;
}
.rolesSelectWrap .selectWrap .options {
  position: absolute;
  top: 38px;
  left: -1px;
  width: 100%;
  max-height: 114px;
  height: auto;
  cursor: pointer;
  border: 1px solid #b8bbc3;
  border-top: none;
  background: #fff;
  overflow-y: auto;
}
.rolesSelectWrap .selectWrap .options .roleOption {
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-indent: 35px;
  font-size: 12px;
  color: #848a97;
}
.rolesSelectWrap .selectWrap .options .roleOption:hover {
  background-color: #dbe8f8;
}
.toBingRole {
  position: absolute;
  top: 152px;
  right: 140px;
  color: #486aae;
  text-decoration: underline;
  font-size: 12px;
}
.toBingRole:hover {
  color: #c29d5b;
  text-decoration: none;
}
.hasMainrole {
  padding-top: 50px;
}
.hasMainrole .logoWrap {
  text-align: center;
}
.mainroleInfoWrap {
  width: 100%;
  height: 80px;
}
.mainroleInfoWrap .roleAvatarWrap {
  width: 64px;
  height: 64px;
  position: relative;
  zoom: 1.25;
}
.mainroleInfoWrap .mainroleInfo {
  width: 540px;
  padding-top: 14px;
  height: 66px;
  color: #222b54;
  margin-left: 13px;
}
.mainroleInfoWrap .mainroleInfo span.roleName {
  font-size: 16px;
  line-height: 27px;
}
.mainroleInfoWrap .mainroleInfo span.roleInfo {
  display: block;
  font-size: 14px;
}
.mainroleInfoWrap .mainroleInfo span.server {
  color: #848a97;
}
.mainroleWrap .tabWrap {
  margin-top: 22px;
  width: 100%;
  height: 30px;
  z-index: 99;
}
.mainroleWrap .tabWrap .tab {
  width: 155px;
  height: 100%;
  float: left;
  cursor: pointer;
  line-height: 34px;
  text-align: center;
  color: #c29d5b;
  font-size: 18px;
  text-indent: -999999em;
}
.mainroleWrap .tabWrap .tab:hover,
.mainroleWrap .tabWrap .tab.active {
  text-indent: 0;
  z-index: 100;
}
.mainroleWrap .tabWrap .ability {
  margin-left: 136px;
}
.mainroleWrap .tabWrap .animal {
  margin-left: -35px;
}
.mainroleWrap .tabWrap .home {
  margin-left: -35px;
}
.mainroleWrap .tabCon {
  width: 100%;
}
.home_icon,
.home-num {
  width: 18px;
  height: 18px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/home_ico_5351399e.png) -58px -58px no-repeat;
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 10px;
}
.home-num {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/home_ico_5351399e.png) -88px -58px no-repeat;
}
.wrapBox {
  width: 547px;
  min-height: 290px;
  height: auto;
  background-color: #efefef;
  margin-top: 20px;
}
.wrapBox .top {
  height: 30px;
  width: 100%;
  line-height: 30px;
  background-color: #595e9f;
  color: #fff;
  font-size: 15px;
}
.wrapBox .top .tip {
  width: 110px;
  height: 30px;
}
.wrapBox .top .num {
  padding-right: 30px;
  height: 30px;
}
.equipWrap {
  height: auto;
}
.equipWrap .left {
  width: 130px;
  padding: 20px 5px 0 12px;
}
.equipWrap .left img {
  width: 100%;
  height: auto;
}
.equipWrap .middle {
  width: 57px;
  padding-top: 30px;
}
.equipWrap .middle .tab {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/tab_8914cec3.png) center center no-repeat;
  width: 57px;
  height: 53px;
  margin: 0 auto;
  line-height: 53px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.equipWrap .middle .tab.active,
.equipWrap .middle .tab:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png);background-size:785px 770px;
background-position:-578px -346px;

  width: 57px;
  height: 53px;
}
.equipWrap .middle .tab.exterior,
.equipWrap .middle .tab.pearl {
  margin-top: 15px;
}
.equipWrap .right {
  padding-top: 12px;
  margin-left: 15px;
}
.equipWrap .right.exterior {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/circle3_04ecaaa9.png) no-repeat;
  background-size: 100%;
  width: 261px;
  height: 253px;
  box-sizing: border-box;
  margin: 6px 0 6px 30px;
  padding: 16px 14px;
}
.equipWrap .right.exterior .line {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-pack: space-between;
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto 7px;
}
.equipWrap .right.exterior .line:nth-child(1),
.equipWrap .right.exterior .line:nth-child(4) {
  margin-bottom: 1px;
}
.equipWrap .right.exterior .line:nth-child(2),
.equipWrap .right.exterior .line:nth-child(3) {
  margin-bottom: 10px;
}
.equipWrap .right.exterior .line:nth-child(1),
.equipWrap .right.exterior .line:nth-child(6) {
  width: 80px;
}
.equipWrap .right.exterior .line:nth-child(2),
.equipWrap .right.exterior .line:nth-child(5) {
  width: 170px;
}
.equipWrap .right.exterior .line:nth-child(4) {
  width: 220px;
  margin-bottom: 10px;
}
.equipWrap .right.exterior .line:nth-child(5) {
  margin-bottom: 0;
}
.equipWrap .right.exterior .line:last-child {
  margin-bottom: 0;
}
.equipWrap .right.exterior .line .eq {
  width: 32px;
  height: 32px;
  border: none;
  margin-bottom: 0;
}
.equipWrap .right.pearl {
  position: relative;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/level1_53d907d4.png) no-repeat;
  background-size: 100%;
  width: 230px;
  height: 230px;
  box-sizing: border-box;
  margin: 9px 0 6px 40px;
  padding: 20px 14px;
}
.equipWrap .right.pearl .lbpf {
  position: absolute;
  width: 74px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/lbpf_aedd00d6.png) no-repeat;
}
.equipWrap .right.pearl .hei-bg {
  position: absolute;
  width: 78px;
  height: 14px;
  left: 50%;
  top: 58%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  font-size: 11px;
  justify-content: center;
  color: #fff;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/hei-bg_ec2d1718.png) no-repeat;
}
.equipWrap .right.pearl.level1 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/level1_53d907d4.png) no-repeat;
}
.equipWrap .right.pearl.level2 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/level2_4a46f3b9.png) no-repeat;
}
.equipWrap .right.pearl.level3 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/level3_486fce53.png) no-repeat;
}
.equipWrap .right.pearl.level4 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/level4_c98cb38a.png) no-repeat;
}
.equipWrap .right.pearl .line {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-pack: space-between;
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto 14px;
}
.equipWrap .right.pearl .line:nth-child(1) {
  display: flex;
  margin: 7px 79px;
}
.equipWrap .right.pearl .line:nth-child(2) {
  display: flex;
  margin: 22.4px 12px;
}
.equipWrap .right.pearl .line:nth-child(3) {
  display: flex;
  margin: 7px 79px;
}
.equipWrap .right.pearl .line:nth-child(4) {
  display: flex;
  margin: -119.5px 146px;
}
.equipWrap .right.pearl .line:last-child {
  margin-bottom: 0;
}
.equipWrap .right.pearl .line .eq {
  width: 45px;
  height: 45px;
  border: none;
  margin-bottom: 0;
  border-radius: 100%;
}
.equipWrap .right.pearl .line .eq img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
}
.equipWrap .right.qnmEq {
  width: 100%;
}
.equipWrap .right .eqCon {
  margin: 0 auto;
  width: 314px;
}
.equipWrap .right .qnmEqCon {
  width: 350px;
}
.equipWrap .right .row,
.equipWrap .right .line,
.equipWrap .right .qnmrow {
  margin-right: 9px;
}
.equipWrap .right .row.type1,
.equipWrap .right .line.type1,
.equipWrap .right .qnmrow.type1 {
  width: 34px;
  padding-top: 61px;
}
.equipWrap .right .row.type1.eq16Row,
.equipWrap .right .line.type1.eq16Row,
.equipWrap .right .qnmrow.type1.eq16Row {
  padding-top: 23px;
}
.equipWrap .right .row.type2,
.equipWrap .right .line.type2,
.equipWrap .right .qnmrow.type2,
.equipWrap .right .row.type3,
.equipWrap .right .line.type3,
.equipWrap .right .qnmrow.type3 {
  width: 66px;
}
.equipWrap .right .row .eq,
.equipWrap .right .line .eq,
.equipWrap .right .qnmrow .eq {
  position: relative;
  border: 1px solid #a0a0a0;
  margin-bottom: 4px;
}
.equipWrap .right .row .eq.hovering,
.equipWrap .right .line .eq.hovering,
.equipWrap .right .qnmrow .eq.hovering {
  border-color: #edab2c;
}
.equipWrap .right .row .eq.eq-bg-purple,
.equipWrap .right .line .eq.eq-bg-purple,
.equipWrap .right .qnmrow .eq.eq-bg-purple {
  background-color: purple;
}
.equipWrap .right .row .eq img,
.equipWrap .right .line .eq img,
.equipWrap .right .qnmrow .eq img {
  width: 100%;
}
.equipWrap .right .row .eq.eqtype1,
.equipWrap .right .line .eq.eqtype1,
.equipWrap .right .qnmrow .eq.eqtype1 {
  width: 32px;
  height: 32px;
}
.equipWrap .right .row .eq.eqtype2,
.equipWrap .right .line .eq.eqtype2,
.equipWrap .right .qnmrow .eq.eqtype2 {
  width: 64px;
  height: 128px;
}
.equipWrap .right .row .eq.eqtype3,
.equipWrap .right .line .eq.eqtype3,
.equipWrap .right .qnmrow .eq.eqtype3 {
  width: 64px;
  height: 64px;
}
.equipWrap .right .row .eq.eqtype3 .imgWrap,
.equipWrap .right .line .eq.eqtype3 .imgWrap,
.equipWrap .right .qnmrow .eq.eqtype3 .imgWrap {
  height: 64px;
  overflow: hidden;
}
.equipWrap .right .row .eq.eqtype4,
.equipWrap .right .line .eq.eqtype4,
.equipWrap .right .qnmrow .eq.eqtype4 {
  width: 64px;
  height: 96px;
}
.equipWrap .right .row .eq.eqtype5,
.equipWrap .right .line .eq.eqtype5,
.equipWrap .right .qnmrow .eq.eqtype5 {
  width: 64px;
  height: 32px;
}
.equipWrap .right .row .eq.eqtype6,
.equipWrap .right .line .eq.eqtype6,
.equipWrap .right .qnmrow .eq.eqtype6 {
  width: 50px;
  height: 50px;
}
.equipWrap .right .row .eq .imgWrap,
.equipWrap .right .line .eq .imgWrap,
.equipWrap .right .qnmrow .eq .imgWrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.equipWrap .right .row .eq.eq-1,
.equipWrap .right .line .eq.eq-1,
.equipWrap .right .qnmrow .eq.eq-1 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq1_5c3a6dd2.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-2,
.equipWrap .right .line .eq.eq-2,
.equipWrap .right .qnmrow .eq.eq-2 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq2_ccfe6cdb.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-3,
.equipWrap .right .line .eq.eq-3,
.equipWrap .right .qnmrow .eq.eq-3 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq3_b5aafd5e.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-4,
.equipWrap .right .line .eq.eq-4,
.equipWrap .right .qnmrow .eq.eq-4 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq4_4fce15f7.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-5,
.equipWrap .right .line .eq.eq-5,
.equipWrap .right .qnmrow .eq.eq-5 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq5_c6cc1a99.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-6,
.equipWrap .right .line .eq.eq-6,
.equipWrap .right .qnmrow .eq.eq-6 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq6_127a623b.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-7,
.equipWrap .right .line .eq.eq-7,
.equipWrap .right .qnmrow .eq.eq-7 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq7_94f9180d.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-8,
.equipWrap .right .line .eq.eq-8,
.equipWrap .right .qnmrow .eq.eq-8 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq8_bc8c54cf.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-9,
.equipWrap .right .line .eq.eq-9,
.equipWrap .right .qnmrow .eq.eq-9 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq9_3c10f6c7.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-10,
.equipWrap .right .line .eq.eq-10,
.equipWrap .right .qnmrow .eq.eq-10 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq10_7d3ef078.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-11,
.equipWrap .right .line .eq.eq-11,
.equipWrap .right .qnmrow .eq.eq-11 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq11_bc15b73d.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-12,
.equipWrap .right .line .eq.eq-12,
.equipWrap .right .qnmrow .eq.eq-12 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq12_08ee7d50.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-13,
.equipWrap .right .line .eq.eq-13,
.equipWrap .right .qnmrow .eq.eq-13 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq13_d1e20ac5.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-14,
.equipWrap .right .line .eq.eq-14,
.equipWrap .right .qnmrow .eq.eq-14 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq14_b501c397.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-15,
.equipWrap .right .line .eq.eq-15,
.equipWrap .right .qnmrow .eq.eq-15 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq15_7b2904a7.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-16,
.equipWrap .right .line .eq.eq-16,
.equipWrap .right .qnmrow .eq.eq-16 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq16_721c57c9.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-17,
.equipWrap .right .line .eq.eq-17,
.equipWrap .right .qnmrow .eq.eq-17 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq17_9cac1ca3.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-18,
.equipWrap .right .line .eq.eq-18,
.equipWrap .right .qnmrow .eq.eq-18 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq18_dcf3680a.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-19,
.equipWrap .right .line .eq.eq-19,
.equipWrap .right .qnmrow .eq.eq-19 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq19_c73c763a.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-20,
.equipWrap .right .line .eq.eq-20,
.equipWrap .right .qnmrow .eq.eq-20 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq20_bae52baf.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-21,
.equipWrap .right .line .eq.eq-21,
.equipWrap .right .qnmrow .eq.eq-21 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq21_76cb8b9e.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-22,
.equipWrap .right .line .eq.eq-22,
.equipWrap .right .qnmrow .eq.eq-22 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq22_e5898b95.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-23,
.equipWrap .right .line .eq.eq-23,
.equipWrap .right .qnmrow .eq.eq-23 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq23_41002d08.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-24,
.equipWrap .right .line .eq.eq-24,
.equipWrap .right .qnmrow .eq.eq-24 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq24_b7e1aa9d.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-25,
.equipWrap .right .line .eq.eq-25,
.equipWrap .right .qnmrow .eq.eq-25 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq25_99635245.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-26,
.equipWrap .right .line .eq.eq-26,
.equipWrap .right .qnmrow .eq.eq-26 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq26_14260eb1.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-27,
.equipWrap .right .line .eq.eq-27,
.equipWrap .right .qnmrow .eq.eq-27 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq27_97c8b401.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eq.eq-28,
.equipWrap .right .line .eq.eq-28,
.equipWrap .right .qnmrow .eq.eq-28 {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/eq28_a1383471.jpg) center center no-repeat;
  background-size: 100%;
}
.equipWrap .right .row .eqInfo,
.equipWrap .right .line .eqInfo,
.equipWrap .right .qnmrow .eqInfo {
  position: absolute;
  zoom: 1;
  top: -240px;
  right: -290px;
  z-index: 100;
  width: 240px;
  padding: 15px;
  border: 1px solid #46687F;
  background: #000;
  color: #fff;
  line-height: 1.2;
  font-size: 12px;
  display: none;
}
.equipWrap .right .row .eqInfo img,
.equipWrap .right .line .eqInfo img,
.equipWrap .right .qnmrow .eqInfo img {
  height: 128px;
  width: 128px;
}
.equipWrap .right .row .eqInfo.active,
.equipWrap .right .line .eqInfo.active,
.equipWrap .right .qnmrow .eqInfo.active {
  display: block;
}
.equipWrap .right .qnmrow .eq {
  background-color: #172338;
}
.equipWrap .right .qnmrow.type1 {
  padding-top: 60px;
}
.equipWrap .right .qnmrow.type4 {
  width: 52px;
  padding-top: 50px;
}
.equipWrap .right .qnmrow .eq.type3 {
  padding-top: 10px;
}
.eventWrap {
  height: auto;
  padding-bottom: 20px;
}
.eventWrap .events {
  width: 500px;
  margin: 0 auto;
  margin-top: 8px;
}
.eventWrap .events ul li {
  width: 100%;
  height: auto;
  line-height: 22px;
  font-size: 14px;
  color: #3e3a39;
  position: relative;
}
.eventWrap .events ul li .des {
  color: #3a65bd;
}
.eventWrap .events ul li > span {
  display: inline-block;
}
.eventWrap .events ul li .time {
  float: right;
}
.eventWrap .events ul li .con {
  width: 370px;
  margin-left: 5px;
  display: inline-block;
}
.eventWrap .events ul li .con b {
  cursor: pointer;
  color: #e45915;
  font-weight: normal;
}
.eventWrap .events ul li .con a {
  cursor: pointer;
  color: #e45915;
}
.eventWrap .events ul li .tip {
  position: absolute;
  zoom: 1;
  left: 100px;
  z-index: 100;
  width: 240px;
  padding: 15px;
  border: 1px solid #46687F;
  background: #000;
  color: #fff;
  line-height: 1.2;
  font-size: 12px;
  display: none;
  overflow: hidden;
}
.eventWrap .events ul li .tip img {
  height: 128px;
  width: 128px;
}
.eventWrap .events ul li .tip.active {
  display: block;
}
.eventWrap .events #page {
  float: right;
  height: 29px;
  position: relative;
}
.eventWrap .events #page a {
  font-size: 12px;
  cursor: pointer;
  margin: 0 5px;
  color: #374768;
  line-height: 26px;
  text-decoration: none;
}
.eventWrap .events #page a:hover {
  color: #2ac2e9;
}
.eventWrap .events #page a.cur {
  color: #2ac2e9;
  font-size: 12px;
}
.eventWrap .events #page a.disabled {
  color: #bbb;
}
.eventWrap .events #page span {
  margin: 0 5px;
}
.eventWrap .events #page [data-type=last],
.eventWrap .events #page [data-type=first] {
  display: none;
}
.eventWrap .events #page [data-type=next],
.eventWrap .events #page [data-type=prev] {
  position: absolute;
  font-size: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/ico_dfb74fef.png) 0 -62px;
}
.eventWrap .events #page [data-type=next]:hover,
.eventWrap .events #page [data-type=prev]:hover {
  background-position-y: -86px;
}
.eventWrap .events #page [data-type=next] {
  right: -24px;
  background-position-x: -441px;
}
.eventWrap .events #page [data-type=prev] {
  left: -24px;
  background-position-x: -416px;
}
.abilityWrap .roleRankWrap,
.abilityWrap .abilityCon {
  width: 453px;
  padding: 10px 23px;
  height: 69px;
  margin: 0 auto;
  margin-top: 10px;
}
.abilityWrap .roleRankWrap .tabhead,
.abilityWrap .abilityCon .tabhead,
.abilityWrap .roleRankWrap .tabbody,
.abilityWrap .abilityCon .tabbody {
  width: 100%;
  height: 38px;
  font-size: 14px;
  background: #f5f4f4;
}
.abilityWrap .roleRankWrap .tabhead .tab,
.abilityWrap .abilityCon .tabhead .tab,
.abilityWrap .roleRankWrap .tabbody .tab,
.abilityWrap .abilityCon .tabbody .tab {
  float: left;
  width: 151px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.abilityWrap .roleRankWrap .tabhead,
.abilityWrap .abilityCon .tabhead {
  border-bottom: 1px dashed #d8d8d8;
  color: #3e3a39;
}
.abilityWrap .roleRankWrap .tabbody,
.abilityWrap .abilityCon .tabbody {
  color: #3a65bd;
}
.abilityWrap .abilityCon {
  padding: 0;
  width: 499px;
  height: auto;
  margin-bottom: 10px;
}
.abilityWrap .abilityCon .tabhead {
  width: 453px;
  padding: 0 33px 0 13px;
  border-bottom: 1px solid #718fcb;
  background-color: #8e90d7;
  color: #fff;
}
.abilityWrap .abilityCon .tabhead .tab {
  width: 90.6px;
  text-align: left;
  text-indent: 20px;
}
.abilityWrap .abilityCon .tabbody {
  padding-top: 10px;
  color: #3e3a39;
  height: auto;
  padding-bottom: 10px;
}
.abilityWrap .abilityCon .tabbody > ul {
  width: 453px;
  padding: 0 33px 0 13px;
}
.abilityWrap .abilityCon .tabbody .tabbodyUl > li {
  margin-left: 20px;
  width: 100%;
  min-height: 34px;
  border-bottom: 1px dashed #d8d8d8;
}
.abilityWrap .abilityCon .tabbody .tabbodyUl > li .firstTab {
  text-align: left;
  width: 70px;
  text-indent: 10px;
}
.abilityWrap .abilityCon .tabbody .clickEnable {
  cursor: pointer;
  position: relative;
}
.abilityWrap .abilityCon .tabbody .clickEnable em {
  position: absolute;
  top: 18px;
  left: -10px;
}
.abilityWrap .abilityCon .tabbody .clickEnable em.active {
  background-position-y: -134px;
}
.abilityWrap .abilityCon .tabbody .tab {
  float: left;
  width: 90.6px;
  height: 34px;
  line-height: 38px;
  text-align: center;
}
.abilityWrap .abilityCon .tabbody .tabInfo {
  height: 0;
  overflow: hidden;
  -webkit-animation: 'height' 1s 0 ease;
  -moz-animation: 'height' 1s 0 ease;
  -ms-animation: 'height' 1s 0 ease;
  animation: 'height' 1s 0 ease;
  -moz-animation: 'height', 1s;
  -webkit-animation: 'height', 1s;
  -o-animation: 'height', 1s;
  -ms-animation: 'height', 1s;
  animation: 'height', 1s;
}
.abilityWrap .abilityCon .tabbody .tabInfo li {
  height: 20px;
  background-color: #dbdbdb;
  margin-bottom: 5px;
  color: #3a65bd;
}
.abilityWrap .abilityCon .tabbody .tabInfo li .tab {
  line-height: 20px;
  height: 20px;
}
.abilityWrap .abilityCon .tabbody .tabInfo li .firstTab {
  text-align: left;
  width: 70px;
  text-indent: 10px;
}
.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.hasNoMainrole {
  height: 956px;
  position: relative;
}
.hasNoMainrole .toBindRole2 {
  position: absolute;
  top: 68px;
  left: 112px;
  width: 16px;
  font-size: 16px;
  word-wrap: break-word;
  color: #fac152;
  line-height: 17px;
  text-align: center;
}
.hasNoMainrole .toBindRole2:hover {
  color: #ffe5b2;
}
.homeWrap {
  width: 588px;
  overflow: hidden;
  border: 1px solid #e6ebf6;
  margin-top: 20px;
  padding-bottom: 10px;
}
.homeWrap > .top {
  width: 100%;
  height: 31px;
  text-align: center;
  font-size: 14px;
  color: #f4ddff;
  line-height: 31px;
  background: #595e9f url(https://hi.res.netease.com/pc/zt/20190529110735/img/roleHomeTitleBg_07538623.jpg) center 0 no-repeat;
}
.homeWrap .section {
  width: 548px;
  margin: 0 auto;
  margin-top: 10px;
  overflow: hidden;
}
.homeWrap .imgWrap {
  height: 150px;
  width: 230px;
}
.homeWrap .imgWrap img {
  width: 228px;
  height: 148px;
  border: 1px solid #95aad6;
}
.homeWrap .secCon {
  width: 546px;
  padding-bottom: 10px;
  background-color: #ededed;
}
.homeWrap .secCon .secTop {
  height: 30px;
  width: 100%;
  line-height: 30px;
  background-color: #8e90d7;
  color: #fff;
  font-size: 15px;
}
.homeWrap .secCon .secTop .tip {
  width: 110px;
  height: 30px;
}
.homeWrap .secCon .secTop .tip .home-tip {
  margin-left: 18px;
}
.homeWrap .secCon .secTop .num {
  padding-right: 10px;
  height: 30px;
  color: #fac62b;
}
.homeWrap .secCon .homeInfo {
  width: 100%;
  padding-top: 3px;
  overflow: hidden;
}
.homeWrap .secCon .homeInfo li {
  height: 26px;
  line-height: 26px;
  border-bottom: 1px dashed #c5c2c2;
  width: 238px;
  margin: 0 15px;
  float: left;
  font-size: 13px;
  color: #3e3a39;
}
.homeWrap .smallSection {
  width: 264px;
  margin: 10px 0 0 20px;
}
.homeWrap .smallSection .secCon {
  width: 262px;
  padding-bottom: 10px;
}
.homeWrap .smallSection .secCon .levelInfoUl {
  overflow: hidden;
  height: auto;
  padding-top: 3px;
}
.homeWrap .smallSection .secCon .levelInfoUl li {
  height: 26px;
  line-height: 26px;
  border-bottom: 1px dashed #c5c2c2;
  width: 238px;
  margin: 0 15px;
  float: left;
  font-size: 13px;
  color: #3e3a39;
}
.homeWrap .smallSection.cjb .secCon {
  background-color: #000;
}
.homeWrap .smallSection .cjbCon {
  padding-top: 10px;
  width: 230px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}
.homeWrap .smallSection .cjbCon img {
  width: 80px;
  height: auto;
  margin-right: 10px;
}
.childWrap,
.animalWrap {
  overflow: visible;
}
.childWrap > .top,
.animalWrap > .top {
  text-align: left;
  min-height: 31px;
  height: auto;
  text-align: center;
}
.childWrap > .top .childTab,
.animalWrap > .top .childTab {
  height: 31px;
  display: inline-block;
  padding: 0 1px;
  color: #b4bbff;
  position: relative;
  cursor: pointer;
}
.childWrap > .top .childTab i,
.animalWrap > .top .childTab i {
  visibility: hidden;
}
.childWrap > .top .childTab span,
.animalWrap > .top .childTab span {
  padding: 0 5px;
}
.childWrap > .top .childTab b,
.animalWrap > .top .childTab b {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 18px;
  height: 5px;
  margin-left: -9px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/ico_dfb74fef.png) -291px -126px no-repeat;
}
.childWrap > .top .childTab.active,
.animalWrap > .top .childTab.active,
.childWrap > .top .childTab:hover,
.animalWrap > .top .childTab:hover {
  color: #f4ddff;
}
.childWrap > .top .childTab.active i,
.animalWrap > .top .childTab.active i,
.childWrap > .top .childTab:hover i,
.animalWrap > .top .childTab:hover i {
  visibility: visible;
}
.childWrap > .top .childTab.active b,
.animalWrap > .top .childTab.active b {
  display: block;
}
.childWrap .box,
.animalWrap .box {
  margin-top: 10px;
  margin-left: 20px;
  background-color: #ededed;
}
.childWrap .childImgBox,
.animalWrap .childImgBox {
  height: 180px;
  padding: 10px;
  position: relative;
}
.childWrap .childImgBox .childImgWrap,
.animalWrap .childImgBox .childImgWrap {
  min-width: 130px;
  min-height: 135px;
}
.childWrap .childImgBox .childeq,
.animalWrap .childImgBox .childeq {
  margin-top: 10px;
  width: 32px;
  height: 32px;
  border: 1px solid #202947;
  position: relative;
}
.childWrap .childImgBox .childeq img,
.animalWrap .childImgBox .childeq img {
  width: 32px;
  height: 32px;
}
.childWrap .childImgBox .childeq > div,
.animalWrap .childImgBox .childeq > div {
  position: absolute;
  zoom: 1;
  top: -10px;
  right: -280px;
  z-index: 100;
  width: 240px;
  padding: 15px;
  border: 1px solid #46687F;
  background: #000;
  opacity: 0.85;
  filter: alpha(opacity=85);
  color: #fff;
  line-height: 1.2;
  font-size: 12px;
  display: none;
}
.childWrap .childImgBox .childeq > div img,
.animalWrap .childImgBox .childeq > div img {
  height: 128px;
  width: 128px;
}
.childWrap .childImgBox .childeq > div.active,
.animalWrap .childImgBox .childeq > div.active {
  display: block;
}
.childWrap .childInfo,
.animalWrap .childInfo {
  margin-right: 20px;
  width: 351px;
  height: 195px;
  padding: 4px;
}
.childWrap .childInfo .infoBox,
.animalWrap .childInfo .infoBox {
  padding: 5px 20px;
  width: 311px;
  height: 185px;
}
.childWrap .childInfo .top,
.animalWrap .childInfo .top {
  width: 100%;
  height: 29px;
  line-height: 29px;
  font-size: 16px;
  color: #3a65bd;
  border-bottom: 1px dashed #d8d8d8;
}
.childWrap .childInfo .top span,
.animalWrap .childInfo .top span {
  display: inline-block;
}
.childWrap .childInfo .top .childNameWrap,
.animalWrap .childInfo .top .childNameWrap {
  height: 100%;
}
.childWrap .childInfo .top .childNameWrap span,
.animalWrap .childInfo .top .childNameWrap span {
  padding: 0 5px;
}
.childWrap .childInfo .top .childLevelWrap,
.animalWrap .childInfo .top .childLevelWrap {
  margin-left: 60px;
}
.childWrap .childInfo ul,
.animalWrap .childInfo ul {
  padding-top: 4px;
  overflow: hidden;
}
.childWrap .childInfo ul li,
.animalWrap .childInfo ul li {
  float: left;
  width: 136px;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  color: #3e3a39;
  margin-right: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.childWrap .childInfo .anger,
.animalWrap .childInfo .anger {
  width: 310px;
  margin-top: 3px;
}
.childWrap .childInfo .anger .angerTitle,
.animalWrap .childInfo .anger .angerTitle {
  font-size: 14px;
  font-weight: bold;
  color: #3e3a39;
}
.childWrap .childInfo .anger .angerW,
.animalWrap .childInfo .anger .angerW {
  margin-top: 3px;
  width: 308px;
  height: 7px;
  border: 1px solid #4c7381;
  position: relative;
}
.childWrap .childInfo .anger .angerW .angerN,
.animalWrap .childInfo .anger .angerW .angerN {
  height: 100%;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/progress_40993fed.jpg) 0 0 no-repeat;
}
.childWrap .childInfo .anger .angerW span,
.animalWrap .childInfo .anger .angerW span {
  position: absolute;
  width: 90px;
  top: -6px;
  left: 50%;
  margin-left: -45px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  text-shadow: #03485f 1px 0 0, #03485f 0 1px 0, #03485f -1px 0 0, #03485f 0 -1px 0;
}
.childWrap .childZZ,
.animalWrap .childZZ,
.childWrap .childSX,
.animalWrap .childSX {
  width: 245px;
  height: 204px;
}
.childWrap .childZZ ul,
.animalWrap .childZZ ul {
  padding-top: 4px;
  overflow: hidden;
}
.childWrap .childZZ ul li,
.animalWrap .childZZ ul li {
  width: 210px;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  color: #3e3a39;
  margin-left: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.childWrap .childSX,
.animalWrap .childSX {
  width: 280px;
  margin-left: 0px;
  margin-right: 20px;
}
.childWrap .childSX ul,
.animalWrap .childSX ul {
  padding-top: 4px;
  overflow: hidden;
}
.childWrap .childSX ul li,
.animalWrap .childSX ul li {
  float: left;
  width: 110px;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  color: #3e3a39;
  margin-left: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.childWrap .childSameBox .top,
.animalWrap .childSameBox .top {
  height: 31px;
  width: 100%;
  line-height: 31px;
  background-color: #8e90d7;
  color: #fff;
  font-size: 15px;
}
.childWrap .childSameBox .top .tip,
.animalWrap .childSameBox .top .tip {
  width: 110px;
  height: 30px;
}
.childWrap .childSameBox .top .tip .home-tip,
.animalWrap .childSameBox .top .tip .home-tip {
  margin-left: 18px;
}
.childWrap .childJN,
.animalWrap .childJN {
  width: 545px;
}
.childWrap .childJN .top,
.animalWrap .childJN .top {
  margin-bottom: 10px;
}
.jnBox {
  width: 529px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.jnBox .bg {
  width: 100%;
  height: 20px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/childJNBorder_cab45dd8.png) no-repeat;
}
.jnBox .topbg {
  background-position: center top;
}
.jnBox .bottombg {
  background-position: center bottom;
}
.jnBox .jnsWrap {
  width: 100%;
  height: auto;
  min-height: 44px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/childJNBorder1_06006fe6.png) 0 0 repeat-y;
}
.jnBox .jnsWrap > div {
  width: 500px;
  margin: 0 auto;
}
.jnBox .jnsWrap .jnWrap {
  float: left;
  width: 34px;
  height: 34px;
  border: 1px solid #7b98d6;
  margin: 4px 7px;
  position: relative;
}
.jnBox .jnsWrap .jnWrap .jnImg {
  width: 34px;
  height: 34px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/childInfoJNBg_0576692d.png) 0 0 no-repeat;
}
.jnBox .jnsWrap .jnWrap .jnInfo {
  position: absolute;
  zoom: 1;
  top: -10px;
  right: -280px;
  z-index: 100;
  width: 240px;
  padding: 15px;
  border: 1px solid #46687F;
  background: #000;
  opacity: 0.85;
  filter: alpha(opacity=85);
  color: #fff;
  line-height: 1.2;
  font-size: 12px;
  display: none;
}
.jnBox .jnsWrap .jnWrap .jnInfo img {
  height: 128px;
  width: 128px;
}
.jnBox .jnsWrap .jnWrap .jnInfo.active {
  display: block;
}
.animalWrap .animalImg {
  padding: 9px;
  width: 140px;
  height: 140px;
  position: relative;
}
.animalWrap .animalImg img {
  width: 140px;
  height: 140px;
}
.animalWrap .animalImg b {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 30px;
  height: 38px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/animal_ico_e021086f.png) 0 0 no-repeat;
}
.animalWrap .animalImg .futi {
  background-position-x: -41px;
}
.animalWrap .animalSameBox .secCon {
  width: 100%;
  border: none;
  padding-bottom: 0;
}
.animalWrap .animalInfo {
  width: 553px;
}
.animalWrap .animalInfo ul {
  width: 330px;
  float: right;
  margin-right: 20px;
  overflow: hidden;
  padding-top: 10px;
}
.animalWrap .animalInfo ul li {
  width: 100%;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  color: #3e3a39;
  margin-right: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.animalWrap .animalInfo .bazi {
  color: #fac62b;
  margin-right: 20px;
}
.animalWrap .animalInfo .wuxingWrap {
  float: right;
  width: 330px;
  height: 34px;
  line-height: 34px;
  margin-right: 20px;
  font-size: 13px;
}
.animalWrap .animalInfo .wuxingWrap .wuxing {
  display: block;
  float: left;
  width: 66px;
  color: #3a65bd;
}
.animalWrap .animalInfo .wuxingWrap .red {
  color: #e45915;
}
.animalWrap .animalBazi {
  width: 553px;
}
.animalWrap .animalBazi .secTop {
  text-align: center;
}
.animalWrap .animalBazi .secTop span {
  padding: 0 40px;
  color: #f3e8be;
}
.animalWrap .animalBazi ul {
  width: 513px;
  margin: 0 auto;
  overflow: hidden;
}
.animalWrap .animalBazi ul li {
  width: 100%;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  color: #3e3a39;
  margin-right: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.animalWrap .animalBazi ul li.qimidu {
  border: none;
}
.animalWrap .animalInfo2 {
  width: 513px;
  padding: 0 20px;
}
.animalWrap .animalInfo2 ul li {
  width: 100%;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  color: #3e3a39;
  margin-right: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.animalWrap .animalInfo2 ul li.qimidu {
  border: none;
}
.animalWrap .animalInfo2 .infoLeft {
  width: 100px;
  margin-right: 40px;
}
.animalWrap .animalInfo2 .infoMid {
  width: 193px;
  margin: 0 10px;
}
.animalWrap .animalInfo2 .infoRight {
  width: 120px;
  margin-left: 40px;
}
.animalWrap .animalInfo2 .xingji {
  height: 27px;
}
.animalWrap .animalInfo3 {
  width: 513px;
  padding: 0 20px;
}
.animalWrap .animalInfo3 ul {
  width: 220px;
}
.animalWrap .animalInfo3 ul li {
  width: 100%;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  color: #3e3a39;
  margin-right: 18px;
  border-bottom: 1px dashed #d8d8d8;
}
.animalWrap .animalInfo3 ul li.qimidu {
  border: none;
}
.animalWrap .animalInfo3 .infoLeft {
  margin-right: 32px;
}
.animalWrap .animalInfo3 .infoRight {
  margin-left: 37px;
}
.animalWrap .animalJN {
  width: 553px;
}
.animalWrap .animalJN .secTop {
  margin-bottom: 10px;
}
.animalWrap .animalJN .jnType {
  margin-left: 10px;
}
.animalWrap .animalJN .jnType span {
  cursor: pointer;
  display: inline-block;
  padding: 0 20px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #ffffff;
}
.animalWrap .animalJN .jnType span.active,
.animalWrap .animalJN .jnType span:hover {
  font-weight: bold;
  border-bottom: 2px solid #7d3dff;
}
.eventWrap .events ul li {
  width: auto !important;
}
.role .icon {
  position: relative;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/ico_dfb74fef.png) no-repeat;
}
.role .icon-star {
  width: 15px;
  height: 14px;
  margin-top: -7px;
  background-position: -430px -151px;
}
.role .icon-star.all {
  background-position: -326px -119px;
}
.role .icon-star.half {
  background-position: -451px -151px;
}
.role .icon-childTabLeft {
  width: 10px;
  height: 9px;
  background-position: -291px -78px;
  margin-top: -4.5px;
}
.role .icon-childTabRight {
  width: 10px;
  height: 9px;
  background-position: -291px -95px;
  margin-top: -4.5px;
}
.search-result {
  width: 795px;
  margin-top: 20px;
}
.search-result-info {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px dashed #9f9f9f;
}
.search-result-info-avatar {
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 100%;
}
.search-result-info-text {
  margin-left: 20px;
  width: 525px;
}
.search-result-info-title {
  font-size: 20px;
  color: #404041;
  margin-right: 20px;
}
.search-result-info-title:hover {
  color: #615eb3;
}
.search-result-info-name {
  margin-top: 12px;
}
.search-result-info-roleInfo {
  margin-top: 10px;
  color: #222b54;
  font-size: 14px;
}
.search-result-info-fllow {
  margin-top: 10px;
  color: #8a8a8a;
  font-size: 14px;
}
.search-result-info-fllow span {
  margin-right: 10px;
}
.search-result-info-address {
  color: #7d7ac1;
}
.search-result-info-address img {
  position: relative;
  top: 2px;
}
.search-result-info-operate {
  margin-left: 10px;
}
.search-result-info-operate1 {
  display: flex;
}
.search-result-info-cancel {
  margin-top: 20px;
  margin-right: 15px;
  color: #868585;
  cursor: pointer;
}
.search-result-info-cancel:hover {
  color: #999999;
}
.search-result-info-button {
  width: 86px;
  height: 29px;
  line-height: 29px;
  color: #fff;
  font-size: 14px;
  background-color: #d26d6c;
  text-align: center;
  margin-top: 15px;
}
.search-result-info-button2 {
  background-color: #b6b6b6;
}
.search-result-info-button1 {
  cursor: pointer;
}
.search-result-info-button1:hover {
  background-color: #e99493;
}
.search-result-info-seen {
  margin-top: 20px;
  color: #b68c33;
  font-size: 14px;
  cursor: pointer;
}
.search-result-info-photo:hover {
  color: #cc9933;
}
.search-result-info-message:hover {
  color: #cc9933;
}
.inform.f-mr {
  margin-top: -92px;
}
.inform .infinite-status-prompt {
  padding: 10px 40px 10px 0px !important;
}
.inform * {
  box-sizing: border-box;
}
.inform .icon {
  position: relative;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/ico_dfb74fef.png) no-repeat;
}
.inform .md-frame {
  padding: 20px 0 0 0 !important;
}
.inform .tabWrap {
  width: 795px;
  height: 31px;
  border-bottom: 1px solid #9c9c9c;
  margin: 20px 0 0 80px;
  box-sizing: border-box;
  font-size: 16px;
}
.inform .tabWrap ul li {
  width: 265px;
  height: 31px;
  line-height: 31px;
  box-sizing: border-box;
  float: left;
  text-align: center;
  cursor: pointer;
  color: #9c9c9c;
}
.inform .tabWrap ul li span {
  color: #ffffff;
  margin-left: 10px;
  position: relative;
  top: -10px;
  font-size: 12px;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  background: #de1e1e;
  padding: 2px 5px;
}
.inform .tabWrap ul li.active {
  color: #404041;
  border-bottom: 3px solid #d57775;
}
.inform .search-result {
  width: 875px;
  padding-left: 100px;
}
.inform .search-result .search-result-info-avatar {
  width: 60px;
  height: 60px;
}
.inform .search-result .search-result-info-title {
  font-size: 16px;
  color: #6861b0;
}
.inform .search-result .search-result-info-title a {
  color: #6861b0;
}
.inform .search-result .search-result-info-text {
  width: 610px;
}
.inform .step-1 .search-result-info {
  position: relative;
}
.inform .step-1 .remove-hide {
  position: absolute;
  background: none;
  color: #cd9c50;
  font-weight: normal;
  right: 12px;
  top: 20px;
  cursor: pointer;
}
.inform .step-1 .remove-hide:hover {
  background: none;
  color: #f8c069;
}
.inform .step-2 {
  font-weight: bold;
}
.inform .step-3 .search-result-info {
  display: block;
}
.inform .step-3 .search-result-info .search-result-info-inner {
  display: flex;
}
.inform .step-3 .search-result-info .search-result-info-text {
  margin-left: 0px;
  width: 685px;
}
.inform .step-3 .search-result-info-name {
  margin-top: 0px;
}
.inform .step-3 .search-result-info-seen {
  margin-top: 0px;
}
.inform .step-3 .search-result-info-message {
  cursor: pointer;
  width: 650px;
  overflow: hidden;
  cursor: inherit;
}
.inform .step-3 .search-result-info-message:hover {
  color: #4f4f4f;
}
.inform .step-3 .search-result-info {
  position: relative;
}
.inform .search-result-info-title {
  font-weight: bold;
}
.inform .mr {
  margin-top: 0px;
}
.inform .mr-t {
  margin-top: 20px;
}
.inform .f-normal {
  font-weight: normal;
}
.inform .down {
  width: 15px;
  height: 8px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/down_a96f88e4.png) no-repeat;
  position: absolute;
  right: 20px;
  top: 50px;
  cursor: pointer;
}
.inform .down.expand {
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 16px;
  color: #505050;
  z-index: 9999;
}
.pop .pop-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 1001;
  width: 566px;
  height: auto;
  min-height: 336px;
  padding: 40px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pop-bg-bottom_5585ecc2.png), #ffffff;
  background-position: bottom,top;
  background-repeat: no-repeat, repeat;
}
.pop .pop-wrap.pop-big-decorate {
  min-height: 446px;
}
.pop .pop-wrap.pop-big-decorate:before {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -12px;
  content: '';
  display: block;
  width: 9px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pop-decotare-big_36d53326.png) no-repeat;
  background-size: 100% 100%;
}
.pop .pop-wrap.pop-big-decorate:after {
  position: absolute;
  top: -10px;
  bottom: -10px;
  right: -12px;
  content: '';
  display: block;
  width: 9px;
  min-height: 446px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pop-decotare-big_36d53326.png) no-repeat;
  background-size: 100% 100%;
}
.pop .pop-wrap.pop-small-decorate {
  min-height: 269px;
}
.pop .pop-wrap.pop-small-decorate:before {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -12px;
  content: '';
  display: block;
  width: 9px;
  min-height: 269px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pop-descorate-small_e5b57dc8.png) no-repeat;
  background-size: 100% 100%;
}
.pop .pop-wrap.pop-small-decorate:after {
  position: absolute;
  top: -10px;
  bottom: -10px;
  right: -12px;
  content: '';
  display: block;
  width: 9px;
  min-height: 269px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pop-descorate-small_e5b57dc8.png) no-repeat;
  background-size: 100% 100%;
}
.pop .mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.pop .pop-video-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 1001;
  width: 850px;
  height: auto;
  min-height: 540px;
}
.pop .pop-video-content .video-close {
  position: absolute;
  right: -26px;
  top: 0;
  width: 24px;
  height: 25px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-294px -625px;

  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
.pop .pop-video-content .video-close:hover {
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.pop .close {
  position: absolute;
  right: 16px;
  top: 0;
  width: 30px;
  height: 77px;
  z-index: 9;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-718px -442px;

}
.pop .close:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-718px -521px;
width:30px;
height:77px;

}
.pop h1 {
  text-align: center;
  border-bottom: 1px solid #c9cacc;
  height: 53px;
  line-height: 60px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/title_12e3d0bd.png) no-repeat 46% center;
  font-size: 18px;
  color: #7077bf;
  font-weight: bold;
  margin-bottom: 30px;
}
.pop input {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  color: #8a8989;
  display: block;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #8a8989;
}
.pop input ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #8a8989;
}
.pop input :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #8a8989;
}
.pop input ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #8a8989;
}
.pop input :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #8a8989;
}
.pop input.small {
  width: 330px;
}
.pop .pop-sel {
  display: block;
  width: 440px;
  height: 44px;
}
.pop .pop-sel.small {
  width: 330px;
}
.pop .bottom-btns {
  margin-top: 30px;
  text-align: center;
}
.pop .line {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.pop .line label {
  display: block;
  width: 92px;
  color: #505050;
}
.pop .line .tip {
  font-size: 14px;
  color: #d86060;
  margin-left: 10px;
}
.pop .cnt {
  margin: 0 auto;
}
body .el-select {
  width: 140px;
}
body .el-select.topicSel {
  border: none;
}
body .el-select.topicSel .el-input.is-focus .el-input__inner,
body .el-select.topicSel .el-input__inner {
  border: none;
}
body .el-select .el-input.is-focus .el-input__inner,
body .el-select .el-input__inner {
  background: transparent;
  border-color: #8a8989;
}
body .el-select .el-input.is-focus .el-input__inner:focus,
body .el-select .el-input__inner:focus,
body .el-select .el-input.is-focus .el-input__inner.is-focus,
body .el-select .el-input__inner.is-focus {
  border-color: #8a8989;
  background: transparent;
}
body .el-message-box {
  position: relative;
  width: 530px;
  height: 271px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/alert-bg_dbaded9e.png) no-repeat;
  border: none;
}
body .el-message-box__title {
  width: 439px;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #c9cacc;
  height: 53px;
  line-height: 60px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/title_12e3d0bd.png) no-repeat 46% center;
  font-size: 18px;
  color: #7077bf;
  font-weight: bold;
  letter-spacing: 5px;
}
body .el-message-box__message {
  text-align: center;
  font-size: 18px;
  color: #5e5d5d;
}
body .el-message-box__message .sub-tip {
  font-size: 14px;
  color: #858585;
}
body .el-message-box__message .bind-phone-tip {
  color: #858585;
}
body .el-message-box__message .bind-phone-tip:hover {
  text-decoration: underline;
}
body .el-message-box__header {
  padding-left: 30px;
  padding-right: 30px;
}
body .el-message-box__btns {
  text-align: center;
}
body .el-message-box__btns button:nth-child(2) {
  border-color: transparent;
}
body .el-message-box__content {
  padding: 30px 30px;
}
body .el-button--primary {
  font-size: 16px;
  background: #777db7;
  border-color: transparent !important;
}
body .el-button--primary:hover {
  background: #8f96e2;
}
body .el-button--primary.is-active,
body .el-button--primary:active,
body .el-button--primary:focus,
body .el-button--primary:hover {
  background: #8f96e2;
}
body .el-button--small,
body .el-button--small.is-round {
  padding: 10px 30px;
  font-size: 16px;
}
body .el-message-box__headerbtn {
  top: 13px;
  right: 12px;
  width: 30px;
  height: 77px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-718px -442px;

  z-index: 2;
}
body .el-message-box__headerbtn:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-718px -521px;
width:30px;
height:77px;

}
body .el-message-box__headerbtn i {
  display: none;
}
body .el-select-dropdown__item.hover,
body .el-select-dropdown__item:hover {
  background-color: #969abe;
  color: #fff;
}
body .el-pagination .btn-next,
body .el-pagination .btn-prev {
  background: none !important;
}
body .el-pagination .btn-next .el-icon,
body .el-pagination .btn-prev .el-icon {
  width: 16px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/ico_dfb74fef.png) 0 -62px;
  margin-top: 7px;
}
body .el-pagination .btn-next .el-icon:hover,
body .el-pagination .btn-prev .el-icon:hover {
  background-position-y: -86px;
}
body .el-pagination .btn-next .el-icon {
  right: -24px;
  background-position-x: -441px;
}
body .el-pagination .btn-prev .el-icon {
  left: -24px;
  background-position-x: -416px;
}
body .el-icon-arrow-right:before,
body .el-icon-arrow-left:before {
  content: "" !important;
}
body .el-dialog,
body .el-pager li {
  background: none !important;
  min-width: 0 !important;
  color: #374768;
}
body .el-dialog.active,
body .el-pager li.active,
body .el-dialog:hover,
body .el-pager li:hover {
  color: #fff !important;
}
body .el-pager {
  margin-top: 4px !important;
}
body .shudong-pager {
  text-align: center;
}
body .shudong-pager .el-pager {
  margin-top: 10px !important;
}
body .shudong-pager .el-pager li {
  position: relative;
  height: 34px;
  line-height: 34px;
  font-size: 20px;
  color: #b0abea;
  margin-left: 4px;
  margin-right: 4px;
}
body .shudong-pager .el-pager li.active,
body .shudong-pager .el-pager li:hover {
  color: #fff !important;
}
body .shudong-pager .btn-next,
body .shudong-pager .btn-prev {
  background: none !important;
}
body .shudong-pager .btn-next .el-icon,
body .shudong-pager .btn-prev .el-icon {
  margin-top: 19px;
}
body .shudong-pager .btn-next .el-icon,
body .shudong-pager .btn-prev .el-icon {
  width: 20px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pager2_06c13236.png) 0 0;
}
body .shudong-pager .btn-next .el-icon {
  background-position: right 0;
}
body .shudong-pager .btn-next .el-icon:hover {
  opacity: 0.8;
  background-position: right 0;
}
body .shudong-pager .btn-prev .el-icon {
  background-position: 0 0;
}
body .shudong-pager .btn-prev .el-icon:hover {
  opacity: 0.8;
  background-position: 0 0;
}
html,
body {
  width: 100%;
}
body {
  color: #505050;
  min-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(https://hi.res.netease.com/pc/zt/20190529110735/img/bg_47c5f303.jpg);
  background-attachment: fixed;
  background-position: center top;
  background-size: 1920px;
  background-repeat: no-repeat;
}
#wrap {
  width: 100%;
}
#app {
  width: 100%;
  color: #4f4f4f;
  padding-top: 92px;
  font-size: 14px;
  min-width: 1400px;
}
.fl {
  float: left;
}
.redPoint {
  position: absolute;
  right: 18px;
  top: 5px;
  display: block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #d86d6c;
}
.btn-player {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  display: block;
  width: 49px;
  height: 49px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-718px -182px;

}
.btn-player:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-718px -233px;
width:49px;
height:49px;

}
.btn-common {
  display: inline-block;
  background: #6765a2;
  height: 35px;
  line-height: 35px;
  padding: 0 30px;
  font-size: 16px;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.btn-common:hover {
  background: #8986ca;
}
.btn-confirm {
  display: inline-block;
  font-size: 16px;
  background: #777db7;
  padding: 8px 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  margin: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-confirm:hover {
  background: #8f96e2;
}
.btn-confirm.big {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
}
.btn-confirm.big.quit {
  display: block;
  margin: 0 auto 10px;
}
.btn-cancel {
  display: inline-block;
  font-size: 16px;
  padding: 6px 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 10px;
  border: 1px solid #777db7;
  color: #777db7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-cancel:hover {
  color: #656ba3;
  border-color: #656ba3;
}
.btn-cancel.big {
  padding-left: 20px;
  padding-right: 20px;
}
.nav-bg {
  position: fixed;
  left: 50%;
  top: 0;
  width: 1920px;
  max-width: 1920px;
  height: 91px;
  min-width: 1400px;
  margin-left: -960px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/bg-nav_b91c3fb7.jpg) no-repeat center top;
  z-index: 99;
  background-attachment: fixed;
}
.topNav {
  position: absolute;
  left: 50%;
  margin-left: -535px;
  width: 1070px;
}
.topNav.topNav-login {
  margin-left: -355px;
}
.topNav a {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #33315f;
  height: 91px;
  line-height: 91px;
  margin: 0 22px;
  width: 132px;
  text-align: center;
}
.topNav a:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: -24px;
  content: '';
  width: 0;
  height: 20px;
  border-right: 1px solid #545a8b;
}
.topNav a:nth-child(6):after,
.topNav a:nth-child(7):after {
  border-right: none;
}
.topNav a:hover,
.topNav a.active {
  color: #ffffff;
  font-weight: bold;
  text-indent: 6px;
  text-align: left;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/nav-bg_38ca5d25.png) no-repeat center left;
}
.topNav a:nth-child(1).active {
  text-indent: 20px;
}
.topNav a:nth-child(2).active {
  text-indent: 19px;
}
.main-wrap {
  width: 1260px;
  margin: 0 auto;
  padding-left: 300px;
  box-sizing: border-box;
}
.main-wrap.toLeft {
  padding-left: 120px;
}
.content-frame {
  width: 1000px;
  height: auto;
  min-height: 742px;
  background: rgba(255, 255, 255, 0.7);
  padding: 30px 0 0 50px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.content-frame.album-frame {
  padding-right: 126px;
}
.bg-none {
  background: none !important;
}
.bg-add {
  background: rgba(255, 255, 255, 0.7) !important;
}
.md-frame {
  width: 1000px;
  height: auto;
  min-height: 1000px;
  background: rgba(255, 255, 255, 0.7);
  padding: 30px 0 0 50px;
  overflow: hidden;
  box-sizing: border-box;
}
.md-frame.pdl {
  padding-left: 0;
  background: transparent;
}
.md-frame #topic,
.md-frame .topic-item {
  position: relative;
  min-height: 500px;
  font-size: 14px;
  line-height: 26px;
  color: #636262;
  border-bottom: 1px dashed #9f9f9f;
}
.md-frame #topic .topic-box .topic-avatar,
.md-frame .topic-item .topic-box .topic-avatar {
  position: relative;
  width: 104px;
  height: 104px;
}
.md-frame #topic .topic-box .topic-avatar img,
.md-frame .topic-item .topic-box .topic-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.md-frame #topic .topic-box .content-box,
.md-frame .topic-item .topic-box .content-box {
  position: relative;
  width: 656px;
  margin-top: 10px;
  margin-left: 40px;
}
.md-frame #topic .topic-box .content-box .forward,
.md-frame .topic-item .topic-box .content-box .forward {
  background: #e9e9e9;
  padding: 10px 20px 10px;
  margin: 10px 0;
}
.md-frame #topic .topic-box .content-box .user-info,
.md-frame .topic-item .topic-box .content-box .user-info {
  margin: 0 0 3px;
  padding: 5px 0 0;
  margin-bottom: 15px;
}
.md-frame #topic .topic-box .content-box .user-info .nickname,
.md-frame .topic-item .topic-box .content-box .user-info .nickname {
  color: #404041;
  font-size: 20px;
  font-weight: bold;
}
.md-frame #topic .topic-box .content-box .user-info .nickname:hover,
.md-frame .topic-item .topic-box .content-box .user-info .nickname:hover {
  color: #615eb3;
}
.md-frame #topic .topic-box .content-box .user-info .follow,
.md-frame .topic-item .topic-box .content-box .user-info .follow {
  width: 59px;
  color: #d26d6c;
  border: solid 1px #d26d6c;
  padding: 2px 7px;
  border-radius: 3px;
  font-size: 12px;
  margin-left: 10px;
  line-height: 21px;
}
.md-frame #topic .topic-box .content-box .user-info .follow.followed,
.md-frame .topic-item .topic-box .content-box .user-info .follow.followed {
  background: #d26d6c;
  color: #fff;
}
.md-frame #topic .topic-box .content-box .topic-imgs,
.md-frame .topic-item .topic-box .content-box .topic-imgs {
  font-size: 0;
  margin-top: 10px;
  overflow: hidden;
}
.md-frame #topic .topic-box .content-box .topic-imgs .ul,
.md-frame .topic-item .topic-box .content-box .topic-imgs .ul {
  width: 494px;
}
.md-frame #topic .topic-box .content-box .topic-imgs .ul:after,
.md-frame .topic-item .topic-box .content-box .topic-imgs .ul:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.md-frame #topic .topic-box .content-box .topic-imgs .ul a,
.md-frame .topic-item .topic-box .content-box .topic-imgs .ul a {
  position: relative;
  float: left;
  width: 145px;
  height: 145px;
  overflow: hidden;
  margin-right: 15px;
  margin-top: 10px;
}
.md-frame #topic .topic-box .content-box .topic-imgs .ul a img,
.md-frame .topic-item .topic-box .content-box .topic-imgs .ul a img {
  width: 100%;
  height: 100%;
}
.md-frame #topic .topic-box .content-box .topic-video .video-item,
.md-frame .topic-item .topic-box .content-box .topic-video .video-item {
  position: relative;
  width: 145px;
  height: 145px;
  overflow: hidden;
  margin-right: 15px;
  margin-top: 10px;
}
.md-frame #topic .topic-box .content-box .topic-video .video-item img,
.md-frame .topic-item .topic-box .content-box .topic-video .video-item img {
  width: 100%;
  height: 100%;
}
.md-frame #topic .topic-text img,
.md-frame .topic-item .topic-text img {
  height: 30px;
  vertical-align: middle;
}
.md-frame #topic hr,
.md-frame .topic-item hr {
  position: relative;
  left: -140px;
  width: 790px;
  border: none;
  border-top: 1px dashed #9f9f9f;
  margin: 15px 0 0px;
}
.md-frame #topic .control-box,
.md-frame .topic-item .control-box {
  text-align: right;
  margin-top: 20px;
  padding: 0;
  position: relative;
}
.md-frame #topic .control-box .time,
.md-frame .topic-item .control-box .time {
  position: absolute;
  left: 0;
  top: 4px;
  color: #8a8a8a;
}
.md-frame #topic .control-box .time .source,
.md-frame .topic-item .control-box .time .source {
  margin-left: 42px;
}
.md-frame #topic .control-box .visibility,
.md-frame .topic-item .control-box .visibility {
  position: absolute;
  left: 160px;
  top: 8px;
  overflow: hidden;
}
.md-frame #topic .control-box .visibility:hover,
.md-frame .topic-item .control-box .visibility:hover {
  cursor: pointer;
  overflow: visible;
}
.md-frame #topic .control-box .visibility .status1,
.md-frame .topic-item .control-box .visibility .status1 {
  display: block;
  width: 18px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-676px -379px;

}
.md-frame #topic .control-box .visibility .status2,
.md-frame .topic-item .control-box .visibility .status2 {
  display: block;
  width: 14px;
  height: 16px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-771px -175px;

}
.md-frame #topic .control-box .visibility .tip-arr-wrap,
.md-frame .topic-item .control-box .visibility .tip-arr-wrap {
  position: absolute;
  height: 22px;
  background: #dfa540;
  border-radius: 3px;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  bottom: -29px;
  left: -9px;
  min-width: 50px;
  z-index: 9;
  display: block;
  white-space: nowrap;
  padding: 0 2px;
}
.md-frame #topic .control-box .visibility .tip-arr-wrap:after,
.md-frame .topic-item .control-box .visibility .tip-arr-wrap:after {
  content: '';
  position: absolute;
  left: 13px;
  top: -4px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  background: #dfa540;
}
.md-frame #topic .zan-box,
.md-frame .topic-item .zan-box {
  overflow: hidden;
}
.md-frame #topic .zan-box li,
.md-frame .topic-item .zan-box li {
  width: 41px;
  height: 41px;
  margin-right: 14px;
  margin-top: 12px;
}
.md-frame #topic .zan-box li img,
.md-frame .topic-item .zan-box li img {
  width: 100%;
  height: 100%;
}
.md-frame #topic .zan-box li:nth-child(12n+0),
.md-frame .topic-item .zan-box li:nth-child(12n+0) {
  margin-right: 0;
}
.md-frame #topic .comment-box,
.md-frame .topic-item .comment-box {
  margin-top: 20px;
}
.md-frame .topic-item {
  min-height: 120px;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.bottom-box {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 59px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/bottom_0317c63e.jpg) no-repeat top center;
}
.icon-radio {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #7c7b7b;
  margin-left: 14px;
  font-weight: normal;
  padding-left: 20px;
}
.icon-radio:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  display: block;
  width: 11px;
  height: 11px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-771px -334px;

}
.detail .hr {
  height: 1px;
  width: 803px;
  margin-left: -150px;
  margin-top: 20px;
  border-bottom: 1px dashed #9f9f9f;
}
.detail .comment-content .comment-list .infinite-status-prompt {
  display: block;
}
.detail .topic-item {
  border-bottom: none;
}
.detail .comment-content {
  width: 600px;
}
.message .comment-content {
  width: 600px;
}
.btn-copyright {
  cursor: pointer;
  position: fixed;
  right: 10px;
  bottom: 30px;
  display: block;
  width: 106px;
  height: 32px;
  text-align: center;
  font-size: 16px;
  color: #f6e1b9;
  background: #6e0f0f;
  line-height: 32px;
  z-index: 102;
}
.btn-copyright i {
  display: inline-block;
  width: 12px;
  height: 7px;
  vertical-align: middle;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-771px -356px;

  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
  transition: transform 0.8s ease;
}
.btn-copyright:hover,
.btn-copyright.active {
  background: #873312;
  color: #ffffde;
}
.btn-copyright:hover i,
.btn-copyright.active i {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-5e97e7_5e97e767.png) no-repeat;background-size:785px 770px;
background-position:-771px -365px;
width:12px;
height:7px;

}
.btn-copyright.active i {
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#bottom-footer-cp {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 101;
}
#bottom-footer-cp.active {
  display: block;
}
#bottom-footer-cp #NIE-copyRight {
  color: #fff;
}
#bottom-footer-cp #NIE-copyRight .nie-cn-part2 {
  display: none;
}
#bottom-footer-cp #NIE-copyRight a {
  color: #fff;
}
#bottom-footer-cp #NIE-copyRight a:hover {
  color: #fff;
}
#bottom-footer-cp #NIE-copyRight a.nie-cn-guardianship {
  color: #fff;
}
#bottom-footer-cp #NIE-copyRight #ncp-l3 {
  display: none;
}
.role-job {
  width: 64px;
  height: 64px;
}
.role-job img {
  width: 100%;
  height: 100%;
}
.msg {
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  line-height: 10px;
  background: red;
  font-size: 12px;
  text-indent: -999em;
  text-align: center;
  right: 5px;
  bottom: 60px;
}
.visi {
  visibility: hidden;
}
.ie .nav-bg {
  background-attachment: scroll!important;
}
@media screen and (min-width: 1920px) {
  .btn-copyright {
    left: 50%;
    margin-left: 843px;
  }
  .to-top {
    left: 50%;
    margin-left: 853px;
  }
}
textarea.topic {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  outline: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  width: 795px;
  height: 114px;
  color: #928ca4;
  display: block;
  margin-bottom: 10px;
  padding: 14px;
  font-size: 16px;
  line-height: 1.5;
  background: transparent;
  border: 1px solid #787898;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
textarea.topic ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #928ca4;
}
textarea.topic :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #928ca4;
}
textarea.topic ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #928ca4;
}
textarea.topic :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #928ca4;
}

.el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0}
@charset "UTF-8";.el-radio,.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.el-radio,.el-radio__input{white-space:nowrap;line-height:1;outline:0}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-radio{color:#606266;font-weight:500;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#B6383F}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#ebeef5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#f5f7fa;border-color:#e4e7ed}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio+.el-radio{margin-left:30px}.el-radio__input{cursor:pointer;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#f5f7fa}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#c0c4cc}.el-radio__input.is-disabled+span.el-radio__label{color:#c0c4cc;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#B6383F;background:#B6383F}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#B6383F}.el-radio__input.is-focus .el-radio__inner{border-color:#B6383F}.el-radio__inner{border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio__inner:hover{border-color:#B6383F}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #B6383F;box-shadow:0 0 2px 2px #B6383F}.el-radio__label{font-size:14px;padding-left:10px}
.el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#f2f6fc}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#606266}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td{width:32px;height:30px;padding:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{height:30px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.el-month-table td .cell,.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px}.el-date-table td.next-month,.el-date-table td.prev-month{color:#c0c4cc}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#B6383F;font-weight:700}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#fff}.el-date-table td.available:hover{color:#B6383F}.el-date-table td.current:not(.disabled) span{color:#fff;background-color:#B6383F}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#fff}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#B6383F}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#f5f7fa;opacity:1;cursor:not-allowed;color:#c0c4cc}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:#f2f6fc;border-radius:15px}.el-date-table td.selected div:hover{background-color:#f2f6fc}.el-date-table td.selected span{background-color:#B6383F;color:#fff;border-radius:15px}.el-date-table td.week{font-size:80%;color:#606266}.el-date-table th{padding:5px;color:#606266;font-weight:400;border-bottom:solid 1px #ebeef5}.el-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-month-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-month-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#c0c4cc}.el-month-table td.disabled .cell:hover{color:#c0c4cc}.el-month-table td .cell{color:#606266;margin:0 auto}.el-month-table td .cell:hover,.el-month-table td.current:not(.disabled) .cell{color:#B6383F}.el-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-year-table .el-icon{color:#303133}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:#c0c4cc}.el-year-table td.disabled .cell:hover{color:#c0c4cc}.el-year-table td .cell{color:#606266;margin:0 auto}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#B6383F}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#B6383F}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner{padding:0;text-align:center}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#606266}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#303133;font-weight:700}.el-time-spinner__item.disabled{color:#c0c4cc;cursor:not-allowed}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#c0c4cc;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;display:inline-block;font-size:14px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#606266}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input:-ms-input-placeholder{color:#c0c4cc}.el-date-editor .el-range-input::placeholder{color:#c0c4cc}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#c0c4cc;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#B6383F}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#e4e7ed}.el-range-editor.is-disabled input{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#c0c4cc}.el-range-editor.is-disabled input::placeholder{color:#c0c4cc}.el-range-editor.is-disabled .el-range-separator{color:#c0c4cc}.el-picker-panel{color:#606266;border:1px solid #e4e7ed;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#B6383F}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#B6383F}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#B6383F}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #ebeef5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#606266}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#B6383F}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content.is-right .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#303133}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #e4e7ed}.el-time-panel{margin:5px 0;border:1px solid #e4e7ed;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #e4e7ed;border-bottom:1px solid #e4e7ed}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#303133}.el-time-panel__btn.confirm{font-weight:800;color:#B6383F}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#B6383F}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#c0c4cc}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#B6383F;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}
.el-form--inline .el-form-item,.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form-item::after,.el-form-item__content::after{clear:both}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form-item__content .el-input-group,.el-form-item__label{vertical-align:middle}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label{text-align:right;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__error{color:#f56c6c;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required .el-form-item__label:before{content:'*';color:#f56c6c;margin-right:4px}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{border-color:#f56c6c}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#f56c6c}.el-form-item.is-success .el-input__inner,.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner,.el-form-item.is-success .el-textarea__inner:focus{border-color:#67c23a}.el-form-item.is-success .el-input-group__append .el-input__inner,.el-form-item.is-success .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-success .el-input__validateIcon{color:#67c23a}.el-form-item--feedback .el-input__validateIcon{display:inline-block}
.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#B6383F;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner,.el-tag{-webkit-box-sizing:border-box}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#B6383F}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#B6383F;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#B6383F;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2);white-space:nowrap}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#B6383F}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#B6383F;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#909399}.el-tag--info{background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2)}.el-tag--info.is-hit{border-color:#909399}.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c}.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff}.el-tag--danger{background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2);color:#f56c6c}.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#B6383F;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:#c0c4cc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#B6383F}.el-select .el-input .el-select__caret{color:#c0c4cc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#c0c4cc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#e4e7ed}.el-select .el-input.is-focus .el-input__inner{border-color:#B6383F}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#c0c4cc;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.el-select .el-tag__close.el-icon-close{background-color:#c0c4cc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#B6383F}.el-pagination button:disabled{color:#c0c4cc;background-color:#fff;cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #fff;background-size:16px;cursor:pointer;margin:0;color:#303133}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:#c0c4cc;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:24px}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:22px;line-height:22px}.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#606266}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#B6383F}.el-pagination__total{margin-right:10px;font-weight:400;color:#606266}.el-pagination__jump{margin-left:24px;font-weight:400;color:#606266}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled{color:#c0c4cc}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#B6383F}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#B6383F;color:#fff}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;display:inline-block;margin:0}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:#fff;font-size:13px;min-width:35.5px;height:28px;line-height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:#c0c4cc}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#B6383F}.el-pager li.active{color:#B6383F;cursor:default}

@charset "UTF-8";.el-checkbox,.el-checkbox__input{display:inline-block;position:relative}.el-checkbox-button__inner,.el-checkbox__input{white-space:nowrap;vertical-align:middle;outline:0}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#B6383F}.el-checkbox.is-bordered.is-disabled{border-color:#ebeef5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;line-height:1}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#dcdfe6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#c0c4cc}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#c0c4cc}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#f2f6fc;border-color:#dcdfe6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#c0c4cc;border-color:#c0c4cc}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#B6383F;border-color:#B6383F}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#c0c4cc;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#B6383F}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#B6383F}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#fff;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#B6383F}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox+.el-checkbox{margin-left:30px}.el-checkbox-button__inner{line-height:1;font-weight:500;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#B6383F}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#B6383F;border-color:#B6383F;-webkit-box-shadow:-1px 0 0 0 rgb(211, 136, 140);box-shadow:-1px 0 0 0 rgb(211, 136, 140)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#B6383F}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#ebeef5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#B6383F}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}
.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#B6383F;font-weight:700}
.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#B6383F;background-color:#fff}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#f5f7fa}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#B6383F}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-select-dropdown__item,.el-tag{white-space:nowrap;-webkit-box-sizing:border-box}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#c0c4cc;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#B6383F;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-tag{background-color:rgba(64,158,255,.1);display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#B6383F;border-radius:4px;box-sizing:border-box;border:1px solid rgba(64,158,255,.2)}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px;color:#B6383F}.el-tag .el-icon-close::before{display:block}.el-tag .el-icon-close:hover{background-color:#B6383F;color:#fff}.el-tag--info,.el-tag--info .el-tag__close{color:#909399}.el-tag--info{background-color:rgba(144,147,153,.1);border-color:rgba(144,147,153,.2)}.el-tag--info.is-hit{border-color:#909399}.el-tag--info .el-tag__close:hover{background-color:#909399;color:#fff}.el-tag--success{background-color:rgba(103,194,58,.1);border-color:rgba(103,194,58,.2);color:#67c23a}.el-tag--success.is-hit{border-color:#67c23a}.el-tag--success .el-tag__close{color:#67c23a}.el-tag--success .el-tag__close:hover{background-color:#67c23a;color:#fff}.el-tag--warning{background-color:rgba(230,162,60,.1);border-color:rgba(230,162,60,.2);color:#e6a23c}.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--warning .el-tag__close:hover{background-color:#e6a23c;color:#fff}.el-tag--danger{background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2);color:#f56c6c}.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--danger .el-tag__close:hover{background-color:#f56c6c;color:#fff}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#fff}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#f5f7fa}.el-select-dropdown__item.selected{color:#B6383F;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select:hover .el-input__inner{border-color:#c0c4cc}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#B6383F}.el-select .el-input .el-select__caret{color:#c0c4cc;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#c0c4cc;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#e4e7ed}.el-select .el-input.is-focus .el-input__inner{border-color:#B6383F}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#c0c4cc;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.el-select .el-tag__close.el-icon-close{background-color:#c0c4cc;right:-7px;top:0;color:#fff}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}
.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#B6383F;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#B6383F;stroke-linecap:round}.el-loading-spinner i{color:#B6383F}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
.el-message__closeBtn:focus,.el-message__content:focus{outline-width:0}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#ebeef5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,-webkit-transform .4s;transition:opacity .3s,transform .4s;transition:opacity .3s,transform .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67c23a}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#e6a23c}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#f56c6c}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#c0c4cc;font-size:16px}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67c23a}.el-message .el-icon-error{color:#f56c6c}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#e6a23c}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
.el-button,.el-input__inner{-webkit-appearance:none;outline:0}.el-message-box,.el-popup-parent--hidden{overflow:hidden}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#B6383F;border-color:rgb(233, 195, 197);background-color:rgb(248, 235, 236)}.el-button:active{color:rgb(164, 50, 57);border-color:rgb(164, 50, 57);outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#B6383F;color:#B6383F}.el-button.is-active,.el-button.is-plain:active{color:rgb(164, 50, 57);border-color:rgb(164, 50, 57)}.el-button.is-plain:active{background:#fff;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#fff;background-color:#B6383F;border-color:#B6383F}.el-button--primary:focus,.el-button--primary:hover{background:rgb(197, 96, 101);border-color:rgb(197, 96, 101);color:#fff}.el-button--primary.is-active,.el-button--primary:active{background:rgb(164, 50, 57);border-color:rgb(164, 50, 57);color:#fff}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:rgb(219, 156, 159);border-color:rgb(219, 156, 159)}.el-button--primary.is-plain{color:#B6383F;background:rgb(248, 235, 236);border-color:rgb(226, 175, 178)}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#B6383F;border-color:#B6383F;color:#fff}.el-button--primary.is-plain:active{background:rgb(164, 50, 57);border-color:rgb(164, 50, 57);color:#fff;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:rgb(211, 136, 140);background-color:rgb(248, 235, 236);border-color:rgb(240, 215, 217)}.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#fff;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{color:#B6383F;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:rgb(197, 96, 101);border-color:transparent;background-color:transparent}.el-button--text:active{color:rgb(164, 50, 57);background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group .el-button{float:left;position:relative}.el-button-group .el-button+.el-button{margin-left:0}.el-button-group .el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group .el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group .el-button:first-child:last-child{border-radius:4px}.el-button-group .el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group .el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group .el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group .el-button:not(:last-child){margin-right:-1px}.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover{z-index:1}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-textarea{display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea__inner::placeholder{color:#c0c4cc}.el-textarea__inner:hover{border-color:#c0c4cc}.el-textarea__inner:focus{outline:0;border-color:#B6383F}.el-textarea.is-disabled .el-textarea__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#c0c4cc}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#c0c4cc}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;line-height:16px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input__inner{background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;-webkit-transition:all .3s;text-align:center;height:100%;color:#c0c4cc;top:0}.el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#B6383F;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #ebeef5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#303133}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:#909399}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#B6383F}.el-message-box__content{position:relative;padding:10px 15px;color:#606266;font-size:14px}.el-message-box__input{padding-top:15px}.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#f56c6c}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67c23a}.el-message-box__status.el-icon-info{color:#909399}.el-message-box__status.el-icon-warning{color:#e6a23c}.el-message-box__status.el-icon-error{color:#f56c6c}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#f56c6c;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(https://hi.res.netease.com/pc/zt/20190529110735/font/element-icons_2fad952a.woff) format("woff");font-weight:400;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-info:before{content:"\E61A"}.el-icon-error:before{content:"\E62C"}.el-icon-success:before{content:"\E62D"}.el-icon-warning:before{content:"\E62E"}.el-icon-question:before{content:"\E634"}.el-icon-back:before{content:"\E606"}.el-icon-arrow-left:before{content:"\E600"}.el-icon-arrow-down:before{content:"\E603"}.el-icon-arrow-right:before{content:"\E604"}.el-icon-arrow-up:before{content:"\E605"}.el-icon-caret-left:before{content:"\E60A"}.el-icon-caret-bottom:before{content:"\E60B"}.el-icon-caret-top:before{content:"\E60C"}.el-icon-caret-right:before{content:"\E60E"}.el-icon-d-arrow-left:before{content:"\E610"}.el-icon-d-arrow-right:before{content:"\E613"}.el-icon-minus:before{content:"\E621"}.el-icon-plus:before{content:"\E62B"}.el-icon-remove:before{content:"\E635"}.el-icon-circle-plus:before{content:"\E601"}.el-icon-remove-outline:before{content:"\E63C"}.el-icon-circle-plus-outline:before{content:"\E602"}.el-icon-close:before{content:"\E60F"}.el-icon-check:before{content:"\E611"}.el-icon-circle-close:before{content:"\E607"}.el-icon-circle-check:before{content:"\E639"}.el-icon-circle-close-outline:before{content:"\E609"}.el-icon-circle-check-outline:before{content:"\E63E"}.el-icon-zoom-out:before{content:"\E645"}.el-icon-zoom-in:before{content:"\E641"}.el-icon-d-caret:before{content:"\E615"}.el-icon-sort:before{content:"\E640"}.el-icon-sort-down:before{content:"\E630"}.el-icon-sort-up:before{content:"\E631"}.el-icon-tickets:before{content:"\E63F"}.el-icon-document:before{content:"\E614"}.el-icon-goods:before{content:"\E618"}.el-icon-sold-out:before{content:"\E63B"}.el-icon-news:before{content:"\E625"}.el-icon-message:before{content:"\E61B"}.el-icon-date:before{content:"\E608"}.el-icon-printer:before{content:"\E62F"}.el-icon-time:before{content:"\E642"}.el-icon-bell:before{content:"\E622"}.el-icon-mobile-phone:before{content:"\E624"}.el-icon-service:before{content:"\E63A"}.el-icon-view:before{content:"\E643"}.el-icon-menu:before{content:"\E620"}.el-icon-more:before{content:"\E646"}.el-icon-more-outline:before{content:"\E626"}.el-icon-star-on:before{content:"\E637"}.el-icon-star-off:before{content:"\E63D"}.el-icon-location:before{content:"\E61D"}.el-icon-location-outline:before{content:"\E61F"}.el-icon-phone:before{content:"\E627"}.el-icon-phone-outline:before{content:"\E628"}.el-icon-picture:before{content:"\E629"}.el-icon-picture-outline:before{content:"\E62A"}.el-icon-delete:before{content:"\E612"}.el-icon-search:before{content:"\E619"}.el-icon-edit:before{content:"\E61C"}.el-icon-edit-outline:before{content:"\E616"}.el-icon-rank:before{content:"\E632"}.el-icon-refresh:before{content:"\E633"}.el-icon-share:before{content:"\E636"}.el-icon-setting:before{content:"\E638"}.el-icon-upload:before{content:"\E60D"}.el-icon-upload2:before{content:"\E644"}.el-icon-download:before{content:"\E617"}.el-icon-loading:before{content:"\E61E"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}




.tooltip[data-v-70bb8efa] {
  position: absolute;
  background: #000;
  border-radius: 3px;
  z-index: 10000;
  padding: 20px;
}
.tooltip.right[data-v-70bb8efa] {
  width: auto !important;
}
.tooltip .tooltip-inner[data-v-70bb8efa] {
  color: #fff;
  box-sizing: border-box;
  display: block;
  font-size: 12px;
  width: 240px;
}
.tooltip .tooltip-inner img[data-v-70bb8efa] {
  height: 128px !important;
  width: 128px !important;
}
.tooltip.bottom[data-v-70bb8efa]:before {
  position: absolute;
  content: "";
  top: -7px;
  left: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #dfa540;
}
.tooltip.top[data-v-70bb8efa]:before {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 10px;
  border-top: 7px solid #dfa540;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}



.test[data-v-52dc0d49] {
  position: absolute;
  right: 80px;
  top: 0;
  z-index: 9;
  display: block;
}







.noSize[data-v-e30b2c62] {
  font-size: 0;
  text-indent: -9999em;
}
.flex[data-v-e30b2c62] {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.fl[data-v-e30b2c62] {
  float: left;
}
.fr[data-v-e30b2c62] {
  float: right;
}
.pr[data-v-e30b2c62] {
  position: relative;
}
.clearfix[data-v-e30b2c62]:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}



.loading-default[data-v-231b1688] {
  position: relative;
  border: 1px solid #999;
  animation: ease loading-rotating-data-v-231b1688 1.5s infinite;
}
.loading-default[data-v-231b1688]:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  margin-top: -3px;
  margin-left: -3px;
  width: 6px;
  height: 6px;
  background-color: #999;
  border-radius: 50%;
}
.loading-spiral[data-v-231b1688] {
  border: 2px solid #777;
  border-right-color: transparent;
  animation: linear loading-rotating-data-v-231b1688 0.85s infinite;
}
@keyframes loading-rotating-data-v-231b1688 {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}
.infinite-loading-container[data-v-231b1688] {
  clear: both;
  text-align: center;
}
.infinite-loading-container *[class^=loading-][data-v-231b1688] {
  display: inline-block;
  margin: 15px 0;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  border-radius: 50%;
}
.infinite-status-prompt[data-v-231b1688] {
  color: #666;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
}


.comment-list li[data-v-5d7a5a0a] {
  border-top: none !important;
  border-bottom: 1px dashed #dbdce0;
}
.btn-operate[data-v-5d7a5a0a] {
  position: absolute;
  right: 20px;
  bottom: 0;
  display: flex;
}
.btn-operate-con[data-v-5d7a5a0a] {
  color: #6765a2;
  cursor: pointer;
}
.btn-operate-con[data-v-5d7a5a0a]:hover {
  color: #8f96e2;
}
.btn-operate .reply[data-v-5d7a5a0a] {
  margin-right: 10px;
}



.noSize[data-v-0819b34e] {
  font-size: 0;
  text-indent: -9999em;
}
.flex[data-v-0819b34e] {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.fl[data-v-0819b34e] {
  float: left;
}
.fr[data-v-0819b34e] {
  float: right;
}
.pr[data-v-0819b34e] {
  position: relative;
}
.clearfix[data-v-0819b34e]:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}






























































































.to-top[data-v-5f7f980c] {
  position: fixed;
  bottom: 78px;
  right: 170px;
  top: auto;
  width: 59px;
  height: 59px;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-743738_7437384b.png) no-repeat;background-size:120px 59px;
background-position:-0px -0px;

  z-index: 999;
  cursor: pointer;
  transition: transform 0.5s;
}
.to-top[data-v-5f7f980c]:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-743738_7437384b.png) no-repeat;background-size:120px 59px;
background-position:-61px -0px;
width:59px;
height:59px;
}
@media (max-width: 1500px) {
.to-top[data-v-5f7f980c] {
    right: 100px;
}
}
.opcity-0[data-v-5f7f980c] {
  opacity: 0;
}
.opcity-1[data-v-5f7f980c] {
  opacity: 1;
}



.noSize[data-v-89fc5d96] {
  font-size: 0;
  text-indent: -9999em;
}
.flex[data-v-89fc5d96] {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.fl[data-v-89fc5d96] {
  float: left;
}
.fr[data-v-89fc5d96] {
  float: right;
}
.pr[data-v-89fc5d96] {
  position: relative;
}
.clearfix[data-v-89fc5d96]:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.mailbox-wrap[data-v-89fc5d96] {
  position: fixed;
  right: 20px;
  top: 87px;
  width: 119px;
  height: 71px;
  cursor: pointer;
  z-index: 101;
}
.mailbox-wrap .close[data-v-89fc5d96] {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-671px -507px;

  width: 14px;
  height: 14px;
  cursor: pointer;
  position: absolute;
  top: -14px;
  right: 10px;
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
}
.mailbox-wrap .close[data-v-89fc5d96]:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.mailbox[data-v-89fc5d96] {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-0px -598px;

  width: 119px;
  height: 71px;
  cursor: pointer;
}
.mailbox[data-v-89fc5d96]:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-121px -598px;
width:119px;
height:71px;
}
.pop-mailbox[data-v-89fc5d96] {
  display: block;
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-0px -0px;

  width: 1025px;
  height: 505px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.pop-mailbox .pop-close[data-v-89fc5d96] {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-576px -507px;

  width: 29px;
  height: 29px;
  position: absolute;
  right: 125px;
  top: 59px;
  cursor: pointer;
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
  transition: transform 0.8s ease;
}
.pop-mailbox .pop-close[data-v-89fc5d96]:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-607px -507px;
width:29px;
height:29px;
}
.pop-mailbox .content[data-v-89fc5d96] {
  width: 600px;
  margin: 80px 0 0 228px;
}
.pop-mailbox .content.content-1 p[data-v-89fc5d96] {
  font-size: 24px;
  color: #754200;
  font-family: SimSun;
  font-weight: 600;
  margin-bottom: 10px;
}
.pop-mailbox .content.content-1 p[data-v-89fc5d96]::before {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-638px -507px;

  width: 31px;
  height: 20px;
  content: ' ';
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 10px;
}
.pop-mailbox .content.content-1 textarea[data-v-89fc5d96] {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/pbox-textarea-bg_459973f1.png) no-repeat;
  width: 574px;
  height: 79px;
  border: none;
  outline: none;
  font-size: 20px;
  padding-top: 3px;
  line-height: 39px;
  box-sizing: border-box;
  background-color: transparent;
  overflow: hidden;
  margin-left: 44px;
  margin-bottom: 10px;
  color: #754200;
}
.pop-mailbox .content.content-1 input[data-v-89fc5d96] {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-0px -507px;

  width: 574px;
  height: 32px;
  border: none;
  outline: none;
  font-size: 20px;
  line-height: 32px;
  box-sizing: border-box;
  background-color: transparent;
  padding-bottom: 4px;
  overflow: hidden;
  margin-left: 44px;
  margin-bottom: 10px;
  color: #754200;
}
.pop-mailbox .content.content-1 .btn-submit[data-v-89fc5d96] {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-0px -541px;

  width: 236px;
  height: 55px;
  margin: 40px auto;
  cursor: pointer;
}
.pop-mailbox .content.content-1 .btn-submit[data-v-89fc5d96]:hover {
  background: url(https://hi.res.netease.com/pc/zt/20190529110735/img/sprite-337613_337613b8.png) no-repeat;background-size:1025px 669px;
background-position:-238px -541px;
width:236px;
height:55px;
}
.pop-mailbox .content.content-2[data-v-89fc5d96],
.pop-mailbox .content.content-3[data-v-89fc5d96] {
  padding-top: 115px;
}
.pop-mailbox .content.content-2 p[data-v-89fc5d96],
.pop-mailbox .content.content-3 p[data-v-89fc5d96] {
  font-size: 24px;
  color: #754200;
  font-family: SimSun;
  font-weight: 600;
  text-align: center;
}
.pop-mailbox .content.content-2 .info[data-v-89fc5d96],
.pop-mailbox .content.content-3 .info[data-v-89fc5d96] {
  font-size: 20px;
  margin-top: 10px;
}
.pop-mailbox .content.content-2 .info img[data-v-89fc5d96],
.pop-mailbox .content.content-3 .info img[data-v-89fc5d96] {
  vertical-align: middle;
  margin-left: 5px;
}
@media screen and (min-width: 1920px) {
.mailbox-wrap[data-v-89fc5d96] {
    right: 50%;
    margin-right: -955px;
}
}