/*图文详情页*/
@import "https://node-test.500px.me/style/hint.css-master/hint.css";
@import "//node-test.500px.me/style/hint.css-master/hint.css";
.msg {
  margin: 0 auto;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  top: -50px;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 90% !important;
  position: fixed;
  background: #0099e5;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  border-top: none;
  padding: 16px;
  z-index: 99999;
  transition: top 0.6s ease-out;
  -webkit-transition: top 0.6s ease-out;
  -ms-transition: top 0.6s ease-out;
  -moz-transition: top 0.6s ease-out;
  -o-transition: top 0.6s ease-out;
  left: 5%;
}
.msg .inside {
  min-height: 24px;
  line-height: 24px;
  padding-left: 40px;
  overflow: hidden;
  font-weight: normal !important;
  background: transparent url("//cdn-uat.500px.me/images/icon/msg_info.png") left center no-repeat;
}
.msg.warning {
  background-color: #222222;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.msg.warning .inside {
  background: transparent url("//cdn-uat.500px.me/images/icon/msg_warning.svg") left center no-repeat;
}
.msg.error {
  background-color: #222222;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-top: 0;
}
.msg.error .inside {
  background: transparent url("//cdn-uat.500px.me/images/icon/msg_error.svg") left center no-repeat;
}
.msg.success {
  background-color: #222222;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.msg.success .inside {
  background: transparent url("//cdn-uat.500px.me/images/icon/msg_success.svg") left center no-repeat;
}
.msg .close {
  padding: 0;
  margin: 0;
  color: rgba(0, 0, 0, 0.3);
  font-weight: normal;
  display: none;
}
.msg .close_x {
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 8px;
  top: 8px;
  background: transparent url("//cdn-uat.500px.me/images/icon/msg_close.svg") center top no-repeat;
  transition: 0.2s;
  transform: translateY(0px);
}
.msg .close_x:hover {
  transform: translateY(10px);
}
@media only screen and (max-width: 679px) {
  .msg {
    width: 100% !important;
    left: 0;
  }
}
#hellobarNew .inside .applink {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #EEEFF2;
  height: 76px;
  padding: 0 16px 0 14px;
}
#hellobarNew .inside .applink-close {
  width: 12px;
  margin-right: 14px;
  -webkit-tap-highlight-color: transparent;
}
#hellobarNew .inside .applink-info {
  flex: 1;
  display: flex;
  align-items: center;
  color: #222;
}
#hellobarNew .inside .applink-info span {
  flex: 1;
}
#hellobarNew .inside .applink-info span b {
  font-size: 14px;
  font-weight: 500;
}
#hellobarNew .inside .applink-info span i {
  font-size: 12px;
  margin-top: 6px;
  display: block;
  font-style: normal;
}
#hellobarNew .inside .applink-info img {
  width: 52px;
  margin-right: 8px;
}
#hellobarNew .inside .applink script {
  display: block;
}
.qy_icon {
  background-repeat: no-repeat;
  background-image: url("////cdn-test.500px.me/images/qianyue/icon_2.svg");
  /* background-size: 34px 34px; */
  position: absolute;
  width: 35%;
  bottom: 0px;
  right: 0px;
  height: 35%;
}
.sidebar__profile_avatar {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.sidebar__profile_avatar .sidebar__profile_avatar_img,
.sidebar__profile_avatar img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.sidebar__profile_avatar:hover {
  opacity: 0.7;
}
.dialog-white-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.7);
}
.agreement-dialog-box {
  width: 640px;
  height: 480px;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #d7dde1;
  background-color: rgba(255, 255, 255, 0.94);
  padding: 58px 0 24px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1001;
  margin-top: -240px;
  margin-left: -320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.agreement-dialog-box .agreement-dialog-title {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: normal;
  text-align: center;
  color: #222222;
  margin-bottom: 16px;
}
.agreement-dialog-box .agreement-dialog-sub-title {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-align: center;
  color: #525558;
  margin-bottom: 30px;
}
.agreement-dialog-box .agreement-container {
  width: 100%;
  flex: 1;
  box-sizing: border-box;
  border: none;
  overflow-y: scroll;
  margin-bottom: 24px;
}
.agreement-dialog-box .agreement-content {
  padding: 0 42px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #222222;
}
.agreement-dialog-box .agreement-content .term_content_per {
  margin-bottom: 8px;
}
.btn_row {
  width: 100%;
  padding: 0 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.btn_row .disagree-btn {
  width: 200px;
  height: 40px;
  background-color: #FFFFFF;
  border-radius: 2px;
  border: solid 1px #0099e5;
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 38px;
  letter-spacing: normal;
  text-align: center;
  color: #0099e5;
  margin: 0 32px 0 0;
  cursor: pointer;
}
.btn_row .agree-btn {
  width: 200px;
  height: 40px;
  border-radius: 2px;
  box-shadow: inset 0 2px 0 0 #00aaff;
  border: solid 1px #0089d2;
  background-color: #0099e5;
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 38px;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin: 0;
  cursor: pointer;
}
@media screen and (max-width: 1080px) {
  .agreement-dialog-box {
    width: unset;
    height: unset;
    top: 16px;
    right: 19px;
    bottom: 20px;
    left: 19px;
    margin-left: unset;
    margin-top: unset;
  }
  .agree-btn {
    width: 240px;
  }
}
@media screen and (max-width: 768px) {
  .btn_row .disagree-btn {
    width: auto;
    flex: 1;
  }
  .btn_row .agree-btn {
    width: auto;
    flex: 1;
  }
}
/*
 人机验证样式
*/
.verify-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2001;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  transition: all .5s;
}
.verifybox {
  position: relative;
  box-sizing: border-box;
  border-radius: 2px;
  border: 1px solid #e4e7eb;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.verifybox-top {
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  text-align: left;
  font-size: 16px;
  color: #45494c;
  border-bottom: 1px solid #e4e7eb;
  box-sizing: border-box;
}
.verifybox-bottom {
  padding: 15px;
  box-sizing: border-box;
}
.verifybox-close {
  position: absolute;
  top: 13px;
  right: 9px;
  width: 24px;
  height: 24px;
  text-align: center;
  cursor: pointer;
}
.verify-tips {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  padding: 0 12px;
  line-height: 30px;
  color: #fff;
  transition-duration: 0.5s;
}
.suc-bg {
  background-color: rgba(92, 184, 92, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, 5C, endcolorstr=#7f5CB85C, 5C);
}
.err-bg {
  background-color: rgba(217, 83, 79, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fD9534F, 4F, endcolorstr=#7fD9534F, 4F);
}
.tips-enter,
.tips-leave-to {
  bottom: -30px;
}
.tips-enter-active,
.tips-leave-active {
  transition: bottom .5s;
}
/* ---------------------------- */
/*常规验证码*/
.verify-code {
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px;
  border: 1px solid #ddd;
}
.cerify-code-panel {
  height: 100%;
  overflow: hidden;
}
.verify-code-area {
  float: left;
}
.verify-input-area {
  float: left;
  width: 60%;
  padding-right: 10px;
}
.verify-change-area {
  line-height: 30px;
  float: left;
}
.varify-input-code {
  display: inline-block;
  width: 100%;
  height: 25px;
}
.verify-change-code {
  color: #337AB7;
  cursor: pointer;
}
.verify-btn {
  width: 200px;
  height: 30px;
  background-color: #337AB7;
  color: #FFFFFF;
  border: none;
  margin-top: 10px;
}
/*滑动验证码*/
.verify-bar-area {
  position: relative;
  background: #FFFFFF;
  text-align: center;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
}
.verify-bar-area .verify-move-block {
  position: absolute;
  top: 0px;
  left: 0;
  background: #fff;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  box-shadow: 0 0 2px #888888;
  -webkit-border-radius: 1px;
}
.verify-bar-area .verify-move-block:hover {
  background-color: #337ab7;
  color: #FFFFFF;
}
.verify-bar-area .verify-left-bar {
  position: absolute;
  top: -1px;
  left: -1px;
  background: #f0fff0;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #ddd;
}
.verify-img-panel {
  margin: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
}
.verify-img-panel .verify-refresh {
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.5);
}
.verify-img-panel .icon-refresh {
  font-size: 20px;
  color: #fff;
}
.verify-img-panel .verify-gap {
  background-color: #fff;
  position: relative;
  z-index: 2;
  border: 1px solid #fff;
}
.verify-bar-area .verify-move-block .verify-sub-block {
  position: absolute;
  text-align: center;
  z-index: 3;
  /* border: 1px solid #fff; */
}
.verify-bar-area .verify-move-block .verify-icon {
  font-size: 18px;
}
.verify-bar-area .verify-msg {
  z-index: 3;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-check:before {
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background-image: url("data:image/png;base64,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");
  background-size: contain;
}
.icon-close:before {
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background-image: url("data:image/png;base64,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");
  background-size: contain;
}
.icon-right:before {
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  z-index: 9999;
  background-image: url("data:image/png;base64,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");
  background-size: contain;
}
.icon-refresh:before {
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAMQpJREFUeNrt3XlcVHX3B/Bz7rCISi6IC+ijkpZpIswMyBLgluVuKm4pqWmEuG/hUpr5uFYoiuaSFrklZvroo+jPFRURZgYVxZ1K3HIXUBSGe35/XC9PWpYL8J2B8/6H1wwGn3sb5sz93u/3fAEYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOM/QUUHYCx59F0ddPVTVdXq5YXkxeTF1O3Ll7H63jdzY3eoDfojTp1UIta1FatCm/D2/C2kxPchttwu0oVyIRMyKxShVpSS2pZuTIkQzIklyuHv+Av+IudHURBFERJkvJbKlQo+IWhEAqhsgz2YA/2d+8WPP/oMXWkjtTx4UMMwAAMuH4d2kE7aHf9OoVQCIX8/jvuxJ2489o1WkJLaMmlS+AHfuB37hwmYAImnDtnNBlNRlNGhvJDiUSfX/ZygiiIgqhMmayJWROzJgYF4Xbcjtv9/akX9aJerq7QE3pCTwcHiIEYiMnMxNpYG2ufOYNTcApOOXDAcNZw1nA2KUn0cTwrLiBMKO+z3me9z9asKa+V18prtVr5tHxaPv3mmzgaR+Nod3cYCANhYMOGyr9+9VXla9myonMXFoqmaIp+8ADDMRzDz56FTtAJOh07RgmUQAkGA17Da3jNYMjrldcrr1dKyrGxx8YeG3vvnujc7I8QdbG6WF3skCFUjapRtYkTcSSOxJHVqr3Yz0tNVb6OH280Go1G43//K/oIn3rkogOwkgzR09bT1tPW3V3jrHHWOLdoIRtkg2zw84PTcBpO+/jgGByDY2rWFJ3U0tEiWkSL8vNxDa7BNSdOkAM5kMOuXTgYB+PgnTvz1uStyVuzbx8XmOKh0+q0Oq2tLW2hLbRl9WrsgB2wQ7duhf17aAWtoBWzZpncTe4m94gI0cf9JC4g7KU0oSbUhCpW1FTTVNNUa98eTGACU9u2uAf34J6WLWEuzIW5VauKzlni6UEP+txcZYju0CGoDtWh+pYt+QH5AfkB69cfxaN4FH/9VXTMkkJ3UXdRd3HBAuWKMTy8yH8hAQENH64MeUZFiT5+FRcQ9kwaN27cuHHjSpVsbW1tbW2DgxEREbt2Vb7bvLny1dZWdE721+gz+ow+S06W+kn9pH7r1+fdyruVd2vdOi4sz0f7rvZd7bs+Pvgv/Bf+KyEBjGAEIxb5+yjNp/k0PytLE6mJ1ES+9lpybHJscuzVq6LPBxcQ9hjlJqCNTbY+W5+tb98eFsEiWNS3LxyDY3CsXTvlsb296JzsJT2aHEBdqAt12bULMzADM5YsgQ/hQ/hw0yblk25enuiYlka7XLtcu3zTJozGaIzu2LG4fz85kzM5jxxpijPFmeLmzhV9PriAlHKefp5+nn4uLtgQG2LDQYOwDJbBMh99BIfgEBxycRGdjxUvOkSH6NDVq7gEl+CSFSvMx83Hzcejo49+c/Sbo99cuiQ6nyjKPY8qVchABjJcuYJe6IVeNjbFHqQNtIE2W7YYpxmnGad16CD6vEiiA7DipfwhNG6sS9Wl6lJ/+EF6KD2UHv76K6ZgCqZMmcKFo3RDX/RF3+rVYQWsgBXjx9uQDdlQero2XZuuTV+2zOui10Wvi6+9JjpncaMP6AP6ICBAWOFQc0RQBEXUqSP6fKj4CqSEKxizvY7X8fqkSaADHejati2usVtWwqhDX+2pPbXfsIFqU22qPW1aSl5KXkre0aOi4xUV3QPdA92Df/8b/MEf/CdMEJvmwgVlem/t2qLPC1+BlDAe8R7xHvENGypXGuvWFdzsAwCAdu24cLCXshgWw2JJUqetSv2l/lL/lBT19abfot+i3+LmJjpmYaMbdINu1K0rOgf4gi/4irsCehIXECvX5OMmHzf52NVVO087TzsvJkZzSnNKcyo1FRAQMDiYCwYrUurr69HrTa4iV5GrnDihu6O7o7sze7Y6e090zJeFC3ABLnjRhYGFiICALGe2IxcQK+OT4ZPhk+HgoNPpdDrdp5/agA3YwOnTGIMxGNO3r/oJUXROVjopK+rLlIGW0BJajh1rF2gXaBd4+rRut263bndIyKN/ZX0faHbADthRrpzoGCCDDDIXEPacPL/0/NLzy8DAXKdcp1ynlBTl2alT1Z5OovMx9pcSIRESnZ1hLIyFsd9/rxunG6cbt2+fOtQqOt4zQ0BAC3jj9gIvEHgT/0lcQCyUcqVRubJypfHdd9IZ6Yx0Zu9epWnf66+LzsfYC9kFu2BXQIDmjOaM5ozJpCMd6WjKFLU1iOh4Fo+vQNjfUWdN5Z7OPZ172mBQnv3gA76XwUoUdUGqHvSgnzwZpsJUmJqQoP9C/4X+C/6A9DTkTu7kzlcg7JHg4ODg4GCNRv0kpvwhHTiAn+An+IkFzPpgrDhMhskwWa+nS3SJLhmNWq1Wq9V+9JHoWJYGwzAMwzQa5ZH4e53CA5RW+vv6+/r7tWqlD0oflD5o9271k9jjLxDGShl1nxZERFy8WHtVe1V7deNGtWmn6HiWol5Uvah6UeKHsizmUqi00J3SndKd6tRJNskm2bR8OY7H8Ti+cmXRuUobSqIkSsrJUVYW37sHw2E4DH+Gwn0QDsLBihV5SLF4YDtsh+06dbLxt/G38U9OVu6VdOmi9OpS980oerSX9tJeRGyGzbCZ6LMCUPZh2YdlH6pDWQ8fisrBfwDFRNtH20fbZ8IELItlsey0afwG9ILCIAzCHj6kntSTep49C6thNaw+fRpDMARDTp/GbtgNu506BTNgBsy4cEFpQXHrltnb7G32vnXLYaLDRIeJt24l1kqslVgrJ+d5f/3jzSadneVj8jH5WNWqmmhNtCbaxYXqUT2q5+xMy2k5La9ZU9mBsHFj/Ba/xW8bNVKuNF9/HQxgAIOdnejTaXW8wAu87t3DbMzG7IEDDSsNKw0r164t6l+rzdJmabNMJqWAeHqKPg1mg9lgNlSqpHRTvnNHVA5+Aysij88qWbhQmQY4cKDoXJaODtABOpCeDtfgGlw7cADfw/fwvf37lfN34ICbm5ubm9vZs7GxsbGxsfn5ovM+L/V1kT83f27+3Pr1bZbYLLFZ4u5OJ+kknQwMpP20n/a3aMGz7Z4RAQF99ZVyRTJunPKkLBf2r9Fu0W7RbklJwck4GSd7eIg+bOW4nZ2V475xQ1QMHsIqZMoWra+8kt8zv2d+z9hY5dnWrUXnshjhEA7h2dlwAS7Aha1boTW0htYbN5pjzDHmmPj4ow5HHY46PL3rq9IDSPRBvLiCNumBEAiBaWnKs+rXtWuhLJSFsn/oknwOz+G5Fi0wHuMxvkUL6A29oXeHDkpBrVJF9PEIh4CAo0frknRJuqS6dW1r2NawrdGnz4teYVoLZYtjSVI2cBOXgwtIIVH/4M3VzdXN1bdsUXo7iL/UFev+faX99O7d0AJaQIvY2JwbOTdybmzYkDYlbUralOxsmAJTYIronJYnJSElISXh8mXl0cqV0AAaQIOVK9VZe+nn08+nn/f1LWhZQ0BAvXuX2sISBmEQ1qVLHuVRHu3Z4z7HfY77nI4dlS1+r1172R+P+ZiP+Tzk/CQuIC9JWejXoIHyyXrnTmgGzaCZq6voXMVN3fEOHdERHRcsKN+8fPPyzdet24f7cB8+eADTYBpME53S+j0+dHfggPpVmZUzblyF7yt8X+H7Nm0gEiIhMjQUVsJKWPnOO6XmnhsCAjZtalvHto5tnQMHlL/PNm2UK9fz50XHKyz2SfZJ9knip/GW/BdUEfFM8EzwTKhXT1otrZZW79tXavbReLT3tjLdctMmnIpTceqSJYb2hvaG9jt3io7HHlfwOh0qDZWGDh2q3IT+8MPS0gKHIimSIn//HbpBN+jWurXpmuma6dqxY8/7c3QjdSN1I48ehXiIh3h3d9HHJblJbpJbjRqit7blAvKcvDt4d/DuULeueb15vXn9vn3oh37oV6uW6FxFpWC6axZmYdaCBTZbbbbabP3qq8O9D/c+3Pv330XnY89H2RDKySn/Qv6F/AsffYRDcAgOGTWqpA99USIlUuLNm+iDPujTurVyRWJ65rsHllZAZHvZXrZ3dX18qLP48RDWM1IX/pkTzAnmhF27SmrhoGRKpmSzGebDfJi/Zk2+lC/lS599drTi0YpHK/76q+h87OUk10yumVzz5k3l0YwZDdc1XNdw3fz5DjkOOQ454eFUn+pT/YkTcSgOxaGOjqLzFhalcDg5KY9271b+ntu2NZQ1lDWUVffL+RvxEA/xljMEKLvL7rI7IiRAAvxz+iIjfAzN0qn7bdBb9Ba9tWdPiWsxogMd6IigA3SADuvWaS5rLmsuN2pkGm4abhoeEqLMM+fCUVKldU/rntY9O9v4gfED4wezZtEYGkNjGjSAYAiG4KVLCz5QlCgVKtBaWktrt29X7pE0b/6P/0kgBEIgkejkKvvR9qPtR4svaMIDWCp1Ixw7WztbO9uEBOUSv0ED0bkKjT/4g/+5c8rK6o8+Ui7p9+wRHYtZFrXtunRdui5dX7oUp+N0nO7nJzpXYVGHaKVvpW+lb7t2NXxk+Mjw0bZtT/47pdCo904aNxadW5l1V7u2Mi38wgVRMfgK5AnqSmPb8bbjbcevW1dSCof6SZKaUTNqNnu27VjbsbZj3d25cLC/cyTwSOCRwLQ0U1dTV1PXgAByJmdyHjlS+e79+6LzvSz0Rm/0dnAgIxnJuHGjsrPne++p31c6SAQEwAgYASMsYEfCR+Tecm+5N1+BWBztae1p7emoKOyNvbH30KGi8xQOkwnLYTksN3CgId4Qb4hXN6Ri7MUon8hffVV5tHSp8vUZhoIsXMGQ3VbYCluPH7eYledPUFqZ1K0reoiZC8gjavtotQuo6DwvTL2nYQADGL7+uryxvLG8MSJCWY9R0saymWVA1LvoXfQuI0bIF+WL8sXZs5UmlZazb0VJo3HRuGhc3NySNidtTtr8yy+icpT6ISx9qj5VnxoUpBSOBQtE53lRdJgO0+HMTPkr+Sv5q27dlLHRMWO4cLCiR2S4bLhsuBwZSV/T1/R1y5Z0iA7RIXHrE1jxKLUFRNlfoE4dpVvr+vXKs+L767+Y1FTNVc1VzVUvrxTHFMcUxw0bRCdipVPKmJQxKWPi45V7bTodTaAJNOEZpsmy55IXlBeUF1T4TSOfV6krIGovIRu9jd5G/8MPVruAahksg2U//qg88PFR5vefOSM6FmMA/+vl9SD/Qf6D/ObN6Uf6kX785hvRuUoKzWDNYM1g8QWk1I1Rnrc/b3/e/pNPlGaHb70lOs9z2wSbYFN0tLGmsaax5rBhypPiX0iM/RVlnUlurvIoLEz3ve573fe//gpREAVRM2eKzmet8lvlt8pvJX47g1JzBaIP1AfqAz09ldlIkyeLzvO8aAWtoBWzZimFY8gQ5VkuHMy6FCxYnEbTaFp4OIRCKITy6/h52bjauNq4ij9vJb6AKF1K7e3pHt2je99/by07wdEiWkSL8vPhM/gMPgsLM7mb3E3uERGiczFWGExtTG1MbRYuhMWwGBb37as8m5cnOpe1eOj90PuhNxeQIlehZ4WeFXqql8oWsIL0n6ifyE7BKTj1wQfGTsZOxk48dsxKJmUh6+rVFEIhFNKjR8EHJ/a3bNfYrrFdwwWkyHh+6fml55eBgbARNsJG9V6B5aOVtJJWDhtmCjGFmEJWrRKdh7HioPRe+/lnyIRMyBw9WnQeS2e7yXaT7SYuIIVOnWUl1ZfqS/WjopRLZPEbr/wT8iRP8pwyxRRvijfFR0eLzsOYCKZWplamVvPm0WbaTJvV6fXsSXmd8jrldRJ/pWbxb6zPKz09PT09/aOPYCpMhalNmojO848ezaoyLTMtMy37/HPRcRizBPI5+Zx8bvBg8AEf8Ll+XXQeS1PmtzK/lfmNr0AKjU+GT4ZPRuXKysYxX3whOs8/WgSLYNGGDY9Px2WMAahNHK9fV3b6DA8XncfSZEVkRWRFcAEpNHmYh3k4derjG8dYHppBM2jGmTOaSppKmkr9+yvPin8hMGaJlJY8sbE8pPW4SmMqjak0hoewXpq+j76Pvs+bb5ILuZBLaKjoPE8VDuEQnp0tl5HLyGXeey+pflL9pPqZmaJjMWYNzKvMq8yrwsOVfTBu3BCdR7RsXbYuWye+gFj9SnQ6SSfp5FdfWXr3TzKTmcwffqjuryA6D2N/5BXsFewVXL268qh6dfm8fF4+b2+PU3EqTnV0pMk0mSaXL6+8gf9Fz7gFsAAW2NjQEBpCQ/6wFe7H8DF8fOcOfoPf4DfPsKMfAgLev4+f4+f4+cOHT36belJP6rluHfwIP8KPgweLPm/F7lG3beMS4xLjEvHrZqy2nbtOq9PqtE2bKi+4xETReZ6G3qF36J3ISNN003TT9FGjROdhpZPSPLRiRRudjc5GFxKi/N107qxcGXt5QTREQ3T58qJzsn+gBz3oc3ONi42LjYvt7UXHsdohLNpKW2nr+PGiczzVRJgIE9PSMqtnVs+sbsE5WYmm3abdpt02eLDmoOag5uD580rhmDdP+W7z5lw4rExTaApN1d5i4lnskM/TFNzz+Iw+o886dhSd508erSSXt8vb5e0DB55bfG7xucV/vhRnrCjpZutm62ZHR8MkmASTSuFQT0mlAQ1oxA9dqazuCoReo9fotYgIMIIRjOL3BP6TztAZOkdFpSxOWZyy+NAh0XFY6aIM7Q4bVmrvEZRwVJfqUl3LuQKxmgKi36Lfot/i5kaTaBJN6tFDdJ4/GQtjYeyvv+bszdmbs/fTT0XHYaWLUjgqVFCGOHhBaollYUNYVlNA5GPyMfnYuHEWO9tqNsyG2aGhyv4H2dmi47DShcpTeSrfpw8kQRIkVawoOg8rIjLIIPMQ1jPzPut91vvsK6/gT/gT/qS2fbY0O3YoC5527BCdhJVO2AybYbOWLUXnYEWMgIC4gDwzcw9zD3OPnj2VR2XLis5T4LGNcHiWFRNMBzrQubmJjsGKFgZgAAbwENYzwxbYAluoLT8syFW4ClfXrFH2MzCZRMdhpRu1ptbU+g8L+FgJxlcg/8gj3iPeI75hQ9gDe2CPj4/oPAXCIAzCHj7UJGuSNcl8s5xZBpyEk3DS7duic7Ai1hyaQ3O+AvlHmhRNiibFAq88FsEiWLR8edLmpM1Jm3/5RXQcxgAAoA/0gT7nzomOwYrYHtgDe65eFR1DZXEFRJmOaGurbLBkQTfNH93zkDZJm6RNc+eKjsPYH+FwHI7DeRJHiXcQDsJBy+mlZ3EFRF4vr5fXv/sujsSROLJaNdF5CiyGxbB427bkmsk1k2ueOSM6DmN/ZH/C/oT9idhYZT+cmzdF52FFQ+or9ZX6xsaKzlGQR3SAPwXqJnWTullgi5JdsAt2qT2EGLMsB28evHnwZlYWtISW0HLyZNF5WFHYuDE5Njk2OfbIEdFJVBZWQBBhNIyG0W3aiE6iomk0jaadOGGsaKxorLhzp+g8jP0dU7wp3hQfHU0hFEIhP/wgOg97Sf7gD/7nzklukpvkFhYmOs6TLKaA6AP1gfpADw/4Gr6Gr11dRedRKbNboqOVR8+wnwFjFsA03DTcNLxfP+XRzJm0iBbRIvEbELFn1BJaQsv9+8255lxzbrNmypWH5dw8V1lMAVFaMLRtKzrG4/LylJWfljPmyNizk2VlndL48VKUFCVFeXjQJtpEm9asocN0mA7zjpjCPdogSpmeq+5r9P77xtnG2cbZzZod/eboN0e/uXRJdMynsZhuttqftD9pfzp4EKfjdJzu5yc6D0RCJETGxRkDjYHGQMsZUmOsMDRc13Bdw3V2duViy8WWi23Y0DzLPMs8q1YtTT9NP00/Z2c5W86Ws//ccw5H42gcXb48mMEM5r/YmTAKoiCqXDlaQStohZ3d8+bCnbgTd5Ypo3S1dnB40eOjZbSMlt27Bz2hJ/QshHUTs2E2zM7MxLfxbXz7+a/kcASOwBFEspPsJDtdvy6Nk8ZJ465exbbYFtsmJSmTc6xv8oPwAuKT4ZPhk1G5cu6V3Cu5V65dwzAMwzCNRnQumANzYM4HHxhbGFsYW8TEiI7DGGOWRnhXW/N483jz+Nat8SSexJPiCwdFUzRFP3hg42TjZOO0caPoPIwxZqmE3wMhLWlJazmtSjAcwzE8Li6pflL9pPo8RswYY08jvIDAG/AGvOHtLTqGSpm2+3//JzoHY4xZOmEFJIiCKIhsbJQuoh4eok+Eit6it+itPXtE52CMMUsn7B7I/e73u9/v/uabmI7pmP7isy0KzQgYASOuXUtxTHFMcTx1SnQcxhizdMKuQPL75PfJ7+PlJfoEqCiLsihr9+5Hj3jBIGOM/QNx90BOwAk4odOJPgEFJ2KptFRaunev6ByMMWYthBUQvIk38aZeL/oEqEgiiaTkZNE5GGPMWggrIDSLZtGs+vVFn4DH9zbnex+MMfasir2AqCvPsSk2xaavvCL6BMBxOA7H09OVnkH374uOwxhj1qLYC4j5ffP75vdr1xZ94AUOwkE4ePy46BiMMWZtir2AyF3lrnLXOnVEH7iKfMmXfE+cEJ2DMcasTfHfA2kEjaDRv/4l+sALTsCv0q/Sr6dPi87BGGPWptgLCLqjO7pb0BXISlpJKy1voxbGGLN0xX8F0gbaQBvLKSDSIGmQNOj6ddE5GGPM2hR/ASEgoBo1RB+4StnA6sYN0TkYY8zaFHsBoZk0k2ZWqiT6wFXZKdkp2SnXronOwRhj1qb4r0DKQBkoU6GC6ANX3L2b1j2te1r3QtjykjHGSpniLyB2YAd2llJAeOEgY4y9qOKfhbUcl+Nye3vRBw6+4Au+3HWXMcZeVLEVkODg4ODgYI0GjGAEI6LoA+cCwhhjL6fYCkhKQEpASoCNsA2sGGOMFa5iKyB21e2q21XnT/yMMVZSFFsBUWY75eWBDnSgs4BCcggOwSELGEpjjDErVcw30YnAG7zBW/y0WepDfahP5cqiczDGmLUq/mm8RjCCMSdH9IFjOIZjeJky/k7+Tv5Ojo6i8zDGmLUp/gISBEEQdOeO6ANXPajzoM6DOlWris7BGGPWpvgLyByYA3Nu3RJ94CpyJmdydnYWnYMxxqxN8ffC2k7bafvNm6IPvOAE+Ev+kj9fgTDG2PMq/pXoC3EhLrSc5oWyXtbL+po1RedgjDFrU/xDWJWhMlS+cEH0gauwMTbGxg0bis7BGGPWpvgLyApYASsyMkQfuIrKUlkq26iR6ByMMWZtir+AAACABV2BfIqf4qdcQBhj7HkVewGR58vz5fmnT4s+8AKJkAiJzs4e8R7xHvE8G4sxxp5VsReQepH1IutF/vILRVM0RT94IPoEFJyIddI6aV3jxqJzMMaYtdAU9y9MS0tLS0sjcnF0cXRx7N4dfoPf4Ldq1USfCGm7tF3afvbsZfNl82Xz/v2i8zDGmKUTdA8EAKpAFahiMok+ASoaQSNoRIsWonMwxpi1EFZA6Cf6iX46dEj0CSjI05k6U2c/P58MnwyfDAcH0XkYY8zSCdvgCQEBwXIKiNpcMdc31zfX19dXeXb3btG5GGPMUgm7AjGajCaj6cQJ5dHdu6JPRIEBMAAGNG8uOgZjjFk6cfdAAABAlpWvhw+LPhEFMiADMt55R3QMxhizdIILCAAYwAAGCxrKmopTcaqXl8cwj2Eew+rXF52HMcYslfgCchfuwt2DB0XHeJLGXeOuce/RQ3QOxhizVMILyN2YuzF3Y+Lj6TAdpsOZmaLzFFgIC2Hh+++LjsEYY5aq2BcSPunWtlvbbm3Lz3eRXCQXydMTzsAZOGMBvakQELBKlZpv1Xyr5lubNl1Ou5x2Oe3qVdGxGGPMUgi/AinQGlpD640bRcd4krxUXiov7d1bdA7GGLM0llNAhsAQGLJ1K+hBD/rcXNFxVHScjtPxDz90n+M+x31OuXKi8zDGmKUQPoSlunLlypUrVx4+dIl0iXSJ9PeH7bAdtterJzoXxmEcxjk4SD2lnlLPS5eurLqy6sqq5GTRuRhjRcfrotdFr4uvvVa9SvUq1av4+ro2c23m2qxBg2oPqz2s9tDRMcAnwCfA5/ff1d5+ovOKImwl+tPgcByOwzduJIkkkt59V3SeglzZmI3ZI0Yoj775RvmqrmNhjFmj4ODg4OBgjSb9fPr59PP9+9NMmkkzx46VO8md5E6vvaZ0zAAgICAAkEACCQDS09PT09Pv3tVO107XTl+7Vr4qX5WvfvXVkagjUUeizp4VfVzFBUUHeJIyVFS1qu0523O25zIylHUidnaic6kohEIopEsX03DTcNPwn38WnYcx9vx0Wp1Wp61ShSIogiLWr8dZOAtnBQW93E/Ny4NBMAgGzZgBS2AJLJk2Tem4kZcn+niLisUVEJUuRZeiS1m7FgbCQBhoOesxaBftol0HD5oqmiqaKr71lug8jLFnpwxNOTnJHeWOcscDB5TZlg0aFPovagNtoM2WLXer3q16t2q3bueGnRt2btjDh6KPv7BZzk30J3mAB3ioQ0WWA1tiS2zp76+7qLuou9i2reg8jLF/pg5VyWlympy2YUORFQ7VNtgG29q3f6XtK21faTt3rujjLyoWW0CMaEQj7tsHARAAASdPis7zJEqlVEqdPVt9YYrOwxh7uvT26e3T248ZA+NhPIwPDCyu34uzcTbODg319PP08/TT60Wfh8Jm8W98NSrWqFijoq0t3sf7eN+Cbqrvxt24u2rVW7du3bp169IlZRaZ0Sg6F2Psf7wWeC3wWtCokTIpZ80a5Z6qTfFNHroCV+AKIprRjGZJUt4nNm8WfV4Ki8VegajyLuVdyrv0/feUREmUlJMjOs+fzIW5MHfqVH8nfyd/J0dH0XEYYwBBFERBZGMj15HryHW++w4WwSJYZG8vNlXJu2dq8QUkNTU1NTX19m2IhEiIXLNGdJ4n4UgciSOrVXtw6cGlB5ciIkTnYYwBZK/OXp29etgwmAyTYbL4oSNKpmRKrl1bdI7CZvEFRCVfkC/IF2bOVP5HmM2i8/yJP/iD/9ix+kB9oD7Q01N0HMZKoybUhJpQnTqwH/bD/qlTRecpkAzJkIwWO+v1RVlNAVEX6OAMnIEzVq4Uneev2dqSjnSk++67husarmu4znLWrzBW8iHa7LfZb7N/0SLlDdtyWg/halyNqy9eFJ2jsFlNASmwATbAhmnTlAcWuEAnHuIh3t29TL0y9crU+/RT0XEYKw309fX19fXDw2EkjISRljPZpkAf6AN9jh0THaOwWV0BMRqNRqPx/HnqRb2o1w8/iM7zVB7gAR4REV51vep61fXyEh2HsZJI30ffR9/nzTflU/Ip+dTs2aLzPA2GYiiG7tghOkdhs7oCorLZZ7PPZp/lXomgF3qhl41N/on8E/knfvjB+6z3We+zr7wiOhdjJYHaHZvSKI3SYmPRG73R28FBdK4/CYMwCHv40DzPPM88b8MG0XEKm9UWkKTNSZuTNv/yC8RCLMSuWCE6z9NgAAZgwOuvmx3NjmbHmJhHz5a4m2mMFSebXja9bHotXVrkK8pfEt2je3Rv3bojgUcCjwRevy46T2Gz2gKiyvsp76e8nz79FIbBMBh2+7boPE+D7bAdtuvUSZukTdIm8b0Rxl6EvpK+kr7SuHHYCTthp169ROd5GlpEi2hRfj4NoAE0YMYM0XmKSon5JKzT6XQ6XViY8mjhQtF5nioUQiFUlukG3aAbnTqZJpgmmCZs2SI6FmOWTDtBO0E74Z13oDN0hs7//S+GYRiGWXALIQICWrZM6cY7aJDoOEWlxBQQhSRpN2k3aTclJuJUnIpTLf3m9d27+Aa+gW+89ZZhpWGlYeXx46ITMWZJ1FYksqPsKDvu3w9REAVRlSqJzvU0lEiJlHjzJjbFpti0QQOlgNy4ITpXUbH6IazHyTJ8Dp/D52Fh6iWk6ER/r0IFeofeoXd27dJ/of9C/8Xrr4tOxJglaPJxk4+bfOzqKq+QV8grtm619MJRYCtsha3jx5f0wqGy3EvAF3TlkRquNVxruDo74xk8g2e8vUXneqpESITEcuWoP/Wn/u3aVS1btWzVsuvX/2743fC7IStLdDzGipNPhk+GT0blyuAADuCwZ4+yolz81tb/hCbQBJqQkGB6z/Se6b2hQx89W+K3ui1xBUTlkumS6ZKZkAB+4Ad+ISFwES7CRcttdog7cSfurFRJ6i/1l/q/+67LWZezLmfXrVPK4f37ovMxVpSUHQIrVJCvydfka9u2QQzEQIzltwRSm7xiCIZgSLt2yt9ryZtt9TQlbAjrf5RLyLt35SA5SA4KCVFvXovO9Y/+Df+GfzdsqExP3L7dI94j3iPe2Vl0LMaKglo4oAW0gBZxcbAH9sAeHx/RuZ7ZQTgIBz/7TFngfOqU6DjFrcQWEFVKcEpwSvCuXeRDPuQzZ47oPM9Hq5UeSA+kBwcOeHfw7uDdoW5d0YkYKwwFhQMAALZvt7bCoW5t/er8V+e/Oj8yUnQeUUrYLKynU/cHyI7LjsuOi4+HSTAJJvn6is71rOgQHaJDV69KraRWUqu2bQ3xhnhDfEqK6FyMPQ9lun2NGsojdfq6Vis61zPzBm/wvnPHvNC80LzQ0/MoHsWj+OuvomOJUuKvQFT7cB/uQ7MZ8zEf8/v0ocN0mA5nZorO9azQF33Rt3p16kf9qF98vO6O7o7uzttvi87F2LPwzPLM8sx64w3lnuShQ8qzVlQ4HsEszMKssLDSXjhUJfYm+tNcXn159eXVt2/XqFejXo16GRl4GA/j4S5dROd6ZsmQDMl2dpAGaZDWo0eNcjXK1Sh3+/aV3678duW35GTR8Rj7Ix3pSEfNmuFaXItrd+yA9bAe1levLjrXi1m0yLjduN24fdYs0UksRakZwnoa5ZJaXbmurmS3VqtX53yS80nOJ6Ghad3Tuqd1z84WnYiVTrpVulW6VaNGKV2zZ81Sm4uKzvW81Om5D/If5D/Ib95c+bvKzRWdy1KUmiGspylvKG8obxg2DN6Bd+Cd7dtF53k5vXs72DjYONgcPlwwZMBYMVA2UCtfXpeiS9GlrF0LX8PX8PVXX1lr4QBf8AXfy5dxOk7H6d26ceH4a6W+gKj3RjT9Nf01/bt3p320j/ZZcUuRR9OApVgpVopNStJqtVqt9qOPlG9yF2BWuLTvat/Vvuvj44AO6IAmEwyEgTCwRw/RuV6Uuq4DEiABErp0UabnXrkiOpel4jeUJ6gtFGwCbAJsAg4fVj5JubqKzlU4DhzAztgZOw8caPjU8Knh09OnRSdi1qVgNmNMdkx2zOjRSouRL75QvmtrKzrfC3u0TkzuJfeSewUHpzimOKY4lrz9OwobF5CnUHcSlCvLleXKe/cqz5YtKzrXyyr4hPVoAZQ6jz02NjY2NtbSe4cxUTxDPUM9Q319sQN2wA4LF+JknIyTPTxE5yoseAWv4JVRowyXDZcNl0vvuo7nxQXkH+hO6U7pTnXqBO/D+/B+bKzyrBV/0noC7aW9tDclheIojuLGjlUXXorOxcTyuuh10euik1N+bn5ufu6sWTgTZ+LMAQPACEYwlqCh0P7QH/rPmGEcYhxiHDJhgug41qbkvBCKmH6Yfph+WNeudJAO0sE1a5RnS04hedyOHVgOy2G5iAhesFg6KLMRy5ZVNmYbOpRepVfp1XHjcDgOx+GVK4vOV9ioA3WgDgsWmKaYppimqM0P2fPiAvKclNlNXbpIzaRmUrO1a5VnS2AhUXuHLYbFsHjtWnm+PF+eP3lyil+KX4rfuXOi47GXUy+qXlS9KHv7ivMrzq84f9Ag+YR8Qj4xcaK6YFV0vqJCsRRLsd9+a3IzuZnc1I2eSn7X3KJS6mdhPa/Hb6699x6EQRiEPXwoOlehWwyLYbH06PXRu7d0XDouHT99Wrtau1q7+v/+zzPdM90zvUMH5fslaEijhFJ7T2l3andqdw4fXsGpglMFp/Pn6RV6hV6ZP7+kFw6IhViIXbJEKRzqrEQuHC+L//BfknLp37kz6EEP+h9/BAMYwGBnJzpXcaHP6XP6/MgRuA/34f68eZlXM69mXl2z5tywc8PODSuBhdVKKAWjaVNl5feAARAMwRDcp4/yXeufDPLMtsE22DZ3rrGqsaqx6qhRypNcOAoLF5BCohSSdu0gHMIhfO1aiIZoiC5fXnSuYjcMhsGw27fpOl2n6z//jANxIA5cu9ZtkNsgt0G7d/Nsr8Klv6+/r79fq5ZskA2yoUcPvIE38Eb//gXbApQ2j4ZeqQE1oAaffGIKNAWaAr/8UnSskooLSCHzCvYK9gr28MgfnD84f/DmzTgGx+CYmjVF5xKNIimSIn//Hd3QDd3WrwdXcAXX9etzYnNic2ITEnil79/TVtVW1VZ1d1dWRnfsCCfhJJzs3BmyIAuytNoSNzvqhdy/L++V98p7+/bldRzFo5S/4IqOp5+nn6efi4s0QZogTdi0CSbDZJis14vOZZnu36fRNJpGJyRIA6QB0oC9e+EW3IJbe/aUcyjnUM4hKUntGCA6aWFTF+Zl2mXaZdo1aiStllZLqwMDyZ/8yT8wEHfhLtwVGAhzYS7MrVpVdF5Lo25zoHld87rm9Y4dk39J/iX5F24qWly4gBQxdXokhVIohcbE4GJcjIu7dhWdy2p4gRd43btHs2gWzTpxQlnwdeKE0uTu5EnpXeld6d3jx/MG5Q3KG3TypNJm+7fflP+4+Me63ee4z3GfU66c3VG7o3ZH69bNn5o/NX9q3bo4GAfj4FdfhVbQClo1boxrcA2u8fBQJmE0agSLYBEssrcXfbqtS2oqEBBQ+/bKDqQXLohOVNpwASlWiLoFugW6Bf/+NxyDY3AsIoKHHgoXJVMyJZvNYAYzmG/cgFzIhdz/fcUojMKoa9cgBEIg5M6dZ/65QECg0WAwBmOwkxO0hJbQ0slJ+blVqkAe5EFelSqQCImQyFsQF5l20A7a/fyzpq+mr6Zvv35J9ZPqJ9W3nn19Shp+4xKkYEOoltASWn7/vfKsulMbYwwAgKIpmqIfPIBsyIbsiAhTK1MrU6t580TnYgouIIJ5xHvEe8Q7O2t2aHZodixfrkw7bN9edC7GRKJpNI2mnTiBE3EiTuzVSxmiSk0VnYs9jguIRUFU2q8PGoSIiKg2dStF8/ZZ6aQDHeiIIAIiIGLpUltbW1tb2xEjEmsl1kqslZMjOh77a1xALJQ6bRPSIR3SV63CIAzCoDffFJ2LsULlB37g99tvShv1jz9WWuXExYmOxZ4NtzKxUKZrpmuma8eOYSAGYqBWq8xCGjGCDtNhOsw3DZk1y8tTvkZF5QTkBOQEvPkmFw7rxFcgVkZdX4I9sAf2mDkTT+AJPNGnD8/mYpZvz578yPzI/MghQ44EHgk8EpiWJjoRezn8hmPl9Kn6VH1qUBD1o37Ub/585dnGjUXnYqXcoz3FoQt0gS7jxxtbGFsYW8TEiI7FChcPYVk5Q2NDY0PjffuUhQo6nTrUBT7gAz7Xr4vOx0oHdUU4jIJRMGr0aDgEh+BQ/fpcOEo2vgIpodQV0TaeNp42ngMHKiu4J0zglhisUIyAETDi2jWQQQb566+VvdHnzzcajUaj8f590fFY8eACUkp4n/U+6332lVfMn5g/MX8SGoou6IIuI0YonxRdXETnYxZuFIyCUZcugR3Ygd2sWeW7le9WvtvSpUqPsgcPRMdjYvAQVimhtnwwbTBtMG2YMycnMCcwJ7BuXWXr2g8/LNjXgzEAUDok7N+PNbAG1ggJuXvz7s27N1991RhsDDYGz5/PhYMB8BUIe4JnqGeoZ6ivLzbEhtgwLAyaQlNoGhyM4RiO4WXKiM7HChfNo3k079YtfA1fw9diYmQH2UF2WLJEaYd+8qTofMyycQFhf6sJNaEmVLGiTZxNnE1c166URVmU1bcv3sE7eCcg4PGtb5lly8tT2ubv26c0m/zuO8e+jn0d+/70E19RsBfBBYS9EHUnPPov/Zf+27mzsg6lc2eaTtNpemAgeqEXetnYiM5ZOt29C8tgGSyLi4McyIGcTZtyQ3NDc0Pj4lJTU1NTU2/fFp2QlQxcQFih8snwyfDJqFw51y3XLdft7bexMTbGxq1awTgYB+NatYI5MAfm1KkjOqfVerRlK1SBKlDl1Ck6Rsfo2O7dOAJH4Ij//CdnR86OnB379vEOj6w4cAFhxUq/Rb9Fv8XNTR4gD5AH+PmhCU1o8vGBTtAJOvn6Kv9KXQhpays6b7FT95RHQsLERGgADaBBYiJshI2w8fBhjMM4jEtMVLrT3r0rOi4r3biAMIui0+q0Oq2tLV2ki3TxjTfgS/gSvmzcGDMxEzMbNYIgCIKgWrXgB/gBfqhdW5k95uqKq3AVrnJ1tZid/fSgB31urrID4W+/QTWoBtXOnwc3cAO38+dhH+yDfenpShfa8+el8lJ5qfzJk8k1k2sm1zx7Vvkhxb+jImPPgwsIK1G8gr2CvYKrVzdfMl8yX6pZU1ouLZeWu7pCb+gNve3sKIIiKKJcOZgJM2GmnZ2UJWVJWXZ2NIkm0aRy5ZQFcYjkS77kW768ci8nK0uZrXT7Ni7ABbggKwuGwlAYmpmpdJHNytL8R/MfzX+ysiAO4iDuxo26H9T9oO4Hly/HxsbGxsbm54s+L4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYKzb/D4DEm9oGCaFQAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTEyLTE1VDE1OjU3OjI3KzA4OjAwohG+LwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0xMi0xNVQxNTo1NzoyNyswODowMNNMBpMAAABPdEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX2NrMWJ6YTB6ajlqamRjeHIvcmVmcmVzaC5zdmejF0ikAAAAAElFTkSuQmCC");
  background-size: contain;
}
.verify-img-out {
  height: 200px;
}
.siderEmbed {
  margin-top: 80px;
}
.sliderPopup,
.pointPopup,
.pointEmbed {
  margin-top: 40px;
}
html {
  background: #f7f8fa;
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 131.25%;
  /*10 ÷ 16 × 100% = 62.5%*/
}
html.pxLightbox {
  overflow: hidden !important;
  height: 100%;
}
@media only screen and (max-width: 1379px) {
  html {
    font-size: 112.5%;
    /*10 ÷ 16 × 100% = 62.5%*/
  }
}
@media only screen and (max-width: 1179px) {
  html {
    font-size: 93.75%;
    /*10 ÷ 16 × 100% = 62.5%*/
  }
}
@media only screen and (max-width: 679px) {
  html {
    font-size: 75%;
    /*10 ÷ 16 × 100% = 62.5%*/
  }
}
html.windows,
html.windows body {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", "Microsoft YaHei", Arial, sans-serif;
}
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  font-size: 0.57142857rem;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.hidden {
  display: none !important;
}
.vHidden {
  visibility: hidden;
}
.px_topnav__link_text {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.webuploader-container input {
  display: none;
}
/*解决mac本下面chrome中下拉框一直是圆角的问题*/
select.select-common {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media only screen and (max-width: 679px) {
  .instructions_contest .weibo,
  .instructions_contest .weixin {
    float: none;
  }
  .instructions_contest .mobile_show {
    display: block !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), (min-device-width: 320px) and (max-device-width: 568px) {
  * {
    -webkit-overflow-scrolling: touch;
  }
}
/*这里放一些500px.me上面一些公共组件的样式*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.non_mobile_follow {
  display: block;
}
h1 {
  font-size: 1.71428571rem;
  font-weight: 400;
  color: #525558;
  margin: 1.52380952rem 0 0.95238095rem;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
  cursor: default;
}
a {
  text-decoration: none;
  outline: 0;
}
.allowblank {
  margin-left: 5px;
  color: red;
}
/*button begin*/
.button {
  cursor: pointer;
  text-align: center;
  position: relative;
  font-weight: 700;
  color: #FFF;
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  line-height: 28px;
  -webkit-border-radius: 3px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  text-decoration: none;
  background-color: #0870D1;
  border: 1px solid #005cbd;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  -webkit-transition: background-color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}
.button .value {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.button:hover {
  background-color: #168af6;
}
.button.disabled {
  border: 1px solid #b9b9b9;
  background-color: #b9b9b9;
  pointer-events: none;
}
.button:hover:active {
  background-color: #0870D1;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset;
}
.button:focus {
  outline: none;
  -moz-outline: none;
}
.button.mini_follow {
  font-size: 12px;
  line-height: 22px;
  height: 24px;
  padding: 0 8px;
  background: 0 0;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #0870D1;
  font-weight: 400;
  border-color: #0870D1;
}
.button.mini_follow:hover {
  background-color: rgba(0, 153, 229, 0.1);
}
.button.mini_follow:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.button.mini_follow.disabled {
  color: #bfbfbf;
  border-color: #bfbfbf;
}
.button.follow {
  padding: 0 10px 0 22px;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-image: url('//cdn-test.500px.me/images/icon/jiahao.svg?dc=1');
}
.button.follow.mini_follow.followeeMe {
  background-size: 10px;
  background-image: url('//cdn-test.500px.me/images/icon/arrowFollow.svg?dc=1');
}
.button.following {
  width: 80px;
  border-color: #2fab41;
  background-color: #34bf49;
  color: #FFF;
  padding: 0 10px 0 25px;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 11px 10px;
  background-image: url('//cdn-test.500px.me/images/icon/duihao.svg');
}
.button.following.followTogether {
  width: 90px;
  background-color: #525558;
  border: solid 1px #525558;
  background-image: url('//cdn-test.500px.me/images/icon/arrowFollow_2.svg');
  display: inline-block !important;
}
.button.following.onlyDisplayOnce {
  display: inline-block !important;
}
.button.following:hover {
  background-color: #ff3442;
  border-color: #ee202e;
  background-image: none;
  padding: 0 0 0 3px;
}
.button.submit {
  background-color: #34bf49;
  border-color: #2fab41;
  text-shadow: 0px 1px 0px #2fab41;
}
.button.submit:hover {
  background-color: #41cb56;
}
.button.submit:hover:active {
  background-color: #34bf49;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset;
}
.button.only_icon {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 36px;
  height: 30px;
  min-width: 0;
  padding: 0;
  vertical-align: middle;
  line-height: 0;
  background-color: transparent;
}
.button.only_icon:hover {
  background-color: transparent;
}
.button.only_icon:hover .icon {
  fill: rgba(255, 255, 255, 0.4);
}
.button.new_like {
  padding-left: 40px;
  text-align: center;
}
.button.new_like .icon {
  height: 20px;
  width: 20px;
  top: 0;
  margin: auto;
  bottom: 0;
  position: absolute;
  left: 0px;
  right: auto;
}
.button.new_like .icon .shape {
  fill: transparent;
  stroke: #fff;
  stroke-width: 2px;
  stroke-dasharray: 150;
  stroke-linejoin: round;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.button.new_like.only_icon {
  padding-left: 0px;
}
.button.new_like.only_icon .icon {
  width: 24px;
  height: 24px;
}
.button.new_like.liked .icon {
  -webkit-animation: heart_animation .8s linear both;
  -moz-animation: heart_animation .8s linear both;
  animation: heart_animation .8s linear both;
}
.button.new_like.liked .icon .shape {
  fill: #fff;
  stroke-opacity: 0;
}
.button.tertiary {
  background-color: #f7f8fa;
  border-color: rgba(185, 193, 199, 0.5);
  text-shadow: none;
  color: #71767a;
}
.button.tertiary:hover {
  background-color: #eeeff2;
}
.button.tertiary:hover:active {
  background-color: #f7f8fa;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset;
}
.button.large {
  min-width: 250px;
  height: 50px;
  text-align: center;
  line-height: 48px;
  font-size: 20px;
}
.button.medium {
  min-width: 180px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
}
.button.disabled {
  cursor: default;
  opacity: 0.5;
}
.button.phone {
  vertical-align: baseline;
  padding: 0 0px 0 23px;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-image: url('//cdn-test.500px.me/images/icon/contact.svg?dc=1');
  color: #ffffff;
  margin-left: 5px!important;
}
@-webkit-keyframes heart_animation {
  0% {
    opacity: 0;
    -webkit-transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    opacity: .5;
    -webkit-transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    opacity: 1;
    -webkit-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-moz-keyframes heart_animation {
  0% {
    opacity: 0;
    -moz-transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -moz-transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    opacity: .5;
    -moz-transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -moz-transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -moz-transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -moz-transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -moz-transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    opacity: 1;
    -moz-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -moz-transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -moz-transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -moz-transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -moz-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -moz-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -moz-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes heart_animation {
  0% {
    opacity: 0;
    -webkit-transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.3, 0, 0, 0, 0, 0.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.585, 0, 0, 0, 0, 0.585, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    opacity: .5;
    -webkit-transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.925, 0, 0, 0, 0, 0.925, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.158, 0, 0, 0, 0, 1.158, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.233, 0, 0, 0, 0, 1.233, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.049, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    opacity: 1;
    -webkit-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.956, 0, 0, 0, 0, 0.956, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.928, 0, 0, 0, 0, 0.928, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.985, 0, 0, 0, 0, 0.985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.022, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.993, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
/*button end*/
.full-aspect-ratio-photo-grid {
  min-height: 325px;
}
.full-aspect-ratio-photo-grid .empty_view {
  background-image: url('http://500px.me/images/svg/empty_view.svg');
  background-position: 50% 75px;
  background-repeat: no-repeat;
  -webkit-background-size: 100px;
  background-size: 100px;
  padding-top: 200px;
  margin: 0 auto;
  max-width: 450px;
  text-align: center;
}
.full-aspect-ratio-photo-grid .empty_view h2 {
  font-size: 20px;
  white-space: pre;
  line-height: 1.6;
}
.full-aspect-ratio-photo-grid .empty_view p {
  font-size: 14px;
  margin: 20px 0;
}
.staff_icon {
  display: inline-block;
  vertical-align: bottom;
  padding: 10px 12px;
  background: url('//node-test.500px.me/images/icon/staff_new.svg') no-repeat left center;
  background-size: 19px 19px;
}
.popup-centered.staff_icon_popup {
  margin-top: 15px;
  margin-left: 10px;
}
.popup-centered.staff_icon_popup .arrow .fill {
  border-bottom-color: #f7f8fa;
  margin-left: -9px;
  top: -7px;
  border-width: 9px;
}
.popup-centered.staff_icon_popup .inside {
  border: 1px solid #b9c1c7;
  background-color: #f7f8fa;
  border-radius: 2px;
}
.popup-centered.staff_icon_popup .staff_text {
  font-size: 14px;
  padding: 10px 18px;
}
#YSF-BTN-HOLDER {
  right: 10px!important;
  bottom: 45px!important;
  width: 68px!important;
  height: 68px!important;
}
#YSF-BTN-HOLDER #YSF-CUSTOM-ENTRY-0 {
  border-radius: 50%;
  background-color: #0870D1;
}
#YSF-BTN-HOLDER img {
  max-width: 100%!important;
}
.infinite_scroll_loader {
  cursor: pointer;
}
.infinite_scroll_loader .bg {
  background-color: #edeef1;
  height: 40px;
  text-align: center;
}
.infinite_scroll_loader .bg .lyby_500px_load {
  display: inline-block;
  margin: 12px 0;
  width: 32px;
  height: 16px;
  background: url("//500px.me/images/loading-500.png") center top no-repeat;
  -webkit-animation: animate_infinity 2s steps(60) infinite;
  -moz-animation: animate_infinity 2s steps(60) infinite;
  -ms-animation: animate_infinity 2s steps(60) infinite;
  animation: animate_infinity 2s steps(60) infinite;
}
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
.photo_activity_section {
  min-height: 300px;
  text-align: left;
  height: 100%;
  position: relative;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container {
  padding: 10px 20px;
  max-height: 100%;
  width: 100%;
  background-color: #f7f8fa;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info {
  overflow: hidden;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentleft {
  float: left;
  width: 22px;
  height: 22px;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentleft .comment_icon {
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 55px;
  z-index: 1;
  width: 25px;
  height: 25px;
  background-image: url("//node-test.500px.me/images/comment/reply.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-backface-visibility: hidden;
  display: inline-block;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright {
  padding-left: 10px;
  float: left;
  width: 100%;
  width: calc(100% - 55px);
  width: -webkit-calc(100% - 55px);
  width: -moz-calc(100% - 55px);
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright .new_comment {
  overflow: hidden;
  word-wrap: break-word;
  height: 16px;
  position: relative;
  padding: 10px 30px 10px 10px;
  line-height: 1.4em;
  max-height: 75px;
  font-size: 12px;
  border: 1px solid #eeeff2;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: calc(100% - 39px);
  width: -webkit-calc(100% - 39px);
  width: -moz-calc(100% - 39px);
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright .new_comment:focus {
  border-color: #0099e5;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright .comment_body {
  font-size: 12px;
  line-height: 1.4em;
  font-weight: normal;
  color: #525558;
  padding-right: 20px;
  word-wrap: break-word;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright .comment_body .info {
  width: 100%;
  margin-bottom: 2px;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright .comment_body .body_text {
  line-height: 18px;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright .comment_body .body_text.isReview {
  color: #b1b2b4;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright .comment_body .body_text.isReview:before {
  content: " ";
  display: inline-block;
  color: #FFFFFF;
  width: 34px;
  height: 16px;
  background: #B6B9BB;
  border-radius: 2px;
  background-image: url("//cdn-test.500px.me/images/comment/shenHeZhong.svg");
  background-position: center;
  vertical-align: top;
  margin-right: 4px;
  background-repeat: no-repeat;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright .comment_body .translate_text .container {
  display: inline-block;
  padding: 10px;
  background: #e9eaed;
  border-radius: 5px;
  margin: 5px auto;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright .comment_body .translate_text .mark {
  color: #b9c1c7;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright a.reply {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
  font-size: 12px;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright a.reply:link {
  color: #0099e5;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright a.reply:visited {
  color: #0099e5;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright a.reply:hover {
  color: #0085d1;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright a.reply .dot {
  color: #b9c1c7;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright a.reply.change {
  display: inline-block;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright .comment_date {
  display: inline-block;
  font-size: 12px;
  color: #b9c1c7;
  line-height: 20px;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright a.delete {
  display: none;
  float: right;
  line-height: 20px;
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright a.delete:link {
  color: #ef4546;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright a.delete:visited {
  color: #ef4546;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright a.delete:hover {
  color: #db3132;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright:hover a.delete {
  display: block;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright.login_out .reply,
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright.login_out .delete,
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright.login_out .dot {
  display: none;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .translate {
  position: absolute;
  right: 20px;
  width: 25px;
  margin-left: 5px;
  text-align: center;
  border: 1px solid #eeeff2;
  border-radius: 3px;
  line-height: 36px;
  color: #b9c1c7;
  background: #fff;
  cursor: pointer;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .avatar.new_comment__avatar {
  width: 22px;
  height: 22px;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .photographer_info .new_comment__avatar {
  margin-top: 10px;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .signup {
  line-height: 1.4em;
  font-size: 12px;
  color: #b9c1c7;
  display: none;
  width: calc(100% - 39px);
  width: -webkit-calc(100% - 39px);
  width: -moz-calc(100% - 39px);
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
  background-color: #fff;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .signup a {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .signup a:link {
  color: #0099e5;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .signup a:visited {
  color: #0099e5;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container .signup a:hover {
  color: #0085d1;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container.login_out .new_comment__avatar,
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container.login_out .new_comment {
  display: none;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container.login_out .comment_icon {
  right: 100px!important;
}
.photo_activity_section .new_comment_sticky_placeholder .new_comment_container.login_out .signup {
  display: inline-block;
}
.photo_activity_section .comments_region .replies li {
  padding-top: 10px;
}
.photo_activity_section .comments_region .comments_view {
  background-color: #f7f8fa;
  padding-bottom: 10px;
}
.photo_activity_section .comments_region .comments_view .empty_comments {
  display: table;
  height: 100%;
  width: 100%;
}
.photo_activity_section .comments_region .comments_view .empty_comments .empty_comments_container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 15px 0 35px 0;
}
.photo_activity_section .comments_region .comments_view .empty_comments .empty_comments_container h2 {
  font-size: 18px;
  color: #b9c1c7;
  padding: 0;
  margin: 0 0 10px 0;
}
.photo_activity_section .comments_region .comments_view .empty_comments .empty_comments_container p {
  color: #b9c1c7;
  position: relative;
  line-height: 20px;
  max-width: 210px;
  display: inline-block;
}
.photo_activity_section .comments_region .comments_view .empty_comments .comment_icon {
  width: 25px;
  height: 25px;
  background-image: url("//node-test.500px.me/images/comment/reply.svg");
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-backface-visibility: hidden;
  display: inline-block;
  margin: 15px;
}
.photo_activity_section .comments_region .comments_view li .reply_line {
  border: 1px solid rgba(185, 193, 199, 0.5);
  width: 1px;
  position: absolute;
  top: 22px;
  left: 29px;
  height: 100%;
}
.photo_activity_section .comments_region .comments_view .comment_container,
.photo_activity_section .comments_region .comments_view .new_reply_container {
  padding-left: 20px;
  position: relative;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info {
  overflow: hidden;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .disabled,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentleft,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentleft {
  float: left;
  width: 22px;
  height: 22px;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentleft .comment_icon,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentleft .comment_icon {
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 55px;
  z-index: 1;
  width: 25px;
  height: 25px;
  background-image: url("//node-test.500px.me/images/comment/reply.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-backface-visibility: hidden;
  display: inline-block;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright {
  padding-left: 10px;
  float: left;
  width: 100%;
  width: calc(100% - 55px);
  width: -webkit-calc(100% - 55px);
  width: -moz-calc(100% - 55px);
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright .new_comment,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright .new_comment {
  overflow: hidden;
  word-wrap: break-word;
  height: 16px;
  position: relative;
  padding: 10px 30px 10px 10px;
  line-height: 1.4em;
  max-height: 75px;
  font-size: 12px;
  border: 1px solid #eeeff2;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: calc(100% - 39px);
  width: -webkit-calc(100% - 39px);
  width: -moz-calc(100% - 39px);
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright .new_comment:focus,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright .new_comment:focus {
  border-color: #0099e5;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright .comment_body {
  font-size: 12px;
  line-height: 1.4em;
  font-weight: normal;
  color: #525558;
  padding-right: 20px;
  word-wrap: break-word;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .info,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright .comment_body .info {
  width: 100%;
  margin-bottom: 2px;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .body_text,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright .comment_body .body_text {
  line-height: 18px;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .body_text.isReview,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright .comment_body .body_text.isReview {
  color: #b1b2b4;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .body_text.isReview:before,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright .comment_body .body_text.isReview:before {
  content: " ";
  display: inline-block;
  color: #FFFFFF;
  width: 34px;
  height: 16px;
  background: #B6B9BB;
  border-radius: 2px;
  background-image: url("//cdn-test.500px.me/images/comment/shenHeZhong.svg");
  background-position: center;
  vertical-align: top;
  margin-right: 4px;
  background-repeat: no-repeat;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .translate_text .container,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright .comment_body .translate_text .container {
  display: inline-block;
  padding: 10px;
  background: #e9eaed;
  border-radius: 5px;
  margin: 5px auto;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .translate_text .mark,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright .comment_body .translate_text .mark {
  color: #b9c1c7;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright a.reply,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright a.reply {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
  font-size: 12px;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright a.reply:link,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright a.reply:link {
  color: #0099e5;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright a.reply:visited,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright a.reply:visited {
  color: #0099e5;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright a.reply:hover,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright a.reply:hover {
  color: #0085d1;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright a.reply .dot,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright a.reply .dot {
  color: #b9c1c7;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright a.reply.change,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright a.reply.change {
  display: inline-block;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright .comment_date,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright .comment_date {
  display: inline-block;
  font-size: 12px;
  color: #b9c1c7;
  line-height: 20px;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright a.delete,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright a.delete {
  display: none;
  float: right;
  line-height: 20px;
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright a.delete:link,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright a.delete:link {
  color: #ef4546;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright a.delete:visited,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright a.delete:visited {
  color: #ef4546;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright a.delete:hover,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright a.delete:hover {
  color: #db3132;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright:hover a.delete,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright:hover a.delete {
  display: block;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright.login_out .reply,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright.login_out .reply,
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright.login_out .delete,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright.login_out .delete,
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .commentright.login_out .dot,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .commentright.login_out .dot {
  display: none;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .translate,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .translate {
  position: absolute;
  right: 20px;
  width: 25px;
  margin-left: 5px;
  text-align: center;
  border: 1px solid #eeeff2;
  border-radius: 3px;
  line-height: 36px;
  color: #b9c1c7;
  background: #fff;
  cursor: pointer;
}
.photo_activity_section .comments_region .comments_view .comment_container .photographer_info .avatar.new_comment__avatar,
.photo_activity_section .comments_region .comments_view .new_reply_container .photographer_info .avatar.new_comment__avatar {
  width: 22px;
  height: 22px;
}
.photo_activity_section .comments_region .comments_view .new_reply_container {
  padding-top: 10px;
}
.photo_activity_section .comments_region .comments_view .new_reply_container .commentright {
  padding-right: 20px;
}
.photo_activity_section .comments_region .comments_view .new_reply_container .new_reply_input {
  width: calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  max-height: 50px;
  font-size: 12px;
  height: 36px;
}
.photo_activity_section.comment_mobile_container .new_comment_sticky_placeholder .new_comment_container.login_out .new_comment__avatar {
  display: none !important;
}
.photo_activity_section.comment_mobile_container .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentleft {
  width: 30px;
  height: 30px;
}
.photo_activity_section.comment_mobile_container .new_comment_sticky_placeholder .new_comment_container .photographer_info .avatar.new_comment__avatar {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-top: 5px;
}
.photo_activity_section.comment_mobile_container .new_comment_sticky_placeholder .new_comment_container .photographer_info .avatar.new_comment__avatar img {
  margin-top: 0;
}
.photo_activity_section.comment_mobile_container .new_comment_sticky_placeholder .new_comment_container .photographer_info .commentright {
  width: calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .new_reply_container {
  padding-left: 60px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .new_reply_container .photographer_info .commentleft {
  width: 24px;
  height: 24px;
  margin-top: 8px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .new_reply_container .photographer_info .avatar.new_comment__avatar {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .new_reply_container .photographer_info .avatar.new_comment__avatar img {
  margin-top: 0;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container {
  padding-right: 20px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentleft {
  width: 30px;
  height: 30px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .avatar.new_comment__avatar {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .avatar.new_comment__avatar img {
  margin-top: 0;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright {
  width: calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  padding-right: 0;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body {
  font-size: 14px;
  color: #6d7378;
  padding-right: 0;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .info {
  vertical-align: top;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .actor {
  color: #6d7378;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .body_text a {
  color: #0870d1;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .fanyiTxt {
  color: #0870d1;
  margin-top: 5px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .msg_photo_container {
  margin-top: 12px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .msg_photo_container:before {
  content: '';
  display: table;
  clear: both;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .msg_photo_container.img4 {
  max-width: 168px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_body .msg_photo_container .img_item {
  display: inline-block;
  width: 80px;
  height: 80px;
  vertical-align: top;
  margin: 4px 4px 0 0;
  background-color: #525558;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_bottom {
  margin-top: 10px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_bottom .comment_date {
  font-size: 14px;
  color: #6d7378;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_bottom .icon {
  float: right;
  height: 18px;
  padding-left: 18px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 18px;
  margin-top: 1px;
  line-height: 18px;
  font-size: 14px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_bottom .icon.like_icon {
  color: #222;
  padding-left: 22px;
  background-image: url("https://cdn-test.500px.me/images/WeChat/like-outline.svg");
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_bottom .icon.like_icon.fill {
  background-image: url("https://cdn-test.500px.me/images/WeChat/like-filled.svg");
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .comment_container .photographer_info .commentright .comment_bottom .icon.comment_icon {
  background-image: url("https://cdn-test.500px.me/images/WeChat/comment.png");
  margin-right: 32px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .replies .children_comments_list .comment_container {
  padding-left: 60px;
  padding-top: 16px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .replies .children_comments_list .comment_container .photographer_info .commentleft {
  width: 24px;
  height: 24px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .replies .children_comments_list .comment_container .photographer_info .avatar.new_comment__avatar {
  width: 24px;
  height: 24px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .replies .children_comments_list .comment_container .photographer_info .commentright {
  width: calc(100% - 24px);
  width: -webkit-calc(100% - 24px);
  width: -moz-calc(100% - 24px);
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .replies .children_comments_list .view_all_reply_comments {
  font-size: 14px;
  color: #0870d1;
  padding-left: 60px;
  margin-top: 16px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view .replies .line {
  height: 16px;
  border-bottom: 1px solid #d7d8db;
  margin-bottom: 16px;
  margin-left: 60px;
}
.photo_activity_section.comment_mobile_container .comments_region .comments_view ul li:last-child .replies .line {
  display: none;
}
.at_people_list {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.at_people_list .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.at_people_list .at_people_container {
  position: absolute;
  top: 106px;
  left: 0;
  right: 0;
  bottom: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  padding: 16px;
  z-index: 1000;
}
.at_people_list .at_people_container .search {
  position: relative;
}
.at_people_list .at_people_container .search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
  background-color: #f7f8fa;
  padding: 0 32px 0 40px;
  border: 0;
  background-image: url("https://cdn-test.500px.me/images/comment/search.svg");
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 16px;
  font-size: 14px;
  color: #222;
}
.at_people_list .at_people_container .search .close {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 16px;
}
.at_people_list .at_people_container .list .item {
  padding: 16px 0;
}
.at_people_list .at_people_container .list .item .avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  vertical-align: middle;
}
.at_people_list .at_people_container .list .item .nickname {
  display: inline-block;
  width: calc(100% - 32px);
  width: -webkit-calc(100% - 32px);
  width: -moz-calc(100% - 32px);
  padding-left: 12px;
  font-size: 16px;
  color: #4a4a4a;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.at_people_list .at_people_container .list .tip {
  padding-top: 40px;
  font-size: 16px;
  color: #6d7378;
  text-align: center;
}
.swiper-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
}
.swiper-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/
.jssort01 .p {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 72px;
}
.jssort01 .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.jssort01 .w {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.jssort01 .w .button {
  position: absolute;
  bottom: 5px;
  left: 50%;
  z-index: 100;
  margin-left: -31px;
  width: 62px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  border-color: #2fab41;
  background-color: #34bf49;
  color: #FFF;
  padding: 0 10px 0 25px;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 11px 10px;
  background-image: url('//cdn-test.500px.me/images/icon/duihao.svg');
  display: none;
}
.jssort01 .w .button.danger {
  background: #ff4c4c;
  border-color: #ff4c4c;
  padding: 0 10px;
}
.jssort01 .w .button.show {
  display: block;
}
.jssort01 .c {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 68px;
  height: 68px;
  border: #000 2px solid;
  box-sizing: content-box;
  background: url('img/t01.png') -800px -800px no-repeat;
  _background: none;
}
.jssort01 .pav .c {
  top: 2px;
  _top: 0px;
  left: 2px;
  _left: 0px;
  width: 68px;
  height: 68px;
  border: #000 0px solid;
  _border: #fff 2px solid;
  background-position: 50% 50%;
}
.jssort01 .p:hover .c {
  top: 0px;
  left: 0px;
  width: 70px;
  height: 70px;
  border: #fff 1px solid;
  background-position: 50% 50%;
}
.jssort01 .p.pdn .c {
  background-position: 50% 50%;
  width: 68px;
  height: 68px;
  border: #000 2px solid;
}
* html .jssort01 .c,
* html .jssort01 .pdn .c,
* html .jssort01 .pav .c {
  /* ie quirks mode adjust */
  width: 72px;
  height: 72px;
}
/* jssor slider bullet navigator skin 01 css */
/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.jssorb01 div,
.jssorb01 div:hover,
.jssorb01 .av {
  position: absolute;
  /* size of bullet elment */
  width: 12px;
  height: 12px;
  filter: alpha(opacity=70);
  opacity: .7;
  overflow: hidden;
  cursor: pointer;
  border: #000 1px solid;
}
.jssorb01 div {
  background-color: gray;
}
.jssorb01 div:hover,
.jssorb01 .av:hover {
  background-color: #d3d3d3;
}
.jssorb01 .av {
  background-color: #fff;
}
.jssorb01 .dn,
.jssorb01 .dn:hover {
  background-color: #555555;
}
/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l,
.jssora05r {
  display: block;
  position: absolute;
  /* size of arrow element */
  width: 40px;
  height: 40px;
  cursor: pointer;
  overflow: hidden;
}
.jssora05l {
  position: absolute;
  opacity: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  height: 60px;
  width: 50px;
  background-color: transparent;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 15;
  background-image: url("//pic.500px.me/images/svg/detail_left.svg");
}
.jssora05r {
  right: 10px;
  position: absolute;
  opacity: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  height: 60px;
  width: 50px;
  background-color: transparent;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 15;
  background-image: url("//pic.500px.me/images/svg/detail_right.svg");
}
.jssorbody:hover .jssora05l,
.jssorbody:hover .jssora05r,
.jssorbody:hover .silder_footer {
  opacity: 1;
}
/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/
.jssort01 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 115px;
}
.jssort01 .p {
  position: absolute;
  top: 0;
  left: 0;
  width: 98px;
  height: 98px;
}
.jssort01 .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.jssort01 .w {
  position: absolute;
  opacity: .3;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.jssort01 .w:hover {
  opacity: 1;
}
.jssort01 .w img {
  pointer-events: none;
}
.jssort01 .c {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 98px;
  height: 98px;
  opacity: .7;
  box-sizing: content-box;
  _background: none;
}
.jssort01 .pav .c {
  top: 2px;
  _top: 0px;
  left: 2px;
  _left: 0px;
  width: 68px;
  height: 68px;
  border: #000 0px solid;
  _border: #fff 2px solid;
  background-position: 50% 50%;
}
.jssort01 .p.pav .w {
  opacity: 1;
}
* html .jssort01 .c,
* html .jssort01 .pdn .c,
* html .jssort01 .pav .c {
  /* ie quirks mode adjust */
  width: 72px;
  height: 72px;
}
.slider_main {
  height: 100%;
}
.slider_main .jssorbody {
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  overflow: hidden;
  visibility: hidden;
}
.slider_main .jssorbody .slider_loading {
  position: absolute;
  top: 0px;
  left: 0px;
}
.slider_main .jssorbody .slider_loading .overlay {
  filter: alpha(opacity=70);
  opacity: 0.7;
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.slider_main .jssorbody .slider_loading .loadimg {
  position: absolute;
  display: block;
  background: url('http://500px.me/images/loading.gif') no-repeat center center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.slider_main .jssorbody .sliderImgs {
  cursor: default;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.slider_main .jssorbody .slide_footer_content_text,
.slider_main .jssorbody .slide_footer_content_radio {
  position: absolute;
  bottom: 20px;
  left: 50%;
  font-size: 12px;
  color: blue;
  text-slign: center;
  line-height: 1.2;
  font-weight: 700;
}
.slider_main .jssorbody .slide_footer_content_text {
  transform: translateX(-50%);
}
.slider_main .jssorbody .slide_footer_content_text .cElChooseText {
  width: 100%;
  border-color: #2fab41;
  background-color: #34bf49;
  color: #FFF;
  padding: 0 10px 0 25px;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 11px 10px;
  background-image: url('//cdn-test.500px.me/images/icon/duihao.svg');
}
.slider_main .jssorbody .slide_footer_content_text .cElChooseText.danger {
  border-color: #ff4c4c;
  background-color: #ff4c4c;
  min-width: 140px;
  max-width: 200px;
  height: auto;
  line-height: 20px;
  padding: 5px 10px;
  background-image: none;
  white-space: pre-wrap;
}
.slider_main .jssorbody .slide_footer_content_text .cElChooseText.danger.higher {
  bottom: 40px;
  text-align: left;
}
.slider_main .jssorbody .slide_footer_content_radio {
  margin-left: -15px;
  width: 30px;
}
.slider_main .jssorbody .slide_footer_content_radio .cElChooseRadeo {
  border-radius: 50%;
  background-color: rgba(9, 9, 9, 0.52) !important;
  border: 1px solid #ffffff!important;
}
.slider_main .jssorbody .slide_footer_content_radio .cElChooseRadeo.checkbox.checked {
  background-color: #0099e5 !important;
}
.slider_main .jssorbody .slide_footer_content_radio .checkbox::before {
  background-image: url('//cdn-test.500px.me/images/icon/duihao.svg');
}
.silder_header {
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  z-index: 99999;
  position: fixed;
  top: 0;
  padding: 20px 0 0 50px;
}
.silder_header > div {
  float: left;
}
.silder_header .logo {
  margin-right: 30px;
}
.silder_header .title h1 {
  font-size: 30px;
  color: #e4007f;
}
.silder_footer {
  opacity: 0;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  z-index: 99999;
  position: absolute;
  bottom: 0;
  padding: 0px 0 20px 50px;
  color: #FFF;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.silder_footer .avatar {
  display: inline-block;
  width: 68px;
  height: 68px;
  border: 2px solid #fff;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 20px;
}
.silder_footer .avatar:hover {
  opacity: 0.7;
}
.silder_footer .title {
  padding-right: 20px;
  width: 270px;
}
.silder_footer .title.borderRight {
  border-right: 2px solid #303030;
}
.silder_footer .title .username {
  font-size: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.silder_footer .title .desc {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #8f8f8f;
  font-size: 18px;
  margin-top: 10px;
}
.silder_footer .img_desc {
  text-align: left;
  font-size: 14px;
  max-width: 80%;
  line-height: 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 679px) {
  .silder_footer {
    padding: 0px 0 20px 0px;
  }
  .silder_footer .img_desc {
    max-width: 99%;
  }
}
.erweima {
  position: fixed;
  bottom: 20px;
  right: 50px;
  color: #FFF;
}
.erweima .tupian {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.erweima .desc {
  margin-top: 13px;
  text-align: center;
}
input {
  font-size: 14px;
  padding: 8px 10px;
  color: #525558;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  transition: border-color 0.2s;
  resize: none;
  line-height: 1.4em;
}
input:-moz-placeholder {
  color: #b9c1c7;
}
input::-moz-placeholder {
  color: #b9c1c7;
}
input:-ms-input-placeholder {
  color: #b9c1c7;
}
input::-webkit-input-placeholder {
  color: #b9c1c7;
}
input:focus {
  border-color: #0099e5;
}
input:read-only:focus {
  border-color: rgba(185, 193, 199, 0.5);
}
.checkbox {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background-color: #fff;
}
.checkbox:before {
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('//cdn-test.500px.me/images/icon/duihao_500px.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 16px;
  background-size: 16px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity 0.2s;
}
.checkbox.checked:before {
  opacity: 1;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
textarea {
  border: 1px solid rgba(185, 193, 199, 0.5);
  width: 100%;
  padding: 10px;
  height: 100px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
textarea:focus {
  border-color: #0099e5;
}
textarea:read-only:focus {
  border-color: rgba(185, 193, 199, 0.5);
}
/*Begin:Added by xiaoxiaoliu for 下拉框的样式 0613*/
input[type=text],
input[type=password],
input[type=number],
select,
textarea {
  font-family: inherit;
  font-weight: inherit;
  outline-style: none;
  outline-width: 0;
  appearance: none;
  -webkit-appearance: none;
}
/*End:Added by xiaoxiaoliu for 下拉框的样式 0613*/
.popup-centered {
  left: auto;
  right: auto;
  font-size: 16px;
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 15px;
}
.popup-centered .arrow,
.popup-centered .arrow .fill {
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.popup-centered .arrow {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.04);
  box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.04);
  border: 6px solid;
  margin: 0 0 0 9px;
  border-color: transparent transparent white white;
  top: 15px;
  left: 50%;
}
.popup-centered .arrow .fill {
  left: 50%;
  margin-left: -7px;
  top: -4px;
  border-color: transparent;
  border-bottom-color: #f7f8fa;
  border-width: 7px;
  z-index: 920;
}
.popup-centered .arrow .fill.blue {
  border-bottom-color: #02adea;
}
.popup-centered .contain {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16), 0 0 4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16), 0 0 4px rgba(0, 0, 0, 0.08);
}
.popup-centered .inside {
  height: 100%;
  color: #525558;
  border-right-color: #eeeff2;
  background-color: white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  z-index: auto;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.popup-centered a {
  text-align: left;
  transition: 0s;
  -webkit-transition: 0s;
  -ms-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  display: block;
  color: #525558;
  padding: 0 16px;
  font-size: 16px;
  line-height: 36px;
}
.popup-centered a:hover {
  background-color: #0870d1;
  color: white;
}
.popup-centered .links {
  max-width: 300px;
}
.popup-centered .links ul {
  padding: 8px 0;
  border-top: 1px solid rgba(34, 34, 34, 0.1);
}
.popup-centered .links ul:first-child {
  border-top: 0px;
}
.popup-centered .links ul li {
  line-height: 1.8em;
}
.popup-centered .new {
  position: relative;
  left: 7px;
  bottom: 2px;
  font-size: 8px;
  line-height: 1.8em;
  text-transform: uppercase;
  color: #222222;
  font-weight: bold;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 1px 3px;
  background-color: #ffd200;
}
.popup-centered .icon {
  font-size: 12px;
  padding: 0 4px 0 0;
  position: relative;
  top: 1px;
}
.popup-centered .bottom {
  padding: 9px 20px 11px;
  border-top: 1px solid rgba(34, 34, 34, 0.1);
  background-color: #f7f8fa;
  font-size: 12px;
  line-height: 1.4em;
  color: #9ba2a7;
  max-width: 150px;
}
.popup-centered.position_left {
  padding-top: 0;
}
.popup-centered.position_left .arrow {
  border-bottom-color: transparent;
  border-left-color: #b9c1c7;
  left: auto;
  right: -20px;
  top: 20px;
}
.popup-centered.position_left .arrow .fill {
  border-bottom-color: transparent;
  border-left-color: #f7f8fa;
  border-width: 10px;
  margin-left: -12px;
  top: -10px;
}
.duanlianjie_win .pxLightboxHtml > div {
  border-radius: 24px !important;
  overflow: hidden;
}
.usernameConfig {
  text-align: center;
  padding: 0 30px;
  font-family: "Microsoft YaHei";
}
.usernameConfig .button + .button {
  margin-left: 10px;
}
.usernameConfig h1 {
  margin-top: 96px;
  color: #525558;
  letter-spacing: 0.7px;
  font-size: 28px;
}
.usernameConfig .info {
  color: #71767a;
  letter-spacing: 0.3px;
  font-size: 14px;
  margin-top: 19px;
  height: 14px;
  line-height: 14px;
}
.usernameConfig .label {
  color: #525558;
  letter-spacing: 0.4px;
  font-size: 16px;
  margin-top: 58px;
}
.usernameConfig .urlName {
  height: 50px;
  line-height: 50px;
}
.usernameConfig .urlName > a {
  color: #0099e5;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.4px;
}
.usernameConfig .urlName > a .big {
  font-size: 26px;
}
.usernameConfig .input {
  width: 500px;
  margin: 20px auto 0;
  position: relative;
}
.usernameConfig .input .word {
  letter-spacing: 0.4px;
  font-size: 16px;
  font-weight: bold;
  color: #71767a;
}
.usernameConfig .input > input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 22.5px;
  padding-left: 196px;
}
.usernameConfig .input > input.word {
  font-weight: normal;
}
.usernameConfig .input .head {
  position: absolute;
  top: 0;
  left: 0;
  width: 210px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.usernameConfig .tips {
  color: #f7303c;
  letter-spacing: 0.3px;
  font-size: 14px;
  margin-top: 23px;
  height: 20px;
  line-height: 20px;
}
.usernameConfig .tips .special {
  color: #f7303c;
}
.usernameConfig .tips a {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.usernameConfig .tips a:link {
  color: #f7303c;
}
.usernameConfig .tips a:visited {
  color: #f7303c;
}
.usernameConfig .tips a:hover {
  color: #e31c28;
}
.usernameConfig .tips a:hover {
  text-decoration: underline;
}
.usernameConfig .tips a + a {
  margin-left: 5px;
}
.usernameConfig .btn {
  margin-top: 40px;
  position: relative;
}
.usernameConfig .btn > button {
  width: 160px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  /*border-radius:5px;
      border:1px solid rgb(0,153,229);
      letter-spacing: 0.4px;
      margin:0 12px;
      &.btn1{
        background: #fff;;
        color:rgb(0,153,229);
      }

      &.btn2{
        background:rgb(0,153,229) ;
        color:#fff;
      }*/
}
.usernameConfig .btn .noPoint {
  position: absolute;
  top: 14px;
  right: 0;
  color: #71767a;
  font-size: 14px;
}
.usernameConfig .btn .noPoint input[type='checkbox'] {
  width: 16px;
  height: 16px;
  border-color: #979797;
  background-color: #fff;
  vertical-align: bottom;
  margin-right: 8px;
}
.usernameConfig .statement {
  margin-top: 37px;
  margin-bottom: 30px;
  color: #b9c1c7;
  letter-spacing: 0.3px;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
}
#guide_mainCmp {
  display: none;
}
#guide_mainCmp .guidance {
  z-index: 55555;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  perspective: 1000;
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
}
#guide_mainCmp .guidance_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 999999px;
  background-color: #000;
  opacity: .6;
}
#guide_mainCmp .guidance_body {
  position: relative;
  display: block;
  height: 0;
  width: 0;
}
#guide_mainCmp .guidance_help {
  position: absolute;
}
html.guide_show {
  overflow: hidden !important;
  height: 100%;
}
html.guide_show #guide_mainCmp {
  display: block;
}
.roundedOne {
  width: 22px;
  height: 22px;
  position: relative;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #abb7c5;
}
.roundedOne label:after {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  top: 3px;
  left: 3px;
  background: #0099e5;
  opacity: 0;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.roundedOne label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.roundedOne input[type=radio] {
  visibility: hidden;
}
.roundedOne input[type=radio]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.radioMain {
  position: relative;
  line-height: 20px;
}
.radioMain .text {
  position: absolute;
  left: 22px;
  top: 0;
  padding-left: 8px;
}
div.tags_main {
  /*为了兼容那些用了tagsinput插件实现的输入栏所添加的样式 --start*/
  /*这部分样式在结构和样式上和tagsinput插件所配合的css样式一致，这里是tagsinput插件实现版本中独有的，这部分样式不影响重写的tags输入栏*/
  /*--end*/
}
div.tags_main .tags_clear {
  clear: both;
  width: 100%;
  height: 0;
}
div.tags_main .not_valid {
  background: #FBD8DB !important;
  color: #90111A !important;
}
div.tags_main label {
  font-size: 14px;
  color: #0099e5;
  display: block;
  position: relative;
  width: 100%;
  height: 16px;
  margin-bottom: 8px;
}
div.tags_main label .changeDisplayMode {
  color: #0099e5;
  float: right;
  background-color: #f7f8fa;
}
div.tags_main label h4 {
  float: left;
  width: auto!important;
}
div.tags_main input.tags {
  width: 100%;
}
div.tags_main div.tagsinput {
  border: 1px solid rgba(185, 193, 199, 0.5);
  border-left: none;
  border-right: none;
  background: #FFF;
  padding: 5px;
  width: 100%;
  min-height: 105px;
  max-height: 450px;
  height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
}
div.tags_main div.tagsinput .tag a:before {
  font-weight: bold;
  color: #FFFFFF;
  /* pointer-events: none; */
  text-decoration: none;
  font-size: 11px;
  cursor: pointer;
  content: "x";
}
div.tags_main div.tagsinput textarea {
  font-size: 100%;
  border: 1px solid rgba(185, 193, 199, 0.5);
  width: 100%;
  height: 100%;
  padding: 3px;
  -webkit-border-radius: 6px;
  color: #525558;
  line-height: 1.4em;
  resize: none;
  margin: 0 auto;
  display: block;
}
div.tags_main div.tagsinput span.tag {
  border-radius: 3px;
  /* border: 1px solid #a5d24a;*/
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px;
  text-decoration: none;
  background: #0099e5;
  color: #FFFFFF;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: helvetica;
  font-size: 13px;
}
div.tags_main div.tagsinput span.tag a {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 11px;
  cursor: pointer;
}
div.tags_main div.tagsinput span.tagEdit {
  border-radius: 3px;
  /* border: 1px solid #a5d24a;*/
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px;
  text-decoration: none;
  color: #000;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: helvetica;
  font-size: 13px;
}
div.tags_main div.tagsinput span.tagEdit a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  font-size: 11px;
  cursor: pointer;
}
div.tags_main div.tagsinput input {
  height: auto;
  min-width: 80px !important;
  width: 80%;
  margin: 0;
  font-size: 13px;
  border: 1px solid transparent;
  padding: 3px;
  background: transparent;
  color: #000;
  outline: 0;
  margin-right: 5px;
  margin-bottom: 5px;
}
div.tags_main div.tagsinput div {
  display: block;
  float: left;
}
div.tags_main div.warning {
  width: 100%;
  height: 20px;
  font-size: 14px;
  line-height: 16px;
  padding-top: 4px;
  padding-left: 10px;
  color: red;
  margin-bottom: 20px;
}
div.tags_main div.warning .keyWord {
  float: left;
}
div.tags_main div.warning .wordsNum {
  float: right;
  color: #9b9fa5;
}
div.tags_main div.editWarning {
  width: 100%;
  height: 20px;
  color: red;
  font-size: 14px;
  line-height: 16px;
  padding-top: 4px;
  padding-left: 10px;
  margin-bottom: 20px;
}
div.tags_main div.editWarning .editKeyWord {
  width: 100%;
  padding-top: 3px;
  color: red;
}
div.tags_main div.editWarning .editKeyWord ul li.keyWord {
  display: inline-block;
  padding: 0 5px 3px 0;
  margin-bottom: 0;
  color: red;
}
div.tags_main div.editWarning .editKeyWord ul li.keyWord a {
  font-size: 12px;
  display: block;
  color: red;
  -webkit-border-radius: 3px;
}
div.tags_main .tagsinput input,
div.tags_main .tagsinput input:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}
div.tags_main div.tjbq {
  padding: 10px;
  padding-left: 0;
}
div.tags_main div.tjbq ul {
  padding-left: 10px;
}
div.tags_main div.tjbq ul .suggested_tag {
  display: inline-block;
  padding: 0 3px 3px 0;
  margin: 0;
  width: auto;
}
div.tags_main div.tjbq ul .suggested_tag a {
  font-size: 12px;
  display: block;
  color: #0099e5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #0099e5;
  padding: 5px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
div.tags_main div.tjbq ul .suggested_tag a:hover {
  background: #0099e5;
  color: #fff;
}
.invite_this_img {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
.invite_this_img .invite_box {
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  border-radius: 3px;
  border: solid 1px #ffffff;
  color: #fff;
  pointer-events: auto;
  cursor: pointer;
}
.liked_by_container .invite_this_img .invite_box.hasInvited {
  border-color: #2fab41;
  background-color: #34bf49;
  color: #fff;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 11px 10px;
  background-image: url(//cdn-test.500px.me/images/icon/duihao.svg);
  cursor: default;
  padding-left: 25px;
}
.invite_btn_popu_main .container {
  text-align: center;
  padding: 16px 0;
}
.invite_btn_popu_main .container li {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #525558;
  cursor: pointer;
}
.invite_btn_popu_main .container li:hover {
  background-color: #0099e5;
  color: #fff;
}
.invite_btn_popu_main .container li:first-child {
  margin-bottom: 5px;
}
.dialogbox_main_cmp.invite_tip_dialog .dialog-box,
.dialogbox_main_cmp.invite_userInfo_dialog .dialog-box {
  margin-top: 0;
  transform: translateY(-50%);
}
.dialogbox_main_cmp.invite_tip_dialog .dialog-btn-ok,
.dialogbox_main_cmp.invite_userInfo_dialog .dialog-btn-ok {
  background-color: #34bf49;
  box-shadow: inset 0 2px 0 0 #00cd55;
  border: solid 1px #2fab41;
}
.dialogbox_main_cmp.invite_tip_dialog .dialog-btn-ok:hover,
.dialogbox_main_cmp.invite_userInfo_dialog .dialog-btn-ok:hover {
  background-color: #41cb56;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container {
  width: 500px;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-title,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-title,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-title,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-title,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-title,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-title,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-title,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-title {
  height: 40px;
  line-height: 40px;
  color: #71767a;
  box-shadow: 0 1px 0 0 #eeeff2;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-title h3,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-title h3,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-title h3,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-title h3,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-title h3,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-title h3,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-title h3,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-title h3 {
  font-size: 16px;
  font-weight: 600;
  color: #71767a;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content {
  text-align: left;
  padding: 20px 40px 25px 40px;
  background: #f7f8fa;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .dialog-box-tip,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .dialog-box-tip,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .dialog-box-tip,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .dialog-box-tip,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .dialog-box-tip,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .dialog-box-tip,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .dialog-box-tip,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .dialog-box-tip {
  font-size: 16px;
  line-height: 22px;
  color: #525558;
  max-width: 400px;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container {
  margin-top: 5px;
  color: #71767a;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .check-per,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .check-per,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .check-per,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .check-per,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .check-per,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .check-per,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .check-per,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .check-per {
  display: flex;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx {
  margin-top: 15px;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .checkbox,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .checkbox,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .checkbox,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .checkbox,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .checkbox,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .checkbox,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .checkbox,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .checkbox,
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .cate-txt,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .cate-txt,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .cate-txt,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .cate-txt,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .cate-txt,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .cate-txt,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .cate-txt,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .checkbox-container-lxx .cate-txt {
  display: inline-block;
  vertical-align: middle;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .addInfo,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .addInfo,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .addInfo,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .addInfo,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .addInfo,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .addInfo,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .addInfo,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .addInfo {
  margin: 5px 0 5px 40px;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .addInfo input,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .addInfo input,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .addInfo input,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .addInfo input,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .addInfo input,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .addInfo input,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .addInfo input,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .addInfo input {
  margin-left: 10px;
  width: 260px;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .tags_main,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .tags_main,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main {
  margin-bottom: 15px;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main label,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main label,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .tags_main label,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .tags_main label,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main label,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main label,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main label,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main label {
  margin-top: 15px;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main div.tagsinput,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main div.tagsinput,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .tags_main div.tagsinput,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .tags_main div.tagsinput,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main div.tagsinput,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main div.tagsinput,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main div.tagsinput,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main div.tagsinput {
  height: 80px;
  min-height: auto;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main h4,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main h4,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .tags_main h4,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .tags_main h4,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main h4,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main h4,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main h4,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main h4 {
  color: #71767a;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main .tag,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main .tag,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .tags_main .tag,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-box-content .checkBox_container .tags_main .tag,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main .tag,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main .tag,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main .tag,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-box-content .checkBox_container .tags_main .tag {
  padding: 0 5px;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-btn,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-btn,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-btn,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-btn,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-btn,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-btn,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-btn,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-btn {
  padding: 25px 20px;
  background-color: #f7f8fa;
  text-align: right;
  border-top: 1px solid rgba(185, 193, 199, 0.5);
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-btn span,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-btn span,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-btn span,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-btn span,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-btn span,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-btn span,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-btn span,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-btn span {
  width: 86px;
  height: 30px;
  line-height: 29px;
  margin: 0;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-btn span.dialog-btn-cancel,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-btn span.dialog-btn-cancel,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-btn span.dialog-btn-cancel,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-btn span.dialog-btn-cancel,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-btn span.dialog-btn-cancel,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-btn span.dialog-btn-cancel,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-btn span.dialog-btn-cancel,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-btn span.dialog-btn-cancel {
  font-size: 16px;
  color: #71767a;
  background: #f7f8fa;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-btn span.dialog-btn-cancel:hover,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-btn span.dialog-btn-cancel:hover,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-btn span.dialog-btn-cancel:hover,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-btn span.dialog-btn-cancel:hover,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-btn span.dialog-btn-cancel:hover,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-btn span.dialog-btn-cancel:hover,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-btn span.dialog-btn-cancel:hover,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-btn span.dialog-btn-cancel:hover {
  color: #f5694b;
}
.dialogbox_main_cmp.invite_tip_dialog.chuangyi_dialog .dialog-box-container .dialog-btn span.dialog-btn-ok,
.dialogbox_main_cmp.invite_userInfo_dialog.chuangyi_dialog .dialog-box-container .dialog-btn span.dialog-btn-ok,
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content .dialog-box-container .dialog-btn span.dialog-btn-ok,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content .dialog-box-container .dialog-btn span.dialog-btn-ok,
.dialogbox_main_cmp.invite_tip_dialog.edit_dialog .dialog-box-container .dialog-btn span.dialog-btn-ok,
.dialogbox_main_cmp.invite_userInfo_dialog.edit_dialog .dialog-box-container .dialog-btn span.dialog-btn-ok,
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .dialog-box-container .dialog-btn span.dialog-btn-ok,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .dialog-box-container .dialog-btn span.dialog-btn-ok {
  font-size: 13px;
}
.dialogbox_main_cmp.invite_tip_dialog.userInfo_content_p .dialog-box-content,
.dialogbox_main_cmp.invite_userInfo_dialog.userInfo_content_p .dialog-box-content {
  padding: 45px 20px 55px 20px!important;
}
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .date_cmp,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .date_cmp {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .date_cmp .label,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .date_cmp .label {
  width: 120px;
  padding: 0;
}
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .date_cmp input,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .date_cmp input {
  width: 250px;
  text-align: center;
}
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .score_cmp .score_input_container,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .score_cmp .score_input_container {
  margin-top: 16px;
}
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .score_cmp .score_input_container .label,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .score_cmp .score_input_container .label {
  width: 120px;
  color: #818689;
}
.dialogbox_main_cmp.invite_tip_dialog.quit_dialog .score_cmp .score_input_container .score_input,
.dialogbox_main_cmp.invite_userInfo_dialog.quit_dialog .score_cmp .score_input_container .score_input {
  width: 8em;
  margin-right: 8px;
  height: 40px;
}
.dialogbox_main_cmp.invite_tip_dialog .dialog-inviteAdmin-inviteUser,
.dialogbox_main_cmp.invite_userInfo_dialog .dialog-inviteAdmin-inviteUser {
  line-height: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  clear: both;
}
.dialogbox_main_cmp.invite_tip_dialog .dialog-inviteAdmin-inviteUser .radioMain,
.dialogbox_main_cmp.invite_userInfo_dialog .dialog-inviteAdmin-inviteUser .radioMain {
  float: left;
  width: 132px;
  position: relative;
  margin-bottom: 24px;
}
.dialogbox_main_cmp.invite_tip_dialog .dialog-inviteAdmin-inviteUser .radioMain .text,
.dialogbox_main_cmp.invite_userInfo_dialog .dialog-inviteAdmin-inviteUser .radioMain .text {
  position: absolute;
  left: 22px;
  top: 0;
}
.dialogbox_main_cmp.invite_tip_dialog .dialog-inviteAdmin-inviteUser .radioMain:last-child,
.dialogbox_main_cmp.invite_userInfo_dialog .dialog-inviteAdmin-inviteUser .radioMain:last-child {
  margin-bottom: 0;
}
.dialogbox_main_cmp.invite_tip_dialog .dialog-inviteAdmin-inviteUser:after,
.dialogbox_main_cmp.invite_userInfo_dialog .dialog-inviteAdmin-inviteUser:after {
  content: '';
}
.dialogbox_main_cmp.invite_tip_dialog .checkbox_wrapper,
.dialogbox_main_cmp.invite_userInfo_dialog .checkbox_wrapper {
  margin: 0 32px 8px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.dialogbox_main_cmp.invite_tip_dialog .checkbox_wrapper input,
.dialogbox_main_cmp.invite_userInfo_dialog .checkbox_wrapper input {
  margin: 0 8px 0 0;
}
.yaoyue_caogao_win {
  height: calc(100% - 45px);
  height: -webkit-calc(100% - 45px);
  height: -moz-calc(100% - 45px);
  overflow-y: auto;
  /*setbody begin*/
  /*setbody end*/
}
.yaoyue_caogao_win:before {
  display: table;
  content: '';
}
.yaoyue_caogao_win h1 {
  text-align: center;
  margin-top: 80px;
  font-weight: normal;
  font-size: 24px;
  color: #0099e5;
}
.yaoyue_caogao_win .__descc {
  color: #71767a;
  text-align: center;
  font-size: 14px;
}
.yaoyue_caogao_win .___bodyy {
  margin-top: 50px;
  padding: 0 20px;
}
.yaoyue_caogao_win ._yyCGtitle {
  text-align: left;
  padding-left: 20px;
  color: #525558;
  font-size: 16px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding-right: 100px;
}
.yaoyue_caogao_win .__yyCGtype {
  text-align: left;
  padding-left: 20px;
  margin-top: 5px;
  color: #71767a;
  font-size: 14px;
}
.yaoyue_caogao_win ._countIcon {
  display: inline-block;
  position: absolute;
  text-align: center;
  top: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #FFF;
  font-size: 18px;
  background-color: #71767a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.yaoyue_caogao_win .sets_body {
  position: relative;
  padding-top: 30px;
  margin: 0 auto;
}
.yaoyue_caogao_win .profile_body .sets_body .empty_view {
  background-image: url(//assetcdn.500px.org/assets/profiles/set-e4b94e65746a353d9a4a2182fa79f8a4.svg);
}
.yaoyue_caogao_win .px_card {
  position: relative;
  width: 280px;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all 0.2s;
}
.yaoyue_caogao_win .px_card .avatar,
.yaoyue_caogao_win .px_card .name,
.yaoyue_caogao_win .px_card .top {
  -webkit-transition: all .2s;
  -moz-transition: all 0.2s;
}
.yaoyue_caogao_win .px_card .avatar,
.yaoyue_caogao_win .px_card .top {
  background-position: center;
}
.yaoyue_caogao_win .px_card:hover {
  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);
}
.yaoyue_caogao_win .px_card.small {
  width: 280px;
  margin: 0 10px 20px;
}
.yaoyue_caogao_win .px_card.medium {
  width: 360px;
  margin: 0 25px 50px;
}
.yaoyue_caogao_win .px_card.medium .top {
  height: 240px;
}
.yaoyue_caogao_win .px_card.medium .bottom {
  position: relative;
  height: 110px;
  padding-top: 35px;
}
.yaoyue_caogao_win .px_card.no_badge.no_avatar .bottom {
  min-height: 90px;
  padding-top: 15px;
}
.yaoyue_caogao_win .px_card.no_badge .top {
  height: 240px;
}
.yaoyue_caogao_win .px_card.no_badge .bottom {
  height: auto;
  padding-top: 10px;
}
.yaoyue_caogao_win .px_card.no_badge .name {
  font-size: 20px;
  line-height: 2.4em;
}
.yaoyue_caogao_win .px_card.no_badge .description {
  margin-bottom: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.yaoyue_caogao_win .px_card.no_badge .avatar_wrap {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.yaoyue_caogao_win .px_card.no_badge .avatar,
.yaoyue_caogao_win .px_card.no_badge .avatar_background {
  display: block;
  width: 30px;
  height: 30px;
  border: none;
  position: absolute;
  bottom: auto;
  left: auto;
  margin-left: auto;
}
.yaoyue_caogao_win .px_card.nsfw_placeholder .nsfw_placeholder_content {
  display: table;
}
.yaoyue_caogao_win .px_card.nsfw_placeholder img {
  display: none;
}
.yaoyue_caogao_win .px_card .nsfw_placeholder_content {
  display: none;
  width: 100%;
  height: 100%;
  background-color: #222;
  text-align: center;
  padding: 0 10px;
}
.yaoyue_caogao_win .px_card .nsfw_placeholder_content span {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.yaoyue_caogao_win .px_card .link_wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}
.yaoyue_caogao_win .px_card .top {
  position: relative;
  width: 100%;
  height: 130px;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: #b9c1c7;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  transition: all .2s;
  border: 1px solid #eeeff2;
  border-bottom: none;
  border-top: none;
}
.yaoyue_caogao_win .px_card .avatar,
.yaoyue_caogao_win .px_card .avatar_background {
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -30px;
}
.yaoyue_caogao_win .px_card .avatar {
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 150;
  transition: all 0.2s;
}
.yaoyue_caogao_win .px_card .avatar:hover {
  opacity: 0.7;
}
.yaoyue_caogao_win .px_card .avatar_background {
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 10;
  background-color: #fff;
}
.yaoyue_caogao_win .px_card .button,
.yaoyue_caogao_win .px_card .name {
  z-index: 150;
  position: relative;
}
.yaoyue_caogao_win .px_card .bottom {
  width: 100%;
  height: 150px;
  text-align: center;
  padding-top: 35px;
  border: 1px solid #eeeff2;
  border-top: none;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.yaoyue_caogao_win .px_card .description,
.yaoyue_caogao_win .px_card .followers,
.yaoyue_caogao_win .px_card .name {
  line-height: 1.4em;
}
.yaoyue_caogao_win .px_card .name {
  color: #0099e5;
  font-size: 24px;
  cursor: pointer;
  transition: all .2s;
  max-width: calc(100% - 20px);
  max-width: -webkit-calc(100% - 20px);
  max-width: -moz-calc(100% - 20px);
  display: inline-block;
}
.yaoyue_caogao_win .px_card .name:hover {
  color: #0099e5;
}
.yaoyue_caogao_win .px_card .description,
.yaoyue_caogao_win .px_card .followers {
  color: #b9c1c7;
  font-size: 14px;
  display: block;
  margin: 0 auto 15px;
  max-width: calc(100% - 20px);
  max-width: -webkit-calc(100% - 20px);
  max-width: -moz-calc(100% - 20px);
}
.yaoyue_caogao_win .px_card .description a,
.yaoyue_caogao_win .px_card .followers a {
  color: #525558;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  position: relative;
  z-index: 150;
}
.yaoyue_caogao_win .px_card .description a:hover,
.yaoyue_caogao_win .px_card .followers a:hover {
  color: #0af;
}
.yaoyue_caogao_win .px_card .bottom.create_gallery_cta__content {
  cursor: pointer;
  height: 330px !important;
}
.yaoyue_caogao_win .checkbox.multi_values:before,
.yaoyue_caogao_win .checkbox:before {
  background-position: center center;
  background-repeat: no-repeat;
}
.yaoyue_caogao_win .px_card .bottom.create_gallery_cta__content .create_gallery_cta__text {
  margin-top: 10px;
  color: #0099e5;
  font-size: 20px;
}
.yaoyue_caogao_win .px_card .bottom.create_gallery_cta__content .create_gallery_cta__icon {
  background-image: url('//pic.500px.me/images/svg/set/add.svg');
  background-position: 50% bottom;
  background-repeat: no-repeat;
  -webkit-background-size: 40px;
  background-size: 40px;
  padding-top: 45%;
  padding-top: calc(10%);
}
.yaoyue_caogao_win .px_card.medium.gic_audit {
  border: 1px solid #eeeff2;
}
.yaoyue_caogao_win .px_card.gic_audit .bottom {
  border: none;
}
.yaoyue_caogao_win .px_card .bottom .g_ul li {
  border-bottom: 1px solid #e0e1e3;
  height: 30px;
  line-height: 30px;
}
.yaoyue_caogao_win .px_card .bottom .g_ul li:last-child {
  border-bottom: none;
}
.yaoyue_caogao_win .px_card .bottom .g_left {
  float: left;
  text-align: left;
  color: #0099e5;
  width: 95px;
}
.yaoyue_caogao_win .px_card .bottom .g_right {
  float: right;
  text-align: right;
  width: 70%;
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  color: #b5b9bb;
}
.yaoyue_caogao_win .px_card .bottom .g_tags {
  padding: 30px 0 20px;
  border-bottom: 1px solid #424141;
}
.yaoyue_caogao_win .px_card .bottom .g_tags p {
  display: block;
  margin: 0;
  overflow: hidden;
  max-height: 80px;
  font-size: 12px;
  line-height: 20px;
}
.yaoyue_caogao_win .photo__top_buttons {
  z-index: 101;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  min-height: 50px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all 0.2s;
}
.yaoyue_caogao_win .photo__top_buttons__close_button:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.yaoyue_caogao_win .photo__top_buttons__close_button,
.yaoyue_caogao_win .photo__top_buttons__more_button {
  opacity: 0;
  -webkit-background-size: 20px;
  -webkit-border-radius: 3px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  pointer-events: auto;
  top: 0;
  float: right;
  background-position: center;
  width: 25px;
  height: 25px;
  right: 15px;
  cursor: pointer;
  position: absolute;
  background-repeat: no-repeat;
}
.yaoyue_caogao_win .photo__top_buttons__more_button {
  background-image: url('//pic.500px.me/images/svg/set/more.svg');
  background-size: 20px;
  border-radius: 3px;
  transition: all 0.2s ease-out;
}
.yaoyue_caogao_win .photo__top_buttons__close_button {
  background-image: url('//pic.500px.me/images/svg/close.svg');
  background-size: 20px;
  border-radius: 3px;
  transition: all 0.2s ease-out;
}
.yaoyue_caogao_win .full-aspect-ratio-photo-grid .photo_thumbnail.active .photo__top_buttons,
.yaoyue_caogao_win .full-aspect-ratio-photo-grid .photo_thumbnail:hover .photo__top_buttons,
.yaoyue_caogao_win .px_card.medium:hover .photo__top_buttons {
  visibility: visible;
  opacity: 1;
}
.yaoyue_caogao_win .full-aspect-ratio-photo-grid .photo_thumbnail.active .photo__top_buttons__more_button,
.yaoyue_caogao_win .full-aspect-ratio-photo-grid .photo_thumbnail:hover .photo__top_buttons__edit_button,
.yaoyue_caogao_win .full-aspect-ratio-photo-grid .photo_thumbnail:hover .photo__top_buttons__more_button,
.yaoyue_caogao_win .px_card.medium:hover .photo__top_buttons__close_button,
.yaoyue_caogao_win .px_card.medium:hover .photo__top_buttons__edit_button {
  top: 10px;
  right: 15px;
  opacity: 1;
}
.yaoyue_caogao_win .photo_thumbnail.active .credits,
.yaoyue_caogao_win .photo_thumbnail.active .right,
.yaoyue_caogao_win .photo_thumbnail:hover .credits,
.yaoyue_caogao_win .photo_thumbnail:hover .right {
  opacity: 1;
  bottom: 10px;
  -webkit-transition: bottom .2s;
  -moz-transition: bottom .2s;
  transition: bottom 0.2s;
}
.jujueWin {
  height: 100%;
}
.jujueWin ._body {
  padding: 40px;
  height: calc(100% - 96px);
  height: -webkit-calc(100% - 96px);
  height: -moz-calc(100% - 96px);
  overflow-y: auto;
}
.jujueWin ._body ._title {
  font-size: 16px;
  color: #0099E5;
}
.jujueWin ._body textarea {
  margin-top: 20px;
}
.jujueWin ._body .checkbox-container-lxx {
  margin-top: 20px;
}
.jujueWin ._body .checkbox-container-lxx .check-per.flexbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.jujueWin ._body .checkbox-container-lxx .check-per.flexbox .checkbox {
  display: inline-block;
}
.jujueWin ._body .cate-txt {
  font-size: 14px;
  color: #71767A;
}
.load_six {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.load_six .loader {
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 0.8em auto;
  position: relative;
  -webkit-animation: load_six 1.7s infinite ease;
  animation: load_six 1.7s infinite ease;
}
@-webkit-keyframes load_six {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.51em -0.66em 0 -0.42em #ffffff, -0.75em -0.36em 0 -0.44em #ffffff, -0.83em -0.03em 0 -0.46em #ffffff, -0.81em 0.21em 0 -0.477em #ffffff;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.29em -0.78em 0 -0.42em #ffffff, -0.43em -0.72em 0 -0.44em #ffffff, -0.52em -0.65em 0 -0.46em #ffffff, -0.57em -0.61em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
  }
}
@keyframes load_six {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.51em -0.66em 0 -0.42em #ffffff, -0.75em -0.36em 0 -0.44em #ffffff, -0.83em -0.03em 0 -0.46em #ffffff, -0.81em 0.21em 0 -0.477em #ffffff;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.29em -0.78em 0 -0.42em #ffffff, -0.43em -0.72em 0 -0.44em #ffffff, -0.52em -0.65em 0 -0.46em #ffffff, -0.57em -0.61em 0 -0.477em #ffffff;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
  }
}
.dialogbox_main_cmp {
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99999;
}
.dialog-box {
  font: 400 14px '\5FAE\8F6F\96C5\9ED1';
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  margin-top: -90px;
  margin-left: -150px;
  z-index: 99999;
  display: block;
}
.dialog-box .dialog-btn {
  padding: 0 20px 20px;
  text-align: center;
}
.dialog-box .dialog-btn span {
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 3px;
  padding: 0 15px;
  margin: 0 10px;
}
.show {
  display: block;
}
.dialog-box-close,
.dialog-btn span {
  display: inline-block;
  cursor: pointer;
}
.normal {
  background: #fff;
}
.correct {
  border-top: 4px solid #66be8c;
  background: #f8fffb;
}
.transparent {
  background: 0 0;
  box-shadow: none !important;
}
.error {
  border-top: 4px solid #f5694b;
  background: #fff8f7;
}
.dialog-box-container {
  position: relative;
  margin: 0 auto;
  border-radius: 5px;
  box-shadow: 0 0 10px #bbb;
}
.dialog-box-title {
  color: #333;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
}
.dialog-box-title h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  float: left;
}
.dialog-box-close {
  font-size: 26px;
  margin-left: 20px;
  font-weight: 400;
  float: right;
}
.dialog-box-close:hover {
  color: #f5694b;
}
.dialog-box-content {
  text-align: center;
  padding: 20px;
  line-height: 24px;
  margin: 0 auto;
}
.dialog-btn-cancel {
  background: #ddd;
}
.dialog-btn-cancel:hover {
  background: #d6d6d6;
}
.dialog-btn-warning {
  background: #34bf49;
}
.dialog-btn-warning:hover {
  background: #2ab53f;
}
.dialog-btn-ok {
  color: #fff;
  background: #ff4c4c;
  border: 1px solid #f33;
}
.dialog-btn-ok:hover {
  background: #f33;
}
#dialog-box-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99998;
  opacity: .3;
  filter: alpha(opacity=30);
  background: #000;
  height: 2506px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all 0.3s;
}
#dialog-box-iframe body {
  margin: 0;
  padding: 0;
  border: 0;
}
.effect-fade .dialog-box-container {
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0;
  transition: all .3s;
}
.show.effect-fade .dialog-box-container {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.effect-newspaper .dialog-box-container {
  -webkit-transform: scale(0) rotate(720deg);
  -ms-transform: scale(0) rotate(720deg);
  transform: scale(0) rotate(720deg);
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.show.effect-newspaper .dialog-box-container {
  -webkit-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
  opacity: 1;
}
.effect-fall {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}
.effect-fall .dialog-box-container {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(600px) rotateX(20deg);
  -ms-transform: translateZ(600px) rotateX(20deg);
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0;
}
.show.effect-fall .dialog-box-container {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0);
  opacity: 1;
}
.effect-scaled .dialog-box-container {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.show.effect-scaled .dialog-box-container {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.effect-flip-horizontal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}
.effect-flip-horizontal .dialog-box-container {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-70deg);
  -ms-transform: rotateY(-70deg);
  transform: rotateY(-70deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0;
}
.show.effect-flip-horizontal .dialog-box-container {
  -webkit-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0);
  opacity: 1;
}
.effect-flip-vertical {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}
.effect-flip-vertical .dialog-box-container {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-70deg);
  -ms-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0;
}
.show.effect-flip-vertical .dialog-box-container {
  -webkit-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
}
.effect-sign {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}
.effect-sign .dialog-box-container {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-60deg);
  -ms-transform: rotateX(-60deg);
  transform: rotateX(-60deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.show.effect-sign .dialog-box-container {
  -webkit-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
}
.dialog-foot {
  position: absolute;
  bottom: 0;
  padding: 20px;
}
.dialogbox_main_cmp._v2 {
  color: #222222;
}
.dialogbox_main_cmp._v2 .button {
  height: 48px;
  padding: 14px 30px;
  line-height: 22px;
  border-radius: 28px;
}
.dialogbox_main_cmp._v2 .button.ghost {
  background-color: #ffffff;
  color: #0870D1;
  border: 1px solid #ffffff;
}
.dialogbox_main_cmp._v2 .dialog-box-container {
  padding: 24px;
}
.dialogbox_main_cmp._v2 ._icon,
.dialogbox_main_cmp._v2 .dialog-btn-v2 .dialog-btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialogbox_main_cmp._v2 ._title {
  font-weight: 700;
  font-size: 21px;
}
.dialogbox_main_cmp._v2 ._desc {
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
}
.dialogbox_main_cmp._v2 .dialog-btn-v2 .dialog-btn-wrapper + .dialog-btn-wrapper {
  margin-top: 0;
}
.mobileNavBar {
  background-color: #fff;
}
.mobileNavBar .upper,
.mobileNavBar .lower {
  padding: 0 16px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobileNavBar .upper {
  height: 44px;
}
.mobileNavBar .upper .upperRight {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobileNavBar .upper .logo {
  width: 64px;
  height: 16px;
  margin-top: 4px;
}
.mobileNavBar .upper .menuBtn {
  width: 24px;
}
.mobileNavBar .lower ul a {
  text-decoration: none;
  color: #0e0e1a;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
.mobileNavBar .lower .search {
  height: 36px;
  display: flex;
  align-items: center;
  text-decoration: none;
  background-color: #EFF0F2;
  padding: 8px 12px;
  box-sizing: border-box;
  border-radius: 88px;
  color: #70737b;
}
.mobileNavBar .lower .search .searchIcon {
  margin-right: 11px;
}
.mobileNavBar .lower .search span {
  font-size: 12px;
  font-weight: 600;
  color: #70737b;
  padding-left: 10px;
  border-left: 1px solid #70737b;
}
.mobileDrawer {
  width: 236px;
  height: 100%;
  padding: 24px 16px;
  box-sizing: border-box;
  background-color: #fcfdfd;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
  transition: transform 0.3s;
  display: flex;
  flex-direction: column;
}
.mobileDrawer .top {
  border-bottom: 1px solid #E0E2E4;
  padding-bottom: 12px;
}
.mobileDrawer .top .unloginBlock {
  font-size: 14px;
}
.mobileDrawer .top .unloginBlock p:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mobileDrawer .top .unloginBlock p:last-child {
  margin-top: 8px;
}
.mobileDrawer .top .loginBlock {
  color: #0e0e1a;
}
.mobileDrawer .top .loginBlock h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin: 8px 0 0;
  color: #0e0e1a;
}
.mobileDrawer .top .loginBlock p {
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}
.mobileDrawer .top .loginBlock p span {
  margin-right: 8px;
}
.mobileDrawer .middle {
  overflow-y: auto;
  flex: 1;
  margin-bottom: 12px;
}
.mobileDrawer .middle ul {
  padding: 12px 0;
}
.mobileDrawer .middle ul li {
  margin-bottom: 4px;
}
.mobileDrawer .middle ul li:last-child {
  margin-bottom: 0;
}
.mobileDrawer .middle .subMenuWrapper .subMenu {
  padding: 0;
  height: 0;
  transition: height 0.3s;
  overflow: hidden;
}
.mobileDrawer .middle .subMenuWrapper .subMenu li {
  padding-left: 24px;
}
.mobileDrawer .middle .subMenuWrapper .arrow {
  transition: transform 0.3s;
}
.mobileDrawer .middle .subMenuWrapper.expanded .subMenu {
  height: 172px;
}
.mobileDrawer .middle .subMenuWrapper.expanded .arrow {
  transform: rotate(-90deg);
}
.mobileDrawer .middle .logoutBtnWrapper {
  padding: 12px 0 10px 0;
  border-top: 1px solid #E0E2E4;
}
.mobileMask {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  transition: opacity 0.3s ease-in-out;
  display: none;
}
.mobileNavBar .avatar,
.mobileDrawer .avatar {
  position: relative;
}
.mobileNavBar .avatar .inner,
.mobileDrawer .avatar .inner {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  background: #E0E2E4;
}
.mobileNavBar .avatar .vip,
.mobileDrawer .avatar .vip {
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.mobileNavBar .loginBtn,
.mobileDrawer .loginBtn,
.mobileNavBar .registerBtn,
.mobileDrawer .registerBtn {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  border-radius: 360px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.mobileNavBar .loginBtn,
.mobileDrawer .loginBtn {
  color: #fff;
  background-color: #1754F1;
  margin-right: 8px;
}
.mobileNavBar .registerBtn,
.mobileDrawer .registerBtn {
  background-color: #fff;
  color: #1754F1;
  border: 1px solid #1754F1;
  margin-right: 12px;
}
.mobileNavBar .linkBtn,
.mobileDrawer .linkBtn {
  display: flex;
  align-items: center;
  height: 40px;
  border-radius: 8px;
  padding: 8px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 600;
  color: #0e0e1a;
  text-decoration: none;
}
.mobileNavBar .linkBtn span,
.mobileDrawer .linkBtn span {
  margin-left: 4px;
}
.mobileNavBar .linkBtn.active,
.mobileDrawer .linkBtn.active {
  background-color: #eff0f2;
  color: #034ad3;
}
.mobileNavBar .button,
.mobileDrawer .button {
  outline: none;
  user-select: none;
  touch-action: manipulation;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 40px;
  padding: 8px;
  font-size: 14px;
}
.mobileNavBar .button.blockBtn,
.mobileDrawer .button.blockBtn {
  width: 100%;
}
.mobileNavBar .button.large,
.mobileDrawer .button.large {
  height: 48px;
  padding: 12px;
  font-size: 16px;
}
.mobileNavBar .button.primary,
.mobileDrawer .button.primary {
  color: #fff;
  background-color: #034ad3;
}
.mobileNavBar .button.secondary,
.mobileDrawer .button.secondary {
  color: #1754F1;
  background-color: #fff;
  border: 1px solid #1754F1;
}
.mobileNavBar .button.disabled,
.mobileDrawer .button.disabled {
  color: #D0D3D7;
  background-color: #EFF0F2;
  cursor: not-allowed;
}
.mobileNavBar .button.round,
.mobileDrawer .button.round {
  border-radius: 360px;
}
.show_on_small {
  display: none;
}
@media (max-width: 1023px) {
  .show_on_small {
    display: initial;
  }
}
.hide_on_small {
  display: initial;
}
@media (max-width: 1023px) {
  .hide_on_small {
    display: none;
  }
}
.main-nav-new .navbar_profile a {
  position: relative;
}
.main-nav-new .navbar_profile a .qy_icon {
  width: 12px;
  left: 28px;
  bottom: 20px;
  height: 12px;
}
.main-nav-new .px_topnav__spacer {
  width: 100%;
}
.main-nav-new .px_topnav__search_form .query:-ms-input-placeholder,
.main-nav-new .px_topnav__search_form .query::-moz-placeholder,
.main-nav-new .px_topnav__search_form .query::-webkit-input-placeholder {
  color: red;
}
.main-nav-new .px_topnav {
  height: 72px;
  line-height: 72px;
  width: 100%;
  padding: 0 30px 0 40px;
  background-color: #fff;
  border-bottom: 1px solid #eeeff2;
  font-size: 14px;
  color: #222;
  overflow: hidden;
}
@media (max-width: 767px) {
  .main-nav-new .px_topnav {
    padding: 0;
  }
}
.main-nav-new .px_topnav .login {
  padding: 0 20px;
}
.main-nav-new .px_topnav .signup {
  background-color: #34bf49;
  color: #fff !important;
  padding: 0 20px;
}
.main-nav-new .px_topnav .signup:hover {
  background-color: #41cb56;
}
.main-nav-new .px_topnav .px_topnav__wrapper {
  display: flex;
  height: 72px;
  position: relative;
  top: 0;
  font-size: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s ease-out;
  -moz-transition: top 0.1s ease-out, opacity 0.1s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s ease-out;
  flex-direction: row;
}
.main-nav-new .px_topnav .red_mark {
  position: relative;
}
.main-nav-new .px_topnav .red_mark::after {
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #FF4C4C;
  position: absolute;
  top: 26px;
  left: -6px;
  z-index: 1;
}
.main-nav-new .px_topnav .icon {
  background: transparent url("//cdn-test.500px.me/images/message/1x.png?dc=4") right bottom no-repeat;
  display: inline-block;
  margin: 0;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  text-align: left;
  cursor: pointer;
  color: #b9c1c7;
  vertical-align: middle;
}
.main-nav-new .px_topnav .icon.show_on_small {
  display: none;
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .main-nav-new .px_topnav .icon {
    background-image: url("//cdn-test.500px.me/images/message/2x.png?dc=4");
    background-size: 312px 60px;
  }
}
@media (max-width: 1023px) {
  .main-nav-new .px_topnav .icon {
    display: inline-block;
    margin-right: 0;
  }
  .main-nav-new .px_topnav .icon.hide_on_small {
    display: none;
  }
  .main-nav-new .px_topnav .icon.show_on_small {
    display: inline-block;
  }
}
.main-nav-new .px_topnav .icon.discover {
  background-position: -27px top;
}
.main-nav-new .px_topnav .icon.quests {
  width: 20px;
  background-position: -50px top;
}
.main-nav-new .px_topnav .icon.directory {
  width: 24px;
  background-position: -288px top;
}
.main-nav-new .px_topnav .icon.upload {
  width: 24px;
  background-position: -168px top;
}
.main-nav-new .px_topnav .icon.bell {
  background-position: -218px top;
  margin-left: 2px;
  margin-right: 2px;
}
.main-nav-new .px_topnav .icon.more {
  width: 4px;
  margin-left: 10px;
  margin-right: 10px;
  background-position: -250px top;
}
.main-nav-new .px_topnav .icon.search {
  background-position: -267px top;
}
.main-nav-new .px_topnav .icon.numbers {
  margin-right: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s ease-out;
  -moz-transition: top 0.1s ease-out, opacity 0.1s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s ease-out;
  background-color: #ff4c4c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: auto;
  min-width: 24px;
  height: 22px;
  line-height: 22px;
  background-image: none;
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  -webkit-border-radius: 11px;
  border-radius: 11px;
}
.main-nav-new .px_topnav .icon.numbers + .icon {
  display: none;
}
.main-nav-new .px_topnav .icon.numbers:empty {
  display: none;
}
.main-nav-new .px_topnav .icon.numbers:empty + .icon {
  display: inline-block;
}
.main-nav-new .px_topnav .icon.avatar {
  width: 25px;
  height: 25px;
}
.main-nav-new .px_topnav .px_topnav__nav_content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  height: 72px;
  padding: 0 10px;
  color: #525558;
  font-weight: normal;
  letter-spacing: 0.025em;
  white-space: nowrap;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.main-nav-new .px_topnav .px_topnav__search_form {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.main-nav-new .px_topnav .px_topnav__search_form form {
  position: relative;
  width: 100%;
  max-width: 300px;
}
.main-nav-new .px_topnav .px_topnav__search_form .submit {
  position: absolute;
  top: 27px;
  left: 24px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  height: 20px;
  width: 20px;
  border: none;
  background-color: transparent;
  background-position: -100px top;
  overflow: hidden;
  text-indent: 30px;
  cursor: pointer;
  pointer-events: none;
}
.main-nav-new .px_topnav .px_topnav__search_form .query {
  width: 100%;
  border: 0;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  background: #f7f8fa;
  font-weight: normal;
  font-size: 16px;
  color: #222;
  text-indent: 28px;
  border: 1px solid #eeeff2;
  line-height: 22px;
}
.main-nav-new .px_topnav .px_topnav__search_form .query:focus {
  background-color: #fff;
  border-color: #0099e5;
}
.main-nav-new .px_topnav .px_topnav__search_form .query:-ms-input-placeholder,
.main-nav-new .px_topnav .px_topnav__search_form .query::-moz-placeholder,
.main-nav-new .px_topnav .px_topnav__search_form .query::-webkit-input-placeholder {
  color: #71767a;
}
.main-nav-new .px_topnav svg:not(:root) {
  overflow: hidden;
}
.main-nav-new .px_topnav a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 72px;
  padding: 0 14px;
  font-size: 16px;
  color: #525558;
  font-weight: normal;
  letter-spacing: 0.025em;
  white-space: nowrap;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.main-nav-new .px_topnav a:hover .icon.home {
  background-position: left center;
}
.main-nav-new .px_topnav a:hover .icon.discover {
  background-position: -27px center;
}
.main-nav-new .px_topnav a:hover .icon.upload {
  background-position: -168px center;
}
.main-nav-new .px_topnav a:hover .icon.cart {
  background-position: -144px center;
}
.main-nav-new .px_topnav a:hover .icon.gallery {
  background-position: -194px center;
}
.main-nav-new .px_topnav a:hover .icon.bell {
  background-position: -218px center;
}
.main-nav-new .px_topnav a:hover .icon.more {
  background-position: -250px center;
}
.main-nav-new .px_topnav a:hover .icon.search {
  background-position: -267px center;
}
.main-nav-new .px_topnav a:hover .icon.quests {
  background-position: -50px center;
}
.main-nav-new .px_topnav a:hover .icon.local_listings {
  background-position: -72px center;
}
.main-nav-new .px_topnav a:hover .icon.directory {
  background-position: -288px center;
}
.main-nav-new .px_topnav a .down_arrow {
  width: 16px;
  height: 16px;
  transform-origin: center;
  transition-duration: 0.2s;
}
.main-nav-new .px_topnav li {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 72px;
  vertical-align: top;
  font-size: 16px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.main-nav-new .px_topnav li.show_on_small {
  display: none;
}
@media (max-width: 767px) {
  .main-nav-new .px_topnav li.hide_on_small {
    display: none;
  }
  .main-nav-new .px_topnav li.show_on_small {
    display: table-cell;
  }
}
.main-nav-new .px_topnav li.active a {
  background-color: #f7f8fa;
}
.main-nav-new .px_topnav li.active #user_upload_new {
  background: #222222;
  color: #ffffff;
}
.main-nav-new .px_topnav li.active #user_upload_new .upload_icon_new {
  background-image: url("//cdn-test.500px.me/images/svg/up_arrow_w.svg");
}
.main-nav-new .px_topnav li:hover a {
  color: #0099e5;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.main-nav-new .px_topnav li:hover a .down_arrow {
  transform: rotate(180deg);
}
.main-nav-new .px_topnav li.px_topnav__logo_container .px_topnav__logo {
  width: 92px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.main-nav-new .px_topnav li.px_topnav__logo_container .px_topnav__logo img {
  width: 100%;
  margin: 0;
}
.main-nav-new .px_topnav li.px_topnav__logo_container .px_topnav__logo path {
  -webkit-transition: fill 0.2s ease-out;
  -moz-transition: fill 0.2s ease-out;
  transition: fill 0.2s ease-out;
}
.main-nav-new .px_topnav li.px_topnav__logo_container .px_topnav__logo:hover path {
  fill: #0099e5;
}
.main-nav-new .px_topnav #user_upload_new {
  width: 96px;
  height: 42px;
  border-radius: 23px;
  border: 2px solid #222222;
  background: #FFFFFF;
  color: #222222;
  font-weight: bold;
  line-height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px 0 11px;
}
.main-nav-new .px_topnav #user_upload_new .upload_icon_new {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("//cdn-test.500px.me/images/svg/up_arrow.svg");
  margin: 0 7px 0 0;
}
.main-nav-new .px_topnav #user_upload_new:hover {
  background: rgba(34, 34, 34, 0.2);
  color: #222222;
}
@media (max-width: 767px) {
  .main-nav-new .navbar_profile a {
    position: relative;
  }
  .main-nav-new .navbar_profile a .qy_icon {
    width: 12px;
    left: 25px;
    bottom: 10px;
    height: 12px;
  }
  .main-nav-new .px_topnav {
    height: 50px;
    line-height: 50px;
  }
  .main-nav-new .px_topnav .px_topnav__wrapper {
    height: 50px;
  }
  .main-nav-new .px_topnav .px_topnav__nav_content {
    height: 50px;
  }
  .main-nav-new .px_topnav a {
    height: 50px;
    padding: 0 10px;
  }
  .main-nav-new .px_topnav li {
    line-height: 50px;
  }
  .main-nav-new .px_topnav li.px_topnav__logo_container .px_topnav__logo {
    width: 82px;
  }
  .main-nav-new .px_topnav li.px_topnav__logo_container .px_topnav__logo img {
    margin: 0;
  }
}
.qrcode_window_container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.92);
  z-index: 999;
}
.qrcode_window_container .qrcode_window {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 462px;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.qrcode_window_container .qrcode_window .qrcode_window_top {
  width: 100%;
  height: 293px;
  background-color: #f7f8fa;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("//cdn-test.500px.me/images/svg/mail_qr_code_bg.svg");
  box-sizing: border-box;
  padding: 56px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.qrcode_window_container .qrcode_window .qrcode_window_top .close_btn {
  position: relative;
  cursor: pointer;
  width: 19px;
  height: 19px;
  font-size: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  top: 15px;
  right: 15px;
}
.qrcode_window_container .qrcode_window .qrcode_window_top .close_btn:hover {
  background-color: rgba(90, 90, 90, 0.3);
}
.qrcode_window_container .qrcode_window .qrcode_window_top .close_btn:before {
  position: absolute;
  content: '.';
  display: block;
  width: 16px;
  height: 2px;
  top: 8px;
  left: 1.5px;
  background: #ffffff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.qrcode_window_container .qrcode_window .qrcode_window_top .close_btn:after {
  position: absolute;
  content: '.';
  display: block;
  width: 16px;
  height: 2px;
  top: 8px;
  left: 1.5px;
  background: #ffffff;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.qrcode_window_container .qrcode_window .qrcode_window_top .qrcode_title {
  font-size: 21px;
  color: #FFFFFF;
  line-height: 25px;
  margin-bottom: 24px;
  text-align: center;
}
.qrcode_window_container .qrcode_window .qrcode_window_top .qrcode {
  width: 138px;
  height: 140px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("//cdn-test.500px.me/images/WeChat/mail_qr_code.jpg");
}
.qrcode_window_container .qrcode_window .qrcode_bottom {
  padding: 32px 20px 24px;
}
.qrcode_window_container .qrcode_window .qrcode_bottom p {
  text-align: center;
  color: #6d7378;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 4px;
}
/*app begin*/
.download_app_window {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.92);
  z-index: 999;
  display: block;
}
.download_app {
  width: 860px;
  height: 516px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-image: url("//cdn-test.500px.me/images/unloginIndex/app-window-bg.png");
}
.download_app .close_btn {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  width: 19px;
  height: 19px;
  font-size: 0;
  border-radius: 3px;
  z-index: 1;
}
.download_app .close_btn:hover {
  background-color: rgba(90, 90, 90, 0.4);
}
.download_app .close_btn:before {
  position: absolute;
  content: '.';
  display: block;
  width: 16px;
  height: 2px;
  top: 8px;
  left: 1.5px;
  background: #ffffff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.download_app .close_btn:after {
  position: absolute;
  content: '.';
  display: block;
  width: 16px;
  height: 2px;
  top: 8px;
  left: 1.5px;
  background: #ffffff;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.download_app .wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 50px;
  overflow: hidden;
  position: relative;
}
.download_app .text_wrap {
  text-align: left;
  margin-left: 380px;
  display: table;
  height: 100%;
}
.download_app .text_wrap .center {
  display: table-cell;
  vertical-align: middle;
}
.download_app .text_wrap h2,
.download_app .text_wrap h4 {
  color: #FFFFFF;
  font-weight: normal;
  line-height: 1.4em;
  margin: 0;
}
.download_app .text_wrap h2 {
  font-size: 32px;
  margin-bottom: 23px;
  line-height: 1.2em;
}
.download_app .text_wrap h4 {
  font-size: 14px;
  max-width: 300px;
}
.download_app .downloads {
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  color: white;
  text-align: left;
  line-height: 0;
  font-size: 0;
  margin-top: 16px;
}
.download_app ._erwenma {
  margin-top: 70px;
}
.download_app ._erwenma .app_ma {
  margin-right: 38px;
}
.download_app .downloads a {
  display: inline-block;
  margin-right: 38px;
}
.download_app .downloads img {
  display: block !important;
  width: auto;
  height: 27px;
  margin-left: 5px;
}
.iphone {
  position: absolute;
  width: 274px;
  height: 547px;
  overflow: visible;
  line-height: 0;
  z-index: 1;
  top: 31px;
  left: 100px;
  -webkit-transform: translate3d(0, 0, 0) rotateY(26deg);
  -moz-transform: translate3d(0, 0, 0) rotateY(26deg);
  -ms-transform: translate3d(0, 0, 0) rotateY(26deg);
  transform: translate3d(0, 0, 0) rotateY(26deg);
  -moz-perspective: 2200px;
  -ms-perspective: 2200px;
  perspective: 2200px;
  -webkit-perspective: 2200px;
}
.iphone img {
  max-width: 100%;
}
.iphone_wrap .wrap {
  width: 413px;
  top: 100px;
  z-index: 0;
  height: 833px;
  position: absolute;
  -moz-perspective: 2200px;
  -ms-perspective: 2200px;
  perspective: 2200px;
  -webkit-perspective: 2200px;
}
.iphone * {
  outline: 1px solid transparent;
}
/*app end*/
.host_change_win .pxLightbox_container .pxLightboxHtml .modal_content {
  background: #fff;
}
.host_change_win .pxLightbox_container .pxLightboxHtml .modal_content .commonHead {
  background-color: transparent;
  border: none;
}
.host_change_win .pxLightbox_container .pxLightboxHtml .modal_content .commonHead .close {
  width: 24px;
  height: 24px;
  font-size: 26px;
}
.host_change_win .pxLightbox_container .pxLightboxHtml .modal_content .host_change_container {
  padding: 0 32px 16px;
}
.host_change_win .pxLightbox_container .pxLightboxHtml .modal_content .host_change_container .host_change_title {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  color: #222222;
  margin-top: 0;
}
.host_change_win .pxLightbox_container .pxLightboxHtml .modal_content .host_change_container .host_change_content {
  font-size: 14px;
  line-height: 20px;
  color: #222222;
}
#px_topnav_user {
  max-width: 180px;
  text-overflow: ellipsis;
}
#px_topnav_user .avatar {
  background-image: none;
  position: relative;
  text-overflow: ellipsis;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
/*资讯类签约上传初始窗口样式begin*/
.chushi_win {
  height: 100%;
}
.chushi_win .upload_closeable {
  position: relative;
  cursor: pointer;
  width: 27px;
  height: 27px;
  font-size: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  top: 10px;
  right: 15px;
}
.chushi_win .upload_closeable:hover {
  background-color: rgba(90, 90, 90, 0.3);
}
.chushi_win .upload_closeable:before {
  position: absolute;
  content: '.';
  display: block;
  width: 24px;
  height: 2px;
  top: 12px;
  left: 1.5px;
  background: #5a5a5a;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.chushi_win .upload_closeable:after {
  position: absolute;
  content: '.';
  display: block;
  width: 24px;
  height: 2px;
  top: 12px;
  left: 1.5px;
  background: #5a5a5a;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.chushi_win ._header {
  height: 100px;
  line-height: 100px;
  font-size: 24px;
  text-align: center;
  color: #0099e5;
  border-bottom: solid 1px #eeeff2;
}
.chushi_win ._body {
  height: calc(100% - 150px);
  height: -webkit-calc(100% - 150px);
  height: -moz-calc(100% - 150px);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.chushi_win ._body > div {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 6% 10%;
}
.chushi_win ._body > div ._text {
  font-size: 13px;
  line-height: 1.85;
  text-align: center;
  color: #525558;
}
.chushi_win ._body > div ._b {
  text-align: center;
}
.chushi_win ._body > div ._b .button {
  margin-top: 25px;
  font-size: 14px;
  width: 100px;
  height: 35px;
  line-height: 35px;
}
.chushi_win ._footer {
  border-top: solid 1px #eeeff2;
  height: 50px;
  position: relative;
}
.chushi_win ._footer .cmp {
  position: absolute;
  right: 28px;
  top: 30%;
}
.chushi_win ._footer .cmp span {
  vertical-align: middle;
}
.chushi_win ._footer .cmp ._checkbox {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background-color: #fff;
  display: inline-block;
}
.chushi_win ._footer .cmp ._checkbox:before {
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('//cdn-test.500px.me/images/icon/duihao_500px.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 8px;
  background-size: 8px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity 0.2s;
}
.chushi_win ._footer .cmp ._checkbox.checked:before {
  opacity: 1;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.chushi_win ._footer .cmp ._checkbox:before {
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('//cdn-test.500px.me/images/icon/duihao_500px.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 8px;
  background-size: 8px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity 0.2s;
}
.chushi_win ._footer .cmp ._checkbox.checked:before {
  opacity: 1;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.chushi_win ._footer .cmp ._text {
  font-size: 12px;
  color: #71767a;
}
/*资讯类签约上传初始窗口样式end*/
.main-nav-new .px_topnav__wrapper .Copyright {
  position: relative;
}
.main-nav-new .px_topnav__wrapper .Copyright .__new {
  position: absolute;
  top: 4px;
  right: -15px;
  display: inline-block;
  width: 30px;
  height: 15px;
  background-size: 29px 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(//cdn-test.500px.me/images/discover/icon-new.svg);
}
.header-fixed {
  height: 106px;
}
.header-fixed .header-new {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
}
.header-fixed .navbar-new {
  position: fixed;
  left: 0;
  right: 0;
  top: 50px;
  z-index: 1000;
}
.header-new {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  background: #fff;
  position: relative;
}
.header-new-logo img {
  height: 18px;
}
.header-new-right {
  display: flex;
  align-items: center;
}
.header-new-right-search {
  display: flex;
  align-items: center;
  width: 148px;
  height: 32px;
  background: #F7F8FA;
  border-radius: 16px;
}
.header-new-right-search img {
  width: 16px;
  margin: 0 16px;
}
.header-new-right-search span {
  font-size: 16px;
  color: #6D7378;
}
.header-new-right-setting {
  width: 24px;
  margin-left: 20px;
  text-align: center;
}
.header-new-right-setting img {
  width: 24px;
}
.header-new-right-setting img.small {
  width: 16px;
}
.header-new-popup {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50px;
  z-index: 1001;
}
.header-new-popup-shade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.header-new-popup.large {
  top: 106px;
}
.header-new-popup.large .header-new-popup-info {
  padding-top: 12px;
}
.header-new-popup-info {
  padding-bottom: 12px;
  background: #fff;
  position: relative;
}
.header-new-popup-inner {
  padding: 8px 0;
}
.header-new-popup a {
  display: block;
  padding: 12px 16px;
  font-size: 16px;
  color: #222;
}
.header-new-popup a.loginout {
  color: #EB0000;
}
.header-new-popup a:active {
  background: #0870D1;
  color: #fff;
}
.navbar-new {
  height: 56px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}
.navbar-new a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.navbar-new a img {
  width: 24px;
  display: none;
}
.navbar-new a img:first-child {
  display: inline-block;
}
.navbar-new a span {
  font-size: 10px;
  color: #222;
  margin-top: 4px;
  line-height: 14px;
}
.navbar-new a.active img {
  display: inline-block;
}
.navbar-new a.active img:first-child {
  display: none;
}
.navbar-new a.active span {
  color: #0870D1;
}
.navbar-new a.mine.active img,
.navbar-new a.mine.active img:first-child {
  display: inline-block;
}
.navbar-new-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}
.new_tag .tag {
  display: inline-block;
  padding: 0 2px;
  line-height: 17px;
  border-radius: 2px;
  background: #2986F7;
  font-size: 12px;
  color: #fff;
  transform: scale(0.8);
}
.new_tag .tag.danger {
  background: #FF4C4C;
}
@media (max-width: 1200px) {
  .new_tag {
    display: none !important;
  }
}
.pxLightbox_window {
  z-index: 2001;
  overflow: scroll;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  text-align: center;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  perspective: 1000;
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
}
.pxLightbox_window .pxLightbox_container {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pxLightbox_window .pxLightbox_container .pxLightbox_background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%!important;
  background-color: white;
  opacity: 0.95;
  background-color: rgba(0, 0, 0, 0.4);
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml {
  position: relative;
  display: block;
  margin: 0 auto;
  top: 50%;
  height: 0;
  width: 0;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  perspective: 1000;
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  text-align: left;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml > * {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml .modal_content {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid rgba(140, 140, 140, 0.4);
  border-radius: 3px;
  background-color: #F7F8FA;
  margin: 0px auto;
  opacity: 1;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml .modal_content .top-bar {
  background-color: #f7f8fa;
  padding: 10px 15px;
  border-bottom: 1px solid #b9c1c7;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml .modal_content .top-bar h3 {
  display: inline-block;
  margin: 5px 0;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml .modal_content .modal-footer {
  background-color: #f7f8fa;
  padding: 10px 15px;
  border-top: 1px solid rgba(34, 34, 34, 0.1);
  position: absolute;
  width: 100%;
  bottom: 0;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml .modal_content .modal-footer .right .button {
  font-size: 12px;
  padding: 0 28px;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml .modal_content .modal-footer .right .button + .button {
  margin-left: 10px;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml .modal_content.noborder {
  border: 0;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml .commonHead {
  border-radius: 1px 1px 0 0;
  background-color: #fff;
  height: 45px;
  padding: 0 10px;
  line-height: 44px;
  position: relative;
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml .commonHead h3 {
  display: block;
  float: left;
  color: #71767a;
  margin: 0;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml .commonHead .close {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 10px;
  width: 20px;
  height: 20px;
  color: #71767a;
  line-height: 16px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml.full-screen {
  margin: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml.full-screen .close {
  display: block;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml.full-screen .full_screen_modal_content {
  cursor: -webkit-zoom-out;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  background: none;
  position: absolute;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #f7f8fa;
  margin: 0 auto;
  opacity: 1;
  overflow: auto;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml.full-screen .full_screen_modal_content .main_container {
  margin: 20px;
  -webkit-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 80px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml.full-screen .full_screen_modal_content .main_container .photo_sidebar {
  border: none;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
}
.pxLightbox_window .pxLightbox_container .pxLightboxHtml.full-screen .full_screen_modal_content .main_container .photo_container {
  border-bottom: none;
}
html.pxLightbox .pxLightbox_window {
  display: block;
}
.pxLightbox_window.show {
  opacity: 1;
  transform: scale(1);
}
.pxLightbox_window.show .pxLightbox_container .pxLightboxHtml {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.pxLightbox_window.full-screen-main {
  z-index: 888;
}
.pxLightbox_window.full-screen-main .pxLightbox_container .pxLightbox_background {
  background-color: white;
}
.pxLightbox_window.bg_gray .pxLightbox_container .pxLightbox_background {
  background-color: #7b7c7d;
}
.pxLightbox_window.bg_gray .pxLightbox_container .pxLightboxHtml > div {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.pxLightbox_window.bg_gray .pxLightbox_container .pxLightboxHtml .modal_content {
  background-color: #eef1f4;
}
.dialog-box-container {
  height: 100%;
}
.dialog-box-container .dialog-foot {
  font-size: 14px;
  line-height: 1.4em;
}
/*query begin*/
.photo_select_search {
  position: absolute;
  top: 0;
  right: 50px;
  min-width: 200px;
}
.photo_select_search .__icon {
  background: transparent url("//cdn-test.500px.me/images/message/1x.png?dc=4") right bottom no-repeat;
  display: inline-block;
  margin: 0;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  text-align: left;
  cursor: pointer;
  color: #b9c1c7;
  vertical-align: middle;
  margin-bottom: 3px;
}
.photo_select_search .__icon.show_on_small {
  display: none;
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .photo_select_search .__icon {
    background-image: url("//cdn-test.500px.me/images/message/2x.png?dc=4");
    background-size: 312px 60px;
  }
}
@media (max-width: 1023px) {
  .photo_select_search .__icon {
    display: inline-block;
    margin-right: 0;
  }
}
.photo_select_search .__submit {
  position: absolute;
  top: 12px;
  left: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  height: 20px;
  width: 20px;
  border: none;
  background-color: transparent;
  background-position: -100px top;
  overflow: hidden;
  text-indent: 30px;
  cursor: pointer;
}
.photo_select_search .__query {
  width: 100%;
  height: 28px;
  border: 0;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  background: #f7f8fa;
  padding: 0;
  font-weight: normal;
  font-size: 12px;
  color: #222;
  text-indent: 28px;
  border: 1px solid #eeeff2;
}
.photo_select_search .__query:focus {
  background-color: #fff;
  border-color: #0099e5;
}
.photo_select_search .__query:-ms-input-placeholder,
.photo_select_search .__query::-moz-placeholder,
.photo_select_search .__query::-webkit-input-placeholder {
  color: #71767a;
  line-height: 16px;
}
@media screen and (max-width: 679px) {
  .photo_select_search {
    min-width: 100px;
    right: 30px;
  }
}
.photoselect {
  display: block;
}
.modal-body .photo_select_win_mainbody {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  float: left;
  width: 100%;
}
.modal-body .hasSelect_mainbody {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  float: left;
  width: 0;
  padding: 10px;
}
.modal-body .hasSelect_mainbody > div {
  margin-bottom: 10px;
}
.modal-body .hasSelect_mainbody .__num {
  color: #525558;
}
.modal-body .hasSelect_mainbody img {
  pointer-events: none;
}
.modal-body .hasSelect_mainbody .___item {
  position: relative;
}
.modal-body .hasSelect_mainbody .___item .___overlay {
  top: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.modal-body .hasSelect_mainbody .___item .___overlay .close {
  top: 15px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 5px;
  width: 20px;
  height: 20px;
  /* background-color: #000; */
  color: #FFF;
  line-height: 16px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.modal-body .hasSelect_mainbody .___item:hover .___overlay {
  opacity: 1;
}
.modal-body.__hasData .photo_select_win_mainbody {
  width: calc(100% - 200px);
  width: -webkit-calc(100% - 200px);
  width: -moz-calc(100% - 200px);
}
.modal-body.__hasData .hasSelect_mainbody {
  width: 200px;
}
.pxLightbox_window.xitongweihuzhong_container {
  overflow: hidden;
}
.pxLightbox_window.xitongweihuzhong_container .pxLightbox_container .pxLightbox_background {
  background-color: rgba(0, 0, 0, 0.5);
}
.pxLightbox_window.xitongweihuzhong_container .pxLightbox_container .pxLightboxHtml .modal_content {
  background-color: #fff;
  border-radius: 8px;
}
.pxLightbox_window.xitongweihuzhong_container .pxLightbox_container .pxLightboxHtml .modal_content .window_tip_container {
  width: 100%;
  height: 100%;
  padding-top: 75px;
  text-align: center;
}
.pxLightbox_window.xitongweihuzhong_container .pxLightbox_container .pxLightboxHtml .modal_content .window_tip_container .title {
  font-size: 24px;
  color: #222222;
  line-height: 33px;
}
.pxLightbox_window.xitongweihuzhong_container .pxLightbox_container .pxLightboxHtml .modal_content .window_tip_container .sub-title {
  font-family: PingFangSC;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #525558;
}
.pxLightbox_window.xitongweihuzhong_container .pxLightbox_container .pxLightboxHtml .modal_content .window_tip_container .i-known {
  width: 110px;
  height: 30px;
  box-shadow: inset 0 2px 0 0 #00aaff;
  border: solid 1px #0089d2;
  margin-top: 35px;
  font-size: 13px;
  font-weight: 500;
}
.pxLightbox_window.xitongweihuzhong_container.mobile .pxLightbox_container .pxLightbox_background {
  background-color: rgba(4, 4, 15, 0.4);
}
.pxLightbox_window.xitongweihuzhong_container.mobile .pxLightbox_container .pxLightboxHtml .modal_content .window_tip_container .title {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.32px;
}
.pxLightbox_window.xitongweihuzhong_container.mobile .pxLightbox_container .pxLightboxHtml .modal_content .window_tip_container .i-known {
  width: 247px;
  height: 48px;
  line-height: 48px;
  box-shadow: none;
  border-color: #3c6fd5;
  background-color: #3c6fd5;
  border-radius: 1000px;
  margin-top: 32px;
  font-weight: bold;
  font-size: 16px;
}
.red:after {
  border-top: 50px solid red;
  border-right: 0 solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 50px solid transparent;
}
.orange:after {
  border-top: 0 solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 50px solid orange;
  border-left: 0 solid transparent;
}
/*Begin:Added by xiaoxiaoliu 2017117*/
.dropdown-div {
  position: relative;
}
.dropdown-div span {
  position: relative;
}
.dropdown-div span:after,
.dropdown-div span:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -9px;
  width: 2px;
  height: 8px;
  margin-top: -3px;
  background: #a6abab;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.dropdown-div span:after {
  right: -14px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*Begin:Added by xiaoxiaoliu 2017117*/
.lyby_tip_main {
  /*让他和父类宽一样，然后自己的before箭头居左50%，箭头就居中了．*/
  width: 100%;
  display: none;
  position: relative;
}
.lyby_tip_main.arrowLeft .lyby_tip:before,
.lyby_tip_main.arrowLeft .lyby_tip:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
}
.lyby_tip_main.arrowLeft .lyby_tip:after {
  border-width: 11px;
}
.lyby_tip_main.arrowLeft .lyby_tip:before {
  border-width: 12px;
}
.lyby_tip_main.arrowLeft .lyby_tip:after,
.lyby_tip_main.arrowLeft .lyby_tip:before {
  top: 50%;
  right: 100%;
}
.lyby_tip_main.arrowLeft .lyby_tip:after {
  border-right-color: #FFF;
  margin-top: -11px;
}
.lyby_tip_main.arrowLeft .lyby_tip:before {
  border-right-color: #d4d4d4;
  margin-top: -12px;
}
.lyby_tip_main.arrowBottom .lyby_tip:before,
.lyby_tip_main.arrowBottom .lyby_tip:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
}
.lyby_tip_main.arrowBottom .lyby_tip:after {
  border-width: 11px;
}
.lyby_tip_main.arrowBottom .lyby_tip:before {
  border-width: 12px;
}
.lyby_tip_main.arrowBottom .lyby_tip:after,
.lyby_tip_main.arrowBottom .lyby_tip:before {
  left: 50%;
  top: 100%;
}
.lyby_tip_main.arrowBottom .lyby_tip:after {
  border-top-color: #FFF;
  margin-left: -11px;
}
.lyby_tip_main.arrowBottom .lyby_tip:before {
  border-top-color: #d4d4d4;
  margin-left: -12px;
}
.lyby_tip_main.arrowTop {
  margin-top: 12px;
}
.lyby_tip_main.arrowTop:before,
.lyby_tip_main.arrowTop:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
}
.lyby_tip_main.arrowTop:after {
  border-width: 11px;
}
.lyby_tip_main.arrowTop:before {
  border-width: 12px;
}
.lyby_tip_main.arrowTop:after,
.lyby_tip_main.arrowTop:before {
  left: 50%;
  bottom: 100%;
}
.lyby_tip_main.arrowTop:after {
  border-bottom-color: #FFF;
  margin-left: -11px;
}
.lyby_tip_main.arrowTop:before {
  border-bottom-color: #d4d4d4;
  margin-left: -12px;
}
.lyby_tip_main.arrowTop .lyby_tip {
  top: -1px;
}
.lyby_tip_main.arrowTopRight .lyby_tip:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 13px solid #FFF;
  border-left: 20px solid transparent;
  top: -10px;
  right: 0;
}
.lyby_tip_main .lyby_tip {
  position: absolute;
  line-height: 20px;
  color: #05080d;
  top: 0;
  left: 0;
  min-height: 32px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
/*Justified Gallery - v3.6.0
  http://miromannino.github.io/Justified-Gallery/
  Copyright (c) 2015 Miro Mannino
  Licensed under the MIT license.
 */
@-webkit-keyframes justified-gallery-show-caption-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@-moz-keyframes justified-gallery-show-caption-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@-o-keyframes justified-gallery-show-caption-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@keyframes justified-gallery-show-caption-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@-webkit-keyframes justified-gallery-show-entry-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
@-moz-keyframes justified-gallery-show-entry-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
@-o-keyframes justified-gallery-show-entry-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
@keyframes justified-gallery-show-entry-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}
.justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.justified-gallery > a,
.justified-gallery > div {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  /* IE8 or Earlier */
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
  display: none;
  position: absolute;
  bottom: 0;
  padding: 5px;
  background-color: #000000;
  left: 0;
  right: 0;
  margin: 0;
  color: white;
  font-size: 12px;
  font-weight: 300;
  font-family: sans-serif;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
  display: initial;
  opacity: 0.7;
  filter: "alpha(opacity=70)";
  /* IE8 or Earlier */
  -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
  -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
  -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
  opacity: 1.0;
  filter: alpha(opacity=100);
  /* IE8 or Earlier */
  -webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease;
  -moz-animation: justified-gallery-show-entry-animation 500ms 0 ease;
  -ms-animation: justified-gallery-show-entry-animation 500ms 0 ease;
}
.justified-gallery > .jg-filtered {
  display: none;
}
.justified-gallery > .spinner {
  position: absolute;
  bottom: 0;
  margin-left: -24px;
  padding: 10px 0 10px 0;
  left: 50%;
  opacity: initial;
  filter: initial;
  overflow: initial;
}
.justified-gallery > .spinner > span {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  /* IE8 or Earlier */
  width: 8px;
  height: 8px;
  margin: 0 4px 0 4px;
  background-color: #000;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.ppSearchSx {
  position: relative;
  height: 25px;
  line-height: 25px;
  padding: 20px 0;
}
.ppJlXm {
  width: 100%;
  height: 45px;
  background: #000;
  color: #fff;
  line-height: 45px;
}
.ppSxTime {
  text-align: center;
}
.ppJlXm span {
  float: left;
  text-align: center;
}
.ppJlXm span.ppif471 {
  width: 471px;
}
.ppJlXm span.ppif128 {
  width: 128px;
}
.ppJlXm span.ppif117 {
  width: 107px;
  padding: 0 5px;
}
.ppJlXm span.ppif70 {
  width: 70px;
}
.ppJlXm span.ppif100 {
  width: 100px;
}
.ppJlXm span.ppif68 {
  width: 68px;
}
.ppJlXm span.ppif60 {
  width: 60px;
}
.ppJlInfoList td.ppls128 {
  width: 127px;
}
.ppJlInfoList td.ppls117 {
  width: 116px;
}
.ppJlInfoList td.ppls70 {
  width: 69px;
}
.ppJlInfoList td.ppls100 {
  width: 89px;
  padding: 0 5px;
}
.ppJlInfoList td.ppls68 {
  width: 67px;
}
.ppJlInfoList td.ppls60 {
  width: 60px;
  border-right: 0;
}
.ppJlInfoList td {
  border-right: 1px solid #d9d9d8;
  border-bottom: 1px solid #d9d9d8;
  height: 111px;
}
.ppSearchSxBox {
  color: #fff;
  font-size: 14px;
}
.ppfl {
  float: left;
  height: 25px;
  line-height: 25px;
  text-align: center;
  position: relative;
  z-index: 200;
}
.ppPx {
  color: #333;
  margin-left: 25px;
}
.ppTimeBtn {
  width: 67px;
  background: #aaa;
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  margin-left: 20px;
}
.ppTimeBtn:hover,
.ppTimeBtn.current {
  background: #222;
}
.ppTimeBtn img {
  position: relative;
  top: 3px;
  margin-left: 7px;
}
.ppSearchXx {
  width: 93px;
  position: relative;
  cursor: pointer;
  text-align: left;
  text-indent: 13px;
}
.ppSearchXx p {
  width: 100%;
  height: 25px;
  background: #aaa;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
}
.ppSearchXx p img {
  position: relative;
  margin-left: 15px;
  top: -2px;
}
.ppScLt {
  display: none;
  color: #333;
  position: absolute;
  background: #f3f3f3;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -ms-border-bottom-left-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  width: 100%;
}
.ppScLt span {
  display: block;
}
.ppPageBox {
  position: absolute;
  right: 20px;
}
.ppPageBtn {
  width: 23px;
  height: 23px;
  background: url('//500px.me/lib/jQuery.filer-master/img/pagelr.png') no-repeat left top;
}
.ppPageBox input {
  width: 43px;
  height: 21px;
  border: 1px solid #d9d9d8;
  text-indent: 5px;
  outline: none;
}
.ppNext {
  background-position: 0 -23px;
}
.ppPageBtn.ppGo {
  color: #fff;
  text-align: center;
  line-height: 23px;
  background: #222;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
}
.ppPageBox * {
  margin-left: 10px;
}
.ppRiLi {
  z-index: 3;
  display: none;
  width: 542px;
  padding: 20px;
  border: 1px solid #aaa;
  position: absolute;
  left: 0px;
  top: 67px;
  background: #fff;
  box-shadow: 0 2px 5px #999;
}
.ppRiLiY {
  width: 100%;
  height: 33px;
  line-height: 33px;
  color: #333;
  font-size: 20px;
  background: #f3f3f3;
  position: relative;
}
.ppRiLiY span {
  position: absolute;
  display: block;
  width: 21px;
  height: 18px;
  cursor: pointer;
  overflow: hidden;
  background: url('//500px.me/lib/jQuery.filer-master/img/yar.png') no-repeat left top;
  top: 7.5px;
}
.ppRiLiY span.ppRiLiP {
  left: 10px;
  background-position: 0 -36px;
}
.ppRiLiY span.ppRiLiN {
  right: 10px;
}
.ppRiLiY span.ppRiLiP:hover {
  background-position: 0 -54px;
}
.ppRiLiY span.ppRiLiN:hover {
  background-position: 0 -18px;
}
.ppRiLiM {
  width: 240px;
  border: 1px solid #e3e3e3;
  color: #000;
  padding: 5px 0 10px;
  margin-top: 20px;
}
.ppRiLiM span {
  float: left;
  width: 38.5px;
  text-align: center;
  margin: 5px 0 0 1px;
  cursor: pointer;
}
.ppRiLiM span:hover,
.ppRiLiM span.current {
  background: #e9eae5;
}
.ppSxBtn {
  margin: 20px auto 0;
  width: 80px !important;
  display: table !important;
}
.ppJt {
  display: block;
  position: absolute;
  width: 16px;
  height: 10px;
  background: url('//500px.me/lib/jQuery.filer-master/img/sss.jpg') no-repeat left top;
  top: -10px;
}
.date_cmp {
  position: relative;
  display: inline-block;
}
.date_cmp .ppRiLi p {
  line-height: inherit;
}
.date_cmp .ppRiLi.unbetween {
  width: auto;
}
.date_cmp .ppRiLi.unbetween .startTime {
  margin-right: 0;
}
.date_cmp .textInput {
  border: 1px solid #c5c7cb;
  position: relative;
}
.date_cmp .textInput input {
  border: none !important;
}
.date_cmp label {
  display: block;
  color: #818689;
  padding: 0 0 10px 3px;
}
.date_cmp input {
  width: 130px;
  height: 40px;
  border: 1px solid #c5c7cb;
}
.date_cmp input.sTime {
  border-right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.date_cmp input.eTime {
  border-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.date_cmp .arrow {
  position: absolute;
  top: 8px;
  width: 25px;
  right: 5px;
  height: 25px;
  background-size: cover;
  background-image: url("//node-test.500px.me/images/qianyue/date.svg");
}
.date_cmp .to {
  position: absolute;
  top: 13px;
  right: 140px;
  font-size: 15px;
  color: #5d6062;
}
.date_cmp.active .ppRiLi {
  display: block;
}
.date_cmp .startTime {
  display: inline-block;
  margin-right: 20px;
}
@media only screen and (max-width: 679px) {
  .date_cmp .startTime {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.date_cmp .endTime {
  display: inline-block;
}
@media only screen and (max-width: 679px) {
  .ppRiLi {
    width: auto;
  }
}
.zhuanfa_tishi section.dialog-box {
  position: relative;
  width: 400px;
  height: 300px;
}
.zhuanfa_tishi section.dialog-box .dialog-box-title {
  position: relative;
  height: 85px;
  padding: 0;
}
.zhuanfa_tishi section.dialog-box .dialog-box-title h3 {
  position: absolute;
  width: 100%;
  font-weight: normal;
  float: none;
  font-size: 24px;
  text-align: center;
  color: #222222;
  bottom: 0;
}
.zhuanfa_tishi section.dialog-box .dialog-box-content {
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  color: #525558;
  padding: 30px;
}
.zhuanfa_tishi section.dialog-box .dialog-btn {
  position: absolute;
  bottom: 36px;
  width: 100%;
}
.zhuanfa_tishi section.dialog-box .dialog-btn .dialog-btn-warning {
  width: 110px;
  height: 30px;
  color: #FFF;
  line-height: 30px;
}
.new_icons_maincmp .new_icons_item {
  display: inline-block;
}
.new_icons_maincmp .new_icons_item + .new_icons_item {
  margin-left: 30px;
}
.v2_new_addSet {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("//cdn-test.500px.me/images/icon/v2_add_set.svg?dc=2");
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.v2_new_addSet:hover {
  background-image: url("//cdn-test.500px.me/images/icon/v2_add_set_hover.svg?dc=2");
}
.v2_new_share {
  cursor: pointer;
}
.v2_new_share .icon {
  pointer-events: none;
  width: 24px;
  height: 24px;
}
.v2_new_share .icon .xin {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  fill: transparent;
}
.v2_new_share .bian {
  fill: #71767A;
}
.v2_new_share:hover .icon .xin {
  fill: #EEEFF2;
}
.v2_new_fav {
  color: #71767a;
  display: inline-block;
  cursor: pointer;
}
.v2_new_fav .value {
  display: block;
  float: right;
  height: 24px;
  line-height: 24px;
  margin-left: 5px;
  font-size: 16px;
  font-weight: 500;
}
.v2_new_fav .icon {
  width: 24px;
  height: 24px;
}
.v2_new_fav .bian {
  fill: #71767A;
}
.v2_new_fav .xin {
  fill: transparent;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.v2_new_fav:hover .icon .xin {
  fill: #EEEFF2;
}
.v2_new_fav.hearted .icon {
  -webkit-animation: heart_animation .8s linear both;
  -moz-animation: heart_animation .8s linear both;
  animation: heart_animation .8s linear both;
}
.v2_new_fav.hearted .icon .bian {
  fill: transparent;
}
.v2_new_fav.hearted .icon .xin {
  fill: #FF4C4C;
}
.v2_new_fav.disabled {
  cursor: default;
  opacity: .5;
}
.v2_new_zf {
  color: #71767a;
  display: inline-block;
  cursor: pointer;
}
.v2_new_zf .value {
  display: block;
  float: right;
  height: 24px;
  line-height: 24px;
  margin-left: 5px;
  font-size: 16px;
  font-weight: 500;
}
.v2_new_zf .icon {
  width: 24px;
  height: 24px;
}
.v2_new_zf .xian {
  fill: #d4d4d4;
}
.v2_new_zf .bian {
  fill: #71767A;
}
.v2_new_zf .xin {
  fill: transparent;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.v2_new_zf:hover .icon .xin {
  fill: #EEEFF2;
}
.v2_new_zf.hearted .icon {
  -webkit-animation: heart_animation .8s linear both;
  -moz-animation: heart_animation .8s linear both;
  animation: heart_animation .8s linear both;
}
.v2_new_zf.hearted .icon .bian {
  fill: transparent;
}
.v2_new_zf.hearted .icon .xin {
  fill: #0099E5;
}
.v2_new_zf.button {
  width: 70px;
  padding-left: 40px;
  position: relative;
  color: #FFF;
}
.v2_new_zf.button .icon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  right: auto;
  margin: auto;
}
.v2_new_zf.button .value {
  font-size: 12px;
  line-height: 28px;
}
.v2_new_zf.button .bian {
  fill: #EEEFF2;
}
.v2_new_zf.button.hearted {
  background-color: #525558;
  border-color: #46484b;
}
.v2_new_zf.button.hearted:hover {
  background-color: #5e6265;
}
.v2_new_zf.button.hearted .icon .xin {
  fill: #EEEFF2;
}
.v2_new_zf.button:not(.hearted):hover .icon .xin {
  fill: transparent;
}
.v2_new_zf.only_icon {
  vertical-align: middle;
  pointer-events: auto;
}
.v2_new_zf.only_icon .bian {
  fill: #EEEFF2;
}
.v2_new_zf.only_icon.hearted .icon .xin {
  fill: white;
}
.v2_new_zf.only_icon:not(.hearted):hover .icon .xin {
  fill: #71767a;
}
.v2_new_zf.disabled {
  cursor: default;
  opacity: 1 !important;
}
.v2_new_zf.disabled._isprivate {
  opacity: .5 !important;
}
.v2_new_zf.disabled.hearted {
  pointer-events: inherit !important;
}
.v2_new_zf.disabled .value {
  cursor: default;
}
.v2_new_zf.yingji {
  cursor: default;
  opacity: .5 !important;
}
.v2_new_zf.yingji._isprivate {
  opacity: .5 !important;
}
.v2_new_zf.yingji.hearted {
  pointer-events: inherit !important;
}
.v2_new_zf.yingji .value {
  cursor: default;
}
.v2_new_timing {
  color: #71767a;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.v2_new_timing .value {
  display: block;
  float: right;
  height: 24px;
  line-height: 24px;
  margin-left: 5px;
  font-size: 16px;
  font-weight: 500;
}
.v2_new_timing .icon {
  width: 24px;
  height: 24px;
}
.v2_new_timing .bian {
  fill: #71767A;
}
.v2_new_timing .xin {
  fill: transparent;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.v2_new_timing:hover .icon .xin {
  fill: #EEEFF2;
}
.v2_new_timing.hearted .icon {
  -webkit-animation: heart_animation .8s linear both;
  -moz-animation: heart_animation .8s linear both;
  animation: heart_animation .8s linear both;
}
.v2_new_timing.hearted .icon .bian {
  fill: transparent;
}
.v2_new_timing.hearted .icon .xin {
  fill: #FFBF00;
}
.v2_new_comment {
  color: #71767a;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.v2_new_comment .value {
  display: block;
  float: right;
  height: 24px;
  line-height: 24px;
  margin-left: 5px;
  font-size: 16px;
  font-weight: 500;
}
.v2_new_comment .icon {
  width: 24px;
  height: 24px;
}
.v2_new_comment .bian {
  fill: #71767A;
}
.v2_new_comment .xin {
  fill: transparent;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.v2_new_comment:hover .icon .xin {
  fill: #EEEFF2;
}
.v2_new_comment.hearted .icon {
  -webkit-animation: heart_animation .8s linear both;
  -moz-animation: heart_animation .8s linear both;
  animation: heart_animation .8s linear both;
}
.v2_new_comment.hearted .icon .bian {
  fill: transparent;
}
.v2_new_comment.hearted .icon .xin {
  fill: #FFBF00;
}
.webui-popover-zIndex {
  z-index: 888;
}
.liked_btn_popu_main .contain {
  width: 300px;
  padding: 30px 0 17px;
  margin: 0 auto;
}
.liked_btn_popu_main .contain .comfirmZf {
  font-size: 14px;
  color: #B9C1C7;
  margin-top: 15px;
  text-align: center;
}
.liked_btn_popu_main .contain .comfirmZf span {
  pointer-events: none;
}
.liked_btn_popu_main .contain .comfirmZf.active {
  color: #0099E5;
}
.liked_btn_popu_main .contain .comfirmZf.active span {
  cursor: pointer;
  pointer-events: auto;
}
.liked_btn_popu_main .contain .inside {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.liked_btn_popu_main .contain .inside ._item {
  text-align: center;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.liked_btn_popu_main .contain .inside ._item .title {
  font-size: 14px;
  color: #525558;
  margin-bottom: 15px;
}
.liked_btn_popu_main .contain .inside ._item .jiaohao {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #0099E5;
  background-image: url("//cdn-test.500px.me/images/icon/plus.png?d=66");
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 2px 3px 0 rgba(0, 153, 229, 0.2);
  cursor: pointer;
}
.liked_btn_popu_main .contain .inside ._item .jiaohao.hasDone {
  background-color: #D7DDE1;
  background-image: url("//cdn-test.500px.me/images/icon/check.png?d=666");
  box-shadow: none;
}
.liked_btn_popu_main .contain .inside ._item .score {
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #B9C1C7;
}
.liked_btn_popu_main .contain .inside ._item ._jiahao {
  cursor: pointer;
  background-image: url("//cdn-test.500px.me/images/icon/jiahao.svg");
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}
.liked_btn_popu_main .contain .inside ._item ._jianhao {
  height: 30px;
  position: relative;
  cursor: pointer;
}
.liked_btn_popu_main .contain .inside ._item ._jianhao:after {
  content: ' ';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 18px;
  background-color: #0099E5;
  top: 13px;
  left: 39%;
}
.liked_btn_popu_main .contain .inside ._item ._fenshu {
  position: relative;
}
.liked_btn_popu_main .contain .inside ._item ._fenshu svg {
  width: 64px;
  height: 64px;
}
.liked_btn_popu_main .contain .inside ._item ._fenshu ._jindu {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.liked_btn_popu_main .contain .inside ._item ._fenshu span {
  font-size: 18px;
  text-align: center;
  color: #0099e5;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 65px;
}
.liked_btn_popu_main .contain.disabled {
  height: 155px;
}
.liked_btn_popu_main .contain.disabled ._configbtn {
  display: none;
}
.liked_btn_popu_main .contain_v2 {
  padding: 15px;
  margin: 0 auto;
}
.liked_btn_popu_main .contain_v2 textarea {
  width: 100%;
  height: 98px;
  background-color: #f7f8fa;
  border: solid 1px #b9c1c7;
  margin-bottom: 8px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
}
.liked_btn_popu_main .contain_v2 .tags_main .tags_li {
  cursor: pointer;
  float: left;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -o-border-radius: 14px;
  border: solid 1px #0870d1;
  padding: 8px 15px;
  font-size: 14px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #0870d1;
  margin-bottom: 8px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.liked_btn_popu_main .contain_v2 .tags_main .tags_li:hover {
  background: #0099e5;
  color: #fff;
}
.liked_btn_popu_main .contain_v2 .tags_main .tags_li + .tags_li {
  margin-left: 4px;
}
.liked_btn_popu_main .contain_v2 .__bottom {
  text-align: right;
}
.liked_btn_popu_main .contain_v2 .__bottom .button {
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -o-border-radius: 35px;
}
.activity_item__container_region .new_icons_maincmp {
  text-align: left;
  border-top: solid 1px #eeeff2;
  height: 60px;
  padding: 20px 0 0 20px;
}
.comment-button .icon {
  cursor: pointer;
}
.comment-button .icon .bian {
  fill: #71767A;
}
.prize_mark_region {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 0 0;
}
.prize_mark_region.one_line {
  height: 30px;
  overflow: hidden;
}
.prize_mark_region .prize_mark_item {
  display: inline-block;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  max-width: 14em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #0870D1;
  position: relative;
  padding: 0 0 0 18px;
  margin: 0 20px 8px 0;
}
.prize_mark_region .prize_mark_item:hover {
  color: #00aaff;
}
.prize_mark_region .prize_mark_item::before {
  display: block;
  content: '';
  width: 16px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: url("//cdn-test.500px.me/images/contest/prize_primary.svg") no-repeat center;
  background-size: 12px;
}
.prize_mark_region .prize_mark_item.awarded::before {
  background: url("//cdn-test.500px.me/images/contest/prize_gold.svg") no-repeat center;
}
.prize_mark_region.graphic_contest_info .prize_mark_item {
  color: #0870D1;
}
.story_container {
  margin: 0 auto;
  width: 100%;
  background-color: #f7f8fa;
  text-align: center;
  padding: 20px 0 30px;
}
.story_container img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.story_container .logo {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  vertical-align: middle;
}
.story_container .lists {
  margin: 0 auto;
  margin-bottom: 30px;
  text-align: left;
  padding: 0 50px;
  width: 100%;
}
.story_container .lists .abstract {
  width: 100%;
  border-bottom: 1px solid #eeeff2;
  padding: 20px 50px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.story_container .lists .abstract:last-child {
  padding-bottom: 40px;
}
.story_container .lists .abstract .img {
  float: left;
  width: 400px;
  margin-right: 30px;
  position: relative;
}
.story_container .lists .abstract .img .top-img {
  position: relative;
  width: 100%;
  height: 240px;
  background-size: cover;
  background-position: center;
  background-color: #b9c1c7;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.story_container .lists .abstract .writing {
  float: left;
  width: calc(100% - 430px);
  height: 240px;
  position: relative;
}
.story_container .lists .abstract .writing .author {
  line-height: 30px;
  margin-top: 15px;
}
.story_container .lists .abstract .writing .author .avatar_wrap {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.story_container .lists .abstract .writing .author .nickName {
  margin-left: 10px;
  display: inline-block;
  position: relative;
  z-index: 101;
  width: 160px;
  text-align: left;
  font-size: 14px;
  color: #71767a;
  cursor: pointer;
}
.story_container .lists .abstract .writing .author .nickName a,
.story_container .lists .abstract .writing .author .nickName a:visited,
.story_container .lists .abstract .writing .author .nickName a:hover {
  color: #71767a;
}
.story_container .lists .abstract .writing h2 {
  font-size: 16px;
  font-weight: normal;
  color: #525558;
  margin-top: 15px;
}
.story_container .lists .abstract .writing h2 a,
.story_container .lists .abstract .writing h2 a:visited,
.story_container .lists .abstract .writing h2 a:hover {
  color: #525558;
}
.story_container .lists .abstract .writing .story-desc {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.story_container .lists .abstract .writing .story-desc:link {
  color: #000000;
}
.story_container .lists .abstract .writing .story-desc:visited {
  color: #000000;
}
.story_container .lists .abstract .writing .story-desc:hover {
  color: #000000;
}
.story_container .lists .abstract .writing .label {
  display: none;
}
.story_container .lists .abstract .writing p {
  font-size: 14px;
  line-height: 1.5;
  text-align: justify;
  color: #71767a;
  margin-top: 10px;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.story_container .lists .abstract .writing .correlation {
  font-size: 12px;
  color: #b8c1c8;
  margin-top: 60px;
  position: absolute;
  bottom: 10px;
}
.story_container .lists .abstract .link_wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}
.story_container .cardLists {
  display: inline-block;
  width: 100%;
  font-size: 0;
}
.story_container .cardLists .card {
  display: inline-block;
  max-width: 360px;
  width: 360px;
  margin: 10px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #eeeff2;
  cursor: pointer;
  position: relative;
}
.story_container .cardLists .card:hover .photo__top_buttons {
  visibility: visible;
  opacity: 1;
}
.story_container .cardLists .card:hover .photo__top_buttons__setting_button {
  top: 10px;
  opacity: 1;
}
.story_container .cardLists .card .photo__top_buttons__setting_button {
  pointer-events: auto;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  -webkit-background-size: 25px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: 0;
  right: 15px;
}
.story_container .cardLists .card .photo__top_buttons__setting_button.__delete {
  background-image: url('//node-test.500px.me/images/icon/x.svg');
  right: 15px;
  background-size: 30px;
}
.story_container .cardLists .card .photo__top_buttons__setting_button:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.story_container .cardLists .card .link_wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}
.story_container .cardLists .card .topImg {
  width: 100%;
  height: auto;
  position: relative;
}
.story_container .cardLists .card .topImg .top-img {
  position: relative;
  width: 100%;
  height: 240px;
  background-size: cover;
  background-position: center;
  background-color: #b9c1c7;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.story_container .cardLists .card .content {
  padding: 10px 15px 13px;
}
.story_container .cardLists .card .content .title {
  text-align: center;
  font-size: 16px;
  color: #525558;
  width: 90%;
  height: 16px;
  margin: 0 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.story_container .cardLists .card .content .item-property-container {
  position: absolute;
  z-index: 666;
  top: 250px;
  right: 15px;
  width: 16px;
  height: 16px;
}
.story_container .cardLists .card .content .item-property-container .state-img {
  width: 100%;
  height: 100%;
  background-size: 16px 16px;
}
.story_container .cardLists .card .content .item-property-container .state-img.profile {
  background-image: url("//cdn-test.500px.me/images/userDetail/profile-gray.svg");
}
.story_container .cardLists .card .content .item-property-container .state-img.public {
  background-image: url("//cdn-test.500px.me/images/userDetail/public-gray.svg");
}
.story_container .cardLists .card .content .item-property-container .state-img.private {
  background-image: url("//cdn-test.500px.me/images/userDetail/private-gray.svg");
}
.story_container .cardLists .card .content .item-property-container .state-img.draft {
  font-size: 12px;
  line-height: 17px;
  color: #b8c1c8;
  width: 2em;
  height: 17px;
}
.story_container .cardLists .card .content .label {
  height: 20px;
  margin-top: 15px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  font-size: 0;
}
.story_container .cardLists .card .content .label span {
  display: inline-block;
  width: 68px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  border-radius: 100px;
  background-color: #eaebed;
  font-size: 12px;
  color: #525558;
  text-align: center;
  margin-left: 15px;
}
.story_container .cardLists .card .content .label span:first-child {
  margin-left: 0;
}
.story_container .cardLists .card .content .info {
  margin-top: 15px;
  font-size: 12px;
  color: #b8c1c8;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.story_container .cardLists .card .content .info > div:first-child {
  float: left;
}
.story_container .cardLists .card .content .info > div:last-child {
  float: right;
}
.story_container .cardLists .card .content .info .noPublish {
  color: #0099e5;
}
.story_container .cardLists .card .content .info .author .avatar_wrap {
  display: inline-block;
}
.story_container .cardLists .card .content .info .author .nickName {
  margin-left: 0px;
  display: inline-block;
  z-index: 101;
  position: relative;
  width: 160px;
  text-align: left;
}
.story_container .cardLists .card .content .info .author .nickName a {
  color: #b8c1c8;
}
.story_container .cardLists .card:hover {
  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);
}
.story_select_main .story_container {
  padding: 0;
}
.story_select_main .story_container .overlay {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  cursor: pointer;
}
.story_select_main .story_container .overlay .overlay_2 {
  z-index: 11;
  background-color: #fff;
  width: 100%;
  height: 100%;
  opacity: .3;
}
.story_select_main .story_container .overlay .selected-circle {
  width: 22px;
  height: 22px;
  opacity: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("//node-test.500px.me/images/userDetail/photoSelect.svg");
  -webkit-background-size: 20px;
  background-size: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  /*-webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);*/
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.story_select_main .story_container .cardLists .card {
  width: 290px;
}
.story_select_main .story_container .cardLists .card:hover .photo__top_buttons {
  visibility: visible;
  opacity: 1;
}
.story_select_main .story_container .cardLists .card:hover .photo__top_buttons__setting_button {
  top: 10px;
  opacity: 1;
}
.story_select_main .story_container .cardLists .card .photo__top_buttons__setting_button {
  pointer-events: auto;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  -webkit-background-size: 25px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: 0;
  right: 15px;
}
.story_select_main .story_container .cardLists .card .photo__top_buttons__setting_button.__delete {
  background-image: url('//node-test.500px.me/images/icon/x.svg');
  right: 15px;
  background-size: 30px;
}
.story_select_main .story_container .cardLists .card .photo__top_buttons__setting_button:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.story_select_main .story_container .cardLists .card .topImg .top-img {
  height: 170px;
  position: relative;
}
.story_select_main .story_container .cardLists .card .content .item-property-container {
  top: 180px;
}
.story_select_main .story_container .cardLists .card.selected .overlay {
  opacity: 1;
}
.story_select_main .story_container .cardLists .card.selected .overlay .selected-circle {
  opacity: 1;
}
@media only screen and (min-width: 400px) {
  .discovery-story-list-region .story_container {
    width: 380px;
  }
}
@media only screen and (min-width: 800px) {
  .discovery-story-list-region .story_container {
    width: 760px;
  }
}
@media only screen and (min-width: 1180px) {
  .discovery-story-list-region .story_container {
    width: 1140px;
  }
}
@media only screen and (min-width: 1560px) {
  .discovery-story-list-region .story_container {
    width: 1520px;
  }
}
@media only screen and (min-width: 1960px) {
  .discovery-story-list-region .story_container {
    width: 1900px;
  }
}
@media only screen and (min-width: 2360px) {
  .discovery-story-list-region .story_container {
    width: 2280px;
  }
}
@media only screen and (max-width: 1024px) {
  .story_container .lists {
    padding: 0;
  }
  .story_container .lists .abstract {
    padding-left: 10px;
    padding-right: 10px;
  }
  .story_container .lists .abstract .img {
    width: 360px;
  }
  .story_container .lists .abstract .writing {
    width: calc(100% - 390px);
  }
  .story_container .lists .abstract .writing .correlation {
    margin-top: 23px;
  }
}
@media only screen and (max-width: 776px) {
  .story_container .lists {
    text-align: center;
    margin-bottom: 0;
    padding: 0 20px;
  }
  .story_container .lists .abstract {
    padding: 0;
    border-radius: 2px;
    overflow: hidden;
    background-color: #ffffff;
    border: solid 1px #eeeff2;
  }
  .story_container .lists .abstract:last-child {
    padding-bottom: 0;
  }
  .story_container .lists .abstract .img {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .story_container .lists .abstract .writing {
    float: none;
    width: 100%;
    padding: 15px 15px 25px;
    position: relative;
    height: auto;
  }
  .story_container .lists .abstract .writing .author {
    position: absolute;
    left: 15px;
    bottom: 25px;
    margin-top: 0;
  }
  .story_container .lists .abstract .writing h2 {
    margin-top: 0;
    margin-bottom: 82px;
    text-align: center;
  }
  .story_container .lists .abstract .writing .label {
    display: inline-block;
    position: relative;
    bottom: 60px;
    height: 20px;
    margin-top: 15px;
    text-align: center;
    font-size: 0;
  }
  .story_container .lists .abstract .writing .label span {
    display: inline-block;
    width: 68px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    border-radius: 100px;
    background-color: #eaebed;
    font-size: 12px;
    color: #525558;
    text-align: center;
    margin-left: 15px;
  }
  .story_container .lists .abstract .writing .label span:first-child {
    margin-left: 0;
  }
  .story_container .lists .abstract .writing p {
    display: none;
  }
  .story_container .lists .abstract .writing .correlation {
    margin-top: 0;
    position: absolute;
    right: 15px;
    bottom: 32px;
  }
  .story_container .lists .abstract .writing .correlation .zan {
    display: none;
  }
  .story_container .cardLists {
    display: inline-block;
    width: 100%;
    padding: 10px;
    font-size: 0;
  }
  .story_container .cardLists .card {
    display: inline-block;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    border-radius: 2px;
    overflow: hidden;
    background-color: #ffffff;
    border: solid 1px #eeeff2;
    cursor: pointer;
    position: relative;
  }
  .story_container .cardLists .card:hover .photo__top_buttons {
    visibility: visible;
    opacity: 1;
  }
  .story_container .cardLists .card:hover .photo__top_buttons__setting_button {
    top: 10px;
    opacity: 1;
  }
  .story_container .cardLists .card .photo__top_buttons__setting_button {
    pointer-events: auto;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    -webkit-background-size: 25px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    top: 0;
    right: 15px;
  }
  .story_container .cardLists .card .photo__top_buttons__setting_button.__delete {
    background-image: url('//node-test.500px.me/images/icon/x.svg');
    right: 15px;
    background-size: 30px;
  }
  .story_container .cardLists .card .photo__top_buttons__setting_button:hover {
    background-color: rgba(255, 255, 255, 0.4);
  }
  .story_container .cardLists .card .content {
    padding: 15px 15px 25px;
  }
}
@media only screen and (max-width: 400px) {
  .story_container {
    width: 100%;
  }
}
.photos_index_layout .main_container .sidebar_region .photo_sidebar .strategy_region .strategy_container {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.photos_index_layout .main_container .sidebar_region .photo_sidebar .strategy_region .strategy,
.photos_index_layout .main_container .sidebar_region .photo_sidebar .strategy_region .statistics {
  display: inline-block;
  cursor: pointer;
  line-height: 20px;
}
.photos_index_layout .main_container .sidebar_region .photo_sidebar .strategy_region .strategy span,
.photos_index_layout .main_container .sidebar_region .photo_sidebar .strategy_region .statistics span {
  color: #0099e5;
}
.photos_index_layout .main_container .sidebar_region .photo_sidebar .strategy_region .strategy .logo {
  padding: 0 7px;
  margin-right: 10px;
  background: url("//cdn-test.500px.me/images/seek/strategy.svg") no-repeat center center;
}
.photos_index_layout .main_container .sidebar_region .photo_sidebar .strategy_region .strategy .__new {
  display: inline-block;
  vertical-align: super;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #0099e5;
  border: 2px solid #fff;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: activity_dot 0.2s ease-in-out forwards;
  -moz-animation: activity_dot 0.2s ease-in-out forwards;
  animation: activity_dot 0.2s ease-in-out forwards;
}
.photos_index_layout .main_container .sidebar_region .photo_sidebar .strategy_region .statistics {
  margin-left: 10px;
}
.photos_index_layout .main_container .sidebar_region .photo_sidebar .strategy_region .statistics.disabled {
  cursor: default;
  pointer-events: none;
}
.photos_index_layout .main_container .sidebar_region .photo_sidebar .strategy_region .statistics.disabled span {
  color: #b9c1c7;
}
.strategy_box {
  position: fixed;
  top: 0;
  right: -340px;
  bottom: 0;
  width: 340px;
  background-color: #ffffff;
  box-shadow: -3px 0 19px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #d7dde1;
  z-index: 1500;
}
.strategy_box .strategy_header {
  position: relative;
  margin: 25px 0 30px;
  padding: 0 20px;
}
.strategy_box .strategy_header .strategy_header_close {
  position: absolute;
  width: 30px;
  text-align: center;
  top: -3px;
  right: 10px;
  font-size: 20px;
  color: #a6a7a9;
  cursor: pointer;
}
.strategy_box .strategy_header .strategy_header_add {
  display: inline-block;
  font-size: 13px;
  color: #71767a;
  cursor: pointer;
}
.strategy_box .strategy_header .strategy_header_add .logo {
  padding: 9px;
  background: url("//cdn-test.500px.me/images/seek/upload.svg") no-repeat center center;
  margin-right: 6px;
}
.strategy_box .strategy_header .strategy_header_add:hover {
  color: #0099e5;
}
.strategy_box .strategy_header .strategy_header_add:hover .logo {
  background-image: url("//cdn-test.500px.me/images/seek/upload-hover.svg");
}
.strategy_box .strategy_body_content {
  height: calc(100% - 68px);
  height: -webkit-calc(100% - 68px);
  height: -moz-calc(100% - 68px);
}
.strategy_box .strategy_lists {
  height: 100%;
  overflow-y: auto;
}
.strategy_box .strategy_lists .strategy_item {
  width: 280px;
  height: 170px;
  border-radius: 4px;
  border: solid 1px #b9c1c7;
  margin: 0 auto 30px;
  position: relative;
  overflow: hidden;
}
.strategy_box .strategy_lists .strategy_item .lazy {
  height: 100%;
  background-size: cover;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.strategy_box .strategy_lists .strategy_item .strategy_link,
.strategy_box .strategy_lists .strategy_item .black_mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.strategy_box .strategy_lists .strategy_item .strategy_link {
  z-index: 100;
}
.strategy_box .strategy_lists .strategy_item .black_mask {
  background-color: rgba(0, 0, 0, 0.3);
}
.strategy_box .strategy_lists .strategy_item .strategy_info {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 1.4;
  padding: 0 25px;
}
.strategy_box .strategy_lists .strategy_item .strategy_info.title {
  font-size: 16px;
  color: #fff;
  top: 77px;
  transform: translateY(-50%);
}
.strategy_box .strategy_lists .strategy_item .strategy_info.timing {
  bottom: 32px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
.strategy_box .strategy_lists .strategy_item .setting {
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
  line-height: 1.4;
  z-index: 101;
}
.strategy_box .strategy_lists .strategy_item .setting .btn {
  border-radius: 2px;
  background-color: rgba(185, 193, 199, 0.3);
  padding: 4px 8px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
.strategy_box .strategy_lists .strategy_item .setting .to_top {
  margin-right: 7px;
}
.strategy_box .strategy_lists .strategy_item:hover {
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}
.strategy_box .strategy_lists .strategy_item:hover .setting {
  display: block;
}
.strategy_box .strategy_lists .strategy_item:hover .setting .btn:hover {
  background-color: rgba(185, 193, 199, 0.5);
}
.strategy_box .strategy_lists .infinite_scroll_loader {
  max-width: 280px;
  margin: 0 auto;
}
.strategy_box .other_interests {
  height: 100%;
  overflow-y: auto;
}
.strategy_box .other_interests .no_strategy_tip {
  font-size: 14px;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: solid 1px #eeeff2;
  color: #b9c1c7;
}
.strategy_box .other_interests .other_interests_info {
  text-align: center;
  padding: 40px 0;
  border-bottom: solid 5px #f7f8fa;
}
.strategy_box .other_interests .other_interests_info .num {
  font-size: 16px;
  color: #525558;
  font-weight: 600;
}
.strategy_box .other_interests .other_interests_info .num span {
  font-size: 26px;
  color: #0099e5;
}
.strategy_box .other_interests .other_interests_info .animation {
  min-height: 145px;
  position: relative;
}
.strategy_box .other_interests .other_interests_info .animation .over {
  position: absolute;
  width: 55px;
  height: 55px;
  bottom: 0;
  left: 142px;
  cursor: pointer;
  z-index: 100;
}
.strategy_box .other_interests .other_interests_info .logo {
  min-height: 145px;
  position: relative;
}
.strategy_box .other_interests .other_interests_info .logo.hide {
  display: none;
}
.strategy_box .other_interests .other_interests_info .logo .box {
  position: absolute;
  width: 53px;
  height: auto;
  bottom: 0;
  left: 142px;
}
.strategy_box .other_interests .other_interests_info .logo .box.swing {
  animation: box_swing 0.1s 3 linear ;
  -webkit-animation: box_swing 0.1s 3 linear ;
  -moz-animation: box_swing 0.1s 3 linear ;
}
.strategy_box .other_interests .other_interests_info .logo .img {
  position: absolute;
}
.strategy_box .other_interests .other_interests_info .logo .img.star_img {
  width: 15px;
  height: 15px;
}
.strategy_box .other_interests .other_interests_info .logo .img img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.strategy_box .other_interests .other_interests_info .logo.hover .box {
  animation: box_swing 0.15s infinite linear ;
  -webkit-animation: box_swing 0.15s infinite linear ;
  -moz-animation: box_swing 0.15s infinite linear ;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container {
  top: 100px;
  left: 177px;
  animation: vertical-animation 1s infinite ease-out;
  -webkit-animation: vertical-animation 1s infinite ease-out;
  -moz-animation: vertical-animation 1s infinite ease-out;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container .star_box {
  animation: hor-animation 1s infinite ease-in;
  -webkit-animation: hor-animation 1s infinite ease-in;
  -moz-animation: hor-animation 1s infinite ease-in;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container .star {
  animation: star_rotate 1s infinite linear;
  -webkit-animation: star_rotate 1s infinite linear;
  -moz-animation: star_rotate 1s infinite linear;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container2 {
  top: 103px;
  left: 147px;
  animation: vertical-animation2 1s infinite ease-out 0.6s;
  -webkit-animation: vertical-animation2 1s infinite ease-out 0.62s;
  -moz-animation: vertical-animation2 1s infinite ease-out 0.62s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container2 .star_box2 {
  animation: hor-animation2 1s infinite ease-in 0.6s;
  -webkit-animation: hor-animation2 1s infinite ease-in 0.6s;
  -moz-animation: hor-animation2 1s infinite ease-in 0.6s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container2 .star2 {
  animation: star_rotate2 1s infinite linear 0.6s;
  -webkit-animation: star_rotate2 1s infinite linear 0.6s;
  -moz-animation: star_rotate2 1s infinite linear 0.6s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container3 {
  top: 100px;
  left: 177px;
  animation: v-star-hover3 1s infinite ease-out 0.4s;
  -webkit-animation: v-star-hover3 1s infinite ease-out 0.4s;
  -moz-animation: v-star-hover3 1s infinite ease-out 0.4s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container3 .star_box3 {
  animation: h-star-hover3 1s infinite ease-in 0.4s;
  -webkit-animation: h-star-hover3 1s infinite ease-in 0.4s;
  -moz-animation: h-star-hover3 1s infinite ease-in 0.4s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container3 .star3 {
  animation: star_hover3 1s infinite linear 0.4s;
  -webkit-animation: star_hover3 1s infinite linear 0.4s;
  -moz-animation: star_hover3 1s infinite linear 0.4s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container4 {
  top: 100px;
  left: 155px;
  animation: v-star-hover4 1s infinite ease-out 1s;
  -webkit-animation: v-star-hover4 1s infinite ease-out 1s;
  -moz-animation: v-star-hover4 1s infinite ease-out 1s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container4 .star_box4 {
  animation: h-star-hover4 1s infinite ease-in 1s;
  -webkit-animation: h-star-hover4 1s infinite ease-in 1s;
  -moz-animation: h-star-hover4 1s infinite ease-in 1s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container4 .star4 {
  opacity: 0;
  animation: star_hover4 1s infinite linear 1s;
  -webkit-animation: star_hover4 1s infinite linear 1s;
  -moz-animation: star_hover4 1s infinite linear 1s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container5 {
  top: 100px;
  left: 165px;
  animation: v-star-hover5 1s infinite ease-out 1.3s;
  -webkit-animation: v-star-hover5 1s infinite ease-out 1.3s;
  -moz-animation: v-star-hover5 1s infinite ease-out 1.3s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container5 .star_box5 {
  animation: h-star-hover5 1s infinite ease-in 1.3s;
  -webkit-animation: h-star-hover5 1s infinite ease-in 1.3s;
  -moz-animation: h-star-hover5 1s infinite ease-in 1.3s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .star_container5 .star5 {
  opacity: 0;
  animation: star_hover5 1s infinite linear 1.3s;
  -webkit-animation: star_hover5 1s infinite linear 1.3s;
  -moz-animation: star_hover5 1s infinite linear 1.3s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .circle_container {
  width: 5px;
  height: 5px;
  top: 105px;
  left: 155px;
  animation: v-circle-hover 1s infinite ease-out 0.4s;
  -webkit-animation: v-circle-hover 1s infinite ease-out 0.4s;
  -moz-animation: v-circle-hover 1s infinite ease-out 0.4s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .circle_container .circle_box {
  animation: h-circle-hover 1s infinite ease-in 0.4s;
  -webkit-animation: h-circle-hover 1s infinite ease-in 0.4s;
  -moz-animation: h-circle-hover 1s infinite ease-in 0.4s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .circle_container .circle {
  animation: circle_hover 1s infinite linear 0.4s;
  -webkit-animation: circle_hover 1s infinite linear 0.4s;
  -moz-animation: circle_hover 1s infinite linear 0.4s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .circle_container2 {
  width: 5px;
  height: 5px;
  top: 105px;
  left: 174px;
  animation: v-circle-hover2 1s infinite ease-out 0.7s;
  -webkit-animation: v-circle-hover2 1s infinite ease-out 0.7s;
  -moz-animation: v-circle-hover2 1s infinite ease-out 0.7s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .circle_container2 .circle_box2 {
  animation: h-circle-hover2 1s infinite ease-in 0.7s;
  -webkit-animation: h-circle-hover2 1s infinite ease-in 0.7s;
  -moz-animation: h-circle-hover2 1s infinite ease-in 0.7s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .circle_container2 .circle2 {
  animation: circle_hover2 1s infinite linear 0.7s;
  -webkit-animation: circle_hover2 1s infinite linear 0.7s;
  -moz-animation: circle_hover2 1s infinite linear 0.7s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .circle_container3 {
  width: 5px;
  height: 5px;
  top: 103px;
  left: 164px;
  animation: v-circle-hover3 1s infinite ease-out 1s;
  -webkit-animation: v-circle-hover3 1s infinite ease-out 1s;
  -moz-animation: v-circle-hover3 1s infinite ease-out 1s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .circle_container3 .circle_box3 {
  animation: h-circle-hover3 1s infinite ease-in 1s;
  -webkit-animation: h-circle-hover3 1s infinite ease-in 1s;
  -moz-animation: h-circle-hover3 1s infinite ease-in 1s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .circle_container3 .circle3 {
  animation: circle_hover3 1s infinite linear 1s;
  -webkit-animation: circle_hover3 1s infinite linear 1s;
  -moz-animation: circle_hover3 1s infinite linear 1s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .circle_container4 {
  width: 5px;
  height: 5px;
  top: 103px;
  left: 164px;
  animation: v-circle-hover4 1s infinite ease-out 1.1s;
  -webkit-animation: v-circle-hover4 1s infinite ease-out 1.1s;
  -moz-animation: v-circle-hover4 1s infinite ease-out 1.1s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .circle_container4 .circle_box4 {
  animation: h-circle-hover4 1s infinite ease-in 1.1s;
  -webkit-animation: h-circle-hover4 1s infinite ease-in 1.1s;
  -moz-animation: h-circle-hover4 1s infinite ease-in 1.1s;
}
.strategy_box .other_interests .other_interests_info .logo.hover .circle_container4 .circle4 {
  animation: circle_hover4 1s infinite linear 1.1s;
  -webkit-animation: circle_hover4 1s infinite linear 1.1s;
  -moz-animation: circle_hover4 1s infinite linear 1.1s;
}
.strategy_box .other_interests .other_interests_info .logo.light .img.star_img {
  width: 20px;
  height: 20px;
}
.strategy_box .other_interests .other_interests_info .logo.light .box {
  transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  animation: bounce 1s 1 linear;
  -webkit-animation: bounce 1s 1 linear;
  -moz-animation: bounce 1s 1 linear;
}
.strategy_box .other_interests .other_interests_info .logo.light .light_star_container {
  top: 113px;
  left: 159px;
  animation: v-light-star 2s 1 ease-out 0.5s;
  -webkit-animation: v-light-star 2s 1 ease-out 0.5s;
  -moz-animation: v-light-star 2s 1 ease-out 0.5s;
}
.strategy_box .other_interests .other_interests_info .logo.light .light_star_container .light_star_box {
  animation: h-light-star 2s 1 ease-in 0.5s;
  -webkit-animation: h-light-star 2s 1 ease-in 0.5s;
  -moz-animation: h-light-star 2s 1 ease-in 0.5s;
}
.strategy_box .other_interests .other_interests_info .logo.light .light_star_container .light_star_box .light_star {
  opacity: 0;
  animation: light-star 2s 1 linear 0.5s;
  -webkit-animation: light-star 2s 1 linear 0.5s;
  -moz-animation: light-star 2s 1 linear 0.5s;
}
.strategy_box .other_interests .other_interests_info .logo.light .light_star_container2 {
  top: 111px;
  left: 165px;
  animation: v-light-star2 2s 1 ease-out 1s;
  -webkit-animation: v-light-star2 2s 1 ease-out 1s;
  -moz-animation: v-light-star2 2s 1 ease-out 1s;
}
.strategy_box .other_interests .other_interests_info .logo.light .light_star_container2 .light_star_box2 {
  animation: h-light-star2 2s 1 ease-in 1s;
  -webkit-animation: h-light-star2 2s 1 ease-in 1s;
  -moz-animation: h-light-star2 2s 1 ease-in 1s;
}
.strategy_box .other_interests .other_interests_info .logo.light .light_star_container2 .light_star_box2 .light_star2 {
  opacity: 0;
  animation: light-star2 2s 1 linear 1s;
  -webkit-animation: light-star2 2s 1 linear 1s;
  -moz-animation: light-star2 2s 1 linear 1s;
}
.strategy_box .other_interests .other_interests_info .logo.light .num {
  color: #0099e5;
  opacity: 0;
  position: absolute;
  top: 38px;
  left: 154px;
  animation: showNum 2s 1 linear 2.3s;
  -webkit-animation: showNum 2s 1 linear 2.3s;
  -moz-animation: showNum 2s 1 linear 2.3s;
}
.strategy_box .other_interests .other_interests_info .logo.relight .img.star_img {
  width: 20px;
  height: 20px;
}
.strategy_box .other_interests .other_interests_info .logo.relight .box {
  transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  animation: rebounce 1s 1 linear;
  -webkit-animation: rebounce 1s 1 linear;
  -moz-animation: rebounce 1s 1 linear;
}
.strategy_box .other_interests .other_interests_info .logo.relight .light_star_container {
  top: 113px;
  left: 159px;
  animation: re_v-light-star 2s 1 ease-out 0.5s;
  -webkit-animation: re_v-light-star 2s 1 ease-out 0.5s;
  -moz-animation: re_v-light-star 2s 1 ease-out 0.5s;
}
.strategy_box .other_interests .other_interests_info .logo.relight .light_star_container .light_star_box {
  animation: re_h-light-star 2s 1 ease-in 0.5s;
  -webkit-animation: re_h-light-star 2s 1 ease-in 0.5s;
  -moz-animation: re_h-light-star 2s 1 ease-in 0.5s;
}
.strategy_box .other_interests .other_interests_info .logo.relight .light_star_container .light_star_box .light_star {
  opacity: 0;
  animation: re_light-star 2s 1 linear 0.5s;
  -webkit-animation: re_light-star 2s 1 linear 0.5s;
  -moz-animation: re_light-star 2s 1 linear 0.5s;
}
.strategy_box .other_interests .other_interests_info .logo.relight .light_star_container2 {
  top: 111px;
  left: 165px;
  animation: re_v-light-star2 2s 1 ease-out 1s;
  -webkit-animation: re_v-light-star2 2s 1 ease-out 1s;
  -moz-animation: re_v-light-star2 2s 1 ease-out 1s;
}
.strategy_box .other_interests .other_interests_info .logo.relight .light_star_container2 .light_star_box2 {
  animation: re_h-light-star2 2s 1 ease-in 1s;
  -webkit-animation: re_h-light-star2 2s 1 ease-in 1s;
  -moz-animation: re_h-light-star2 2s 1 ease-in 1s;
}
.strategy_box .other_interests .other_interests_info .logo.relight .light_star_container2 .light_star_box2 .light_star2 {
  opacity: 0;
  animation: re_light-star2 2s 1 linear 1s;
  -webkit-animation: re_light-star2 2s 1 linear 1s;
  -moz-animation: re_light-star2 2s 1 linear 1s;
}
.strategy_box .other_interests .other_interests_info .logo.relight .num {
  color: #0099e5;
  opacity: 0;
  position: absolute;
  top: 38px;
  left: 154px;
  animation: re_showNum 2s 1 linear 2.3s;
  -webkit-animation: re_showNum 2s 1 linear 2.3s;
  -moz-animation: re_showNum 2s 1 linear 2.3s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .img.star_img {
  width: 20px;
  height: 20px;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .img.circle_img {
  width: 5px;
  height: 5px;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .box {
  transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  animation: bounce 1s 1 linear;
  -webkit-animation: bounce 1s 1 linear;
  -moz-animation: bounce 1s 1 linear;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container {
  top: 113px;
  left: 159px;
  animation: v-light-star 2s infinite ease-out 0.5s;
  -webkit-animation: v-light-star 2s infinite ease-out 0.5s;
  -moz-animation: v-light-star 2s infinite ease-out 0.5s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container .light_star_box {
  animation: h-light-star 2s infinite ease-in 0.5s;
  -webkit-animation: h-light-star 2s infinite ease-in 0.5s;
  -moz-animation: h-light-star 2s infinite ease-in 0.5s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container .light_star_box .light_star {
  opacity: 0;
  animation: light-star 2s infinite linear 0.5s;
  -webkit-animation: light-star 2s infinite linear 0.5s;
  -moz-animation: light-star 2s infinite linear 0.5s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container2 {
  top: 113px;
  left: 159px;
  animation: v-light-star_2 2s infinite linear 0.8s;
  -webkit-animation: v-light-star_2 2s infinite linear 0.8s;
  -moz-animation: v-light-star_2 2s infinite linear 0.8s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container2 .light_star_box2 {
  animation: h-light-star_2 2s infinite linear 0.8s;
  -webkit-animation: h-light-star_2 2s infinite linear 0.8s;
  -moz-animation: h-light-star_2 2s infinite linear 0.8s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container2 .light_star_box2 .light_star2 {
  opacity: 0;
  animation: light-star_2 2s infinite linear 0.8s;
  -webkit-animation: light-star_2 2s infinite linear 0.8s;
  -moz-animation: light-star_2 2s infinite linear 0.8s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container3 {
  top: 113px;
  left: 159px;
  animation: v-light-star3 2s infinite ease-in 1.5s;
  -webkit-animation: v-light-star3 2s infinite ease-in 1.5s;
  -moz-animation: v-light-star3 2s infinite ease-in 1.5s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container3 .light_star_box3 {
  animation: h-light-star3 2s infinite ease-out 1.5s;
  -webkit-animation: h-light-star3 2s infinite ease-out 1.5s;
  -moz-animation: h-light-star3 2s infinite ease-out 1.5s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container3 .light_star_box3 .light_star3 {
  opacity: 0;
  animation: light-star3 2s infinite linear 1.5s;
  -webkit-animation: light-star3 2s infinite linear 1.5s;
  -moz-animation: light-star3 2s infinite linear 1.5s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container4 {
  top: 113px;
  left: 159px;
  animation: v-light-star4 2s infinite ease-out 1.8s;
  -webkit-animation: v-light-star4 2s infinite ease-out 1.8s;
  -moz-animation: v-light-star4 2s infinite ease-out 1.8s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container4 .light_star_box4 {
  animation: h-light-star4 2s infinite ease-in 1.8s;
  -webkit-animation: h-light-star4 2s infinite ease-in 1.8s;
  -moz-animation: h-light-star4 2s infinite ease-in 1.8s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container4 .light_star_box4 .light_star4 {
  opacity: 0;
  animation: light-star4 2s infinite linear 1.8s;
  -webkit-animation: light-star4 2s infinite linear 1.8s;
  -moz-animation: light-star4 2s infinite linear 1.8s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container5 {
  top: 113px;
  left: 159px;
  animation: v-light-star5 2s infinite ease-out 2.2s;
  -webkit-animation: v-light-star5 2s infinite ease-out 2.2s;
  -moz-animation: v-light-star5 2s infinite ease-out 2.2s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container5 .light_star_box5 {
  animation: h-light-star5 2s infinite ease-in 2.2s;
  -webkit-animation: h-light-star5 2s infinite ease-in 2.2s;
  -moz-animation: h-light-star5 2s infinite ease-in 2.2s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_star_container5 .light_star_box5 .light_star5 {
  opacity: 0;
  animation: light-star5 2s infinite linear 2.2s;
  -webkit-animation: light-star5 2s infinite linear 2.2s;
  -moz-animation: light-star5 2s infinite linear 2.2s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container {
  top: 103px;
  left: 165px;
  animation: v-light-circle 1s infinite ease-out 1s;
  -webkit-animation: v-light-circle 1s infinite ease-out 1s;
  -moz-animation: v-light-circle 1s infinite ease-out 1s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container .light_circle_box {
  animation: h-light-circle 1s infinite ease-in 1s;
  -webkit-animation: h-light-circle 1s infinite ease-in 1s;
  -moz-animation: h-light-circle 1s infinite ease-in 1s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container .light_circle_box .light_circle {
  opacity: 0;
  animation: light-circle 1s infinite linear 1s;
  -webkit-animation: light-circle 1s infinite linear 1s;
  -moz-animation: light-circle 1s infinite linear 1s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container2 {
  top: 103px;
  left: 165px;
  animation: v-light-circle2 1s infinite ease-out 1.3s;
  -webkit-animation: v-light-circle2 1s infinite ease-out 1.3s;
  -moz-animation: v-light-circle2 1s infinite ease-out 1.3s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container2 .light_circle_box2 {
  animation: h-light-circle2 1s infinite ease-in 1.3s;
  -webkit-animation: h-light-circle2 1s infinite ease-in 1.3s;
  -moz-animation: h-light-circle2 1s infinite ease-in 1.3s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container2 .light_circle_box2 .light_circle2 {
  opacity: 0;
  animation: light-circle2 1s infinite linear 1.3s;
  -webkit-animation: light-circle2 1s infinite linear 1.3s;
  -moz-animation: light-circle2 1s infinite linear 1.3s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container3 {
  top: 103px;
  left: 165px;
  animation: v-light-circle2 1s infinite ease-out 1.8s;
  -webkit-animation: v-light-circle2 1s infinite ease-out 1.8s;
  -moz-animation: v-light-circle2 1s infinite ease-out 1.8s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container3 .light_circle_box3 {
  animation: h-light-circle2 1s infinite ease-in 1.8s;
  -webkit-animation: h-light-circle2 1s infinite ease-in 1.8s;
  -moz-animation: h-light-circle2 1s infinite ease-in 1.8s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container3 .light_circle_box3 .light_circle3 {
  opacity: 0;
  animation: light-circle2 1s infinite linear 1.8s;
  -webkit-animation: light-circle2 1s infinite linear 1.8s;
  -moz-animation: light-circle2 1s infinite linear 1.8s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container4 {
  top: 103px;
  left: 165px;
  animation: v-light-circle2 1s infinite ease-out 2s;
  -webkit-animation: v-light-circle2 1s infinite ease-out 2s;
  -moz-animation: v-light-circle2 1s infinite ease-out 2s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container4 .light_circle_box4 {
  animation: h-light-circle2 1s infinite ease-in 2s;
  -webkit-animation: h-light-circle2 1s infinite ease-in 2s;
  -moz-animation: h-light-circle2 1s infinite ease-in 2s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container4 .light_circle_box4 .light_circle4 {
  opacity: 0;
  animation: light-circle2 1s infinite linear 2s;
  -webkit-animation: light-circle2 1s infinite linear 2s;
  -moz-animation: light-circle2 1s infinite linear 2s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container5 {
  top: 103px;
  left: 165px;
  animation: v-light-circle 1s infinite ease-out 2.3s;
  -webkit-animation: v-light-circle 1s infinite ease-out 2.3s;
  -moz-animation: v-light-circle 1s infinite ease-out 2.3s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container5 .light_circle_box5 {
  animation: h-light-circle 1s infinite ease-in 2.3s;
  -webkit-animation: h-light-circle 1s infinite ease-in 2.3s;
  -moz-animation: h-light-circle 1s infinite ease-in 2.3s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container5 .light_circle_box5 .light_circle5 {
  opacity: 0;
  animation: light-circle 1s infinite linear 2.3s;
  -webkit-animation: light-circle 1s infinite linear 2.3s;
  -moz-animation: light-circle 1s infinite linear 2.3s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container6 {
  top: 108px;
  left: 174px;
  animation: v-light-circle6 1s infinite ease-out 2.5s;
  -webkit-animation: v-light-circle6 1s infinite ease-out 2.5s;
  -moz-animation: v-light-circle6 1s infinite ease-out 2.5s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container6 .light_circle_box6 {
  animation: h-light-circle6 1s infinite ease-in 2.5s;
  -webkit-animation: h-light-circle6 1s infinite ease-in 2.5s;
  -moz-animation: h-light-circle6 1s infinite ease-in 2.5s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container6 .light_circle_box6 .light_circle6 {
  opacity: 0;
  animation: light-circle6 1s infinite linear 2.5s;
  -webkit-animation: light-circle6 1s infinite linear 2.5s;
  -moz-animation: light-circle6 1s infinite linear 2.5s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container7 {
  top: 103px;
  left: 165px;
  animation: v-light-circle 1s infinite ease-out 2.6s;
  -webkit-animation: v-light-circle 1s infinite ease-out 2.6s;
  -moz-animation: v-light-circle 1s infinite ease-out 2.6s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container7 .light_circle_box7 {
  animation: h-light-circle 1s infinite ease-in 2.6s;
  -webkit-animation: h-light-circle 1s infinite ease-in 2.6s;
  -moz-animation: h-light-circle 1s infinite ease-in 2.6s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container7 .light_circle_box7 .light_circle7 {
  opacity: 0;
  animation: light-circle 1s infinite linear 2.6s;
  -webkit-animation: light-circle 1s infinite linear 2.6s;
  -moz-animation: light-circle 1s infinite linear 2.6s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container8 {
  top: 103px;
  left: 165px;
  animation: v-light-circle8 1s infinite ease-out 3s;
  -webkit-animation: v-light-circle8 1s infinite ease-out 3s;
  -moz-animation: v-light-circle8 1s infinite ease-out 3s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container8 .light_circle_box8 {
  animation: h-light-circle8 1s infinite ease-in 3s;
  -webkit-animation: h-light-circle8 1s infinite ease-in 3s;
  -moz-animation: h-light-circle8 1s infinite ease-in 3s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container8 .light_circle_box8 .light_circle8 {
  opacity: 0;
  animation: light-circle8 1s infinite linear 3s;
  -webkit-animation: light-circle8 1s infinite linear 3s;
  -moz-animation: light-circle8 1s infinite linear 3s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container9 {
  top: 103px;
  left: 165px;
  animation: v-light-circle6 1s infinite ease-out 3.4s;
  -webkit-animation: v-light-circle6 1s infinite ease-out 3.4s;
  -moz-animation: v-light-circle6 1s infinite ease-out 3.4s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container9 .light_circle_box9 {
  animation: h-light-circle6 1s infinite ease-in 3.4s;
  -webkit-animation: h-light-circle6 1s infinite ease-in 3.4s;
  -moz-animation: h-light-circle6 1s infinite ease-in 3.4s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container9 .light_circle_box9 .light_circle9 {
  opacity: 0;
  animation: light-circle6 1s infinite linear 3.4s;
  -webkit-animation: light-circle6 1s infinite linear 3.4s;
  -moz-animation: light-circle6 1s infinite linear 3.4s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container10 {
  top: 103px;
  left: 165px;
  animation: v-light-circle8 1s infinite ease-out 3.4s;
  -webkit-animation: v-light-circle8 1s infinite ease-out 3.4s;
  -moz-animation: v-light-circle8 1s infinite ease-out 3.4s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container10 .light_circle_box10 {
  animation: h-light-circle8 1s infinite ease-in 3.4s;
  -webkit-animation: h-light-circle8 1s infinite ease-in 3.4s;
  -moz-animation: h-light-circle8 1s infinite ease-in 3.4s;
}
.strategy_box .other_interests .other_interests_info .logo.light_continuity .light_circle_container10 .light_circle_box10 .light_circle10 {
  opacity: 0;
  animation: light-circle8 1s infinite linear 3.4s;
  -webkit-animation: light-circle8 1s infinite linear 3.4s;
  -moz-animation: light-circle8 1s infinite linear 3.4s;
}
.strategy_box .other_interests .other_interests_info .logo .star_container {
  top: 100px;
  left: 177px;
  animation: vertical-animation 2s infinite ease-out;
  -webkit-animation: vertical-animation 2s infinite ease-out;
  -moz-animation: vertical-animation 2s infinite ease-out;
}
.strategy_box .other_interests .other_interests_info .logo .star_container .star_box {
  animation: hor-animation 2s infinite ease-in;
  -webkit-animation: hor-animation 2s infinite ease-in;
  -moz-animation: hor-animation 2s infinite ease-in;
}
.strategy_box .other_interests .other_interests_info .logo .star_container .star {
  animation: star_rotate 2s infinite linear;
  -webkit-animation: star_rotate 2s infinite linear;
  -moz-animation: star_rotate 2s infinite linear;
}
.strategy_box .other_interests .other_interests_info .logo .star_container2 {
  top: 103px;
  left: 147px;
  animation: vertical-animation2 2s infinite ease-out 1.2s;
  -webkit-animation: vertical-animation2 2s infinite ease-out 1.2s;
  -moz-animation: vertical-animation2 2s infinite ease-out 1.2s;
}
.strategy_box .other_interests .other_interests_info .logo .star_container2 .star_box2 {
  animation: hor-animation2 2s infinite ease-in 1.2s;
  -webkit-animation: hor-animation2 2s infinite ease-in 1.2s;
  -moz-animation: hor-animation2 2s infinite ease-in 1.2s;
}
.strategy_box .other_interests .other_interests_info .logo .star_container2 .star2 {
  animation: star_rotate2 2s infinite linear 1.2s;
  -webkit-animation: star_rotate2 2s infinite linear 1.2s;
  -moz-animation: star_rotate2 2s infinite linear 1.2s;
}
.strategy_box .other_interests .other_interests_info .logo .circle_container {
  width: 5px;
  height: 5px;
  top: 108px;
  left: 172px;
  animation: vertical-circle 2s infinite ease-out 1.2s;
  -webkit-animation: vertical-circle 2s infinite ease-out 1.2s;
  -moz-animation: vertical-circle 2s infinite ease-out 1.2s;
}
.strategy_box .other_interests .other_interests_info .logo .circle_container .circle_box {
  animation: hor-circle 2s infinite ease-in 1.2s;
  -webkit-animation: hor-circle 2s infinite ease-in 1.2s;
  -moz-animation: hor-circle 2s infinite ease-in 1.2s;
}
.strategy_box .other_interests .other_interests_info .logo .circle_container .circle {
  animation: circle_opacity 2s infinite linear 1.2s;
  -webkit-animation: circle_opacity 2s infinite linear 1.2s;
  -moz-animation: circle_opacity 2s infinite linear 1.2s;
}
.strategy_box .other_interests .other_interests_info .logo .circle_container2 {
  width: 4px;
  height: 4px;
  top: 105px;
  left: 162px;
  animation: vertical-circle2 2s infinite ease-out 1s;
  -webkit-animation: vertical-circle2 2s infinite ease-out 1s;
  -moz-animation: vertical-circle2 2s infinite ease-out 1s;
}
.strategy_box .other_interests .other_interests_info .logo .circle_container2 .circle_box2 {
  animation: hor-circle2 2s infinite ease-in 1s;
  -webkit-animation: hor-circle2 2s infinite ease-in 1s;
  -moz-animation: hor-circle2 2s infinite ease-in 1s;
}
.strategy_box .other_interests .other_interests_info .logo .circle_container2 .circle2 {
  animation: circle_opacity2 2s infinite linear 1s;
  -webkit-animation: circle_opacity2 2s infinite linear 1s;
  -moz-animation: circle_opacity2 2s infinite linear 1s;
}
.strategy_box .other_interests .other_interests_info .logo .circle_container3 {
  width: 6px;
  height: 6px;
  top: 94px;
  left: 178px;
  animation: vertical-circle3 2s infinite ease-out 2s;
  -webkit-animation: vertical-circle3 2s infinite ease-out 2s;
  -moz-animation: vertical-circle3 2s infinite ease-out 2s;
}
.strategy_box .other_interests .other_interests_info .logo .circle_container3 .circle_box3 {
  animation: hor-circle3 2s infinite ease-in 2s;
  -webkit-animation: hor-circle3 2s infinite ease-in 2s;
  -moz-animation: hor-circle3 2s infinite ease-in 2s;
}
.strategy_box .other_interests .other_interests_info .logo .circle_container3 .circle3 {
  animation: circle_opacity3 2s infinite linear 2s;
  -webkit-animation: circle_opacity3 2s infinite linear 2s;
  -moz-animation: circle_opacity3 2s infinite linear 2s;
}
.strategy_box .other_interests .other_interests_info .click_strategy {
  font-size: 13px;
  color: #71767a;
  margin: 10px 0 20px;
}
.strategy_box .other_interests .other_interests_info .click_strategy_tip {
  margin-top: 10px;
  color: #d7dde1;
  font-size: 12px;
}
.strategy_box .other_interests .trends {
  padding: 15px 0 15px 20px;
  border-bottom: solid 1px #eeeff2;
  line-height: 1.4;
}
.strategy_box .other_interests .trends .trends_title {
  font-size: 14px;
  color: #71767a;
}
.strategy_box .other_interests .trends .trends_tip {
  font-size: 12px;
  color: #b9c1c7;
  margin-top: 5px;
}
.strategy_box .other_interests .others_info {
  padding: 0 20px 20px;
}
.strategy_box .other_interests .others_info .no_dianling_list {
  font-size: 16px;
  font-weight: 600;
  color: #d7dde1;
  text-align: center;
  padding-top: 20px;
}
.strategy_box .other_interests .others_info .others_info_by_day {
  padding-top: 20px;
}
.strategy_box .other_interests .others_info .others_info_by_day .date {
  font-size: 12px;
  font-weight: 500;
  color: #525558;
  padding-bottom: 5px;
}
.strategy_box .other_interests .others_info .others_info_by_day .others_info_item {
  margin-top: 15px;
  font-size: 12px;
}
.strategy_box .other_interests .others_info .others_info_by_day .others_info_item .nickName {
  max-width: 145px;
  color: #525558;
  font-weight: 500;
  margin: 0 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.strategy_box .other_interests .others_info .others_info_by_day .others_info_item .num {
  color: #71767a;
}
.strategy_box .other_interests .others_info .others_info_by_day .others_info_item .date_detail {
  float: right;
  color: #b9c1c7;
}
.photoselect {
  height: 100%;
}
.photoselect .modal-body {
  height: calc(100% - 97px);
  height: -webkit-calc(100% - 97px);
  height: -moz-calc(100% - 97px);
}
#popup_add_strategy .popup-centered {
  z-index: 2000;
}
@-moz-keyframes box_swing {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes box_swing {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-moz-keyframes hor-animation {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@-webkit-keyframes hor-animation {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@-moz-keyframes vertical-animation {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@-webkit-keyframes vertical-animation {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@-moz-keyframes star_rotate {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: rotate(-60deg);
    opacity: 0;
  }
}
@-webkit-keyframes star_rotate {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: rotate(-60deg);
    opacity: 0;
  }
}
@-moz-keyframes hor-animation2 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(40px);
  }
}
@-webkit-keyframes hor-animation2 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(40px);
  }
}
@-moz-keyframes vertical-animation2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-50px);
  }
}
@-webkit-keyframes vertical-animation2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-50px);
  }
}
@-moz-keyframes star_rotate2 {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes star_rotate2 {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes hor-circle {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-15px);
  }
}
@-webkit-keyframes hor-circle {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-15px);
  }
}
@-moz-keyframes vertical-circle {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-50px);
  }
}
@-webkit-keyframes vertical-circle {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-50px);
  }
}
@-moz-keyframes circle_opacity {
  0% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes circle_opacity {
  0% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hor-circle2 {
  0% {
    transform: translateX(0px);
  }
  40% {
    transform: translateX(13px);
    animation-timing-function: ease-out;
  }
  80% {
    transform: translateX(27px);
    animation-timing-function: linear;
  }
  100% {
    transform: translateX(45px);
  }
}
@-webkit-keyframes hor-circle2 {
  0% {
    transform: translateX(0px);
  }
  40% {
    transform: translateX(13px);
    animation-timing-function: ease-out;
  }
  80% {
    transform: translateX(27px);
    animation-timing-function: linear;
  }
  100% {
    transform: translateX(45px);
  }
}
@-moz-keyframes vertical-circle2 {
  0% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-35px);
    animation-timing-function: ease-in;
  }
  80% {
    transform: translateY(-14px);
    animation-timing-function: linear;
  }
  100% {
    transform: translateY(-25px);
  }
}
@-webkit-keyframes vertical-circle2 {
  0% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-35px);
    animation-timing-function: ease-in;
  }
  80% {
    transform: translateY(-14px);
    animation-timing-function: linear;
  }
  100% {
    transform: translateY(-25px);
  }
}
@-moz-keyframes circle_opacity2 {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes circle_opacity2 {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hor-circle3 {
  0% {
    transform: translateX(0px);
  }
  30% {
    transform: translateX(-13px);
    animation-timing-function: ease-out;
  }
  60% {
    transform: translateX(-26px);
    animation-timing-function: linear;
  }
  100% {
    transform: translateX(-35px);
  }
}
@-webkit-keyframes hor-circle3 {
  0% {
    transform: translateX(0px);
  }
  30% {
    transform: translateX(-13px);
    animation-timing-function: ease-out;
  }
  60% {
    transform: translateX(-26px);
    animation-timing-function: linear;
  }
  100% {
    transform: translateX(-35px);
  }
}
@-moz-keyframes vertical-circle3 {
  0% {
    transform: translateY(0px);
  }
  30% {
    transform: translateY(-18px);
    animation-timing-function: ease-in;
  }
  60% {
    transform: translateY(-8px);
    animation-timing-function: linear;
  }
  100% {
    transform: translateY(-40px);
  }
}
@-webkit-keyframes vertical-circle3 {
  0% {
    transform: translateY(0px);
  }
  30% {
    transform: translateY(-18px);
    animation-timing-function: ease-in;
  }
  60% {
    transform: translateY(-8px);
    animation-timing-function: linear;
  }
  100% {
    transform: translateY(-40px);
  }
}
@-moz-keyframes circle_opacity3 {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes circle_opacity3 {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes h-light-star {
  0% {
    transform: translateX(0px);
  }
  60% {
    transform: translateX(-18px);
    animation-timing-function: linear;
  }
  90% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(-5px);
  }
}
@-webkit-keyframes h-light-star {
  0% {
    transform: translateX(0px);
  }
  60% {
    transform: translateX(-18px);
    animation-timing-function: linear;
  }
  90% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(-5px);
  }
}
@-moz-keyframes v-light-star {
  0% {
    transform: translateY(0px);
  }
  60% {
    transform: translateY(-58px);
    animation-timing-function: linear;
  }
  90% {
    transform: translateY(-75px);
  }
  100% {
    transform: translateY(-75px);
  }
}
@-webkit-keyframes v-light-star {
  0% {
    transform: translateY(0px);
  }
  60% {
    transform: translateY(-58px);
    animation-timing-function: linear;
  }
  90% {
    transform: translateY(-75px);
  }
  100% {
    transform: translateY(-75px);
  }
}
@-moz-keyframes light-star {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  60% {
    opacity: 1;
    transform: scale(1.5, 1.5) rotate(-30deg);
  }
  100% {
    opacity: 0;
    transform: scale(1.8, 1.8) rotate(-45deg);
  }
}
@-webkit-keyframes light-star {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  60% {
    opacity: 1;
    transform: scale(1.5, 1.5) rotate(-30deg);
  }
  100% {
    opacity: 0;
    transform: scale(1.8, 1.8) rotate(-45deg);
  }
}
@-moz-keyframes re_h-light-star {
  0% {
    transform: translateX(0px);
  }
  60% {
    transform: translateX(-18px);
    animation-timing-function: linear;
  }
  90% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(-5px);
  }
}
@-webkit-keyframes re_h-light-star {
  0% {
    transform: translateX(0px);
  }
  60% {
    transform: translateX(-18px);
    animation-timing-function: linear;
  }
  90% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(-5px);
  }
}
@-moz-keyframes re_v-light-star {
  0% {
    transform: translateY(0px);
  }
  60% {
    transform: translateY(-58px);
    animation-timing-function: linear;
  }
  90% {
    transform: translateY(-75px);
  }
  100% {
    transform: translateY(-75px);
  }
}
@-webkit-keyframes re_v-light-star {
  0% {
    transform: translateY(0px);
  }
  60% {
    transform: translateY(-58px);
    animation-timing-function: linear;
  }
  90% {
    transform: translateY(-75px);
  }
  100% {
    transform: translateY(-75px);
  }
}
@-moz-keyframes re_light-star {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  60% {
    opacity: 1;
    transform: scale(1.5, 1.5) rotate(-30deg);
  }
  100% {
    opacity: 0;
    transform: scale(1.8, 1.8) rotate(-45deg);
  }
}
@-webkit-keyframes re_light-star {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  60% {
    opacity: 1;
    transform: scale(1.5, 1.5) rotate(-30deg);
  }
  100% {
    opacity: 0;
    transform: scale(1.8, 1.8) rotate(-45deg);
  }
}
@-moz-keyframes bounce {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.8);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes bounce {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.8);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-moz-keyframes rebounce {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.8);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes rebounce {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.8);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-moz-keyframes h-light-star2 {
  0% {
    transform: translateX(0px);
  }
  40% {
    transform: translateX(-13px);
  }
  70% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(10px);
  }
}
@-webkit-keyframes h-light-star2 {
  0% {
    transform: translateX(0px);
  }
  40% {
    transform: translateX(-13px);
  }
  70% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(10px);
  }
}
@-moz-keyframes v-light-star2 {
  0% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-11px);
  }
  70% {
    transform: translateY(-31px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(-12px);
  }
}
@-webkit-keyframes v-light-star2 {
  0% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-11px);
  }
  70% {
    transform: translateY(-31px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(-12px);
  }
}
@-moz-keyframes light-star2 {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  40% {
    opacity: 0.5;
    transform: scale(1.5, 1.5) rotate(-30deg);
  }
  70% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.6;
    transform: scale(1, 1) rotate(-30deg);
  }
}
@-webkit-keyframes light-star2 {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  40% {
    opacity: 0.5;
    transform: scale(1.5, 1.5) rotate(-30deg);
  }
  70% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.6;
    transform: scale(1, 1) rotate(-30deg);
  }
}
@-moz-keyframes re_h-light-star2 {
  0% {
    transform: translateX(0px);
  }
  40% {
    transform: translateX(-13px);
  }
  70% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(10px);
  }
}
@-webkit-keyframes re_h-light-star2 {
  0% {
    transform: translateX(0px);
  }
  40% {
    transform: translateX(-13px);
  }
  70% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(10px);
  }
}
@-moz-keyframes re_v-light-star2 {
  0% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-11px);
  }
  70% {
    transform: translateY(-31px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(-12px);
  }
}
@-webkit-keyframes re_v-light-star2 {
  0% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-11px);
  }
  70% {
    transform: translateY(-31px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(-12px);
  }
}
@-moz-keyframes re_light-star2 {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  40% {
    opacity: 0.5;
    transform: scale(1.5, 1.5) rotate(-30deg);
  }
  70% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.6;
    transform: scale(1, 1) rotate(-30deg);
  }
}
@-webkit-keyframes re_light-star2 {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  40% {
    opacity: 0.5;
    transform: scale(1.5, 1.5) rotate(-30deg);
  }
  70% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.6;
    transform: scale(1, 1) rotate(-30deg);
  }
}
@-moz-keyframes showNum {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-15px);
  }
}
@-webkit-keyframes showNum {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-15px);
  }
}
@-moz-keyframes re_showNum {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-15px);
  }
}
@-webkit-keyframes re_showNum {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-15px);
  }
}
@-moz-keyframes h-star-hover3 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@-webkit-keyframes h-star-hover3 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@-moz-keyframes v-star-hover3 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-45px);
  }
}
@-webkit-keyframes v-star-hover3 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-45px);
  }
}
@-moz-keyframes star_hover3 {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: rotate(-60deg);
    opacity: 0;
  }
}
@-webkit-keyframes star_hover3 {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: rotate(-60deg);
    opacity: 0;
  }
}
@-moz-keyframes h-star-hover4 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(50px);
  }
}
@-webkit-keyframes h-star-hover4 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(50px);
  }
}
@-moz-keyframes v-star-hover4 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@-webkit-keyframes v-star-hover4 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@-moz-keyframes star_hover4 {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: rotate(60deg);
    opacity: 0;
  }
}
@-webkit-keyframes star_hover4 {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: rotate(60deg);
    opacity: 0;
  }
}
@-moz-keyframes h-star-hover5 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@-webkit-keyframes h-star-hover5 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@-moz-keyframes v-star-hover5 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-50px);
  }
}
@-webkit-keyframes v-star-hover5 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-50px);
  }
}
@-moz-keyframes star_hover5 {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: rotate(-60deg);
    opacity: 0;
  }
}
@-webkit-keyframes star_hover5 {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: rotate(-60deg);
    opacity: 0;
  }
}
@-moz-keyframes h-circle-hover {
  0% {
    transform: translateX(0px);
  }
  70% {
    transform: translateX(33px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(50px);
  }
}
@-webkit-keyframes h-circle-hover {
  0% {
    transform: translateX(0px);
  }
  70% {
    transform: translateX(33px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(50px);
  }
}
@-moz-keyframes v-circle-hover {
  0% {
    transform: translateY(0px);
  }
  70% {
    transform: translateY(-25px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(-13px);
  }
}
@-webkit-keyframes v-circle-hover {
  0% {
    transform: translateY(0px);
  }
  70% {
    transform: translateY(-25px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(-13px);
  }
}
@-moz-keyframes circle_hover {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes circle_hover {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes h-circle-hover2 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-14px);
  }
}
@-webkit-keyframes h-circle-hover2 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-14px);
  }
}
@-moz-keyframes v-circle-hover2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@-webkit-keyframes v-circle-hover2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@-moz-keyframes circle_hover2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes circle_hover2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes h-circle-hover3 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(23px);
  }
}
@-webkit-keyframes h-circle-hover3 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(23px);
  }
}
@-moz-keyframes v-circle-hover3 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-45px);
  }
}
@-webkit-keyframes v-circle-hover3 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-45px);
  }
}
@-moz-keyframes circle_hover3 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes circle_hover3 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes h-circle-hover4 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@-webkit-keyframes h-circle-hover4 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@-moz-keyframes v-circle-hover4 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@-webkit-keyframes v-circle-hover4 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@-moz-keyframes circle_hover4 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes circle_hover4 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes h-light-star_2 {
  0% {
    transform: translateX(0px);
  }
  20% {
    transform: translateX(-11px);
    animation-timing-function: ease-out;
  }
  80% {
    transform: translateX(38px);
  }
  100% {
    transform: translateX(38px);
  }
}
@-webkit-keyframes h-light-star_2 {
  0% {
    transform: translateX(0px);
  }
  20% {
    transform: translateX(-11px);
    animation-timing-function: ease-out;
  }
  80% {
    transform: translateX(38px);
  }
  100% {
    transform: translateX(38px);
  }
}
@-moz-keyframes v-light-star_2 {
  0% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-25px);
    animation-timing-function: ease-in;
  }
  80% {
    transform: translateY(-59px);
  }
  100% {
    transform: translateY(-59px);
  }
}
@-webkit-keyframes v-light-star_2 {
  0% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-25px);
    animation-timing-function: ease-in;
  }
  80% {
    transform: translateY(-59px);
  }
  100% {
    transform: translateY(-59px);
  }
}
@-moz-keyframes light-star_2 {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  20% {
    opacity: 0.5;
    transform: scale(1, 1) rotate(-30deg);
  }
  80% {
    opacity: 1;
    transform: scale(1.5, 1.5) rotate(-60deg);
  }
  100% {
    opacity: 0;
    transform: scale(1.5, 1.5) rotate(-60deg);
  }
}
@-webkit-keyframes light-star_2 {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  20% {
    opacity: 0.5;
    transform: scale(1, 1) rotate(-30deg);
  }
  80% {
    opacity: 1;
    transform: scale(1.5, 1.5) rotate(-60deg);
  }
  100% {
    opacity: 0;
    transform: scale(1.5, 1.5) rotate(-60deg);
  }
}
@-moz-keyframes h-light-star3 {
  0% {
    transform: translateX(0px);
  }
  20% {
    transform: translateX(11px);
    animation-timing-function: ease-in;
  }
  80% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@-webkit-keyframes h-light-star3 {
  0% {
    transform: translateX(0px);
  }
  20% {
    transform: translateX(11px);
    animation-timing-function: ease-in;
  }
  80% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@-moz-keyframes v-light-star3 {
  0% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-25px);
    animation-timing-function: ease-out;
  }
  80% {
    transform: translateY(-65px);
  }
  100% {
    transform: translateY(-65px);
  }
}
@-webkit-keyframes v-light-star3 {
  0% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-25px);
    animation-timing-function: ease-out;
  }
  80% {
    transform: translateY(-65px);
  }
  100% {
    transform: translateY(-65px);
  }
}
@-moz-keyframes light-star3 {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  20% {
    opacity: 0.5;
    transform: scale(1, 1) rotate(30deg);
  }
  80% {
    opacity: 1;
    transform: scale(1.5, 1.5) rotate(60deg);
  }
  100% {
    opacity: 0;
    transform: scale(1.5, 1.5) rotate(60deg);
  }
}
@-webkit-keyframes light-star3 {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  20% {
    opacity: 0.5;
    transform: scale(1, 1) rotate(30deg);
  }
  80% {
    opacity: 1;
    transform: scale(1.5, 1.5) rotate(60deg);
  }
  100% {
    opacity: 0;
    transform: scale(1.5, 1.5) rotate(60deg);
  }
}
@-moz-keyframes h-light-star4 {
  0% {
    transform: translateX(0px);
  }
  80% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(20px);
  }
}
@-webkit-keyframes h-light-star4 {
  0% {
    transform: translateX(0px);
  }
  80% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(20px);
  }
}
@-moz-keyframes v-light-star4 {
  0% {
    transform: translateY(0px);
  }
  80% {
    transform: translateY(-75px);
  }
  100% {
    transform: translateY(-75px);
  }
}
@-webkit-keyframes v-light-star4 {
  0% {
    transform: translateY(0px);
  }
  80% {
    transform: translateY(-75px);
  }
  100% {
    transform: translateY(-75px);
  }
}
@-moz-keyframes light-star4 {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  80% {
    opacity: 1;
    transform: scale(1.5, 1.5) rotate(60deg);
  }
  100% {
    opacity: 0;
    transform: scale(1.5, 1.5) rotate(60deg);
  }
}
@-webkit-keyframes light-star4 {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  80% {
    opacity: 1;
    transform: scale(1.5, 1.5) rotate(60deg);
  }
  100% {
    opacity: 0;
    transform: scale(1.5, 1.5) rotate(60deg);
  }
}
@-moz-keyframes h-light-star5 {
  0% {
    transform: translateX(0px);
  }
  80% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@-webkit-keyframes h-light-star5 {
  0% {
    transform: translateX(0px);
  }
  80% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@-moz-keyframes v-light-star5 {
  0% {
    transform: translateY(0px);
  }
  80% {
    transform: translateY(-45px);
  }
  100% {
    transform: translateY(-45px);
  }
}
@-webkit-keyframes v-light-star5 {
  0% {
    transform: translateY(0px);
  }
  80% {
    transform: translateY(-45px);
  }
  100% {
    transform: translateY(-45px);
  }
}
@-moz-keyframes light-star5 {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  80% {
    opacity: 1;
    transform: scale(1.5, 1.5) rotate(-60deg);
  }
  100% {
    opacity: 0;
    transform: scale(1.5, 1.5) rotate(-60deg);
  }
}
@-webkit-keyframes light-star5 {
  0% {
    opacity: 0;
    transform: scale(1, 1) rotate(0deg);
  }
  80% {
    opacity: 1;
    transform: scale(1.5, 1.5) rotate(-60deg);
  }
  100% {
    opacity: 0;
    transform: scale(1.5, 1.5) rotate(-60deg);
  }
}
@-moz-keyframes h-light-circle {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(25px);
  }
}
@-webkit-keyframes h-light-circle {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(25px);
  }
}
@-moz-keyframes v-light-circle {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-40px);
  }
}
@-webkit-keyframes v-light-circle {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-40px);
  }
}
@-moz-keyframes light-circle {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes light-circle {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes h-light-circle2 {
  0% {
    transform: translateX(0px);
  }
  70% {
    transform: translateX(30px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(50px);
  }
}
@-webkit-keyframes h-light-circle2 {
  0% {
    transform: translateX(0px);
  }
  70% {
    transform: translateX(30px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(50px);
  }
}
@-moz-keyframes v-light-circle2 {
  0% {
    transform: translateY(0px);
  }
  70% {
    transform: translateY(-25px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes v-light-circle2 {
  0% {
    transform: translateY(0px);
  }
  70% {
    transform: translateY(-25px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(-15px);
  }
}
@-moz-keyframes light-circle2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes light-circle2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes h-light-circle6 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@-webkit-keyframes h-light-circle6 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@-moz-keyframes v-light-circle6 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-35px);
  }
}
@-webkit-keyframes v-light-circle6 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-35px);
  }
}
@-moz-keyframes light-circle6 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes light-circle6 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes h-light-circle8 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@-webkit-keyframes h-light-circle8 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@-moz-keyframes v-light-circle8 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-25px);
  }
}
@-webkit-keyframes v-light-circle8 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-25px);
  }
}
@-moz-keyframes light-circle8 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes light-circle8 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.grid-container .search-container-contest {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  float: left;
  height: 38px;
}
.grid-container .search-container-contest .select_wrap {
  height: 38px;
}
.grid-container .grid-btn {
  min-width: 50px;
  height: 25px;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  line-height: 25px;
  color: #FFFFFF;
  cursor: pointer;
  background-color: #169bd5;
  padding: 0 5px;
  display: inline-block;
  font-size: 14px;
}
.grid-container .grid-btn.action-normal {
  background-color: #169bd5;
}
.grid-container .grid-btn.default {
  border: 1px solid #0099e5;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  color: #0099e5;
  font-size: 13px;
  background-color: #FFFFff;
}
.grid-container .grid-btn.default:hover {
  background-color: rgba(0, 153, 229, 0.1);
}
.grid-container .gird-head-btn-container {
  padding: 10px;
}
.grid-container .gird-head-btn-container .grid-btn {
  margin: 0 5px;
}
.grid-container .gird-list-content-region {
  border: 1px solid #dddddd;
  padding: 5px;
  border-radius: 6px;
  /* 表格底部 */
}
.grid-container .gird-list-content-region .grid-list-head {
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 14px;
  background-color: #eceaea;
  border-bottom: 1px solid #d8d8d8;
  position: relative;
}
.grid-container .gird-list-content-region .grid-list-head .head-per {
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 10px;
}
.grid-container .gird-list-content-region .grid-list-head .head-per.check {
  text-align: center;
}
.grid-container .gird-list-content-region .gird-data-list-container .data-list-grid-row {
  border-bottom: 1px solid #d8d8d8;
}
.grid-container .gird-list-content-region .gird-data-list-container .data-list-grid-row .grid-content-per {
  font-size: 14px;
  line-height: 21px;
  float: left;
  color: #928e8e;
  padding: 25px 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.grid-container .gird-list-content-region .gird-data-list-container .data-list-grid-row .grid-content-per.check {
  text-align: center;
}
.grid-container .gird-list-content-region .gird-data-list-container .data-list-grid-row .grid-content-per.grid-row-action {
  color: #e40012;
}
.grid-container .gird-list-content-region .gird-data-list-container .data-list-grid-row .grid-content-per.grid-row-action .action-per {
  margin-left: 5px;
  cursor: pointer;
}
.grid-container .gird-list-content-region .gird-data-list-container .data-list-grid-row .grid-content-per.grid-row-action .action-per:nth-last-child(1) {
  margin-left: 15px;
}
.grid-container .gird-list-content-region .gird-footer-container {
  padding: 5px 10px;
}
.grid-container .gird-list-content-region .gird-footer-container .gird-footer-left .gird-data-size-info {
  font-size: 14px;
  line-height: 22px;
  color: #000000;
  padding-top: 8px;
}
.grid-container .gird-list-content-region .gird-footer-container .dataTables_paginate {
  margin: 0;
  float: right;
  margin-top: 5px;
}
.grid-container .gird-list-content-region .gird-footer-container .dataTables_paginate .pagination {
  margin: 2px 0;
  white-space: nowrap;
  display: inline-block;
  float: left;
}
.grid-container .gird-list-content-region .gird-footer-container .dataTables_paginate .pagination li {
  display: inline;
}
.grid-container .gird-list-content-region .gird-footer-container .dataTables_paginate .pagination li a {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  height: 30px;
}
.grid-container .gird-list-content-region .gird-footer-container .dataTables_paginate .pagination li.active a {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.grid-container .gird-list-content-region .gird-footer-container .dataTables_paginate .pagination li:first-child a {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.grid-container .gird-list-content-region .gird-footer-container .dataTables_paginate .pagination li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.grid-container .gird-list-content-region .gird-footer-container .dataTables_paginate .pagination li:hover a {
  background-color: #eeeeee;
}
.grid-container .gird-list-content-region .gird-footer-container .dataTables_paginate .page-input-container {
  display: inline-block;
  margin-left: 20px;
  position: relative;
}
.grid-container .gird-list-content-region .gird-footer-container .dataTables_paginate .page-input-container .cur-page-input {
  height: 30px;
  text-align: center;
  width: 50px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  margin-top: 2px;
}
.grid-container .gird-list-content-region .gird-footer-container .dataTables_paginate .page-input-container .go-btn {
  display: inline-block;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: 10px;
  border: 1px solid #169bd5;
  width: 50px;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.none-data-txt {
  font-size: 16px;
}
.search-container-contest {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  float: left;
  height: 38px;
}
.search-container-contest .search-icon {
  background-image: url("//cdn-test.500px.me/images/message/2x.png?dc=4");
  background-size: 312px 60px;
  position: absolute;
  left: 15px;
  height: 20px;
  width: 20px;
  border: none;
  background-color: transparent;
  background-position: -100px top;
  overflow: hidden;
  text-indent: 30px;
  cursor: pointer;
  pointer-events: none;
}
.search-container-contest input.input-txt {
  padding: 5px 10px 5px 20px;
  color: #525558;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  -webkit-transition: background-color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
  font-size: 13px;
}
.search-container-contest input.input-txt:focus {
  border-color: #0099e5;
}
.search-container-contest .grid-btn {
  height: 30px;
  line-height: 30px;
  width: 70px;
  font-size: 14px;
}
.search-container-contest.width-search-btn .input-txt {
  border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}
.search-container-contest.width-search-btn .grid-btn {
  border-top-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}
.share-website-box {
  background-color: #f7f8fa;
  /*Begin: 选择用户界面*/
  /*End: 选择用户界面*/
}
.share-website-box .dialog-box-title {
  box-shadow: 0 1px 0 0 #eeeff2;
  height: 40px;
  line-height: 40px;
  background-color: #FFFFff;
  color: #71767a;
}
.share-website-box .dialog-box-title h3 {
  color: #71767a;
}
.share-website-box .dialog-box-content {
  background-color: #f7f8fa;
  padding: 24px 25px;
}
.share-website-box .dialog-box-content.user-select-region {
  padding: 0;
}
.share-website-box .dialog-foot {
  position: absolute;
  height: 80px;
  bottom: 0px;
  width: 100%;
  background-color: #f7f8fa;
  padding-top: 25px;
  padding-right: 30px;
  box-shadow: inset 0 1px 0 0 #d7dde1;
}
.share-website-box .dialog-foot .button-share {
  display: inline-block;
  width: 85px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.share-website-box .dialog-foot .button-share.cancel {
  border: none;
  color: #71767a;
  background-color: #f7f8fa;
}
.share-website-box .dialog-foot .button-share.action-confirm {
  border-radius: 3px;
  background-color: #34bf49;
  box-shadow: inset 0 2px 0 0 #00cd55;
  border: solid 1px #2fab41;
  font-size: 13px;
  color: #FFFFff;
}
.share-website-box .dialog-foot .button-share.action-confirm.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.share-website-box .message-region .title {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #71767a;
  text-align: left;
  margin-bottom: 10px;
}
.share-website-box .message-region .message-container {
  height: 90px;
}
.share-website-box .message-region .message-container .message {
  float: left;
  padding: 10px;
  width: 298px;
  height: 90px;
  border-radius: 4px;
  border: solid 1px #d7dde1;
  font-size: 14px;
  line-height: 20px;
}
.share-website-box .message-region .message-container .type-img-container {
  float: left;
  margin-left: 20px;
  width: 90px;
  height: 90px;
  border: solid 1px #d7dde1;
}
.share-website-box .message-region .message-container .type-img-container.no-border {
  border: none;
}
.share-website-box .message-region .message-container .type-img-container.no-border .img-gallery-container {
  border: none;
}
.share-website-box .message-region .message-container .type-img-container .zutuDiv {
  background-image: url("//img.500px.me/photo/6cd61950d4d2498f9d59d8745afc41164/cd5a6e9d46774b3ab75a84db3b7fd0fc.jpg!p5");
  background-size: 63px 44px;
  background-position: 12px 36px;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #e3e4e6;
  position: relative;
}
.share-website-box .message-region .message-container .type-img-container .zutuDiv .zutuMain {
  position: absolute;
  top: 4px;
  left: 3px;
  width: 77px;
  height: 59px;
  background-repeat: no-repeat;
  border: 2px solid #FFF;
  background-size: cover;
  background-position: center;
  z-index: 77;
}
.share-website-box .message-region .message-container .type-img-container .zutuDiv .zutuToo {
  background-image: url("//img.500px.me/photo/6cd61950d4d2498f9d59d8745afc41164/cd5a6e9d46774b3ab75a84db3b7fd0fc.jpg!p5");
  position: absolute;
  top: 27px;
  left: 8px;
  width: 71px;
  height: 46px;
  border: 2px solid #FFF;
  background-size: 71px 42px;
  background-repeat: no-repeat;
  z-index: 70;
}
.share-website-box .message-region .message-container .type-img-container .img-group-container {
  position: relative;
  width: 90px;
  height: 90px;
  padding: 2px;
  border: 1px solid #D7DDE1;
  display: inline-flex;
}
.share-website-box .message-region .message-container .type-img-container .img-group-container .img-per-container {
  position: absolute;
  width: 42px;
  height: 42px;
  padding: 2px;
  background-color: #FFFFFF;
}
.share-website-box .message-region .message-container .type-img-container .img-group-container .img-per-container.layer-bottom {
  right: 2px;
  bottom: 2px;
}
.share-website-box .message-region .message-container .type-img-container .img-group-container .img-per-container.layer-top {
  left: 2px;
  top: 2px;
}
.share-website-box .message-region .message-container .type-img-container .img-group-container .img-per-container .group-img-per {
  width: 100%;
  height: 100%;
}
.share-website-box .message-region .message-container .type-img-container .img-single-container {
  width: 100%;
  height: 100%;
}
.share-website-box .message-region .message-container .type-img-container .img-single-container.single-img {
  background-position: 50% 50%;
  background-size: cover;
}
.share-website-box .message-region .message-container .type-img-container .img-single-container.single-img.cirlcle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.share-website-box .message-region .message-container .type-img-container .img-graphic-container {
  width: 90px;
  height: 90px;
  border: 1px solid #EEEFF2;
  padding: 6px;
  position: relative;
}
.share-website-box .message-region .message-container .type-img-container .img-graphic-container .graphic-img {
  width: 74px;
  height: 56px;
  background-size: cover;
  background-position: 50% 50%;
}
.share-website-box .message-region .message-container .type-img-container .img-graphic-container .graphic-img-2 {
  width: 57px;
  position: absolute;
  bottom: 8px;
  left: 6px;
}
.share-website-box .message-region .message-container .type-img-container .img-gallery-container {
  width: 90px;
  height: 90px;
  border: 1px solid #EEEFF2;
  padding: 4px;
  position: relative;
}
.share-website-box .message-region .message-container .type-img-container .img-gallery-container .gallery-img {
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: 9px;
  bottom: 9px;
}
.share-website-box .message-region .message-container .type-img-container .img-gallery-container .gallery-img.front-img {
  left: 6px;
  top: 6px;
  width: 62px;
  height: 62px;
  border: 2px solid #fff;
}
.share-website-box .message-region .message-container .type-img-container .user-container .user-avatar {
  margin-top: 7.5px;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.share-website-box .select-region {
  margin-top: 30px;
}
.share-website-box .select-region .selector-img {
  float: left;
  width: 36px;
  height: 36px;
  cursor: pointer;
}
.share-website-box .select-region .selected-region {
  float: left;
  margin-left: 8px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #71767a;
}
.share-website-box .select-region .selected-region .user-info .avatar {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-background-size: cover;
  background-size: cover;
}
.share-website-box .select-region .selected-region .user-info .nick-name {
  display: inline-block;
  margin-left: 5px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #71767a;
}
.share-website-box .search-container-contest {
  float: inherit;
  width: 100%;
  height: 40px;
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: 0 1px 0 0 #eeeff2;
  margin-top: 1px;
}
.share-website-box .search-container-contest .searchValue.input-txt {
  width: 298px !important;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -o-border-radius: 100px;
}
.share-website-box .data-list-region {
  height: 340px;
  overflow: auto;
}
.share-website-box .data-list-region .list .actors .actor {
  position: relative;
  padding: 0 15px;
  overflow: hidden;
  width: 100%;
  height: 60px;
}
.share-website-box .data-list-region .list .actors .actor:hover {
  background-color: #f7f8fa;
}
.share-website-box .data-list-region .list .actors .actor .left {
  float: left;
  width: 100%;
  max-width: calc(100% - 80px);
  max-width: -webkit-calc(100% - 80px);
  max-width: -moz-calc(100% - 80px);
  font-size: 0;
  text-align: left;
}
.share-website-box .data-list-region .list .actors .actor .right {
  position: absolute;
  right: 20px;
  top: 5px;
}
.share-website-box .data-list-region .list .actors .actor .avatar {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  -webkit-background-size: cover;
  background-size: cover;
  transition: all .2s;
  padding: 0;
  margin: 10px 10px 0 0;
}
.share-website-box .data-list-region .list .actors .actor .avatar:hover {
  opacity: 0.5;
}
.share-website-box .data-list-region .list .actors .actor .actor_info {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 55px);
  max-width: -webkit-calc(100% - 55px);
  max-width: -moz-calc(100% - 55px);
  margin-top: 5px;
}
.share-website-box .data-list-region .list .actors .actor .name {
  float: left;
  clear: both;
  font-size: 14px;
  font-weight: 700;
  color: #525558;
  line-height: 1.4em;
  padding: 0;
  margin-bottom: 2px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.share-website-box .data-list-region .list .actors .actor .name:hover {
  color: #0099e5;
}
.share-website-box .data-list-region .list .actors .actor .description {
  float: left;
  clear: both;
  font-size: 12px;
  font-weight: 400;
  color: #71767a;
  line-height: 1.4em;
}
.share-website-box .data-list-region .list li {
  font-size: 14px;
  font-weight: 400;
  color: #71767a;
  line-height: 48px;
  background-color: #f7f8fa;
  border-top: 1px solid #eeeff2;
  height: 50px;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
.share-website-box .data-list-region .list li:hover {
  background-color: #eeeff2;
}
.share-website-box .data-list-region .list li:first-child {
  border-top: 0;
}
.share-website-box .data-list-region .list li:first-child a:not(.button) {
  -webkit-border-radius: 0 0 1px 1px;
  border-radius: 0 0 1px 1px;
}
.share-website-box .data-list-region .list li {
  cursor: pointer;
}
.share-website-box .data-list-region .list li .right img.select-img {
  margin-top: 10px;
  width: 30px;
  height: 30px;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s;
}
.share-website-box .data-list-region .list li .right img.select-img.checked,
.share-website-box .data-list-region .list li .right img.select-img:hover {
  opacity: 1;
}
.share-website-box .data-list-region .list li:hover {
  background-color: #eeeff2;
}
.share-website-box .data-list-region .list li:hover .right img.select-img {
  opacity: 1;
}
.share-website-box .data-list-region .list .segment-line {
  height: 12px;
  width: 100%;
  background-color: #eeeff2;
}
.share-website-box .data-list-region .list .content-empty {
  color: #b9c1c7;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  margin-top: 20px;
}
.share-website-box .data-list-region .list .actors .label {
  height: 24px;
  line-height: 24px;
  background-color: #eeeff2;
  color: #b9c1c7;
  text-align: left;
  padding-left: 10px;
}
@font-face {
  font-family: "Monospaced Number";
  src: local("Tahoma");
  unicode-range: U+30-39;
}
@font-face {
  font-family: "Chinese Quote";
  src: local("PingFang SC"), local("SimSun");
  unicode-range: U+2018, U+2019, U+201c, U+201d;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9*/
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
.ant-pagination {
  font-family: "Monospace Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ant-pagination-total-text {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  line-height: 30px;
  margin-right: 8px;
}
.ant-pagination-item {
  cursor: pointer;
  border-radius: 4px;
  user-select: none;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  margin-right: 8px;
  font-family: Arial;
  outline: 0;
}
.ant-pagination-item a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.65);
  transition: none;
  margin: 0 6px;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  transition: all .3s;
  border-color: #1890ff;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #1890ff;
}
.ant-pagination-item-active {
  border-color: #1890ff;
  font-weight: 500;
}
.ant-pagination-item-active a {
  color: #1890ff;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #40a9ff;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #40a9ff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev:after,
.ant-pagination-jump-next:after {
  content: "•••";
  display: block;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
}
.ant-pagination-jump-prev:focus:after,
.ant-pagination-jump-next:focus:after,
.ant-pagination-jump-prev:hover:after,
.ant-pagination-jump-next:hover:after {
  color: #1890ff;
  display: inline-block;
  font-size: 12px;
  font-size: 8px \9;
  transform: scale(0.66666667) rotate(0deg);
  letter-spacing: -1px;
  font-family: "anticon";
}
:root .ant-pagination-jump-prev:focus:after,
:root .ant-pagination-jump-next:focus:after,
:root .ant-pagination-jump-prev:hover:after,
:root .ant-pagination-jump-next:hover:after {
  font-size: 12px;
}
.ant-pagination-jump-prev:focus:after,
.ant-pagination-jump-prev:hover:after {
  content: "\e620\e620";
}
.ant-pagination-jump-next:focus:after,
.ant-pagination-jump-next:hover:after {
  content: "\e61f\e61f";
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  font-family: Arial;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  list-style: none;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  transition: all .3s;
  display: inline-block;
  vertical-align: middle;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(0, 0, 0, 0.65);
  user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #40a9ff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  display: block;
  transition: all .3s;
}
.ant-pagination-prev .ant-pagination-item-link:after,
.ant-pagination-next .ant-pagination-item-link:after {
  font-size: 12px;
  display: block;
  height: 30px;
  font-family: "anticon";
  text-align: center;
  font-weight: 500;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  border-color: #1890ff;
  color: #1890ff;
}
.ant-pagination-prev .ant-pagination-item-link:after {
  content: "\e620";
  display: block;
}
.ant-pagination-next .ant-pagination-item-link:after {
  content: "\e61f";
  display: block;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  border-color: #d9d9d9;
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  vertical-align: top;
  height: 32px;
  line-height: 32px;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  padding: 4px 11px;
  width: 100%;
  height: 32px;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all .3s;
  margin: 0 8px;
  width: 50px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #40a9ff;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #40a9ff;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  background-color: #f5f5f5;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #e6d8d8;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all .3s, height 0s;
  min-height: 32px;
}
.ant-pagination-options-quick-jumper input-lg {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 1px 7px;
  height: 24px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  border: 0;
  height: 24px;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  margin-right: 8px;
  height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-right: 8px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding: 0 6px;
  height: 100%;
  text-align: center;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #1890ff;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  margin: 0;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  margin: 0;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  border-color: transparent;
  background: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  line-height: 24px;
  margin-right: 0;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  padding: 1px 7px;
  height: 24px;
  width: 44px;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.invite_group_pics {
  width: 100%;
  font-size: 12px;
  color: #525558;
  min-height: 40px;
  padding: 10px 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  text-align: left;
  border-bottom: 1px solid #eeeff2;
}
.invite_group_pics .select_all,
.invite_group_pics .cancel_select {
  line-height: 19px;
  float: left;
  margin-left: 5px;
  cursor: pointer;
}
.invite_group_pics .cancel_select {
  line-height: 19px;
  float: left;
  margin-left: 10px;
}
.invite_group_pics .invite_this_img {
  float: right;
  margin-right: 15px;
  vertical-align: middle;
}
.invite_group_pics .invite_this_img .invite_box {
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  border-radius: 3px;
  color: #0099e5;
  border: solid 1px #0099e5;
  pointer-events: auto;
  cursor: pointer;
}
.invite_group_pics .invite_this_img .invite_box.hasInvited {
  border-color: #2fab41;
  background-color: #34bf49;
  color: #fff;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 11px 10px;
  background-image: url(//cdn-test.500px.me/images/icon/duihao.svg);
  cursor: default;
  padding-left: 25px;
}
.show_choosed_pics_container .title {
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 6px;
}
.show_choosed_pics_container .pic_content {
  padding-top: 20px;
  padding-bottom: 20px;
}
.show_choosed_pics_container .pic_content .choosed_pic {
  width: 520px;
  height: 200px;
  text-align: center;
}
.show_choosed_pics_container .pic_content .choosed_pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.setForALL .select_all,
.setForALL .xiaoxiang_all,
.setForALL .wuquan_all,
.setForALL .replace_all,
.setForALL .shuiyin_all {
  display: inline-block;
  margin-top: 10px;
}
.setForALL .select_all {
  padding-right: 23px;
}
.setForOne .tags_main {
  width: 100%;
}
.setForOne .tags_main .tagsinput {
  height: 80px;
  min-height: auto;
  border: 1px solid rgba(185, 193, 199, 0.5) !important;
  border-radius: 6px;
}
.setForOne .tags_main .tagsinput span.tag {
  padding: 0 5px;
}
.setForOne .textarea textarea {
  height: 80px;
}
.setForOne .textarea label {
  color: #0099e5;
}
.setForOne .xiaoxiang_one,
.setForOne .wuquan_one,
.setForOne .shuiyin_one,
.setForOne .replace_one {
  display: inline-block;
  margin-bottom: 10px;
}
.setForOne .setForOne_container {
  float: right;
  padding-right: 26px;
}
.setForOne .ant-pagination-next,
.setForOne .ant-pagination-prev {
  min-width: 0px!important;
}
.setForOne .ant-pagination-simple .ant-pagination-simple-pager input {
  margin-right: 0px!important;
  padding: 0 0;
}
.setForOne .ant-pagination-slash {
  margin: 0!important;
}
.setForOne .ant-pagination-prev .ant-pagination-item-link,
.setForOne .ant-pagination-next .ant-pagination-item-link {
  background: rgba(255, 255, 255, 0.15);
}
.setForALL .checkbox-container-lxx .checkbox,
.setForOne .checkbox-container-lxx .checkbox {
  vertical-align: middle;
}
.setForALL .checkbox-container-lxx .cate-txt,
.setForOne .checkbox-container-lxx .cate-txt {
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
}
.setForALL .checkbox-container-lxx:nth-child(1),
.setForOne .checkbox-container-lxx:nth-child(1) {
  padding-right: 23px;
}
.setForALL .checkbox-container-lxx:nth-child(2),
.setForOne .checkbox-container-lxx:nth-child(2) {
  padding-right: 23px;
}
.show_invite_txt {
  padding-right: 40px;
}
.show_invite_txt h2 {
  font-size: 20px;
  color: #71767a;
  text-align: center;
  line-height: 1.5;
}
.liked_by_container {
  overflow: hidden;
}
.liked_by_container .invite_this_img {
  float: left;
  margin-top: 5px;
}
.liked_by_container .invite_this_img .invite_box {
  color: #0099e5;
  border: solid 1px #0099e5;
}
.groupContestIcon {
  position: absolute;
  width: 126px;
  height: 33px;
  top: 10px;
  right: 10px;
  line-height: 33px;
  z-index: 1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: rgba(0, 153, 229, 0.7);
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  padding-left: 23px;
  text-align: left;
  background-image: url("//cdn-test.500px.me/images/home/star.svg");
  background-position: 9px 11px;
  background-repeat: no-repeat;
}
.groupContestIcon._ishomeye {
  left: 10px;
  right: auto;
}
.groupContestIcon a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.cameraCla {
  color: #0099e5;
}
.cameraCla:hover {
  color: #00aaff;
}
html.pxLightbox body {
  overflow: hidden;
  margin-bottom: 0px;
}
#popup_pic_liked_win .popover,
#popup_pic_zhuanfa_win .popover,
.common_userpopu_win .popover {
  border: 2px solid #c7ced2;
  background: #FFF;
}
#popup_pic_liked_win .popover .list .actors .actor .right,
#popup_pic_zhuanfa_win .popover .list .actors .actor .right,
.common_userpopu_win .popover .list .actors .actor .right {
  top: 15px;
}
#popup_pic_liked_win .popover .scroll,
#popup_pic_zhuanfa_win .popover .scroll,
.common_userpopu_win .popover .scroll {
  overflow: auto;
  height: 350px;
}
.galleries_body__grid_region .px_card {
  position: relative;
  width: 280px;
  display: inline-block;
  vertical-align: top;
  background-color: transparent;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /*Begin: Added by xiaoxiaoliu for #4696: 部落管理升级v3  20180515*/
  /*End: Added by xiaoxiaoliu for #4696: 部落管理升级v3  20180515*/
  /*Begin: Added by xiaoxiaoliuf for #4696: 部落管理升级v3  20180515*/
  /*End: Added by xiaoxiaoliuf for #4696: 部落管理升级v3  20180515*/
}
.galleries_body__grid_region .px_card .top {
  position: relative;
  width: 100%;
  height: 130px;
  background-size: cover;
  background-position: center;
  background-color: #b9c1c7;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #eeeff2;
  border-bottom: none;
  border-top: none;
}
.galleries_body__grid_region .px_card .bottom {
  width: 100%;
  height: 150px;
  text-align: center;
  padding-top: 35px;
  border: 1px solid #eeeff2;
  border-top: none;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.galleries_body__grid_region .px_card .name {
  color: #525558;
  font-size: 24px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  z-index: 100;
  max-width: -webkit-calc(80%);
  max-width: -moz-calc(80%);
  max-width: calc(80%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.galleries_body__grid_region .px_card .name:hover {
  color: #0099e5;
}
.galleries_body__grid_region .px_card .description {
  color: #b9c1c7;
  font-size: 14px;
  display: block;
  margin: 0 auto 15px auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: -webkit-calc(80%);
  max-width: -moz-calc(80%);
  max-width: calc(80%);
}
.galleries_body__grid_region .px_card .description a {
  color: #525558;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  z-index: 100;
}
.galleries_body__grid_region .px_card .description a:hover {
  color: #00aaff;
}
.galleries_body__grid_region .px_card .set__count {
  font-size: 14px;
  line-height: 22px;
  color: #B9C1C7;
}
.galleries_body__grid_region .px_card .avatar {
  width: 60px;
  height: 60px;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 100;
  bottom: -30px;
  left: 50%;
  margin-left: -30px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.galleries_body__grid_region .px_card .avatar:not(.avatar--no_hover):hover {
  opacity: 0.7;
}
.galleries_body__grid_region .px_card .avatar_background {
  width: 60px;
  height: 60px;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  z-index: 10;
  bottom: -30px;
  left: 50%;
  margin-left: -30px;
  background-color: #fff;
}
.galleries_body__grid_region .px_card .link_wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}
.galleries_body__grid_region .px_card.small {
  width: 280px;
  margin: 0 10px 20px 10px;
}
.galleries_body__grid_region .px_card.medium {
  width: 343px;
  margin: 0 25px 80px 25px;
}
.galleries_body__grid_region .px_card.medium .top {
  height: 240px;
}
.galleries_body__grid_region .px_card.medium .bottom {
  height: 110px;
  padding-top: 35px;
}
.galleries_body__grid_region .px_card.no_badge.no_avatar .bottom {
  height: 90px;
  padding-top: 15px;
}
.galleries_body__grid_region .px_card.no_badge .top {
  height: 240px;
}
.galleries_body__grid_region .px_card.no_badge .bottom {
  height: 110px;
  padding-top: 10px;
  /* Added by xiaoxiaoliuf for #4696: 部落管理升级v3  20180515*/
}
.galleries_body__grid_region .px_card.no_badge .bottom.tribe-admin {
  height: 80px;
}
.galleries_body__grid_region .px_card.no_badge .name {
  font-size: 16px;
  line-height: 1.8em;
}
.galleries_body__grid_region .px_card.no_badge .description {
  margin-bottom: 8px;
}
.galleries_body__grid_region .px_card.no_badge .avatar_wrap {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.galleries_body__grid_region .px_card.no_badge .avatar_background,
.galleries_body__grid_region .px_card.no_badge .avatar {
  display: block;
  width: 30px;
  height: 30px;
  border: none;
  position: absolute;
  bottom: auto;
  left: auto;
  margin-left: auto;
}
.galleries_body__grid_region .px_card .photo__top_buttons__setting_button {
  pointer-events: auto;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  -webkit-background-size: 25px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: 0;
  right: 15px;
  z-index: 101;
}
.galleries_body__grid_region .px_card .photo__top_buttons__setting_button.__remove {
  width: 60px;
}
.galleries_body__grid_region .px_card.active .photo__top_buttons__setting_button,
.galleries_body__grid_region .px_card:hover .photo__top_buttons__setting_button {
  top: 10px;
  opacity: 1;
}
@media only screen and (max-width: 900px) {
  .galleries_body__grid_region .px_card.medium {
    width: 50%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
  }
  .galleries_body__grid_region .px_card.medium .top {
    height: 240px;
  }
  .galleries_body__grid_region .px_card.medium .bottom {
    height: 110px;
    padding-top: 35px;
  }
}
@media only screen and (max-width: 679px) {
  .galleries_body__grid_region .px_card.medium {
    width: 100%;
    margin: 0 auto 30px;
    display: flex;
    justify-content: center;
  }
}
#popup_photoshare_win .sharelizers {
  width: 130px;
  padding: 0;
}
#popup_photoshare_win .sharelizers li {
  padding: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  color: #71767a;
  line-height: 48px;
  background-color: #f7f8fa;
  border-top: 1px solid #eeeff2;
  height: 50px;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
#popup_photoshare_win .sharelizers li .icon {
  background-size: 21px 16px;
  display: inline-block;
  width: 21px;
  height: 16px;
  position: relative;
  top: 3px;
  font-size: 16px;
  padding-right: 5px;
  margin-right: 4px;
}
#popup_photoshare_win .sharelizers li .icon.qq {
  background-image: url('//cdn-test.500px.me/images/userDetail/qzone.svg');
}
#popup_photoshare_win .sharelizers li .icon.weixin {
  background-image: url('//cdn-test.500px.me/images/userDetail/weixin.svg');
}
#popup_photoshare_win .sharelizers li .icon.sina {
  background-image: url('//cdn-test.500px.me/images/userDetail/weibo.svg');
}
#popup_photoshare_win .sharelizers li .icon.website {
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 4px;
  background-image: url('//cdn-test.500px.me/images/userDetail/website.svg');
}
#popup_photoshare_win .sharelizers li:hover .icon.qq {
  background-image: url('//cdn-test.500px.me/images/userDetail/qzone_hover.svg');
}
#popup_photoshare_win .sharelizers li:hover .icon.weixin {
  background-image: url('//cdn-test.500px.me/images/userDetail/weixin_hover.svg');
}
#popup_photoshare_win .sharelizers li:hover .icon.sina {
  background-image: url('//cdn-test.500px.me/images/userDetail/weibo_hover.svg');
}
#popup_photoshare_win .sharelizers li:hover .icon.website {
  background-image: url('//cdn-test.500px.me/images/userDetail/website_hover.svg');
}
#popup_photoshare_win .sharelizers li a {
  padding: 0 10px;
  text-align: left;
}
#popup_admin_asyoulike_win .links {
  max-width: 200px;
}
#popup_admin_asyoulike_win .double_column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#popup_admin_asyoulike_win .double_column li {
  white-space: nowrap;
  width: 50%;
}
/*common begin*/
.sharelizer-button {
  display: inline-block;
}
.sharelizer-button .button {
  padding: 0 5px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.sharelizer-button .icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px 5px 5px 12px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 0 0;
  /*position:absolute*/
}
.sharelizer-button .count {
  padding-left: 22px;
  text-align: center;
  display: block;
  width: 100%;
  float: right;
}
.sharelizer-button a {
  display: inline-block;
  min-height: 28px;
  min-width: 28px;
  background-color: #f7f8fa;
  border-color: rgba(185, 193, 199, 0.5);
  text-shadow: none;
  color: #71767a;
}
.sharelizer-button a:hover .count {
  color: white;
}
.sharelizer-button.qzone .icon {
  background-image: url("//pic.500px.me/images/svg/qzone.svg");
}
.sharelizer-button.qzone a:hover .icon {
  background-image: url("//pic.500px.me/images/qzone.svg");
}
.sharelizer-button.weibo .icon {
  background-image: url("//pic.500px.me/images/svg/weibo.svg");
}
.sharelizer-button.weibo a:hover {
  background-color: #D52B2A;
}
.sharelizer-button.weibo a:hover .icon {
  background-image: url("//pic.500px.me/images/svg/weibo_hover.svg");
}
.sharelizer-button.weixin .icon {
  background-image: url("//pic.500px.me/images/svg/weixin.svg");
}
.sharelizer-button.weixin a:hover {
  background-color: #7cd43a;
}
.sharelizer-button.weixin a:hover .icon {
  background-image: url("//pic.500px.me/images/svg/weixin_hover.svg");
}
/*common end*/
.mobile_nav {
  display: none;
  position: absolute;
  background-color: transparent;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  overflow: hidden;
  z-index: 10;
  padding: 0 10px;
}
.mobile_nav .inline {
  position: relative;
  background-color: #222;
}
.mobile_nav .logo {
  display: inline-block;
  float: left;
  width: 80px;
  height: 50px;
  background-image: url("//assetcdn.500px.org/assets/brand/wordmark@2x-a551a24f06a83d397c458890f4a65f7a.png");
  background-repeat: no-repeat;
  background-size: 80px 20px;
  background-position: center;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.overlay .arrow {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  height: 60px;
  width: 50px;
  background-color: transparent;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 15;
}
.overlay .focus {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 15;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.overlay .nav {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
  cursor: pointer;
  z-index: 2;
}
.overlay .nav.left {
  left: 0;
}
.overlay .nav.left .arrow {
  background-image: url(//cdn-test.500px.me/images/svg/previous.svg);
  left: 10px;
}
.overlay .nav.left:hover .arrow {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2);
}
.overlay .nav.right {
  right: 0;
}
.overlay .nav.right .arrow {
  background-image: url(//cdn-test.500px.me/images/svg/next.svg);
  right: 10px;
}
.overlay .nav.right:hover .arrow {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2);
}
.overlay .nav.disabled {
  display: none;
}
.photos_index_layout {
  text-align: center;
  background-color: #f7f8fa;
  width: 100%;
  height: 100%;
}
.photos_index_layout .close {
  display: none;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 26px;
  right: 35px;
  cursor: pointer;
  background: url("//cdn-test.500px.me/images/photoDetail/close.svg") no-repeat center;
  background-size: cover;
  z-index: 100;
}
.photos_index_layout .main_container {
  position: relative;
  cursor: auto;
  margin: 0 auto 0;
}
.photos_index_layout .main_container .photo_container {
  overflow: hidden;
  position: relative;
  display: inline-block;
  float: left;
  background-color: #FFF;
  border-bottom: solid 1px #eeeff2;
  width: calc(100% - 320px);
  width: -webkit-calc(100% - 320px);
  width: -moz-calc(100% - 320px);
  min-height: 548px;
}
.photos_index_layout .main_container .photo_container .loading {
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 16px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAPACAYAAABU1nvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCNjI2N0ZFOThFMjE2ODExODIyQTk2NDZFMjJDMzI5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkRDMjIwNEU3RDIxMUUyQUQ0NkM0Mjk2RTM0NjAxRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNkRDMjIwM0U3RDIxMUUyQUQ0NkM0Mjk2RTM0NjAxRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjYyNjdGRTk4RTIxNjgxMTgyMkE5NjQ2RTIyQzMyOTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjYyNjdGRTk4RTIxNjgxMTgyMkE5NjQ2RTIyQzMyOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24%2BIDwvcmRmOlJERj4gPC94OnhtcG1ldGE%2BIDw%2FeHBhY2tldCBlbmQ9InIiPz6doOLOAAAjTElEQVR42uydCXwV1b3Hb%2B5NgORmNwuBhDWIIAQChDVAAigioBaxrUutvvfUVv1Un7UVfa64a7W2lVrt9qpWqyyK%2BqBhMQECgZCARgiILGYhZA9kM5jt%2Ff7hDD05zF2SO3PGwpnPZz6EuTPnf%2Bac%2F%2FKd%2F5k5x6%2Bzs9Oms4Vgd2IPwN6BvQn7Key6J%2BtsduyhrAz6u5WV0SCe6CdUIAx7Ava%2BOoW2YT%2BBvdKD8Bjscdj9dX47jb2E3cw5FYjFPpCOeRDQiP0ouyt%2Bo9Yahj3Yw%2FUk8Dj2Cr4C1FyJXgjXNhL%2BFfZv2P%2BD2PUBXl5PQg9jr9cqMBp7IHcC9XstE9APeyR2h1BIOyvExoTr%2FV7Dmj2QlWHnfqeyC6kCVPtRQu0Osabmm3cw0xGbUFGbULCN9XGR0E3UNRcLrXyAKkB9H88dpDs%2F5qLp4pmu2Hbu3Dmvtrb2XhIeGxv71MSJE3ewc6hvS11cP5S1hLaV2nX6rclN31HBpdu3b19aXV39bEdHR3%2FsMRUVFQ%2Fxv7u5Xiw7wN%2FWw23jxo13nT59epmO3fdq82f2zW%2BBrk7etGnTCgi%2FU7QIdMEzXBcFuGkFp3itXVA22iKY5ndrquzs7HtaWlpE4d%2FExcXdi%2F7P5o7FujDJYFY2vzX4s375FnsfdpDM6RJmQi2aCbW2to7r5kL9%2FJr69u17LYRv1zFDspZLdczQTzDDZjszuzKhZg7mUgdhj6b%2FDxgwYL3WWna7vRLC52HLYMcO6XhGrQxy7VGCnnRq3cS74gR2gcutsrIyoqioKD4gIODD8ePHnzTSFWsb1XSAC5dqejA6e4wLx%2F5mh2O7iybq7IEwnzbFA4oHFA8oHvCaBxD9%2FDIyMlZ8%2B%2B23PzWSB0gHSDlGCtp7kIXiri0rKyseLPBWW1tbmg4P3I%2F%2B3%2BWLEtKBMRwP8CbUkpeXNw19%2FBbOC9XjAYTk7b6YoT%2FHA0N0YrkNmn6fjvBqCF8M4TvZoUM6jsjhJryf5QGtRjWufDzg41Q3ynA49gQGBk7ihNPWTM2pg3fuXHG9VzyA5g8vKCh4sL29vb%2B%2Fv%2F%2FbdXV1L1533XXtigcUDygeUDygeEA6DzzxxBP2adOmvQYeuN0qHngHPDBTGg%2Bcwpafn59GEIK7Xsps3XAe0PzARQIP2IBfv25tbZ3pAs8qEJKvmjNnTq6vjkiXBxoaGvq5Eo6QvAd3PpkT7hMP8E1SovVbSEhIC8DjS%2BGuT0Lwo6jcZDR7sQv3%2FCUrp82FcOqOI1occMsDBw8eHFxaWnorfg8AFe0KCgpaDSv4xux0vRovUDygeEDxgOIBXR7YunVrQnNz89%2Bl8AAYYEZNTc0i%2FEkB5wh%2BH4XIeK0UHjh27NiA%2Ffv3r3HhRt3lB4zhgZMnTw70JJx4wMj8QDceiI6O%2FhgcUOjirs%2FyAGCkyDQegA4E1NfXL0a%2FT6PhGghuRKV24a5XKR5QPKB4QPGA4gFTeSA7O%2Fv7cMG34DGsGD7%2FlvT09P3SeABh%2BDKE4X9qP1KsR9RbjX8Pms0DXeMFVVVVtXzNINQJoTf3gAd8Gy%2BYPHlyXp8%2Bfd7wSmkM5oFuwWjz5s0%2Fa2lpeRjHovV4AJV8GdDyjKnjBevXr%2B%2BLu7wSAqe1t7dHQymbiAeghKsXLVrUrHhA8YDigfOTB7755ps%2BBQUF4%2BFkgqXzQHFxcdi%2BffveR0HxJSUl9TExMQtSUlIqZfGA%2FciRI7NJOAtCoWjWe1zxwIYNG16H8Ec88EC8G3m67xN%2B3c3btLVdhZiQwh8jHpgyZUqWDoz4%2FD6hX2Zmpj%2F8%2FHHqS75gBJ7ViAMHEQ9Gmp4f2LRp092Igr%2Fztt%2BMzA%2BcdcUZGRl%2FcwchPA%2BgdZboPKL7%2Fj4h%2Bv4%2BxgMRlvIAtqvQ91PwW5SWH1A8oHjAVB7AQ8nimpqaOZGRkXvGjBlTKJUH4GaT8Ei2CxUhQe0JCQm3jRs3bqUsHvCHf7%2BaCe96msFTUjL%2B%2FatOkx%2F2kQfohuoEHgixw94Hdruljo4aqTyAu3cIHq9Van6ABqKFFkiSmR%2Bww81mdzvS2ko8kCSNB%2FLy8gLQh8XUn7zCBAQErETrfCVlvAB3fBfA9FVLeQC8979o4h9%2FF3jgIRy7yDIeyMrK6odjV9J4AfGAlh9Q4wWm8wDI%2BL%2FR7LdByY4lJye%2FEBUV1SiNByB8CZRvlRapgoKC3oaWvyKDB%2Bz0yjbM7wU%2BTMIpheOfatZcVcypiHc7kt2tFmYDdBxRJSujmgvdNiar6xHOH8FlNu5%2BOF87aP1zLJ5r2wkdHiDPN6IHPFAj8AB5xyCKhumCo1mfnp6%2BXRoPoLkHdLMfuz3H0vECqESH4gHFA4oHLigeOKeWeDJq7d%2B%2F%2F9ejR4%2FeC%2FNq43igxWbCJnbBD%2BFkXoBFJKDJay6%2B%2BOLbR4wYUWQmD5w1Cyjhk7CEd0k4S1peVFJScq3QWgksCuppuxYhE2yuX4Qh0BmuxZOzFcCdL4UFPCyeDaU7oVNIMMuu8%2Bl9LeMe7E2rs0RI16dDXTyAZn9RdCKw8z9NmDDhZbN5wA93P6e5uXkzz34gInppeb2U%2FAAez9MER7NBEG46DwwUKpArmwe6xX9ov8oPKB5QPHBh8cA59rtlyxYKuy2443atvy%2B99NIMCJfLA%2FxJ%2Ffr1WwOFW242DzwOS3hHFE4blHOsqTxA%2BQEIedTVeIHT6dxoFg%2FQf%2Fw%2B%2BeSTQ%2BiKRN4hQuPX0Ce%2BCM3H0P9fmTZekJmZmdrY2LiN5wH0%2BSI2yYmU8YJ53ToyIOCfgnBzecB25kNn3uHskj1e4KfyA4oHFA8oHnDHA6gE9LOjHXfeYRkPsC6oRSs8gL7%2FkynjBcQD7kKyhgbjx4%2BfGR8fv9eo8QKveIBPGTB7NjY%2FAIV7XhBOPPAemvwh%2FPsmU55OsMFbuPsqQ%2FMDuPuZcEJb3fFAaWlpIOo5cuDAgQ4z8gNzPfEA7prM7zPFA4oHFA8oHrggeYBqd5pyh7j7Nst5AIr3XF1d3cumdIGXPNCVykVUXDpr1qwSw5RQfH%2FAYwfb7SfggCYlJyeX%2BWqGDjQtRbO1tjPfHvM8sAr7OxBWii4ZYeMmSkGlQ%2FBbRUJCQgE7PkKnydsZB9QyJezH3aAfq3SVf2pq6gw4oUSBBxbzIRmu%2BJGmpqa3EbpnaaAaFRV11GbA%2BwN2b3iA%2Bjs3Nzfd6XT%2BEpX7EHxwd01NTeK6M9s%2F8%2FPzp3OnV7DmbXXBA%2FwW4u8tDzz22GMUpmloJxY8cC%2Bs4QHtbhgPLGJRsMIDD0QqHlA8oHhA8UBP8wN%2BUNAA2L7DUh4gy0AXvJKTk%2FMEvGKbZTyALvkcPHBNWlra15bxALqnir5DMcIM3fIAnNHfccdFjAf41zydbW1tPywuLt4zbNiwCl94wKv8wKeffjoQ3UOffs8WvWFSUtISgElNb%2FMDXvEAnM7xXbt2zUGrvN6tHTs7nQUFBW%2F7wgNe5weIBy6%2F%2FPKfoO%2BfFCoR7Ut%2BwN5THnDjeBQPKB5QPHCe8oDZW0%2FyA%2BZ2QQ%2FyA8YrYS94wDgztLl5fwCCCtAdl5jqiLzhAVdTwaASLf379%2F%2B5L1PBeJ0fAA%2BkoVX%2BKITifidOnHgF7nyWLB64XeQBqjNiyQOW8gCNO8nigT%2FAVG8TY3pMTMyzsnjgNj0emDRp0jbFA4oHFA8oHvj35oF169YdQlRUPOAND7yhxwM7d%2B6cL4sH7tDjgerq6qeys7OvszI%2F4AfzfACVmGVFfoAP5TRqkiM1P8D2roGssLCwHdJ5ADu9bX1jRETEPjaFiOIBxQOKBxQPKB6QzwP47XJLeaCqquppesfQUh6oq6tbRu8W9HigoSc84GJ%2Bwn8ZOX7DOSvcyDOWB0gJaeeP4Zw7QUZ3ecsD%2FuHh4ZtR83KOBwJhFdszMjK84gF256tpAOusGbW10XoIXq13bAgP4PppcGQf0Iyf%2BK1u9OjRtwwdOvS4VB7Iz8%2Bnb5AWDh8%2B%2FDhatVHxgOIBxQOKBxQPXNA88Hs3Axjnrl8AJbwCSsjPOfEN3O7UuXPnFnijhJouCL4iC%2FpyE7174kkJfc4P6PEA%2B%2F1UbGzsDZMmTcozPT%2Fw6aefTsf1ayl48eehFTZCcR9054i6aoTmXoGT%2F%2BZVUkln%2FQI09Q46Rh9K8%2Bfi%2F7VuXHH39YxQ01tQyM9pEhwXd%2B12PSM61tjYOBlO7EFUsgDnroODek0nGLlfz0jxgOIBxQOKBxQPGMADr9O5VvPANijyDWlpaaWW8QA9%2B6MMejU4c8aMGVtxbphpPJCZmTkFLbSWrQhyzgbr2QQFXmYaD6Snp%2B%2BiNZARNXe70I05aEW7qTxAayBfeeWVU3DO%2F9C5gm%2FZh71DGg%2Fk5%2BcHIWougV5NIUUdMmTIXxMTE0ts3sxPSDwAz9fFAy7mMva4wTWTdXxC6sEBieIBxQOKBxQPXGA8EBQUdKPwbbI1PIBY8iXKprGDQZGRkR%2BmpKRkScsP6GxtSUlJ3xs0aFCZKfkB%2Bs3T5YglsablB%2Bg3OkfkAa7yu4cOHfqh6TwAS3BC2BJaEwn970SFytHCiPRbNrDvl83lAbQmVfRjUg8%2BQQFK7lA8oHhA8YDiAct5gFaTtIQH0DpzYU1vUdh3Op3v4IH219J4AIqejJ0W7zrrJ4YPH75w1KhR62TzwFkfERUVNXbq1KkHZPNAV4%2FBzzxOwqXzAH3FDd34ASr%2FlEweCEIZ5Sgja9u2bZss5QG0kuIBxQOKB6znga%2B%2B%2BmpwTk7OQlSc3HbP5yPywAOtl1122aOuToLg5JqamncpfVxbW3sqMTFxnlQeqK%2Bvp7WU%2B7DuCystLZ1uxvuEt9O5dA1%2FHBFzMcq%2BTNChAhk8cBhlT2BfX%2FhzgenowoULE63igU5Q0VJQ0RrD3idEJQbj%2BjXwFRM8lYHKL4eyPmYFD5RCxg814VJ4AGUEY68gUM3Ozl5nKQ8A%2FRQPfPd4oGs%2Bori4uLXCm7Rd8xHhbt%2BFEpax%2BYj4woOgYNcXFxfn93Q%2Boj179kxCQFoIi7HFxMQckMoDEH5jWVnZa6ylvw0ODp4ilQcQMcdy3dwHOnetVB7AzVYJhwZIzQ%2FolN0ulQdQ9mThUJk0HoCyz0fZV%2FDHaFRdSn4AvyWhYkt4U8b1hxctWnSxZTwAU1%2BK6y3hgU5cvxwW9bgVPFACGTdowqWNF6AM4gHo5dYN4sx%2BUnkADNh24fIATD38888%2FfwjdkoDr%2FwA6elkqD6B1l8FUl4pmqK1vqLt%2BAb0RA2fyFjkVIQpG4ZpN5N1sXq5fgDvnW6ZrjWWS7RMP2M5MBXO%2FNzwA5Z4JM93C3yjkpPvEA5T58JYHZs%2BevY3WUhZaMl0qD4hrKdNay7J5QJTVqXhA8YDigQuDB0pKSvrgOTJi9OjRndJ54NChQ4l4GH2d8oLUBeiiXyIU%2F%2BNst3DN5nJ9Q%2Ba3w1G55SEhIbmkcDqn6K5viLu%2FjoQzR5RAayrDYy7vVoEerGdE3xRPQCF5uGYq%2F7huc7GeEfq%2BTM9j0hrL2tCty%2FWMjOCBsWPHvoCy%2FmIT1kymNZal8kBmZuaVTU1Na%2FnuCQoKmiuNB0DE62gtZeFxPU0qD9CLTEJ0HCiVByCrXZCl8gOKBxQPWM8DpnxvSDwwZsyYDRBc61GfzOIBmN3TeOJeKHaBNB6AQibpOCLigXdIluk8gEi3wVWrkyySaWMCTXt%2FYMeOHZcgBA9G6yW7dESyxgvIFUMnPuF5IDg4eKa08QIqk8oW4sY82fmBXEvHC3QrpXhA8YDigfOSB9DE7bRGMs3cKZ0H8Ax4O%2BLGsyg3Uq8LRB4wdLygqKgo5YsvvtjiYrDCtRIaxQP4LcaD8HN4wND8wPDhw0nLV7Mua8C1b7I1k98TomPXGIXP%2BQFXPFBSUkJF72fLFMvngYSEhDxeuOIBxQOKBxQPXHg8AC%2FYSmsk284M13dK44GVK1c6IiIi7oMuLEMZcnmA7B5PwqvR7Ck9UUJD3h%2FYvXt3QmVl5W5X04C4M0Nv3ycUxwO6vU8IEroDfuAq0VGhjHexv48y6P2BkVwOwQ%2F%2Fnzhy5MhXDeEBWMipo0ePvq0dh9VsdTqdN%2FGfehnFA7rrGcH%2BB8XExPwcFf%2B%2FoKCgB2ltZHFNbFc80NP1jm9HyC0XImIXD0D7n4eQ%2FyQggYK644FFigcUDygeUDxgOg%2FADdvRFX1EH2M6D8D%2B%2FdFKFNbvsemMpJvKA%2Bi6IWQJaPYk6TzApg3%2FqDdm6PP3BQjDiRBO74uEC5VsQCXfIoeGMmpM4wGWiAoSumkLbuBGfqpY0%2FIDonBaE5nWRhbmqTWMB%2B5AyK1wFREpd0Cf%2B0HBpPNArzfFA4oHFA%2BcnzzQowcKo%2FMD4eHhD0EX7qPhfqk80FslNIQHfDJDm4%2FvD%2FjsiHzlAS4s8910zlQwpvGAKJzOoXPNyg8oHnjDah64TfGA4gHFA4oHFA8oHlA84E3uz9T8AJrtYSN5wKv5CWFmAyGYlHC2qOmUZfNFCd3yADOhETDD7%2BPfEEF4I9myVTxQBYW7yhIeQGQsQBddnZaW9rVUHqAmx4VP5%2BbmThSFCzzwmKE8gMKacWE%2BFOt9CG6UzgNd3wbb7a24M1P4QPGA4gHFA%2F9%2BPAABKyIiIp6zeXg%2FyBQegLYvQ1%2F%2BGU1ZFRUVRVzQ2hMeIM%2FYKx5g7wi9jQJmaceGDRt2E64LKy8vf8k0HkDrHMLfXfkB0cwiIyMfnj59%2Bm9Q8AwreKAcXZAyZcqUUl8dUY%2FnK6Y1i0JCQiZrwlko7tF8xeSKSXhP8wO1qPUvGxsbp4k2bnZ%2BoBb7bkS51RMnTmy1Ij%2FQF38HQIn8bSZsigcUDygeUDzgNQ%2BwLZ72GTNmrOoND%2FR6vKC0tDSwpKRkEv48%2B9ru1KlTM%2BLi4u41e7xA44HvUX6APuGBF3tWAxzsh6XzwJgxY64ZMmTIMfz5le3M3ONSeaCNkhP494AmXCoPOJ3OuwYPHrzDprNan2H5gZycnEB4rAVcfqABF%2B7E%2F1cvWLDgtOk8gItbhfwArrdTmLUrHlA8oHhA8cCFywNMexOl8wAqdwABqHTatGkU%2FfSWCfHIA7CIg1D0cT7xAMzlz2lpaa%2FxDSWVB%2BADeLVulM4DuIDyRRRGyba%2F9MADxuUH8N9o6EHx2LFjV8TExFR6a3qG5Qc66b3tjo7Iffv2XQ5Q6ad4QPGA4oHzlgfEIOOQygO06prQrKOl8oA4jTM0fjHMaoI0HsjMzPRvamoqw51H84MW6M83cKfPQ5tJeKSpPIBC7oaJ%2FE5sstDQ0N9Cm9%2FUaU1jeQB%2FvEqTlohnodZDdC42hwfmz5%2F%2FYzQ7zwM0Ceoa3kFJ4YH169f3RfOkJiQklCcmJtKqzGT%2FtD7pKTN44JwxgNzc3Hb0e99jx4796MiRI7G9eaFR8YDiAcUD%2F148ID4bqPwA5QfweHaJ1PxAeXl5MZSpP9eXH6OpaToHKjzQTB6w04A0zO5JUbttZ6Z8HUQPqDrCW1lUbCTtRpy4nJyTcE4Q7vhmmPgzEP4DW%2Ffvljtxkw%2FQs6eWH%2Fg9DqygFqQlgYcOHfq6Gz0wlAfEcEx3G2fTXxKGwugJ25nVWWyGByPeErHT%2B6NO5rXk8gBMyAEvlgq3OwsXKx5QPKB44ALgAQj0tzQ%2FgL1cOBYrlQegMBlCZpyW%2FegnjQdoyAZKc9%2BpU6eugLv9bObMmf%2Bw%2FWvJcNN5QPOENAfJkB50nWH5AT4WJDAI8bQRDxwV%2B98nV8xtUcwsL2we8EtNTZ3F3G6MbB74ATT6V6h1vHQegIt9AsIf9VRjU3ggMzNzSVNTkyU80DUfUUxMzMfCFM9tcCIfYX%2BHVur2Yj6iT3SanBzRu9jfhw65np8QTZ%2BGAjJ54Yjl1MQfS%2BEBbJMEHtjECzebB%2BzR0dG5XEBpdzqdK1zxgIv5irvxAJ0jrm0u8AC%2FDfAfO3bsUdT65oqKihkwob1JSUm5nnhg%2B%2FbtAXV1dQ94q7Se%2FAA9FQ%2FkjtFDZpEbHugKyTt37pxfXV39uOi2qQtycnJ%2BqtcKGRkZHyMkL%2BLOfYIqQBOYjRTC7EEWinkeoLVLwvgC8%2FPzp%2Fj8fQF7hWMMVUiohOIBxQPW8QDAdCqtukYvtuDiZpk8sJTxwGDpPABzehh2utyS%2FEB2dvY4uNY9FJpl80CXDoSEhFyCprVzAlrR72ux79XLD3DrF%2FQ2P6CtX%2FABtUDX6gvggqdxcD7dHWp3Pfppkwwe8GPTPHdBaGVlZURYWNjXaN7DOtZhhxW8Js5PJ269CUbxwhNxiTtnQwtkesoPuLn2EVqYi6vAH3v8rrAZ%2BQFxMfRAmfkBxQOKBxQP%2BOvchR0mNg0eK42QXWp%2BAA8nMXv37t2AfhwnnQfIHefl5V0Pu%2F61TB7QPFYoPR3BMVR46me99YyYGeZ5Ibzrprutb8haYLTmgnfs2LG4oaFhAf48gibbZ%2Fp4gcYDfBNhP8Ts3fz8ADM5fqvjhZudH1A8oHhA8YDige8eDzAhnYWFhbHHjx%2B%2F9UzF7bug1atN5wFmZqQLfdevX78KdzBEKg%2BwhKUfwCRs9%2B7dm13xAPbvQYOLDecBLTkRGxt7Cja8yxUPwO5p0eXJpvCA5jXr6%2Bsb9%2BzZMwsn036d6KK95QFvHJHiAcUDigcUDygesJQH7K54wCg77zUPaAdKS0uj9%2B%2Ff%2Fz%2B4myj6LrWuru5F03lAaM5nUeBl2v8dDsceFGJOfkBvsAJ92C1YoSXMzQ9ocrHXkp3n5OTMqKmp%2BZsYNaXmB7KysuLhRt%2FCHaZZwgNpaWmlCxYsmIO%2Be81oHvDXcTpNuppzpq%2FuREyvNvr7AsUDigcUDyge%2BG7zgMwuiHUVkjk4iTl%2B%2FHhCa2vrytTU1DojlZB4INGd8MLCwlFHjx6lxXb74U4qUcjVhr0%2FwFysnx4P2M68ZR0Jj7eA%2FU0uNcbw9wfc8QBdmJ2d%2FbOTJ0%2F%2ByhIeIKeDPn%2FJDB6we8sDtEFx7jT6fULFA4oHFA8oHlA80CMeMFMJPfKAWWboNQ%2FwjojGERobG2%2BDM%2FkrnFC0FB7QXHFubu68ysrK56TzALld7BUNDQ0plvEAcanD4fjQUh5IS0vbCFN73lIeAJ6tBA88onhA8YDiAcUDigcs4wFmJSNtvZ84vfc8YLQr7jEPaAcAJnNOnDjxirTxAo0HWGXiq6qqlonXShkvELrKGh6gP6Kjo59RPKB4QPGA4gHFA4oHLOWBvLy8mZbyQGVl5YNW80CHpTwQGxv7DFvXRuSBP0jjgaKiopgvvviCpg8JEpRwS0hIyA0zZswok8IDbE6z4G4u1s%2BvAQr5Hv49gjsfbyoPbN68eRoqsVaYdFkuD2RlZQ0hb4gImNQTV8wrC9ltkU1nLmIuGLmcr5jWQKa1kGlNZB0%2FcjYYeZyv2AgegCMKPXXqFL0OPoE8rXQegPB2CPyW1kpWPKB4QPHAd54HfFm7lOeBzoiIiOcR%2FVZI5QF6m4bWP4iKinrQ4XA0ggXeRmB6SBoPaK1QUFAwobi4%2BE%2FaQVRmq9PpvMkbJfRnff4txwNkbpd4ywP0R0NDwzXdfmhvn4VjB9Aiq1CZL7n8gD%2FPA%2Bnp6dv9mdmVCTzg8BCauzkiFPYX7HewGT3OKAX8AoT%2B2JUj6jZfMbvbSi%2F15pz5iqdPn16EJp9EayF74wXdzVfsc34A1nAf7nwZrQJkWX6gsLCwD5zUElQiBXsEWYtUHigtLQ2gNZJZWPdTPKB4QPGA4gEpPEDvGPK%2FS%2BUB0aMWFRVBFfp8HhcX1yyFB5gPcbA88VNQrisoPwBr%2BEAYLzCHB5jZJh46dGgUCWc8EELrF2B3ywP%2BHA8E%2BZAfoKY%2BADMLZy3jsIQHmFv%2BCdzy08LMr3J5gNZIRFAiHphKXSE9PwA9cNAayd5Mtqd4QPGA4gHFA%2BcnDzC33S3vbNp4gcgD%2FO%2Fbt2%2B%2FtLm5OR4ykl2NFxjKA7yAzMzM%2B5uamm6Ukh%2FQeIA3X3jGy7zhAcPGC2z%2FWuWJzmmDMyqwbLyAZAFMY4Fod0PzB%2FRqPiJfeABgGgiB83SsRvGA4gHFAxc4D6DPuwUsWmtZKg%2FARFOEFjkujQcQHa9EdFzLKyEUda6pPEBllJWV2fbv30%2BLtNzMn4O7%2F3rhwoXDTOMBrYzDhw%2F%2FF4TfKhYAhf2FqTzAmVq8jvAnEQ9WmcoD2sG4uLiVWsUYD1zPTx1mGg%2Bw%2BEJl2I8ePRoIXYiA48oTZ%2FIxkwcWiy80FhYW%2BikeUDygeODC5oFOweYpEErlAQgUeaBMJg%2FMAA9k8UoIU0w3fLyA86iXsjJOUxmtra2P8cIdDsdh6MsW03mAa24%2BfHfCIrryA4a9T8iED7MJb1aejfUlJVEHDhx4BK46HtbyO8SDl0wZL2A3Eeci0p5mvHBKKg%2Bw1qIyGjyFY23TKhBgM%2FkDB8UDigcUD1xw%2BQExajpk80B%2Fy8YLSOegtLdCb36rOTYo6hTT8wMaD7Ay7KhEan19fTI8ZkZycvK7hnxfYDsz9J%2FoIoraXDx%2FUuXrpfGAIPy4ZtKKB0znAbIy7MQD27Kzs9eJk6TI5oFSeMv7wQPvWckD5LKXw2U%2FZikPOJ3Openp6VJ44DC4cAJb1U%2BT54cKvyiVB9BKi5ubm9eIj2bSeIDWUEaLbOwWCh2OZKk8AAJ6ta6ujkZU%2FWnKaUTRnVJ5AL%2Fn4fHsR7W1teMGDBiQM3To0JJer3eM%2Fp9eUVFBcxR2REZGvjJ16lRtTcwK1lJ621Cm0GdbVCoPYL9YsLYD0nmA%2B51MvFDxgOIBGfkB%2BuCxHF4va9u2bZus5oEixgOrLM0PIAg9imfFpyzjAZzXcdFFF42bPn36Pin5AehCMvarcU6A9owYGho6An92VSBIeB7sZHfHh%2BQTOq7YgXhwM4R7xQMbN26cCyh5hyZbDgwM%2FGDMmDG0JFVQt%2FWO2UZ3fsxTMCIeAIy8IPoMd%2Bsdk6Oqrq5OQBhu5INRj9YzYufGr8NGd6PHAx6cVAL3%2F4oL631C5ty6WZPiAcUDigekjBfA95fDQ26pqqraKL7AIJUHACV7x48ff3lcXFy1ZTwA4XdNnDhxtaaEHtcz0nvEY0%2FTgZxwr9YzIg5AGK5gskL5FnC5npELHjjriLzhAegBObohYWFhn%2BARLkN0RFLyA65csbT8ACuzTrQ2xQOKBxQPKB6wnAdMeZ8QLrrfyZMnF8FRTQELtA4cOPAvo0aN0k2ASuEBmoljwYIFN3rqAp94AFFxEMLxB65C8uzZs1NDQkJaRCU0hAcyMzOn0BrIroQjQG1lwjUdk8cD%2Ffr1ywKGbQULhLpyRKbwAATfQMsSWsYDgnDFA4oHFA8oHvju8sD5N18xHNIvEBVvAgOUJyUlPQt%2FcdLbLvA5P4CouIaWI9aOISB9NG%2FevOXulNDQ%2FAAvvMtLdXToffLZjQfsbsYLqllzVTGnYtMZLwim1%2FQgfIM4WAEWrEd3vMTKqBZih5%2Fmss3igSyE5ZvmzJlz3BtXbPR4wWvz58%2B%2Fq1M%2F%2FXbO4HWP1zNiu83V%2BwO0BqIL4XplBygeUDygeEDxwPnFA752gU888Nlnn4W3trZeM3jw4NKYmJi6niqhT%2B8P0LThgJEP2bNi44gRI%2F5j5MiRR70xQ0N4oKWlZSP3oBpcVla2gF1T6YkHTHl%2FICAg4HP8s1%2FophrBFZPMIMPzA%2BDA36empv5Gx1Hp5gcM5wFA6F1urlc8oHhA8YDiAcUD5vGAr0roEw8YYYa9Hi%2FIyspK9PPzuxmxoDApKWlvbxyRL%2FmByXhEf1kLyYgP96akpGT3xBX3mgfoky3wwG94Hqivr5%2FKzjlsOg9UVFQ8JF7r7%2B%2F%2Fkc31m%2FXm8kB4ePgLIKFPLeEBYPiDtAay4gHFA4oHFA8oHrCEB4xwRL3mAaNcca%2FGC9jHbhSS7QhMT02cOHEHO6dHH7v5wgMPd3R09KfUDKtIt9%2B95QGj1jfsdTmG8AB1gfi74gHFA4oHFA8oHlA8YDoP5Obmzquurr7XEh7Izs6%2BrrKy8lkjeKDH%2BYEtW7bMaWhoeMALf2IOD7S1tV0lWgSxQW95wK6TD4pgmi%2FaOGl6bGho6E5ek%2BPi4u5B%2F2dzx2JdmGQwK5vfGnrFAwUFBcl1dXWjce2baWlphxUPKB7whQf%2BX4ABAGSSMYsxT5XaAAAAAElFTkSuQmCC) center top no-repeat;
  -webkit-animation: infinity_spinner_large 2s steps(60) infinite;
  -moz-animation: infinity_spinner_large 2s steps(60) infinite;
  animation: infinity_spinner_large 2s steps(60) infinite;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.photos_index_layout .main_container .photo_container .photo {
  vertical-align: middle;
  position: relative;
  max-height: 100%;
  max-width: 100%;
  display: inline;
  margin-top: 0px;
  width: auto;
  height: auto;
}
.photos_index_layout .main_container .sidebar_region {
  position: absolute;
  float: right;
  top: 0;
  /* overflow-y: scroll; */
  height: 100%;
  /* height: 834px; */
  right: 0;
}
.photos_index_layout .main_container .photo_sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 320px;
  right: 0px;
  top: -1px;
  height: 100%;
  background-color: #f7f8fa;
  border: solid 1px #eeeff2;
  overflow-y: scroll;
  overflow-x: hidden;
}
.photos_index_layout .main_container .photo_sidebar .attribution_region,
.photos_index_layout .main_container .photo_sidebar .actions_region,
.photos_index_layout .main_container .photo_sidebar .description_region,
.photos_index_layout .main_container .photo_sidebar .actors_region,
.photos_index_layout .main_container .photo_sidebar .recommendation_region,
.photos_index_layout .main_container .photo_sidebar .prize_mark_region {
  background-color: #fff;
}
.photos_index_layout .main_container .photo_sidebar .prize_mark_region {
  padding: 16px 0 8px 20px;
  border-bottom: solid 1px #eeeff2;
}
.photos_index_layout .main_container .photo_sidebar .prize_mark_region .prize_mark_item {
  font-size: 12px;
  line-height: 16px;
  color: #199AE2;
}
.photos_index_layout .main_container .photo_sidebar .prize_mark_region .prize_mark_item::before {
  background: url("//cdn-test.500px.me/images/contest/prize_pain.svg") no-repeat center;
  background-size: 12px;
}
.photos_index_layout .main_container .photo_sidebar .prize_mark_region .prize_mark_item.awarded::before {
  background: url("//cdn-test.500px.me/images/contest/prize_gold.svg") no-repeat center;
}
.photos_index_layout .main_container .photo_sidebar .attribution_region,
.photos_index_layout .main_container .photo_sidebar .activity_region,
.photos_index_layout .main_container .photo_sidebar .location_region,
.photos_index_layout .main_container .photo_sidebar .actions_region {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.photos_index_layout .main_container .photo_sidebar > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.photos_index_layout .main_container .photo_sidebar .scrollbar_detector {
  width: 100%;
}
.photos_index_layout .main_container .photo_sidebar .section {
  text-align: left;
  padding: 20px;
  border-bottom: solid 1px #eeeff2;
}
.photos_index_layout .main_container .photo_sidebar .section:last-child {
  border-bottom: none;
}
.photos_index_layout .main_container .photo_sidebar .photographer_info {
  overflow: hidden;
}
.photos_index_layout .main_container .photo_sidebar .photographer_info .avatar {
  display: inline-block;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.photos_index_layout .main_container .photo_sidebar .photographer_info .avatar img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.photos_index_layout .main_container .photo_sidebar .photographer_info .avatar:hover {
  opacity: .7;
}
.photos_index_layout .main_container .photo_sidebar .photographer_info .followers {
  color: #B8C1C8;
  display: block;
  margin-top: 5px;
}
.photos_index_layout .main_container .photo_sidebar .photographer_info .actor {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4em;
  color: #525558;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.photos_index_layout .main_container .photo_sidebar .photographer_info .left {
  width: 50px;
  height: 50px;
}
.photos_index_layout .main_container .photo_sidebar .photographer_info .right {
  float: left;
  padding-left: 10px;
  max-width: calc(100% - 60px);
  max-width: -webkit-calc(100% - 60px);
  max-width: -moz-calc(100% - 60px);
}
.photos_index_layout .main_container .photo_sidebar .photographer_info .right .inviteUserButton {
  margin: 5px 0 0 5px;
}
.photos_index_layout .main_container .photo_sidebar .photographer_info.large .actor {
  font-size: 18px;
  font-weight: normal;
}
.photos_index_layout .main_container .photo_sidebar .actions_region {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 0;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_fav {
  position: relative;
  min-width: 60px;
  text-align: center;
  background-color: #ff4c4c;
  border-color: #ff3333;
  text-shadow: none;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_fav .icon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_fav .icon .shape {
  fill: transparent;
  stroke: #fff;
  stroke-width: 3px;
  stroke-dasharray: 150;
  stroke-linejoin: round;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_fav:hover {
  background-color: #ff6666;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_fav:active {
  background-color: #ff4c4c;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_fav.hearted:not(.only_icon) {
  background-color: #525558;
  border-color: #46484b;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_fav.hearted:not(.only_icon):hover {
  background-color: #5e6265;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_fav.hearted .icon {
  -webkit-animation: heart_animation 0.8s linear both;
  -moz-animation: heart_animation 0.8s linear both;
  animation: heart_animation 0.8s linear both;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_fav.hearted .icon .shape {
  fill: #fff;
  stroke-opacity: 0;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_fav.with_count {
  padding-left: 40px;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_fav.with_count .icon {
  left: 10px;
  right: auto;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_like {
  position: relative;
  min-width: 60px;
  text-align: center;
  background-color: #0099e5;
  border-color: #0088cc;
  text-shadow: none;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_like .icon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_like .icon .shape {
  fill: transparent;
  stroke: #fff;
  stroke-width: 3px;
  stroke-dasharray: 150;
  stroke-linejoin: round;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_like:hover {
  background-color: #00aaff;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_like:active {
  background-color: #0099e5;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_like.liked {
  pointer-events: none;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_like.liked .icon {
  -webkit-animation: heart_animation 0.8s linear both;
  -moz-animation: heart_animation 0.8s linear both;
  animation: heart_animation 0.8s linear both;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_like.liked .icon .shape {
  fill: #fff;
  stroke-opacity: 0;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_like.liked:not(.only_icon) {
  background-color: #525558;
  border-color: #46484b;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_like.with_count {
  padding-left: 40px;
}
.photos_index_layout .main_container .photo_sidebar .actions_region .button.new_like.with_count .icon {
  left: 10px;
  right: auto;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container {
  min-height: 40px;
  padding: 10px 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  text-align: left;
  border-bottom: 1px solid #eeeff2;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container .icon {
  display: inline-block;
  float: left;
  width: 16px;
  height: 18px;
  margin: 3px;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container .icon svg path {
  -webkit-transition: fill 0.2s;
  -moz-transition: fill 0.2s;
  transition: fill 0.2s;
  fill: #b9c1c7;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container .zhuanfaIcon {
  margin-left: 15px;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container .zhuanfaIcon .icon {
  margin: 0;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container .liked_by_widget {
  font-size: 12px;
  line-height: 19px;
  color: #525558;
  float: left;
  margin-left: 5px;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container .liked_by_widget.pv {
  float: right;
  padding-left: 20px;
  background: url("//cdn-test.500px.me/images/photoDetail/eye.svg") left center no-repeat;
  font-size: 14px;
  height: 16px;
  line-height: 16px;
  color: #6D7378;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container .liked_by_widget .empty {
  display: none;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container .liked_by_widget .liked {
  display: none;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container .liked_by_widget .liked a {
  color: #0099e5;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container .liked_by_widget .liked a:not(.show_others) {
  color: #525558;
  font-weight: bold;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container .liked_by_widget .liked a:hover {
  color: #00aaff;
}
.photos_index_layout .main_container .photo_sidebar .actors_region .liked_by_container .liked_by_widget.liked .liked {
  display: inline-block;
}
.photos_index_layout .main_container .photo_sidebar .recommendation_region .recommendation_by_container {
  min-height: 40px;
  padding: 10px 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  text-align: left;
  border-bottom: 1px solid #eeeff2;
  cursor: pointer;
  line-height: 20px;
}
.photos_index_layout .main_container .photo_sidebar .recommendation_region .recommendation_by_container .logo {
  padding: 0 7px;
  margin-right: 10px;
  background: url("//cdn-test.500px.me/images/icon/icon-recommendation.svg") no-repeat center center;
}
.photos_index_layout .main_container .photo_sidebar .recommendation_region .recommendation_by_container .txt {
  color: #0099e5;
}
.photos_index_layout .main_container .photo_sidebar .recommendation_region .recommendation_by_container .recommender {
  color: #B9C1C7;
  letter-spacing: 0;
  padding-left: 5px;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_content {
  max-height: 0;
  background-color: #f7f8fa;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header {
  height: 50px;
  background-color: #f7f8fa;
  border-bottom: 1px solid #eeeff2;
  text-align: left;
  line-height: 20px;
  padding: 15px 20px;
  cursor: pointer;
  position: relative;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header:hover {
  background-color: #eeeff2;
  -webkit-transition: 0.1s background-color ease-in-out;
  -moz-transition: 0.1s background-color ease-in-out;
  transition: 0.1s background-color ease-in-out;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header--expanded {
  background-color: #eeeff2;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header--expanded .sidebar_expandable_header__icon {
  background-position: 0px center;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header--expanded .sidebar_expandable_header__label {
  color: #0099e5;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header--expanded .sidebar_expandable_header__arrow {
  background-position: 0px center;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_content--expanded {
  max-height: 2000px;
  border-bottom: 1px solid #eeeff2;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_content--expanded .sidebar_expandable_header__icon {
  background-position: 0px center;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_content--expanded .sidebar_expandable_header__label {
  color: #0099e5;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_content--expanded .sidebar_expandable_header__arrow {
  background-position: 0px center;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header__label {
  display: inline-block;
  color: #71767a;
  font-size: 14px;
  position: absolute;
  padding-left: 10px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header__arrow {
  width: 13px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: -13px center;
  -webkit-backface-visibility: hidden;
  display: inline-block;
  background-image: url(//assetcdn.500px.org/assets/photos/v-5ba9bc6d45443c1fe918df69378fa618.svg);
  background-size: 26px 7px;
  position: absolute;
  right: 33px;
  margin-top: 5px;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header__arrow.___right {
  background-image: url("//cdn-test.500px.me/images/photoDetail/arrow-right.svg");
  background-size: 9.8px 14px;
  background-position: center;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header__icon {
  width: 22px;
  height: 22px;
  background-size: 44px 44px;
  background-repeat: no-repeat;
  background-position: -22px center;
  -webkit-backface-visibility: hidden;
  display: inline-block;
  position: relative;
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header__icon--details {
  background-image: url(//assetcdn.500px.org/assets/photos/details_ico-cdb7bbd5e486f8d737916f819268b1eb.svg);
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header__icon--location {
  background-image: url(//assetcdn.500px.org/assets/photos/location_ico-c1da6974432089f877113ea70c78670d.svg);
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header__icon--download {
  background-image: url(//assetcdn.500px.org/assets/photos/download_ico-e132f38c74fd0774d87c9e00736818f3.svg);
}
.photos_index_layout .main_container .photo_sidebar .sidebar_expandable_header__icon--tobuy {
  background-image: url("//cdn-test.500px.me/images/photoDetail/sale.svg");
  background-size: 22px;
  background-position: center 47%;
}
.photos_index_layout .main_container .photo_sidebar .description {
  text-align: left;
  position: relative;
  padding: 20px;
  border-bottom: 1px solid #eeeff2;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #525558;
}
.photos_index_layout .main_container .photo_sidebar .description h2 {
  font-size: 16px;
  line-height: 22px;
  margin: 0;
}
.photos_index_layout .main_container .photo_sidebar .description .description_container {
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  max-height: 50px;
  word-wrap: break-word;
}
.photos_index_layout .main_container .photo_sidebar .description .description_container.description_container--maximized {
  max-height: 10000px;
}
.photos_index_layout .main_container .photo_sidebar .description .description_container p {
  position: relative;
  font-size: 12px;
  line-height: 16px;
  word-wrap: break-word;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.photos_index_layout .main_container .photo_sidebar .description .description_container p a {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.photos_index_layout .main_container .photo_sidebar .description .description_container p a:link {
  color: #0099e5;
}
.photos_index_layout .main_container .photo_sidebar .description .description_container p a:visited {
  color: #0099e5;
}
.photos_index_layout .main_container .photo_sidebar .description .description_container p a:hover {
  color: #0085d1;
}
.photos_index_layout .main_container .photo_sidebar .description .more,
.photos_index_layout .main_container .photo_sidebar .description .less {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
  font-size: 12px;
}
.photos_index_layout .main_container .photo_sidebar .description .more:link,
.photos_index_layout .main_container .photo_sidebar .description .less:link {
  color: #0099e5;
}
.photos_index_layout .main_container .photo_sidebar .description .more:visited,
.photos_index_layout .main_container .photo_sidebar .description .less:visited {
  color: #0099e5;
}
.photos_index_layout .main_container .photo_sidebar .description .more:hover,
.photos_index_layout .main_container .photo_sidebar .description .less:hover {
  color: #0085d1;
}
.photos_index_layout .main_container .photo_sidebar .license_metadata {
  color: #525558;
}
.photos_index_layout .main_container .photo_sidebar .license_metadata .license_metadata_table {
  text-align: left;
  width: 100%;
}
.photos_index_layout .main_container .photo_sidebar .license_metadata .license_metadata_table td {
  padding-bottom: 4px;
}
.photos_index_layout .main_container .photo_sidebar .license_metadata .license_metadata_table .license_metadata_key {
  font-size: 14px;
  width: 120px;
  color: #B8C1C8;
}
.photos_index_layout .main_container .photo_sidebar .license_metadata .license_metadata_table .license_metadata_value {
  text-align: right;
  white-space: nowrap;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons ._a_link {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons ._a_link:link {
  color: #b9c1c7;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons ._a_link:visited {
  color: #b9c1c7;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons ._a_link:hover {
  color: #a5adb3;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons ._a_link + ._a_link {
  margin-left: 25px;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons .licensing_buttons {
  margin-bottom: 10px;
  font-size: 0;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons .light_button {
  width: 100%;
  padding: 7px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  color: #525558;
  font-size: 14px;
  background-color: #eeeff2;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons .light_button:nth-child(2n) {
  margin-right: 0;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons .light_button:hover {
  background-color: #e0e1e7;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons .owner_buttons:not(.one_button) {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons .owner_buttons:not(.one_button) .light_button {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons .owner_buttons:not(.one_button) .light_button + .light_button {
  margin-left: 10px;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons .owner_buttons.large .light_button {
  width: auto;
  flex: none;
  white-space: nowrap;
}
.photos_index_layout .main_container .photo_sidebar .photo_buttons .owner_buttons.large .light_button + .light_button {
  margin-left: 5px;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .section {
  text-align: center;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .label {
  font-size: 14px;
  color: #525558;
  margin-top: 10px;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .label.small {
  font-size: 12px;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .single_desc {
  text-align: left;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .single_desc h3 {
  font-weight: normal;
  color: #b8c1c8;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .single_desc .__desc {
  color: #525558;
  line-height: 15px;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .badges {
  padding: 24px 0 0 24px;
  border-bottom: 1px solid #eeeff2;
  color: #6D7378;
  overflow: hidden;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .badges .badges__column {
  text-align: left;
  margin-bottom: 24px;
  float: left;
  margin-right: 32px;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .badges .badges__column .badges__label {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .badges .badges__column .badges__count {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .badges .badges__column .badges__count.list img {
  margin-right: 8px;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .badges .badges__column .badges__count.list img:last-child {
  margin-right: 0;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .badges .badges__score {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  height: 32px;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .badges .badges__score > div {
  text-align: center;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .badges .badges__score.perfect {
  padding-left: 15px;
  background: url("//cdn-test.500px.me/images/photoDetail/left.svg") left center no-repeat;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .badges .badges__score.perfect > div {
  background: url("//cdn-test.500px.me/images/photoDetail/right.svg") right center no-repeat;
  padding-right: 15px;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .exif {
  padding-bottom: 10px;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .exif .model {
  font-size: 16px;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .exif .camera_link {
  display: none;
  color: #0099e5;
  font-size: 12px;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .exif .camera_settings {
  color: #71767a;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .exif .camera_settings > div {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .exif .camera_settings .cicon {
  background-position: center;
  width: 28px;
  height: 28px;
  margin: 0 auto 10px;
  background-repeat: no-repeat;
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .exif .camera_settings .cicon.apertureIcon {
  background-image: url("//cdn-test.500px.me/images/photoDetail/aperture.svg");
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .exif .camera_settings .cicon.exposureTimeIcon {
  background-image: url("//cdn-test.500px.me/images/photoDetail/time.svg");
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .exif .camera_settings .cicon.focalLengthIcon {
  background-image: url("//cdn-test.500px.me/images/photoDetail/focus.svg");
}
.photos_index_layout .main_container .photo_sidebar .photo_sidebar_details .exif .camera_settings .cicon.isoIcon {
  background-image: url("//cdn-test.500px.me/images/photoDetail/iso.svg");
}
.photos_index_layout .main_container .adult_content_region {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.photos_index_layout .main_container:not(.modal_version) .photo_container {
  padding: 10px 20px 0 20px;
}
.photos_index_layout .tags_container {
  width: 100%;
  text-align: left;
  margin: 0 auto;
  font-size: 0;
  padding-top: 20px;
  display: inline-block;
}
.photos_index_layout .tags_container .tags_header {
  margin-bottom: 20px;
  padding-left: 25px;
}
.photos_index_layout .tags_container .photo_tags {
  position: relative;
  text-align: left;
  width: 100%;
}
.photos_index_layout .tags_container .tag-container {
  overflow: hidden;
  padding: 0 25px;
}
.photos_index_layout .tags_container .tag {
  display: inline-block;
  padding: 5px 10px;
  color: #71767a;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #b9c1c7;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 14px;
  margin: 0 10px 10px 0;
  background-color: #fff;
}
.photos_index_layout .tags_container .tag:hover {
  border-color: #0099e5;
  color: #0099e5;
}
.photos_index_layout .related_container {
  cursor: auto;
  width: 100%;
  max-width: 1230px;
  margin: 40px 0;
  display: inline-block;
}
.photos_index_layout .related_container .related_photos_region .grid .photo_grid_region {
  padding: 0;
  background-color: transparent;
}
.photos_index_layout .related_galleries_for_photo {
  text-align: left;
}
.photos_index_layout .related_galleries_for_photo__see_more_cta {
  float: right;
  margin-right: 25px;
}
.photos_index_layout .related_galleries_for_photo__load_more_cta {
  text-align: center;
  margin-bottom: 64px;
}
.photos_index_layout .related_photos_view .related_photos_header {
  text-align: left;
  margin-bottom: 10px;
  padding-left: 10px;
}
.curator-actions .desktop {
  line-height: 0px;
  margin-bottom: 10px;
}
.curator-actions .desktop .extra-actions {
  vertical-align: top;
  display: inline-block;
  line-height: 0px;
  width: 38px;
  margin-left: 6px;
}
.curator-actions .desktop .extra-actions .extra-actions-widget {
  line-height: 0px;
}
.curator-actions .desktop .extra-actions .extra-actions-widget .extra-actions-button.share {
  width: 100%;
  background-image: url(//node-test.500px.me/images/userDetail/share.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
}
.curator-actions .sharelizer-button {
  float: left;
  min-width: 57px;
  width: calc((100% - 30px)/ 4);
  width: -webkit-calc((100% - 30px)/ 4);
  width: -moz-calc((100% - 30px)/ 4);
  margin-left: 10px;
}
.curator-actions .sharelizer-button:first-child {
  margin-left: 0;
}
.curator_actions__add_to_gallery_button {
  margin-left: 6px;
  background-image: url("//pic.500px.me/images/svg/set/gallery-add-details.svg");
  background-position: 10px center;
  background-repeat: no-repeat;
  width: calc((100% - 58px) / 2);
  width: -webkit-calc((100% - 58px) / 2);
  width: -moz-calc((100% - 58px) / 2);
  text-align: right;
  font-weight: normal;
}
@-webkit-keyframes infinity_spinner_large {
  from {
    background-position: center 0px;
  }
  to {
    background-position: center -960px;
  }
}
@-moz-keyframes infinity_spinner_large {
  from {
    background-position: center 0px;
  }
  to {
    background-position: center -960px;
  }
}
@keyframes infinity_spinner_large {
  from {
    background-position: center 0px;
  }
  to {
    background-position: center -960px;
  }
}
@media only screen and (max-width: 679px) {
  .photos_index_layout .main_container .photo_sidebar {
    width: 100%;
  }
  .photos_index_layout .main_container .photo_container {
    display: block;
    width: 100%;
    float: none;
  }
}
.photo_container .timestamp {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 60px;
  line-height: 0;
  cursor: pointer;
  z-index: 20;
}
.photo_container .timestamp img {
  vertical-align: top;
  width: 100%;
  height: auto;
}
#timestamp_downLoad .popup-centered .loadTip {
  padding: 10px 12px;
  line-height: 20px;
}
#timestamp_downLoad .popup-centered .loadTip a {
  display: inline;
  padding: 0;
  color: #0099e5;
}
#timestamp_downLoad .popup-centered .loadTip a:hover {
  background-color: #fff;
}
.photo_container:hover .fullscreen-button {
  opacity: 1;
}
.photo_container .fullscreen-button {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 34px;
  height: 34px;
  background: url('/images/fullscreen/fullscreen1.svg') no-repeat center center;
  z-index: 60;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.photo_container .overlay .adult_content_region {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.fullscreen_photo_container {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #000;
  position: relative;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}
.fullscreen_photo_container.hidebox {
  cursor: none;
}
.fullscreen_photo_container.hidebox .box > div {
  display: none;
}
.fullscreen_photo_container div:not(.box) {
  position: absolute;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.fullscreen_photo_container div:not(.box).nav {
  top: 10%;
  bottom: 10%;
  width: 30%;
  cursor: pointer;
  z-index: 10;
}
.fullscreen_photo_container div:not(.box).nav:hover .arrow {
  background-color: rgba(0, 0, 0, 0.2);
}
.fullscreen_photo_container div:not(.box).nav.disabled {
  display: none;
}
.fullscreen_photo_container div:not(.box).nav .arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  height: 60px;
  width: 50px;
  background-color: transparent;
}
.fullscreen_photo_container div:not(.box).nav.left {
  left: 0;
}
.fullscreen_photo_container div:not(.box).nav.left .arrow {
  background-image: url(//assetcdn.500px.org/assets/photos/previous-841304363ead3a0fa2a82ac2026b3a90.svg);
  left: 0;
}
.fullscreen_photo_container div:not(.box).nav.right {
  right: 0;
}
.fullscreen_photo_container div:not(.box).nav.right .arrow {
  background-image: url(//assetcdn.500px.org/assets/photos/next-c0ae8854b0e51e9ec8ff544dfef8162e.svg);
  right: 0;
}
.fullscreen_photo_container div:not(.box).closefullscreen {
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  background: url('/images/fullscreen/fullscreen2.svg') no-repeat center center;
  cursor: pointer;
  z-index: 15;
}
.fullscreen_photo_container div:not(.box).heart {
  right: 20px;
  bottom: 20px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  z-index: 15;
}
.fullscreen_photo_container div:not(.box).heart:hover .tip {
  opacity: 1;
}
.fullscreen_photo_container div:not(.box).heart .tip {
  right: 0;
  top: -40px;
  width: 180px;
  background: rgba(34, 34, 34, 0.5);
  color: #EEEFF2;
  font-size: 12px;
  text-align: center;
  border-radius: 5px;
  opacity: 0;
}
.fullscreen_photo_container div:not(.box).heart .button.only_icon.liked .icon .shape {
  fill: #ff4c4c;
}
.fullscreen_photo_container div:not(.box).heart .only_icon,
.fullscreen_photo_container div:not(.box).heart .icon {
  width: 35px;
  height: 35px;
}
.fullscreen_photo_container div:not(.box).heart.show {
  display: block;
}
.fullscreen_photo_container img {
  pointer-events: none;
  position: relative;
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
  display: inline;
  margin-top: 0;
  width: auto;
  height: auto;
}
.fullscreen_photo_container .loading {
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 16px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAPACAYAAABU1nvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCNjI2N0ZFOThFMjE2ODExODIyQTk2NDZFMjJDMzI5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkRDMjIwNEU3RDIxMUUyQUQ0NkM0Mjk2RTM0NjAxRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNkRDMjIwM0U3RDIxMUUyQUQ0NkM0Mjk2RTM0NjAxRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjYyNjdGRTk4RTIxNjgxMTgyMkE5NjQ2RTIyQzMyOTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjYyNjdGRTk4RTIxNjgxMTgyMkE5NjQ2RTIyQzMyOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24%2BIDwvcmRmOlJERj4gPC94OnhtcG1ldGE%2BIDw%2FeHBhY2tldCBlbmQ9InIiPz6doOLOAAAjTElEQVR42uydCXwV1b3Hb%2B5NgORmNwuBhDWIIAQChDVAAigioBaxrUutvvfUVv1Un7UVfa64a7W2lVrt9qpWqyyK%2BqBhMQECgZCARgiILGYhZA9kM5jt%2Ff7hDD05zF2SO3PGwpnPZz6EuTPnf%2Bac%2F%2FKd%2F5k5x6%2Bzs9Oms4Vgd2IPwN6BvQn7Key6J%2BtsduyhrAz6u5WV0SCe6CdUIAx7Ava%2BOoW2YT%2BBvdKD8Bjscdj9dX47jb2E3cw5FYjFPpCOeRDQiP0ouyt%2Bo9Yahj3Yw%2FUk8Dj2Cr4C1FyJXgjXNhL%2BFfZv2P%2BD2PUBXl5PQg9jr9cqMBp7IHcC9XstE9APeyR2h1BIOyvExoTr%2FV7Dmj2QlWHnfqeyC6kCVPtRQu0Osabmm3cw0xGbUFGbULCN9XGR0E3UNRcLrXyAKkB9H88dpDs%2F5qLp4pmu2Hbu3Dmvtrb2XhIeGxv71MSJE3ewc6hvS11cP5S1hLaV2nX6rclN31HBpdu3b19aXV39bEdHR3%2FsMRUVFQ%2Fxv7u5Xiw7wN%2FWw23jxo13nT59epmO3fdq82f2zW%2BBrk7etGnTCgi%2FU7QIdMEzXBcFuGkFp3itXVA22iKY5ndrquzs7HtaWlpE4d%2FExcXdi%2F7P5o7FujDJYFY2vzX4s375FnsfdpDM6RJmQi2aCbW2to7r5kL9%2FJr69u17LYRv1zFDspZLdczQTzDDZjszuzKhZg7mUgdhj6b%2FDxgwYL3WWna7vRLC52HLYMcO6XhGrQxy7VGCnnRq3cS74gR2gcutsrIyoqioKD4gIODD8ePHnzTSFWsb1XSAC5dqejA6e4wLx%2F5mh2O7iybq7IEwnzbFA4oHFA8oHvCaBxD9%2FDIyMlZ8%2B%2B23PzWSB0gHSDlGCtp7kIXiri0rKyseLPBWW1tbmg4P3I%2F%2B3%2BWLEtKBMRwP8CbUkpeXNw19%2FBbOC9XjAYTk7b6YoT%2FHA0N0YrkNmn6fjvBqCF8M4TvZoUM6jsjhJryf5QGtRjWufDzg41Q3ynA49gQGBk7ihNPWTM2pg3fuXHG9VzyA5g8vKCh4sL29vb%2B%2Fv%2F%2FbdXV1L1533XXtigcUDygeUDygeEA6DzzxxBP2adOmvQYeuN0qHngHPDBTGg%2Bcwpafn59GEIK7Xsps3XAe0PzARQIP2IBfv25tbZ3pAs8qEJKvmjNnTq6vjkiXBxoaGvq5Eo6QvAd3PpkT7hMP8E1SovVbSEhIC8DjS%2BGuT0Lwo6jcZDR7sQv3%2FCUrp82FcOqOI1occMsDBw8eHFxaWnorfg8AFe0KCgpaDSv4xux0vRovUDygeEDxgOIBXR7YunVrQnNz89%2Bl8AAYYEZNTc0i%2FEkB5wh%2BH4XIeK0UHjh27NiA%2Ffv3r3HhRt3lB4zhgZMnTw70JJx4wMj8QDceiI6O%2FhgcUOjirs%2FyAGCkyDQegA4E1NfXL0a%2FT6PhGghuRKV24a5XKR5QPKB4QPGA4gFTeSA7O%2Fv7cMG34DGsGD7%2FlvT09P3SeABh%2BDKE4X9qP1KsR9RbjX8Pms0DXeMFVVVVtXzNINQJoTf3gAd8Gy%2BYPHlyXp8%2Bfd7wSmkM5oFuwWjz5s0%2Fa2lpeRjHovV4AJV8GdDyjKnjBevXr%2B%2BLu7wSAqe1t7dHQymbiAeghKsXLVrUrHhA8YDigfOTB7755ps%2BBQUF4%2BFkgqXzQHFxcdi%2BffveR0HxJSUl9TExMQtSUlIqZfGA%2FciRI7NJOAtCoWjWe1zxwIYNG16H8Ec88EC8G3m67xN%2B3c3btLVdhZiQwh8jHpgyZUqWDoz4%2FD6hX2Zmpj%2F8%2FHHqS75gBJ7ViAMHEQ9Gmp4f2LRp092Igr%2Fztt%2BMzA%2BcdcUZGRl%2FcwchPA%2BgdZboPKL7%2Fj4h%2Bv4%2BxgMRlvIAtqvQ91PwW5SWH1A8oHjAVB7AQ8nimpqaOZGRkXvGjBlTKJUH4GaT8Ei2CxUhQe0JCQm3jRs3bqUsHvCHf7%2BaCe96msFTUjL%2B%2FatOkx%2F2kQfohuoEHgixw94Hdruljo4aqTyAu3cIHq9Van6ABqKFFkiSmR%2Bww81mdzvS2ko8kCSNB%2FLy8gLQh8XUn7zCBAQErETrfCVlvAB3fBfA9FVLeQC8979o4h9%2FF3jgIRy7yDIeyMrK6odjV9J4AfGAlh9Q4wWm8wDI%2BL%2FR7LdByY4lJye%2FEBUV1SiNByB8CZRvlRapgoKC3oaWvyKDB%2Bz0yjbM7wU%2BTMIpheOfatZcVcypiHc7kt2tFmYDdBxRJSujmgvdNiar6xHOH8FlNu5%2BOF87aP1zLJ5r2wkdHiDPN6IHPFAj8AB5xyCKhumCo1mfnp6%2BXRoPoLkHdLMfuz3H0vECqESH4gHFA4oHLigeOKeWeDJq7d%2B%2F%2F9ejR4%2FeC%2FNq43igxWbCJnbBD%2BFkXoBFJKDJay6%2B%2BOLbR4wYUWQmD5w1Cyjhk7CEd0k4S1peVFJScq3QWgksCuppuxYhE2yuX4Qh0BmuxZOzFcCdL4UFPCyeDaU7oVNIMMuu8%2Bl9LeMe7E2rs0RI16dDXTyAZn9RdCKw8z9NmDDhZbN5wA93P6e5uXkzz34gInppeb2U%2FAAez9MER7NBEG46DwwUKpArmwe6xX9ov8oPKB5QPHBh8cA59rtlyxYKuy2443atvy%2B99NIMCJfLA%2FxJ%2Ffr1WwOFW242DzwOS3hHFE4blHOsqTxA%2BQEIedTVeIHT6dxoFg%2FQf%2Fw%2B%2BeSTQ%2BiKRN4hQuPX0Ce%2BCM3H0P9fmTZekJmZmdrY2LiN5wH0%2BSI2yYmU8YJ53ToyIOCfgnBzecB25kNn3uHskj1e4KfyA4oHFA8oHnDHA6gE9LOjHXfeYRkPsC6oRSs8gL7%2FkynjBcQD7kKyhgbjx4%2BfGR8fv9eo8QKveIBPGTB7NjY%2FAIV7XhBOPPAemvwh%2FPsmU55OsMFbuPsqQ%2FMDuPuZcEJb3fFAaWlpIOo5cuDAgQ4z8gNzPfEA7prM7zPFA4oHFA8oHrggeYBqd5pyh7j7Nst5AIr3XF1d3cumdIGXPNCVykVUXDpr1qwSw5RQfH%2FAYwfb7SfggCYlJyeX%2BWqGDjQtRbO1tjPfHvM8sAr7OxBWii4ZYeMmSkGlQ%2FBbRUJCQgE7PkKnydsZB9QyJezH3aAfq3SVf2pq6gw4oUSBBxbzIRmu%2BJGmpqa3EbpnaaAaFRV11GbA%2BwN2b3iA%2Bjs3Nzfd6XT%2BEpX7EHxwd01NTeK6M9s%2F8%2FPzp3OnV7DmbXXBA%2FwW4u8tDzz22GMUpmloJxY8cC%2Bs4QHtbhgPLGJRsMIDD0QqHlA8oHhA8UBP8wN%2BUNAA2L7DUh4gy0AXvJKTk%2FMEvGKbZTyALvkcPHBNWlra15bxALqnir5DMcIM3fIAnNHfccdFjAf41zydbW1tPywuLt4zbNiwCl94wKv8wKeffjoQ3UOffs8WvWFSUtISgElNb%2FMDXvEAnM7xXbt2zUGrvN6tHTs7nQUFBW%2F7wgNe5weIBy6%2F%2FPKfoO%2BfFCoR7Ut%2BwN5THnDjeBQPKB5QPHCe8oDZW0%2FyA%2BZ2QQ%2FyA8YrYS94wDgztLl5fwCCCtAdl5jqiLzhAVdTwaASLf379%2F%2B5L1PBeJ0fAA%2BkoVX%2BKITifidOnHgF7nyWLB64XeQBqjNiyQOW8gCNO8nigT%2FAVG8TY3pMTMyzsnjgNj0emDRp0jbFA4oHFA8oHvj35oF169YdQlRUPOAND7yhxwM7d%2B6cL4sH7tDjgerq6qeys7OvszI%2F4AfzfACVmGVFfoAP5TRqkiM1P8D2roGssLCwHdJ5ADu9bX1jRETEPjaFiOIBxQOKBxQPKB6QzwP47XJLeaCqquppesfQUh6oq6tbRu8W9HigoSc84GJ%2Bwn8ZOX7DOSvcyDOWB0gJaeeP4Zw7QUZ3ecsD%2FuHh4ZtR83KOBwJhFdszMjK84gF256tpAOusGbW10XoIXq13bAgP4PppcGQf0Iyf%2BK1u9OjRtwwdOvS4VB7Iz8%2Bnb5AWDh8%2B%2FDhatVHxgOIBxQOKBxQPXNA88Hs3Axjnrl8AJbwCSsjPOfEN3O7UuXPnFnijhJouCL4iC%2FpyE7174kkJfc4P6PEA%2B%2F1UbGzsDZMmTcozPT%2Fw6aefTsf1ayl48eehFTZCcR9054i6aoTmXoGT%2F%2BZVUkln%2FQI09Q46Rh9K8%2Bfi%2F7VuXHH39YxQ01tQyM9pEhwXd%2B12PSM61tjYOBlO7EFUsgDnroODek0nGLlfz0jxgOIBxQOKBxQPGMADr9O5VvPANijyDWlpaaWW8QA9%2B6MMejU4c8aMGVtxbphpPJCZmTkFLbSWrQhyzgbr2QQFXmYaD6Snp%2B%2BiNZARNXe70I05aEW7qTxAayBfeeWVU3DO%2F9C5gm%2FZh71DGg%2Fk5%2BcHIWougV5NIUUdMmTIXxMTE0ts3sxPSDwAz9fFAy7mMva4wTWTdXxC6sEBieIBxQOKBxQPXGA8EBQUdKPwbbI1PIBY8iXKprGDQZGRkR%2BmpKRkScsP6GxtSUlJ3xs0aFCZKfkB%2Bs3T5YglsablB%2Bg3OkfkAa7yu4cOHfqh6TwAS3BC2BJaEwn970SFytHCiPRbNrDvl83lAbQmVfRjUg8%2BQQFK7lA8oHhA8YDiAct5gFaTtIQH0DpzYU1vUdh3Op3v4IH219J4AIqejJ0W7zrrJ4YPH75w1KhR62TzwFkfERUVNXbq1KkHZPNAV4%2FBzzxOwqXzAH3FDd34ASr%2FlEweCEIZ5Sgja9u2bZss5QG0kuIBxQOKB6znga%2B%2B%2BmpwTk7OQlSc3HbP5yPywAOtl1122aOuToLg5JqamncpfVxbW3sqMTFxnlQeqK%2Bvp7WU%2B7DuCystLZ1uxvuEt9O5dA1%2FHBFzMcq%2BTNChAhk8cBhlT2BfX%2FhzgenowoULE63igU5Q0VJQ0RrD3idEJQbj%2BjXwFRM8lYHKL4eyPmYFD5RCxg814VJ4AGUEY68gUM3Ozl5nKQ8A%2FRQPfPd4oGs%2Bori4uLXCm7Rd8xHhbt%2BFEpax%2BYj4woOgYNcXFxfn93Q%2Boj179kxCQFoIi7HFxMQckMoDEH5jWVnZa6ylvw0ODp4ilQcQMcdy3dwHOnetVB7AzVYJhwZIzQ%2FolN0ulQdQ9mThUJk0HoCyz0fZV%2FDHaFRdSn4AvyWhYkt4U8b1hxctWnSxZTwAU1%2BK6y3hgU5cvxwW9bgVPFACGTdowqWNF6AM4gHo5dYN4sx%2BUnkADNh24fIATD38888%2FfwjdkoDr%2FwA6elkqD6B1l8FUl4pmqK1vqLt%2BAb0RA2fyFjkVIQpG4ZpN5N1sXq5fgDvnW6ZrjWWS7RMP2M5MBXO%2FNzwA5Z4JM93C3yjkpPvEA5T58JYHZs%2BevY3WUhZaMl0qD4hrKdNay7J5QJTVqXhA8YDigQuDB0pKSvrgOTJi9OjRndJ54NChQ4l4GH2d8oLUBeiiXyIU%2F%2BNst3DN5nJ9Q%2Ba3w1G55SEhIbmkcDqn6K5viLu%2FjoQzR5RAayrDYy7vVoEerGdE3xRPQCF5uGYq%2F7huc7GeEfq%2BTM9j0hrL2tCty%2FWMjOCBsWPHvoCy%2FmIT1kymNZal8kBmZuaVTU1Na%2FnuCQoKmiuNB0DE62gtZeFxPU0qD9CLTEJ0HCiVByCrXZCl8gOKBxQPWM8DpnxvSDwwZsyYDRBc61GfzOIBmN3TeOJeKHaBNB6AQibpOCLigXdIluk8gEi3wVWrkyySaWMCTXt%2FYMeOHZcgBA9G6yW7dESyxgvIFUMnPuF5IDg4eKa08QIqk8oW4sY82fmBXEvHC3QrpXhA8YDigfOSB9DE7bRGMs3cKZ0H8Ax4O%2BLGsyg3Uq8LRB4wdLygqKgo5YsvvtjiYrDCtRIaxQP4LcaD8HN4wND8wPDhw0nLV7Mua8C1b7I1k98TomPXGIXP%2BQFXPFBSUkJF72fLFMvngYSEhDxeuOIBxQOKBxQPXHg8AC%2FYSmsk284M13dK44GVK1c6IiIi7oMuLEMZcnmA7B5PwqvR7Ck9UUJD3h%2FYvXt3QmVl5W5X04C4M0Nv3ycUxwO6vU8IEroDfuAq0VGhjHexv48y6P2BkVwOwQ%2F%2Fnzhy5MhXDeEBWMipo0ePvq0dh9VsdTqdN%2FGfehnFA7rrGcH%2BB8XExPwcFf%2B%2FoKCgB2ltZHFNbFc80NP1jm9HyC0XImIXD0D7n4eQ%2FyQggYK644FFigcUDygeUDxgOg%2FADdvRFX1EH2M6D8D%2B%2FdFKFNbvsemMpJvKA%2Bi6IWQJaPYk6TzApg3%2FqDdm6PP3BQjDiRBO74uEC5VsQCXfIoeGMmpM4wGWiAoSumkLbuBGfqpY0%2FIDonBaE5nWRhbmqTWMB%2B5AyK1wFREpd0Cf%2B0HBpPNArzfFA4oHFA%2BcnzzQowcKo%2FMD4eHhD0EX7qPhfqk80FslNIQHfDJDm4%2FvD%2FjsiHzlAS4s8910zlQwpvGAKJzOoXPNyg8oHnjDah64TfGA4gHFA4oHFA8oHlA84E3uz9T8AJrtYSN5wKv5CWFmAyGYlHC2qOmUZfNFCd3yADOhETDD7%2BPfEEF4I9myVTxQBYW7yhIeQGQsQBddnZaW9rVUHqAmx4VP5%2BbmThSFCzzwmKE8gMKacWE%2BFOt9CG6UzgNd3wbb7a24M1P4QPGA4gHFA%2F9%2BPAABKyIiIp6zeXg%2FyBQegLYvQ1%2F%2BGU1ZFRUVRVzQ2hMeIM%2FYKx5g7wi9jQJmaceGDRt2E64LKy8vf8k0HkDrHMLfXfkB0cwiIyMfnj59%2Bm9Q8AwreKAcXZAyZcqUUl8dUY%2FnK6Y1i0JCQiZrwlko7tF8xeSKSXhP8wO1qPUvGxsbp4k2bnZ%2BoBb7bkS51RMnTmy1Ij%2FQF38HQIn8bSZsigcUDygeUDzgNQ%2BwLZ72GTNmrOoND%2FR6vKC0tDSwpKRkEv48%2B9ru1KlTM%2BLi4u41e7xA44HvUX6APuGBF3tWAxzsh6XzwJgxY64ZMmTIMfz5le3M3ONSeaCNkhP494AmXCoPOJ3OuwYPHrzDprNan2H5gZycnEB4rAVcfqABF%2B7E%2F1cvWLDgtOk8gItbhfwArrdTmLUrHlA8oHhA8cCFywNMexOl8wAqdwABqHTatGkU%2FfSWCfHIA7CIg1D0cT7xAMzlz2lpaa%2FxDSWVB%2BADeLVulM4DuIDyRRRGyba%2F9MADxuUH8N9o6EHx2LFjV8TExFR6a3qG5Qc66b3tjo7Iffv2XQ5Q6ad4QPGA4oHzlgfEIOOQygO06prQrKOl8oA4jTM0fjHMaoI0HsjMzPRvamoqw51H84MW6M83cKfPQ5tJeKSpPIBC7oaJ%2FE5sstDQ0N9Cm9%2FUaU1jeQB%2FvEqTlohnodZDdC42hwfmz5%2F%2FYzQ7zwM0Ceoa3kFJ4YH169f3RfOkJiQklCcmJtKqzGT%2FtD7pKTN44JwxgNzc3Hb0e99jx4796MiRI7G9eaFR8YDiAcUD%2F148ID4bqPwA5QfweHaJ1PxAeXl5MZSpP9eXH6OpaToHKjzQTB6w04A0zO5JUbttZ6Z8HUQPqDrCW1lUbCTtRpy4nJyTcE4Q7vhmmPgzEP4DW%2Ffvljtxkw%2FQs6eWH%2Fg9DqygFqQlgYcOHfq6Gz0wlAfEcEx3G2fTXxKGwugJ25nVWWyGByPeErHT%2B6NO5rXk8gBMyAEvlgq3OwsXKx5QPKB44ALgAQj0tzQ%2FgL1cOBYrlQegMBlCZpyW%2FegnjQdoyAZKc9%2BpU6eugLv9bObMmf%2Bw%2FWvJcNN5QPOENAfJkB50nWH5AT4WJDAI8bQRDxwV%2B98nV8xtUcwsL2we8EtNTZ3F3G6MbB74ATT6V6h1vHQegIt9AsIf9VRjU3ggMzNzSVNTkyU80DUfUUxMzMfCFM9tcCIfYX%2BHVur2Yj6iT3SanBzRu9jfhw65np8QTZ%2BGAjJ54Yjl1MQfS%2BEBbJMEHtjECzebB%2BzR0dG5XEBpdzqdK1zxgIv5irvxAJ0jrm0u8AC%2FDfAfO3bsUdT65oqKihkwob1JSUm5nnhg%2B%2FbtAXV1dQ94q7Se%2FAA9FQ%2FkjtFDZpEbHugKyTt37pxfXV39uOi2qQtycnJ%2BqtcKGRkZHyMkL%2BLOfYIqQBOYjRTC7EEWinkeoLVLwvgC8%2FPzp%2Fj8fQF7hWMMVUiohOIBxQPW8QDAdCqtukYvtuDiZpk8sJTxwGDpPABzehh2utyS%2FEB2dvY4uNY9FJpl80CXDoSEhFyCprVzAlrR72ux79XLD3DrF%2FQ2P6CtX%2FABtUDX6gvggqdxcD7dHWp3Pfppkwwe8GPTPHdBaGVlZURYWNjXaN7DOtZhhxW8Js5PJ269CUbxwhNxiTtnQwtkesoPuLn2EVqYi6vAH3v8rrAZ%2BQFxMfRAmfkBxQOKBxQP%2BOvchR0mNg0eK42QXWp%2BAA8nMXv37t2AfhwnnQfIHefl5V0Pu%2F61TB7QPFYoPR3BMVR46me99YyYGeZ5Ibzrprutb8haYLTmgnfs2LG4oaFhAf48gibbZ%2Fp4gcYDfBNhP8Ts3fz8ADM5fqvjhZudH1A8oHhA8YDige8eDzAhnYWFhbHHjx%2B%2F9UzF7bug1atN5wFmZqQLfdevX78KdzBEKg%2BwhKUfwCRs9%2B7dm13xAPbvQYOLDecBLTkRGxt7Cja8yxUPwO5p0eXJpvCA5jXr6%2Bsb9%2BzZMwsn036d6KK95QFvHJHiAcUDigcUDygesJQH7K54wCg77zUPaAdKS0uj9%2B%2Ff%2Fz%2B4myj6LrWuru5F03lAaM5nUeBl2v8dDsceFGJOfkBvsAJ92C1YoSXMzQ9ocrHXkp3n5OTMqKmp%2BZsYNaXmB7KysuLhRt%2FCHaZZwgNpaWmlCxYsmIO%2Be81oHvDXcTpNuppzpq%2FuREyvNvr7AsUDigcUDyge%2BG7zgMwuiHUVkjk4iTl%2B%2FHhCa2vrytTU1DojlZB4INGd8MLCwlFHjx6lxXb74U4qUcjVhr0%2FwFysnx4P2M68ZR0Jj7eA%2FU0uNcbw9wfc8QBdmJ2d%2FbOTJ0%2F%2ByhIeIKeDPn%2FJDB6we8sDtEFx7jT6fULFA4oHFA8oHlA80CMeMFMJPfKAWWboNQ%2FwjojGERobG2%2BDM%2FkrnFC0FB7QXHFubu68ysrK56TzALld7BUNDQ0plvEAcanD4fjQUh5IS0vbCFN73lIeAJ6tBA88onhA8YDiAcUDigcs4wFmJSNtvZ84vfc8YLQr7jEPaAcAJnNOnDjxirTxAo0HWGXiq6qqlonXShkvELrKGh6gP6Kjo59RPKB4QPGA4gHFA4oHLOWBvLy8mZbyQGVl5YNW80CHpTwQGxv7DFvXRuSBP0jjgaKiopgvvviCpg8JEpRwS0hIyA0zZswok8IDbE6z4G4u1s%2BvAQr5Hv49gjsfbyoPbN68eRoqsVaYdFkuD2RlZQ0hb4gImNQTV8wrC9ltkU1nLmIuGLmcr5jWQKa1kGlNZB0%2FcjYYeZyv2AgegCMKPXXqFL0OPoE8rXQegPB2CPyW1kpWPKB4QPHAd54HfFm7lOeBzoiIiOcR%2FVZI5QF6m4bWP4iKinrQ4XA0ggXeRmB6SBoPaK1QUFAwobi4%2BE%2FaQVRmq9PpvMkbJfRnff4txwNkbpd4ywP0R0NDwzXdfmhvn4VjB9Aiq1CZL7n8gD%2FPA%2Bnp6dv9mdmVCTzg8BCauzkiFPYX7HewGT3OKAX8AoT%2B2JUj6jZfMbvbSi%2F15pz5iqdPn16EJp9EayF74wXdzVfsc34A1nAf7nwZrQJkWX6gsLCwD5zUElQiBXsEWYtUHigtLQ2gNZJZWPdTPKB4QPGA4gEpPEDvGPK%2FS%2BUB0aMWFRVBFfp8HhcX1yyFB5gPcbA88VNQrisoPwBr%2BEAYLzCHB5jZJh46dGgUCWc8EELrF2B3ywP%2BHA8E%2BZAfoKY%2BADMLZy3jsIQHmFv%2BCdzy08LMr3J5gNZIRFAiHphKXSE9PwA9cNAayd5Mtqd4QPGA4gHFA%2BcnDzC33S3vbNp4gcgD%2FO%2Fbt2%2B%2FtLm5OR4ykl2NFxjKA7yAzMzM%2B5uamm6Ukh%2FQeIA3X3jGy7zhAcPGC2z%2FWuWJzmmDMyqwbLyAZAFMY4Fod0PzB%2FRqPiJfeABgGgiB83SsRvGA4gHFAxc4D6DPuwUsWmtZKg%2FARFOEFjkujQcQHa9EdFzLKyEUda6pPEBllJWV2fbv30%2BLtNzMn4O7%2F3rhwoXDTOMBrYzDhw%2F%2FF4TfKhYAhf2FqTzAmVq8jvAnEQ9WmcoD2sG4uLiVWsUYD1zPTx1mGg%2Bw%2BEJl2I8ePRoIXYiA48oTZ%2FIxkwcWiy80FhYW%2BikeUDygeODC5oFOweYpEErlAQgUeaBMJg%2FMAA9k8UoIU0w3fLyA86iXsjJOUxmtra2P8cIdDsdh6MsW03mAa24%2BfHfCIrryA4a9T8iED7MJb1aejfUlJVEHDhx4BK46HtbyO8SDl0wZL2A3Eeci0p5mvHBKKg%2Bw1qIyGjyFY23TKhBgM%2FkDB8UDigcUD1xw%2BQExajpk80B%2Fy8YLSOegtLdCb36rOTYo6hTT8wMaD7Ay7KhEan19fTI8ZkZycvK7hnxfYDsz9J%2FoIoraXDx%2FUuXrpfGAIPy4ZtKKB0znAbIy7MQD27Kzs9eJk6TI5oFSeMv7wQPvWckD5LKXw2U%2FZikPOJ3Openp6VJ44DC4cAJb1U%2BT54cKvyiVB9BKi5ubm9eIj2bSeIDWUEaLbOwWCh2OZKk8AAJ6ta6ujkZU%2FWnKaUTRnVJ5AL%2Fn4fHsR7W1teMGDBiQM3To0JJer3eM%2Fp9eUVFBcxR2REZGvjJ16lRtTcwK1lJ621Cm0GdbVCoPYL9YsLYD0nmA%2B51MvFDxgOIBGfkB%2BuCxHF4va9u2bZus5oEixgOrLM0PIAg9imfFpyzjAZzXcdFFF42bPn36Pin5AehCMvarcU6A9owYGho6An92VSBIeB7sZHfHh%2BQTOq7YgXhwM4R7xQMbN26cCyh5hyZbDgwM%2FGDMmDG0JFVQt%2FWO2UZ3fsxTMCIeAIy8IPoMd%2Bsdk6Oqrq5OQBhu5INRj9YzYufGr8NGd6PHAx6cVAL3%2F4oL631C5ty6WZPiAcUDigekjBfA95fDQ26pqqraKL7AIJUHACV7x48ff3lcXFy1ZTwA4XdNnDhxtaaEHtcz0nvEY0%2FTgZxwr9YzIg5AGK5gskL5FnC5npELHjjriLzhAegBObohYWFhn%2BARLkN0RFLyA65csbT8ACuzTrQ2xQOKBxQPKB6wnAdMeZ8QLrrfyZMnF8FRTQELtA4cOPAvo0aN0k2ASuEBmoljwYIFN3rqAp94AFFxEMLxB65C8uzZs1NDQkJaRCU0hAcyMzOn0BrIroQjQG1lwjUdk8cD%2Ffr1ywKGbQULhLpyRKbwAATfQMsSWsYDgnDFA4oHFA8oHvju8sD5N18xHNIvEBVvAgOUJyUlPQt%2FcdLbLvA5P4CouIaWI9aOISB9NG%2FevOXulNDQ%2FAAvvMtLdXToffLZjQfsbsYLqllzVTGnYtMZLwim1%2FQgfIM4WAEWrEd3vMTKqBZih5%2Fmss3igSyE5ZvmzJlz3BtXbPR4wWvz58%2B%2Fq1M%2F%2FXbO4HWP1zNiu83V%2BwO0BqIL4XplBygeUDygeEDxwPnFA752gU888Nlnn4W3trZeM3jw4NKYmJi6niqhT%2B8P0LThgJEP2bNi44gRI%2F5j5MiRR70xQ0N4oKWlZSP3oBpcVla2gF1T6YkHTHl%2FICAg4HP8s1%2FophrBFZPMIMPzA%2BDA36empv5Gx1Hp5gcM5wFA6F1urlc8oHhA8YDiAcUD5vGAr0roEw8YYYa9Hi%2FIyspK9PPzuxmxoDApKWlvbxyRL%2FmByXhEf1kLyYgP96akpGT3xBX3mgfoky3wwG94Hqivr5%2FKzjlsOg9UVFQ8JF7r7%2B%2F%2Fkc31m%2FXm8kB4ePgLIKFPLeEBYPiDtAay4gHFA4oHFA8oHrCEB4xwRL3mAaNcca%2FGC9jHbhSS7QhMT02cOHEHO6dHH7v5wgMPd3R09KfUDKtIt9%2B95QGj1jfsdTmG8AB1gfi74gHFA4oHFA8oHlA8YDoP5Obmzquurr7XEh7Izs6%2BrrKy8lkjeKDH%2BYEtW7bMaWhoeMALf2IOD7S1tV0lWgSxQW95wK6TD4pgmi%2FaOGl6bGho6E5ek%2BPi4u5B%2F2dzx2JdmGQwK5vfGnrFAwUFBcl1dXWjce2baWlphxUPKB7whQf%2BX4ABAGSSMYsxT5XaAAAAAElFTkSuQmCC) center top no-repeat;
  -webkit-animation: infinity_spinner_large 2s steps(60) infinite;
  -moz-animation: infinity_spinner_large 2s steps(60) infinite;
  animation: infinity_spinner_large 2s steps(60) infinite;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@keyframes swing {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  12.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  25% {
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  37.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  62.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  75% {
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  87.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-5deg);
  }
}
@-moz-keyframes swing {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  12.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  25% {
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  37.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  62.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  75% {
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  87.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-5deg);
  }
}
@-webkit-keyframes swing {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  12.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  25% {
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  37.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  62.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  75% {
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  87.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-5deg);
  }
}
@-o-keyframes swing {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  12.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  25% {
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  37.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  62.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  75% {
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  87.5% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-5deg);
  }
}
.fullscreen_photo_container .animate_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-10deg);
  width: 200px;
  z-index: 20;
  opacity: 0;
}
.photo_container.video_container .overlay {
  height: 85%;
  pointer-events: none;
}
.photo_container.video_container .overlay .nav {
  pointer-events: auto;
}
.photo_container.video_container .video_box {
  height: 100%;
}
.photo_container.video_container .video_box .video_detail {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.photos_index_layout .main_container .photo_sidebar .video_info_container {
  background-color: #fff;
}
.photos_index_layout .main_container .photo_sidebar .video_info_container .video_info {
  min-height: 40px;
  padding: 10px 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  text-align: left;
  border-bottom: 1px solid #eeeff2;
  display: flex;
  align-items: center;
  color: #525558;
}
.invite_status {
  display: inline-block;
  color: #fff;
  line-height: 22px;
  border-radius: 3px;
  background: url('//cdn-uat.500px.me/images/icon/duihao.svg') no-repeat 6px center #34bf49;
  padding: 0 5px 0 20px;
  background-size: 11px 10px;
  float: right;
  margin-right: 0;
  cursor: pointer;
}
.invite_status.err {
  background: #ff4c4c;
  padding: 0 10px;
}
.bohui_dialog .dialog-box-content {
  white-space: pre-wrap;
  text-align: left;
}
.contest-container {
  padding: 16px 16px 8px;
  background-color: #fff;
  border-bottom: 1px solid #eeeff2;
}
.page_load {
  text-align: center;
  margin-top: 95px;
  position: fixed;
  z-index: 886;
  background-color: #f7f8fa;
  bottom: 0;
  width: 100%;
  padding: 5px;
  left: 0;
  overflow: hidden;
}
.page_load .pageNum {
  display: inline-block;
  margin: 0 5px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 6px;
  border: solid 1px #d7dde1;
  font-size: 16px;
  font-weight: 600;
  color: #525558;
  cursor: pointer;
}
.page_load .pageNum.current {
  background-color: #d7dde1;
}
.page_load .pageNum.ellipsis {
  border: 0;
}
.page_load .disabled {
  cursor: auto;
  pointer-events: none;
}
.page_load .skip_container {
  float: right;
  margin-right: 50px;
  height: 60px;
  line-height: 60px;
}
.page_load .skip_container div {
  display: inline-block;
  vertical-align: middle;
}
.page_load .skip_container .arrow {
  padding: 0 10px;
  cursor: pointer;
}
.page_load .skip_container .arrow img {
  vertical-align: middle;
}
.page_load .skip_container .skip_content .userInput input {
  width: 60px;
  height: 36px;
  border: 1px solid #979797;
  padding: 6px 12px;
  background: #fff;
  font-size: 12px;
  border-radius: 0;
}
.page_load .skip_container .skip_content .userInput .totalPage {
  color: #979797;
  font-size: 12px;
  padding: 0 16px 0 5px;
}
.page_load .skip_container .skip_content .go {
  width: 45px;
  color: #ffffff;
  height: 36px;
  font-size: 12px;
  line-height: 36px;
  background-color: #000000;
  cursor: pointer;
}
.page_load .skip_container .sizeFilter .select_wrap {
  height: 40px;
  position: relative;
  height: 37px;
  line-height: 37px;
}
.page_load .skip_container .sizeFilter .select_wrap select {
  color: #525558;
  border: 1px solid rgba(185, 193, 199, 0.5);
  /*-webkit-border-radius: 3px;*/
  /*border-radius: 3px;*/
  background-color: #fff;
  width: 100%;
  padding: 6px 30px 6px 10px;
  resize: none;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.page_load .skip_container .sizeFilter .select_wrap select:focus,
.page_load .skip_container .sizeFilter .select_wrap .select_wrap .ui-selectmenu-text:focus {
  border-color: #0099e5;
}
.page_load .skip_container .sizeFilter .select_wrap select:focus + .arrows,
.page_load .skip_container .sizeFilter .select_wrap .select_wrap .ui-selectmenu-text:focus + .arrows {
  border-color: #0099e5;
}
.page_load .skip_container .sizeFilter .select_wrap select::-ms-expand,
.page_load .skip_container .sizeFilter .select_wrap .select_wrap .ui-selectmenu-text::-ms-expand {
  display: none;
}
.page_load .skip_container .sizeFilter .select_wrap .arrows {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 30px;
  border: 1px solid rgba(185, 193, 199, 0.5);
  border-left: none;
  /*-webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;*/
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAjElEQVQY02NYtWoVMwMQ7Dh0RnLnwePrQDSIDxNn+P//P9OOA8f3nb129z+IBvEZYACk48SF6/93Hjz2G0IfXweTaNl16MT/nYeOvwWyP4JoMP/gsXaGzfv3i2w8coR327YTfNtOADGQBvMPHRJlIB+AtGMzdv/+MyIMIIuxOWjHoeOt+L2CNxDwBR8A34mhhUTU5TIAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: 7px 12px;
  background-position: center center;
  background-color: #fff;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  pointer-events: none;
}
.page_load .page_load_btns {
  float: right;
  margin-right: 32px;
  height: 60px;
  line-height: 60px;
}
.page_load .send_msg_container {
  float: left;
  height: 60px;
  line-height: 60px;
  margin-left: 50px;
}
.page_load .send_msg_container span {
  margin-left: 5px;
}
.set_card_main {
  position: relative;
  width: 100%;
}
.set_card_main .set_card_container {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.set_card_main .set_card_container > div {
  overflow: hidden;
  background-color: #eeeff2;
  position: absolute;
  display: inline-block;
}
.set_card_main .set_card_container > div ._bgImg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.set_card_main .card_top_m {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  padding: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.set_card_main .card_top_m .c_icon {
  width: 22px;
  height: 22px;
  background-position: center;
  background-repeat: no-repeat;
}
.set_card_main .card_top_m .c_icon + .c_icon {
  margin-left: 12px;
}
.set_card_main .card_top_m .px_view_icon {
  background-size: 25px;
  background-image: url("//cdn-test.500px.me/images/setDetail/view_white.png");
}
.set_card_main .card_top_m .px_logo_icon {
  background-size: 45px;
  background-image: url("//cdn-test.500px.me/images/setDetail/logo.png");
}
.set_card_main .set_bottom {
  color: #222222;
  display: flex;
  margin-top: 12px;
  justify-content: center;
  align-items: center;
}
.set_card_main .set_bottom ._title {
  font-weight: 600;
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.set_card_main .set_bottom ._title.is_dbz {
  position: relative;
  padding-right: 57px;
}
.set_card_main .set_bottom ._title.is_dbz:after {
  position: absolute;
  right: 7px;
  content: "代表作";
  background-color: #EDF6FE;
  color: #0870D1;
  width: 39px;
  height: 17px;
  border-radius: 3px;
  text-align: center;
  padding: 3px;
  font-size: 12px;
}
.set_card_main .set_bottom ._title.is_CZ {
  position: relative;
  padding-right: 45px;
}
.set_card_main .set_bottom ._title.is_CZ:after {
  position: absolute;
  right: 7px;
  content: "影展";
  text-align: center;
  background-color: #EEEFF2;
  color: #6D7378;
  width: 28px;
  border-radius: 3px;
  padding: 3px;
  font-size: 12px;
}
.set_card_main .set_bottom ._desc {
  color: #6D7378;
  font-weight: 400;
  font-size: 14px;
  flex: 1;
  text-align: right;
  margin-left: 5px;
  white-space: nowrap;
}
.set_card_main:hover .setting_info_main {
  opacity: 1;
}
.set_card_main:hover .setting_buttons__more_button {
  opacity: 1;
  bottom: 10px;
}
.set_card_main .setting_info_main.active {
  opacity: 1;
}
.set_card_main .setting_info_main.active .setting_buttons__more_button {
  opacity: 1;
  bottom: 10px;
}
.zhi_to_ding_popover__container .z_d_ul {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  transition: background-color 0.1s;
  cursor: pointer;
}
.zhi_to_ding_popover__container .z_d_ul .z_d_li {
  color: #6D7378;
  font-size: 14px;
  background-image: url("//cdn-test.500px.me/images/setDetail/arrow_up.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 21px;
  padding-left: 23px;
}
.zhi_to_ding_popover__container .z_d_ul:hover {
  background-color: #eeeff2;
}
.setting_info_main {
  z-index: 101;
  position: absolute;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: transparent !important;
  pointer-events: none;
  min-height: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.setting_buttons__more_button {
  pointer-events: auto;
  position: absolute;
  opacity: 0;
  right: 10px;
  bottom: 0;
  cursor: pointer;
  float: right;
  background-image: url('//node-test.500px.me/images/userDetail/more.svg');
  -webkit-background-size: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
html {
  height: 100%;
  min-width: 320px;
  overflow-y: scroll;
}
/*popu   begin*/
.popover.actors_popover {
  width: 310px;
}
.popover .arrow-with-fill,
.popover .arrow-with-fill:after {
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.popover .arrow-with-fill {
  top: -3px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #c7ced2;
  border-top: 10px solid transparent;
  margin-left: -10px;
}
.popover .arrow-with-fill:after {
  display: inline-block;
  content: " ";
  left: 50%;
  top: -6px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  margin: 0 0 0 -9px;
  z-index: 2111;
}
.popover .arrow-with-fill.arrow-pointing-left {
  top: 30px;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #c7ced2;
  border-left: 10px solid transparent;
}
.popover .arrow-with-fill.arrow-pointing-left:after {
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #fff;
  border-left: 9px solid transparent;
  top: 0;
  left: -6px;
  margin: -9px 0 0 0;
}
.popover .arrow-with-fill.arrow-pointing-right {
  top: 30px;
  left: auto;
  right: -20px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #c7ced2;
  border-right: 10px solid transparent;
}
.popover .arrow-with-fill.arrow-pointing-right:after {
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid #fff;
  border-right: 9px solid transparent;
  top: 0;
  left: -12px;
  margin: -9px 0 0 0;
}
.popover .contain {
  background: #f7f8fa;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
}
.popover .header {
  -webkit-border-radius: 1px 1px 0 0;
  border-radius: 1px 1px 0 0;
  width: auto;
  background-color: white;
  position: fixed;
  height: 45px;
  line-height: 44px;
  padding: 0 10px;
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
  z-index: 2110;
}
.popover .header.relative {
  width: 100%;
  position: relative;
}
.popover .header h3 {
  display: block;
  float: left;
  color: #71767a;
  margin: 0;
}
.popover .header .count {
  color: #525558;
  margin-left: 5px;
}
.popover .header .pill {
  margin: 13px 0 0;
  float: right;
}
.popover .header .pill.label {
  float: left;
  cursor: default;
  margin-left: 5px;
}
.popover .header .pill.label:hover {
  background-color: #b9c1c7;
}
.popover .header .close {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 10px;
  width: 20px;
  height: 20px;
  color: #71767a;
  line-height: 16px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.popover .header .close:hover {
  opacity: 0.7;
}
.popover .inside {
  height: 100%;
  color: #525558;
  border-right-color: #eeeff2;
  background-color: white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #c7ced2;
  z-index: 2105;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.popover .scroll {
  overflow: auto;
}
.popover .list .actors .actor {
  position: relative;
  padding: 0 10px;
  overflow: hidden;
  width: 100%;
  height: 60px;
}
.popover .list .actors .actor:hover {
  background-color: #f7f8fa;
}
.popover .list .actors .actor.following .follow {
  display: none;
}
.popover .list .actors .actor.following .following {
  display: inline-block;
}
.popover .list .actors .actor.self .follow {
  display: none;
}
.popover .list .actors .actor.self .following {
  display: none;
}
.popover .list .actors .actor.self .self {
  display: inline-block;
}
.popover .list .actors .actor .left {
  float: left;
  width: 100%;
  max-width: calc(100% - 80px);
  max-width: -webkit-calc(100% - 80px);
  max-width: -moz-calc(100% - 80px);
  font-size: 0;
}
.popover .list .actors .actor .right {
  position: absolute;
  right: 10px;
  top: 5px;
}
.popover .list .actors .actor .avatar {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: white;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  padding: 0;
  margin: 10px 10px 0 0;
  cursor: pointer;
}
.popover .list .actors .actor .avatar:hover {
  opacity: 0.5;
}
.popover .list .actors .actor .actor_info {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 55px);
  max-width: -webkit-calc(100% - 55px);
  max-width: -moz-calc(100% - 55px);
  margin-top: 5px;
}
.popover .list .actors .actor .name {
  float: left;
  clear: both;
  font-size: 14px;
  font-weight: bold;
  color: #525558;
  line-height: 1.4em;
  padding: 0;
  margin-bottom: 2px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popover .list .actors .actor .name:hover {
  color: #0099e5;
  background-color: transparent;
}
.popover .list .actors .actor .description {
  float: left;
  clear: both;
  font-size: 12px;
  font-weight: normal;
  color: #71767a;
  line-height: 1.4em;
}
.popover .list .actors .actor .self {
  display: none;
  color: #b9c1c7;
}
.popover .list li {
  font-size: 14px;
  font-weight: normal;
  color: #71767a;
  line-height: 48px;
  background-color: #f7f8fa;
  border-top: 1px solid #eeeff2;
  height: 50px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
.popover .list li:first-child {
  border-top: 0;
}
.popover .list li:first-child .add_to_galleries_popover_item__wrap {
  -webkit-border-radius: 0 0 1px 1px;
  border-radius: 0 0 1px 1px;
}
.popover .list li .add_to_galleries_popover_item__wrap {
  display: block;
  color: #71767a;
  padding: 0 10px 0 10px;
  height: 100%;
  cursor: pointer;
}
.popover .list li .add_to_galleries_popover_item__wrap:hover {
  background-color: #eeeff2;
}
.popover .list li .add_to_galleries_popover_item__wrap.active .check {
  opacity: 1;
  -webkit-animation: pulse_large 0.4s 0s ease-in-out forwards;
  -moz-animation: pulse_large 0.4s 0s ease-in-out forwards;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.popover .list li .add_to_galleries_popover_item__wrap img {
  float: left;
  position: relative;
  top: 10px;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.popover .list li .add_to_galleries_popover_item__wrap strong {
  float: left;
  font-weight: bold;
}
.popover .list li .add_to_galleries_popover_item__wrap span {
  font-weight: normal;
}
.popover .list li .add_to_galleries_popover_item__wrap .check {
  float: right;
  display: block;
  height: 50px;
  width: 16px;
  opacity: 0;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s;
  background: url(../images/check.svg) center center no-repeat;
  -webkit-background-size: 16px;
  background-size: 16px;
}
.popover .pill.submit,
.popover .pill.button.following:not(.mini_follow) {
  display: none;
}
.popover.selected .pill.submit,
.popover.selected .pill.button.following:not(.mini_follow) {
  display: block;
}
.popover.selected .pill.grey {
  display: none;
}
.popover .header {
  width: 100%;
  position: relative;
}
.popover .inside.scrolled .header {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.067);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.067);
}
.popover .inside .scroll {
  position: relative;
}
.popover .info .add_to_set .plus {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: 10px 0 0 10px;
  color: white;
  background-color: #0099e5;
  text-align: center;
  line-height: 26px;
  font-size: 20px;
}
.popover .info .add_to_set input {
  font-size: 14px;
  width: 100%;
  padding: 16px 0 0 0;
  text-indent: 10px;
  border: none;
  background-color: transparent;
}
.popover .info .add_to_set input::-webkit-input-placeholder {
  font-weight: normal;
  color: #b2b6b8;
}
.popover .header.contestSearch {
  padding-top: 5px;
  height: auto;
  line-height: normal;
}
.popover .header.contestSearch h3 {
  text-align: right;
  float: none;
  color: #bac1c7;
}
.popover .header.contestSearch .audit {
  margin-bottom: 5px;
  /*下拉框*/
  /*下拉图标*/
  /*搜索框*/
  /*放大镜*/
  /*组数*/
  /*信息框*/
  /*圆形状态框*/
  /*全部通过*/
  /*部分通过*/
  /*审核中*/
  /*相册*/
}
.popover .header.contestSearch .audit .uploadTime {
  margin-bottom: 50px;
}
.popover .header.contestSearch .audit .searchDiv {
  position: relative;
  height: 66px;
}
.popover .header.contestSearch .audit .searchDiv .searchBtn {
  position: absolute;
  top: 50%;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  height: 22px;
  width: 22px;
  border: none;
  background-image: url("//cdn-test.500px.me/images/contest/search.svg");
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 30px;
  cursor: pointer;
}
.popover .header.contestSearch .audit .timeRange {
  margin-top: 53px;
  margin-bottom: 15px;
}
.popover .header.contestSearch .audit .timeRange p {
  clear: right;
  margin-bottom: 11px;
  font-size: 12px;
  color: #818689;
  margin-left: 3px;
}
.popover .header.contestSearch .audit .select_pack {
  margin-right: 12px;
  position: relative;
}
.popover .header.contestSearch .audit .select_pack p {
  margin-bottom: 10px;
  color: #818689;
}
.popover .header.contestSearch .audit .select_pack .select_input {
  position: relative;
  float: left;
}
.popover .header.contestSearch .audit .select_pack .select_input .pack {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  width: auto;
}
.popover .header.contestSearch .audit .select_pack .pack {
  color: #5d6062;
  border: 1px solid #c5c7cb;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  padding: 6px 30px 6px 10px;
  resize: none;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 15px;
}
.popover .header.contestSearch .audit .select_pack .pack::-ms-expand {
  display: none;
}
.popover .header.contestSearch .audit .select_pack .special {
  color: #525558;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #fff;
  width: 101px;
  padding: 6px 30px 6px 10px;
  resize: none;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  height: 38px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 15px;
}
.popover .header.contestSearch .audit .select_pack .special:focus,
.popover .header.contestSearch .audit .select_pack .special:focus + .arrows {
  border-color: #0099e5;
}
.popover .header.contestSearch .audit .select_pack .special::-ms-expand {
  display: none;
}
.popover .header.contestSearch .audit .pull {
  width: 7px;
  border: none;
  background-color: #fff;
  height: 12px;
  position: absolute;
  right: 11px;
  top: 14px;
  bottom: 0;
  border-left: none;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background-image: url(//assetcdn.500px.org/assets/styleguide/forms/up_down-69df0a080b4f50e181808bbd22a709e7.png);
  -webkit-background-size: 7px 12px;
  background-size: 7px 12px;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  pointer-events: none;
}
.popover .header.contestSearch .audit .inquire {
  height: 40px;
  border: 0;
  -webkit-border-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #fff;
  padding: 0 24px 0 8px;
  width: 205px;
  font-weight: 400;
  font-size: 14px;
  color: #262729;
  border: 1px solid #c5c7cb;
  margin-left: -1px;
}
.popover .header.contestSearch .audit .inquire::-webkit-input-placeholder {
  color: #71767a;
  line-height: 16px;
}
.popover .header.contestSearch .audit .refer {
  position: absolute;
  top: 10px;
  right: 8px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  height: 22px;
  width: 22px;
  border: none;
  background: url("//pic.500px.me/images/svg/query.svg") 5px 3px no-repeat;
  overflow: hidden;
  text-indent: 30px;
  cursor: pointer;
}
.popover .header.contestSearch .audit select,
.popover .header.contestSearch .audit input {
  float: left;
  height: 40px;
}
.popover .header.contestSearch .audit .group {
  float: right;
  font-size: 14px;
  color: #818689;
  margin-top: 97px;
}
.popover .header.contestSearch .audit .pass {
  width: 50%;
  margin-top: 15px;
}
.popover .header.contestSearch .audit .photos {
  border: 1px solid #ebecf0;
  border-radius: 8px;
}
.popover .header.contestSearch .audit .gallery_down {
  position: relative;
}
.popover .header.contestSearch .audit .down_load {
  line-height: 30px;
  text-align: center;
  display: block;
  margin: 10px auto 0;
  background: transparent none repeat scroll 0 0;
  width: 80px;
  height: 30px;
  border: 1px solid #0099e5;
  border-radius: 6px;
  color: #0099e5;
  top: 194px;
  left: 48px;
  cursor: pointer;
}
.popover .header.contestSearch .audit .down_load:hover {
  background: #0099e5;
  color: #fff;
}
.popover .header.contestSearch .audit .picturesShow {
  position: relative;
  padding: 30px 15px;
}
.popover .header.contestSearch .audit .picturesShow ul {
  list-style-type: none;
}
.popover .header.contestSearch .audit .stateMsg_l {
  display: inline-block;
  line-height: 17px;
}
.popover .header.contestSearch .audit .status {
  border-radius: 18px;
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 6px;
}
.popover .header.contestSearch .audit .whole {
  border: 1px solid #1aa41d;
  background: #22df14;
}
.popover .header.contestSearch .audit .allerror {
  border: 1px solid #cd1414;
  background: #f64646;
}
.popover .header.contestSearch .audit .moiety {
  position: relative;
  border: 1px solid #1aa41d;
  background: #22df14;
}
.popover .header.contestSearch .audit .moiety:before {
  position: absolute;
  left: -1px;
  top: 0px;
  content: ' ';
  display: inline-block;
  background-color: #FFF;
  width: 18px;
  height: 9px;
  border-radius: 9px 9px 0 0;
  -webkit-border-radius: 9px 9px 0 0;
  -moz-border-radius: 9px 9px 0 0;
  -o-border-radius: 9px 9px 0 0;
}
.popover .header.contestSearch .audit .check {
  border: 1px solid #ebb83e;
  background: #f9d273;
}
.popover .header.contestSearch .audit .gallery {
  text-align: center;
  display: inline-block;
  width: 176px;
  height: 176px;
  line-height: 176px;
  background-size: cover;
  background-color: transparent;
}
.popover .header.contestSearch .audit .gallery img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.popover .header.contestSearch .audit .text_title {
  color: #7d8285;
  font-size: 13px;
}
.popover .header.contestSearch .audit .text_top {
  color: #0099e5;
  font-size: 13px;
}
.popover .header.contestSearch .audit .text_label {
  height: 20px;
  float: right;
  color: #b5b9bb;
  font-size: 13px;
  max-width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.popover .header.contestSearch .audit .fl {
  float: left;
  padding-right: 5px;
}
.popover .header.contestSearch .audit .fl.left {
  padding-left: 5px;
}
.popover .header.contestSearch .audit .fr {
  float: right;
}
.popover .header.contestSearch .audit .lf {
  left: 82px;
}
.popover .header.contestSearch .audit .pr {
  float: left;
}
.popover .header.contestSearch .audit .mr {
  margin-left: 190px;
}
.popover .header.contestSearch .audit .mb {
  line-height: 18px;
  padding: 7px 0;
}
.popover .header.contestSearch .audit .bb {
  border-top: 1px solid #e0e1e3;
  padding: 7px 0;
}
.popover .header.contestSearch .audit .bt {
  border-top: 1px solid #e0e1e3;
  padding-top: 7px;
}
.popover .header.contestSearch .audit .pt {
  padding-top: 22px;
}
.popover .header.contestSearch .audit .bn {
  border: none;
}
.popover .header.contestSearch .audit .tops {
  top: 36px;
}
.popover .header.contestSearch .audit .topss {
  top: 32px;
}
/*popu end*/
.pill {
  display: inline-block;
  background-color: #b9c1c7;
  line-height: 18px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 0 5px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: white;
  cursor: pointer;
  -webkit-transition: background-color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}
.pill:hover {
  background-color: #00aaff;
}
.pill.action {
  background-color: #0099e5;
}
.pill.action:hover {
  background-color: #00aaff;
}
.pill.submit,
.pill.button.following:not(.mini_follow) {
  background-color: #34bf49;
}
.pill.submit:hover,
.pill.button.following:hover:not(.mini_follow) {
  background-color: #41cb56;
}
.pill.delete:hover,
.pill.button.following:not(.mini_follow):hover {
  background-color: #ff6666;
}
.pill.grey:hover {
  background-color: #71767a;
}
.pill + .pill {
  margin-left: 10px;
}
.checkbox {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background-color: white;
}
.checkbox:before {
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('//cdn-test.500px.me/images/icon/duihao_500px.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 16px;
  background-size: 16px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.checkbox.checked:before {
  opacity: 1;
  -webkit-animation: pulse_large 0.4s 0s ease-in-out forwards;
  -moz-animation: pulse_large 0.4s 0s ease-in-out forwards;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.button.secondary {
  background-color: #71767a;
  border-color: #65696d;
  text-shadow: 0px 1px 0px #65696d;
}
.button.secondary:hover {
  background-color: #7d8387;
}
.button.secondary:hover:active {
  background-color: #71767a;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset;
}
.button.tertiary {
  background-color: #f7f8fa;
  border-color: rgba(185, 193, 199, 0.5);
  text-shadow: none;
  color: #71767a;
}
.button.tertiary:hover {
  background-color: #eeeff2;
}
.button.tertiary:hover:active {
  background-color: #f7f8fa;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15) inset;
}
.button.large {
  min-width: 250px;
  height: 50px;
  text-align: center;
  line-height: 48px;
  font-size: 20px;
}
.button.medium {
  min-width: 180px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
}
.button.disabled {
  cursor: default;
  opacity: 0.5;
}
.button.disabled:hover {
  background-color: #0099e5;
}
.button.disabled.new_fav:hover {
  /*background-color:#ff4c4c*/
}
.button.disabled.submit:hover,
.button.disabled.following:hover:not(.mini_follow) {
  background-color: #34bf49;
}
.button.disabled.secondary:hover {
  background-color: #71767a;
}
.button.disabled.tertiary:hover {
  background-color: #b9c1c7;
}
.button.disabled.delete:hover,
.button.disabled.following:not(.mini_follow):hover {
  background-color: #ff4c4c;
}
.button.on-image {
  border: none;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.button.new_fav .icon {
  left: 0px;
  right: auto;
}
.button.new_like .icon {
  left: 0px;
  right: auto;
}
.button.only_icon {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 36px;
  height: 30px;
  min-width: 0;
  padding: 0;
  vertical-align: middle;
  line-height: 0;
  background-color: transparent;
}
.button.only_icon .icon {
  width: 24px;
  height: 24px;
}
.button.only_icon:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.button.only_icon:hover {
  background-color: transparent;
}
.button.only_icon:hover .icon .shape {
  fill: rgba(255, 255, 255, 0.4);
}
.button.only_icon.hearted .icon .shape,
.button.only_icon.liked .icon .shape {
  fill: white;
}
.button.full {
  width: 100%;
  text-align: center;
}
.button + .button {
  margin-left: 10px;
}
.full-aspect-ratio-photo-grid.infinite_scroll_container {
  min-height: 325px;
}
.full-aspect-ratio-photo-grid > .justified-gallery > .photo_thumbnail {
  opacity: 1;
  overflow: hidden;
  background-color: #eeeff2;
}
.full-aspect-ratio-photo-grid > .justified-gallery > .photo_thumbnail img {
  background-color: #eeeff2;
}
.full-aspect-ratio-photo-grid > .justified-gallery > .spinner {
  display: none !important;
  opacity: 0 !important;
}
.full-aspect-ratio-photo-grid .photo_removal_transition {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.photo_thumbnail {
  position: relative;
  overflow: hidden;
}
.photo_thumbnail .photo_link {
  display: block;
  width: 100%;
  height: 100%;
}
.photo_thumbnail .nsfw_placeholder_content {
  display: none;
  width: 100%;
  height: 100%;
  background-color: #222222;
  text-align: center;
  padding: 0 10px;
}
.photo_thumbnail .nsfw_placeholder_content span {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  color: white;
}
.photo_thumbnail.nsfw_placeholder .nsfw_placeholder_content {
  display: table;
}
.photo_thumbnail.nsfw_placeholder img {
  display: none;
}
.photo_thumbnail.two_lines .info {
  min-height: 55px;
}
.photo_thumbnail:hover .buttons {
  opacity: 1;
  top: 10px;
}
.photo_thumbnail:hover .info,
.photo_thumbnail.active .info {
  opacity: 1;
}
.photo_thumbnail:hover .credits,
.photo_thumbnail:hover .right {
  opacity: 1;
  bottom: 10px;
  -webkit-transition: bottom 0.2s;
  -moz-transition: bottom 0.2s;
  transition: bottom 0.2s;
}
.photo_thumbnail .photo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.photo_thumbnail .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  min-height: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.photo_thumbnail .credits {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 110px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  text-align: left;
  color: white;
  overflow: hidden;
  white-space: nowrap;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
}
.photo_thumbnail .credits.no_fav {
  right: 40px;
}
.photo_thumbnail .credits.no_avatar .photo_info_wrap {
  max-width: 100%;
  margin-left: 0;
}
.photo_thumbnail .credits .avatar {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-size: cover;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: auto;
}
.photo_thumbnail .credits .avatar:hover {
  opacity: 0.8;
}
.photo_thumbnail .credits .photo_info_wrap {
  position: relative;
  max-width: calc(100% - 40px);
  max-width: -webkit-calc(100% - 40px);
  max-width: -moz-calc(100% - 40px);
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.photo_thumbnail .credits .photo_info_wrap .timestamp {
  display: block;
  font-size: 12px;
  margin-top: 1px;
  cursor: default;
  pointer-events: none;
}
.photo_thumbnail .credits .photographer_wrap {
  position: relative;
}
.photo_thumbnail .credits .photographer,
.photo_thumbnail .credits .photo_title {
  display: inline-block;
  max-width: 100%;
  font-size: 14px;
  font-weight: bold;
  font-weight: 500;
  color: white;
  position: relative;
  position: static;
  pointer-events: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.photo_thumbnail .credits .photographer:before,
.photo_thumbnail .credits .photo_title:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  content: " ";
  width: 100%;
  padding: 1px 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 100%;
  position: absolute;
  top: -1px;
  left: -3px;
  display: block;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
}
.photo_thumbnail .credits .photographer:hover:before,
.photo_thumbnail .credits .photo_title:hover:before {
  background-color: rgba(255, 255, 255, 0.15);
}
.photo_thumbnail .right {
  opacity: 0;
  position: absolute;
  right: 10px;
  bottom: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.photo_thumbnail .right .button {
  pointer-events: auto;
}
.photo_thumbnail .right .like-button,
.photo_thumbnail .right .favorite-button,
.photo_thumbnail .right .zhuanfa-button {
  display: inline-block;
}
.photo_thumbnail .right .zhuanfa-button {
  width: 36px;
}
/*select begin*/
.photo_thumbnail.selected {
  overflow: visible;
}
.photo_thumbnail.selected a {
  overflow: hidden;
}
.photo_thumbnail .overlay {
  opacity: 0;
}
.photo_thumbnail .overlay:hover {
  opacity: 1;
}
.photo_thumbnail .overlay:hover .selected-circle {
  width: 22px;
  height: 22px;
  opacity: .5;
  position: absolute;
  bottom: 3px;
  right: 3px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #000;
  border: 2px solid #FFF;
  -webkit-background-size: 20px;
  background-size: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  /*-webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);*/
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.photo_thumbnail.selected .overlay {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  /*border: 3px solid #0099e5;
  -webkit-transition: border 0.2s;
  -moz-transition: border 0.2s;
  transition: border 0.2s*/
  display: block;
  opacity: 1;
}
.photo_thumbnail .overlay .overlay_2 {
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.photo_thumbnail.selected .overlay .selected-circle {
  width: 22px;
  height: 22px;
  opacity: 0;
  position: absolute;
  bottom: 3px;
  right: 3px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("//node-test.500px.me/images/userDetail/photoSelect.svg");
  -webkit-background-size: 20px;
  background-size: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  /*-webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);*/
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.photo_thumbnail.selected .overlay .selected-circle {
  opacity: 1;
}
.photo_thumbnail.selected .overlay .selected-circle {
  -webkit-animation: grow_circle 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
  -moz-animation: grow_circle 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
  animation: grow_circle 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}
@-webkit-keyframes grow_circle {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes grow_circle {
  0% {
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  80% {
    -moz-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes grow_circle {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
/*select end*/
/*set begin*/
.photo__top_buttons {
  z-index: 101;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  min-height: 50px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.photo__top_buttons .photo_thumbnail__pulse {
  position: absolute;
  top: 0;
  right: 10px;
  -webkit-transition: top 0.2s;
  -moz-transition: top 0.2s;
  transition: top 0.2s;
  font-size: 24px;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
}
.photo__top_buttons__more_button {
  pointer-events: auto;
  position: absolute;
  opacity: 0;
  top: 0px;
  right: 15px;
  cursor: pointer;
  float: right;
  background-image: url('//node-test.500px.me/images/userDetail/more.svg');
  -webkit-background-size: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.photo__top_buttons__rating_button {
  pointer-events: auto;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  -webkit-background-size: 25px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: 0;
  left: 10px;
  padding-left: 30px;
  font-size: 0.85714286rem;
  line-height: 25px;
  color: #FFF;
  font-weight: bold;
  background-image: url('//node-test.500px.me/images/userDetail/hot_curve.svg');
}
.photo__top_buttons__group_pic {
  top: 0;
  left: 10px;
  line-height: 20px;
  padding-left: 10px;
  padding-top: 10px;
  font-size: 0.66666667rem;
  color: #FFF;
}
.photo__top_buttons__group_pic .u_left {
  max-width: 70%;
}
.photo__top_buttons__group_pic .u_left li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.photo__top__aigc {
  background: url('//node-test.500px.me/images/aigc.svg') left top no-repeat;
  background-size: contain;
  width: 46px;
  height: 24px;
  position: absolute;
  left: 8px;
  top: 8px;
}
.px_card.medium:hover .photo__top_buttons,
.full-aspect-ratio-photo-grid .photo_thumbnail:hover .photo__top_buttons,
.full-aspect-ratio-photo-grid .photo_thumbnail.active .photo__top_buttons {
  visibility: visible;
  opacity: 1;
}
.photo__top_buttons__edit_button {
  pointer-events: auto;
  position: absolute;
  opacity: 0;
  top: 0px;
  right: 15px;
  cursor: pointer;
  float: right;
  background-image: url(/images/svg/set/edit.svg);
  -webkit-background-size: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.photo__top_buttons__edit_button:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.userDetail_helpDesc {
  padding: 60px 70px 0px;
}
.userDetail_helpDesc h1 {
  color: #0099e5;
  font-size: 16px;
  font-weight: bold;
}
.userDetail_helpDesc .helpDesc {
  color: #71767c;
  line-height: 25px;
  font-size: 15px;
}
.userDetail_helpDesc .button {
  width: 128px;
  height: 39px;
  margin: 60px auto 0;
  line-height: 39px;
  display: table;
}
.full-aspect-ratio-photo-grid .photo_thumbnail {
  z-index: 102;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .group_b {
  opacity: 1;
  position: absolute;
  top: 12px;
  right: 10px;
  background-color: #FFF;
  color: #525558;
  width: 24px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -o-border-radius: 18px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 102;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .group_b .videoIcon {
  width: 15px;
  vertical-align: middle;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .h_title {
  background-color: #fe044b;
  color: #FFF;
  line-height: 30px;
  padding-left: 10px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .groupquit .h_title {
  color: #bac1c7;
  background-color: #FFF;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .arrowTop {
  position: absolute;
  right: 0px;
  top: 5px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .arrowTop:after {
  position: absolute;
  right: 15px;
  top: 5px;
  width: 0;
  height: 0;
  content: "";
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #fe044b transparent;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .arrowTop:before {
  position: absolute;
  right: 13px;
  top: 5px;
  width: 0;
  height: 0;
  content: "";
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #FFF transparent;
  -webkit-transition: transform .25s;
  -moz-transition: transform .25s;
  -ms-transition: transform .25s;
  -o-transition: transform .25s;
  transition: transform .25s;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .arrowTop.active:after {
  top: 7px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .arrowTop.active:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .photo_setting {
  line-height: 30px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .photo_setting .text {
  display: block;
  padding-left: 10px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .photo_setting ul li .n_check {
  vertical-align: middle;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background-color: #fff;
  display: inline-block;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .photo_setting ul li .n_check:before {
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('//cdn-test.500px.me/images/icon/duihao_500px.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 8px;
  background-size: 8px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity 0.2s;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .photo_setting ul li .n_check.checked:before {
  opacity: 1;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .photo_setting ul li .n_check:before {
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('//cdn-test.500px.me/images/icon/duihao_500px.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 8px;
  background-size: 8px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity 0.2s;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .photo_setting ul li .n_check.checked:before {
  opacity: 1;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .photo_setting ul li label {
  vertical-align: middle;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .photo_setting ul li:hover {
  background-color: #e6e8ec;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button .photo_setting .bottom_text {
  float: right;
  color: #bac1c7;
  padding-right: 10px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button.active .lyby_tip_main {
  display: block;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button.isgroup {
  top: 35px;
  right: 0;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button {
  pointer-events: auto;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  -webkit-background-size: 25px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: 0;
  right: 15px;
  /*Begin: Added by xiaoxiaoliuf for #4696: 部落管理升级v3  20180515*/
  /*End: Added by xiaoxiaoliuf for #4696: 部落管理升级v3  20180515*/
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button.private {
  background-image: url('//node-test.500px.me/images/userDetail/private.svg');
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button.public {
  background-image: url('//node-test.500px.me/images/userDetail/public.svg');
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button.profile {
  background-image: url('//node-test.500px.me/images/userDetail/profile.svg');
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button.__delete {
  background-image: url('//node-test.500px.me/images/icon/x.svg');
  right: 40px;
  background-size: 30px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button.__add {
  width: auto;
  right: 110px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button.__remove {
  width: auto;
  right: 55px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button.txt__label {
  left: 10px;
  font-size: 14px;
  color: #FFFFFF;
  opacity: 1;
  top: 10px;
  width: 45px;
  line-height: 30px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button.active .lyby_tip_main {
  display: block;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .photo_setting li {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border-bottom: 1px solid #e9ebed;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .photo_setting li:first-child {
  border-top-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-right-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .photo_setting li:last-child {
  border-bottom: none;
  border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .photo_setting li:hover {
  background-color: #0099e5;
  color: #FFF;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .photo_setting li:hover .text.private {
  background-image: url('//node-test.500px.me/images/userDetail/private.svg');
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .photo_setting li:hover .text.public {
  background-image: url('//node-test.500px.me/images/userDetail/public.svg');
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .photo_setting li:hover .text.profile {
  background-image: url('//node-test.500px.me/images/userDetail/profile.svg');
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .photo_setting li .text {
  height: 36px;
  line-height: 36px;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 10px center;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .photo_setting li .text.private {
  background-image: url('//node-test.500px.me/images/userDetail/private-gray.svg');
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .photo_setting li .text.public {
  background-image: url('//node-test.500px.me/images/userDetail/public-gray.svg');
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .photo_setting li .text.profile {
  background-image: url('//node-test.500px.me/images/userDetail/profile-gray.svg');
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .helpCmp {
  text-align: right;
  color: #0298e5;
  font-size: 15px;
  padding: 7px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .helpCmp .help {
  font-weight: bold;
  margin-left: 5px;
  color: #FFF;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  background-color: #0298e5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .helpCmp:hover {
  color: #FFF;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button .helpCmp:hover .help {
  color: #0298e5;
  background-color: #FFF;
}
.full-aspect-ratio-photo-grid .photo_thumbnail:hover .photo__top_buttons__rating_button,
.full-aspect-ratio-photo-grid .photo_thumbnail.active .photo__top_buttons__rating_button,
.full-aspect-ratio-photo-grid .photo_thumbnail:hover .photo__top_buttons__setting_button,
.full-aspect-ratio-photo-grid .photo_thumbnail.active .photo__top_buttons__setting_button {
  top: 10px;
  opacity: 1;
}
.full-aspect-ratio-photo-grid .photo_thumbnail:hover .photo_thumbnail__pulse,
.full-aspect-ratio-photo-grid .photo_thumbnail.active .photo_thumbnail__pulse {
  top: 10px;
}
.full-aspect-ratio-photo-grid .photo_thumbnail:hover.index_rating .group_b,
.full-aspect-ratio-photo-grid .photo_thumbnail.active.index_rating .group_b,
.full-aspect-ratio-photo-grid .photo_thumbnail:hover.index_upcoming .group_b,
.full-aspect-ratio-photo-grid .photo_thumbnail.active.index_upcoming .group_b {
  opacity: 0;
}
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__more_button:hover,
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__close_button:hover,
.full-aspect-ratio-photo-grid .photo_thumbnail .photo__top_buttons__setting_button:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.full-aspect-ratio-photo-grid .photo_thumbnail:hover .photo__top_buttons__edit_button,
.px_card.medium:hover .photo__top_buttons__edit_button {
  top: 10px;
  right: 15px;
  opacity: 1;
}
.full-aspect-ratio-photo-grid .photo_thumbnail:hover .photo__top_buttons__more_button,
.full-aspect-ratio-photo-grid .photo_thumbnail.active .photo__top_buttons__more_button,
.px_card.medium:hover .photo__top_buttons__close_button {
  top: 10px;
  right: 15px;
  opacity: 1;
}
.full-aspect-ratio-photo-grid .photo_thumbnail:hover .photo__top_buttons__more_button.isgroup,
.full-aspect-ratio-photo-grid .photo_thumbnail.active .photo__top_buttons__more_button.isgroup,
.px_card.medium:hover .photo__top_buttons__close_button.isgroup {
  top: 35px;
  right: 10px;
}
.photo_thumbnail:hover .credits,
.photo_thumbnail:hover .right,
.photo_thumbnail.active .credits,
.photo_thumbnail.active .right {
  opacity: 1;
  bottom: 10px;
  -webkit-transition: bottom 0.2s;
  -moz-transition: bottom 0.2s;
  transition: bottom 0.2s;
}
.full_aspect_ratio_photo_item__add_to_gallery_button {
  background-image: url('//node-test.500px.me/images/userDetail/gallery-add.svg');
  background-position: 0 center;
  background-repeat: no-repeat;
  -webkit-background-size: 38px 19px;
  background-size: 38px 19px;
}
.full_aspect_ratio_photo_item__add_to_gallery_button:hover {
  background-position: -19px center;
}
.full_aspect_ratio_photo_item__add_to_gallery_button.button.only_icon {
  width: 19px;
  height: 19px;
  margin: 5px;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.add_to_galleries_popover_empty {
  display: none;
  text-align: center;
  padding: 20px;
  height: 300px;
  display: table;
}
.add_to_galleries_popover__composite .tribe_set_add {
  height: 50px;
  line-height: 50px;
  color: #0099e5;
  font-size: 14px;
  border-bottom: 1px solid #eeeff2;
  background-color: #FFF;
  padding-left: 15px;
  cursor: pointer;
}
.add_to_galleries_popover__composite .tribe_set_add.selectTribe {
  color: #b9c1c7;
  font-size: 12px;
  cursor: default;
}
.add_to_galleries_popover__composite .inside {
  background-color: #f7f8fa;
  height: 425px;
}
.add_to_galleries_popover__composite.in_progress .add_to_galleries_popover_empty {
  display: none;
}
.add_to_galleries_popover_empty__wrap {
  display: table-cell;
  vertical-align: middle;
}
.add_to_galleries_popover_empty__headline {
  font-size: 20px;
}
.add_to_galleries_popover__create_icon {
  z-index: 100;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  border-bottom: 1px solid #eeeff2;
}
.add_to_galleries_popover__title_input {
  background-image: url('//node-test.500px.me/images/userDetail/add-white.svg');
  background-position: 15px center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 99;
  width: 100%;
  border: none;
  border-bottom: 1px solid #eeeff2;
  -webkit-border-radius: 0;
  border-radius: 0;
  line-height: 48px;
  margin-left: 0;
  padding: 0 0 0 50px;
  height: 50px;
}
.add_to_galleries_popover__title_input:focus {
  border-color: #eeeff2;
}
.add_to_galleries_popover__create_gallery_details {
  background-color: white;
  visibility: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.add_to_galleries_popover__title_wrap {
  height: 0;
}
.add_to_galleries_popover__privacy_icon {
  float: left;
  width: 50px;
  height: 50px;
  background-image: url(//assetcdn.500px.org/assets/galleries/lock-c03f6350b029d26c0c4f9168e6ce497b.svg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 10px;
  background-size: 10px;
}
.add_to_galleries_popover__privacy_text_wrap {
  border-bottom: 1px solid #eeeff2;
  height: 50px;
  padding-top: 12px;
}
.add_to_galleries_popover__privacy_text {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #71767a;
}
.add_to_galleries_popover__checkbox {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}
.add_to_galleries_popover__checkbox:before {
  -webkit-background-size: 12px;
  background-size: 12px;
}
.add_to_galleries_popover__create_wrap {
  padding: 15px 10px 15px 10px;
  border-bottom: 1px solid #eeeff2;
}
.add_to_galleries_popover__create_button {
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.add_to_galleries_popover__create_section {
  height: 50px;
}
.add_to_galleries_popover__create_section--active .add_to_galleries_popover__create_section {
  height: auto;
}
.add_to_galleries_popover__create_section--active {
  background-color: white;
}
.add_to_galleries_popover__create_section--active .add_to_galleries_popover__create_icon {
  border: none;
  border-bottom: 1px solid transparent;
}
.add_to_galleries_popover__create_section--active .add_to_galleries_popover__create_gallery_details {
  background-color: white;
  visibility: visible;
  margin-top: 50px;
  height: auto;
  opacity: 1;
}
.add_to_galleries_popover__galleries_list {
  overflow-y: auto;
  height: calc(100% - 95px);
  height: -webkit-calc(100% - 95px);
  height: -moz-calc(100% - 95px);
}
.add_to_galleries_popover__create_section--active .add_to_galleries_popover__galleries_list {
  height: calc(100% - 207px);
  height: -webkit-calc(100% - 207px);
  height: -moz-calc(100% - 207px);
}
.add_to_galleries_popover__item {
  position: relative;
  cursor: pointer;
}
.add_to_galleries_popover_item__title {
  float: left;
  line-height: 48px;
  max-width: calc(100% - 60px);
  max-width: -webkit-calc(100% - 60px);
  max-width: -moz-calc(100% - 60px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add_to_galleries_popover_item__title.is_dbz {
  position: relative;
  padding-right: 57px;
}
.add_to_galleries_popover_item__title.is_dbz:after {
  position: absolute;
  right: 7px;
  content: "代表作";
  background-color: #B0D9FF;
  color: #0870D1;
  width: 39px;
  height: 17px;
  line-height: 17px;
  border-radius: 3px;
  padding: 3px;
  font-size: 12px;
  top: calc(50% - 10px);
}
.add_to_galleries_popover_item__title.is_CZ {
  position: relative;
  padding-right: 45px;
}
.add_to_galleries_popover_item__title.is_CZ:after {
  position: absolute;
  right: 7px;
  content: "影展";
  background-color: #D7D8DB;
  color: #222222;
  width: 28px;
  height: 17px;
  line-height: 17px;
  border-radius: 3px;
  padding: 3px;
  font-size: 12px;
  top: calc(50% - 10px);
}
.add_to_galleries_popover__item:hover .add_to_galleries_popover_item__title {
  max-width: calc(100% - 110px);
  max-width: -webkit-calc(100% - 110px);
  max-width: -moz-calc(100% - 110px);
}
.add_to_galleries_popover__item:hover .add_to_galleries_popover_item__title.add_to_galleries_popover_item__title_private {
  max-width: calc(100% - 130px);
  max-width: -webkit-calc(100% - 130px);
  max-width: -moz-calc(100% - 130px);
}
.add_to_galleries_popover__item:hover .add_to_galleries_popover_item__view_gallery_button {
  visibility: visible;
  opacity: 1;
}
.add_to_galleries_popover_item__view_gallery_button {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 16px;
}
.add_to_galleries_popover_item__view_gallery_button--private {
  right: 30px;
}
.add_to_galleries_popover_item__thumb_wrap {
  float: left;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  margin-top: 10px;
  margin-left: 10px;
}
.add_to_galleries_popover_item__thumbnail {
  top: 0 !important;
  border: 1px solid #b9c1c7;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #eeeff2;
}
.add_to_galleries_popover_item__checkmark {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('//node-test.500px.me/images/userDetail/check_setPop.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 16px;
  background-size: 16px;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #eeeff2;
}
.add_to_galleries_popover_item__checkmark--checked {
  opacity: 1;
  -webkit-animation: pulse_large 0.4s 0s ease-in-out forwards;
  -moz-animation: pulse_large 0.4s 0s ease-in-out forwards;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.add_to_galleries_popover_item__checkmark--partial_checked {
  opacity: 0.5;
  -webkit-animation: pulse_large 0.4s 0s ease-in-out forwards;
  -moz-animation: pulse_large 0.4s 0s ease-in-out forwards;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.add_to_galleries_popover_item__lock {
  float: right;
  background-image: url('//node-test.500px.me/images/userDetail/lock.svg');
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 10px;
  background-size: 10px;
  width: 20px;
  position: absolute;
  height: 30px;
  top: 10px;
  right: 10px;
}
.webui-popover .header {
  -webkit-border-radius: 1px 1px 0 0;
  border-radius: 1px 1px 0 0;
  width: auto;
  background-color: white;
  height: 45px;
  line-height: 44px;
  padding: 0 10px;
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
  z-index: 2110;
}
.webui-popover .header h3 {
  display: block;
  float: left;
  color: #71767a;
  margin: 0;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.webui-popover .header .pill {
  margin: 13px 0 0;
  float: right;
}
input.checkbox_input {
  display: none;
}
/*set end*/
/*sort photo begin*/
.photo-feedback-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 999;
  opacity: 0.5;
  display: none;
}
.photo-thumbnail--dragging {
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  transition-property: none !important;
}
.photo-thumbnail--nudge-left {
  margin-left: -12px !important;
}
.photo-thumbnail--nudge-right {
  margin-left: 12px !important;
}
.photo-thumbnail__placeholder {
  background-color: #0099e5;
  width: 2px;
  opacity: 0 !important;
}
.photo-thumbnail__placeholder--visible {
  opacity: 1 !important;
}
/*sort photo end*/
.photoselect {
  height: 100%;
}
.photoselect .modal-body {
  overflow-y: hidden;
  overflow-x: hidden;
}
.photo__top_buttons_left_userInfo {
  margin-top: 10px;
  padding-left: 13px;
  width: calc(100% - 35px);
  width: -webkit-calc(100% - 35px);
  width: -moz-calc(100% - 35px);
}
.photo__top_buttons_left_userInfo > a {
  display: inline-block;
  vertical-align: middle;
}
.photo__top_buttons_left_userInfo .user_nickName {
  width: calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  max-width: 163px;
  font-size: 14px;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.video_checking {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.video_checking .video_checking_tip {
  padding-top: 20px;
  font-size: 14px;
  color: #fff;
  background: url("//cdn-test.500px.me/images/videoIcon/clock.svg") no-repeat center top;
  background-size: 14px;
}
.photo_thumbnail .credits .video_description {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.photo_thumbnail .right .daishenhe_lock {
  width: 16px;
  height: 16px;
  background: url("//cdn-test.500px.me/images/videoIcon/lock.svg") no-repeat center center;
}
.photo__top_buttons .admin_settings_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border-color: #fff;
  pointer-events: auto;
}
.photo__top_buttons .admin_settings_btn:active {
  background: transparent;
}
.selected_count_container {
  display: inline-block;
  text-align: center;
  position: fixed;
  z-index: 887;
  background-color: transparent;
  bottom: 0;
  padding: 5px;
  left: 50px;
  color: #222222;
  line-height: 60px;
  font-size: 16px;
}
.multiple_invite_btn_container {
  position: fixed;
  z-index: 887;
  background-color: transparent;
  bottom: 0;
  padding: 10px 0;
  right: 500px;
  height: 70px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: -32px;
}
.multiple_invite_btn_container .checkbox-container-lxx {
  margin-right: 16px;
}
.multiple_invite_btn_container .btn_big_blue {
  display: inline-block;
  cursor: pointer;
  line-height: 48px;
  border-radius: 25px;
  padding: 0 24px;
  min-width: 160px;
  margin-right: 32px;
  color: #FFFFFF;
  background-color: #0870d1;
  border: 1px solid #0870d1;
  text-align: center;
  white-space: nowrap;
  font-size: 16px;
}
.multiple_invite_btn_container .btn_big_primary {
  display: inline-block;
  cursor: pointer;
  line-height: 48px;
  border-radius: 25px;
  padding: 0 24px;
  min-width: 160px;
  margin-right: 32px;
  color: #0870d1;
  background-color: #FFFFFF;
  border: 1px solid #0870d1;
  text-align: center;
  white-space: nowrap;
  font-size: 16px;
}
.model_detail {
  position: absolute;
  top: 0;
  left: 0;
  width: fit-content;
  padding: 0 10px 10px;
  text-align: left;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  color: #FFFFFF;
}
.model_detail > div {
  margin-top: 10px;
}
.model_detail .model {
  font-size: 16px;
}
@media only screen and (max-width: 700px) {
  .selected_count_container,
  .multiple_invite_btn_container {
    display: none;
  }
}
.tab_wrapper {
  position: relative;
  display: flex;
  background-color: #fff;
  align-items: center;
}
.tab_wrapper .px_tabs_fade {
  position: absolute;
  top: 0;
  left: 50px;
}
.tab_wrapper .px_tabs_fade .unequal_width {
  margin-top: 20px;
  margin-right: 19px;
  margin-bottom: 14px;
  cursor: pointer;
  float: left;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
.tab_wrapper .px_tabs_fade .unequal_img_no {
  background-image: url('//cdn-test.500px.me/images/discover/icon-no.png?d=2');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.tab_wrapper .px_tabs_fade .unequal_img_no_copy {
  background-image: url('//cdn-test.500px.me/images/discover/icon-no-copy.png?d=3');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.tab_wrapper .px_tabs_fade .unequal_img_no_copy:hover {
  background-image: url('//cdn-test.500px.me/images/discover/icon-no.png?d=2');
}
.tab_wrapper .px_tabs_fade .equal_width {
  margin-top: 20px;
  margin-right: 19px;
  margin-bottom: 14px;
  cursor: pointer;
  float: left;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
.tab_wrapper .px_tabs_fade .equal_img_no {
  background-image: url('//cdn-test.500px.me/images/discover/icon-yes-copy.png?d=3');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.tab_wrapper .px_tabs_fade .equal_img_no:hover {
  background-image: url('//cdn-test.500px.me/images/discover/icon-yes.png?d=2');
}
.tab_wrapper .px_tabs_fade .equal_img_no_copy {
  background-image: url('//cdn-test.500px.me/images/discover/icon-yes.png?d=3');
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 679px) {
  .tab_wrapper .px_tabs_fade {
    position: inherit;
    top: inherit;
    left: inherit;
    height: inherit;
  }
  .tab_wrapper .px_tabs_fade .unequal_width {
    display: none;
  }
  .tab_wrapper .px_tabs_fade .equal_width {
    display: none;
  }
}
.px_tabs {
  flex: 1;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  list-style-type: none;
  overflow-x: auto;
}
.px_tabs > li {
  display: inline;
  margin: 0 20px;
}
.px_tabs > li > a {
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  padding: 15px 0;
  border-bottom: 2px solid transparent;
  color: #71767a;
  cursor: pointer;
  text-transform: uppercase;
}
.px_tabs > li > a:hover {
  color: #0099e5;
}
.px_tabs > li.active > a {
  color: #0099e5;
  border-bottom: 2px solid #0099e5;
}
.profile_nav {
  border-top: 1px solid #eeeff2;
  border-bottom: 1px solid #eeeff2;
}
.sticky_nav .tab_wrapper {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border-bottom: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 887;
  width: 100%;
}
@media only screen and (max-width: 679px) {
  .px_tabs {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
  }
  .px_tabs > li {
    margin: 0;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .px_tabs > li > a {
    width: auto;
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
html.desktop {
  min-width: 720px;
}
.visibilityHidden {
  visibility: hidden;
}
.messageLink {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100px;
  display: inline-block;
  vertical-align: bottom;
}
.messageLink:link {
  color: #30acea;
}
.messageLink:visited {
  color: #30acea;
}
.messageLink:hover {
  color: #1c98d6;
}
.comment_concat {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  max-width: 60%;
  padding: 0 10px;
  display: inline-block;
  vertical-align: bottom;
  line-height: 20px;
}
.comment_concat:before {
  content: '“';
}
.comment_concat:after {
  content: '”';
  position: absolute;
  right: 0px;
}
.detailMessage_window_cmp {
  height: 100%;
}
.detailMessage_window_cmp .detailMessage_window_link {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.detailMessage_window_cmp .detailMessage_window_link:link {
  color: #30acea;
}
.detailMessage_window_cmp .detailMessage_window_link:visited {
  color: #30acea;
}
.detailMessage_window_cmp .detailMessage_window_link:hover {
  color: #1c98d6;
}
.detailMessage_window_cmp .detail_body {
  color: #71767a;
  height: calc(100% - 45px);
  height: -webkit-calc(100% - 45px);
  height: -moz-calc(100% - 45px);
  overflow-y: auto;
}
.detailMessage_window_cmp .detail_body .detail_body_title {
  font-size: 24px;
  text-align: center;
  padding: 40px 30px;
}
.detailMessage_window_cmp .detail_body .detail_body_msg {
  padding: 0 20px 20px 20px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: -0.2px;
}
.infoCenter {
  text-align: center;
  background: #f7f8fa;
  padding: 20px 0;
  min-width: 1050px;
}
.infoCenter .leftSide.v3 {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  min-height: 520px;
  height: 85%;
  overflow: auto;
  background: #fff;
  color: #71767a;
  font-size: 14px;
  padding: 4px 2px;
  border: 1px solid #eeeff2;
  border-radius: 2px;
  margin-right: 5px;
}
.infoCenter .leftSide.v3 li {
  height: 80px;
  line-height: 80px;
  position: relative;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 2px solid transparent;
  cursor: pointer;
  background-color: #FFFFFF;
  /* message v4 xiaoxiaoliu 20170831 */
}
.infoCenter .leftSide.v3 li.active,
.infoCenter .leftSide.v3 li:hover {
  background-color: #eeeff2;
}
.infoCenter .leftSide.v3 li.stick-top {
  background-color: #fafafb;
}
.infoCenter .leftSide.v3 li.stick-top.active,
.infoCenter .leftSide.v3 li.stick-top:hover {
  background-color: #eeeff2;
}
.infoCenter .leftSide.v3 li:not(.ismobile).active a {
  color: #0099e5 !important;
}
.infoCenter .leftSide.v3 li a:link {
  color: #71767a;
}
.infoCenter .leftSide.v3 li a:visited {
  color: #71767a;
}
.infoCenter .leftSide.v3 li a:hover {
  color: #0085d1;
}
.infoCenter .leftSide.v3 li .icon {
  position: absolute;
  top: 32px;
  right: 20px;
  width: 19px;
  height: 15px;
  line-height: 15px;
  background-color: #ff3442;
  border-radius: 18px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.infoCenter .leftSide.v3 li ._icon {
  width: 30px;
  float: left;
  margin-right: 10px;
  position: relative;
}
.infoCenter .leftSide.v3 li ._icon .item-icon {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.infoCenter .leftSide.v3 li ._icon .v-logo {
  position: absolute;
  width: 12px;
  right: 0;
  bottom: 22px;
}
.infoCenter .leftSide.v3 li ._icon .face-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 77;
}
.infoCenter .leftSide.v3 li:after {
  content: ' ';
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 58px;
  width: 100%;
  width: calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  border-top: 1px solid #EEEFF2;
}
.infoCenter .leftSide.v3 li .action-img-container {
  position: absolute;
  display: none;
  z-index: 77;
  top: 7px;
  left: 0px;
  width: 100px;
  height: 20px;
  padding-left: 6px;
}
.infoCenter .leftSide.v3 li .close-img {
  position: relative;
  float: left;
  display: block;
  z-index: 77;
  width: 11px;
  margin-right: 10px;
}
.infoCenter .leftSide.v3 li .top-img {
  position: relative;
  float: left;
  display: block;
  z-index: 77;
  width: 12px;
  margin-right: 10px;
  top: -2px;
}
.infoCenter .leftSide.v3 li .cancel-top-img {
  position: relative;
  float: left;
  display: block;
  z-index: 77;
  width: 14px;
  top: -2px;
  margin-right: 10px;
}
.infoCenter .leftSide.v3 li:hover .action-img-container {
  display: block;
}
.infoCenter .leftSide.v3 .item ._link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 66;
}
.infoCenter .leftSide.v3 .item.user ._title .ntext {
  position: absolute;
  top: -10px;
  max-width: 110px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.infoCenter .leftSide.v3 .item.user ._title .msg-last {
  position: absolute;
  top: 15px;
  font-size: 12px;
  color: #b9c1c7;
  max-width: 180px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.infoCenter .leftSide.v3 .item.user ._title .msg-last-optTime {
  position: absolute;
  top: -10px;
  right: 10px;
  font-size: 12px;
  color: #b9c1c7;
}
.infoCenter .leftSide.v3 .item.user ._title .icon {
  top: 46px;
}
.infoCenter .content_2 {
  display: inline-block;
  vertical-align: top;
  width: 723px;
  min-height: 520px;
  height: 85%;
  overflow: auto;
  background-color: #fff;
  border: 1px solid #eeeff2;
  border-radius: 2px;
}
.infoCenter .content_2 ._header {
  display: none;
}
.infoCenter .content_2 .item {
  padding: 22px 30px 22px 20px;
  text-align: left;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.infoCenter .content_2 .item:hover {
  background-color: #f7f8fa;
}
.infoCenter .content_2 .item .dismiss {
  position: absolute;
  top: -5px;
  right: 5px;
  color: #b8c1c8;
  font-size: x-large;
  cursor: pointer;
}
.infoCenter .content_2 .item > div {
  display: inline-block;
  vertical-align: top;
}
.infoCenter .content_2 .item > div.leftBox {
  margin-right: 15px;
  margin-top: 10px;
  /*Begin:Added by xiaoxiaoliu for SRS #3500 攻略站内信 v标 20180115*/
  /*End:Added by xiaoxiaoliu for SRS #3500 攻略站内信 v标 20180115*/
}
.infoCenter .content_2 .item > div.leftBox .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #ff3442;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
}
.infoCenter .content_2 .item > div.leftBox .sidebar__profile_avatar {
  width: 50px;
  height: 50px;
}
.infoCenter .content_2 .item > div.leftBox .sidebar__profile_avatar .qy_icon {
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  bottom: -5px;
  right: -5px;
}
.infoCenter .content_2 .item > div.leftBox .sidebar__profile_avatar .qy_icon._liked {
  background-image: url("//cdn-test.500px.me/images/internalmessage/message-like.svg");
}
.infoCenter .content_2 .item > div.leftBox .sidebar__profile_avatar .qy_icon._comment {
  background-image: url("//cdn-test.500px.me/images/internalmessage/message-comment.svg");
}
.infoCenter .content_2 .item > div.leftBox .sidebar__profile_avatar .qy_icon._gallery {
  background-image: url("//cdn-test.500px.me/images/internalmessage/message-gallery.svg");
}
.infoCenter .content_2 .item > div.leftBox img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  vertical-align: middle;
}
.infoCenter .content_2 .item > div.leftBox img.v-logo {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -5px;
  right: -5px;
}
.infoCenter .content_2 .item > div.centerBox {
  width: calc(100% - 190px);
  width: -webkit-calc(100% - 190px);
  width: -moz-calc(100% - 190px);
  padding-right: 20px;
  color: #71767a;
  font-size: 16px;
}
.infoCenter .content_2 .item > div.centerBox .nomargin {
  margin: 0 !important;
}
.infoCenter .content_2 .item > div.centerBox h3 {
  font-size: 16px;
  color: #71767a;
  font-weight: normal;
  margin-bottom: 5px;
}
.infoCenter .content_2 .item > div.centerBox h3 span {
  margin: 0 10px;
  display: inline-block;
  font-size: 14px;
  color: #71767a;
}
.infoCenter .content_2 .item > div.centerBox p {
  font-size: 14px;
  color: #71767a;
  margin: 5px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.infoCenter .content_2 .item > div.centerBox span.time {
  font-size: 13px;
  color: #b8c1c8;
}
.infoCenter .content_2 .item > div.centerBox.tribe-admin .messageLink {
  margin-bottom: 6px;
}
.infoCenter .content_2 .item > div.centerBox.tribe-admin .messageLink.tribe-admin {
  margin-bottom: 0;
  font-size: 16px;
}
.infoCenter .content_2 .item > div.centerBox.tribe-admin .action-name {
  font-size: 14px;
}
.infoCenter .content_2 .item > div.centerBox.tribe-admin .comment_concat:before {
  content: '';
}
.infoCenter .content_2 .item > div.centerBox.tribe-admin .comment_concat:after {
  content: '';
}
.infoCenter .content_2 .item > div.rightBox {
  width: 60px;
  height: 60px;
  position: relative;
}
.infoCenter .content_2 .item > div.rightBox .mini_follow {
  margin-top: 15px;
  width: 90px;
}
.infoCenter .content_2 .item > div.rightBox .istuwenItem {
  display: none;
}
.infoCenter .content_2 .item > div.rightBox .show_win_button {
  position: absolute;
  top: 45%;
}
.infoCenter .content_2 .item > div.rightBox.picitem {
  background-size: cover;
  background-color: #e3e4e6;
  background-position: center;
}
.infoCenter .content_2 .item > div.rightBox.picitem a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}
.infoCenter .content_2 .item > div.rightBox.istuwen:before,
.infoCenter .content_2 .item > div.rightBox.iszutu，.infoCenter .content_2 .item > div.rightBox.isyingji:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  border: solid 1px #d7dde1;
}
.infoCenter .content_2 .item > div.rightBox.isyingji {
  background-size: 40px 40px;
  background-position: 12px 12px;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #e3e4e6;
}
.infoCenter .content_2 .item > div.rightBox.isyingji:hover {
  background-color: #f7f8fa;
}
.infoCenter .content_2 .item > div.rightBox.isyingji .yingjiImgNo {
  background-color: #E3E4E6;
  position: absolute;
  top: 12px;
  left: 12px;
  width: 42px;
  height: 42px;
  border: 2px solid #FFF;
  background-size: cover;
  background-repeat: no-repeat;
}
.infoCenter .content_2 .item > div.rightBox.isyingji .istyingjiItem {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 42px;
  height: 42px;
  border: 2px solid #FFF;
  background-size: cover;
  background-repeat: no-repeat;
}
.infoCenter .content_2 .item > div.rightBox.iszutu {
  background-size: 38px 44px;
  background-position: 10px 11px;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #e3e4e6;
}
.infoCenter .content_2 .item > div.rightBox.iszutu .iszutuItem {
  position: absolute;
  top: 1px;
  left: 3px;
  width: 52px;
  height: 46px;
  background-repeat: no-repeat;
  border: 2px solid #FFF;
  background-size: cover;
  background-position: center;
  z-index: 99;
}
.infoCenter .content_2 .item > div.rightBox.iszutu .iszutuItemAgain {
  position: absolute;
  top: 6px;
  left: 5px;
  width: 48px;
  height: 46px;
  border: 2px solid #FFF;
  background-size: 46px 42px;
  background-repeat: no-repeat;
  z-index: 70;
}
.infoCenter .content_2 .item > div.rightBox.istuwen {
  background-size: 50px 37.8px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0);
}
.infoCenter .content_2 .item > div.rightBox.istuwen .istuwenItem {
  display: block;
  position: absolute;
  bottom: 3px;
  padding-left: 5px;
}
.infoCenter .content_2 .item > div.rightBox.istuwen .istuwenItem > div {
  margin-top: 3px;
  width: 38px;
  height: 2px;
  background-color: rgba(184, 193, 200, 0.59);
}
.infoCenter .content_2 .item > div.rightBox.istuwen .istuwenItem > div:last-child {
  width: 23px;
}
.infoCenter .content_2 .item > div.rightBox > img {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.infoCenter .content_2 .item > div.rightBox .photoes {
  position: relative;
  height: 100%;
}
.infoCenter .content_2 .item > div.rightBox .photoes > img {
  position: absolute;
}
.infoCenter .content_2 .item > div.rightBox .photoes > img:first-child {
  width: 54px;
  height: 54px;
  border-radius: 0;
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  top: 0;
  left: 0;
  z-index: 2;
}
.infoCenter .content_2 .item > div.rightBox .photoes > img:last-child {
  width: 50px;
  height: 50px;
  border-radius: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.infoCenter .content_2 .item > div .liyoudiv {
  font-size: 14px;
  color: #71767a;
  margin: 5px 0;
}
.infoCenter .content_2 .item > div .right-button {
  margin-top: 5px;
  min-width: 60px;
  height: 22px;
  background-color: #FFFFFF;
  border: 1px solid #0099E5;
  color: #0099e5;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 4px;
}
.infoCenter .content_2 .item > div .right-button.enable:hover {
  background-color: rgba(0, 153, 229, 0.1);
}
.infoCenter .content_2 .item > div .right-button.disabled {
  pointer-events: none;
  background: #EAEBED;
  color: #B9C1C7;
  border: none;
}
.infoCenter .content_2 .item:after {
  content: ' ';
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 40px;
  width: 100%;
  width: calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  border-top: 1px solid #EEEFF2;
}
.infoCenter .content_2 .talk .header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #414346;
  position: relative;
}
.infoCenter .content_2 .talk .header .back {
  position: absolute;
  top: 0;
  left: 20px;
  color: #b8c1c8;
  cursor: pointer;
}
.infoCenter .content_2 .talk .main {
  padding-left: 40px;
  padding-right: 30px;
  height: 401px;
  border-top: 1px solid #eeeff2;
  border-bottom: 1px solid #eeeff2;
  overflow-y: auto;
}
.infoCenter .content_2 .talk .main .item {
  padding: 5px 0;
}
.infoCenter .content_2 .talk .main .item .headlogo {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 12px;
  margin-top: 5px;
}
.infoCenter .content_2 .talk .main .item .centerBox {
  padding: 0;
}
.infoCenter .content_2 .talk .main .friends {
  overflow: hidden;
}
.infoCenter .content_2 .talk .main .friends .headlogo {
  float: right;
  margin-right: 0px;
  margin-left: 12px;
}
.infoCenter .content_2 .talk .main .friends .centerBox {
  float: right;
  text-align: right;
}
.infoCenter .content_2 .talk .footer {
  height: 110px;
  padding-left: 40px;
  padding-right: 50px;
  text-align: left;
}
.infoCenter .content_2 .talk .footer > img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 23px;
}
.infoCenter .content_2 .full-aspect-ratio-photo-grid .empty_view {
  background-image: url("//cdn-test.500px.me/images/message/message_empty.png");
  background-size: inherit;
  background-position: center;
}
.infoCenter .content_2 .full-aspect-ratio-photo-grid .empty_view h2 {
  font-size: 16px;
  color: #525558;
}
.infoCenter .content_2 .full-aspect-ratio-photo-grid .empty_view p {
  color: #b9c1c7;
}
@media only screen and (max-width: 950px) {
  .infoCenter .content_2 {
    width: 523px;
  }
  .infoCenter .content_2 .item > div.centerBox {
    width: 298px;
  }
}
/*Begin:Added by liuxiaoxiao for 站内信 20170317*/
.comment_main {
  height: 100%;
}
.user-msg-content-container {
  width: 720px;
  height: 100%;
  margin: 0 auto;
  border: 1px solid #EEEFF2;
  overflow-y: auto;
}
.user-msg-content-container .user-msg-per-container {
  width: 100%;
  height: 120px;
  position: relative;
  cursor: pointer;
}
.user-msg-content-container .user-msg-per-container a.dialogue-detail-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  z-index: 66;
}
.user-msg-content-container .user-msg-per-container .user-msg-per {
  position: relative;
  text-align: left;
  width: 100%;
  height: 100%;
  padding: 20px 140px 20px 110px;
}
.user-msg-content-container .user-msg-per-container .user-msg-per li.msg-mark {
  position: absolute;
  top: 56px;
  left: 16px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.user-msg-content-container .user-msg-per-container .user-msg-per li.msg-mark.unread {
  background-color: #ff3442;
}
.user-msg-content-container .user-msg-per-container .user-msg-per .user-avatar {
  position: absolute;
  left: 40px;
  top: 35px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.user-msg-content-container .user-msg-per-container .user-msg-per .v-logo {
  position: absolute;
  width: 18px;
  top: 68px;
  left: 72px;
}
.user-msg-content-container .user-msg-per-container .user-msg-per .msg-detail-container {
  margin-left: 0px;
}
.user-msg-content-container .user-msg-per-container .user-msg-per .msg-detail-container .user-name {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 16px;
  height: 20px;
  line-height: 22px;
  color: #414346;
  margin-top: 5px;
}
.user-msg-content-container .user-msg-per-container .user-msg-per .msg-detail-container .msg-detail {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 18px;
  color: #71767A;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.user-msg-content-container .user-msg-per-container .user-msg-per .msg-detail-container .msg-time {
  font-size: 13px;
  height: 16px;
  line-height: 20px;
  color: #B8C1C8;
}
.user-msg-content-container .user-msg-per-container .close-img {
  position: absolute;
  display: none;
  right: 67px;
  top: 48px;
  width: 10px;
  color: #b7c0c7;
  font-size: 20px;
}
.user-msg-content-container .user-msg-per-container .top-img {
  position: absolute;
  display: none;
  top: 46px;
  right: 40px;
  width: 12px;
}
.user-msg-content-container .user-msg-per-container .cancel-top-img {
  position: absolute;
  display: none;
  top: 46px;
  right: 40px;
  width: 13px;
}
.user-msg-content-container .user-msg-per-container:hover {
  background-color: #EEEFF2;
}
.user-msg-content-container .user-msg-per-container:hover .close-img {
  display: block;
}
.user-msg-content-container .user-msg-per-container:hover .top-img {
  display: block;
}
.user-msg-content-container .user-msg-per-container:hover .cancel-top-img {
  display: block;
}
.user-msg-content-container .user-msg-per-container:hover.stickUp {
  background-color: #EEEFF2;
}
.user-msg-content-container .user-msg-per-container.stickUp {
  background-color: #fafafb;
}
.user-msg-content-container.dialogue-list-container .user-msg-per-container .user-msg-per .msg-detail-container .msg-detail {
  max-height: 38px;
  overflow: hidden;
}
.page-pre-div {
  position: absolute;
  cursor: pointer;
  padding-left: 20px;
  padding-top: 5px;
  font-size: 14px;
  color: #525558;
}
.page-pre-div:before,
.page-pre-div:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 12px;
  margin-top: -1px;
  background: #525558;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.page-pre-div:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -8px;
}
.page-pre-div span {
  position: relative;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 77;
}
.page-pre-div.hide {
  display: none;
}
.user-msg-content-container.dialogue-detail .dashboard-container {
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-bottom: 1px solid #EEEFF2;
  position: relative;
}
.user-msg-content-container.dialogue-detail .dashboard-container .page-pre-div {
  left: 20px;
  top: -5px;
}
.user-msg-content-container.dialogue-detail .dashboard-container .dialogue-name {
  color: #414346;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container {
  height: calc(100% - 145px);
  height: -webkit-calc(100% - 145px);
  height: -moz-calc(100% - 145px);
  overflow-y: auto;
  padding-bottom: 20px;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container {
  height: auto;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container .user-msg-per {
  padding: 20px 0px 0px 85px;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container .user-msg-per .user-avatar {
  width: 30px;
  height: 30px;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container .user-msg-per .msg-detail-container {
  position: relative;
  left: 0px;
  max-width: 75%;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container .user-msg-per .msg-detail-container .user-name {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container .user-msg-per .msg-detail-container .msg-detail {
  display: block;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container .user-msg-per .msg-detail-container .msg-detail .loading-msg {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
  top: calc(50% - 10px);
  top: -webkit-calc(50% - 10px);
  top: -moz-calc(50% - 10px);
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container.right-user .user-msg-per .user-avatar {
  left: inherit;
  right: 40px;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container.right-user .user-msg-per .msg-detail-container {
  left: inherit;
  float: right;
  right: 85px;
  text-align: right;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container.right-user .user-msg-per .msg-detail-container .user-name {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container.right-user .user-msg-per .msg-detail-container .msg-detail {
  display: block;
  text-align: left;
  padding-left: 30px;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container:hover {
  background-color: inherit;
}
.user-msg-content-container.dialogue-detail .dialogue-list-container .noMore {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.user-msg-content-container.dialogue-detail .msg-sender-container {
  height: 100px;
  padding-top: 15px;
  border-top: 1px solid #EEEFF2;
}
.user-msg-content-container.dialogue-detail .msg-sender-container .avatar-container {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-left: 40px;
  float: left;
}
.user-msg-content-container.dialogue-detail .msg-sender-container .avatar-container .user-avatar {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.user-msg-content-container.dialogue-detail .msg-sender-container .msg-send-container {
  display: inline-block;
  float: left;
  margin: 8px 0 0 23px;
}
.user-msg-content-container.dialogue-detail .msg-sender-container .msg-send-container .msg-data-send {
  width: 500px;
  height: 38px;
  max-height: 80px;
  line-height: 15px;
  padding: 10px 15px 10px 15px;
  font-size: 12px;
  background-color: #f7f8fa;
  word-wrap: break-word;
  overflow: hidden;
}
.user-msg-content-container.dialogue-detail .msg-sender-container .msg-send-btn {
  float: left;
  width: 55px;
  height: 38px;
  border-radius: 4px;
  margin-top: 8px;
  margin-left: 12px;
  font-size: 12px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  background-color: #acb4bf;
  color: #ffffff;
}
.user-msg-content-container.dialogue-detail .msg-sender-container .msg-send-btn.enable {
  background-color: #0099e5;
}
.user-msg-content-container .empty-content-container {
  width: 100%;
  text-align: center;
  padding-top: 167px;
}
.user-msg-content-container .empty-content-container .img-div img.internal-msg-empty {
  width: 60px;
}
.user-msg-content-container .empty-content-container .empty-txt-title {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #525558;
  margin-top: 40px;
}
.user-msg-content-container .empty-content-container .empty-txt-title-small {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #B9C1C7;
  margin-top: 15px;
}
/*Begin: Added by xiaoxiaoliu for 消息升级v3 0804*/
.user-msg-content-container {
  position: relative;
}
.user-msg-content-container .dialogue-detail-container {
  padding: 10px 10px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container {
  margin-bottom: 16px;
  overflow: hidden;
  /* 卡片消息 */
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .item-timestamp {
  margin: 0 auto;
  max-width: 50%;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #B9C1C7;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .msg-item-content {
  display: inline-block;
  line-height: 1.6;
  font-size: 14px;
  max-width: 500px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  padding: 9px 13px;
  text-align: left;
  position: relative;
  transition: all 1s;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .msg-item-content img {
  transition: all .5s;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .msg-item-content.full_screen {
  max-width: unset !important;
  max-height: unset !important;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.9) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: unset;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .msg-item-content.full_screen img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .msg-item-content .body-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.other {
  text-align: left;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.other .msg-item-content {
  background-color: #F7F8FA;
  color: #71767A;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.me {
  text-align: right;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.me .msg-item-content {
  background: #4FC4FF;
  color: #FFFFFF;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .bubble {
  position: relative;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .bubble:before,
.user-msg-content-container .dialogue-detail-container .msg-item-container .bubble:after {
  position: absolute;
  top: 14px;
  border: 6px solid transparent;
  content: " ";
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .bubble.left {
  margin-left: 10px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .bubble.left:before,
.user-msg-content-container .dialogue-detail-container .msg-item-container .bubble.left:after {
  right: 100%;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .bubble.left:after {
  border-right-color: #F7F8FA;
  border-right-width: 4px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .bubble.right {
  margin-right: 10px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .bubble.right:before,
.user-msg-content-container .dialogue-detail-container .msg-item-container .bubble.right:after {
  left: 100%;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container .bubble.right:after {
  border-left-color: #4FC4FF;
  border-left-width: 4px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card .msg-item-content .title {
  font-size: 16px;
  color: #525558;
  margin-bottom: 5px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card .msg-item-content .msg-body {
  border-bottom: 1px solid #EEEFF2;
  padding-bottom: 6px;
  color: #B9C1C7;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card .msg-item-content .msg-body .msg-body-img {
  position: relative;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card .msg-item-content .msg-body .msg-body-img .img-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 80;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card .msg-item-content .msg-bottom {
  height: 32px;
  width: 100%;
  position: relative;
  font-size: 12px;
  color: #525558;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card .msg-item-content .msg-bottom .page-next-div {
  position: absolute;
  width: 100%;
  cursor: pointer;
  padding-left: 0px;
  padding-top: 5px;
  font-size: 14px;
  color: #525558;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card .msg-item-content .msg-bottom .page-next-div:before,
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card .msg-item-content .msg-bottom .page-next-div:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 12px;
  margin-top: -1px;
  background: #CCCCCC;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card .msg-item-content .msg-bottom .page-next-div:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-top: -8px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card .msg-item-content .msg-bottom .page-next-div span {
  position: relative;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 77;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card .msg-item-content .msg-bottom .page-next-div.hide {
  display: none;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card.me.msg-item-container .bubble {
  background-color: #F7F8FA;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card.me.msg-item-container .bubble.right:after {
  border-left-color: #F7F8FA;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card.noImg .msg-item-content .msg-body .msg-body-img {
  display: none;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.msg-card.noImg .msg-item-content .msg-body .msg-body-txt {
  width: 100%;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content {
  width: 50%;
  max-width: 50%;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body {
  width: 100%;
  position: relative;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-txt {
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .zutuDiv {
  background-image: url("//img.500px.me/photo/6cd61950d4d2498f9d59d8745afc41164/cd5a6e9d46774b3ab75a84db3b7fd0fc.jpg!p5");
  background-size: 42px 44px;
  background-position: 8px 11px;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #e3e4e6;
  position: relative;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .zutuDiv .zutuMain {
  position: absolute;
  top: -1px;
  left: 0px;
  width: 54px;
  height: 46px;
  background-repeat: no-repeat;
  border: 2px solid #FFF;
  background-size: cover;
  background-position: center;
  z-index: 77;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .zutuDiv .zutuToo {
  background-image: url("//img.500px.me/photo/6cd61950d4d2498f9d59d8745afc41164/cd5a6e9d46774b3ab75a84db3b7fd0fc.jpg!p5");
  position: absolute;
  top: 6px;
  left: 4px;
  width: 50px;
  height: 46px;
  border: 2px solid #FFF;
  background-size: 46px 42px;
  background-repeat: no-repeat;
  z-index: 70;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-group-container {
  position: relative;
  width: 60px;
  height: 60px;
  padding: 2px;
  border: 1px solid #D7DDE1;
  display: inline-flex;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-group-container .img-per-container {
  position: absolute;
  width: 42px;
  height: 42px;
  padding: 2px;
  background-color: #FFFFFF;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-group-container .img-per-container.layer-bottom {
  right: 2px;
  bottom: 2px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-group-container .img-per-container.layer-top {
  left: 2px;
  top: 2px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-group-container .img-per-container .group-img-per {
  width: 100%;
  height: 100%;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-single-container {
  width: 60px;
  height: 60px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-single-container.single-img {
  background-position: 50% 50%;
  background-size: cover;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-single-container.single-img.cirlcle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-graphic-container {
  width: 60px;
  height: 60px;
  border: 1px solid #EEEFF2;
  padding: 4px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-graphic-container .graphic-img {
  width: 50px;
  height: 38px;
  background-size: cover;
  background-position: 50% 50%;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-graphic-container .graphic-img-2 {
  width: 37px;
  position: absolute;
  bottom: 4px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-gallery-container {
  width: 60px;
  height: 60px;
  border: 1px solid #EEEFF2;
  padding: 4px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-gallery-container .gallery-img {
  width: 40px;
  height: 40px;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  right: 6px;
  bottom: 6px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.small .msg-item-content .msg-body .msg-body-img .img-gallery-container .gallery-img.front-img {
  left: 6px;
  top: 6px;
  width: 42px;
  height: 42px;
  border: 2px solid #fff;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big .msg-item-content {
  width: 465px;
  padding: 9px 24px;
  cursor: pointer;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big .msg-item-content .msg-body {
  width: 100%;
  position: relative;
  margin-top: 20px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big .msg-item-content .msg-body .msg-body-img {
  float: inherit;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big .msg-item-content .msg-body .msg-body-img .body-img-container {
  width: 420px;
  height: 210px;
  background-position: 50% 50%;
  background-size: cover;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big .msg-item-content .msg-body .msg-body-img .body-img-container.isDaka {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("//cdn-test.500px.me/images/message/bg_daka_message.svg");
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big .msg-item-content .msg-body .msg-body-img .body-img-container.isDaka img {
  width: 30%;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big .msg-item-content .msg-body .msg-body-img .body-img-container.isMedal {
  background-image: url("//cdn-test.500px.me/images/message/bg_medal_message.png");
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big .msg-item-content .msg-body .msg-body-img .body-img-container.isMedal img {
  height: 90%;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big .msg-item-content .msg-body .msg-body-txt {
  margin-top: 15px;
  margin-bottom: 10px;
  margin-right: 0px !important;
  font-size: 13px;
  color: #B9C1C7;
  white-space: pre-line;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big.m_medal_main .msg-item-content .msg-body {
  margin-top: 0;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big.m_medal_main .msg-item-content .msg-body .msg-body-img {
  margin-bottom: 5px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big.m_medal_main .msg-item-content .msg-body .msg-body-img.daka {
  width: 100%;
  margin-bottom: 5px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.big.m_medal_main .msg-item-content .msg-body .medal_text {
  color: #6D7378;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.p_left .msg-item-content .msg-body .msg-body-txt {
  float: right;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.p_left .msg-item-content .msg-body .msg-body-img {
  float: left;
  margin-right: 15px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.p_right .msg-item-content .msg-body .msg-body-txt {
  float: left;
  margin-right: 15px;
}
.user-msg-content-container .dialogue-detail-container .msg-item-container.p_right .msg-item-content .msg-body .msg-body-img {
  float: right;
}
/*End: Added by xiaoxiaoliu for 消息升级v3 0804*/
.comment_main.ismobile .user-msg-content-container {
  height: calc(100% - 50px);
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .msg-sender-container {
  position: fixed;
  width: 100%;
  bottom: 0;
  background: #FFFFFF;
  z-index: 78;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-common .msg-item-content {
  max-width: 80%;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-card .msg-item-content {
  max-width: 72%;
  width: 72%;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-card.big .msg-item-content {
  max-width: 85%;
  width: 85%;
  padding: 9px 10px;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-card.big .msg-item-content .msg-body {
  margin-top: 10px;
  min-height: inherit;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-card.big .msg-item-content .msg-body .msg-body-img.daka {
  padding-left: 10px;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-card.big .msg-item-content .msg-body .msg-body-img .body-img-container {
  width: 270px;
  height: 143px;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-card.big .msg-item-content .msg-body .msg-body-img .body-img-container.isDaka {
  width: 250px;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-card.big .msg-item-content .msg-body .msg-body-img .body-img-mobile {
  width: 100%;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-card.small .msg-item-content .msg-body {
  min-height: inherit;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-card.small .msg-item-content .msg-body .msg-body-txt {
  width: calc(100% - 65px);
  width: -webkit-calc(100% - 65px);
  width: -moz-calc(100% - 65px);
  margin-right: 0;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-card.small.noImg .msg-item-content .msg-body {
  min-height: inherit;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-card.small.noImg .msg-item-content .msg-body .msg-body-txt {
  width: 100%;
}
.comment_main.ismobile .user-msg-content-container.dialogue-detail .dialogue-detail-container .msg-item-container.msg-v3.msg-card.small.p_left .msg-item-content .msg-body-img {
  margin-right: 0;
}
/*Begin:Added by xiaoxiaoliu for #2323 消息界面在PC端的适配 20170828*/
body.v3.msg-v3-adjust {
  height: 100%;
}
body.v3.msg-v3-adjust #content.msg-v3-adjust {
  height: calc(100% - 50px);
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
}
body.v3.msg-v3-adjust #content.msg-v3-adjust .msg-v3-adjust {
  height: 100%;
}
body.v3.msg-v3-adjust #content.msg-v3-adjust .msg-v3-adjust .infoCenter {
  height: calc(100% - 55px);
  height: -webkit-calc(100% - 55px);
  height: -moz-calc(100% - 55px);
  padding-top: 30px;
}
/*End:Added by xiaoxiaoliu for #2323 消息界面在PC端的适配 20170828*/
/*Begin:Added by xiaoxiaoliu for #2323 消息界面在PC端的适配 20170828*/
@media only screen and (max-height: 800px) {
  body.v3.msg-v3-adjust {
    height: 100%;
  }
  body.v3.msg-v3-adjust #content.msg-v3-adjust {
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
  }
  body.v3.msg-v3-adjust #content.msg-v3-adjust .msg-v3-adjust {
    height: 100%;
  }
  body.v3.msg-v3-adjust #content.msg-v3-adjust .msg-v3-adjust .infoCenter {
    height: calc(100% - 55px);
    height: -webkit-calc(100% - 55px);
    height: -moz-calc(100% - 55px);
    padding-top: 30px;
  }
  .infoCenter .leftSide.v3 {
    height: 100%;
  }
  .infoCenter .content_2 {
    height: 100%;
  }
}
/*End:Added by xiaoxiaoliu for #2323 消息界面在PC端的适配 20170828*/
@media only screen and (max-width: 800px) {
  .user-msg-content-container {
    width: 100%;
  }
  .user-msg-content-container .user-msg-per-container {
    display: block;
    margin-bottom: -25px;
  }
  .user-msg-content-container .user-msg-per-container .user-msg-per {
    padding: 20px 40px 20px 90px;
  }
  .user-msg-content-container .user-msg-per-container .user-msg-per li.msg-mark.unread {
    left: 10px;
  }
  .user-msg-content-container .user-msg-per-container .user-msg-per .user-avatar {
    left: 20px;
  }
  .user-msg-content-container .user-msg-per-container .user-msg-per .msg-detail-container .user-name {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
  .user-msg-content-container .user-msg-per-container .user-msg-per .msg-detail-container .msg-detail {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .user-msg-content-container .user-msg-per-container .close-img {
    display: block;
    top: 48px;
  }
  .user-msg-content-container .user-msg-per-container .top-img {
    display: block;
  }
  .user-msg-content-container .user-msg-per-container .cancel-top-img {
    display: block;
  }
  .user-msg-content-container {
    height: 100%;
  }
  .user-msg-content-container.dialogue-detail .dialogue-list-container {
    overflow-y: auto;
    height: 100%;
    padding-bottom: 20px;
  }
  .user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container {
    height: auto;
    margin-bottom: 0;
  }
  .user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container .user-msg-per {
    padding: 30px 0 0 0;
  }
  .user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container .user-msg-per .msg-detail-container {
    left: 60px;
    max-width: 70%;
    position: relative;
  }
  .user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container .user-msg-per .msg-detail-container .user-name {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
  .user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container.right-user .user-msg-per .user-avatar {
    right: 20px;
  }
  .user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container.right-user .user-msg-per .msg-detail-container {
    position: relative;
    right: 60px;
  }
  .user-msg-content-container.dialogue-detail .dialogue-list-container .user-msg-per-container.right-user .user-msg-per .msg-detail-container .user-name {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
  .user-msg-content-container.dialogue-detail .msg-sender-container {
    height: 45px;
    padding-top: 5px;
    border-top: 1px solid #EEEFF2;
  }
  .user-msg-content-container.dialogue-detail .msg-sender-container .avatar-container {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 10px;
    float: left;
  }
  .user-msg-content-container.dialogue-detail .msg-sender-container .avatar-container .user-avatar {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .user-msg-content-container.dialogue-detail .msg-sender-container .msg-send-container {
    display: inline-block;
    float: left;
    margin: 2px 0 0 10px;
    width: 80%;
  }
  .user-msg-content-container.dialogue-detail .msg-sender-container .msg-send-container .msg-data-send {
    width: 100%;
    height: 30px;
    line-height: 15px;
    padding: 7px 15px 7px 15px;
    font-size: 12px;
    background-color: #f7f8fa;
    word-wrap: break-word;
    overflow: hidden;
  }
  .user-msg-content-container.dialogue-detail .msg-sender-container .msg-send-btn {
    display: none;
  }
  .user-msg-content-container .empty-content-container {
    width: 100%;
    text-align: center;
    padding-top: 167px;
  }
  .user-msg-content-container .empty-content-container .img-div img.internal-msg-empty {
    width: 60px;
  }
  .user-msg-content-container .empty-content-container .empty-txt-title {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #525558;
    margin-top: 40px;
  }
  .user-msg-content-container .empty-content-container .empty-txt-title-small {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #B9C1C7;
    margin-top: 15px;
  }
  /*Begin:Added by xiaoxiaoliu for #2323 消息界面在PC端的适配 20170828*/
  body.v3.msg-v3-adjust {
    height: 100%;
  }
  body.v3.msg-v3-adjust #content.msg-v3-adjust {
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
  }
  body.v3.msg-v3-adjust #content.msg-v3-adjust .msg-v3-adjust {
    height: 100%;
  }
  body.v3.msg-v3-adjust #content.msg-v3-adjust .msg-v3-adjust .infoCenter {
    height: calc(100% - 55px);
    height: -webkit-calc(100% - 55px);
    height: -moz-calc(100% - 55px);
    padding: 20px 0;
  }
  /*End:Added by xiaoxiaoliu for #2323 消息界面在PC端的适配 20170828*/
}
/*End:Added by liuxiaoxiao for 站内信 20170317*/
.infoCenter.ismobile {
  min-width: inherit;
}
.infoCenter.ismobile .leftSide {
  width: 90%;
  margin-right: 0;
  padding-bottom: 20px;
}
.infoCenter.ismobile .leftSide li.item {
  height: 70px;
  line-height: 70px;
  padding: 0 20px;
}
.infoCenter.ismobile .leftSide li.item ._icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  vertical-align: middle;
}
.infoCenter.ismobile .leftSide li.item ._icon .item-icon {
  width: 50px;
  height: 50px;
}
.infoCenter.ismobile .leftSide li.item ._title {
  margin-left: 15px;
  vertical-align: middle;
}
.infoCenter.ismobile .leftSide li.item ._title .icon {
  top: 15px;
  width: 24px;
  height: 22px;
  line-height: 22px;
}
.infoCenter.ismobile .leftSide li.item.like ._icon {
  background-image: url("//cdn-test.500px.me/images/message/Group 2.svg");
}
.infoCenter.ismobile .leftSide li.item.comment ._icon {
  background-image: url("//cdn-test.500px.me/images/message/Group.svg");
}
.infoCenter.ismobile .leftSide li.item.message ._icon {
  background-image: url("//cdn-test.500px.me/images/message/Shape.svg");
}
.infoCenter.ismobile .leftSide li.item.tribe ._icon {
  background-image: url("//cdn-test.500px.me/images/message/Page 2.svg");
}
.infoCenter.ismobile .leftSide.v3 .item.user ._icon .v-logo {
  width: 20px;
  bottom: -13px;
}
.infoCenter.ismobile .leftSide.v3 .item.user ._title .icon {
  top: 25px;
}
.infoCenter.ismobile .leftSide.v3 .item.user ._title .msg-last {
  max-width: 150px;
}
.infoCenter.ismobile .leftSide.v3 .item.user ._title .msg-last-optTime {
  right: 20px;
}
.infoCenter.ismobile .leftSide.v3 .item.user ._title .icon {
  top: 34px;
}
.infoCenter.ismobile .leftSide.v3 .item .action-img-container {
  display: none;
}
.infoCenter.ismobile .content_2 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation: bounceInLeft 1s 1 cubic-bezier(0.215, 0.61, 0.355, 1);
}
.infoCenter.ismobile .content_2 .item {
  padding: 10px 0;
}
.infoCenter.ismobile .content_2 .item > div.leftBox {
  margin-right: 10px;
}
.infoCenter.ismobile .content_2 .item > div.centerBox {
  width: calc(100% - 155px);
  width: -webkit-calc(100% - 155px);
  width: -moz-calc(100% - 155px);
}
.infoCenter.ismobile .content_2 ._header {
  display: block;
  font-size: 16px;
  color: #414346;
  height: 47px;
  background-color: #FFFFFF;
  line-height: 47px;
  position: fixed;
  z-index: 88;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #eeeff2;
}
.infoCenter.ismobile .content_2 ._header .back {
  background-image: url("//cdn-test.500px.me/images/message/jiantou.svg?dc=1");
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  left: 25px;
  height: 47px;
  line-height: 47px;
  padding-left: 13px;
  color: #525558;
  font-size: 14px;
}
.infoCenter.ismobile .content_2 ._header .headerTxt {
  width: calc("100% - 88px");
  margin-left: 78px;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.infoCenter.ismobile .comment_main {
  position: absolute;
  top: 47px;
  width: 100%;
  height: calc(100% - 47px);
  height: -webkit-calc(100% - 47px);
  height: -moz-calc(100% - 47px);
}
.infoCenter.ismobile .comment_main .comment {
  overflow-y: auto;
  height: calc(100% - 50px);
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
}
.infoCenter.ismobile.step_3 .content_2 {
  animation: none;
}
.infoCenter.ismobile.step_3 .content_2.content_3.ismobile {
  animation: bounceInLeft 1s 1 cubic-bezier(0.215, 0.61, 0.355, 1);
}
input {
  font-size: 14px;
  padding: 8px 10px;
  color: #525558;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  transition: border-color 0.2s;
  resize: none;
  line-height: 1.4em;
}
input:-moz-placeholder {
  color: #b9c1c7;
}
input::-moz-placeholder {
  color: #b9c1c7;
}
input:-ms-input-placeholder {
  color: #b9c1c7;
}
input::-webkit-input-placeholder {
  color: #b9c1c7;
}
input:focus {
  border-color: #0099e5;
}
.checkbox {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background-color: #fff;
}
.checkbox:before {
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('//cdn-test.500px.me/images/icon/duihao_500px.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 16px;
  background-size: 16px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity 0.2s;
}
.checkbox.checked:before {
  opacity: 1;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.checkbox-container-lxx .check-per.flexbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.checkbox-container-lxx .check-per.flexbox .checkbox-cate {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background-color: #fff;
  display: inline-block;
}
.checkbox-container-lxx .check-per.flexbox .checkbox-cate:before {
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('//cdn-test.500px.me/images/icon/duihao_500px.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 9px;
  background-size: 9px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity 0.2s;
}
.checkbox-container-lxx .check-per.flexbox .checkbox-cate.checked:before {
  opacity: 1;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.checkbox-container-lxx .check-per.flexbox .checkbox-cate:before {
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('//cdn-test.500px.me/images/icon/duihao_500px.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 9px;
  background-size: 9px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity 0.2s;
}
.checkbox-container-lxx .check-per.flexbox .checkbox-cate.checked:before {
  opacity: 1;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.checkbox-container-lxx .check-per.flexbox .checkbox-cate.error {
  border-color: #ff3442;
}
.select_container_mobile {
  min-height: 45px;
  position: relative;
}
.select_container_mobile .select_mobile_result_box {
  line-height: 45px;
  height: 45px;
  padding: 0 22px 0 8px;
  font-size: 13px;
  color: #222222;
  text-align: left;
  position: relative;
  box-sizing: content-box;
  min-width: 2em;
  background: #FFFFFF;
  cursor: pointer;
  white-space: nowrap;
}
.select_container_mobile .select_mobile_result_box::after {
  display: block;
  content: '';
  box-sizing: content-box;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-right: 3px solid #b9c1c7;
  border-bottom: 3px solid #b9c1c7;
  border-left: 3px solid transparent;
  position: absolute;
  right: 12px;
  bottom: 16px;
}
.select_container_mobile .fake_mask {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 800;
}
.select_container_mobile .select_mobile_option_container {
  display: block;
  width: 2em;
  height: fit-content;
}
.select_container_mobile .select_mobile_option_wrap {
  display: none;
  position: relative;
  width: fit-content;
  z-index: 900;
  background: #FFFFFF;
  margin: 0;
  padding: 0;
}
.select_container_mobile .select_mobile_option_wrap .select_mobile_option {
  font-size: 13px;
  color: #222222;
  line-height: 40px;
  box-sizing: content-box;
  padding: 0 40px 0 16px;
  min-width: 2em;
  margin: 0;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
.select_container_mobile.active .fake_mask {
  display: block;
}
.select_container_mobile.active .select_mobile_option_wrap {
  display: block;
}
.select_container_mobile.active .select_mobile_option_wrap .select_mobile_option.active {
  color: #0870d1;
}
.select_container_mobile.active .select_mobile_option_wrap .select_mobile_option.active::after {
  display: block;
  content: "";
  width: 13px;
  height: 10px;
  background-image: url('//cdn-test.500px.me/images/icon/duihao_500px.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 15px;
  right: 16px;
}
body.window-open {
  position: fixed;
  width: 100%;
}
.audit {
  margin: 0 auto;
  max-width: 1290px;
  min-height: 500px;
  /* Begin:Added by liuxiaoxiao for #1652 优化图片查询  20171115 */
  /* End:Added by liuxiaoxiao for #1652 优化图片查询  20171115 */
  /*下拉框*/
  /*下拉图标*/
  /*搜索框*/
  /*放大镜*/
  /*组数*/
  /*信息框*/
  /*Begin：Added by xiaoxiaoliu for #2621 20170926*/
  /*End：Added by xiaoxiaoliu for #2621 20170926*/
  /*圆形状态框*/
  /*全部通过*/
  /*部分通过*/
  /*审核中*/
  /*转码中*/
  /*相册*/
}
.audit .mobile_uplpad_btn {
  display: block;
  /* margin: 10px; */
  position: fixed;
  bottom: 0;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
}
.audit .mobile_uplpad_btn .button {
  font-size: 16px;
  width: 99%;
  height: 40px;
  line-height: 40px;
}
.audit .uploadTime {
  margin-bottom: 50px;
  /*Begin:Added by xiaoxiaoliu for 签约供稿添加查询数目 20170920*/
  /*End:Added by xiaoxiaoliu for 签约供稿添加查询数目 20170920*/
}
.audit .uploadTime .loading-bottom-region {
  margin-top: 15px;
  text-align: center;
  color: #0099e5;
  font-size: 16px;
}
.audit .uploadTime .worksNumber {
  font-size: 14px;
  color: #818689;
}
.audit .uploadTime .worksNumber .countPerContainer {
  float: left;
  margin: 5px;
}
.audit .uploadTime .worksNumber .countPerContainer .segment-line {
  display: inline-block;
  border-right: 1px solid #e0e1e3;
  float: right;
  height: 12px;
  margin-top: 1px;
  width: 1px;
  margin-left: 7px;
}
.audit .timeRange {
  margin-top: 30px;
  margin-bottom: 15px;
}
.audit .timeRange .tip {
  color: #818689;
  margin-bottom: 30px;
}
.audit .timeRange p {
  clear: right;
  margin-bottom: 11px;
  color: #818689;
  margin-left: 3px;
}
.audit .show-style-switch-region {
  margin-top: 10px;
  text-align: center;
}
.audit .show-style-switch-region .cateImg {
  margin: 0 10px;
  cursor: pointer;
  width: 22px;
}
.audit .show-style-switch-region .cateImg:hover {
  opacity: 0.8;
}
.audit .showMoreStyle {
  margin: 0 auto;
}
.audit .select_pack {
  margin-right: 12px;
  height: 70px;
  position: relative;
}
.audit .select_pack p {
  font-size: 12px;
  line-height: inherit;
  margin-bottom: 10px;
}
.audit .select_pack .select_input {
  position: relative;
  float: left;
}
.audit .select_pack .select_input .pack {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  width: auto;
}
.audit .select_pack .pack {
  color: #5d6062;
  border: 1px solid #c5c7cb;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  width: 128px;
  padding: 6px 30px 6px 10px;
  resize: none;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 15px;
}
.audit .select_pack .pack::-ms-expand {
  display: none;
}
.audit .select_pack .special {
  color: #525558;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #fff;
  width: 101px;
  padding: 6px 30px 6px 10px;
  resize: none;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  height: 38px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 15px;
}
.audit .select_pack .special:focus,
.audit .select_pack .special:focus + .arrows {
  border-color: #0099e5;
}
.audit .select_pack .special::-ms-expand {
  display: none;
}
.audit .pull {
  width: 7px;
  border: none;
  background-color: #fff;
  height: 12px;
  position: absolute;
  right: 11px;
  top: 14px;
  bottom: 0;
  border-left: none;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background-image: url(//assetcdn.500px.org/assets/styleguide/forms/up_down-69df0a080b4f50e181808bbd22a709e7.png);
  -webkit-background-size: 7px 12px;
  background-size: 7px 12px;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  pointer-events: none;
}
.audit .inquire {
  height: 40px;
  border: 0;
  -webkit-border-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #fff;
  padding: 0 24px 0 8px;
  width: 205px;
  font-weight: 400;
  font-size: 14px;
  color: #262729;
  border: 1px solid #c5c7cb;
  margin-left: -1px;
}
.audit .inquire::-webkit-input-placeholder {
  color: #71767a;
  line-height: 16px;
}
.audit .refer {
  position: absolute;
  top: 10px;
  right: 8px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  height: 22px;
  width: 22px;
  border: none;
  background: url("//pic.500px.me/images/svg/query.svg") 5px 3px no-repeat;
  overflow: hidden;
  text-indent: 30px;
  cursor: pointer;
}
.audit select,
.audit input {
  float: left;
}
.audit .group {
  float: right;
  font-size: 14px;
  color: #818689;
  margin-top: 97px;
}
.audit .pass {
  width: 50%;
  margin-top: 15px;
}
.audit .pass.smallCard {
  width: 180px;
  height: 210px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 30px;
  cursor: pointer;
}
.audit .pass.smallCard .gallery {
  width: 180px;
  height: 180px;
  line-height: 180px;
  border: 1px solid #D7DDE1;
}
.audit .pass.smallCard .photos {
  border: none;
}
.audit .pass.smallCard .photos .picturesShow {
  padding: 0;
  height: 100%;
}
.audit .pass.smallCard .photos .picturesShow .mr,
.audit .pass.smallCard .photos .picturesShow .config_cy {
  display: none;
}
.audit .pass.smallCard .img-short-container {
  height: 16px;
  line-height: 16px;
  margin-top: 10px;
  width: 100%;
  padding-left: 2px;
}
.audit .pass.smallCard .img-short-container .img-state {
  display: inline-block;
  width: 44px;
  height: 16px;
  text-align: center;
  font-size: 11px;
  color: #FFFFff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
}
.audit .pass.smallCard .img-short-container .img-state.state-refused {
  background-color: #FF4C4C;
}
.audit .pass.smallCard .img-short-container .img-state.state-review {
  background-color: #FFBF00;
}
.audit .pass.smallCard .img-short-container .img-state.state-online {
  background-color: #34BF49;
}
.audit .pass.smallCard .img-short-container .img-state.state-offline {
  background-color: #34BF49;
  opacity: 0.5;
}
.audit .pass.smallCard .img-short-container .title {
  display: inline-block;
  font-size: 12px;
  margin-left: 8px;
  color: #71767A;
}
.audit .pass.smallCard .img-short-container.hidden {
  display: none;
}
.audit .photos {
  border: 1px solid #ebecf0;
  border-radius: 8px;
}
.audit .editImgQuery {
  cursor: pointer;
  background-color: #FFFFff;
}
.audit .editImgQuery:hover {
  background-color: #EEEFF2;
  cursor: pointer;
}
.audit .gallery_down {
  position: relative;
}
.audit .down_load {
  line-height: 30px;
  text-align: center;
  display: block;
  margin: 10px auto 0;
  background: transparent none repeat scroll 0 0;
  width: 80px;
  height: 30px;
  border: 1px solid #0099e5;
  border-radius: 6px;
  color: #0099e5;
  top: 194px;
  left: 48px;
  cursor: pointer;
}
.audit .down_load:hover {
  background: #0099e5;
  color: #fff;
}
.audit .picturesShow {
  position: relative;
  padding: 30px 15px;
  /*Begin: Added by xiaoxiaoliu for #2212添加视频查询 根据权限加载内容类型 20170922*/
  /*End: Added by xiaoxiaoliu for #2212添加视频查询 根据权限加载内容类型 20170922*/
}
.audit .picturesShow .video-container {
  width: 176px;
  height: 176px;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.audit .status_all_equal_height {
  height: 355px;
}
.audit .status_all_equal_height .config_cy {
  position: absolute;
  bottom: 30px;
  right: 15px;
}
.audit .picturesShow ul {
  list-style-type: none;
}
.audit .picturesShow ul .rejection_content_li {
  height: 49px;
  position: relative;
}
.audit .picturesShow ul .rejection_content_li .rejection_content {
  width: 65%;
  height: 45px;
  position: absolute;
  top: 3px;
  left: 35%;
  line-height: 15px;
  text-align: left;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.audit .stateMsg_l {
  display: inline-block;
  line-height: 17px;
}
.audit .stateMsg_l span {
  font-size: 14px;
}
.audit .status {
  border-radius: 18px;
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 6px;
}
.audit .whole {
  border: 1px solid #1aa41d;
  background: #22df14;
}
.audit .allerror {
  border: 1px solid #cd1414;
  background: #f64646;
}
.audit .moiety {
  position: relative;
  border: 1px solid #1aa41d;
  background: #22df14;
}
.audit .moiety:before {
  position: absolute;
  left: -1px;
  top: 0px;
  content: ' ';
  display: inline-block;
  background-color: #FFF;
  width: 18px;
  height: 9px;
  border-radius: 9px 9px 0 0;
  -webkit-border-radius: 9px 9px 0 0;
  -moz-border-radius: 9px 9px 0 0;
  -o-border-radius: 9px 9px 0 0;
}
.audit .check {
  border: 1px solid #ebb83e;
  background: #f9d273;
}
.audit .transform {
  border: 1px solid #1aa41d;
  background: #FFFFff;
}
.audit .gallery {
  text-align: center;
  display: inline-block;
  width: 176px;
  height: 176px;
  line-height: 176px;
  background-size: cover;
  background-color: transparent;
}
.audit .gallery img,
.audit .gallery video {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.audit .text_title {
  color: #7d8285;
  font-size: 13px;
}
.audit .text_top {
  color: #0099e5;
  font-size: 14px;
}
.audit .text_label {
  width: 65%;
  text-align: left;
  height: 14px;
  float: right;
  color: #b5b9bb;
  font-size: 14px;
  max-width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.audit .fl {
  float: left;
  padding-right: 5px;
}
.audit .fl.left {
  padding-left: 5px;
}
.audit .fr {
  float: right;
}
.audit .lf {
  left: 82px;
}
.audit .pr {
  float: left;
}
.audit .mr {
  margin-left: 190px;
}
.audit .mb {
  line-height: 18px;
  padding: 7px 0;
}
.audit .bb {
  border-top: 1px solid #e0e1e3;
  padding: 7px 0;
}
.audit .editImgQueryBB {
  cursor: pointer;
}
.audit .bt {
  border-top: 1px solid #e0e1e3;
  padding-top: 7px;
}
.audit .pt {
  padding-top: 22px;
}
.audit .bn {
  border: none;
}
.audit .tops {
  top: 36px;
}
.audit .topss {
  top: 32px;
}
/* Begin:Added by liuxiaoxiao for #1652 优化图片查询  20171115 */
.qianyue-img-pop-cmp-container .audit {
  padding: 30px 20px;
  min-height: auto;
}
.qianyue-img-pop-cmp-container .audit .mr {
  margin-left: 0px;
}
/* End:Added by liuxiaoxiao for #1652 优化图片查询  20171115 */
/* Begin:Added by liuxiaoxiao for #1652 优化图片查询  20171116 */
.audit .picturesShow.edit {
  height: 280px;
}
.audit .picturesShow.edit .photo-group-slider-region {
  margin-top: 40px;
  width: 100%;
  padding-left: 35px;
  padding-right: 35px;
  overflow: hidden;
  position: relative;
}
.audit .picturesShow.edit .photo-group-slider-region .slider-per {
  width: 21%;
  max-width: 120px;
  height: 140px;
  float: left;
  margin-right: 5%;
}
.audit .picturesShow.edit .photo-group-slider-region .slider-per:last-child {
  margin-right: 0px;
}
.audit .picturesShow.edit .photo-group-slider-region .slider-per .state-region {
  height: 20px;
  line-height: 20px;
}
.audit .picturesShow.edit .photo-group-slider-region .slider-per .state-region .status {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  float: left;
  margin-right: 3px;
  margin-top: 4px;
}
.audit .picturesShow.edit .photo-group-slider-region .slider-per .state-region .state-txt {
  font-size: 12px;
  color: #525558;
}
.audit .picturesShow.edit .photo-group-slider-region .slider-per .img-container {
  width: 100%;
  height: 120px;
  text-align: center;
  line-height: 120px;
}
.audit .picturesShow.edit .photo-group-slider-region .slider-per .img-container img,
.audit .picturesShow.edit .photo-group-slider-region .slider-per .img-container video,
.audit .picturesShow.edit .photo-group-slider-region .slider-per .img-container iframe {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.audit .picturesShow.edit .photo-group-slider-region .loading-container {
  text-align: center;
}
.audit .picturesShow.edit .photo-group-slider-region .loading-container img {
  width: 40px;
  height: 40px;
}
.audit .picturesShow.edit .photo-group-slider-region .arrow-left {
  position: absolute;
  left: 6px;
  top: 60px;
  display: inline-block;
  margin: 0px;
  border-left: 2px solid #D7DDE1;
  border-bottom: 2px solid #D7DDE1;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
}
.audit .picturesShow.edit .photo-group-slider-region .arrow-left.active {
  border-color: #0099E5;
}
.audit .picturesShow.edit .photo-group-slider-region .arrow-right {
  position: absolute;
  right: 8px;
  top: 60px;
  display: inline-block;
  margin: 0px;
  border-left: 2px solid #D7DDE1;
  border-bottom: 2px solid #D7DDE1;
  width: 30px;
  height: 30px;
  transform: rotate(225deg);
}
.audit .picturesShow.edit .photo-group-slider-region .arrow-right.active {
  border-color: #0099E5;
}
.img-per-pop-cmp-container {
  padding: 10px;
}
.img-per-pop-cmp-container .audit {
  min-height: inherit;
  max-width: inherit;
}
.img-per-pop-cmp-container .audit .bb {
  border: none;
}
.img-per-pop-cmp-container .audit .text_label.pop {
  text-overflow: inherit;
  white-space: inherit;
  overflow: inherit;
}
/* End:Added by liuxiaoxiao for #1652 优化图片查询  20171116 */
.window_pic_status {
  bottom: 10px;
  position: absolute;
  right: 10px;
}
.ellipsisIcon {
  width: 34px!important;
}
.moreDesc {
  display: block;
  cursor: pointer;
  text-align: center;
  padding: 0 5px;
  overflow: inherit !important;
}
.moreDesc .shuoming_main {
  padding: 20px;
}
.moreDesc .lyby_tip_main {
  z-index: 1;
}
.moreDesc .lyby_tip_main .lyby_tip {
  width: 360px;
  max-height: 200px;
  overflow: auto;
}
.moreDesc.active .lyby_tip_main {
  display: block;
}
.moreDesc .radius {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #71767a;
  border: 1px solid #b9e3f8;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 3px;
}
.groupPic {
  height: 100%;
}
.groupPic .audit {
  padding: 0 20px 20px 20px;
  overflow: auto;
  min-height: 0;
  height: calc(100% - 45px);
  height: -webkit-calc(100% - 45px);
  height: -moz-calc(100% - 45px);
}
.config_cy {
  text-align: right;
}
.config_cy .down_load {
  display: inline-block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
}
.config_cy .button {
  line-height: 30px;
  width: 80px;
  height: 30px;
}
.config_cy > a + a {
  margin-left: 5px !important;
}
.zaibianji {
  padding: 20px 0;
  height: calc(100% - 96px);
  height: -webkit-calc(100% - 96px);
  height: -moz-calc(100% - 96px);
  overflow: auto;
}
.zaibianji h4 {
  display: inline-block;
  color: #9b9fa5;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-left: 10px;
  cursor: default;
}
.zaibianji .select_wrap {
  height: 40px;
  position: relative;
}
.zaibianji .select_wrap select {
  color: #525558;
  border: 0;
  border-top: 1px solid rgba(185, 193, 199, 0.5);
  border-bottom: 1px solid rgba(185, 193, 199, 0.5);
  /*-webkit-border-radius: 3px;*/
  /*border-radius: 3px;*/
  background-color: #fff;
  width: 100%;
  padding: 6px 30px 6px 10px;
  resize: none;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.zaibianji .select_wrap select:focus,
.zaibianji .select_wrap .ui-selectmenu-text:focus {
  border-color: #0099e5;
}
.zaibianji .select_wrap select:focus + .arrows,
.zaibianji .select_wrap .ui-selectmenu-text:focus + .arrows {
  border-color: #0099e5;
}
.zaibianji .select_wrap select::-ms-expand,
.zaibianji .select_wrap .ui-selectmenu-text::-ms-expand {
  display: none;
}
.zaibianji .select_wrap .arrows {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 30px;
  border: 1px solid rgba(185, 193, 199, 0.5);
  border-left: none;
  border-right: none;
  /*-webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;*/
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAjElEQVQY02NYtWoVMwMQ7Dh0RnLnwePrQDSIDxNn+P//P9OOA8f3nb129z+IBvEZYACk48SF6/93Hjz2G0IfXweTaNl16MT/nYeOvwWyP4JoMP/gsXaGzfv3i2w8coR327YTfNtOADGQBvMPHRJlIB+AtGMzdv/+MyIMIIuxOWjHoeOt+L2CNxDwBR8A34mhhUTU5TIAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: 7px 12px;
  background-position: center center;
  background-color: #fff;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  pointer-events: none;
}
.zaibianji .filepicker_wrap {
  padding: 5px;
}
.zaibianji .filepicker_wrap .filepicker_label {
  width: 49%;
  display: inline-block;
  cursor: pointer;
  padding: 8px 10px 8px 25px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2em;
  color: #525558;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  background-image: url(//assetcdn.500px.org/assets/styleguide/forms/plus@2x-68a76077f9f101b97770a2cfccd6ee9a.png);
  background-size: 9px;
  background-position: 10px center;
  background-repeat: no-repeat;
}
.zaibianji ul.releases > li {
  opacity: 0.5;
  position: relative;
  padding: 5px 0 5px 32px;
  margin: 0;
  background-size: 14px;
}
.zaibianji ul.releases > li.model {
  background: url("//node-test.500px.me/images/gicUpload/pepole.svg") 7px 0px no-repeat;
}
.zaibianji ul.releases > li.pepole {
  background: url("//node-test.500px.me/images/gicUpload/model.svg") 7px 0px no-repeat;
}
.zaibianji ul.releases > li.same {
  opacity: 1;
}
.zaibianji ul.releases > li:first-child {
  margin-top: 5px;
}
.zaibianji ul.releases > li .name {
  width: calc(100% - 32px - 27px);
  width: -webkit-calc(100% - 32px - 27px);
  width: -moz-calc(100% - 32px - 27px);
  display: inline-block;
  white-space: nowrap;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
}
.zaibianji ul.releases > li a.delete {
  display: inline-block;
  font-weight: bold;
  position: absolute;
  top: 5px;
  right: 5px;
}
.zaibianji ul.releases > li a.delete span {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  width: 17px;
  height: 17px;
  background: url(//assetcdn.500px.org/assets/groups/add_photo@2x-bd4f8ff5a8b49687ac9da3533afd9f92.png) center no-repeat;
  background-size: cover;
}
.zaibianji ul.releases > li .progress {
  display: inline-block;
  cursor: pointer;
  width: 27px;
  height: 27px;
  position: absolute;
  top: 0;
  right: 0;
}
.zaibianji ul.releases > li.upload_finished .progress {
  display: none;
}
.zaibianji .list.photo_details_panel li.uploaded_file {
  margin-bottom: 8px;
}
.zaibianji li.uploaded_file .uploaded_file_progress_bar {
  display: inline-block;
  cursor: pointer;
  width: 27px;
  height: 27px;
  position: absolute;
  top: 0;
  right: 0;
}
.zaibianji .list.photo_details_panel li.cmp_rights.showlist {
  margin-bottom: 0px;
}
.bj_pic_win_btns {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.bj_pic_win_btns > a {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.bj_pic_win_btns .down_load {
  max-width: 85px;
}
.bj_pic_win_btns .down_load + .down_load {
  margin-left: 5px;
}
/*Begin：Added by xiaoxiaoliu for #2621 20170926*/
@media only screen and (max-width: 679px) {
  .timeRange,
  .bjworksNumber {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 950px) {
  .showMoreStyle {
    width: 800px;
  }
}
@media only screen and (min-width: 1150px) {
  .showMoreStyle {
    width: 1000px;
  }
}
@media only screen and (min-width: 1350px) {
  .showMoreStyle {
    width: 1200px;
  }
}
@media only screen and (min-width: 1550px) {
  .showMoreStyle {
    width: 1400px;
  }
}
@media only screen and (min-width: 1750px) {
  .showMoreStyle {
    width: 1400px;
  }
}
@media only screen and (min-width: 1950px) {
  .showMoreStyle {
    width: 1600px;
  }
}
@media only screen and (min-width: 2150px) {
  .showMoreStyle {
    width: 1800px;
  }
}
@media only screen and (min-width: 2350px) {
  .showMoreStyle {
    width: 2000px;
  }
}
@media only screen and (min-width: 2550px) {
  .showMoreStyle {
    width: 2200px;
  }
}
/*End：Added by xiaoxiaoliu for #2621 20170926*/
@media only screen and (max-width: 679px) {
  .mobile.groupPic .fl .photos .picturesShow .pr {
    text-align: center;
    /*Begin: Added by xiaoxiaoliu for #2212添加视频查询 根据权限加载内容类型 20170922*/
    /*End: Added by xiaoxiaoliu for #2212添加视频查询 根据权限加载内容类型 20170922*/
  }
  .mobile.groupPic .fl .photos .picturesShow .pr .video-container {
    width: 176px;
    height: 176px;
    margin: 0 auto;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .mobile.hetongxiazai {
    margin: 0 auto;
  }
  .mobile .header h3 {
    width: calc(100% - 20px);
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile .fl {
    float: none;
    padding-left: 5px;
  }
  .mobile .fl.pass {
    width: 100%;
  }
  .mobile .fl .photos {
    border-color: #b9c1c7;
  }
  .mobile .fl .photos .picturesShow {
    padding-top: 15px;
    height: auto;
  }
  .mobile .fl .photos .picturesShow .pr {
    float: none;
    margin-bottom: 30px;
    text-align: center;
  }
  .mobile .fl .photos .picturesShow .pr .gallery {
    height: auto;
    line-height: 1;
  }
  .mobile .fl .photos .picturesShow .pr .gallery img {
    vertical-align: top;
  }
  .mobile .fl .photos .picturesShow .mr {
    margin-left: 0;
  }
  .mobile .fl .photos .picturesShow .mr .text_label,
  .mobile .fl .photos .picturesShow .mr .text_top,
  .mobile .fl .photos .picturesShow .mr .stateMsg_l {
    color: #71767a;
  }
  .mobile .fl .photos .picturesShow .mr .bb {
    border-top-color: #b9c1c7;
  }
  .mobile .fl .photos .picturesShow .mr .moreDesc .lyby_tip_main .lyby_tip {
    max-width: 260px;
    left: -195px !important;
  }
  /*Begin:Added by xiaoxiaoliu for 签约供稿添加查询数目 20170920*/
  .audit .uploadTime .worksNumber {
    float: left;
    font-size: 14px;
  }
  .audit .select_pack_date {
    height: 95px;
  }
  .audit .status_all_equal_height {
    height: auto;
  }
  .audit .status_all_equal_height .config_cy {
    position: relative!important;
    bottom: 0px!important;
    right: 0px!important;
  }
  .audit .picturesShow ul .rejection_content_li {
    overflow: hidden;
    height: auto;
  }
  .audit .picturesShow ul .rejection_content_li .rejection_content {
    height: auto;
    position: unset;
    -webkit-line-clamp: 6;
  }
  /*End:Added by xiaoxiaoliu for 签约供稿添加查询数目 20170920*/
}
.audit .text_top {
  color: #0870D1;
}
.audit .down_load.small {
  outline: none;
  width: auto;
  height: auto;
  font-size: 12px;
  color: #0870D1;
  line-height: 24px;
  border: 1px solid #D7D8DB;
  border-radius: 18px;
  padding: 0 10px;
  transition: 0.3s;
}
.audit .down_load.small.plain {
  border: 0;
}
.audit .down_load.small.plain:hover {
  background: #fff;
  color: #0870D1;
}
.audit .down_load.small:hover {
  background: #0870D1;
  color: #fff;
  border-color: #0870D1;
}
.gaofeichaxun {
  min-height: 500px;
  background-color: #f7f8fa;
}
.gaofeichaxun .gf_header,
.gaofeichaxun .gf_body {
  position: relative;
  max-width: 1380px;
  margin: 0 auto;
}
@media only screen and (max-width: 1379px) {
  .gaofeichaxun .gf_header,
  .gaofeichaxun .gf_body {
    margin: 0 50px;
  }
}
@media only screen and (max-width: 679px) {
  .gaofeichaxun .gf_header,
  .gaofeichaxun .gf_body {
    margin: 0 10px;
  }
}
.gaofeichaxun .gf_header {
  padding-top: 30px;
}
.gaofeichaxun .gf_header .desc_label {
  font-size: 12px;
  line-height: 1.4em;
  color: #818689;
  margin-bottom: 10px;
  margin-left: 3px;
}
.gaofeichaxun .gf_header .date_cmp {
  margin-right: 12px;
  display: inline-block;
}
.gaofeichaxun .gf_header .select_cmp {
  margin-right: 12px;
  position: relative;
  display: inline-block;
}
.gaofeichaxun .gf_header .select_cmp .pack {
  color: #5d6062;
  border: 1px solid #c5c7cb;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  width: 128px;
  padding: 6px 30px 6px 10px;
  resize: none;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 15px;
}
.gaofeichaxun .gf_header .select_cmp .pull {
  width: 7px;
  border: none;
  background-color: #fff;
  height: 12px;
  position: absolute;
  right: 11px;
  top: 40px;
  bottom: 0;
  border-left: none;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background-image: url(//assetcdn.500px.org/assets/styleguide/forms/up_down-69df0a080b4f50e181808bbd22a709e7.png);
  -webkit-background-size: 7px 12px;
  background-size: 7px 12px;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  pointer-events: none;
}
.gaofeichaxun .gf_header .info_text {
  font-size: 12px;
  color: #818689;
  display: inline-block;
}
.gaofeichaxun table tbody .details_open,
.gaofeichaxun table tbody .details_close {
  background-color: #f9f9f9;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  float: left;
}
.gaofeichaxun table tbody .details_open {
  background: url("//node-test.500px.me/images/contractPhotographer/details_open.png") no-repeat center center;
}
.gaofeichaxun table tbody .details_close {
  background: url("//node-test.500px.me/images/contractPhotographer/details_close.png") no-repeat center center;
}
.gaofeichaxun table tbody td.details {
  text-align: left;
}
.gaofeichaxun table tbody td.details table .td1 {
  width: 84px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.gaofeichaxun table tbody td.details table td {
  text-align: center;
  padding: 5px 1px;
}
.gaofeichaxun .gf_tiper {
  background: #fff;
  border-radius: 4px;
  border-left: 4px solid #0099e5;
  padding: 16px 20px;
  overflow: hidden;
  margin-bottom: 24px;
}
.gaofeichaxun .gf_tiper p {
  line-height: 24px;
}
.gaofeichaxun .gf_tiper p:last-child {
  margin-top: 5px;
}
.gaofeichaxun .gf_tiper.mobile {
  margin-bottom: 0;
  padding: 12px;
  margin: 12px;
}
.sqlink {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.sqlink:link {
  color: #30acea;
}
.sqlink:visited {
  color: #30acea;
}
.sqlink:hover {
  color: #1c98d6;
}
.otherInfo {
  color: #818689;
  font-size: 14px;
  position: absolute;
  top: -40px;
  right: 10px;
  z-index: 1;
}
.otherInfo > div {
  float: left;
}
.otherInfo > div + div {
  margin-left: 40px;
}
@media only screen and (max-width: 679px) {
  .gf_header .select_cmp {
    margin-top: 10px;
  }
  .gf_body .infoTotal .other-Info,
  .popover .infoTotal .other-Info {
    color: #fff;
    background-color: #0099e5;
    border-radius: 5px;
    text-align: center;
    margin-top: 15px;
    padding: 35px 0;
    font-size: 14px;
  }
  .gf_body .infoTotal .other-Info > div,
  .popover .infoTotal .other-Info > div {
    display: inline-block;
  }
  .gf_body .infoTotal .other-Info > div:nth-child(2),
  .popover .infoTotal .other-Info > div:nth-child(2) {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #fff;
  }
  .gf_body .infoTotal .other-Info > div span,
  .popover .infoTotal .other-Info > div span {
    display: block;
    margin-top: 20px;
    font-size: 18px;
  }
  .gf_body .infoTotal .info-box,
  .popover .infoTotal .info-box {
    padding: 15px 0;
  }
  .gf_body .infoTotal .info-box .info-details,
  .popover .infoTotal .info-box .info-details {
    width: 100%;
    border: 1px solid #b9c1c7;
    border-radius: 5px;
    background-color: #fff;
    padding: 5px 15px;
    margin-bottom: 15px;
  }
  .gf_body .infoTotal .info-box .info-details > li,
  .popover .infoTotal .info-box .info-details > li {
    padding: 15px 0;
    overflow: hidden;
    border-bottom: 1px solid #b9c1c7;
  }
  .gf_body .infoTotal .info-box .info-details > li:last-child,
  .popover .infoTotal .info-box .info-details > li:last-child {
    border-bottom: 0;
  }
  .gf_body .infoTotal .info-box .info-details > li span,
  .popover .infoTotal .info-box .info-details > li span {
    color: #71767a;
    font-size: 14px;
  }
  .gf_body .infoTotal .info-box .info-details > li span.title,
  .popover .infoTotal .info-box .info-details > li span.title {
    float: left;
    text-align: left;
  }
  .gf_body .infoTotal .info-box .info-details > li span.data,
  .popover .infoTotal .info-box .info-details > li span.data {
    float: right;
    text-align: right;
    max-width: calc(100% - 63px);
    max-width: -webkit-calc(100% - 63px);
    max-width: -moz-calc(100% - 63px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .gf_body .infoTotal .info-box .info-details > li span.data .blue,
  .popover .infoTotal .info-box .info-details > li span.data .blue {
    color: #0199e5;
  }
  .gf_body .infoTotal .info-box .info-details > li span.data .arrow,
  .popover .infoTotal .info-box .info-details > li span.data .arrow {
    margin-left: 10px;
  }
}
.yaoyue_maincmp .profile_nav .px_tabs {
  padding-left: 20px;
  text-align: left;
}
.yaoyue_maincmp .editinfo .card_upload .filterItem {
  display: block;
  margin-top: 15px;
  margin-left: 0;
}
.yaoyue_editinfo_maincmp .editinfo.__yaoyue {
  margin-top: 0;
}
.yaoyue_editinfo_maincmp .editinfo ._hetong_now .title h2 {
  font-weight: normal;
}
.yaoyue_editinfo_maincmp .editinfo ._hetong_now ._hetong_brief:before {
  display: table;
  content: '';
}
.yaoyue_editinfo_maincmp .editinfo ._hetong_now ._hetong_brief ._hetong_brief_item {
  margin-top: 15px;
  line-height: 21px;
}
.yaoyue_editinfo_maincmp .editinfo ._hetong_now ._hetong_brief ._hetong_brief_item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #525558;
}
.yaoyue_editinfo_maincmp .editinfo ._hetong_now ._hetong_brief ._hetong_brief_item span._hetong_brief_item_title {
  min-width: 210px;
}
.yaoyue_editinfo_maincmp .editinfo ._hetong_now ._hetong_brief ._hetong_brief_item span._hetong_brief_item_content {
  font-weight: bold;
}
.yaoyue_editinfo_maincmp .editinfo .formpanel {
  font-size: 16px;
  color: #525558;
}
.yaoyue_editinfo_maincmp .editinfo .d_info {
  line-height: 25px;
}
.yaoyue_editinfo_maincmp .editinfo .d_info .text {
  font-weight: bold;
}
.yaoyue_editinfo_maincmp .editinfo .inputcmp input {
  width: 70%;
}
.yaoyue_editinfo_maincmp .editinfo li._editformp label h4 {
  margin-bottom: 8px;
  font-weight: normal;
}
.yaoyue_editinfo_maincmp .editinfo li._editformp ul {
  float: left;
  width: 50%;
}
.yaoyue_editinfo_maincmp .editinfo ._selectcmp .select_wrap {
  float: none;
  width: 70%;
}
.yaoyue_editinfo_maincmp .bottom_btns {
  text-align: left;
}
.yaoyue_editinfo_maincmp .selectAndInput {
  border: 1px solid rgba(185, 193, 199, 0.5);
  width: 70%;
}
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp {
  height: 40px;
  position: relative;
  float: left;
  width: 90px;
  height: auto;
}
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp select {
  color: #525558;
  border: 1px solid rgba(185, 193, 199, 0.5);
  /*-webkit-border-radius: 3px;*/
  /*border-radius: 3px;*/
  background-color: #fff;
  width: 100%;
  padding: 6px 30px 6px 10px;
  resize: none;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp select:focus,
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp .select_wrap .ui-selectmenu-text:focus {
  border-color: #0099e5;
}
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp select:focus + .arrows,
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp .select_wrap .ui-selectmenu-text:focus + .arrows {
  border-color: #0099e5;
}
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp select::-ms-expand,
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp .select_wrap .ui-selectmenu-text::-ms-expand {
  display: none;
}
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp .arrows {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 30px;
  border: 1px solid rgba(185, 193, 199, 0.5);
  border-left: none;
  /*-webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;*/
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAjElEQVQY02NYtWoVMwMQ7Dh0RnLnwePrQDSIDxNn+P//P9OOA8f3nb129z+IBvEZYACk48SF6/93Hjz2G0IfXweTaNl16MT/nYeOvwWyP4JoMP/gsXaGzfv3i2w8coR327YTfNtOADGQBvMPHRJlIB+AtGMzdv/+MyIMIIuxOWjHoeOt+L2CNxDwBR8A34mhhUTU5TIAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: 7px 12px;
  background-position: center center;
  background-color: #fff;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  pointer-events: none;
}
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp select,
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp .arrows {
  border: none;
}
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp select {
  font-size: 14px;
  height: 35px;
  display: inline-block;
}
.yaoyue_editinfo_maincmp .selectAndInput ._selectMainCmp .arrows {
  top: 20%;
  height: 60%;
  border-right: 1px solid rgba(185, 193, 199, 0.5) !important;
}
.yaoyue_editinfo_maincmp .selectAndInput ._inputmainCmp {
  float: left;
  width: calc(100% - 90px);
  width: -webkit-calc(100% - 90px);
  width: -moz-calc(100% - 90px);
}
.yaoyue_editinfo_maincmp .selectAndInput ._inputmainCmp input {
  border: none;
  width: 100%;
}
.yaoyue_editinfo_maincmp .card_upload .shilispan {
  margin-left: 20px;
}
.yaoyue_editinfo_maincmp .card_upload .__info {
  color: #b9c1c7;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0 15px;
}
.yaoyue_editinfo_maincmp .card_upload div.label {
  height: auto;
  margin-bottom: 0;
}
.yaoyue_editinfo_maincmp .card_upload div.label a {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.yaoyue_editinfo_maincmp .card_upload div.label a:link {
  color: #30acea;
}
.yaoyue_editinfo_maincmp .card_upload div.label a:visited {
  color: #30acea;
}
.yaoyue_editinfo_maincmp .card_upload div.label a:hover {
  color: #1c98d6;
}
.yaoyue_editinfo_maincmp .img_picLocation_city .select_wrap {
  width: 70%;
  margin-bottom: 15px;
}
.yaoyue_start_cmp {
  max-width: 800px;
  margin: 0 auto;
  padding: 32px 0;
}
.yaoyue_start_cmp .crown {
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto 16px;
}
.yaoyue_start_cmp .crown img {
  width: 48px;
  height: 48px;
}
.yaoyue_start_cmp ._title {
  height: 29px;
  font-size: 21px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #222222;
  margin-bottom: 48px;
}
.yaoyue_start_cmp ._title_2 {
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
  color: #71767a;
  margin-bottom: 55px;
}
.yaoyue_start_cmp ._title_yaoyue_2 {
  text-align: left;
  word-break: break-all;
}
.yaoyue_start_cmp ._title_yaoyue_2 p {
  font-size: 16px;
  line-height: 1.38;
}
.yaoyue_start_cmp ._title_yaoyue_2 span {
  color: #0099e5;
}
.yaoyue_start_cmp ._imgs {
  margin-bottom: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  flex-flow: row wrap;
}
.yaoyue_start_cmp ._imgs ._item {
  width: 50%;
  padding: 10px 20px;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.yaoyue_start_cmp ._imgs ._item .imgItem {
  width: 120px;
  height: 120px;
  line-height: 120px;
  border: solid 1px #d7dde1;
  margin: 0 auto;
}
.yaoyue_start_cmp ._imgs ._item .imgItem img {
  width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.yaoyue_start_cmp ._right_box {
  margin-bottom: 45px;
}
.yaoyue_start_cmp ._right_box .title {
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #262626;
  margin-bottom: 16px;
}
.yaoyue_start_cmp ._right_box p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #262626;
  margin-bottom: 8px;
}
.yaoyue_start_cmp ._right_box a {
  display: inline-block;
  height: 22px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0870d1;
  margin-top: 8px;
}
.yaoyue_start_cmp ._bottom {
  text-align: center;
}
.yaoyue_start_cmp ._bottom .button {
  width: 210px;
  height: 48px;
  background-color: #0870d1;
  line-height: 48px;
  border-radius: 24px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.32px;
  text-align: center;
  color: #ffffff;
}
.yaoyueList_maincmp {
  position: relative;
  max-width: 90%;
  padding: 74px 10px;
  margin: 0 auto;
}
.yaoyueList_maincmp .y_list_body {
  margin-right: -0.71rem;
}
.yaoyueList_maincmp .y_list_body .y_p_card {
  overflow: hidden;
  position: relative;
  width: calc((100% - 2.14rem) / 3);
  width: -webkit-calc((100% - 2.14rem) / 3);
  width: -moz-calc((100% - 2.14rem) / 3);
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  margin: 0 0.71rem 0.95238095rem 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.yaoyueList_maincmp .y_list_body .y_p_card:hover {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.yaoyueList_maincmp .y_list_body .y_p_card .top {
  position: relative;
  width: 100%;
  height: 10.28571429rem;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-color: #b9c1c7;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #eeeff2;
  border-bottom: none;
  border-top: none;
}
.yaoyueList_maincmp .y_list_body .y_p_card .top .avatar {
  display: inline-block;
  width: 2.85714286rem;
  height: 2.85714286rem;
  border: 2px solid #fff;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  z-index: 150;
  bottom: -1.42857143rem;
  left: 50%;
  margin-left: -1.42857143rem;
}
.yaoyueList_maincmp .y_list_body .y_p_card .top .avatar:hover {
  opacity: 0.7;
}
.yaoyueList_maincmp .y_list_body .y_p_card .top .avatar_background {
  width: 2.85714286rem;
  height: 2.85714286rem;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  z-index: 10;
  bottom: -1.42857143rem;
  left: 50%;
  margin-left: -1.42857143rem;
  background-color: white;
}
.yaoyueList_maincmp .y_list_body .y_p_card .bottom {
  height: 140px;
  width: 100%;
  border: 1px solid #eeeff2;
  border-top: none;
  padding: 0.76190476rem;
}
.yaoyueList_maincmp .y_list_body .y_p_card .bottom .name,
.yaoyueList_maincmp .y_list_body .y_p_card .bottom .followers,
.yaoyueList_maincmp .y_list_body .y_p_card .bottom .description {
  line-height: 1.4em;
}
.yaoyueList_maincmp .y_list_body .y_p_card .bottom ._status {
  height: 20px;
  font-size: 0.76190476rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.32px;
  color: #222222;
}
.yaoyueList_maincmp .y_list_body .y_p_card .bottom ._desc {
  margin-top: 7px;
  height: 44px;
  font-size: 0.76190476rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: -0.32px;
  color: #6d7378;
}
.yaoyueList_maincmp .y_list_body .y_p_card .bottom ._action {
  margin-top: 16px;
  text-align: right;
}
.yaoyueList_maincmp .y_list_body .y_p_card .bottom ._action a {
  font-size: 0.76190476rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.yaoyueList_maincmp .y_list_body .y_p_card .bottom ._action a:link {
  color: #0870d1;
}
.yaoyueList_maincmp .y_list_body .y_p_card .bottom ._action a:visited {
  color: #0870d1;
}
.yaoyueList_maincmp .y_list_body .y_p_card .bottom ._action a:hover {
  color: #005cbd;
}
.yaoyueList_maincmp .y_list_body .y_p_card .bottom ._action a + a {
  margin-left: 20px;
}
.yaoyueList_maincmp .y_list_body .y_p_card .link_wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}
.yaoyueList_maincmp .y_list_body .y_p_card.no_badge .avatar_wrap {
  z-index: 200;
  position: absolute;
  left: 0.47619048rem;
  top: 0.9047619rem;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.yaoyueList_maincmp .y_list_body .y_p_card.no_badge .avatar_wrap .avatar {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border: 2px solid #fff;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.yaoyueList_maincmp .y_list_body .y_p_card.no_badge .avatar_wrap .avatar:hover {
  opacity: 0.7;
}
.yaoyueList_maincmp .y_list_body .y_p_card.no_badge .bottom {
  position: relative;
  padding-top: 15px;
  padding-left: 0;
  height: 3.80952381rem;
}
@media only screen and (max-width: 679px) {
  .yaoyueList_maincmp .y_list_body .y_p_card {
    width: 275px;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card .follow-button {
    display: none;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card .top .avatar {
    bottom: -45px;
    margin-left: -45px;
    display: inline-block;
    width: 90px;
    height: 90px;
    border: 2px solid #fff;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card .top .avatar:hover {
    opacity: 0.7;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card .top .avatar_background {
    width: 90px;
    height: 90px;
    bottom: -45px;
    margin-left: -45px;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card.no_badge .top {
    height: 150px;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card.no_badge .bottom {
    height: 64px;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card.no_badge .bottom .avatar_wrap {
    top: 14px;
    left: 10px;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card.no_badge .bottom .avatar_wrap .avatar {
    display: inline-block;
    width: 34px;
    height: 34px;
    border: 2px solid #fff;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card.no_badge .bottom .avatar_wrap .avatar:hover {
    opacity: 0.7;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card:last-child {
    margin-right: 5px;
  }
}
@media only screen and (max-width: 440px) {
  .yaoyueList_maincmp .y_list_body .y_p_card {
    width: 100%;
  }
}
@media only screen and (min-width: 679px) {
}
@media only screen and (min-width: 1480px) {
  .yaoyueList_maincmp .y_list_body .y_p_card {
    width: calc((100% - 3.57rem) / 5);
    width: -webkit-calc((100% - 3.57rem) / 5);
    width: -moz-calc((100% - 3.57rem) / 5);
  }
}
.yaoyueList_maincmp .y_list_body .empty_tips_container {
  width: 100%;
}
.yaoyueList_maincmp .y_list_body .empty_tips_container .empty_icon {
  width: 64px;
  height: 64px;
  margin: 32px auto 32px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("//cdn-test.500px.me/images/icon/icon_pig.png");
}
.yaoyueList_maincmp .y_list_body .empty_tips_container .empty_tips {
  font-size: 16px;
  color: #6D7378;
  line-height: 20px;
  text-align: center;
  margin: 0 16px 32px;
}
.yaoyueList_maincmp .y_list_body .empty_tips_container .action_btn {
  display: block;
  width: fit-content;
  font-size: 16px;
  color: #0870D1;
  line-height: 20px;
  text-align: center;
  margin: 0 auto;
  padding: 14px 24px;
  box-sizing: border-box;
  border: 1px solid #D7D8DB;
  border-radius: 25px;
}
.yaoyueList_maincmp .caozuoBtns .button {
  width: 86px;
}
.yaoyueList_maincmp ._fangqiIcon {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: #525558;
  border: solid 2px #525558;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  background-image: url("//cdn-test.500px.me/images/icon/x.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.yaoyueList_maincmp ._rukuiIcon {
  background-size: 14px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: #34bf49;
  border: solid 2px #34bf49;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  background-image: url("//cdn-test.500px.me/images/icon/duihao.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.yaoyueList_maincmp .zutu_box {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 0 auto;
  border: 1px solid #D7DDE1;
  padding: 3px 6px;
}
.yaoyueList_maincmp .zutu_box .img {
  height: 76px;
  overflow: hidden;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.yaoyueList_maincmp .zutu_box .black_line {
  height: 5px;
  margin: 3px auto 0;
  background: #000;
}
.yaoyueList_maincmp .zutu_box .black_line.black_line_long {
  width: 80px;
}
.yaoyueList_maincmp .zutu_box .black_line.black_line_short {
  width: 74px;
}
@media only screen and (max-width: 679px) {
  .yaoyueList_maincmp {
    max-width: unset;
    width: 100%;
    padding: 32px 16px;
  }
  .yaoyueList_maincmp .y_list_body {
    margin: 0;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card .bottom ._status {
    font-size: 16px;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card .bottom ._desc {
    font-size: 16px;
  }
  .yaoyueList_maincmp .y_list_body .y_p_card .bottom ._action a {
    font-size: 16px;
  }
}
.jujueWin {
  height: 100%;
}
.jujueWin ._body {
  padding: 40px;
  height: calc(100% - 96px);
  height: -webkit-calc(100% - 96px);
  height: -moz-calc(100% - 96px);
  overflow-y: auto;
}
.jujueWin ._body ._title {
  font-size: 16px;
  color: #0099E5;
}
.jujueWin ._body textarea {
  margin-top: 20px;
}
.jujueWin ._body .checkbox-container-lxx {
  margin-top: 20px;
}
.jujueWin ._body .cate-txt {
  font-size: 14px;
  color: #71767A;
}
.downloadMessage.yaoyueMessage {
  background-color: #ffffff;
}
.downloadMessage.yaoyueMessage h1 {
  font-size: 24px;
  font-weight: normal;
  margin-top: 0;
  padding: 0 38px;
  border-bottom: 1px solid #eeeff2;
  height: 55px;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView {
  width: 100%;
  border-radius: 2px;
  border: solid 1px #eeeff2;
  padding: 31px 0;
  margin: 0 auto;
  background-color: #f7f8fa;
  overflow-y: scroll;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewBody {
  width: 100%;
  margin-bottom: 100px;
  padding: 0 38px;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewBody .dlmcontent {
  width: 100%;
  line-height: 22px;
  font-size: 16px;
  color: #525558;
  margin: 0;
  padding: 0;
  text-align: left;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewBody .dlmcontent span {
  text-align: left;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewBody .dlmcontent a {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewBody .dlmcontent a:link {
  color: #30acea;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewBody .dlmcontent a:visited {
  color: #30acea;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewBody .dlmcontent a:hover {
  color: #1c98d6;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter {
  width: 100%;
  color: #525558;
  padding: 0 38px;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter .dlmContainer {
  width: 176px;
  min-height: 176px;
  margin: 0 auto;
  margin-bottom: 39px;
  position: relative;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter .dlmContainer .dlmimg {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter .dlmContainer .dlmimg img {
  max-width: 100%;
  max-height: 176px;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter .dlmContainer .dlmimg p {
  font-size: 16px;
  line-height: 22px;
  width: 176px;
  text-align: center;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter .dlmLink {
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  color: #525558;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter .dlmLink p {
  display: inline-block;
  max-width: 100%;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter .dlmLink a {
  display: inline-block;
  line-height: 22px;
  font-size: 16px;
}
.downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter .char {
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  color: #525558;
}
.downloadMessage.yaoyueMessage .btn_wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px 16px 32px;
  background: #FFFFFF;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #D7D8DB;
}
.downloadMessage.yaoyueMessage .btn_wrapper .btn_big_blue {
  flex: 1;
  height: 48px;
  line-height: 48px;
  border-radius: 24px;
  margin: 0;
  color: #FFFFFF;
  background-color: #0870D1;
  border: 1px solid #0870D1;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.downloadMessage.yaoyueMessage .btn_wrapper .btn_big_primary {
  flex: 1;
  height: 48px;
  line-height: 48px;
  border-radius: 24px;
  margin: 0 16px 0 0;
  color: #0870D1;
  background-color: #FFFFFF;
  border: 1px solid #D7D8DB;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.downloadMessage.yaoyueMessage .btn_wrapper .btn_big_disabled {
  flex: 1;
  height: 48px;
  line-height: 48px;
  border-radius: 24px;
  margin: 0;
  color: #FFFFFF;
  background-color: #D7D8DB;
  border: 1px solid #D7D8DB;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
@media (min-width: 500px) {
  .downloadMessage.yaoyueMessage .dlmWebViewHeader {
    display: none;
  }
}
@media (min-width: 640px) {
  .downloadMessage.yaoyueMessage .downLoadMessageWebView {
    width: 640px;
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .downloadMessage.yaoyueMessage .downLoadMessageWebView {
    background: #ffffff;
    padding: 16px 0 80px;
    border: none;
  }
  .downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewBody .dlmtitle {
    font-size: 24px;
  }
  .downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter {
    padding: 0 16px 16px;
  }
  .downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter .dlmContainer {
    width: unset;
    height: unset;
    min-height: unset;
    margin: 0 -16px -16px 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter .dlmContainer .dlmimg {
    width: 96px;
    height: 96px;
    padding: 0;
    border-radius: 8px;
    position: static;
    transform: none;
    margin: 0 16px 16px 0;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewFooter .dlmContainer .dlmimg img {
    max-width: 100%;
    max-height: 176px;
  }
  .downloadMessage.yaoyueMessage .downLoadMessageWebView .dlmWebViewBody {
    padding: 0 16px;
  }
}
.form_after_change {
  margin-top: 30px;
}
.form_after_change .inputcmp,
.form_after_change .idCard {
  margin-top: 30px;
}
.form_after_change .inputcmp .i_error_tip,
.form_after_change .idCard .i_error_tip {
  width: 500px;
}
.form_after_change .inputcmp .i_error .i_error_tip,
.form_after_change .idCard .i_error .i_error_tip {
  margin-top: 10px;
  color: red;
}
.form_after_change .inputcmp.phone,
.form_after_change .idCard.phone {
  position: relative;
}
.form_after_change .inputcmp.phone .selectAndInput,
.form_after_change .idCard.phone .selectAndInput {
  width: calc(70% - 110px) !important;
  width: -webkit-calc(70% - 110px) !important;
  width: -moz-calc(70% - 110px) !important;
}
.form_after_change .inputcmp.phone .selectAndInput ._selectMainCmp,
.form_after_change .idCard.phone .selectAndInput ._selectMainCmp {
  width: 74px;
}
.form_after_change .inputcmp.phone .selectAndInput ._inputmainCmp,
.form_after_change .idCard.phone .selectAndInput ._inputmainCmp {
  width: calc(100% - 74px) !important;
  width: -webkit-calc(100% - 74px) !important;
  width: -moz-calc(100% - 74px) !important;
}
.form_after_change .inputcmp.phone .phone_code,
.form_after_change .idCard.phone .phone_code {
  position: absolute;
  bottom: 0;
  left: calc(70% - 100px);
  width: 100px;
  height: 37px;
  line-height: 37px;
  border-radius: 3px;
  border: solid 1px #d7dde1;
  color: #0099e5;
  background-color: #fff;
  text-align: center;
}
.form_after_change .inputcmp.phone .phone_code .code,
.form_after_change .idCard.phone .phone_code .code {
  cursor: pointer;
  height: 100%;
}
.form_after_change .inputcmp.phone .phone_code .code.disabled,
.form_after_change .idCard.phone .phone_code .code.disabled {
  pointer-events: none;
  cursor: auto;
}
.form_after_change .inputcmp.phone .phone_code .code_main,
.form_after_change .idCard.phone .phone_code .code_main {
  margin-top: 0 !important;
  z-index: 33;
  font-size: 14px;
  color: #56abee;
  cursor: pointer;
  float: right;
}
.form_after_change .inputcmp.phone .phone_code .code_main .lyby_tip_main,
.form_after_change .idCard.phone .phone_code .code_main .lyby_tip_main {
  width: 140px;
  z-index: 1;
}
.form_after_change .inputcmp.phone .phone_code .code_main .lyby_tip_main .tipBody,
.form_after_change .idCard.phone .phone_code .code_main .lyby_tip_main .tipBody {
  padding: 10px;
}
.form_after_change .inputcmp.phone .phone_code .code_main .lyby_tip_main .lyby_tip,
.form_after_change .idCard.phone .phone_code .code_main .lyby_tip_main .lyby_tip {
  width: 140px;
}
.form_after_change .inputcmp.phone .phone_code .code_main .lyby_tip_main .lyby_tip img,
.form_after_change .idCard.phone .phone_code .code_main .lyby_tip_main .lyby_tip img {
  width: 100%;
  height: auto;
}
.form_after_change .inputcmp.phone .phone_code .code_main .lyby_tip_main .lyby_tip .u-input,
.form_after_change .idCard.phone .phone_code .code_main .lyby_tip_main .lyby_tip .u-input {
  border: 1px solid #c5cddb;
  line-height: 42px;
  position: relative;
  height: 42px;
  border-radius: 3px;
  padding: 0 0 0 10px;
}
.form_after_change .inputcmp.phone .phone_code .code_main .lyby_tip_main .lyby_tip input,
.form_after_change .idCard.phone .phone_code .code_main .lyby_tip_main .lyby_tip input {
  width: 100px !important;
  margin-top: 8px;
  background: transparent;
  border: 0;
  height: 25px;
  padding: 0;
}
.form_after_change .inputcmp.phone .phone_code .code_main.active .lyby_tip_main,
.form_after_change .idCard.phone .phone_code .code_main.active .lyby_tip_main {
  display: block;
}
.yaoyue_editinfo_maincmp .editinfo .bottom_btns .button,
.yaoyue_editinfo_maincmp .hetong .bottom_btns .button {
  width: 300px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}
.yaoyue_editinfo_maincmp .editinfo .result .desc .account,
.yaoyue_editinfo_maincmp .hetong .result .desc .account {
  color: #0099e5;
  cursor: pointer;
}
@font-face {
  font-family: "Monospaced Number";
  src: local("Tahoma");
  unicode-range: U+30-39;
}
@font-face {
  font-family: "Chinese Quote";
  src: local("PingFang SC"), local("SimSun");
  unicode-range: U+2018, U+2019, U+201c, U+201d;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9*/
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
.anticon-select:before {
  content: "\e64a";
}
.ant-select {
  font-family: "Monospace Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
}
.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}
.ant-select-arrow {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  line-height: 1;
  transform: translateY(-50%);
  transform-origin: 50% 50%;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
}
.ant-select-arrow:before {
  display: block;
  font-family: "anticon" !important;
}
.ant-select-arrow * {
  display: none;
}
.ant-select-arrow:before {
  content: '\e61d';
  transition: transform 0.2s ease;
}
.ant-select-selection {
  outline: none;
  user-select: none;
  box-sizing: border-box;
  display: block;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection:hover {
  border-color: #40a9ff;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #40a9ff;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-select-selection__clear {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  opacity: 0;
  position: absolute;
  right: 11px;
  z-index: 1;
  background: #fff;
  top: 50%;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  width: 12px;
  height: 12px;
  margin-top: -6px;
  line-height: 12px;
  cursor: pointer;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.ant-select-selection__clear:before {
  display: block;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62e";
}
.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  padding-right: 20px;
}
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #d9d9d9;
  box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  background: #f5f5f5;
  color: #aaa;
  padding-right: 10px;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  height: 32px;
  position: relative;
  cursor: pointer;
}
.ant-select-selection__rendered {
  display: block;
  margin-left: 11px;
  margin-right: 11px;
  position: relative;
  line-height: 30px;
}
.ant-select-selection__rendered:after {
  content: '.';
  visibility: hidden;
  pointer-events: none;
  display: inline-block;
  width: 0;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-lg .ant-select-selection--single {
  height: 40px;
}
.ant-select-lg .ant-select-selection__rendered {
  line-height: 38px;
}
.ant-select-lg .ant-select-selection--multiple {
  min-height: 40px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 32px;
  line-height: 32px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear {
  top: 20px;
}
.ant-select-sm .ant-select-selection--single {
  height: 24px;
}
.ant-select-sm .ant-select-selection__rendered {
  line-height: 22px;
  margin: 0 7px;
}
.ant-select-sm .ant-select-selection--multiple {
  min-height: 24px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 16px;
  line-height: 14px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear {
  top: 12px;
}
.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-search__field__wrap {
  display: inline-block;
  position: relative;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  left: 0;
  right: 9px;
  color: #bfbfbf;
  line-height: 20px;
  height: 20px;
  max-width: 100%;
  margin-top: -10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.ant-select-search__field__placeholder {
  left: 12px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: -9999px;
  white-space: pre;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  height: 100%;
  width: 100%;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  border-width: 0;
  font-size: 100%;
  height: 100%;
  width: 100%;
  background: transparent;
  outline: 0;
  border-radius: 4px;
  line-height: 1;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 32px;
  cursor: text;
  padding-bottom: 3px;
  zoom: 1;
}
.ant-select-selection--multiple:before,
.ant-select-selection--multiple:after {
  content: " ";
  display: table;
}
.ant-select-selection--multiple:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-select-selection--multiple:before,
.ant-select-selection--multiple:after {
  content: " ";
  display: table;
}
.ant-select-selection--multiple:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-select-selection--multiple .ant-select-search--inline {
  float: left;
  position: static;
  width: auto;
  padding: 0;
  max-width: 100%;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  max-width: 100%;
  width: 0.75em;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  margin-left: 5px;
  margin-bottom: -3px;
  height: auto;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  margin-top: 3px;
  height: 24px;
  line-height: 22px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: default;
  float: left;
  margin-right: 4px;
  max-width: 99%;
  position: relative;
  overflow: hidden;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 0 20px 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(0, 0, 0, 0.45);
  line-height: inherit;
  cursor: pointer;
  font-weight: bold;
  transition: all .3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  right: 4px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
  display: block;
  font-family: "anticon" !important;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: #404040;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
  content: "\e633";
}
.ant-select-selection--multiple .ant-select-selection__clear {
  top: 16px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow {
  -ms-transform: rotate(180deg);
}
.ant-select-open .ant-select-arrow:before {
  transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: #40a9ff;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  height: 100%;
  width: 100%;
  float: none;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  box-shadow: none;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  z-index: 10000000!important;
  font-family: "Monospace Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: border-box;
  left: -9999px;
  top: -9999px;
  position: absolute;
  outline: none;
  overflow: hidden;
  font-size: 14px;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-menu {
  outline: none;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow: auto;
}
.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px;
}
.ant-select-dropdown-menu-item-group-title {
  color: rgba(0, 0, 0, 0.45);
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  line-height: 22px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover {
  background-color: #e6f7ff;
}
.ant-select-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-selected,
.ant-select-dropdown-menu-item-selected:hover {
  background-color: #fafafa;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
}
.ant-select-dropdown-menu-item-active {
  background-color: #e6f7ff;
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  background-color: #e8e8e8;
  line-height: 0;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e632";
  color: transparent;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  transition: all 0.2s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  font-weight: bold;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
}
:root .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
  font-size: 12px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover:after {
  color: #ddd;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled:after {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:after,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover:after {
  color: #1890ff;
  display: inline-block;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}
.reEditPic_content .rejectByTitleKeywords_content {
  padding: 27px 41px;
}
.reEditPic_content .rejectByTitleKeywords_content .img_content {
  width: 100px;
  height: 100px;
  vertical-align: middle;
  text-align: center;
  line-height: 100px;
  display: inline-block;
}
.reEditPic_content .rejectByTitleKeywords_content .img_content img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.reEditPic_content .rejectByTitleKeywords_content .title_content {
  display: inline-block;
  padding-left: 20px;
  height: 100px;
  vertical-align: middle;
}
.reEditPic_content .rejectByTitleKeywords_content .title_content label {
  display: block;
  font-size: 14px;
  color: #71767A;
  line-height: 20px;
  padding-bottom: 10px;
}
.reEditPic_content .rejectByTitleKeywords_content .title_content input {
  display: block;
  font-size: 16px;
  line-height: 40px;
  color: #525558;
  width: 515px;
  height: 40px;
}
.rejectByPicSource .rejectByPicSource_content {
  padding: 32px 35px;
  overflow: scroll;
  height: 400px;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container {
  display: inline-block;
  margin-right: 25px;
  height: 190px;
  vertical-align: top;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .addIcon_container {
  width: 160px;
  height: 160px;
  border: 1px solid #B9C1C7;
  position: relative;
  text-align: center;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .addIcon_container .add_icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -23px;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .addIcon_container .add_icon img {
  width: 100%;
  height: 100%;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .addIcon_container .upload_Advice_Info {
  font-size: 14px;
  color: #71767A;
  position: absolute;
  top: 95px;
  left: 50%;
  margin-left: -28px;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .pic_img_container,
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .pic_img_upload_error {
  width: 162px;
  height: 162px;
  border: 1px solid #B9C1C7;
  line-height: 158px;
  text-align: center;
  vertical-align: middle;
  position: relative;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .pic_img_container img,
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .pic_img_upload_error img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .pic_img_container .del_icon,
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .pic_img_upload_error .del_icon {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  font-size: 0px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: rgba(90, 90, 90, 0.3);
  line-height: 20px;
  background-image: url("//cdn-test.500px.me/images/icon/x.svg");
  background-size: 20px;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .pic_img_container .warnIcon,
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .pic_img_upload_error .warnIcon {
  width: 20px;
  height: 20px;
  background-image: url(//cdn-test.500px.me/images/gicUpload/icon-error.svg);
  background-position: 0 center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -28px;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .pic_img_container .warnText,
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .pic_img_upload_error .warnText {
  width: 58px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -29px;
  margin-top: 0px;
  line-height: 20px;
  font-size: 14px;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .process_container {
  width: 160px;
  height: 160px;
  border: 1px solid #B9C1C7;
  vertical-align: middle;
  position: relative;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .process_container .process-line-container {
  width: 0px;
  height: 20px;
  background-color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -60px;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -o-border-radius: 13px;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .process_container .process-line-container .process-line {
  width: 100%;
  height: 100%;
  background-color: #0099E5;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -o-border-radius: 13px;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .process_container .process-num {
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  text-align: center;
  width: 100%;
  color: #000;
}
.rejectByPicSource .rejectByPicSource_content .upload_pic_container .picDescTxt {
  line-height: 30px;
  font-size: 14px;
  color: #0099e5;
  width: 100%;
  text-align: center;
}
.rejectByPicSource .rejectByPicSource_content .upload_buttons_container {
  padding-top: 25px;
}
.rejectByPicSource .rejectByPicSource_content .upload_buttons_container .uploadObject,
.rejectByPicSource .rejectByPicSource_content .upload_buttons_container .uploadPeople {
  display: inline-block;
}
.rejectByPicSource .rejectByPicSource_content .upload_buttons_container .button {
  background: #fff;
  font-size: 12px;
  color: #0099E5;
  line-height: 30px;
}
.rejectByPicSource .rejectByPicSource_content .upload_buttons_container .select_container {
  display: inline-block;
}
.rejectByPicSource .rejectByPicSource_content .upload_buttons_container .filepicker_wrap {
  display: inline-block;
  padding: 5px;
}
.rejectByPicSource .rejectByPicSource_content .upload_buttons_container .filepicker_wrap .filepicker_label {
  width: 100px;
  display: inline-block;
  cursor: pointer;
  padding: 7px 10px 7px 25px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2em;
  color: #525558;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  background-image: url(//assetcdn.500px.org/assets/styleguide/forms/plus@2x-68a76077f9f101b97770a2cfccd6ee9a.png);
  background-size: 9px;
  background-position: 10px center;
  background-repeat: no-repeat;
}
.rejectByPicSource .rejectByPicSource_content .upload_list_container {
  padding: 10px 0;
  overflow-y: auto;
}
.rejectByPicSource .rejectByPicSource_content .upload_list_container ul.releases > li {
  opacity: 0.5;
  position: relative;
  padding: 5px 0 5px 32px;
  margin: 0;
  background-size: 14px;
  width: 375px;
}
.rejectByPicSource .rejectByPicSource_content .upload_list_container ul.releases > li.model {
  background: url("//node-test.500px.me/images/gicUpload/pepole.svg") 7px 0px no-repeat;
}
.rejectByPicSource .rejectByPicSource_content .upload_list_container ul.releases > li.pepole {
  background: url("//node-test.500px.me/images/gicUpload/model.svg") 7px 0px no-repeat;
}
.rejectByPicSource .rejectByPicSource_content .upload_list_container ul.releases > li.same {
  opacity: 1;
}
.rejectByPicSource .rejectByPicSource_content .upload_list_container ul.releases > li:first-child {
  margin-top: 5px;
}
.rejectByPicSource .rejectByPicSource_content .upload_list_container ul.releases > li .name {
  width: calc(100% - 32px - 27px);
  width: -webkit-calc(100% - 32px - 27px);
  width: -moz-calc(100% - 32px - 27px);
  display: inline-block;
  white-space: nowrap;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
}
.rejectByPicSource .rejectByPicSource_content .upload_list_container ul.releases > li a.delete {
  display: inline-block;
  font-weight: bold;
  position: absolute;
  top: 5px;
  right: 5px;
}
.rejectByPicSource .rejectByPicSource_content .upload_list_container ul.releases > li a.delete span {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  width: 17px;
  height: 17px;
  background: url(//assetcdn.500px.org/assets/groups/add_photo@2x-bd4f8ff5a8b49687ac9da3533afd9f92.png) center no-repeat;
  background-size: cover;
}
.rejectByPicSource .rejectByPicSource_content .upload_list_container ul.releases > li .progress {
  display: inline-block;
  cursor: pointer;
  width: 27px;
  height: 27px;
  position: absolute;
  top: 0;
  right: 0;
}
.rejectByPicSource .rejectByPicSource_content .upload_list_container ul.releases > li.upload_finished .progress {
  display: none;
}
.rejectByPicSource .rejectByPicSource_content .title_content {
  width: 100%;
  display: block;
  padding: 0;
  height: 100px;
  vertical-align: middle;
}
.rejectByPicSource .rejectByPicSource_content .title_content label {
  display: block;
  font-size: 14px;
  color: #71767A;
  line-height: 20px;
  padding-bottom: 10px;
}
.rejectByPicSource .rejectByPicSource_content .title_content input {
  display: block;
  font-size: 16px;
  line-height: 40px;
  color: #525558;
  width: 100%;
  height: 40px;
}
.reject_reUplaod_main .sourceNum {
  height: 70px;
  padding-top: 23px;
  padding-bottom: 10px;
  line-height: 37px;
  color: #818689;
}
.myinfo {
  max-width: 996px;
}
.myinfo .formpanel ul li {
  line-height: 40px;
  margin-top: 15px;
}
.myinfo .formpanel ul li div.select_wrap {
  min-width: 240px;
}
.myinfo .formpanel ul li span.tip {
  color: #fff;
  background: #0099e5;
  font-weight: bold;
  padding: 5px 20px;
  font-size: .85714286rem;
}
.myinfo .formpanel ul li div.label {
  float: left;
  width: 135px;
  text-align: right;
  margin-right: 20px;
}
.myinfo .formpanel ul li .myinfobankcard_btn {
  margin-left: 155px;
}
.myinfo .formpanel ul li div.img_picLocation_city div.select_wrap {
  margin-right: 10px;
}
.myinfo .formpanel ul li div.img_picLocation_city {
  float: left;
}
@media only screen and (max-width: 679px) {
  .myinfo.mobile {
    margin-top: 0;
  }
  .myinfo.mobile .formpanel .bottom_btns {
    padding-top: 15px;
  }
  .myinfo.mobile .formpanel .bottom_btns .button {
    display: block;
    margin: 0 auto;
    width: calc(100% - 20px);
    height: 40px;
    line-height: 40px;
  }
  .myinfo.mobile .formpanel ul li {
    margin-top: 0;
    padding-left: 10px;
  }
  .myinfo.mobile .formpanel ul li.account input,
  .myinfo.mobile .formpanel ul li.accountFullName input,
  .myinfo.mobile .formpanel ul li.accountPlace input {
    width: 240px;
  }
  .myinfo.mobile .formpanel ul li .label {
    text-align: left;
    margin: 0;
    width: 100px;
  }
  .myinfo.mobile .formpanel ul li .myinfobankcard_btn {
    margin-left: 0;
  }
  .myinfo.mobile .formpanel > ul > li:nth-child(7) .label {
    float: none;
  }
}
/*Begin：jssor slider 样式 20170418 */
/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/
.upload_help_cmp .modal_content {
  overflow: hidden;
}
.jssort01 .p {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 72px;
}
.jssort01 .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.jssort01 .w {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.jssort01 .c {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 68px;
  height: 68px;
  border: #000 2px solid;
  box-sizing: content-box;
  background: url('img/t01.png') -800px -800px no-repeat;
  _background: none;
}
.jssort01 .pav .c {
  top: 2px;
  _top: 0px;
  left: 2px;
  _left: 0px;
  width: 68px;
  height: 68px;
  border: #000 0px solid;
  _border: #fff 2px solid;
  background-position: 50% 50%;
}
.jssort01 .p:hover .c {
  top: 0px;
  left: 0px;
  width: 70px;
  height: 70px;
  border: #fff 1px solid;
  background-position: 50% 50%;
}
.jssort01 .p.pdn .c {
  background-position: 50% 50%;
  width: 68px;
  height: 68px;
  border: #000 2px solid;
}
* html .jssort01 .c,
* html .jssort01 .pdn .c,
* html .jssort01 .pav .c {
  /* ie quirks mode adjust */
  width: 72px;
  height: 72px;
}
/* jssor slider bullet navigator skin 01 css */
/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.jssorb01 div,
.jssorb01 div:hover,
.jssorb01 .av {
  position: absolute;
  /* size of bullet elment */
  width: 12px;
  height: 12px;
  filter: alpha(opacity=70);
  opacity: .7;
  overflow: hidden;
  cursor: pointer;
  border: #000 1px solid;
}
.jssorb01 div {
  background-color: gray;
}
.jssorb01 div:hover,
.jssorb01 .av:hover {
  background-color: #d3d3d3;
}
.jssorb01 .av {
  background-color: #fff;
}
.jssorb01 .dn,
.jssorb01 .dn:hover {
  background-color: #555555;
}
/* jssor slider bullet navigator skin 13 css */
/*
.jssorb13 div           (normal)
.jssorb13 div:hover     (normal mouseover)
.jssorb13 .av           (active)
.jssorb13 .av:hover     (active mouseover)
.jssorb13 .dn           (mousedown)
*/
.jssorb13 {
  position: absolute;
}
.jssorb13 div,
.jssorb13 div:hover,
.jssorb13 .av {
  position: absolute;
  /* size of bullet elment */
  width: 8px;
  height: 8px;
  background: url('img/b13.png') no-repeat;
  overflow: hidden;
  cursor: pointer;
}
.jssorb13 div {
  background-position: -5px -5px;
}
.jssorb13 div:hover,
.jssorb13 .av:hover {
  background-position: -35px -5px;
}
.jssorb13 .av {
  background-position: -65px -5px;
}
.jssorb13 .dn,
.jssorb13 .dn:hover {
  background-position: -95px -5px;
}
.img-txt {
  position: absolute;
  bottom: 0;
  font-size: 15px;
  color: red;
}
/* 适配样式 */
.jssorb13 div {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #B9C1C7;
}
.jssorb13 div:hover,
.jssorb13 .av {
  background-color: #0099E5;
}
/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l,
.jssora05r {
  display: block;
  position: absolute;
  /* size of arrow element */
  width: 40px;
  height: 40px;
  cursor: pointer;
  overflow: hidden;
}
.jssora05l {
  position: absolute;
  opacity: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  height: 60px;
  width: 50px;
  background-color: transparent;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 15;
  background-image: url("//pic.500px.me/images/svg/detail_left.svg");
}
.jssora05r {
  right: 10px;
  position: absolute;
  opacity: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  height: 60px;
  width: 50px;
  background-color: transparent;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 15;
  background-image: url("//pic.500px.me/images/svg/detail_right.svg");
}
.jssorbody:hover .jssora05l,
.jssorbody:hover .jssora05r,
.jssorbody:hover .silder_footer {
  opacity: 1;
}
/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/
.jssort01 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 800px;
  height: 100px;
}
.jssort01 .p {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 72px;
}
.jssort01 .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.jssort01 .w {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.jssort01 .c {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 68px;
  height: 68px;
  border: #000 2px solid;
  box-sizing: content-box;
  _background: none;
}
.jssort01 .pav .c {
  top: 2px;
  _top: 0px;
  left: 2px;
  _left: 0px;
  width: 68px;
  height: 68px;
  border: #000 0px solid;
  _border: #fff 2px solid;
  background-position: 50% 50%;
}
.jssort01 .p:hover .c {
  top: 0px;
  left: 0px;
  width: 70px;
  height: 70px;
  border: #fff 1px solid;
  background-position: 50% 50%;
}
.jssort01 .p.pdn .c {
  background-position: 50% 50%;
  width: 68px;
  height: 68px;
  border: #000 2px solid;
}
* html .jssort01 .c,
* html .jssort01 .pdn .c,
* html .jssort01 .pav .c {
  /* ie quirks mode adjust */
  width: 72px;
  height: 72px;
}
.slider_main {
  height: 100%;
}
.slider_main .jssorbody {
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  overflow: hidden;
  visibility: hidden;
}
.slider_main .jssorbody .slider_loading {
  position: absolute;
  top: 0px;
  left: 0px;
}
.slider_main .jssorbody .slider_loading .overlay {
  filter: alpha(opacity=70);
  opacity: 0.7;
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.slider_main .jssorbody .slider_loading .loadimg {
  position: absolute;
  display: block;
  background: url('http://500px.me/images/loading.gif') no-repeat center center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.slider_main .jssorbody .sliderImgs {
  cursor: default;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.silder_header {
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  z-index: 99999;
  position: fixed;
  top: 0;
  padding: 20px 0 0 50px;
}
.silder_header > div {
  float: left;
}
.silder_header .logo {
  margin-right: 30px;
}
.silder_header .title h1 {
  font-size: 30px;
  color: #e4007f;
}
.silder_footer {
  opacity: 0;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
  z-index: 99999;
  position: absolute;
  bottom: 0;
  padding: 0px 0 20px 50px;
  color: #FFF;
}
.silder_footer .title {
  padding-right: 20px;
  width: 270px;
}
.silder_footer .title.borderRight {
  border-right: 2px solid #303030;
}
.silder_footer .title .username {
  font-size: 24px;
}
.silder_footer .title .desc {
  color: #8f8f8f;
  font-size: 18px;
  margin-top: 10px;
}
.silder_footer .img_desc {
  text-align: left;
  font-size: 14px;
  max-width: 80%;
  line-height: 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 679px) {
  .silder_footer {
    padding: 0px 0 20px 0px;
  }
  .silder_footer .img_desc {
    max-width: 99%;
  }
}
.erweima {
  position: fixed;
  bottom: 20px;
  right: 50px;
  color: #FFF;
}
.erweima .tupian {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.erweima .desc {
  margin-top: 13px;
  text-align: center;
}
/*End：jssor slider 样式 20170418 */
/*Begin：签约上传界面 自有样式 20170418 */
.content-container {
  width: 1200px;
  height: 810px;
  margin: 0 auto;
  position: relative;
  background-color: #FFFFFF;
}
.content-container .win-title {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-size: 24px;
}
.content-container ._maincmp {
  height: 95%;
}
.content-container .slider-content-region {
  width: 100%;
  height: 100%;
  padding: 0px 120px;
}
.content-container .slider-content-region .slider-content {
  height: 100%;
  text-align: center;
  padding-top: 20px;
}
.content-container .slider-content-region .slider-content .slider-content-left {
  float: left;
}
.content-container .slider-content-region .slider-content .slider-content-right {
  float: right;
}
.content-container .slider-content-region .slider-content .slider-content-left,
.content-container .slider-content-region .slider-content .slider-content-right {
  width: 50%;
  height: 100%;
  padding: 0 5%;
}
.content-container .slider-content-region .slider-content .slider-txt {
  text-align: left;
  max-height: 60px;
  font-size: 16px;
  line-height: 20px;
}
.content-container .slider-content-region .slider-content ._img {
  max-width: 100%;
  max-height: 100%;
}
.content-container .slider-content-region .slider-content ._topImg {
  height: 80%;
}
.content-container .slider-content-region .slider-content ._topImg table {
  height: 100%;
  width: 100%;
}
.content-container .slider-content-region .slider-content .step-02-img {
  margin-top: -35px;
  display: inline-block;
  height: 370px;
}
.content-container .slider-content-region .slider-content .step-02-txt {
  font-size: 24px;
}
.content-container .slider-content-region .slider-content .step-02-txt2 {
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  max-width: 600px;
  margin: 20px auto 0;
}
.content-container .slider-content-region .slider-content .step-video-txt {
  font-size: 24px;
  line-height: 40px;
  margin-top: 10px;
}
.content-container .slider-content-region .slider-content .vedio {
  text-align: center;
}
.content-container .slider-content-region .slider-content .vedio video {
  padding: 5px;
  background-color: #000;
}
.content-container .no-attention-container {
  display: none;
  position: absolute;
  right: 40px;
  bottom: 35px;
}
.content-container .no-attention-container .no-attention {
  font-size: 14px;
  margin-left: 5px;
}
.content-container .close-reveal-modal {
  font-size: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
/*End：签约上传界面 自有样式 20170418 */
.videoURLselect .videosURLCmp {
  width: 100%;
  height: 100%;
}
.videoURLselect .videosURLCmp .content {
  width: 420px;
  text-align: center;
  margin: 0 auto;
  padding: 28px 0;
}
.videoURLselect .videosURLCmp .content p {
  width: 348px;
  text-align: left;
  font-size: 14px;
  color: #71767A;
  line-height: 16px;
  padding: 8px 0;
}
.videoURLselect .videosURLCmp .content .videoURL,
.videoURLselect .videosURLCmp .content .videoURLTitle {
  width: 420px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #D7DDE1;
  border-radius: 2px;
  margin: 0 auto;
}
@font-face {
  font-family: "Monospaced Number";
  src: local("Tahoma");
  unicode-range: U+30-39;
}
@font-face {
  font-family: "Chinese Quote";
  src: local("PingFang SC"), local("SimSun");
  unicode-range: U+2018, U+2019, U+201c, U+201d;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9*/
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
.anticon {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon:before {
  display: block;
  font-family: "anticon" !important;
}
.anticon-step-forward:before {
  content: "\E600";
}
.anticon-step-backward:before {
  content: "\E601";
}
.anticon-forward:before {
  content: "\E602";
}
.anticon-backward:before {
  content: "\E603";
}
.anticon-caret-right:before {
  content: "\E604";
}
.anticon-caret-left:before {
  content: "\E605";
}
.anticon-caret-down:before {
  content: "\E606";
}
.anticon-caret-up:before {
  content: "\E607";
}
.anticon-right-circle:before {
  content: "\E608";
}
.anticon-circle-right:before {
  content: "\E608";
}
.anticon-caret-circle-right:before {
  content: "\E608";
}
.anticon-left-circle:before {
  content: "\E609";
}
.anticon-circle-left:before {
  content: "\E609";
}
.anticon-caret-circle-left:before {
  content: "\E609";
}
.anticon-up-circle:before {
  content: "\E60A";
}
.anticon-circle-up:before {
  content: "\E60A";
}
.anticon-caret-circle-up:before {
  content: "\E60A";
}
.anticon-down-circle:before {
  content: "\E60B";
}
.anticon-circle-down:before {
  content: "\E60B";
}
.anticon-caret-circle-down:before {
  content: "\E60B";
}
.anticon-right-circle-o:before {
  content: "\E60C";
}
.anticon-circle-o-right:before {
  content: "\E60C";
}
.anticon-caret-circle-o-right:before {
  content: "\E60C";
}
.anticon-left-circle-o:before {
  content: "\E60D";
}
.anticon-circle-o-left:before {
  content: "\E60D";
}
.anticon-caret-circle-o-left:before {
  content: "\E60D";
}
.anticon-up-circle-o:before {
  content: "\E60E";
}
.anticon-circle-o-up:before {
  content: "\E60E";
}
.anticon-caret-circle-o-up:before {
  content: "\E60E";
}
.anticon-down-circle-o:before {
  content: "\E60F";
}
.anticon-circle-o-down:before {
  content: "\E60F";
}
.anticon-caret-circle-o-down:before {
  content: "\E60F";
}
.anticon-verticle-left:before {
  content: "\E610";
}
.anticon-verticle-right:before {
  content: "\E611";
}
.anticon-rollback:before {
  content: "\E612";
}
.anticon-retweet:before {
  content: "\E613";
}
.anticon-shrink:before {
  content: "\E614";
}
.anticon-arrows-alt:before {
  content: "\E615";
}
.anticon-arrow-salt:before {
  content: "\E615";
}
.anticon-reload:before {
  content: "\E616";
}
.anticon-double-right:before {
  content: "\E617";
}
.anticon-double-left:before {
  content: "\E618";
}
.anticon-arrow-down:before {
  content: "\E619";
}
.anticon-arrow-up:before {
  content: "\E61A";
}
.anticon-arrow-right:before {
  content: "\E61B";
}
.anticon-arrow-left:before {
  content: "\E61C";
}
.anticon-down:before {
  content: "\E61D";
}
.anticon-up:before {
  content: "\E61E";
}
.anticon-right:before {
  content: "\E61F";
}
.anticon-left:before {
  content: "\E620";
}
.anticon-minus-square-o:before {
  content: "\E621";
}
.anticon-minus-circle:before {
  content: "\E622";
}
.anticon-minus-circle-o:before {
  content: "\E623";
}
.anticon-minus:before {
  content: "\E624";
}
.anticon-plus-circle-o:before {
  content: "\E625";
}
.anticon-plus-circle:before {
  content: "\E626";
}
.anticon-plus:before {
  content: "\E627";
}
.anticon-info-circle:before {
  content: "\E628";
}
.anticon-info-circle-o:before {
  content: "\E629";
}
.anticon-info:before {
  content: "\E62A";
}
.anticon-exclamation:before {
  content: "\E62B";
}
.anticon-exclamation-circle:before {
  content: "\E62C";
}
.anticon-exclamation-circle-o:before {
  content: "\E62D";
}
.anticon-close-circle:before {
  content: "\E62E";
}
.anticon-cross-circle:before {
  content: "\E62E";
}
.anticon-close-circle-o:before {
  content: "\E62F";
}
.anticon-cross-circle-o:before {
  content: "\E62F";
}
.anticon-check-circle:before {
  content: "\E630";
}
.anticon-check-circle-o:before {
  content: "\E631";
}
.anticon-check:before {
  content: "\E632";
}
.anticon-close:before {
  content: "\E633";
}
.anticon-cross:before {
  content: "\E633";
}
.anticon-customer-service:before {
  content: "\E634";
}
.anticon-customerservice:before {
  content: "\E634";
}
.anticon-credit-card:before {
  content: "\E635";
}
.anticon-code-o:before {
  content: "\E636";
}
.anticon-book:before {
  content: "\E637";
}
.anticon-bars:before {
  content: "\E639";
}
.anticon-question:before {
  content: "\E63A";
}
.anticon-question-circle:before {
  content: "\E63B";
}
.anticon-question-circle-o:before {
  content: "\E63C";
}
.anticon-pause:before {
  content: "\E63D";
}
.anticon-pause-circle:before {
  content: "\E63E";
}
.anticon-pause-circle-o:before {
  content: "\E63F";
}
.anticon-clock-circle:before {
  content: "\E640";
}
.anticon-clock-circle-o:before {
  content: "\E641";
}
.anticon-swap:before {
  content: "\E642";
}
.anticon-swap-left:before {
  content: "\E643";
}
.anticon-swap-right:before {
  content: "\E644";
}
.anticon-plus-square-o:before {
  content: "\E645";
}
.anticon-frown:before {
  content: "\E646";
}
.anticon-frown-circle:before {
  content: "\E646";
}
.anticon-ellipsis:before {
  content: "\E647";
}
.anticon-copy:before {
  content: "\E648";
}
.anticon-menu-fold:before {
  content: "\E9AC";
}
.anticon-mail:before {
  content: "\E659";
}
.anticon-logout:before {
  content: "\E65A";
}
.anticon-link:before {
  content: "\E65B";
}
.anticon-area-chart:before {
  content: "\E65C";
}
.anticon-line-chart:before {
  content: "\E65D";
}
.anticon-home:before {
  content: "\E65E";
}
.anticon-laptop:before {
  content: "\E65F";
}
.anticon-star:before {
  content: "\E660";
}
.anticon-star-o:before {
  content: "\E661";
}
.anticon-folder:before {
  content: "\E662";
}
.anticon-filter:before {
  content: "\E663";
}
.anticon-file:before {
  content: "\E664";
}
.anticon-exception:before {
  content: "\E665";
}
.anticon-meh:before {
  content: "\E666";
}
.anticon-meh-circle:before {
  content: "\E666";
}
.anticon-meh-o:before {
  content: "\E667";
}
.anticon-shopping-cart:before {
  content: "\E668";
}
.anticon-save:before {
  content: "\E669";
}
.anticon-user:before {
  content: "\E66A";
}
.anticon-video-camera:before {
  content: "\E66B";
}
.anticon-to-top:before {
  content: "\E66C";
}
.anticon-team:before {
  content: "\E66D";
}
.anticon-tablet:before {
  content: "\E66E";
}
.anticon-solution:before {
  content: "\E66F";
}
.anticon-search:before {
  content: "\E670";
}
.anticon-share-alt:before {
  content: "\E671";
}
.anticon-setting:before {
  content: "\E672";
}
.anticon-poweroff:before {
  content: "\E6D5";
}
.anticon-picture:before {
  content: "\E674";
}
.anticon-phone:before {
  content: "\E675";
}
.anticon-paper-clip:before {
  content: "\E676";
}
.anticon-notification:before {
  content: "\E677";
}
.anticon-mobile:before {
  content: "\E678";
}
.anticon-menu-unfold:before {
  content: "\E9AD";
}
.anticon-inbox:before {
  content: "\E67A";
}
.anticon-lock:before {
  content: "\E67B";
}
.anticon-qrcode:before {
  content: "\E67C";
}
.anticon-play-circle:before {
  content: "\E6D0";
}
.anticon-play-circle-o:before {
  content: "\E6D1";
}
.anticon-tag:before {
  content: "\E6D2";
}
.anticon-tag-o:before {
  content: "\E6D3";
}
.anticon-tags:before {
  content: "\E67D";
}
.anticon-tags-o:before {
  content: "\E67E";
}
.anticon-cloud-o:before {
  content: "\E67F";
}
.anticon-cloud:before {
  content: "\E680";
}
.anticon-cloud-upload:before {
  content: "\E681";
}
.anticon-cloud-download:before {
  content: "\E682";
}
.anticon-cloud-download-o:before {
  content: "\E683";
}
.anticon-cloud-upload-o:before {
  content: "\E684";
}
.anticon-environment:before {
  content: "\E685";
}
.anticon-environment-o:before {
  content: "\E686";
}
.anticon-eye:before {
  content: "\E687";
}
.anticon-eye-o:before {
  content: "\E688";
}
.anticon-camera:before {
  content: "\E689";
}
.anticon-camera-o:before {
  content: "\E68A";
}
.anticon-windows:before {
  content: "\E68B";
}
.anticon-apple:before {
  content: "\E68C";
}
.anticon-apple-o:before {
  content: "\E6D4";
}
.anticon-android:before {
  content: "\E938";
}
.anticon-android-o:before {
  content: "\E68D";
}
.anticon-aliwangwang:before {
  content: "\E68E";
}
.anticon-aliwangwang-o:before {
  content: "\E68F";
}
.anticon-export:before {
  content: "\E691";
}
.anticon-edit:before {
  content: "\E692";
}
.anticon-circle-down-o:before {
  content: "\E693";
}
.anticon-circle-down-:before {
  content: "\E694";
}
.anticon-appstore-o:before {
  content: "\E695";
}
.anticon-appstore:before {
  content: "\E696";
}
.anticon-scan:before {
  content: "\E697";
}
.anticon-file-text:before {
  content: "\E698";
}
.anticon-folder-open:before {
  content: "\E699";
}
.anticon-hdd:before {
  content: "\E69A";
}
.anticon-ie:before {
  content: "\E69B";
}
.anticon-file-jpg:before {
  content: "\E69C";
}
.anticon-like:before {
  content: "\E64C";
}
.anticon-like-o:before {
  content: "\E69D";
}
.anticon-dislike:before {
  content: "\E64B";
}
.anticon-dislike-o:before {
  content: "\E69E";
}
.anticon-delete:before {
  content: "\E69F";
}
.anticon-enter:before {
  content: "\E6A0";
}
.anticon-pushpin-o:before {
  content: "\E6A1";
}
.anticon-pushpin:before {
  content: "\E6A2";
}
.anticon-heart:before {
  content: "\E6A3";
}
.anticon-heart-o:before {
  content: "\E6A4";
}
.anticon-pay-circle:before {
  content: "\E6A5";
}
.anticon-pay-circle-o:before {
  content: "\E6A6";
}
.anticon-smile:before {
  content: "\E6A7";
}
.anticon-smile-circle:before {
  content: "\E6A7";
}
.anticon-smile-o:before {
  content: "\E6A8";
}
.anticon-frown-o:before {
  content: "\E6A9";
}
.anticon-calculator:before {
  content: "\E6AA";
}
.anticon-message:before {
  content: "\E6AB";
}
.anticon-chrome:before {
  content: "\E6AC";
}
.anticon-github:before {
  content: "\E6AD";
}
.anticon-file-unknown:before {
  content: "\E6AF";
}
.anticon-file-excel:before {
  content: "\E6B0";
}
.anticon-file-ppt:before {
  content: "\E6B1";
}
.anticon-file-word:before {
  content: "\E6B2";
}
.anticon-file-pdf:before {
  content: "\E6B3";
}
.anticon-desktop:before {
  content: "\E6B4";
}
.anticon-upload:before {
  content: "\E6B6";
}
.anticon-download:before {
  content: "\E6B7";
}
.anticon-pie-chart:before {
  content: "\E6B8";
}
.anticon-unlock:before {
  content: "\E6BA";
}
.anticon-calendar:before {
  content: "\E6BB";
}
.anticon-windows-o:before {
  content: "\E6BC";
}
.anticon-dot-chart:before {
  content: "\E6BD";
}
.anticon-bar-chart:before {
  content: "\E6BE";
}
.anticon-code:before {
  content: "\E6BF";
}
.anticon-api:before {
  content: "\E951";
}
.anticon-plus-square:before {
  content: "\E6C0";
}
.anticon-minus-square:before {
  content: "\E6C1";
}
.anticon-close-square:before {
  content: "\E6C2";
}
.anticon-close-square-o:before {
  content: "\E6C3";
}
.anticon-check-square:before {
  content: "\E6C4";
}
.anticon-check-square-o:before {
  content: "\E6C5";
}
.anticon-fast-backward:before {
  content: "\E6C6";
}
.anticon-fast-forward:before {
  content: "\E6C7";
}
.anticon-up-square:before {
  content: "\E6C8";
}
.anticon-down-square:before {
  content: "\E6C9";
}
.anticon-left-square:before {
  content: "\E6CA";
}
.anticon-right-square:before {
  content: "\E6CB";
}
.anticon-right-square-o:before {
  content: "\E6CC";
}
.anticon-left-square-o:before {
  content: "\E6CD";
}
.anticon-down-square-o:before {
  content: "\E6CE";
}
.anticon-up-square-o:before {
  content: "\E6CF";
}
.anticon-loading:before {
  content: "\E64D";
}
.anticon-loading-3-quarters:before {
  content: "\E6AE";
}
.anticon-bulb:before {
  content: "\E649";
}
.anticon-select:before {
  content: "\E64A";
}
.anticon-addfile:before,
.anticon-file-add:before {
  content: "\E910";
}
.anticon-addfolder:before,
.anticon-folder-add:before {
  content: "\E914";
}
.anticon-switcher:before {
  content: "\E913";
}
.anticon-rocket:before {
  content: "\E90F";
}
.anticon-dingding:before {
  content: "\E923";
}
.anticon-dingding-o:before {
  content: "\E925";
}
.anticon-bell:before {
  content: "\E64E";
}
.anticon-disconnect:before {
  content: "\E64F";
}
.anticon-database:before {
  content: "\E650";
}
.anticon-compass:before {
  content: "\E6DB";
}
.anticon-barcode:before {
  content: "\E652";
}
.anticon-hourglass:before {
  content: "\E653";
}
.anticon-key:before {
  content: "\E654";
}
.anticon-flag:before {
  content: "\E655";
}
.anticon-layout:before {
  content: "\E656";
}
.anticon-login:before {
  content: "\E657";
}
.anticon-printer:before {
  content: "\E673";
}
.anticon-sound:before {
  content: "\E6E9";
}
.anticon-usb:before {
  content: "\E6D7";
}
.anticon-skin:before {
  content: "\E6D8";
}
.anticon-tool:before {
  content: "\E6D9";
}
.anticon-sync:before {
  content: "\E6DA";
}
.anticon-wifi:before {
  content: "\E6D6";
}
.anticon-car:before {
  content: "\E6DC";
}
.anticon-copyright:before {
  content: "\E6DE";
}
.anticon-schedule:before {
  content: "\E6DF";
}
.anticon-user-add:before {
  content: "\E6ED";
}
.anticon-user-delete:before {
  content: "\E6E0";
}
.anticon-usergroup-add:before {
  content: "\E6DD";
}
.anticon-usergroup-delete:before {
  content: "\E6E1";
}
.anticon-man:before {
  content: "\E6E2";
}
.anticon-woman:before {
  content: "\E6EC";
}
.anticon-shop:before {
  content: "\E6E3";
}
.anticon-gift:before {
  content: "\E6E4";
}
.anticon-idcard:before {
  content: "\E6E5";
}
.anticon-medicine-box:before {
  content: "\E6E6";
}
.anticon-red-envelope:before {
  content: "\E6E7";
}
.anticon-coffee:before {
  content: "\E6E8";
}
.anticon-trademark:before {
  content: "\E651";
}
.anticon-safety:before {
  content: "\E6EA";
}
.anticon-wallet:before {
  content: "\E6EB";
}
.anticon-bank:before {
  content: "\E6EE";
}
.anticon-trophy:before {
  content: "\E6EF";
}
.anticon-contacts:before {
  content: "\E6F0";
}
.anticon-global:before {
  content: "\E6F1";
}
.anticon-shake:before {
  content: "\E94F";
}
.anticon-fork:before {
  content: "\E6F2";
}
.anticon-dashboard:before {
  content: "\E99A";
}
.anticon-profile:before {
  content: "\E999";
}
.anticon-table:before {
  content: "\E998";
}
.anticon-warning:before {
  content: "\E997";
}
.anticon-form:before {
  content: "\E996";
}
.anticon-spin:before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
.anticon-weibo-square:before {
  content: "\E6F5";
}
.anticon-weibo-circle:before {
  content: "\E6F4";
}
.anticon-taobao-circle:before {
  content: "\E6F3";
}
.anticon-html5:before {
  content: "\E9C7";
}
.anticon-weibo:before {
  content: "\E9C6";
}
.anticon-twitter:before {
  content: "\E9C5";
}
.anticon-wechat:before {
  content: "\E9C4";
}
.anticon-youtube:before {
  content: "\E9C3";
}
.anticon-alipay-circle:before {
  content: "\E9C2";
}
.anticon-taobao:before {
  content: "\E9C1";
}
.anticon-skype:before {
  content: "\E9C0";
}
.anticon-qq:before {
  content: "\E9BF";
}
.anticon-medium-workmark:before {
  content: "\E9BE";
}
.anticon-gitlab:before {
  content: "\E9BD";
}
.anticon-medium:before {
  content: "\E9BC";
}
.anticon-linkedin:before {
  content: "\E9BB";
}
.anticon-google-plus:before {
  content: "\E9BA";
}
.anticon-dropbox:before {
  content: "\E9B9";
}
.anticon-facebook:before {
  content: "\E9B8";
}
.anticon-codepen:before {
  content: "\E9B7";
}
.anticon-amazon:before {
  content: "\E9B6";
}
.anticon-google:before {
  content: "\E9B5";
}
.anticon-codepen-circle:before {
  content: "\E9B4";
}
.anticon-alipay:before {
  content: "\E9B3";
}
.anticon-ant-design:before {
  content: "\E9B2";
}
.anticon-aliyun:before {
  content: "\E9F4";
}
.anticon-zhihu:before {
  content: "\E703";
}
.anticon-file-markdown:before {
  content: "\E704";
}
.anticon-slack:before {
  content: "\E705";
}
.anticon-slack-square:before {
  content: "\E706";
}
.anticon-behance:before {
  content: "\E707";
}
.anticon-behance-square:before {
  content: "\E708";
}
.anticon-dribbble:before {
  content: "\E709";
}
.anticon-dribbble-square:before {
  content: "\E70A";
}
.anticon-instagram:before {
  content: "\E70B";
}
.anticon-yuque:before {
  content: "\E70C";
}
.fade-enter,
.fade-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.fade-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  -webkit-animation-name: antFadeIn;
  animation-name: antFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.fade-leave.fade-leave-active {
  -webkit-animation-name: antFadeOut;
  animation-name: antFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.fade-leave {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.move-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
  animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
  animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.move-down-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
  animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
  animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.move-left-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
  animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
  animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.move-right-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
  animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
  animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes antMoveRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  0% {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  0% {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.slide-up-enter,
.slide-up-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.slide-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.slide-down-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.slide-left-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
  animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
  animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.slide-right-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
  animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
  animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
}
@keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes antSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
}
@keyframes antSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes antSlideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
  }
}
@keyframes antSlideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes antSlideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
  }
}
@keyframes antSlideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
  }
}
.swing-enter,
.swing-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  -webkit-animation-name: antSwingIn;
  animation-name: antSwingIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
@-webkit-keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}
@keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  -webkit-animation-name: antZoomIn;
  animation-name: antZoomIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  -webkit-animation-name: antZoomOut;
  animation-name: antZoomOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-big-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
  animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
  animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
  animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
  animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
  animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
  animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-down-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
  animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
  animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-left-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
  animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
  animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-right-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
  animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
  animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes antZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes antZoomBigIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes antZoomUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes antZoomLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes antZoomRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes antZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.ant-motion-collapse {
  overflow: hidden;
}
.ant-motion-collapse-active {
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
.ant-calendar-picker-container {
  font-family: "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  z-index: 1050;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut;
}
.ant-calendar-picker {
  font-family: "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
  outline: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-calendar-picker-input {
  outline: none;
  display: block;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #1890ff;
}
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  width: 14px;
  height: 14px;
  right: 12px;
  top: 50%;
  margin-top: -7px;
  line-height: 14px;
  font-size: 12px;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ant-calendar-picker-clear {
  opacity: 0;
  z-index: 1;
  color: rgba(0, 0, 0, 0.25);
  background: #fff;
  pointer-events: none;
  cursor: pointer;
}
.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-calendar-picker-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-picker-icon:after {
  content: "\E6BB";
  font-family: "anticon";
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
  display: inline-block;
  line-height: 1;
}
.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px;
}
.ant-calendar {
  position: relative;
  outline: none;
  width: 280px;
  border: 1px solid #fff;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  line-height: 1.5;
}
.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-calendar-input {
  border: 0;
  width: 100%;
  cursor: auto;
  outline: 0;
  height: 22px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-week-number {
  width: 286px;
}
.ant-calendar-week-number-cell {
  text-align: center;
}
.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid #e8e8e8;
}
.ant-calendar-header a:hover {
  color: #40a9ff;
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  padding: 0 2px;
  font-weight: 500;
  display: inline-block;
  color: rgba(0, 0, 0, 0.85);
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  color: rgba(0, 0, 0, 0.45);
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
}
.ant-calendar-header .ant-calendar-prev-century-btn:after,
.ant-calendar-header .ant-calendar-prev-decade-btn:after,
.ant-calendar-header .ant-calendar-prev-year-btn:after {
  content: '\AB';
}
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
}
.ant-calendar-header .ant-calendar-next-century-btn:after,
.ant-calendar-header .ant-calendar-next-decade-btn:after,
.ant-calendar-header .ant-calendar-next-year-btn:after {
  content: '\BB';
}
.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
}
.ant-calendar-header .ant-calendar-prev-month-btn:after {
  content: '\2039';
}
.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
}
.ant-calendar-header .ant-calendar-next-month-btn:after {
  content: '\203A';
}
.ant-calendar-body {
  padding: 8px 12px;
}
.ant-calendar table {
  border-collapse: collapse;
  max-width: 100%;
  background-color: transparent;
  width: 100%;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  border: 0;
  text-align: center;
}
.ant-calendar-calendar-table {
  border-spacing: 0;
  margin-bottom: 0;
}
.ant-calendar-column-header {
  line-height: 18px;
  width: 33px;
  padding: 6px 0;
  text-align: center;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none;
}
.ant-calendar-cell {
  padding: 3px 0;
  height: 30px;
}
.ant-calendar-date {
  display: block;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 2px;
  width: 24px;
  height: 24px;
  line-height: 22px;
  border: 1px solid transparent;
  padding: 0;
  background: transparent;
  text-align: center;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-date-panel {
  position: relative;
}
.ant-calendar-date:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-date:active {
  color: #fff;
  background: #40a9ff;
}
.ant-calendar-today .ant-calendar-date {
  border-color: #1890ff;
  font-weight: bold;
  color: #1890ff;
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-selected-day .ant-calendar-date {
  background: #1890ff;
  color: #fff;
  border: 1px solid transparent;
}
.ant-calendar-selected-day .ant-calendar-date:hover {
  background: #1890ff;
}
.ant-calendar-disabled-cell .ant-calendar-date {
  cursor: not-allowed;
  color: #bcbcbc;
  background: #f5f5f5;
  border-radius: 0;
  width: auto;
  border: 1px solid transparent;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f5f5f5;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  margin-right: 5px;
  padding-left: 5px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before {
  content: " ";
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid #bcbcbc;
  border-radius: 2px;
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
  border-top: 1px solid #e8e8e8;
  line-height: 38px;
  padding: 0 12px;
}
.ant-calendar-footer:empty {
  border-top: 0;
}
.ant-calendar-footer-btn {
  text-align: center;
  display: block;
}
.ant-calendar-footer-extra + .ant-calendar-footer-btn {
  border-top: 1px solid #e8e8e8;
  margin: 0 -12px;
  padding: 0 12px;
}
.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  text-align: center;
  margin: 0 0 0 8px;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn {
  display: none;
  position: absolute;
  right: 5px;
  text-indent: -76px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 7px;
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn:after {
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E62E";
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
  display: inline-block;
  line-height: 1;
  width: 20px;
  text-indent: 43px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.ant-calendar .ant-calendar-clear-btn:hover:after {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar .ant-calendar-ok-btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0 15px;
  height: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  height: 24px;
  line-height: 22px;
}
.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1;
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  -webkit-transition: none;
  transition: none;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
  height: 40px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  height: 24px;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-calendar-range-picker-input {
  background-color: transparent;
  border: 0;
  height: 99%;
  outline: 0;
  width: 44%;
  text-align: center;
}
.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}
.ant-calendar-range-picker-separator {
  color: rgba(0, 0, 0, 0.45);
  width: 10px;
  display: inline-block;
  height: 100%;
  vertical-align: top;
}
.ant-calendar-range {
  width: 552px;
  overflow: hidden;
}
.ant-calendar-range .ant-calendar-date-panel::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ant-calendar-range-part {
  width: 50%;
  position: relative;
}
.ant-calendar-range-left {
  float: left;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1.5px solid #e8e8e8;
}
.ant-calendar-range-right {
  float: right;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1.5px solid #e8e8e8;
}
.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  width: 20px;
  margin-left: -132px;
  text-align: center;
  height: 34px;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -118px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  margin-left: -12px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}
.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  padding: 4px 11px;
  width: 100%;
  height: 32px;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all .3s;
  transition: all .3s;
  height: 24px;
  border: 0;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: #40a9ff;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: #40a9ff;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  background-color: #f5f5f5;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: #e6d8d8;
}
textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-transition: all .3s, height 0s;
  transition: all .3s, height 0s;
  min-height: 32px;
}
.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  padding: 1px 7px;
  height: 24px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none;
}
.ant-calendar-range.ant-calendar-week-number {
  width: 574px;
}
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px;
}
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0;
}
.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px;
}
.ant-calendar-range .ant-calendar-in-range-cell {
  border-radius: 0;
  position: relative;
}
.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1;
}
.ant-calendar-range .ant-calendar-in-range-cell:before {
  content: '';
  display: block;
  background: #e6f7ff;
  border-radius: 0;
  border: 0;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  right: 0;
}
div.ant-calendar-range-quick-selector {
  text-align: left;
}
div.ant-calendar-range-quick-selector > a {
  margin-right: 8px;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header {
  border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  height: 207px;
  width: 100%;
  top: 68px;
  z-index: 2;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  padding-top: 40px;
  height: 100%;
  background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  margin: 8px 12px;
  height: 22px;
  line-height: 22px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 247px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 281px;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}
.ant-calendar-time-picker {
  position: absolute;
  width: 100%;
  top: 40px;
  background-color: #fff;
}
.ant-calendar-time-picker-panel {
  z-index: 1050;
  position: absolute;
  width: 100%;
}
.ant-calendar-time-picker-inner {
  display: inline-block;
  position: relative;
  outline: none;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  line-height: 1.5;
  overflow: hidden;
  width: 100%;
}
.ant-calendar-time-picker-combobox {
  width: 100%;
}
.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%;
}
.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%;
}
.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%;
}
.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%;
}
.ant-calendar-time-picker-input-wrap {
  display: none;
}
.ant-calendar-time-picker-select {
  float: left;
  font-size: 14px;
  border-right: 1px solid #e8e8e8;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  height: 226px;
}
.ant-calendar-time-picker-select:hover {
  overflow-y: auto;
}
.ant-calendar-time-picker-select:first-child {
  border-left: 0;
  margin-left: 0;
}
.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}
.ant-calendar-time-picker-select ul {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  max-height: 206px;
}
.ant-calendar-time-picker-select li {
  text-align: center;
  list-style: none;
  box-sizing: content-box;
  margin: 0;
  width: 100%;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-time-picker-select li:last-child:after {
  content: '';
  height: 202px;
  display: block;
}
.ant-calendar-time-picker-select li:hover {
  background: #e6f7ff;
}
li.ant-calendar-time-picker-select-option-selected {
  background: #f5f5f5;
  font-weight: bold;
}
li.ant-calendar-time-picker-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-calendar-time .ant-calendar-day-select {
  padding: 0 2px;
  font-weight: 500;
  display: inline-block;
  color: rgba(0, 0, 0, 0.85);
  line-height: 34px;
}
.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto;
}
.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month-panel {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  border-radius: 4px;
  background: #fff;
  outline: none;
}
.ant-calendar-month-panel > div {
  height: 100%;
}
.ant-calendar-month-panel-hidden {
  display: none;
}
.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid #e8e8e8;
}
.ant-calendar-month-panel-header a:hover {
  color: #40a9ff;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  padding: 0 2px;
  font-weight: 500;
  display: inline-block;
  color: rgba(0, 0, 0, 0.85);
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  color: rgba(0, 0, 0, 0.45);
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:after {
  content: '\AB';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after {
  content: '\BB';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:after {
  content: '\2039';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after {
  content: '\203A';
}
.ant-calendar-month-panel-body {
  height: 248px;
}
.ant-calendar-month-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  background: #1890ff;
  color: #fff;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  background: #1890ff;
  color: #fff;
}
.ant-calendar-month-panel-cell {
  text-align: center;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  cursor: not-allowed;
  color: #bcbcbc;
  background: #f5f5f5;
}
.ant-calendar-month-panel-month {
  display: inline-block;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
  text-align: center;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-month-panel-month:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-year-panel {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  border-radius: 4px;
  background: #fff;
  outline: none;
}
.ant-calendar-year-panel > div {
  height: 100%;
}
.ant-calendar-year-panel-hidden {
  display: none;
}
.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid #e8e8e8;
}
.ant-calendar-year-panel-header a:hover {
  color: #40a9ff;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  padding: 0 2px;
  font-weight: 500;
  display: inline-block;
  color: rgba(0, 0, 0, 0.85);
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  color: rgba(0, 0, 0, 0.45);
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:after {
  content: '\AB';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after {
  content: '\BB';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:after {
  content: '\2039';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after {
  content: '\203A';
}
.ant-calendar-year-panel-body {
  height: calc(60%);
}
.ant-calendar-year-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.ant-calendar-year-panel-cell {
  text-align: center;
}
.ant-calendar-year-panel-year {
  display: inline-block;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
  text-align: center;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-year-panel-year:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  background: #1890ff;
  color: #fff;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  background: #1890ff;
  color: #fff;
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-decade-panel-hidden {
  display: none;
}
.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid #e8e8e8;
}
.ant-calendar-decade-panel-header a:hover {
  color: #40a9ff;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  padding: 0 2px;
  font-weight: 500;
  display: inline-block;
  color: rgba(0, 0, 0, 0.85);
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  color: rgba(0, 0, 0, 0.45);
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:after {
  content: '\AB';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after {
  content: '\BB';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:after {
  content: '\2039';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after {
  content: '\203A';
}
.ant-calendar-decade-panel-body {
  height: calc(60%);
}
.ant-calendar-decade-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.ant-calendar-decade-panel-cell {
  text-align: center;
  white-space: nowrap;
}
.ant-calendar-decade-panel-decade {
  display: inline-block;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
  text-align: center;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-decade-panel-decade:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  background: #1890ff;
  color: #fff;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  background: #1890ff;
  color: #fff;
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px;
}
.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%;
}
.ant-calendar-week-number-cell {
  opacity: 0.5;
}
.ant-calendar-week-number .ant-calendar-body tr {
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
}
.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: #e6f7ff;
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  background: #bae7ff;
  font-weight: bold;
}
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  background: transparent;
  color: rgba(0, 0, 0, 0.65);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
.ant-input {
  font-family: "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
  padding: 4px 11px;
  width: 100%;
  height: 32px;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input:hover {
  border-color: #40a9ff;
}
.ant-input:focus {
  border-color: #40a9ff;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-disabled {
  background-color: #f5f5f5;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-disabled:hover {
  border-color: #e6d8d8;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-transition: all .3s, height 0s;
  transition: all .3s, height 0s;
  min-height: 32px;
}
.ant-input-lg {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.ant-input-sm {
  padding: 1px 7px;
  height: 24px;
}
.ant-input-group {
  font-family: "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.ant-input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.ant-input-group > [class*="col-"] {
  padding-right: 8px;
}
.ant-input-group > [class*="col-"]:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
}
.ant-input-group-addon {
  padding: 0 11px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: rgba(0, 0, 0, 0.65);
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  background-color: inherit;
  margin: -1px;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #1890ff;
}
.ant-input-group-addon > i:only-child:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 1px 7px;
  height: 24px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 40px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  width: 100%;
  float: left;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact:before,
.ant-input-group.ant-input-group-compact:after {
  content: " ";
  display: table;
}
.ant-input-group.ant-input-group-compact:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-input-group.ant-input-group-compact > * {
  border-radius: 0;
  border-right-width: 0;
  vertical-align: top;
  float: none;
  display: inline-block;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
  z-index: auto;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {
  border-radius: 0;
  border-right-width: 0;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}
.ant-input-group-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.ant-input-affix-wrapper {
  font-family: "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
  width: 100%;
}
.ant-input-affix-wrapper .ant-input {
  z-index: 1;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  line-height: 0;
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-search-icon {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-search:not(.ant-input-search-small) > .ant-input-suffix {
  right: 12px;
}
.ant-input-search > .ant-input-suffix > .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-search > .ant-input-suffix > .ant-input-search-button > .anticon-search {
  font-size: 16px;
}
.ant-input-search.ant-input-search-enter-button > .ant-input {
  padding-right: 46px;
}
.ant-input-search.ant-input-search-enter-button > .ant-input-suffix {
  right: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
.ant-btn {
  line-height: 1.5;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  height: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  -webkit-transition: none;
  transition: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
  height: 40px;
}
.ant-btn-sm {
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  height: 24px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn:hover,
.ant-btn:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child:after,
.ant-btn:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn:active,
.ant-btn.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9;
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child:after,
.ant-btn.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn.disabled > a:only-child:after,
.ant-btn[disabled] > a:only-child:after,
.ant-btn.disabled:hover > a:only-child:after,
.ant-btn[disabled]:hover > a:only-child:after,
.ant-btn.disabled:focus > a:only-child:after,
.ant-btn[disabled]:focus > a:only-child:after,
.ant-btn.disabled:active > a:only-child:after,
.ant-btn[disabled]:active > a:only-child:after,
.ant-btn.disabled.active > a:only-child:after,
.ant-btn[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child:after,
.ant-btn-primary:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9;
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child:after,
.ant-btn-primary.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary.disabled > a:only-child:after,
.ant-btn-primary[disabled] > a:only-child:after,
.ant-btn-primary.disabled:hover > a:only-child:after,
.ant-btn-primary[disabled]:hover > a:only-child:after,
.ant-btn-primary.disabled:focus > a:only-child:after,
.ant-btn-primary[disabled]:focus > a:only-child:after,
.ant-btn-primary.disabled:active > a:only-child:after,
.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-primary.disabled.active > a:only-child:after,
.ant-btn-primary[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #40a9ff;
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
  border-color: #d9d9d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child:after,
.ant-btn-ghost:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child:after,
.ant-btn-ghost.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost.disabled > a:only-child:after,
.ant-btn-ghost[disabled] > a:only-child:after,
.ant-btn-ghost.disabled:hover > a:only-child:after,
.ant-btn-ghost[disabled]:hover > a:only-child:after,
.ant-btn-ghost.disabled:focus > a:only-child:after,
.ant-btn-ghost[disabled]:focus > a:only-child:after,
.ant-btn-ghost.disabled:active > a:only-child:after,
.ant-btn-ghost[disabled]:active > a:only-child:after,
.ant-btn-ghost.disabled.active > a:only-child:after,
.ant-btn-ghost[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child:after,
.ant-btn-dashed:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9;
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child:after,
.ant-btn-dashed.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed.disabled > a:only-child:after,
.ant-btn-dashed[disabled] > a:only-child:after,
.ant-btn-dashed.disabled:hover > a:only-child:after,
.ant-btn-dashed[disabled]:hover > a:only-child:after,
.ant-btn-dashed.disabled:focus > a:only-child:after,
.ant-btn-dashed[disabled]:focus > a:only-child:after,
.ant-btn-dashed.disabled:active > a:only-child:after,
.ant-btn-dashed[disabled]:active > a:only-child:after,
.ant-btn-dashed.disabled.active > a:only-child:after,
.ant-btn-dashed[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger {
  color: #f5222d;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child:after,
.ant-btn-danger:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #cf1322;
  border-color: #cf1322;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child:after,
.ant-btn-danger.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger.disabled > a:only-child:after,
.ant-btn-danger[disabled] > a:only-child:after,
.ant-btn-danger.disabled:hover > a:only-child:after,
.ant-btn-danger[disabled]:hover > a:only-child:after,
.ant-btn-danger.disabled:focus > a:only-child:after,
.ant-btn-danger[disabled]:focus > a:only-child:after,
.ant-btn-danger.disabled:active > a:only-child:after,
.ant-btn-danger[disabled]:active > a:only-child:after,
.ant-btn-danger.disabled.active > a:only-child:after,
.ant-btn-danger[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  width: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 50%;
  height: 32px;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  width: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 50%;
  height: 40px;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  width: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 50%;
  height: 24px;
}
.ant-btn:before {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  background: #fff;
  opacity: 0.35;
  content: '';
  border-radius: inherit;
  z-index: 1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  pointer-events: none;
  display: none;
}
.ant-btn .anticon {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn.ant-btn-loading:before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
  pointer-events: none;
  position: relative;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn {
  position: relative;
  line-height: 30px;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group-lg > .ant-btn {
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
  height: 40px;
  line-height: 38px;
}
.ant-btn-group-sm > .ant-btn {
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  height: 24px;
  line-height: 22px;
}
.ant-btn-group-sm > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 8px;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 8px;
}
.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
  padding-left: 8px;
  padding-right: 8px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-clicked:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: inherit;
  border: 0 solid #1890ff;
  opacity: 0.4;
  -webkit-animation: buttonEffect .4s;
  animation: buttonEffect .4s;
  display: block;
}
.ant-btn-danger.ant-btn-clicked:after {
  border-color: #f5222d;
}
.ant-btn-background-ghost {
  background: transparent !important;
  border-color: #fff;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #1890ff;
  background-color: transparent;
  border-color: #1890ff;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #f5222d;
  background-color: transparent;
  border-color: #f5222d;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff4d4f;
  background-color: transparent;
  border-color: #ff4d4f;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #cf1322;
  background-color: transparent;
  border-color: #cf1322;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.ant-btn-two-chinese-chars:first-letter {
  letter-spacing: .34em;
}
.ant-btn-two-chinese-chars > * {
  letter-spacing: .34em;
  margin-right: -0.34em;
}
@-webkit-keyframes buttonEffect {
  to {
    opacity: 0;
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
    border-width: 6px;
  }
}
@keyframes buttonEffect {
  to {
    opacity: 0;
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -6px;
    border-width: 6px;
  }
}
a.ant-btn {
  line-height: 30px;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
.ant-time-picker-panel {
  font-family: "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 1050;
  position: absolute;
}
.ant-time-picker-panel-inner {
  position: relative;
  outline: none;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  overflow: hidden;
  left: -2px;
}
.ant-time-picker-panel-input {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  cursor: auto;
  outline: 0;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input-wrap {
  box-sizing: border-box;
  position: relative;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-time-picker-panel-input-invalid {
  border-color: red;
}
.ant-time-picker-panel-clear-btn {
  position: absolute;
  right: 8px;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 7px;
  margin: 0;
}
.ant-time-picker-panel-clear-btn:after {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  display: inline-block;
  line-height: 1;
  width: 20px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-family: 'anticon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E62E";
}
.ant-time-picker-panel-clear-btn:hover:after {
  color: rgba(0, 0, 0, 0.45);
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  float: left;
  font-size: 14px;
  border-left: 1px solid #e8e8e8;
  box-sizing: border-box;
  width: 56px;
  overflow: hidden;
  position: relative;
  max-height: 192px;
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  border-left: 0;
  margin-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0 160px;
  width: 100%;
}
.ant-time-picker-panel-select li {
  list-style: none;
  box-sizing: content-box;
  margin: 0;
  padding: 0 0 0 12px;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.ant-time-picker-panel-select li:hover {
  background: #e6f7ff;
}
li.ant-time-picker-panel-select-option-selected {
  background: #f5f5f5;
  font-weight: bold;
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox:before,
.ant-time-picker-panel-combobox:after {
  content: " ";
  display: table;
}
.ant-time-picker-panel-combobox:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e8e8e8;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut;
}
.ant-time-picker {
  font-family: "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
  outline: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  width: 128px;
}
.ant-time-picker-input {
  position: relative;
  display: inline-block;
  padding: 4px 11px;
  width: 100%;
  height: 32px;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input:hover {
  border-color: #40a9ff;
}
.ant-time-picker-input:focus {
  border-color: #40a9ff;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-time-picker-input-disabled {
  background-color: #f5f5f5;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-time-picker-input-disabled:hover {
  border-color: #e6d8d8;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-transition: all .3s, height 0s;
  transition: all .3s, height 0s;
  min-height: 32px;
}
.ant-time-picker-input-lg {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.ant-time-picker-input-sm {
  padding: 1px 7px;
  height: 24px;
}
.ant-time-picker-input[disabled] {
  background-color: #f5f5f5;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.ant-time-picker-input[disabled]:hover {
  border-color: #e6d8d8;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 14px;
  height: 14px;
  line-height: 14px;
  right: 11px;
  color: rgba(0, 0, 0, 0.25);
  top: 50%;
  margin-top: -7px;
}
.ant-time-picker-icon:after {
  content: "\E641";
  font-family: "anticon";
  color: rgba(0, 0, 0, 0.25);
  display: block;
  line-height: 1;
}
.ant-time-picker-large .ant-time-picker-input {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.ant-time-picker-small .ant-time-picker-input {
  padding: 1px 7px;
  height: 24px;
}
.ant-time-picker-small .ant-time-picker-icon {
  right: 7px;
}
/*# sourceMappingURL=index.css.map*/
.payContent {
  height: calc(100% - 45px);
}
.payContent .payContainer {
  height: calc(100% - 80px);
  text-align: center;
  overflow-y: auto;
  background: #fff;
}
.payContent .payContainer p {
  font-size: 14px;
  line-height: 1.71;
  color: #525558;
}
.payContent .payContainer p .blue {
  color: #0099e5;
}
.payContent .payContainer p .red {
  color: #ff4c4c;
}
.payContent .payContainer .topInfo {
  padding: 15px 0;
  background: #f7f8fa;
}
.payContent .payContainer .topInfo h2 {
  font-weight: normal;
  line-height: 35px;
  font-size: 24px;
  color: #525558;
  margin-bottom: 20px;
}
.payContent .payContainer .code {
  padding: 30px 0 20px;
}
.payContent .payContainer .code .qrcode {
  width: 200px;
  height: 200px;
  margin: 15px auto;
}
.payContent .payContainer .code .tips img {
  margin-right: 10px;
  width: 25px;
  height: auto;
  vertical-align: middle;
}
.payContent .payContainer .code .tips span {
  display: inline-block;
  vertical-align: middle;
}
.payContent .bottom {
  text-align: left;
  height: 80px;
  line-height: 80px;
  background-color: #f7f8fa;
  box-shadow: inset 0 1px 0 0 #d7dde1;
  padding: 0 20px;
}
.payContent .bottom .nopay {
  float: right;
  margin-top: 25px;
  width: 86px;
  box-shadow: inset 0 2px 0 0 #00aaff;
}
.payContent .bottom .what {
  font-size: 14px;
  color: #0099e5;
  cursor: pointer;
}
.seekCommentItem .starIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: 6px;
  vertical-align: middle;
}
.seekCommentItem .starIcon:last-child {
  margin-right: 0;
}
.seekCommentItem .starIcon:before {
  position: absolute;
  top: 0;
  opacity: 0;
  content: ' ';
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("//cdn-test.500px.me/images/seek/star_empty.svg?dc=1");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-color: #FFF;
}
.seekCommentItem .starIcon:after {
  display: block;
  content: ' ';
  width: 16px;
  height: 16px;
  background-image: url("//cdn-test.500px.me/images/seek/star.svg?dc=1");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-color: #FFF;
}
.seekCommentItem .starIcon.empty:before {
  opacity: 1;
}
.seekCommentItem .starIcon.empty.yiban:after {
  width: 8px;
}
.seekCommentItem .starIcon.empty.yiban:before {
  background-color: transparent;
}
.seekCommentItem .starIcon.empty.percent:before {
  background-color: transparent;
}
.seekCommentItem .starIcon.empty.percent.percent1:after {
  width: 1.6px;
}
.seekCommentItem .starIcon.empty.percent.percent2:after {
  width: 3.2px;
}
.seekCommentItem .starIcon.empty.percent.percent3:after {
  width: 4.8px;
}
.seekCommentItem .starIcon.empty.percent.percent4:after {
  width: 6.4px;
}
.seekCommentItem .starIcon.empty.percent.percent5:after {
  width: 8px;
}
.seekCommentItem .starIcon.empty.percent.percent6:after {
  width: 9.6px;
}
.seekCommentItem .starIcon.empty.percent.percent7:after {
  width: 11.2px;
}
.seekCommentItem .starIcon.empty.percent.percent8:after {
  width: 12.8px;
}
.seekCommentItem .starIcon.empty.percent.percent9:after {
  width: 14.4px;
}
.seekCommentItem .__top .sidebar__profile_avatar {
  margin: 40px 0 8px 0;
  width: 72px;
  height: 72px;
  margin-right: 0;
}
.seekCommentItem .__top .__name {
  display: block;
  max-width: 150px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24px;
  color: #525558;
  height: 36px;
  line-height: 34px;
}
.seekCommentItem .__top .__name:hover {
  color: #0099e5;
}
.seekCommentItem .__top .__nums {
  font-size: 14px;
  color: #B8C1C8;
}
.seekCommentItem .__top .__nums span + span {
  margin-left: 10px;
}
.seekCommentItem .__top ._star {
  margin-top: 15px;
}
.seekCommentItem .__top ._star .fa-star {
  color: #0099E5;
  font-size: 18px;
}
.seekCommentItem .__top ._star .fenshu {
  vertical-align: middle;
  font-size: 14px;
  margin-left: 10px;
  color: #0099e5;
}
.seekCommentItem ._tag {
  display: inline-block;
  padding: 5px 10px;
  color: #71767a;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  border: 1px solid #EEEFF2;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 12px;
  margin: 0 10px 10px 0;
  background-color: #fff;
}
.seek_dianping_win {
  height: 100%;
}
.seek_dianping_win .__body {
  overflow-y: auto;
  border-bottom: 1px solid #D7DDE1;
  height: calc(100% - 170px);
  height: -webkit-calc(100% - 170px);
  height: -moz-calc(100% - 170px);
}
.seek_dianping_win .__body ._selectbtn {
  margin: 50px auto 70px;
  display: table;
  width: 100%;
}
.seek_dianping_win .__body ._selectbtn .add_img_cmp {
  width: 220px;
  height: 220px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  cursor: pointer;
}
.seek_dianping_win .__body ._selectbtn .add_img_cmp img {
  max-width: 90%;
  max-height: 90%;
  text-align: center;
}
.seek_dianping_win .__body ._selectbtn .add_mpic {
  width: 220px;
  height: 220px;
  border: 2px solid #B9C1C7;
  display: inline-block;
  font-size: 18px;
  color: #B9C1C7;
  padding-top: 70px;
  font-weight: 700;
  cursor: pointer;
}
.seek_dianping_win .__body ._selectbtn ._s {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.seek_dianping_win .__body ._selectbtn ._s .jia {
  color: #B9C1C7;
  font-size: 40px;
}
.seek_dianping_win .__body ._form {
  padding-left: 20px;
}
.seek_dianping_win .__body ._form._formText {
  padding-right: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.seek_dianping_win .__body ._form ._title {
  font-size: 16px;
  color: #525558;
  margin-bottom: 10px;
}
.seek_dianping_win .__body ._form ._title span {
  color: #b9c1c7;
}
.seek_dianping_win .__body ._form .checkbox-container-lxx {
  float: left;
  font-size: 14px;
  color: #71767A;
}
.seek_dianping_win .__body ._form .checkbox-container-lxx .checkbox {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 1px solid rgba(185, 193, 199, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background-color: #fff;
  display: inline-block;
}
.seek_dianping_win .__body ._form .checkbox-container-lxx .checkbox:before {
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('//cdn-test.500px.me/images/icon/duihao_500px.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 15px;
  background-size: 15px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity 0.2s;
}
.seek_dianping_win .__body ._form .checkbox-container-lxx .checkbox.checked:before {
  opacity: 1;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.seek_dianping_win .__body ._form .checkbox-container-lxx .checkbox:before {
  opacity: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('//cdn-test.500px.me/images/icon/duihao_500px.svg');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 15px;
  background-size: 15px;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity 0.2s;
}
.seek_dianping_win .__body ._form .checkbox-container-lxx .checkbox.checked:before {
  opacity: 1;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.seek_dianping_win .__body ._form .checkbox-container-lxx + .checkbox-container-lxx {
  margin-left: 20px;
}
.seek_dianping_win .__bottom {
  height: 120px;
  color: #71767A;
  padding: 25px 0 0 30px;
  font-size: 12px;
}
.seek_dianping_win .__bottom ._title {
  font-size: 14px;
}
.seek_dianping_win .__bottom ._prize {
  line-height: 33px;
  font-size: 24px;
  color: #525558;
}
.seek_dianping_win .__bottom ._info {
  margin-top: 5px;
}
.seek_dianping_win .__bottom .right {
  width: 210px;
  height: 100%;
  position: relative;
}
.seek_dianping_win .__bottom .right .button {
  position: absolute;
  top: 23px;
  width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 17px;
}
.radioGroup .radioMain {
  display: inline-block;
  min-width: 85px;
}
.targetToPC {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.targetToPC img {
  width: 60px;
  height: auto;
  margin-bottom: 30px;
}
.targetToPC p {
  font-size: 14px;
  color: #b9c1c7;
  line-height: 29px;
}
.rejectReason {
  height: 100%;
}
.rejectReason ._body {
  padding: 40px;
  height: calc(100% - 96px);
  height: -webkit-calc(100% - 96px);
  height: -moz-calc(100% - 96px);
  overflow-y: auto;
}
.rejectReason ._body ._title {
  font-size: 16px;
  color: #0099E5;
}
.rejectReason ._body textarea {
  margin-top: 15px;
}
.rejectReason ._body .rejectWaringTxt {
  margin: 0 auto;
  margin-top: 15px;
  display: block;
  color: red;
}
.rejectReason ._body .checkbox-container-lxx {
  margin-top: 20px;
}
.rejectReason ._body .cate-txt {
  font-size: 14px;
  color: #71767A;
}
.reject_tooOftenSubmit .reject_tooOftenSubmit_container {
  padding: 15px;
}
.reject_tooOftenSubmit .reject_tooOftenSubmit_container .text,
.reject_tooOftenSubmit .reject_tooOftenSubmit_container .readMore {
  line-height: 25px;
  font-size: 14px;
  text-align: left;
  word-break: break-all;
}
.reject_tooOftenSubmit .reject_tooOftenSubmit_container .readMore {
  padding-top: 10px;
  line-height: 25px;
  font-size: 14px;
}
.reject_tooOftenSubmit .reject_tooOftenSubmit_container .readMore a {
  cursor: pointer;
}
.recommendation_container .recommendation-description {
  width: 600px;
  margin: 0 auto;
  font-size: 14px;
  color: #71767A;
  letter-spacing: -0.15px;
  text-align: left;
}
.recommendation_container .recommendation-description .header {
  width: 407px;
  margin: 0 auto;
  padding: 60px;
}
.recommendation_container .recommendation-description .header p {
  display: inline-block;
  font-size: 18px;
  color: #525558;
  line-height: 25px;
}
.recommendation_container .recommendation-description .header p:nth-child(2) {
  width: 25px;
  text-align: center;
  vertical-align: super;
  color: #D7DDE1;
  font-weight: 700;
}
.recommendation_container .recommendation-gallery {
  width: 1266px;
  margin: 0 auto;
}
.recommendation_container .recommendation-gallery .header {
  padding: 27px 0 6px 10px;
}
.recommendation_container .recommendation-gallery .header p {
  font-size: 14px;
  color: #525558;
  line-height: 20px;
  display: inline-block;
}
.recommendation_container .recommendation-gallery .header .quote {
  width: 23px;
  text-align: center;
  vertical-align: super;
  line-height: 20px;
  font-weight: 700;
}
.recommendation_container .recommendation-gallery .header .help {
  display: inline-block;
  padding-left: 30px;
}
.recommendation_container .recommendation-gallery .header .help .icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("//node-test.500px.me/images/contractPhotographer/Info.svg");
  background-repeat: no-repeat;
  background-size: 12px;
  margin-right: 5px;
  vertical-align: middle;
}
.recommendation_container .recommendation-gallery .header .help .handleHelp {
  font-size: 14px;
  color: #0099E5;
  display: inline-block;
  cursor: pointer;
}
.description-content {
  text-align: left;
}
.description-content .list-desc {
  font-size: 14px;
  color: #71767A;
  letter-spacing: -0.15px;
  text-align: left;
  line-height: 21px;
  padding-bottom: 30px;
}
.description-content ul li {
  padding-bottom: 30px;
}
.description-content ul li:nth-child(4) {
  padding-bottom: 0px;
}
.description-content ul .list-title {
  font-size: 18px;
  text-align: left;
  color: #525558;
  line-height: 21px;
}
.description-content ul .list-content {
  font-size: 12px;
  color: #71767A;
  line-height: 20px;
  word-break: break-all;
}
.window-description-content .description-content {
  padding: 30px 29px;
}
.footer-img {
  padding-top: 53px;
  padding-bottom: 50px;
  position: relative;
}
.footer-img .main-img {
  max-width: 80%;
  height: auto;
  margin: 0 auto;
  display: block;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
.ant-popover {
  font-family: "Monospace Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  cursor: auto;
  user-select: text;
  white-space: normal;
  font-weight: normal;
  text-align: left;
}
.ant-popover:after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 9px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 9px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 9px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 9px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-popover-title {
  min-width: 177px;
  margin: 0;
  padding: 5px 16px 4px;
  min-height: 32px;
  border-bottom: 1px solid #e8e8e8;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message {
  padding: 4px 0 12px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message > .anticon {
  color: #faad14;
  line-height: 1.6;
  position: absolute;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  text-align: right;
  margin-bottom: 4px;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  background: #fff;
  width: 7.07106781px;
  height: 7.07106781px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  border-color: transparent;
  border-style: solid;
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.photoselect {
  height: 100%;
}
.photoselect .modal-body {
  height: calc(100% - 97px);
  height: -webkit-calc(100% - 97px);
  height: -moz-calc(100% - 97px);
}
.qianyuedetab {
  position: relative;
}
.sticky_nav .contractphotographer {
  margin-top: 71px;
}
.__info_text {
  font-size: 12px;
  display: inline-block;
  position: relative;
  left: 15px;
  color: #818689;
  bottom: 15px;
}
.home_otherLi {
  position: absolute;
  right: 10px;
  top: 17px;
  /*Begin: Added by xiaoxiaoliu for 开关：默认是否打开签约页面 20170915 */
  /*End: Added by xiaoxiaoliu for 开关：默认是否打开签约页面 20170915 */
}
.home_otherLi .button {
  width: 100px;
  height: 30px;
  line-height: 30px;
}
.home_otherLi .help_text {
  cursor: pointer;
  margin-left: 20px;
  color: #0099e5;
}
.home_otherLi .help_text ._icon {
  font-weight: 700;
  margin-left: 5px;
  color: #FFF;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-color: #0298e5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
.home_otherLi .switch-default-page {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  float: left;
  margin-right: 55px;
  /*以下样式 适配设计稿*/
}
.home_otherLi .switch-default-page .checkbox-container-lxx .check-per.flexbox .checkbox-cate {
  width: 24px;
  height: 24px;
}
.home_otherLi .switch-default-page .checkbox-container-lxx .check-per.flexbox .checkbox-cate:before {
  background-size: 12px;
}
/*Begin: Added by xiaoxiaoliu for 开关：默认是否打开签约页面 20170915 */
.px_tabs li.tab-list-container,
.px_tabs li.tab-list-container-edit,
.px_tabs li.tab-list-container-creative,
.px_tabs li.tab-list-container-report {
  position: relative;
}
.px_tabs li.tab-list-container:after,
.px_tabs li.tab-list-container-edit:after,
.px_tabs li.tab-list-container-creative:after,
.px_tabs li.tab-list-container-report:after {
  content: "";
  background-image: url(//cdn-test.500px.me/images/svg/down_arrow.svg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 16px;
  width: 16px;
  height: 6px;
  padding: 6px;
  position: absolute;
  right: -24px;
  top: -3px;
}
.tab_lis_popover .sort_options {
  margin: 15px;
}
.tab_lis_popover .sort_options li {
  line-height: 20px;
  margin: 5px 0;
  background-color: #FFFFff;
}
.tab_lis_popover .sort_options li:hover a,
.tab_lis_popover .sort_options li.selected a {
  color: #0099E5;
}
.tab_lis_popover .sort_options li a {
  background-color: #FFFFff;
  color: #525558;
}
.tab_lis_popover .sort_options li a.selected {
  color: #0099E5;
  font-weight: 700;
}
/*End: Added by xiaoxiaoliu for 开关：默认是否打开签约页面 20170915 */
.m-l-25 {
  margin-left: 1.19047619rem;
}
.contractphotographer {
  min-height: 700px;
}
.process {
  padding: 0 40px;
  height: 100px;
}
.process.nopadding {
  padding: 0;
}
.process .Landn {
  position: relative;
  height: 50px;
}
.process .Landn .line {
  top: 50%;
  width: 100%;
  z-index: 1;
  position: absolute;
  height: 2px;
  background-color: #c3cacf;
}
.process .Landn .number {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 2;
  width: 50px;
  height: 50px;
  line-height: 44px;
  position: absolute;
  border: 3px solid #0099e5;
  background-color: #0099e5;
  text-align: center;
}
.process .Landn .number span {
  font-size: 1.42857143rem;
  color: #FFF;
  font-weight: 700;
}
.process .Landn .number div {
  position: absolute;
  left: -5px;
  bottom: -45px;
  white-space: nowrap;
  line-height: 20px;
  color: #5f6265;
  font-size: 0.76190476rem;
  font-weight: bold;
}
.process .Landn .number.success,
.process .Landn .number.error {
  background-image: url("//node-test.500px.me/images/qianyue/success.svg");
  background-repeat: no-repeat;
  background-size: 32px 22px;
  background-position: center;
}
.process .Landn .number.success span,
.process .Landn .number.error span {
  display: none;
}
.process .Landn .number.error {
  background-color: #e50101;
  border: 3px solid #e50101;
  background-image: url("//node-test.500px.me/images/qianyue/error.svg");
}
.process .Landn .number.disabled {
  background-color: #FFF;
  border: 3px solid #d2d7db;
}
.process .Landn .number.disabled span {
  color: #d2d7db;
  margin-bottom: 4px;
}
.process .Landn .number.submit {
  border: 3px solid #0099e5;
  background-color: #FFF;
}
.process .Landn .number.submit span {
  color: #0099e5;
}
.process .Landn .number.two {
  left: 30%;
}
.process .Landn .number.three {
  left: 60%;
}
.process .Landn .number.four {
  right: 0;
}
.process .Landn .number.four div {
  left: 10px;
}
.qianyue {
  max-width: 1180px;
  margin: 20px auto 100px auto;
}
.qianyue > h1 {
  font-size: 1.14285714rem;
  margin: 40px 0;
}
.qianyue .content {
  max-height: 844px;
  overflow-y: auto;
  border: 1px solid #b0b0b0;
  padding: 30px 40px;
  color: #000;
  font-size: 0.66666667rem;
  line-height: 25px;
  margin-bottom: 3.0952381rem;
}
.qianyue .content .c_t {
  margin-bottom: 25px;
}
.qianyue .content .p1 {
  margin-bottom: 1.42857143rem;
}
.qianyue .content .p1 .title {
  color: #5f6265;
  font-size: 0.66666667rem;
}
.qianyue .content .text {
  color: #9a9ea1;
}
.qianyue .content p.m2 {
  margin-bottom: 0.47619048rem;
}
.qianyue .content p.indet {
  padding-left: 2em;
}
.bottom_btns {
  text-align: center;
  padding-top: 2.85714286rem;
}
.bottom_btns .text {
  color: #71767a;
  font-size: 0.85714286rem;
}
.bottom_btns .text.m1 {
  font-size: 0.66666667rem;
  margin-bottom: 1.42857143rem;
}
.bottom_btns .button {
  width: 10.47619048rem;
  height: 2.85714286rem;
  line-height: 2.85714286rem;
  font-size: 0.85714286rem;
}
.bottom_btns .button.sign {
  background-color: #34bf49;
  border-color: #2fab41;
  text-shadow: 0 1px 0 #2fab41;
}
.bottom_btns .button.secondary_btn {
  background: transparent;
  color: #0099e5;
  border-color: #0099e5;
}
.hetong {
  padding-bottom: 50px;
}
.hetong .textIndent {
  display: block;
  text-indent: 2em;
}
.hetong .xieyi h4,
.hetong .xieyi p {
  text-indent: 2em;
}
.hetong .xiahuaxian {
  padding: 0 30px;
  border-bottom: 1px solid #000;
}
.hetong .tabel_div {
  padding: 10px 25px;
}
.hetong .d_table {
  width: 100%;
  border-spacing: 1px;
  background-color: #000;
}
.hetong .d_table tr {
  background-color: #FFF;
}
.hetong .d_table tr td {
  text-align: center;
}
.hetong .d_table .c_20 {
  padding: 10px;
  text-align: left;
}
.hetong .frameWork_d_table {
  width: 100%;
  border-spacing: 1px;
  background-color: #000;
}
.hetong .frameWork_d_table tr {
  background-color: #FFF;
}
.hetong .frameWork_d_table tr td {
  text-align: center;
}
.hetong .frameWork_d_table th,
.hetong .frameWork_d_table td {
  width: 100px;
  height: 40px;
  text-align: center;
}
.hetong .bottom_btns .button {
  width: 14.28571429rem;
  height: 2.38095238rem;
  line-height: 2.38095238rem;
}
.hetong .title {
  text-align: center;
  color: #5f6265;
  font-size: 24px;
  font-weight: bold;
  margin: 20px auto;
}
.hetong .desc {
  text-align: center;
  color: #0099e5;
  font-size: 14px;
  margin-bottom: 40px;
}
.hetong .content {
  max-width: 1098px;
  border: 1px solid #b0b0b0;
  margin: 0 auto;
  padding: 30px 0;
  color: #000;
  font-size: 14px;
  line-height: 25px;
}
.hetong .content .logo {
  padding-left: 70px;
}
.hetong .content .text {
  padding: 0 70px;
  max-height: 800px;
  overflow-y: auto;
}
.hetong .content .text .ctitle {
  text-align: center;
}
.hetong .content .userinfo {
  color: #0099e5;
  font-weight: bold;
  margin: 20px 0;
}
.hetong .oneRightApplyRightsDesc {
  width: 960px;
  margin: 0 auto;
  font-size: 14px;
  color: #525558;
  letter-spacing: 0;
  padding-top: 77px;
  padding-bottom: 70px;
}
.hetong .oneRightApplyRightsDesc .title h2 {
  font-size: 24px;
  color: #525558;
  letter-spacing: 0;
  line-height: 31px;
  text-align: left;
}
.hetong .oneRightApplyRightsDesc .desc {
  padding-top: 30px;
  width: 100%;
  text-align: left;
}
.hetong .oneRightApplyRightsDesc .desc p {
  font-size: 14px;
  color: #525558;
  letter-spacing: 0;
  line-height: 18px;
}
.hetong .oneRightApplyRightsDesc .desc_bottom {
  padding-top: 5px;
  width: 100%;
  text-align: left;
}
.hetong .oneRightApplyRightsDesc .desc_bottom p {
  font-size: 14px;
  color: #525558;
  letter-spacing: 0;
  line-height: 18px;
}
.hetong .oneRightApplyRightsDesc .tableDesc {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 3px;
}
.hetong .oneRightApplyRightsDesc .tableDesc span {
  margin-right: 18px;
}
.hetong .oneRightApplyRightsDesc .tableDesc .descspan {
  font-size: 14px;
  color: #B9C1C7;
  letter-spacing: 0;
}
.hetong .oneRightApplyRightsDesc .userRightsTable {
  font-size: 14px;
  color: #71767A;
  letter-spacing: 0;
  text-align: center;
}
.hetong .oneRightApplyRightsDesc .userRightsTable .userRightsTablecls {
  border: 0;
  border-collapse: collapse;
}
.hetong .oneRightApplyRightsDesc .userRightsTable .userRightsTablecls thead,
.hetong .oneRightApplyRightsDesc .userRightsTable .userRightsTablecls tr {
  border-bottom: 1px solid #EEEFF2;
}
.hetong .oneRightApplyRightsDesc .userRightsTable .userRightsTablecls th,
.hetong .oneRightApplyRightsDesc .userRightsTable .userRightsTablecls td {
  width: 100px;
  height: 40px;
  border: 0;
  font-weight: 400;
}
.hetong .oneRightApplyRightsDesc .userRightsTable .userRightsTablecls thead {
  background: #EEEFF2;
}
.hetong .oneRightApplyRightsDesc .userRightsTable .userRightsTablecls tr {
  border-bottom: 1px solid #EEEFF2;
  background: #FFF;
}
.hetong .oneRightApplyRightsDesc .userRightsTable .userRightsTablecls .tdActive {
  background: #E5F4FC;
}
.hetong .page0 {
  width: 960px;
  margin: 0 auto;
  padding-top: 77px;
}
.hetong .page0 .page0_title {
  text-align: center;
  margin-bottom: 30px;
}
.hetong .page0 .page0_title p {
  font-size: 24px;
  color: #525558;
  letter-spacing: 0;
}
.hetong .page0 .page0_desc {
  width: 432px;
  margin: 0 auto;
  text-align: center;
}
.hetong .page0 .page0_desc p,
.hetong .page0 .page0_desc span {
  font-size: 16px;
  color: #525558;
  letter-spacing: 0;
  line-height: 26px;
}
.hetong .page0 .page0_desc .page0_connect_phone {
  margin-right: 30px;
}
.editinfo {
  max-width: 908px;
  margin: 0 auto;
  margin-top: 70px;
  padding-bottom: 70px;
}
.editinfo .img_picLocation_city {
  margin-bottom: 2px;
}
.editinfo .select_wrap {
  height: 40px;
  position: relative;
  float: left;
}
.editinfo .select_wrap select {
  color: #525558;
  border: 1px solid rgba(185, 193, 199, 0.5);
  /*-webkit-border-radius: 3px;*/
  /*border-radius: 3px;*/
  background-color: #fff;
  width: 100%;
  padding: 6px 30px 6px 10px;
  resize: none;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.editinfo .select_wrap select:focus,
.editinfo .select_wrap .select_wrap .ui-selectmenu-text:focus {
  border-color: #0099e5;
}
.editinfo .select_wrap select:focus + .arrows,
.editinfo .select_wrap .select_wrap .ui-selectmenu-text:focus + .arrows {
  border-color: #0099e5;
}
.editinfo .select_wrap select::-ms-expand,
.editinfo .select_wrap .select_wrap .ui-selectmenu-text::-ms-expand {
  display: none;
}
.editinfo .select_wrap .arrows {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 30px;
  border: 1px solid rgba(185, 193, 199, 0.5);
  border-left: none;
  /*-webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;*/
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAjElEQVQY02NYtWoVMwMQ7Dh0RnLnwePrQDSIDxNn+P//P9OOA8f3nb129z+IBvEZYACk48SF6/93Hjz2G0IfXweTaNl16MT/nYeOvwWyP4JoMP/gsXaGzfv3i2w8coR327YTfNtOADGQBvMPHRJlIB+AtGMzdv/+MyIMIIuxOWjHoeOt+L2CNxDwBR8A34mhhUTU5TIAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: 7px 12px;
  background-position: center center;
  background-color: #fff;
  -webkit-transition: border-color 0.1s;
  -moz-transition: border-color 0.1s;
  transition: border-color 0.1s;
  pointer-events: none;
}
.editinfo .card_upload {
  color: #5f6265;
}
.editinfo .card_upload div.label {
  height: 25px;
}
.editinfo .card_upload div.label label {
  vertical-align: middle;
}
.editinfo .card_upload .filterItem {
  vertical-align: middle;
  width: 200px;
  display: inline-block;
  margin-left: 20px;
  position: relative;
}
.editinfo .card_upload .filterItem .progress {
  overflow: hidden;
  height: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.editinfo .card_upload .filterItem .progress .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
}
.editinfo .card_upload .filterItem .delete_svg {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  background: url("//cdn.shijue.me/images/contractPhotographer/delete.svg");
  background-size: 100% 100%;
  top: 4px;
  height: 30px;
  width: 30px;
  right: 3px;
}
.editinfo .card_upload .shilispan {
  display: inline-block;
  color: #409CE5;
}
.editinfo .card_upload .shilispan .lyby_tip_main {
  display: none;
}
.editinfo .card_upload .shilispan .lyby_tip_main .lyby_tip {
  text-align: center;
}
.editinfo .card_upload .shilispan:hover .lyby_tip_main {
  display: block;
}
.editinfo .d_info .label {
  display: inline-block;
  width: 200px;
}
.editinfo .d_info + .d_info {
  margin-top: 5px;
}
.editinfo .d_info .input_cmp {
  display: inline;
}
.editinfo .process {
  padding: 0;
}
.editinfo .bottom_btns .button {
  width: 14.28571429rem;
  height: 2.38095238rem;
  line-height: 2.38095238rem;
}
.editinfo .result .desc {
  line-height: 25px;
  font-size: 14px;
  margin: 0 20px 0 20px;
}
.editinfo .result .desc a {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.editinfo .result .desc a:link {
  color: #19b3ff;
}
.editinfo .result .desc a:visited {
  color: #19b3ff;
}
.editinfo .result .desc a:hover {
  color: #059feb;
}
.editinfo .result .textLeft {
  text-align: left;
}
.editinfo .result .renewalMsg {
  width: 77%;
  text-align: left;
  margin: 0 auto;
  padding-top: 10px;
}
.editinfo .result .oneRightApplyStatusDesc {
  line-height: 25px;
  font-size: 14px;
}
.editinfo .result .oneRightApplyStatusDesc .oneRightApplyStatusContent {
  display: inline-block;
  width: 192px;
  text-align: center;
  padding: 0 40px;
  padding-bottom: 20px;
}
.editinfo .result .oneRightApplyStatusDesc .oneRightApplyStatusContent .oneRightApplyStatusText {
  display: block;
  line-height: 21px;
  margin-bottom: 6px;
  font-size: 16px;
  color: #525558;
  letter-spacing: 0;
}
.editinfo .result .oneRightApplyStatusDesc .oneRightApplyStatusContent .oneRightApplyStatusIcon {
  text-align: center;
}
.editinfo .result .oneRightApplyStatusDesc .oneRightApplyStatusContent .oneRightApplyStatusIcon .iconSuccess {
  width: 20px;
  height: 12px;
  display: inline-block;
  line-height: 20px;
  margin-right: 5px;
  background-image: url("//node-test.500px.me/images/contractPhotographer/selected.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
}
.editinfo .result .oneRightApplyStatusDesc .oneRightApplyStatusContent .oneRightApplyStatusIcon .iconText {
  display: inline-block;
  font-size: 14px;
  color: #0099E5;
  letter-spacing: 0;
}
.editinfo .result .oneRightApplyStatusDesc .oneRightApplyStatusContent .oneRightApplyStatusIcon .iconFiled {
  display: block;
  font-size: 14px;
  color: #0099E5;
  letter-spacing: 0;
  line-height: 19px;
}
.editinfo .result .addDescLink {
  padding-top: 2.85714286rem;
  line-height: 25px;
  font-size: 14px;
  color: #808589;
  text-align: left;
}
.editinfo .result .addDescLink a {
  cursor: pointer;
}
.editinfo .result .result_box {
  text-align: center;
}
.editinfo .result .result_box_content {
  line-height: 25px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-align: left;
}
.editinfo .invitedUserPageOne {
  position: relative;
  text-align: center;
}
.editinfo .invitedUserPageOne img {
  width: 660px;
}
.editinfo .invitedUserPageOne .invitedUserInfos {
  position: absolute;
  top: 30px;
  left: 401px;
  text-align: left;
}
.editinfo .invitedUserPageOne .invitedUserInfos .title_content {
  padding-bottom: 23px;
}
.editinfo .invitedUserPageOne .invitedUserInfos .title_content p:nth-child(1) {
  font-size: 28px;
  color: #525558;
  letter-spacing: 0;
  line-height: 40px;
}
.editinfo .invitedUserPageOne .invitedUserInfos .title_content p:nth-child(2) {
  font-size: 13px;
  color: #525558;
  text-align: left;
  line-height: 18px;
}
.editinfo .invitedUserPageOne .invitedUserInfos .desc_content {
  width: 353px;
  font-size: 13px;
  color: #525558;
  letter-spacing: 0;
  line-height: 14px!important;
  word-break: break-all;
}
.editinfo .invitedUserPageOne .invitedUserInfos .desc_content p {
  font-size: 13px;
  line-height: 15px;
}
.uploadWorks {
  width: 100%;
  max-width: 908px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.uploadWorks .oneRightLabel {
  font-size: 18px;
  color: #525558;
  letter-spacing: 0;
  padding-bottom: 15px;
  padding-top: 10px;
  line-height: 25px;
}
.uploadWorks .required {
  color: #ff5c5c;
}
.uploadWorks .radioContainer {
  width: 100%;
}
.uploadWorks .radioContainer .radioMain {
  float: left;
  width: 90px;
  position: relative;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.uploadWorks .radioContainer .clear {
  clear: both;
}
.uploadWorks .oneRightApplyList .roundedOne {
  position: absolute;
  top: 7px;
  left: 0;
}
.uploadWorks .oneRightApplyList ul {
  padding-left: 29px;
  position: relative;
}
.uploadWorks .oneRightApplyList ul .desc {
  font-size: 14px;
  color: #525558;
  letter-spacing: 0;
  line-height: 36px;
}
.uploadWorks .oneRightApplyList ul .desc .icon {
  display: inline-block;
  width: 20px;
  height: 12px;
  margin: 0 5px;
  background-image: url("//node-test.500px.me/images/contractPhotographer/selected.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
}
.uploadWorks .oneRightApplyList ul .desc .zhanwei {
  display: inline-block;
  width: 20px;
  height: 12px;
  margin: 0 5px;
}
.uploadWorks .oneRightApplyList ul .desc .descChar {
  display: inline-block;
  width: 110px;
}
.uploadWorks .oneRightApplyList ul .desc .descOpen {
  display: inline-block;
  font-size: 14px;
  color: #0099E5;
  letter-spacing: 0;
}
.uploadWorks .oneRightApplyList ul .desc .descApply {
  display: inline-block;
  font-size: 14px;
  color: #0099E5;
  letter-spacing: 0;
}
.uploadWorks .oneRightApplyList ul .desc .radio_process_wrapper {
  display: inline-block;
}
.uploadWorks .oneRightApplyList ul .desc .radio_process_wrapper .uploadNum {
  height: 36px;
  margin: 0 0 0 8px;
  display: inline-block;
}
.uploadWorks .oneRightApplyList ul .desc .radio_process_wrapper .uploadNum .uploadContainer {
  width: 120px;
  height: 13px;
  border: 1px solid #B9C1C7;
  border-radius: 2px;
  background: #fff;
  display: inline-block;
  margin-right: 10px;
}
.uploadWorks .oneRightApplyList ul .desc .radio_process_wrapper .uploadNum .uploadContainer .uploadNumInner {
  width: 50px;
  height: 11px;
  background: #0099E5;
}
.uploadWorks .oneRightApplyList ul .desc .radio_process_wrapper .uploadNum .uploadContainer .uploadNumText {
  display: inline-block;
  font-size: 14px;
  line-height: 15px;
  color: #71767A;
  letter-spacing: 0;
}
.uploadWorks .descItem {
  width: 100%;
  padding-bottom: 20px;
  padding-top: 7px;
  font-size: 14px;
  color: #71767A;
  letter-spacing: 0;
}
.uploadWorks .picUpload .selectButton {
  content: '';
  display: block;
}
.uploadWorks .picUpload .selectButton .buttonChoose {
  width: 180px;
  height: 42px;
  background: #0099E5;
  border: 1px solid #0089D2;
  box-shadow: inset 0 2px 0 0 #00AAEF;
  border-radius: 3px;
  font-size: 14px;
  line-height: 42px;
  color: #FFFFFF;
  float: left;
  margin-right: 15px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}
.uploadWorks .picUpload .selectButton .buttonChoose:hover {
  background-color: #19B3FF;
}
.uploadWorks .picUpload .selectButton .picChooseFromOwn .label a {
  width: 180px;
  height: 42px;
  display: inline-block;
}
.uploadWorks .picUpload .selectButton .picChooseFromLocal {
  position: relative;
}
.uploadWorks .picUpload .selectButton .picChooseFromLocal a {
  color: #FFFFFF;
}
.uploadWorks .picUpload .selectButton:after {
  content: '';
  display: block;
  clear: both;
}
.uploadWorks .picUpload .uploadNum {
  height: 13px;
  margin: 20px 0;
}
.uploadWorks .picUpload .uploadNum .uploadContainer {
  width: 120px;
  height: 13px;
  border: 1px solid #B9C1C7;
  border-radius: 2px;
  background: #fff;
  display: inline-block;
  margin-right: 10px;
}
.uploadWorks .picUpload .uploadNum .uploadContainer .uploadNumInner {
  width: 50px;
  height: 11px;
  background: #0099E5;
}
.uploadWorks .picUpload .uploadNum .uploadContainer .uploadNumText {
  display: inline-block;
  font-size: 14px;
  line-height: 15px;
  color: #71767A;
  letter-spacing: 0;
}
.uploadWorks .picUpload .picContainer {
  width: 100%;
  display: block;
}
.uploadWorks .picUpload .picContainer .jFiler-items {
  overflow-y: auto;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list {
  width: 100%;
  display: block;
  overflow-y: auto;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item {
  float: left;
  width: 220px;
  height: 225px;
  background: #FFFFFF;
  border: 1px solid #DBE0E4;
  margin-right: 20px;
  margin-top: 30px;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .overlay {
  opacity: 1;
  position: absolute;
  height: 40px;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 3;
  pointer-events: auto;
  -webkit-transition: border 0.2s;
  -moz-transition: border 0.2s;
  transition: border 0.2s;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .overlay .gradient {
  position: absolute;
  height: 40px;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=0);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .overlay .remove {
  opacity: 0;
  position: absolute;
  top: 4px;
  right: 6px;
  width: 33px;
  height: 33px;
  background-image: url("//cdn-test.500px.me/images/upload/x.png");
  background-size: 10px;
  -webkit-background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  -webkit-backface-visibility: hidden;
  z-index: 3;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .overlay:hover .gradient,
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .overlay.active .gradient,
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .overlay:hover .remove,
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .overlay.active .remove {
  opacity: 1;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .overlay:hover .remove,
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .overlay.active .remove {
  top: 0px;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb {
  position: absolute;
  width: 200px;
  height: 175px;
  overflow: hidden;
  top: 50%;
  left: 50%;
  margin-top: -87.5px;
  margin-left: -100px;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 175px;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .fi-loading {
  width: 100%;
  height: 100%;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .fi-loading img {
  max-width: 210px;
  max-height: 175px;
  vertical-align: middle;
  text-align: center;
  line-height: 175px;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressCircle {
  display: none;
  width: 210px;
  height: 118px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -58px;
  margin-left: -105px;
  background: #EEEFF2;
  z-index: 100;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressCircle .circleBg {
  width: 56px;
  height: 56px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -28px;
  margin-left: -28px;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressCircle .circle {
  width: 56px;
  height: 56px;
  position: absolute;
  border-radius: 50%;
  background: #0099e3;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressCircle .circle .pie_left,
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressCircle .circle .pie_right {
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  left: 0;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressCircle .circle .left,
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressCircle .circle .right {
  width: 56px;
  height: 56px;
  background: #bee4fc;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressCircle .circle .pie_right,
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressCircle .circle .right {
  clip: rect(0, auto, auto, 28px);
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressCircle .circle .pie_left,
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressCircle .circle .left {
  clip: rect(0, 28px, auto, 0);
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressCircle .circle .mask {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  left: 7px;
  top: 7px;
  background: #EEEFF2;
  position: absolute;
  text-align: center;
  line-height: 42px;
  font-size: 11.6px;
  font-weight: bold;
  color: #00aacc;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressLine {
  display: none;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -60px;
  z-index: 100;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressLine .process-line-container {
  width: 120px;
  height: 20px;
  background-color: #FFFFFF;
  position: relative;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressLine .process-line-container .process-line {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  background-color: #a5dbf1;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .progressLine .process-num {
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  margin-top: 5px;
  position: absolute;
  top: 0;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  color: #000;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .uploadResult-cannotUpload {
  display: none;
  width: 210px;
  height: 118px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -58px;
  margin-left: -105px;
  background: #EEEFF2;
  z-index: 100;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .uploadResult-cannotUpload .cannotUploadIcon {
  width: 20px;
  height: 20px;
  background-image: url(//cdn-test.500px.me/images/gicUpload/icon-false.svg);
  background-position: 0 center;
  background-repeat: no-repeat;
  position: absolute;
  top: 38px;
  left: 50%;
  margin-left: -10px;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list .jFiler-item .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-image .uploadResult-cannotUpload .result-reason {
  width: 98px;
  height: 20px;
  font-size: 14px;
  color: #71767A;
  text-align: center;
  position: absolute;
  bottom: 35px;
  left: 50%;
  line-height: 20px;
  margin-left: -49px;
}
.uploadWorks .picUpload .picContainer .jFiler-items .jFiler-items-list:after {
  content: '';
  display: block;
  clear: both;
}
.uploadWorks .videoUpload .selectButton {
  content: '';
  display: block;
}
.uploadWorks .videoUpload .selectButton .buttonChoose {
  width: 180px;
  height: 42px;
  background: #0099E5;
  border: 1px solid #0089D2;
  box-shadow: inset 0 2px 0 0 #00AAEF;
  border-radius: 3px;
  font-size: 14px;
  line-height: 42px;
  color: #FFFFFF;
  float: left;
  margin-right: 15px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}
.uploadWorks .videoUpload .selectButton .buttonChoose:hover {
  background-color: #19B3FF;
}
.uploadWorks .videoUpload .selectButton .videoChooseFromOwn .label a {
  width: 180px;
  height: 42px;
  display: inline-block;
}
.uploadWorks .videoUpload .selectButton .videoChooseFromLocal {
  position: relative;
  overflow: hidden;
}
.uploadWorks .videoUpload .selectButton .videoChooseFromLocal a {
  color: #FFFFFF;
}
.uploadWorks .videoUpload .selectButton .videoChooseFromLocal .addVideosPick {
  width: 178px;
  height: 42px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  opacity: 0;
  padding: 0;
}
.uploadWorks .videoUpload .selectButton:after {
  content: '';
  display: block;
  clear: both;
}
.uploadWorks .videoUpload .uploadNum {
  height: 13px;
  margin: 20px 0;
}
.uploadWorks .videoUpload .uploadNum .uploadContainer {
  width: 120px;
  height: 13px;
  border: 1px solid #B9C1C7;
  border-radius: 2px;
  background: #fff;
  display: inline-block;
  margin-right: 10px;
}
.uploadWorks .videoUpload .uploadNum .uploadContainer .uploadNumInner {
  width: 50px;
  height: 11px;
  background: #0099E5;
}
.uploadWorks .videoUpload .uploadNum .uploadContainer .uploadNumText {
  display: inline-block;
  font-size: 14px;
  line-height: 15px;
  color: #71767A;
  letter-spacing: 0;
}
.uploadWorks .videoUpload .videoContainer {
  width: 100%;
  display: block;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items {
  overflow-y: auto;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list {
  width: 100%;
  display: block;
  overflow-y: auto;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video {
  float: left;
  width: 220px;
  height: 225px;
  background: #FFFFFF;
  border: 1px solid #DBE0E4;
  margin-right: 20px;
  margin-top: 30px;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay {
  opacity: 1;
  position: absolute;
  top: 20px;
  left: 50%;
  height: 40px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 3;
  pointer-events: auto;
  -webkit-transition: border 0.2s;
  -moz-transition: border 0.2s;
  transition: border 0.2s;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay .gradient {
  position: absolute;
  height: 40px;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=0);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay .remove {
  opacity: 0;
  position: absolute;
  top: 4px;
  right: 6px;
  width: 33px;
  height: 33px;
  background-image: url("//cdn-test.500px.me/images/upload/x.png");
  background-size: 10px;
  -webkit-background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  -webkit-backface-visibility: hidden;
  z-index: 3;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay:hover .gradient,
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay.active .gradient,
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay:hover .remove,
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay.active .remove {
  opacity: 1;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay:hover .remove,
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay.active .remove {
  top: 0px;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb {
  position: absolute;
  width: 200px;
  height: 175px;
  overflow: hidden;
  top: 50%;
  left: 50%;
  margin-top: -87.5px;
  margin-left: -100px;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 175px;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .fi-loading {
  width: 100%;
  height: 100%;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .fi-loading a {
  display: block;
  width: 100%;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .fi-loading a ul {
  width: 100%;
  padding-top: 20px;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .fi-loading a ul .iframeBg {
  width: 40px;
  height: 40px;
  background-image: url(//cdn-test.500px.me/images/contractPhotographer/link.svg);
  background-position: 0 center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .fi-loading a ul .iframeTitle {
  width: 100%;
  padding: 7px 0;
  font-size: 14px;
  line-height: 16px;
  margin-top: 0;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .fi-loading a ul .iframeTitle p {
  width: 100%;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .fi-loading img {
  max-width: 210px;
  max-height: 118px;
  vertical-align: middle;
  text-align: center;
  line-height: 175px;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .fi-loading iframe {
  max-width: 210px;
  max-height: 118px;
  vertical-align: middle;
  text-align: center;
  line-height: 175px;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle {
  display: none;
  width: 210px;
  height: 118px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -58px;
  margin-left: -105px;
  background: #EEEFF2;
  z-index: 100;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circleBg {
  width: 56px;
  height: 56px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -28px;
  margin-left: -28px;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle {
  width: 56px;
  height: 56px;
  position: absolute;
  border-radius: 50%;
  background: #0099e3;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .pie_left,
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .pie_right {
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  left: 0;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .left,
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .right {
  width: 56px;
  height: 56px;
  background: #bee4fc;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .pie_right,
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .right {
  clip: rect(0, auto, auto, 28px);
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .pie_left,
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .left {
  clip: rect(0, 28px, auto, 0);
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .mask {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  left: 7px;
  top: 7px;
  background: #EEEFF2;
  position: absolute;
  text-align: center;
  line-height: 42px;
  font-size: 11.6px;
  font-weight: bold;
  color: #00aacc;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressLine {
  display: none;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -60px;
  z-index: 100;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressLine .process-line-container {
  width: 120px;
  height: 20px;
  background-color: #FFFFFF;
  position: relative;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressLine .process-line-container .process-line {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  background-color: #a5dbf1;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressLine .process-num {
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  margin-top: 5px;
  position: absolute;
  top: 0;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  color: #000;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .uploadResult-cannotUpload {
  display: none;
  width: 210px;
  height: 118px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -58px;
  margin-left: -105px;
  background: #EEEFF2;
  z-index: 100;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .uploadResult-cannotUpload .cannotUploadIcon {
  width: 20px;
  height: 20px;
  background-image: url(//cdn-test.500px.me/images/gicUpload/icon-false.svg);
  background-position: 0 center;
  background-repeat: no-repeat;
  position: absolute;
  top: 38px;
  left: 50%;
  margin-left: -10px;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .uploadResult-cannotUpload .result-reason {
  width: 98px;
  height: 20px;
  font-size: 14px;
  color: #71767A;
  text-align: center;
  position: absolute;
  bottom: 35px;
  left: 50%;
  line-height: 20px;
  margin-left: -49px;
}
.uploadWorks .videoUpload .videoContainer .jFiler-items .jFiler-items-list:after {
  content: '';
  display: block;
  clear: both;
}
.uploadWorks .videoUpload .jFiler-item-video {
  float: left;
  width: 220px;
  height: 225px;
  background: #FFFFFF;
  border: 1px solid #DBE0E4;
  margin-right: 20px;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay {
  opacity: 1;
  position: absolute;
  top: 20px;
  left: 50%;
  height: 40px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 3;
  pointer-events: auto;
  -webkit-transition: border 0.2s;
  -moz-transition: border 0.2s;
  transition: border 0.2s;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay .gradient {
  position: absolute;
  height: 40px;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=0);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay .remove {
  opacity: 0;
  position: absolute;
  top: 4px;
  right: 6px;
  width: 33px;
  height: 33px;
  background-image: url("//cdn-test.500px.me/images/upload/x.png");
  background-size: 10px;
  -webkit-background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  -webkit-backface-visibility: hidden;
  z-index: 3;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay:hover .gradient,
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay.active .gradient,
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay:hover .remove,
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay.active .remove {
  opacity: 1;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay:hover .remove,
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .overlay.active .remove {
  top: 0px;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb {
  position: absolute;
  width: 200px;
  height: 175px;
  overflow: hidden;
  top: 50%;
  left: 50%;
  margin-top: -87.5px;
  margin-left: -100px;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 175px;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .fi-loading {
  width: 100%;
  height: 100%;
  align-items: center;
  display: -webkit-flex;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .fi-loading img {
  max-width: 210px;
  max-height: 175px;
  vertical-align: middle;
  text-align: center;
  line-height: 175px;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .fi-loading video {
  height: 118px;
  width: 210px;
  cursor: pointer;
  padding: 2px;
  background: #000;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle {
  display: none;
  width: 210px;
  height: 118px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -58px;
  margin-left: -105px;
  background: #EEEFF2;
  z-index: 100;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circleBg {
  width: 56px;
  height: 56px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -28px;
  margin-left: -28px;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle {
  width: 56px;
  height: 56px;
  position: absolute;
  border-radius: 50%;
  background: #0099e3;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .pie_left,
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .pie_right {
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  left: 0;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .left,
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .right {
  width: 56px;
  height: 56px;
  background: #bee4fc;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .pie_right,
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .right {
  clip: rect(0, auto, auto, 28px);
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .pie_left,
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .left {
  clip: rect(0, 28px, auto, 0);
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressCircle .circle .mask {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  left: 7px;
  top: 7px;
  background: #EEEFF2;
  position: absolute;
  text-align: center;
  line-height: 42px;
  font-size: 11.6px;
  font-weight: bold;
  color: #00aacc;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressLine {
  display: none;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -60px;
  z-index: 100;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressLine .process-line-container {
  width: 120px;
  height: 20px;
  background-color: #FFFFFF;
  position: relative;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressLine .process-line-container .process-line {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  background-color: #a5dbf1;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .progressLine .process-num {
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  margin-top: 5px;
  position: absolute;
  top: 0;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  color: #000;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .uploadResult-cannotStore {
  display: none;
  width: 210px;
  height: 118px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -58px;
  margin-left: -105px;
  background: #EEEFF2;
  z-index: 100;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .uploadResult-cannotStore .cannotStoreIcon {
  width: 20px;
  height: 20px;
  background-image: url(//cdn-test.500px.me/images/gicUpload/icon-error.svg);
  background-position: 0 center;
  background-repeat: no-repeat;
  position: absolute;
  top: 38px;
  left: 50%;
  margin-left: -10px;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .uploadResult-cannotStore .cannotStore-reason {
  width: 98px;
  height: 20px;
  font-size: 14px;
  color: #71767A;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 35px;
  margin-left: -49px;
  line-height: 20px;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .uploadResult-cannotUpload {
  width: 210px;
  height: 118px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -58px;
  margin-left: -105px;
  background: #EEEFF2;
  z-index: 100;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .uploadResult-cannotUpload .cannotUploadIcon {
  width: 20px;
  height: 20px;
  background-image: url(//cdn-test.500px.me/images/gicUpload/icon-false.svg);
  background-position: 0 center;
  background-repeat: no-repeat;
  position: absolute;
  top: 38px;
  left: 50%;
  margin-left: -10px;
}
.uploadWorks .videoUpload .jFiler-item-video .jFiler-item-container .jFiler-item-inner .jFiler-item-thumb .jFiler-item-thumb-video .uploadResult-cannotUpload .result-reason {
  width: 98px;
  height: 20px;
  font-size: 14px;
  color: #71767A;
  text-align: center;
  position: absolute;
  bottom: 35px;
  left: 50%;
  line-height: 20px;
  margin-left: -49px;
}
.uploadWorks .oneRightApplyAndInviteduser {
  position: relative;
  text-align: left;
}
.uploadWorks .oneRightApplyAndInviteduser img {
  width: 660px;
}
.uploadWorks .oneRightApplyAndInviteduser .invitedUserInfos {
  position: absolute;
  top: 30px;
  left: 273px;
  text-align: left;
}
.uploadWorks .oneRightApplyAndInviteduser .invitedUserInfos .title_content {
  padding-bottom: 23px;
}
.uploadWorks .oneRightApplyAndInviteduser .invitedUserInfos .title_content p:nth-child(1) {
  font-size: 28px;
  color: #525558;
  letter-spacing: 0;
  line-height: 40px;
}
.uploadWorks .oneRightApplyAndInviteduser .invitedUserInfos .title_content p:nth-child(2) {
  font-size: 13px;
  color: #525558;
  text-align: left;
  line-height: 18px;
}
.uploadWorks .oneRightApplyAndInviteduser .invitedUserInfos .desc_content {
  width: 353px;
  font-size: 13px;
  color: #525558;
  letter-spacing: 0;
  line-height: 14px!important;
  word-break: break-all;
}
.uploadWorks .oneRightApplyAndInviteduser .invitedUserInfos .desc_content p {
  font-size: 13px;
  line-height: 15px;
}
.uploadWorks .direct_invite_process {
  width: 596px;
  padding: 24px;
  margin: 0;
}
.uploadWorks .direct_invite_process.full {
  width: 650px;
  background-image: unset;
}
.uploadWorks .direct_invite_process.full:before {
  display: none;
}
.uploadWorks .direct_invite_process .direct_invite_process_desc {
  margin-bottom: 16px;
}
.uploadWorks .direct_invite_process .small_card {
  margin-bottom: 8px;
}
.uploadWorks .direct_invite_process .two_part_wrapper .echarts_wrapper {
  width: 200px;
  height: 200px;
}
.uploadWorks .direct_invite_process .oneRightApplyAndInviteduser {
  margin: 0 -16px -16px;
}
.uploadWorks .direct_invite_process .oneRightApplyAndInviteduser img {
  width: 100%;
}
.uploadWorks .direct_invite_process .oneRightApplyAndInviteduser .invitedUserInfos {
  top: 26px;
  left: 260px;
}
.oneRightApplyDesc {
  max-width: 908px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.oneRightApplyDesc .descTitle {
  font-size: 18px;
  color: #525558;
  letter-spacing: 0;
  line-height: 20px;
  padding-top: 39px;
  padding-bottom: 14px;
}
.oneRightApplyDesc .radioMain {
  margin-bottom: 22px;
}
.oneRightApplyDesc .bottom_btns .button {
  width: 14.28571429rem;
  height: 2.38095238rem;
  line-height: 2.38095238rem;
}
.formpanel {
  font-size: 14px;
}
.formpanel h1 {
  font-size: 21px;
  color: #222;
  margin: 80px 0 16px 0;
  font-weight: 600;
}
.formpanel .required {
  color: #ff5c5c;
}
.formpanel .desc {
  color: #afb4b8;
}
.formpanel .desc .textForHeTong {
  color: #525558;
  line-height: 18px;
}
.formpanel .desc .textForHeTong span {
  color: #eb0000;
}
.formpanel .alert {
  color: #0099e5;
  margin-top: 20px;
}
.formpanel .income .select_input input {
  width: calc(100% - 120px);
  width: -webkit-calc(100% - 120px);
  width: -moz-calc(100% - 120px);
}
.formpanel .selectcmp {
  display: table;
  position: relative;
}
.formpanel .selectcmp.i_error .select_input {
  border: 1px solid #f66;
}
.formpanel .selectcmp .info {
  top: 10px;
  position: absolute;
  left: 370px;
  color: #afb4b8;
}
.formpanel .selectcmp .info.i_error {
  color: #f66;
  min-width: 200px;
}
.formpanel .selectcmp .lyby_tip_main {
  z-index: 3;
}
.formpanel .select_input {
  width: 100%;
  border: 1px solid #bebebe;
  background-color: #FFF;
  position: relative;
  width: 360px;
  margin-bottom: 12px;
}
.formpanel .select_input label {
  margin-left: 15px;
}
.formpanel .select_input input {
  width: 70%;
  width: calc(100% - 90px);
  width: -webkit-calc(100% - 90px);
  width: -moz-calc(100% - 90px);
  border: none;
}
.formpanel .select_input:after {
  content: ' ';
  position: absolute;
  top: 40%;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #0099e5;
}
.formpanel .select_input:focus {
  border: 1px solid red;
}
.formpanel .lyby_tip_main {
  /*让他和父类宽一样，然后自己的before箭头居左50%，箭头就居中了．*/
  width: 100%;
  display: none;
  position: relative;
  display: block;
}
.formpanel .lyby_tip_main.arrowLeft .lyby_tip:before,
.formpanel .lyby_tip_main.arrowLeft .lyby_tip:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
}
.formpanel .lyby_tip_main.arrowLeft .lyby_tip:after {
  border-width: 11px;
}
.formpanel .lyby_tip_main.arrowLeft .lyby_tip:before {
  border-width: 12px;
}
.formpanel .lyby_tip_main.arrowLeft .lyby_tip:after,
.formpanel .lyby_tip_main.arrowLeft .lyby_tip:before {
  top: 50%;
  right: 100%;
}
.formpanel .lyby_tip_main.arrowLeft .lyby_tip:after {
  border-right-color: #FFF;
  margin-top: -11px;
}
.formpanel .lyby_tip_main.arrowLeft .lyby_tip:before {
  border-right-color: #d4d4d4;
  margin-top: -12px;
}
.formpanel .lyby_tip_main.arrowBottom .lyby_tip:before,
.formpanel .lyby_tip_main.arrowBottom .lyby_tip:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
}
.formpanel .lyby_tip_main.arrowBottom .lyby_tip:after {
  border-width: 11px;
}
.formpanel .lyby_tip_main.arrowBottom .lyby_tip:before {
  border-width: 12px;
}
.formpanel .lyby_tip_main.arrowBottom .lyby_tip:after,
.formpanel .lyby_tip_main.arrowBottom .lyby_tip:before {
  left: 50%;
  top: 100%;
}
.formpanel .lyby_tip_main.arrowBottom .lyby_tip:after {
  border-top-color: #FFF;
  margin-left: -11px;
}
.formpanel .lyby_tip_main.arrowBottom .lyby_tip:before {
  border-top-color: #d4d4d4;
  margin-left: -12px;
}
.formpanel .lyby_tip_main.arrowTop {
  margin-top: 8px;
}
.formpanel .lyby_tip_main.arrowTop:before,
.formpanel .lyby_tip_main.arrowTop:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
}
.formpanel .lyby_tip_main.arrowTop:after {
  border-width: 7px;
}
.formpanel .lyby_tip_main.arrowTop:before {
  border-width: 8px;
}
.formpanel .lyby_tip_main.arrowTop:after,
.formpanel .lyby_tip_main.arrowTop:before {
  left: 50%;
  bottom: 100%;
}
.formpanel .lyby_tip_main.arrowTop:after {
  border-bottom-color: #FFF;
  margin-left: -7px;
}
.formpanel .lyby_tip_main.arrowTop:before {
  border-bottom-color: #d4d4d4;
  margin-left: -8px;
}
.formpanel .lyby_tip_main.arrowTop .lyby_tip {
  top: -1px;
}
.formpanel .lyby_tip_main.arrowTopRight .lyby_tip:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 13px solid #FFF;
  border-left: 20px solid transparent;
  top: -10px;
  right: 0;
}
.formpanel .lyby_tip_main .lyby_tip {
  position: absolute;
  line-height: 20px;
  color: #05080d;
  top: 0;
  left: 0;
  min-height: 32px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.formpanel .lyby_tip_main .lyby_tip {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  padding: 0 0 0px 0;
  width: 360px;
  left: 0;
}
.formpanel .lyby_tip_main .lyby_tip ul li {
  margin: 0;
  padding: 20px 10px;
}
.formpanel .lyby_tip_main .lyby_tip ul li:hover {
  cursor: pointer;
  background-color: #a3d6ef;
}
.formpanel .lyby_tip_main .lyby_tip ul li.active {
  background-color: #0099e5;
}
.formpanel .lyby_tip_main.arrowTop {
  margin-top: 12px;
}
.formpanel .lyby_tip_main.arrowTop:after,
.formpanel .lyby_tip_main.arrowTop:before {
  left: 90%;
}
.formpanel ul li {
  margin-top: 30px;
}
.formpanel ul li input {
  width: 240px;
}
.formpanel ul li.company input,
.formpanel ul li.address input,
.formpanel ul li.account input,
.formpanel ul li.accountName input,
.formpanel ul li.accountPlace input,
.formpanel ul li.signature input,
.formpanel ul li.accountFullName input {
  width: 400px;
}
.formpanel ul li div.label {
  padding-left: 5px;
  margin-bottom: 10px;
}
.formpanel ul li div.label label {
  color: #5f6265;
  font-size: 0.85714286rem;
}
.formpanel ul li.name input {
  width: 240px;
}
.formpanel ul li.type .radioMain {
  float: left;
  width: 90px;
}
.formpanel ul li.submit .button {
  background-color: #34bf49;
  border-color: #2fab41;
  text-shadow: 0 1px 0 #2fab41;
}
.formpanel .edit_hetong_wrapper {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  padding-top: 7px;
}
.formpanel .edit_hetong_wrapper ul li input {
  width: 360px;
}
.formpanel .edit_hetong_wrapper ul li div.label {
  padding-left: 0;
}
.formpanel .edit_hetong_wrapper ul li div.label label {
  color: #525558;
  font-size: 16px;
}
.formpanel .edit_hetong_wrapper ul li.address .img_picLocation_city {
  margin-bottom: 14px;
}
.formpanel .edit_hetong_wrapper ul li.address .img_picLocation_city .select_wrap {
  width: 175px;
}
.formpanel .edit_hetong_wrapper ul li.address .img_picLocation_city .select_wrap:nth-child(2) {
  margin-left: 10px;
}
.formpanel .edit_hetong_wrapper ul li.address .img_picLocation_city .select_wrap:nth-child(3) {
  margin-top: 10px;
}
.formpanel .edit_hetong_wrapper ul li.accountName .select_wrap {
  width: 360px;
}
.formpanel .edit_hetong_wrapper ul li.certificates .select_input {
  display: flex;
  align-items: center;
}
.formpanel .edit_hetong_wrapper ul li.certificates .select_input input {
  width: calc(100% - 110px);
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
}
.formpanel .edit_hetong_wrapper ul li .card_upload div.label {
  height: auto;
}
.formpanel .edit_hetong_wrapper ul li .card_upload .upload_tip {
  font-size: 14px;
  color: #b9c1c7;
  margin-top: 8px;
  max-width: 400px;
}
.formpanel .edit_hetong_wrapper ul li .card_upload .filterItem {
  margin-left: 0;
  width: 300px;
}
.formpanel .edit_hetong_wrapper ul li .card_upload .select_img_cmp {
  display: inline-block;
  position: relative;
}
.formpanel .edit_hetong_wrapper ul li .card_upload .select_img_cmp img {
  width: 300px;
}
.formpanel .edit_hetong_wrapper ul li .card_upload .select_img_cmp .button {
  display: inline-block;
  width: 48px;
  height: 48px;
  border: none;
  padding: 0;
  background: transparent;
  position: absolute;
  top: calc(50% - 24px);
  top: -webkit-calc(50% - 24px);
  top: -moz-calc(50% - 24px);
  left: calc(50% - 24px);
  left: -webkit-calc(50% - 24px);
  left: -moz-calc(50% - 24px);
  box-shadow: none;
}
.formpanel .edit_hetong_wrapper ul li .card_upload .select_img_cmp .button .upload_img {
  width: 48px;
}
.formpanel .edit_hetong_wrapper ul li .card_upload .select_img_cmp .delete {
  position: absolute;
  top: -15px;
  right: -25px;
  font-size: 36px;
  cursor: pointer;
}
.formpanel .edit_hetong_wrapper ul li .info.i_error {
  display: block;
  margin-left: 0;
  margin-top: 10px;
}
.formpanel .edit_hetong_wrapper ul li .selectcmp .info {
  position: static;
}
.formpanel .edit_hetong_wrapper ul li .lyby_tip_main.arrowTop {
  margin-top: -16px;
}
.formpanel .edit_hetong_wrapper .required {
  color: #ff4c4c;
}
.result {
  color: #808589;
  text-align: center;
  margin-top: 100px;
}
.result h1 {
  font-size: 30px;
  margin: 40px 0;
}
.result .desc {
  font-weight: 400;
}
.input_cmp .info {
  color: #afb4b8;
  margin-left: 10px;
}
.input_cmp .info.i_error {
  color: #f66;
}
.input_cmp.i_error input {
  border: 1px solid #f66;
}
.contractphotographer .tab_wrapper .px_tabs {
  text-align: left;
  border-bottom: 1px solid #eeeff2;
}
.contractphotographer .tab_wrapper .px_tabs > li > a {
  padding: 25px 0;
  height: 70px;
}
.hetongxiazai {
  max-width: 1380px;
  margin: 70px auto;
}
.hetongxiazai .item + .item {
  margin-top: 20px;
}
.hetongxiazai .ht_download {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.hetongxiazai .ht_download:link {
  color: #30acea;
}
.hetongxiazai .ht_download:visited {
  color: #30acea;
}
.hetongxiazai .ht_download:hover {
  color: #1c98d6;
}
.hetongxiazai .hetong_body {
  position: relative;
  max-width: 1380px;
  margin: 0 auto;
}
@media only screen and (max-width: 1379px) {
  .hetongxiazai .hetong_body {
    margin: 0 50px;
  }
}
@media only screen and (max-width: 679px) {
  .hetongxiazai .hetong_body {
    margin: 0 10px;
  }
}
.prompt {
  max-width: 1098px;
  padding: 30px 30px 0 30px;
  letter-spacing: 1px;
  color: #f10215;
  line-height: 20px;
  margin: 0 auto;
}
.prompt .check_wrap .checkbox_input:checked + .checkbox:before {
  opacity: 1;
  -webkit-animation: pulse_large 0.4s 0s ease-in-out forwards;
  -moz-animation: pulse_large 0.4s 0s ease-in-out forwards;
  animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.prompt .check_wrap .waterMark_label {
  line-height: 20px;
  font-size: 14px;
  color: #525558;
  margin-top: 5px;
  vertical-align: top;
  display: inline-block;
}
.prompt .check_wrap .waterMark_label .count {
  color: #0099e5;
}
.direct_invite_process_container {
  width: 786px;
  margin: 0 auto;
}
.direct_invite_process_container .secondary_title {
  font-size: 18px;
  font-weight: 400;
  color: #525558;
  line-height: 25px;
  margin: 0 0 16px;
  width: 100%;
}
.direct_invite_process_container .turn_right_btn {
  display: inline-block;
  float: right;
  line-height: 25px;
  font-size: 14px;
  font-weight: 400;
  color: #0686DB;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
}
.direct_invite_process_container .turn_right_btn::after {
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  border: 2px solid transparent;
  border-top-color: #0686DB;
  border-right-color: #0686DB;
  transform-origin: center;
  transform: rotate(45deg);
  position: absolute;
  right: 4px;
  top: 5px;
}
.direct_invite_process_container .tips {
  font-size: 14px;
  font-weight: 400;
  color: #787E83;
  line-height: 20px;
}
.direct_invite_process {
  background-color: #FFFFFF;
  padding: 32px 60px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
  margin: 0 auto 16px;
  position: relative;
}
.direct_invite_process.full {
  background-image: url('http://cdn-test.500px.me/images/icon/crown.svg');
  background-size: 200px 200px;
  background-repeat: no-repeat;
  background-position: -24px -10px;
}
.direct_invite_process.full::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: rgba(255, 255, 255, 0.96);
}
.direct_invite_process .two_part_wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.direct_invite_process .two_part_wrapper .left_part {
  flex: 1;
  margin-right: 60px;
}
.direct_invite_process .two_part_wrapper .right_part {
  min-width: 160px;
}
.direct_invite_process .two_part_wrapper .right_part p {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.direct_invite_process .two_part_wrapper .right_part p a {
  color: #0870D1;
}
.direct_invite_process .guide_step_line_wrapper {
  padding: 16px;
  background-color: #F7F8FA;
  border-radius: 8px;
  margin-top: 48px;
}
.direct_invite_process .crown {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 0 16px;
}
.direct_invite_process .crown img {
  width: 100%;
  height: 100%;
}
.direct_invite_process .direct_invite_process_title {
  font-size: 21px;
  font-weight: 600;
  color: #222222;
  line-height: 30px;
  margin: 0 0 4px;
}
.direct_invite_process .direct_invite_process_desc {
  font-size: 14px;
  font-weight: 400;
  color: #71767A;
  line-height: 20px;
  margin: 0 0 24px;
}
.direct_invite_process .direct_invite_process_desc:last-child {
  margin: 0;
}
.direct_invite_process .small_card {
  width: 210px;
  height: 60px;
  margin: 8px 0;
}
.direct_invite_process .small_card img {
  width: 100%;
  height: 100%;
}
.direct_invite_process .echarts_wrapper {
  width: 240px;
  height: 240px;
}
.direct_invite_process .use_card_btn {
  width: 160px;
  height: 48px;
  border-radius: 24px;
  text-align: center;
  padding: 14px 24px;
  box-sizing: border-box;
  line-height: 20px;
  background-color: #077BD7;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.direct_invite_process .invitedUserPageOne {
  margin: 0 -16px -16px;
}
.direct_invite_process .invitedUserPageOne img {
  width: 100%;
}
.direct_invite_process .invitedUserPageOne .invitedUserInfos {
  left: 290px;
}
.direct_invite_process .invitedUserPageOne .invitedUserInfos .title_content p:nth-child(2) {
  font-size: 14px;
}
.direct_invite_process .invitedUserPageOne .invitedUserInfos .desc_content {
  width: 372px;
}
.direct_invite_process .invitedUserPageOne .invitedUserInfos .desc_content p {
  font-size: 14px;
}
.contract-test-dialog-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.contract-test-dialog-wrapper.hide {
  display: none;
}
.contract-test-dialog-wrapper .contract-test-dialog {
  width: 632px;
  background-color: #fff;
  padding: 32px;
  box-sizing: border-box;
  border-radius: 16px;
}
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-title {
  margin: 0 0 12px;
  color: #222;
  font-size: 18px;
  font-weight: 600;
}
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-desc {
  color: #4A4A4A;
  margin-bottom: 24px;
}
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-pic-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-pic-list li {
  width: 278px;
  height: 170px;
  position: relative;
  cursor: pointer;
}
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-pic-list li img {
  object-fit: cover;
}
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-pic-list li .contract-test-dialog-pic,
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-pic-list li .contract-test-dialog-pic-selected {
  width: 32px;
  height: 32px;
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 12px;
}
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-pic-list li .contract-test-dialog-pic {
  background: url('//cdn-test.500px.me/images/oval.svg') center center no-repeat;
}
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-pic-list li .contract-test-dialog-pic-selected {
  background: url('//cdn-test.500px.me/images/selected.svg') center center no-repeat;
}
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-footer .contract-test-dialog-confirm,
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-footer .contract-test-dialog-cancel {
  width: 200px;
  height: 52px;
  font-size: 16px;
  color: #fff;
  border-radius: 24px;
  border: none;
  cursor: pointer;
}
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-footer .contract-test-dialog-confirm {
  background: #0870D1;
}
.contract-test-dialog-wrapper .contract-test-dialog .contract-test-dialog-footer .contract-test-dialog-cancel {
  border: 1px #D7D8DB solid;
  color: #0870D1;
  background-color: #fff;
}
/*modified by wyr 2017-6-21 #1292 自动输入提示栏样式 --start*/
.autocomplete-suggestions {
  border: 1px solid #999;
  border-top: 0;
  background: #FFF;
  overflow: auto;
}
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
  color: #3399FF;
}
.autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  color: red;
}
.autocomplete-group {
  padding: 2px 5px;
}
.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}
/*modified by wyr 2017-6-21 #1292 自动输入提示栏样式 --end*/
.mobile_filter_container {
  width: 100%;
  height: 45px;
  background: #FFFFFF;
  position: relative;
}
.mobile_filter_container .hide_scroll_bar_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: fit-content;
  overflow: hidden;
  z-index: 100;
}
.mobile_filter_container .hide_scroll_bar_wrapper .mobile_filter_wrapper {
  width: 100%;
  height: fit-content;
  overflow-x: auto;
  padding-bottom: 8px;
  margin-bottom: -8px;
}
.mobile_filter_container .hide_scroll_bar_wrapper .mobile_filter_wrapper::-webkit-scrollbar {
  display: none;
}
.mobile_filter_container .hide_scroll_bar_wrapper .mobile_filter_wrapper .mobile_filter_content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: fit-content;
}
.mobile_filter_container .hide_scroll_bar_wrapper .mobile_filter_wrapper .mobile_filter_content .mobile_filter_label {
  font-size: 13px;
  color: #222222;
  text-align: center;
  line-height: 45px;
  padding: 0 16px;
  min-width: 75px;
}
.mobile_filter_container .hide_scroll_bar_wrapper .mobile_filter_wrapper .mobile_filter_content .gray_line {
  width: 1px;
  height: 22px;
  margin-top: 13px;
  background: #b9c1c7;
}
.mobile_filter_container .hide_scroll_bar_wrapper .mobile_filter_wrapper .mobile_filter_content .mobile_date_picker {
  width: 160px;
}
.mobile_filter_container .hide_scroll_bar_wrapper .mobile_filter_wrapper .mobile_filter_content .mobile_date_picker .ant-mounthPicker {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.mobile_filter_container .hide_scroll_bar_wrapper .mobile_filter_wrapper .mobile_filter_content .mobile_date_picker .ant-mounthPicker .ant-calendar-picker {
  height: 45px;
}
.mobile_filter_container .hide_scroll_bar_wrapper .mobile_filter_wrapper .mobile_filter_content .mobile_date_picker .ant-mounthPicker .ant-calendar-picker input {
  height: 45px;
  padding-left: 6px;
  padding-right: 22px;
  border: none;
  font-size: 13px;
  border-radius: 0;
}
.mobile_filter_container .hide_scroll_bar_wrapper .mobile_filter_wrapper .mobile_filter_content .mobile_date_picker .ant-mounthPicker .ant-calendar-picker .anticon {
  display: none;
}
.mobile_filter_container .hide_scroll_bar_wrapper .mobile_filter_wrapper .mobile_filter_content .mobile_date_picker .ant-mounthPicker .ant-calendar-picker .ant-calendar-picker-icon {
  display: none;
}
.mobile_filter_container .hide_scroll_bar_wrapper .mobile_filter_wrapper .mobile_filter_content .mobile_date_picker .ant-mounthPicker .ant-calendar-picker::after {
  display: block;
  content: '';
  box-sizing: content-box;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-right: 3px solid #b9c1c7;
  border-bottom: 3px solid #b9c1c7;
  border-left: 3px solid transparent;
  position: absolute;
  right: 12px;
  bottom: 16px;
}
.mobile_search_input_container .select_pack {
  padding: 16px 8px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  height: unset;
}
.mobile_search_input_container .select_pack .input_wrap {
  flex: 1;
  position: relative;
}
.mobile_search_input_container .select_pack .input_wrap input {
  padding: 4px 22px 4px 32px;
  border: none;
  background: #eaebed;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
  height: 38px;
  color: #222222;
}
.mobile_search_input_container .select_pack .input_wrap .topss {
  right: unset;
  left: 12px;
  top: 12px;
  background-size: cover;
  width: 14px;
  height: 14px;
  background-image: url('//cdn-test.500px.me/images/icon/query.svg');
  background-position: center;
}
.mobile_search_input_container .select_pack .input_wrap .clear_btn {
  display: block;
  position: absolute;
  right: 8px;
  top: 12px;
  background-size: cover;
  background-image: url('//cdn-test.500px.me/images/icon/x.svg');
  background-position: center center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #8e8e93;
}
.mobile_search_input_container .select_pack .select_input .pack {
  height: 38px;
  border: none;
  background: transparent;
  padding: 6px 20px 6px 12px;
  font-size: 14px;
}
.mobile_search_input_container .select_pack .select_input .pull {
  background-image: url("//cdn-test.500px.me/images/icon/arrow.svg");
  background-color: transparent;
  background-position: center;
  background-size: contain;
  width: 10px;
  height: 10px;
  right: 9px;
}
.verify_tips_container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.verify_tips_container .verify_tips_window {
  width: 864px;
  position: relative;
  background: #FFFFFF;
  padding: 54px 120px;
  border-radius: 4px;
}
.verify_tips_container .verify_tips_window .close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 16px;
  display: block;
  cursor: pointer;
}
.verify_tips_container .verify_tips_window .close::before,
.verify_tips_container .verify_tips_window .close::after {
  display: block;
  content: "";
  width: 24px;
  height: 2px;
  background: #222222;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -12px;
  transform-origin: center;
}
.verify_tips_container .verify_tips_window .close::before {
  transform: rotate(45deg);
}
.verify_tips_container .verify_tips_window .close::after {
  transform: rotate(135deg);
}
.verify_tips_container h3 {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #222222;
  margin: 0 0 8px 0;
  text-align: left;
  position: relative;
}
.verify_tips_container h3 .icon {
  position: absolute;
  width: 26px;
  left: -40px;
  top: -1px;
}
.verify_tips_container p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #222222;
  margin: 0 0 8px 0;
  text-align: left;
}
.verify_tips_container p span {
  display: inline-block;
}
.verify_tips_container .download_qrcode_container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 8px 0 16px 16px;
}
.verify_tips_container .download_qrcode_container .download_item {
  margin: 0 16px 0 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.verify_tips_container .download_qrcode_container .download_item .qrcode_wrapper {
  width: 120px;
  height: 120px;
  margin-bottom: 8px;
}
.verify_tips_container .download_qrcode_container .download_item .qrcode_wrapper img {
  width: 100%;
  height: 100%;
}
.verify_tips_container .download_qrcode_container .download_item .download_btn {
  cursor: pointer;
  width: 111px;
  height: 32px;
}
.verify_tips_container .download_qrcode_container .download_item .download_btn img {
  width: 100%;
  height: 100%;
}
.guide_step_line {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  margin: 24px 0 0;
}
.guide_step_line li {
  width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  z-index: 2;
}
.guide_step_line li .num {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 2px solid #D7D8DB;
  font-size: 16px;
  font-weight: 600;
  color: #0870d1;
  line-height: 28px;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  margin: 0 0 16px;
}
.guide_step_line li h4 {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2C2C2C;
  line-height: 20px;
  margin: 0 0 4px;
  text-align: center;
}
.guide_step_line li p {
  flex: 1;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #6D7378;
  line-height: 20px;
  margin: 0;
  text-align: center;
}
.guide_step_line .horizontal_line {
  display: inline-block;
  width: unset;
  height: 2px;
  background: #D7D8DB;
  position: absolute;
  z-index: 1;
  top: 15px;
  left: 70px;
  right: 70px;
}
.verify_tips_step {
  margin: 8px 0 0 -16px;
  max-width: 440px;
}
.verify_tips_step li {
  max-width: 140px;
}
.verify_tips_step li .num {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 2px solid #D7D8DB;
  font-size: 12px;
  font-weight: 600;
  color: #0870d1;
  line-height: 20px;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  margin: 0 0 8px;
}
.verify_tips_step li h4 {
  font-size: 12px;
}
.verify_tips_step li p {
  font-size: 12px;
  color: #2C2C2C;
}
.verify_tips_step .horizontal_line {
  top: 11px;
  left: 40px;
  right: 40px;
}
@media only screen and (max-width: 679px) {
  .contractphotographer {
    min-height: 500px;
  }
  .contractphotographer .mobile .px_tabs {
    display: block;
  }
  .contractphotographer .mobile .px_tabs > li {
    display: inline-block;
    padding: 0 15px;
  }
  .ant-calendar-picker-container {
    left: 50% !important;
    margin-left: -140px;
  }
  .verify_tips_container p:first-child {
    margin-bottom: 16px;
  }
  .verify_tips_container .download_qrcode_container {
    flex-direction: column;
    align-items: center;
  }
  .verify_tips_container .download_qrcode_container .download_item {
    margin: 0 0 49px 0;
  }
  .verify_tips_container .download_qrcode_container .download_item .qrcode_wrapper {
    width: 220px;
    height: 220px;
    margin-bottom: 16px;
  }
  .verify_tips_container .download_qrcode_container .download_item .download_btn {
    width: 203px;
    height: 58px;
  }
}
.horizontallyRadio .radioMain {
  width: 40%;
  display: inline-block;
  margin: 5px 0 -10px 0;
}
.income .radioMain {
  width: 100px;
  display: inline-block;
}
.bank-wrapper {
  background-color: #EEEFF2;
  padding: 24px;
}
.bank-wrapper-tip {
  font-size: 14px;
  color: #B6B9BB;
  margin: 0;
  margin-bottom: 10px;
}
.bank-wrapper-err {
  color: #FF4C4C;
  margin-top: 10px;
}
.bank-wrapper-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.bank-wrapper-tit h3 {
  font-size: 14px;
  color: #333;
  margin: 0;
}
.bank-wrapper-tit h3 span {
  color: #FF4C4C;
}
.bank-wrapper-tit b {
  font-size: 14px;
  color: #0099e5;
  cursor: pointer;
  font-weight: normal;
}
.pay_dialog {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.pay_dialog_info {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 658px;
  height: 670px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 90%;
}
.pay_dialog_info h2 {
  padding: 20px;
  padding-top: 32px;
  font-size: 16px;
  font-weight: normal;
  color: #222;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #D7D8DB;
}
.pay_dialog_info h2 span {
  display: flex;
  align-items: center;
}
.pay_dialog_info h2 span i {
  margin-left: 10px;
  font-style: normal;
}
.pay_dialog_info h2 span:last-child {
  cursor: pointer;
}
.pay_dialog_info_table {
  flex: 1;
  overflow: auto;
}
.pay_dialog_info_table table {
  font-size: 16px;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.pay_dialog_info_table tr:last-child td {
  border-bottom: 0;
}
.pay_dialog_info_table th,
.pay_dialog_info_table td {
  border-bottom: 1px solid #D7D8DB;
  text-align: left;
}
.pay_dialog_info_table th {
  color: #6D7378;
  padding: 16px 32px;
}
.pay_dialog_info_table td {
  padding: 20px 32px;
  color: #222222;
}
.pay_dialog_info ul {
  flex: 1;
  overflow: auto;
}
.pay_dialog_info ul li {
  padding: 16px 20px;
  border-bottom: 1px solid #D7D8DB;
}
.pay_dialog_info ul li:last-child {
  border-bottom: 0;
}
.pay_dialog_info ul li h3 {
  font-size: 16px;
  color: #222;
  font-weight: bold;
  margin-bottom: 10px;
}
.pay_dialog_info ul li p {
  font-size: 14px;
  color: #6D7378;
}
.myinfo .formpanel ul li {
  margin-top: 20px;
}
.myinfo .formpanel ul li.bank {
  background-color: #EEEFF2;
  padding: 20px;
  position: relative;
}
.myinfo .formpanel ul li.bank .bank-link {
  color: #0870D1;
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: 1;
}
.myinfo .formpanel ul li.bank .bank-err {
  color: #FF4C4C;
  margin-top: 8px;
}
.myinfo .formpanel ul li.bank .bank-txt {
  color: #B6B9BB;
}
.myinfo .formpanel ul li div.label {
  float: none;
  text-align: left;
  margin-bottom: 10px;
  padding-left: 0;
  line-height: 1;
}
.myinfo .formpanel ul li div.label label {
  font-size: 14px;
  color: #6D7378;
}
.myinfo .formpanel ul li div.label + span {
  display: block;
  line-height: 20px;
}
.myinfo .formpanel ul li span.tip {
  background: transparent;
  color: #222;
  padding-left: 0;
  font-size: 20px;
}
.myinfo .formpanel ul li input {
  color: #222;
  width: 100%;
}
.myinfo .formpanel ul li div.img_picLocation_city {
  float: none;
}
.input_cmp input {
  display: block;
}
.input_cmp .info {
  margin-left: 0;
}
.input_cmp .info.i_error {
  color: #FF4C4C;
  display: inline-block;
  margin-top: 8px;
  line-height: 1;
}
.input_cmp .info.i_success {
  color: #222;
  margin-top: 10px;
  display: block;
  line-height: 1;
}
.input_cmp_tip {
  color: #B6B9BB;
  margin-bottom: 10px;
}
.editinfo .select_wrap {
  float: none;
  margin-right: 0!important;
  display: block;
  margin-bottom: 10px;
}
.editinfo .select_wrap select {
  color: #222;
}
.editinfo .formpanel > ul,
.editinfo .formpanel-pay {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  box-sizing: border-box;
}
.editinfo .formpanel > ul {
  padding-right: 50px;
}
.editinfo .formpanel-pay {
  padding-left: 50px;
}
.radioMain-new .roundedOne input[type=radio] {
  visibility: visible;
  opacity: 0;
  height: 100%;
  position: relative;
  z-index: 9;
}
select.pack {
  background: url('//cdn-test.500px.me/images/svg/down_arrow.svg') no-repeat right 15px center;
  background-size: 16px;
}
@media screen and (max-width: 679px) {
  #content {
    padding-bottom: 0px!important;
  }
  .editinfo.mobile {
    padding-bottom: 0;
  }
  .editinfo.mobile .formpanel {
    background: #fff;
    padding: 16px;
  }
  .editinfo.mobile .formpanel > ul,
  .editinfo.mobile .formpanel-pay {
    width: 100%;
  }
  .editinfo.mobile .formpanel > ul {
    padding-right: 0;
  }
  .editinfo.mobile .formpanel-pay {
    padding-left: 0;
  }
  .editinfo.mobile .formpanel ul li {
    padding-left: 0;
    margin-bottom: 20px;
  }
  .editinfo.mobile .formpanel ul li.bank {
    padding: 16px;
  }
  .editinfo.mobile .formpanel ul li.bank .bank-link {
    top: 16px;
  }
  .editinfo.mobile .formpanel ul li .label {
    margin-bottom: 12px;
  }
  .editinfo.mobile .formpanel ul li span.tip {
    padding: 20px 0 10px 0;
  }
  .editinfo.mobile .formpanel .pay_dialog_info {
    width: 95%;
    height: 90%;
  }
  .editinfo.mobile .formpanel .pay_dialog_info h2 {
    padding-top: 20px;
  }
  .editinfo.mobile .formpanel .pay_dialog_info_table th,
  .editinfo.mobile .formpanel .pay_dialog_info_table td {
    padding: 16px 20px;
  }
}
.formpanel .edit_hetong_wrapper ul li.address .img_picLocation_city .select_wrap {
  display: inline-block;
}
.formpanel .edit_hetong_wrapper ul li.address .img_picLocation_city .select_wrap select {
  font-weight: normal;
}
.zhifubao_validate {
  padding: 20px;
  font-size: 14px;
  line-height: 1.6;
}
.zhifubao_validate p {
  font-size: 10px;
  color: #999;
  margin-top: 5px;
}
.zhifubao_validate + .buttons {
  font-size: 14px;
}
.loading {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loading-info {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 6px;
  padding: 30px 20px;
  text-align: center;
  width: 200px;
}
.loading-info img {
  width: 50px;
}
.loading-info p {
  font-size: 16px;
  color: #222;
  margin-top: 20px;
}
.creator {
  width: 1160px;
  margin: 0 auto;
  padding: 70px 0;
}
@media screen and (max-width: 1200px) {
  .creator {
    width: 960px;
  }
}
.creator-info {
  background: #fff;
  padding: 48px 66px;
}
.creator-info h2 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 32px;
  position: relative;
}
.creator-info h2 a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #0099e5;
  font-weight: bold;
  transition: 0.3s;
}
.creator-info h2 a:hover {
  color: #0085D1;
}
.creator-info h4 {
  font-size: 16px;
  padding: 28px 0 40px 0;
  border-top: 1px solid #EEEFF2;
  margin-top: 48px;
  text-align: center;
}
.creator-info p {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 20px;
  color: #222;
}
.creator-info ul li {
  background: #f7f8fa;
  padding: 16px;
  margin-bottom: 20px;
  transition: 0.2s;
}
.creator-info ul li:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.creator-info ul li > p {
  margin: 0;
  position: relative;
  padding-left: 36px;
}
.creator-info ul li > p span {
  width: 36px;
  position: absolute;
  left: 0;
  top: 0;
}
.creator-info ul li > p span i {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #0099E5;
  font-style: normal;
}
.creator-info ul li > p span em {
  display: inline-block;
  width: 20px;
  text-align: center;
  font-style: normal;
}
.creator-info ul li > p:first-child {
  color: #0099E5;
  margin-bottom: 10px;
}
.creator-btn {
  padding: 0 0 32px 0;
  text-align: center;
}
.creator-btn.small {
  padding: 0 0 24px 0;
}
.creator-btn a,
.creator-btn span {
  display: inline-block;
  line-height: 44px;
  border: 1px solid #0085D1;
  background-color: #0099e5;
  font-size: 16px;
  color: #fff;
  width: 160px;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}
.creator-btn a:hover,
.creator-btn span:hover {
  background-color: #0085D1;
}
.creator_wrap.pxLightbox_window .pxLightbox_container .pxLightboxHtml .modal_content {
  border: 0;
}
.creator_wrap.pxLightbox_window .pxLightbox_container .pxLightboxHtml > * {
  box-shadow: none;
}
.creator_wrap.pxLightbox_window .pxLightbox_container .pxLightbox_background {
  opacity: 0.88;
}
.creator_win {
  background: url('//node-test.500px.me/images/userDetail/catbg.png') no-repeat center center;
  background-size: 100%;
  position: relative;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.creator_win_close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 16px;
}
.creator_win_info {
  padding-left: 370px;
  padding-top: 94px;
}
.creator_win_info img {
  width: 36px;
}
.creator_win_info p {
  font-size: 16px;
  color: #fff;
  line-height: 27px;
  margin: 22px 40px 40px 0;
}
.creator_win_info a {
  display: inline-block;
  width: 160px;
  border-radius: 8px;
  font-size: 18px;
  color: #222;
  text-align: center;
  background: #fff;
  line-height: 50px;
}
.creator_win_author {
  position: absolute;
  right: 46px;
  bottom: 18px;
}
.creator_win_author a {
  font-size: 12px;
  color: #FFBDBD;
}
@media screen and (max-width: 838px) {
  .creator {
    width: 100%;
    padding: 0;
  }
  .creator-info {
    padding: 40px 16px;
  }
  .creator-info p {
    font-size: 14px;
    line-height: 22px;
  }
  .creator-info h2 {
    margin-bottom: 24px;
  }
  .creator-btn a {
    line-height: 40px;
    font-size: 14px;
    width: 130px;
  }
}
.result {
  background: #fff;
  padding: 40px 20px 48px 20px;
}
.sign-result {
  text-align: left;
}
.sign-result-info {
  width: 600px;
  margin: 0 auto;
  font-size: 15px;
  color: #222;
}
.sign-result-info h2 {
  font-size: 20px;
  margin: 0 0 24px 0;
  text-align: center;
}
.sign-result-info h2 img {
  width: 48px;
  margin-bottom: 16px;
}
.sign-result-info p {
  line-height: 24px;
  font-size: 15px;
  color: #222;
}
.sign-result-info h3 {
  font-size: 16px;
  color: #222;
  margin: 60px 0 20px 0;
}
.sign-result-info ul {
  margin-bottom: 20px;
}
.sign-result-info li {
  padding-left: 16px;
  position: relative;
  margin-bottom: 16px;
}
.sign-result-info li:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #0099e5;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
}
/*新瀑布流begin*/
.webui-popover-_chaohao_popver .webui-popover-content {
  min-height: inherit;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_left {
  padding-bottom: 0;
}
.following_tab .photo_activity_item._zhuanfazhe {
  margin-bottom: 0;
  border: 0;
}
.following_tab .photo_activity_item._zhuanfazhe .sidebar__profile_avatar {
  vertical-align: top;
}
.following_tab .photo_activity_item._zhuanfazhe .photo_activity_item__attribution {
  width: calc(100% - 70px);
  width: -webkit-calc(100% - 70px);
  width: -moz-calc(100% - 70px);
}
.following_tab .photo_activity_item._zhuanfazhe .photo_activity_item__attribution .commentText {
  line-height: 1.43;
  letter-spacing: -0.3px;
  margin-top: 5px;
  font-size: 14px;
  color: #525558;
}
._xinpubuliu {
  border-radius: 3px;
  margin-bottom: 20px;
  background-color: #fff;
  position: relative;
}
._xinpubuliu._hasCommentmsg {
  border: 1px solid #eeeff2;
}
._xinpubuliu._hasCommentmsg ._baozhu {
  padding: 32px;
}
._xinpubuliu._nohasCommentmsg .photo_activity_item__details_top_right._new_Text {
  margin-right: 15px;
}
._xinpubuliu ._close {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  right: 0;
  cursor: pointer;
  font-size: 23px;
  line-height: 26px;
  text-align: center;
  color: #525558;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  opacity: .5;
}
/*新瀑布流end*/
/*转发昵称点击弹出的东西begin*/
.webui-popover-content {
  min-height: 50px;
}
.zf_nickname_link_btn_popu_main li {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #71767a;
  cursor: pointer;
}
.zf_nickname_link_btn_popu_main li .__link {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.zf_nickname_link_btn_popu_main li .__link:link {
  color: #71767a;
}
.zf_nickname_link_btn_popu_main li .__link:visited {
  color: #71767a;
}
.zf_nickname_link_btn_popu_main li .__link:hover {
  color: #FFF;
}
.zf_nickname_link_btn_popu_main li:hover {
  color: #FFF;
  background-color: #0099e5;
}
/*转发昵称点击弹出的东西end*/
.set_index {
  position: relative;
  overflow: hidden;
  padding: 10px;
  padding-bottom: 28px;
}
.set_index .set_index_img1 {
  position: absolute;
  width: 956px;
  z-index: 99;
  border: 4px solid #fff;
  background-repeat: no-repeat;
  height: calc(956px/3*2);
  background-size: cover;
  background-position: center;
}
.set_index .set_index_img1.isTJ:after {
  content: ' ';
  background-image: url("//cdn-test.500px.me/images/setDetail/logo_text.png");
  width: 28px;
  height: 28px;
  position: absolute;
  background-position: center;
  background-size: 56px;
  background-repeat: no-repeat;
  top: 15px;
  right: 15px;
}
.set_index .set_index_img2 {
  transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  margin-left: 40px;
  margin-top: 26px;
  width: 956px;
  background-repeat: no-repeat;
  height: calc(956px/3*2);
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 2560px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 956px;
    height: calc(956px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 956px;
    height: calc(956px/3*2);
  }
}
@media only screen and (max-width: 1920px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 932px;
    height: calc(932px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 932px;
    height: calc(932px/3*2);
  }
}
@media only screen and (max-width: 1900px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 902px;
    height: calc(902px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 902px;
    height: calc(902px/3*2);
  }
}
@media only screen and (max-width: 1880px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 880px;
    height: calc(880px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 880px;
    height: calc(880px/3*2);
  }
}
@media only screen and (max-width: 1860px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 866px;
    height: calc(866px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 866px;
    height: calc(866px/3*2);
  }
}
@media only screen and (max-width: 1840px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 850px;
    height: calc(850px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 850px;
    height: calc(850px/3*2);
  }
}
@media only screen and (max-width: 1750px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 850px;
    height: calc(850px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 850px;
    height: calc(850px/3*2);
  }
}
@media only screen and (max-width: 1690px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 850px;
    height: calc(850px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 850px;
    height: calc(850px/3*2);
  }
}
@media only screen and (max-width: 1660px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 740px;
    height: calc(740px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 740px;
    height: calc(740px/3*2);
  }
}
@media only screen and (max-width: 1440px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 720px;
    height: calc(720px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 720px;
    height: calc(720px/3*2);
  }
}
@media only screen and (max-width: 1380px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 620px;
    height: calc(620px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 620px;
    height: calc(620px/3*2);
  }
}
@media only screen and (max-width: 1220px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 640px;
    height: calc(640px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 640px;
    height: calc(640px/3*2);
  }
}
@media only screen and (max-width: 1215px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 1084px;
    height: calc(1084px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 1084px;
    height: calc(1084px/3*2);
  }
}
@media only screen and (max-width: 1180px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 1030px;
    height: calc(1030px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 1030px;
    height: calc(1030px/3*2);
  }
}
@media only screen and (max-width: 1080px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 930px;
    height: calc(930px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 930px;
    height: calc(930px/3*2);
  }
}
@media only screen and (max-width: 1000px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 874px;
    height: calc(874px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 874px;
    height: calc(874px/3*2);
  }
}
@media only screen and (max-width: 750px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 640px;
    height: calc(640px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 640px;
    height: calc(640px/3*2);
  }
}
@media only screen and (max-width: 630px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 350px;
    height: calc(350px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 350px;
    height: calc(350px/3*2);
  }
}
@media only screen and (max-width: 414px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 350px;
    height: calc(350px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 350px;
    height: calc(350px/3*2);
  }
}
@media only screen and (max-width: 320px) {
  .following_tab .photo_activity_item .set_index .set_index_img1 {
    width: 260px;
    height: calc(260px/3*2);
  }
  .following_tab .photo_activity_item .set_index .set_index_img2 {
    width: 260px;
    height: calc(260px/3*2);
  }
}
.home_tab_forward {
  position: relative;
}
.home_tab_forward .__new {
  position: absolute;
  width: 30px;
  height: 15px;
  top: -10px;
  background-size: 29px 13px;
  right: -30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("//cdn-test.500px.me/images/discover/icon-new.svg");
}
@media only screen and (max-width: 679px) {
  .home_tab_forward .__new {
    display: none;
  }
}
.activity_empty_main .empty_view {
  background-image: url("//cdn-test.500px.me/images/home/pepole_empty.svg");
}
.activity_empty_main .empty_view h2 {
  white-space: normal;
}
.activity_empty_main .button {
  width: 188px;
  height: 45px;
  line-height: 45px;
  font-weight: 400;
  font-size: 16px;
}
.__new_status {
  position: relative;
}
.__new_status:after {
  -webkit-animation: activity_dot 0.2s ease-in-out forwards;
  -moz-animation: activity_dot 0.2s ease-in-out forwards;
  animation: activity_dot 0.2s ease-in-out forwards;
  content: '';
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #0099e5;
  border: 2px solid #fff;
  position: absolute;
  right: -10px;
  top: -5px;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.__new_status.ismobile:after {
  right: 20%;
  top: 10px;
}
.activity_feed {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.activity_feed .activity_group_item {
  margin-bottom: 40px;
  text-align: left;
}
.activity_feed .activity_group_item .activity_group_item_header {
  margin-bottom: 10px;
  text-align: left;
  font-size: 0;
}
.activity_feed .activity_group_item .activity_group_item_header .activity_group_item__avatar {
  width: 30px;
  height: 30px;
}
.activity_feed .activity_group_item__attribution {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 40px);
  max-width: -webkit-calc(100% - 40px);
  max-width: -moz-calc(100% - 40px);
}
.activity_feed .activity_group_item__attribution .activity_group_item__context {
  font-size: 14px;
  color: #525558;
  display: inline-block;
  line-height: 20px;
}
.activity_feed .activity_group_item__attribution .activity_group_item__context .activity_group_item__creator {
  font-weight: bold;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  color: #525558;
}
.activity_feed .activity_group_item__attribution .activity_group_item__context .activity_group_item__creator:hover {
  opacity: 0.7;
}
.activity_feed .activity_group_item__attribution .activity_group_item__timestamp {
  font-size: 12px;
  color: #b9c1c7;
  display: block;
}
.suggested_user_item--card,
.user_item--card {
  display: inline-block;
  width: calc((100% - 60px) / 3);
  width: -webkit-calc((100% - 60px) / 3);
  width: -moz-calc((100% - 60px) / 3);
  margin: 10px;
  background-color: #fff;
  border: 1px solid #eeeff2;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
}
.suggested_user_item--card .user_item__top,
.user_item--card .user_item__top {
  height: 30px;
  font-size: 0;
  position: relative;
}
.suggested_user_item--card .user_item__photos_region,
.user_item--card .user_item__photos_region {
  margin-top: 10px;
}
.suggested_user_item--card .suggested_user_item__attribution,
.user_item--card .suggested_user_item__attribution,
.suggested_user_item--card .user_item__attribution,
.user_item--card .user_item__attribution {
  display: inline-block;
  vertical-align: middle;
  max-width: -webkit-calc(-5%);
  max-width: -moz-calc(-5%);
  max-width: calc(-5%);
}
.suggested_user_item--card .suggested_user_item__attribution--activity,
.user_item--card .suggested_user_item__attribution--activity,
.suggested_user_item--card .user_item__attribution--activity,
.user_item--card .user_item__attribution--activity {
  max-width: -webkit-calc(-15%);
  max-width: -moz-calc(-15%);
  max-width: calc(-15%);
}
.full-aspect-ratio-photo-grid.infinite_scroll_container {
  min-height: 200px;
}
.__info_text {
  bottom: 0;
}
.sticky_nav .logged_in_home_layout__content_region {
  margin-top: 50px;
}
.simple-footer {
  width: 100%;
  height: 52px;
  background-color: #eeeff2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.simple-footer .simple-record {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #71767a;
  text-decoration: underline;
}
.tab_wrapper {
  border-bottom: 1px solid #eeeff2;
}
p {
  font-size: 14px;
  line-height: 1.4em;
  color: #525558;
}
.following_sidebar--fixed_top {
  position: fixed;
  width: 280px;
  bottom: 0;
  overflow: auto;
}
.following_sidebar--fixed_bottom {
  position: fixed;
  width: 280px;
  bottom: 88px;
}
.following_tab .button.new_fav,
.notifications_tab .button.new_fav {
  position: relative;
  min-width: 60px;
  text-align: center;
  background-color: #ff4c4c;
  border-color: #ff3333;
  text-shadow: none;
}
.following_tab .button.new_fav .icon,
.notifications_tab .button.new_fav .icon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.following_tab .button.new_fav .icon .shape,
.notifications_tab .button.new_fav .icon .shape {
  fill: transparent;
  stroke: #fff;
  stroke-width: 3px;
  stroke-dasharray: 150;
  stroke-linejoin: round;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.following_tab .button.new_fav:hover,
.notifications_tab .button.new_fav:hover {
  background-color: #ff6666;
}
.following_tab .button.new_fav:active,
.notifications_tab .button.new_fav:active {
  background-color: #ff4c4c;
}
.following_tab .button.new_fav.hearted:not(.only_icon),
.notifications_tab .button.new_fav.hearted:not(.only_icon) {
  background-color: #525558;
  border-color: #46484b;
}
.following_tab .button.new_fav.hearted:not(.only_icon):hover,
.notifications_tab .button.new_fav.hearted:not(.only_icon):hover {
  background-color: #5e6265;
}
.following_tab .button.new_fav.hearted .icon,
.notifications_tab .button.new_fav.hearted .icon {
  -webkit-animation: heart_animation 0.8s linear both;
  -moz-animation: heart_animation 0.8s linear both;
  animation: heart_animation 0.8s linear both;
}
.following_tab .button.new_fav.hearted .icon .shape,
.notifications_tab .button.new_fav.hearted .icon .shape {
  fill: #fff;
  stroke-opacity: 0;
}
.following_tab .button.new_fav.with_count,
.notifications_tab .button.new_fav.with_count {
  padding-left: 40px;
}
.following_tab .button.new_fav.with_count .icon,
.notifications_tab .button.new_fav.with_count .icon {
  left: 10px;
  right: auto;
}
.following_tab .button.new_like,
.notifications_tab .button.new_like {
  position: relative;
  min-width: 60px;
  text-align: center;
  background-color: #0099e5;
  border-color: #0088cc;
  text-shadow: none;
}
.following_tab .button.new_like .icon,
.notifications_tab .button.new_like .icon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.following_tab .button.new_like .icon .shape,
.notifications_tab .button.new_like .icon .shape {
  fill: transparent;
  stroke: #fff;
  stroke-width: 3px;
  stroke-dasharray: 150;
  stroke-linejoin: round;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.following_tab .button.new_like:hover,
.notifications_tab .button.new_like:hover {
  background-color: #00aaff;
}
.following_tab .button.new_like:active,
.notifications_tab .button.new_like:active {
  background-color: #0099e5;
}
.following_tab .button.new_like.liked,
.notifications_tab .button.new_like.liked {
  pointer-events: none;
}
.following_tab .button.new_like.liked .icon,
.notifications_tab .button.new_like.liked .icon {
  -webkit-animation: heart_animation 0.8s linear both;
  -moz-animation: heart_animation 0.8s linear both;
  animation: heart_animation 0.8s linear both;
}
.following_tab .button.new_like.liked .icon .shape,
.notifications_tab .button.new_like.liked .icon .shape {
  fill: #fff;
  stroke-opacity: 0;
}
.following_tab .button.new_like.liked:not(.only_icon),
.notifications_tab .button.new_like.liked:not(.only_icon) {
  background-color: #525558;
  border-color: #46484b;
}
.following_tab .button.new_like.with_count,
.notifications_tab .button.new_like.with_count {
  padding-left: 40px;
}
.following_tab .button.new_like.with_count .icon,
.notifications_tab .button.new_like.with_count .icon {
  left: 10px;
  right: auto;
}
._subscribeTab.ismobile {
  display: none;
}
.following_tab,
.activity_tab,
.notifications_tab {
  text-align: center;
  padding: 20px 20px 40px 20px;
  background-color: #f7f8fa;
  min-height: 100vh;
  position: relative;
}
.following_tab .__emptyCmp,
.activity_tab .__emptyCmp,
.notifications_tab .__emptyCmp {
  background-color: #EEEFF2;
  min-height: 450px;
  padding-top: 60px;
}
.following_tab .__emptyCmp .__tt,
.activity_tab .__emptyCmp .__tt,
.notifications_tab .__emptyCmp .__tt {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0px;
  color: #71767a;
}
.following_tab .__emptyCmp .__dsc,
.activity_tab .__emptyCmp .__dsc,
.notifications_tab .__emptyCmp .__dsc {
  color: #808589;
  font-size: 14px;
  margin-top: 25px;
}
.following_tab .__emptyCmp .__dsc i,
.activity_tab .__emptyCmp .__dsc i,
.notifications_tab .__emptyCmp .__dsc i {
  color: #b9c1c7;
}
.following_tab .__emptyCmp .__imgcmp,
.activity_tab .__emptyCmp .__imgcmp,
.notifications_tab .__emptyCmp .__imgcmp {
  margin-top: 50px;
}
.following_tab .groupphoto_numdiv,
.activity_tab .groupphoto_numdiv,
.notifications_tab .groupphoto_numdiv {
  display: block;
  line-height: 23px;
  font-weight: bold;
  color: #525558;
  padding: 5px 0 10px 0;
  border-bottom: 1px solid #eeeff2;
  font-size: 14px;
}
.following_tab .setup_callout__container,
.activity_tab .setup_callout__container,
.notifications_tab .setup_callout__container {
  background-size: cover;
  background-position: center bottom;
  position: relative;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: table;
  width: 100%;
  height: 300px;
  margin-bottom: 20px;
}
.following_tab .setup_callout__container .setup_callout__content,
.activity_tab .setup_callout__container .setup_callout__content,
.notifications_tab .setup_callout__container .setup_callout__content {
  background-size: cover;
  position: relative;
  z-index: 2;
  display: table-cell;
  vertical-align: middle;
  /*Added by xiaoxiaoliu for Safari 推荐活动图片右边 有灰色间距 20170318*/
  width: 100%;
  background-position: 50% 50%;
  /*End by xiaoxiaoliu for Safari 推荐活动图片右边 有灰色间距 20170318*/
}
.following_tab .setup_callout__container .setup_callout__header,
.activity_tab .setup_callout__container .setup_callout__header,
.notifications_tab .setup_callout__container .setup_callout__header {
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 10px 0;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
}
.following_tab .setup_callout__container .setup_callout__subheader,
.activity_tab .setup_callout__container .setup_callout__subheader,
.notifications_tab .setup_callout__container .setup_callout__subheader {
  font-size: 16px;
  margin: 0 0 20px 0;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
}
.following_tab .setup_callout__container .setup_callout__overlay,
.activity_tab .setup_callout__container .setup_callout__overlay,
.notifications_tab .setup_callout__container .setup_callout__overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.following_tab .setup_callout__container .setup_callout__attribution,
.activity_tab .setup_callout__container .setup_callout__attribution,
.notifications_tab .setup_callout__container .setup_callout__attribution {
  position: absolute;
  z-index: 2;
  right: 15px;
  bottom: 15px;
  font-size: 12px;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
}
.following_tab .setup_callout__container .setup_callout__attribution_link,
.activity_tab .setup_callout__container .setup_callout__attribution_link,
.notifications_tab .setup_callout__container .setup_callout__attribution_link {
  font-weight: bold;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.following_tab .setup_callout__container .setup_callout__attribution_link:hover,
.activity_tab .setup_callout__container .setup_callout__attribution_link:hover,
.notifications_tab .setup_callout__container .setup_callout__attribution_link:hover {
  position: relative;
}
.following_tab .setup_callout__container .setup_callout__attribution_link:hover:before,
.activity_tab .setup_callout__container .setup_callout__attribution_link:hover:before,
.notifications_tab .setup_callout__container .setup_callout__attribution_link:hover:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  content: " ";
  width: 100%;
  padding: 1px 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 100%;
  position: absolute;
  top: -1px;
  left: -3px;
  display: block;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
}
.following_tab .setup_callout__container .setup_callout__attribution_link:hover:hover:before,
.activity_tab .setup_callout__container .setup_callout__attribution_link:hover:hover:before,
.notifications_tab .setup_callout__container .setup_callout__attribution_link:hover:hover:before {
  background-color: rgba(255, 255, 255, 0.15);
}
.following_tab .photo_activity_item,
.activity_tab .photo_activity_item,
.notifications_tab .photo_activity_item {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #eeeff2;
  margin-bottom: 20px;
  background-color: #fff;
}
.following_tab .photo_activity_item .imgSuperCmp,
.activity_tab .photo_activity_item .imgSuperCmp,
.notifications_tab .photo_activity_item .imgSuperCmp {
  display: inline-block;
  position: relative;
}
.following_tab .photo_activity_item .photo_activity_item__img_wrapper,
.activity_tab .photo_activity_item .photo_activity_item__img_wrapper,
.notifications_tab .photo_activity_item .photo_activity_item__img_wrapper {
  display: block;
  background-color: #fff;
  font-size: 0;
  position: relative;
  /*cursor: zoom-in;
      cursor: -webkit-zoom-in;
      cursor: -moz-zoom-in*/
}
.following_tab .photo_activity_item .videoSuperCmp,
.activity_tab .photo_activity_item .videoSuperCmp,
.notifications_tab .photo_activity_item .videoSuperCmp {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  box-sizing: content-box;
  padding-top: 56.25%;
}
.following_tab .photo_activity_item .videoSuperCmp .video_wrapper,
.activity_tab .photo_activity_item .videoSuperCmp .video_wrapper,
.notifications_tab .photo_activity_item .videoSuperCmp .video_wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.following_tab .photo_activity_item .videoSuperCmp video,
.activity_tab .photo_activity_item .videoSuperCmp video,
.notifications_tab .photo_activity_item .videoSuperCmp video {
  width: 100%;
  height: 100%;
  background: #000000;
}
.following_tab .photo_activity_item .graphicSuperCmp,
.activity_tab .photo_activity_item .graphicSuperCmp,
.notifications_tab .photo_activity_item .graphicSuperCmp {
  display: block;
  position: relative;
}
.following_tab .photo_activity_item .graphicSuperCmp .photo_activity_item__img,
.activity_tab .photo_activity_item .graphicSuperCmp .photo_activity_item__img,
.notifications_tab .photo_activity_item .graphicSuperCmp .photo_activity_item__img {
  width: 100%;
}
.following_tab .photo_activity_item .photo_activity_item__img,
.activity_tab .photo_activity_item .photo_activity_item__img,
.notifications_tab .photo_activity_item .photo_activity_item__img {
  max-width: 100%;
  pointer-events: none;
}
.following_tab .photo_activity_item .photo_activity_item__details_top,
.activity_tab .photo_activity_item .photo_activity_item__details_top,
.notifications_tab .photo_activity_item .photo_activity_item__details_top {
  text-align: left;
  overflow: hidden;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_left,
.activity_tab .photo_activity_item .photo_activity_item__details_top_left,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_left {
  float: left;
  padding: 15px;
  font-size: 0;
}
.following_tab .photo_activity_item .photo_activity_item__avatar,
.activity_tab .photo_activity_item .photo_activity_item__avatar,
.notifications_tab .photo_activity_item .photo_activity_item__avatar {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.following_tab .photo_activity_item .photo_activity_item__avatar_img,
.activity_tab .photo_activity_item .photo_activity_item__avatar_img,
.notifications_tab .photo_activity_item .photo_activity_item__avatar_img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.following_tab .photo_activity_item .photo_activity_item__attribution,
.activity_tab .photo_activity_item .photo_activity_item__attribution,
.notifications_tab .photo_activity_item .photo_activity_item__attribution {
  display: inline-block;
  vertical-align: middle;
}
.following_tab .photo_activity_item .photo_activity_item__attribution .__time,
.activity_tab .photo_activity_item .photo_activity_item__attribution .__time,
.notifications_tab .photo_activity_item .photo_activity_item__attribution .__time {
  font-size: 14px;
  color: #b9c1c7;
  margin-top: 5px;
}
.following_tab .photo_activity_item .photo_activity_item__creator,
.activity_tab .photo_activity_item .photo_activity_item__creator,
.notifications_tab .photo_activity_item .photo_activity_item__creator {
  font-size: 14px;
  font-weight: bold;
  color: #525558;
  display: inline-block;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  max-width: 400px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.following_tab .photo_activity_item .photo_activity_item__creator:hover,
.activity_tab .photo_activity_item .photo_activity_item__creator:hover,
.notifications_tab .photo_activity_item .photo_activity_item__creator:hover {
  opacity: 0.7;
}
.following_tab .photo_activity_item .photo_activity_item__timestamp,
.activity_tab .photo_activity_item .photo_activity_item__timestamp,
.notifications_tab .photo_activity_item .photo_activity_item__timestamp {
  margin-top: 5px;
  font-size: 14px;
  color: #b9c1c7;
}
.following_tab .photo_activity_item .photo_activity_item__comment_button,
.activity_tab .photo_activity_item .photo_activity_item__comment_button,
.notifications_tab .photo_activity_item .photo_activity_item__comment_button {
  vertical-align: middle;
  padding-left: 11px;
}
.following_tab .photo_activity_item .photo_activity_item__comment_button .icon,
.activity_tab .photo_activity_item .photo_activity_item__comment_button .icon,
.notifications_tab .photo_activity_item .photo_activity_item__comment_button .icon {
  margin-top: 7px;
}
.following_tab .photo_activity_item .photo_activity_item__comment_button .shape,
.activity_tab .photo_activity_item .photo_activity_item__comment_button .shape,
.notifications_tab .photo_activity_item .photo_activity_item__comment_button .shape {
  fill: #71767a;
}
.following_tab .photo_activity_item .photo_activity_item__gallery_button,
.activity_tab .photo_activity_item .photo_activity_item__gallery_button,
.notifications_tab .photo_activity_item .photo_activity_item__gallery_button {
  vertical-align: middle;
}
.following_tab .photo_activity_item .photo_activity_item__gallery_button .icon,
.activity_tab .photo_activity_item .photo_activity_item__gallery_button .icon,
.notifications_tab .photo_activity_item .photo_activity_item__gallery_button .icon {
  margin-top: 7px;
}
.following_tab .photo_activity_item .photo_activity_item__gallery_button .shape,
.activity_tab .photo_activity_item .photo_activity_item__gallery_button .shape,
.notifications_tab .photo_activity_item .photo_activity_item__gallery_button .shape {
  fill: #71767a;
}
.following_tab .photo_activity_item .photo_activity_item__like_button,
.activity_tab .photo_activity_item .photo_activity_item__like_button,
.notifications_tab .photo_activity_item .photo_activity_item__like_button {
  vertical-align: middle;
  font-size: 14px;
  margin-left: 10px;
  display: inline-block;
}
.following_tab .photo_activity_item .photo_activity_item__details_bottom,
.activity_tab .photo_activity_item .photo_activity_item__details_bottom,
.notifications_tab .photo_activity_item .photo_activity_item__details_bottom {
  padding: 15px;
  text-align: left;
}
.following_tab .photo_activity_item .photo_activity_item__title,
.activity_tab .photo_activity_item .photo_activity_item__title,
.notifications_tab .photo_activity_item .photo_activity_item__title {
  display: block;
  font-weight: 600;
  font-size: 18px;
  color: #222222;
}
.following_tab .photo_activity_item .photo_activity_item__description,
.activity_tab .photo_activity_item .photo_activity_item__description,
.notifications_tab .photo_activity_item .photo_activity_item__description {
  display: block;
  font-size: 14px;
  color: #525558;
  margin-top: 10px;
}
.following_tab .photo_activity_item .photo_activity_item__description a,
.activity_tab .photo_activity_item .photo_activity_item__description a,
.notifications_tab .photo_activity_item .photo_activity_item__description a {
  color: #136ec4;
}
.following_tab .photo_activity_item .photo_activity_item__description a:hover,
.activity_tab .photo_activity_item .photo_activity_item__description a:hover,
.notifications_tab .photo_activity_item .photo_activity_item__description a:hover {
  color: #00aaff;
}
.following_tab .photo_activity_item .photo_activity_item__description p,
.activity_tab .photo_activity_item .photo_activity_item__description p,
.notifications_tab .photo_activity_item .photo_activity_item__description p {
  display: block;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right {
  float: right;
  height: 100%;
  padding: 0 15px;
  font-size: 14px;
  color: #525558;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right .___text,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right .___text,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right .___text {
  font-size: 14px;
  color: #71767a;
  margin-left: 8px;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right ._u_link,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right ._u_link,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right ._u_link {
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right ._u_link:link,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right ._u_link:link,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right ._u_link:link {
  color: #30acea;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right ._u_link:visited,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right ._u_link:visited,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right ._u_link:visited {
  color: #30acea;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right ._u_link:hover,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right ._u_link:hover,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right ._u_link:hover {
  color: #1c98d6;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan {
  width: 98px;
  height: 23px;
  display: inline-block;
  position: absolute;
  padding-left: 8px;
  line-height: 23px;
  overflow: hidden;
  top: -4px;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan svg,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan svg,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan svg {
  z-index: 2;
  cursor: pointer;
  width: 20px;
  position: absolute;
  right: 10px;
  top: 1px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan svg polygon,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan svg polygon,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan svg polygon {
  fill: #b9c1c7;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan svg:hover polygon,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan svg:hover polygon,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan svg:hover polygon {
  fill: #FFF;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan svg:hover + ._buxihuan,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan svg:hover + ._buxihuan,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan svg:hover + ._buxihuan {
  left: 5px;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan ._buxihuan,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan ._buxihuan,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right ._cainixihuan ._buxihuan {
  position: absolute;
  width: 88px;
  top: 0px;
  left: 150px;
  height: 23px;
  color: #FFF;
  font-size: 12px;
  line-height: 23px;
  padding: 0 10px;
  z-index: 1;
  background-color: #0099e5;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -o-border-radius: 100px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right.cnxh,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right.cnxh,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right.cnxh {
  position: relative;
  padding-right: 98px;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right._new_Text,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right._new_Text,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right._new_Text {
  padding-top: 25px;
  line-height: 15px;
  text-align: right;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right._new_Text .button,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right._new_Text .button,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right._new_Text .button {
  height: 30px;
  line-height: 28px;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right._new_Text .button.follow,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right._new_Text .button.follow,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right._new_Text .button.follow {
  width: 64px;
}
.following_tab .photo_activity_item .photo_activity_item__details_top_right._new_Text .isfollowed,
.activity_tab .photo_activity_item .photo_activity_item__details_top_right._new_Text .isfollowed,
.notifications_tab .photo_activity_item .photo_activity_item__details_top_right._new_Text .isfollowed {
  display: none;
}
.following_tab .right_top_icon_wrapper,
.activity_tab .right_top_icon_wrapper,
.notifications_tab .right_top_icon_wrapper {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 102;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.following_tab .right_top_icon_wrapper .editors_recommend_icon,
.activity_tab .right_top_icon_wrapper .editors_recommend_icon,
.notifications_tab .right_top_icon_wrapper .editors_recommend_icon {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  background: url("//cdn-test.500px.me/images/icon/icon_editors_500px.svg") no-repeat center;
  background-size: 36px;
}
.following_tab .right_top_icon_wrapper .editors_recommend_icon:last-child,
.activity_tab .right_top_icon_wrapper .editors_recommend_icon:last-child,
.notifications_tab .right_top_icon_wrapper .editors_recommend_icon:last-child {
  margin: 0;
}
.following_tab .right_top_icon_wrapper .group_num,
.activity_tab .right_top_icon_wrapper .group_num,
.notifications_tab .right_top_icon_wrapper .group_num {
  background-color: #FFF;
  color: #525558;
  width: 24px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -o-border-radius: 18px;
}
.following_tab .following_tab__left_wrapper,
.activity_tab .following_tab__left_wrapper,
.notifications_tab .following_tab__left_wrapper,
.following_tab .following_tab__sidebar_region,
.activity_tab .following_tab__sidebar_region,
.notifications_tab .following_tab__sidebar_region {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.following_tab .following_tab__sidebar_region,
.activity_tab .following_tab__sidebar_region,
.notifications_tab .following_tab__sidebar_region {
  width: 280px;
  /* 部落头像支持不同v标 0727 */
}
.following_tab .following_tab__sidebar_region .sidebar__profile_region,
.activity_tab .following_tab__sidebar_region .sidebar__profile_region,
.notifications_tab .following_tab__sidebar_region .sidebar__profile_region {
  width: 100%;
  background-color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #eeeff2;
  display: inline-block;
}
.following_tab .following_tab__sidebar_region .sidebar__profile_region + .sidebar__profile_region,
.activity_tab .following_tab__sidebar_region .sidebar__profile_region + .sidebar__profile_region,
.notifications_tab .following_tab__sidebar_region .sidebar__profile_region + .sidebar__profile_region {
  margin-top: 20px;
}
.following_tab .following_tab__sidebar_region .sidebar__profile_top,
.activity_tab .following_tab__sidebar_region .sidebar__profile_top,
.notifications_tab .following_tab__sidebar_region .sidebar__profile_top {
  height: 70px;
  padding: 15px;
  font-size: 0;
  border-bottom: 1px solid #eeeff2;
  text-align: left;
}
.following_tab .following_tab__sidebar_region .sidebar__profile_link,
.activity_tab .following_tab__sidebar_region .sidebar__profile_link,
.notifications_tab .following_tab__sidebar_region .sidebar__profile_link {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #525558;
  max-width: calc(100% - 55px);
  max-width: -webkit-calc(100% - 55px);
  max-width: -moz-calc(100% - 55px);
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.following_tab .following_tab__sidebar_region .sidebar__profile_link:hover,
.activity_tab .following_tab__sidebar_region .sidebar__profile_link:hover,
.notifications_tab .following_tab__sidebar_region .sidebar__profile_link:hover {
  opacity: 0.7;
}
.following_tab .following_tab__sidebar_region .sidebar__profile_bottom,
.activity_tab .following_tab__sidebar_region .sidebar__profile_bottom,
.notifications_tab .following_tab__sidebar_region .sidebar__profile_bottom {
  height: 70px;
  font-size: 0;
}
.following_tab .following_tab__sidebar_region .sidebar__profile_stat,
.activity_tab .following_tab__sidebar_region .sidebar__profile_stat,
.notifications_tab .following_tab__sidebar_region .sidebar__profile_stat {
  display: inline-block;
  width: calc(100% / 3);
  width: -webkit-calc(100% / 3);
  width: -moz-calc(100% / 3);
  border-right: 1px solid #eeeff2;
  font-size: 20px;
  height: 100%;
  padding: 13px 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.following_tab .following_tab__sidebar_region .sidebar__profile_stat:last-child,
.activity_tab .following_tab__sidebar_region .sidebar__profile_stat:last-child,
.notifications_tab .following_tab__sidebar_region .sidebar__profile_stat:last-child {
  border: none;
}
.following_tab .following_tab__sidebar_region .sidebar__profile_stat:not(.sidebar__profile_stat--no-hover):hover,
.activity_tab .following_tab__sidebar_region .sidebar__profile_stat:not(.sidebar__profile_stat--no-hover):hover,
.notifications_tab .following_tab__sidebar_region .sidebar__profile_stat:not(.sidebar__profile_stat--no-hover):hover {
  opacity: 0.7;
}
.following_tab .following_tab__sidebar_region .sidebar__profile_stat_value,
.activity_tab .following_tab__sidebar_region .sidebar__profile_stat_value,
.notifications_tab .following_tab__sidebar_region .sidebar__profile_stat_value {
  display: inline-block;
  color: #71767a;
  margin-bottom: 5px;
}
.following_tab .following_tab__sidebar_region .sidebar__profile_stat_label,
.activity_tab .following_tab__sidebar_region .sidebar__profile_stat_label,
.notifications_tab .following_tab__sidebar_region .sidebar__profile_stat_label {
  display: block;
  color: #71767a;
  font-size: 11px;
  text-transform: uppercase;
}
.following_tab .following_tab__sidebar_region .sidebar__suggested_users_region,
.activity_tab .following_tab__sidebar_region .sidebar__suggested_users_region,
.notifications_tab .following_tab__sidebar_region .sidebar__suggested_users_region {
  width: 100%;
  padding: 0 15px;
  text-align: left;
  display: inline-block;
}
.following_tab .following_tab__sidebar_region .sidebar__suggested_users_region .suggested_user_item__context,
.activity_tab .following_tab__sidebar_region .sidebar__suggested_users_region .suggested_user_item__context,
.notifications_tab .following_tab__sidebar_region .sidebar__suggested_users_region .suggested_user_item__context {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  -webkit-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, color 0.2s ease-out;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.following_tab .following_tab__sidebar_region .sidebar__suggested_users_region .suggested_user_item__context:link,
.activity_tab .following_tab__sidebar_region .sidebar__suggested_users_region .suggested_user_item__context:link,
.notifications_tab .following_tab__sidebar_region .sidebar__suggested_users_region .suggested_user_item__context:link {
  color: #b9c1c7;
}
.following_tab .following_tab__sidebar_region .sidebar__suggested_users_region .suggested_user_item__context:visited,
.activity_tab .following_tab__sidebar_region .sidebar__suggested_users_region .suggested_user_item__context:visited,
.notifications_tab .following_tab__sidebar_region .sidebar__suggested_users_region .suggested_user_item__context:visited {
  color: #b9c1c7;
}
.following_tab .following_tab__sidebar_region .sidebar__suggested_users_region .suggested_user_item__context:hover,
.activity_tab .following_tab__sidebar_region .sidebar__suggested_users_region .suggested_user_item__context:hover,
.notifications_tab .following_tab__sidebar_region .sidebar__suggested_users_region .suggested_user_item__context:hover {
  color: #a5adb3;
}
.following_tab .following_tab__sidebar_region .sidebar__suggested_users_region._group .suggested_user_item,
.activity_tab .following_tab__sidebar_region .sidebar__suggested_users_region._group .suggested_user_item,
.notifications_tab .following_tab__sidebar_region .sidebar__suggested_users_region._group .suggested_user_item {
  margin-bottom: 20px;
}
.following_tab .following_tab__sidebar_region .suggested_users_widget__top,
.activity_tab .following_tab__sidebar_region .suggested_users_widget__top,
.notifications_tab .following_tab__sidebar_region .suggested_users_widget__top {
  padding-top: 15px;
  margin-bottom: 20px;
  overflow: hidden;
}
.following_tab .following_tab__sidebar_region .suggested_users_widget__header,
.activity_tab .following_tab__sidebar_region .suggested_users_widget__header,
.notifications_tab .following_tab__sidebar_region .suggested_users_widget__header {
  font-weight: 400;
  float: left;
  margin: 0;
  color: #b9c1c7;
}
.following_tab .following_tab__sidebar_region .suggested_users_widget__refresh,
.activity_tab .following_tab__sidebar_region .suggested_users_widget__refresh,
.notifications_tab .following_tab__sidebar_region .suggested_users_widget__refresh {
  float: right;
  color: #0099e5;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.following_tab .following_tab__sidebar_region .suggested_users_widget__refresh:hover,
.activity_tab .following_tab__sidebar_region .suggested_users_widget__refresh:hover,
.notifications_tab .following_tab__sidebar_region .suggested_users_widget__refresh:hover {
  color: #00aaff;
}
.following_tab .following_tab__sidebar_region .suggested_users_widget__bottom,
.activity_tab .following_tab__sidebar_region .suggested_users_widget__bottom,
.notifications_tab .following_tab__sidebar_region .suggested_users_widget__bottom {
  margin: 20px 0 5px 0;
  overflow: hidden;
}
.following_tab .following_tab__sidebar_region .suggested_user_item,
.activity_tab .following_tab__sidebar_region .suggested_user_item,
.notifications_tab .following_tab__sidebar_region .suggested_user_item {
  margin-bottom: 20px;
}
.following_tab .following_tab__sidebar_region .suggested_user_item,
.activity_tab .following_tab__sidebar_region .suggested_user_item,
.notifications_tab .following_tab__sidebar_region .suggested_user_item,
.following_tab .following_tab__sidebar_region .user_item,
.activity_tab .following_tab__sidebar_region .user_item,
.notifications_tab .following_tab__sidebar_region .user_item,
.following_tab .following_tab__sidebar_region .home_feed_setup_user_item,
.activity_tab .following_tab__sidebar_region .home_feed_setup_user_item,
.notifications_tab .following_tab__sidebar_region .home_feed_setup_user_item {
  width: 250px;
  margin-bottom: 10px;
  position: relative;
}
.following_tab .following_tab__sidebar_region .suggested_user_item__avatar,
.activity_tab .following_tab__sidebar_region .suggested_user_item__avatar,
.notifications_tab .following_tab__sidebar_region .suggested_user_item__avatar,
.following_tab .following_tab__sidebar_region .user_item__avatar,
.activity_tab .following_tab__sidebar_region .user_item__avatar,
.notifications_tab .following_tab__sidebar_region .user_item__avatar,
.following_tab .following_tab__sidebar_region .home_feed_setup_user_item__avatar,
.activity_tab .following_tab__sidebar_region .home_feed_setup_user_item__avatar,
.notifications_tab .following_tab__sidebar_region .home_feed_setup_user_item__avatar {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.following_tab .following_tab__sidebar_region .suggested_user_item__avatar:hover,
.activity_tab .following_tab__sidebar_region .suggested_user_item__avatar:hover,
.notifications_tab .following_tab__sidebar_region .suggested_user_item__avatar:hover,
.following_tab .following_tab__sidebar_region .user_item__avatar:hover,
.activity_tab .following_tab__sidebar_region .user_item__avatar:hover,
.notifications_tab .following_tab__sidebar_region .user_item__avatar:hover,
.following_tab .following_tab__sidebar_region .home_feed_setup_user_item__avatar:hover,
.activity_tab .following_tab__sidebar_region .home_feed_setup_user_item__avatar:hover,
.notifications_tab .following_tab__sidebar_region .home_feed_setup_user_item__avatar:hover {
  opacity: 0.7;
}
.following_tab .following_tab__sidebar_region .suggested_user_item__avatar_img,
.activity_tab .following_tab__sidebar_region .suggested_user_item__avatar_img,
.notifications_tab .following_tab__sidebar_region .suggested_user_item__avatar_img,
.following_tab .following_tab__sidebar_region .user_item__avatar_img,
.activity_tab .following_tab__sidebar_region .user_item__avatar_img,
.notifications_tab .following_tab__sidebar_region .user_item__avatar_img,
.following_tab .following_tab__sidebar_region .home_feed_setup_user_item__avatar_img,
.activity_tab .following_tab__sidebar_region .home_feed_setup_user_item__avatar_img,
.notifications_tab .following_tab__sidebar_region .home_feed_setup_user_item__avatar_img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.following_tab .following_tab__sidebar_region .tribe-v-logo-recommend,
.activity_tab .following_tab__sidebar_region .tribe-v-logo-recommend,
.notifications_tab .following_tab__sidebar_region .tribe-v-logo-recommend {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 12px;
  height: 12px;
}
.following_tab .following_tab__sidebar_region .suggested_user_item__attribution,
.activity_tab .following_tab__sidebar_region .suggested_user_item__attribution,
.notifications_tab .following_tab__sidebar_region .suggested_user_item__attribution,
.following_tab .following_tab__sidebar_region .user_item__attribution,
.activity_tab .following_tab__sidebar_region .user_item__attribution,
.notifications_tab .following_tab__sidebar_region .user_item__attribution,
.following_tab .following_tab__sidebar_region .home_feed_setup_user_item__attribution,
.activity_tab .following_tab__sidebar_region .home_feed_setup_user_item__attribution,
.notifications_tab .following_tab__sidebar_region .home_feed_setup_user_item__attribution {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(90% - 95px);
  max-width: -webkit-calc(90% - 95px);
  max-width: -moz-calc(90% - 95px);
}
.following_tab .following_tab__sidebar_region .suggested_user_item__attribution--activity,
.activity_tab .following_tab__sidebar_region .suggested_user_item__attribution--activity,
.notifications_tab .following_tab__sidebar_region .suggested_user_item__attribution--activity,
.following_tab .following_tab__sidebar_region .user_item__attribution--activity,
.activity_tab .following_tab__sidebar_region .user_item__attribution--activity,
.notifications_tab .following_tab__sidebar_region .user_item__attribution--activity,
.following_tab .following_tab__sidebar_region .home_feed_setup_user_item__attribution--activity,
.activity_tab .following_tab__sidebar_region .home_feed_setup_user_item__attribution--activity,
.notifications_tab .following_tab__sidebar_region .home_feed_setup_user_item__attribution--activity {
  max-width: calc(100% - 115px);
  max-width: -webkit-calc(100% - 115px);
  max-width: -moz-calc(100% - 115px);
}
.following_tab .following_tab__sidebar_region .suggested_user_item__name_wrap,
.activity_tab .following_tab__sidebar_region .suggested_user_item__name_wrap,
.notifications_tab .following_tab__sidebar_region .suggested_user_item__name_wrap,
.following_tab .following_tab__sidebar_region .user_item__name_wrap,
.activity_tab .following_tab__sidebar_region .user_item__name_wrap,
.notifications_tab .following_tab__sidebar_region .user_item__name_wrap,
.following_tab .following_tab__sidebar_region .home_feed_setup_user_item__name_wrap,
.activity_tab .following_tab__sidebar_region .home_feed_setup_user_item__name_wrap,
.notifications_tab .following_tab__sidebar_region .home_feed_setup_user_item__name_wrap {
  display: block;
}
.following_tab .following_tab__sidebar_region .suggested_user_item__name,
.activity_tab .following_tab__sidebar_region .suggested_user_item__name,
.notifications_tab .following_tab__sidebar_region .suggested_user_item__name,
.following_tab .following_tab__sidebar_region .user_item__name,
.activity_tab .following_tab__sidebar_region .user_item__name,
.notifications_tab .following_tab__sidebar_region .user_item__name,
.following_tab .following_tab__sidebar_region .home_feed_setup_user_item__name,
.activity_tab .following_tab__sidebar_region .home_feed_setup_user_item__name,
.notifications_tab .following_tab__sidebar_region .home_feed_setup_user_item__name {
  line-height: 16px;
  font-size: 14px;
  color: #525558;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.following_tab .following_tab__sidebar_region .suggested_user_item__name:hover,
.activity_tab .following_tab__sidebar_region .suggested_user_item__name:hover,
.notifications_tab .following_tab__sidebar_region .suggested_user_item__name:hover,
.following_tab .following_tab__sidebar_region .user_item__name:hover,
.activity_tab .following_tab__sidebar_region .user_item__name:hover,
.notifications_tab .following_tab__sidebar_region .user_item__name:hover,
.following_tab .following_tab__sidebar_region .home_feed_setup_user_item__name:hover,
.activity_tab .following_tab__sidebar_region .home_feed_setup_user_item__name:hover,
.notifications_tab .following_tab__sidebar_region .home_feed_setup_user_item__name:hover {
  opacity: 0.7;
}
.following_tab .following_tab__sidebar_region .suggested_user_item__photos_count,
.activity_tab .following_tab__sidebar_region .suggested_user_item__photos_count,
.notifications_tab .following_tab__sidebar_region .suggested_user_item__photos_count,
.following_tab .following_tab__sidebar_region .user_item__photos_count,
.activity_tab .following_tab__sidebar_region .user_item__photos_count,
.notifications_tab .following_tab__sidebar_region .user_item__photos_count,
.following_tab .following_tab__sidebar_region .home_feed_setup_user_item__photos_count,
.activity_tab .following_tab__sidebar_region .home_feed_setup_user_item__photos_count,
.notifications_tab .following_tab__sidebar_region .home_feed_setup_user_item__photos_count {
  font-size: 12px;
  color: #b9c1c7;
  display: block;
}
.following_tab .following_tab__sidebar_region .suggested_user_item__follow,
.activity_tab .following_tab__sidebar_region .suggested_user_item__follow,
.notifications_tab .following_tab__sidebar_region .suggested_user_item__follow,
.following_tab .following_tab__sidebar_region .user_item__follow,
.activity_tab .following_tab__sidebar_region .user_item__follow,
.notifications_tab .following_tab__sidebar_region .user_item__follow,
.following_tab .following_tab__sidebar_region .home_feed_setup_user_item__follow,
.activity_tab .following_tab__sidebar_region .home_feed_setup_user_item__follow,
.notifications_tab .following_tab__sidebar_region .home_feed_setup_user_item__follow {
  position: absolute;
  right: 3px;
  top: 3px;
}
.following_tab .following_tab__sidebar_region .suggested_user_photos_region,
.activity_tab .following_tab__sidebar_region .suggested_user_photos_region,
.notifications_tab .following_tab__sidebar_region .suggested_user_photos_region,
.following_tab .following_tab__sidebar_region .user_item__photos_region,
.activity_tab .following_tab__sidebar_region .user_item__photos_region,
.notifications_tab .following_tab__sidebar_region .user_item__photos_region,
.following_tab .following_tab__sidebar_region .home_feed_setup_user_item__photos_region,
.activity_tab .following_tab__sidebar_region .home_feed_setup_user_item__photos_region,
.notifications_tab .following_tab__sidebar_region .home_feed_setup_user_item__photos_region {
  margin-top: 10px;
}
.following_tab .following_tab__sidebar_region .user_photos,
.activity_tab .following_tab__sidebar_region .user_photos,
.notifications_tab .following_tab__sidebar_region .user_photos {
  margin-bottom: 5px;
}
.following_tab .following_tab__sidebar_region .user_photos__row,
.activity_tab .following_tab__sidebar_region .user_photos__row,
.notifications_tab .following_tab__sidebar_region .user_photos__row {
  width: 100%;
  display: inline-block;
  font-size: 0;
}
.following_tab .following_tab__sidebar_region .empty_user_photos,
.activity_tab .following_tab__sidebar_region .empty_user_photos,
.notifications_tab .following_tab__sidebar_region .empty_user_photos {
  padding: 0;
  list-style-type: none;
  max-width: 250px;
}
.following_tab .following_tab__sidebar_region .user_photo,
.activity_tab .following_tab__sidebar_region .user_photo,
.notifications_tab .following_tab__sidebar_region .user_photo {
  display: inline-block;
  margin: 0px 2px 0px 0px;
  height: 48px;
  width: 48px;
}
.following_tab .following_tab__sidebar_region .user_photo:nth-child(5),
.activity_tab .following_tab__sidebar_region .user_photo:nth-child(5),
.notifications_tab .following_tab__sidebar_region .user_photo:nth-child(5) {
  margin-right: 0;
}
.following_tab .following_tab__sidebar_region .user_photo img,
.activity_tab .following_tab__sidebar_region .user_photo img,
.notifications_tab .following_tab__sidebar_region .user_photo img {
  width: 100%;
  height: 100%;
}
.following_tab .following_tab__sidebar_region .user_photo--empty,
.activity_tab .following_tab__sidebar_region .user_photo--empty,
.notifications_tab .following_tab__sidebar_region .user_photo--empty {
  background-color: #eeeff2;
}
.sidebar__profile_region.galleries_body__grid_region .galleries_body__grid {
  padding: 20px 0;
  margin: 0 auto;
}
@media only screen and (min-width: 1270px) {
  .sidebar__profile_region.galleries_body__grid_region .galleries_body__grid {
    width: 1230px;
    text-align: left;
  }
}
@media only screen and (min-width: 1680px) {
  .sidebar__profile_region.galleries_body__grid_region .galleries_body__grid {
    width: 1640px;
    text-align: left;
  }
}
@media only screen and (min-width: 2090px) {
  .sidebar__profile_region.galleries_body__grid_region .galleries_body__grid {
    width: 2050px;
    text-align: left;
  }
}
@media only screen and (min-width: 2500px) {
  .sidebar__profile_region.galleries_body__grid_region .galleries_body__grid {
    width: 2460px;
    text-align: left;
  }
}
.sidebar__profile_region.galleries_body__grid_region .px_card {
  margin: 0;
  position: relative;
  width: 280px;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.sidebar__profile_region.galleries_body__grid_region .px_card .top {
  position: relative;
  width: 100%;
  height: 130px;
  background-size: cover;
  background-position: center;
  background-color: #b9c1c7;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #eeeff2;
  border-bottom: none;
  border-top: none;
}
.sidebar__profile_region.galleries_body__grid_region .px_card .bottom {
  width: 100%;
  height: 150px;
  text-align: center;
  padding-top: 10px;
  border: 1px solid #eeeff2;
  border-top: none;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.sidebar__profile_region.galleries_body__grid_region .px_card .name {
  color: #525558;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  z-index: 150;
  max-width: -webkit-calc(80%);
  max-width: -moz-calc(80%);
  max-width: calc(80%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.sidebar__profile_region.galleries_body__grid_region .px_card .name:hover {
  color: #0099e5;
}
.sidebar__profile_region.galleries_body__grid_region .px_card .description {
  color: #b9c1c7;
  font-size: 12px;
  display: block;
  margin: 0 auto 15px auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: -webkit-calc(80%);
  max-width: -moz-calc(80%);
  max-width: calc(80%);
}
.sidebar__profile_region.galleries_body__grid_region .px_card .description a {
  color: #525558;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  z-index: 150;
}
.sidebar__profile_region.galleries_body__grid_region .px_card .description a:hover {
  color: #00aaff;
}
.sidebar__profile_region.galleries_body__grid_region .px_card .avatar {
  width: 60px;
  height: 60px;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 150;
  bottom: -30px;
  left: 50%;
  margin-left: -30px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.sidebar__profile_region.galleries_body__grid_region .px_card .avatar:not(.avatar--no_hover):hover {
  opacity: 0.7;
}
.sidebar__profile_region.galleries_body__grid_region .px_card .avatar_background {
  width: 60px;
  height: 60px;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  z-index: 10;
  bottom: -30px;
  left: 50%;
  margin-left: -30px;
  background-color: #fff;
}
.sidebar__profile_region.galleries_body__grid_region .px_card .link_wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}
.sidebar__profile_region.galleries_body__grid_region .px_card:hover {
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.08);
}
.sidebar__profile_region.galleries_body__grid_region .px_card.medium {
  margin: 0;
  width: 100%;
}
.sidebar__profile_region.galleries_body__grid_region .px_card.medium .top {
  height: 150px;
}
.sidebar__profile_region.galleries_body__grid_region .px_card.medium .bottom {
  height: 100px;
}
.sidebar__profile_region.galleries_body__grid_region .px_card.no_badge.no_avatar .bottom {
  height: 90px;
  padding-top: 15px;
}
.sidebar__profile_region.galleries_body__grid_region .px_card.no_badge .name {
  font-size: 14px;
  line-height: 1.8em;
}
.sidebar__profile_region.galleries_body__grid_region .px_card.no_badge .description {
  margin-bottom: 8px;
}
.sidebar__profile_region.galleries_body__grid_region .px_card.no_badge .avatar_wrap {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.sidebar__profile_region.galleries_body__grid_region .px_card.no_badge .avatar_background,
.sidebar__profile_region.galleries_body__grid_region .px_card.no_badge .avatar {
  display: block;
  width: 30px;
  height: 30px;
  border: none;
  position: absolute;
  bottom: auto;
  left: auto;
  margin-left: auto;
}
.sidebar__suggested_tribe_region .suggested_user_item .suggested_user_item__attribution {
  max-width: calc(90% - 40px);
  max-width: -webkit-calc(90% - 40px);
  max-width: -moz-calc(90% - 40px);
}
.sidebar__suggested_tribe_region .suggested_user_item .suggested_user_item__attribution .suggested_user_item__photos_count {
  display: inline-block;
}
.sidebar__suggested_tribe_region .suggested_user_item .suggested_user_item__attribution .suggested_user_item__photos_count:nth-child(2) {
  margin: 0 15px;
}
.sidebar__suggested_tribe_region .suggested_user_item .suggested_user_photos_region .user_photos__row li.user_photo {
  float: left;
  width: 60px;
  height: 60px;
  margin: 0;
}
.sidebar__suggested_tribe_region .suggested_user_item .suggested_user_photos_region .user_photos__row li.user_photo:first-child {
  width: 123px;
  height: 123px;
}
.sidebar__suggested_tribe_region .suggested_user_item .suggested_user_photos_region .user_photos__row li.user_photo:nth-child(1),
.sidebar__suggested_tribe_region .suggested_user_item .suggested_user_photos_region .user_photos__row li.user_photo:nth-child(2),
.sidebar__suggested_tribe_region .suggested_user_item .suggested_user_photos_region .user_photos__row li.user_photo:nth-child(4) {
  margin-right: 3px;
}
.sidebar__suggested_tribe_region .suggested_user_item .suggested_user_photos_region .user_photos__row li.user_photo:nth-child(n+4) {
  margin-top: 3px;
}
.galleries_body__grid_region .sidebar__suggested_contest_region .organizers {
  display: block;
  padding: 12px 15px;
  font-size: 12px;
  color: #b8c1c8;
  text-align: left;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.galleries_body__grid_region .sidebar__suggested_contest_region .top .mask {
  position: relative;
  opacity: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.galleries_body__grid_region .sidebar__suggested_contest_region .top .mask .mask-content {
  background: rgba(0, 0, 0, 0.4);
  color: #FFF;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.galleries_body__grid_region .sidebar__suggested_contest_region .top .mask .mask-content .mask_header {
  position: relative;
  padding-left: 0;
  margin: 0 auto;
  width: 94%;
  text-align: center;
}
.galleries_body__grid_region .sidebar__suggested_contest_region .top .mask .mask-content .mask_header h3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 50px;
  color: #FFF;
  width: 100%;
  font-weight: normal;
  font-size: 0.95238095rem;
  padding: 5px 0;
  margin-bottom: 5px;
}
.galleries_body__grid_region .sidebar__suggested_contest_region .top .mask .mask-content .mask_header .hostUtil {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.66666667rem;
}
.galleries_body__grid_region .sidebar__suggested_contest_region .top .mask .mask-content .mask_header .hostUtil img {
  width: 12px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 5px;
  height: 12px;
}
.galleries_body__grid_region .sidebar__suggested_contest_region .top .mask .mask-content .mask_header .hostUtil span {
  vertical-align: middle;
}
.galleries_body__grid_region .sidebar__suggested_contest_region .top .mask .mask-content .jianxiang {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  bottom: 7px;
  font-size: 12px;
  left: 16px;
  max-width: 98%;
  display: inline-block;
  background-image: url('//cdn-test.500px.me/images/svg/prize.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
  padding-left: 15px;
}
.galleries_body__grid_region .reading {
  color: #b8c1c8;
  float: right;
  font-size: 12px;
  line-height: 24px;
}
.galleries_body__grid_region .sidebar__suggested_articles_region .info {
  padding: 12px 15px 15px;
  text-align: center;
  color: #525558;
}
.galleries_body__grid_region .sidebar__suggested_articles_region .info .title {
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.galleries_body__grid_region .sidebar__suggested_articles_region .info .label {
  padding: 10px 0;
}
.galleries_body__grid_region .sidebar__suggested_articles_region .info .label > span {
  border-radius: 100px;
  background-color: #eaebed;
  padding: 3px 8px;
  margin-right: 15px;
  font-size: 12px;
}
.galleries_body__grid_region .sidebar__suggested_articles_region .info .author {
  text-align: left;
  position: relative;
  z-index: 101;
  margin-top: 5px;
}
.galleries_body__grid_region .sidebar__suggested_articles_region .info .author .suggested_author__avatar {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 10px;
}
.galleries_body__grid_region .sidebar__suggested_articles_region .info .author .suggested_author__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.galleries_body__grid_region .sidebar__suggested_articles_region .info .author .author_name {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #b8c1c8;
  max-width: calc(90% - 40px);
  max-width: -webkit-calc(90% - 40px);
  max-width: -moz-calc(90% - 40px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.galleries_body__grid_region .sidebar__suggested_PhotographContest_region .banner {
  position: relative;
}
.galleries_body__grid_region .sidebar__suggested_PhotographContest_region .banner .logo {
  position: absolute;
  top: 0;
  right: 17px;
  background-color: #ff3442;
  color: #fff;
  font-size: 10px;
  padding: 3px 6px;
}
.galleries_body__grid_region .sidebar__suggested_PhotographContest_region .banner .logo .triangle {
  position: absolute;
  bottom: -4px;
  left: 0;
  border-top: 4px solid #ff3442;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
}
.galleries_body__grid_region .sidebar__suggested_PhotographContest_region .banner .title {
  width: 100%;
  padding: 0 20px;
  position: absolute;
  left: 0;
  bottom: 18px;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*Begin: Added by xiaoxiaoliu for 图文故事 20170427*/
.graphic-txt-item .activity_item {
  max-width: 100%;
  margin: 0 auto;
}
.graphic-txt-item .photo_activity_item__details_top_left .photo_activity_item__attribution .photo_activity_item__creator,
.graphic-txt-item .photo_activity_item__details_top_left .photo_activity_item__attribution .photo_activity_item__timestamp {
  line-height: 1;
}
.graphic-txt-item .photo_activity_item__details_top_left .avatar_wrap {
  display: inline-block;
}
.graphic-txt-item .label {
  margin-top: 10px;
  font-size: 0;
}
.graphic-txt-item .label span {
  display: inline-block;
  width: 68px;
  height: 20px;
  line-height: 20px;
  border-radius: 100px;
  background-color: #eaebed;
  font-size: 12px;
  color: #525558;
  text-align: center;
  margin-left: 15px;
}
.graphic-txt-item .label span:first-child {
  margin-left: 0;
}
.graphic-txt-item .photo_activity_item__description div p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.graphic-txt-item .photo_activity_item__title {
  position: relative;
}
.graphic-txt-item .photo_activity_item__title .title_left {
  max-width: calc(100% - 100px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #222222;
}
.graphic-txt-item .photo_activity_item__title .title_left.is_dbz {
  position: relative;
  padding-right: 57px;
}
.graphic-txt-item .photo_activity_item__title .title_left.is_dbz:after {
  position: absolute;
  right: 7px;
  content: "代表作";
  background-color: #EDF6FE;
  color: #0870D1;
  width: 39px;
  height: 17px;
  border-radius: 3px;
  text-align: center;
  padding: 3px;
  font-size: 12px;
}
.graphic-txt-item .photo_activity_item__title .title_left.is_CZ {
  position: relative;
  padding-right: 45px;
}
.graphic-txt-item .photo_activity_item__title .title_left.is_CZ:after {
  position: absolute;
  right: 7px;
  content: "影展";
  text-align: center;
  background-color: #EEEFF2;
  color: #6D7378;
  width: 28px;
  border-radius: 3px;
  padding: 3px;
  font-size: 12px;
}
.graphic-txt-item .photo_activity_item__title .title_left.is_dbz:after {
  background-color: #0870d1;
  color: #ffffff;
  height: auto;
}
.graphic-txt-item .photo_activity_item__title .title_left.is_CZ:after {
  background-color: #222222;
  color: #ffffff;
  height: auto;
}
.graphic-txt-item .photo_activity_item__title .reading_count {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  color: #b8c1c8;
  line-height: 24px;
}
/*End: Added by xiaoxiaoliu for 图文故事 20170427*/
.activity_tab .following_tab__sidebar_region {
  width: 100%;
  text-align: left;
}
.activity_tab .user_item__photos_region .user_photo {
  width: calc((100% - 8px) / 5);
  width: -webkit-calc((100% - 8px) / 5);
  width: -moz-calc((100% - 8px) / 5);
  height: auto;
}
.activity_tab .galleries_body__grid_region .sidebar__suggested_articles_region {
  margin: 10px;
}
.activity_tab .galleries_body__grid_region .sidebar__suggested_articles_region.px_card {
  width: calc((100% - 60px) / 3);
  width: -webkit-calc((100% - 60px) / 3);
  width: -moz-calc((100% - 60px) / 3);
}
.activity_tab .galleries_body__grid_region .sidebar__suggested_articles_region.px_card .top {
  height: 210px;
}
.activity_tab .user_item__name {
  margin-bottom: 2px;
}
@media only screen and (max-width: 1220px) {
  .following_tab__sidebar_region {
    display: none !important;
  }
  .activity_tab .following_tab__sidebar_region {
    display: block !important;
  }
  .activity_tab .galleries_body__grid_region .sidebar__suggested_articles_region.px_card .top {
    height: 160px;
  }
  .following_tab__left_wrapper {
    display: block !important;
  }
}
@media only screen and (min-width: 1220px) {
  .following_tab__left_wrapper {
    width: 100%;
    max-width: 700px;
    margin-right: 40px;
  }
  .subscribe.notifications_tab .following_tab__left_wrapper {
    margin-right: 0;
  }
  .activity_feed,
  .home_feed_setup_select_followees__bottom {
    max-width: 1020px;
  }
}
@media only screen and (min-width: 1440px) {
  .following_tab__left_wrapper {
    max-width: 800px;
  }
  .activity_feed,
  .home_feed_setup_select_followees__bottom {
    max-width: 1120px;
  }
}
@media only screen and (min-width: 1660px) {
  .following_tab {
    text-align: left;
    padding-left: 50%;
    padding-right: 0;
    margin-left: -480px;
  }
  .following_tab__left_wrapper {
    max-width: 920px;
    margin-right: 80px;
    text-align: center;
  }
  .subscribe.notifications_tab .following_tab__left_wrapper {
    margin-right: 0;
  }
  .following_tab__sidebar_region {
    position: relative;
    right: auto;
    text-align: center;
  }
  .activity_feed,
  .home_feed_setup_select_followees__bottom {
    max-width: 1280px;
  }
  .user_item--card,
  .home_feed_setup_user_item--card {
    width: calc((100% - 80px) / 4);
    width: -webkit-calc((100% - 80px) / 4);
    width: -moz-calc((100% - 80px) / 4);
  }
  .activity_tab .galleries_body__grid_region .sidebar__suggested_articles_region.px_card {
    width: calc((100% - 80px) / 4);
    width: -webkit-calc((100% - 80px) / 4);
    width: -moz-calc((100% - 80px) / 4);
  }
  .activity_tab .galleries_body__grid_region .sidebar__suggested_articles_region.px_card .top {
    height: 190px;
  }
}
@media only screen and (min-width: 1920px) {
  .following_tab {
    margin-left: -510px;
  }
  .following_tab__left_wrapper {
    max-width: 1020px;
  }
  .activity_feed,
  .home_feed_setup_select_followees__bottom {
    max-width: 1380px;
  }
}
@media only screen and (min-width: 2180px) {
  .set_index .set_index_img1 {
    width: 1028px;
    height: calc(1028px/3*2);
  }
  .set_index .set_index_img2 {
    width: 1028px;
    height: calc(1028px/3*2);
  }
  .following_tab {
    margin-left: -560px;
  }
  .following_tab__left_wrapper {
    max-width: 1120px;
  }
  .activity_feed,
  .home_feed_setup_select_followees__bottom {
    max-width: 1480px;
  }
}
@media only screen and (min-width: 2500px) {
  .set_index .set_index_img1 {
    width: 1140px;
    height: calc(1140px/3*2);
  }
  .set_index .set_index_img2 {
    width: 1140px;
    height: calc(1140px/3*2);
  }
  .following_tab {
    margin-left: -625px;
  }
  .following_tab__left_wrapper {
    max-width: 1250px;
  }
  .activity_feed,
  .home_feed_setup_select_followees__bottom {
    max-width: 1610px;
  }
}
@media only screen and (max-width: 649px) {
  .set_index .set_index_img1 {
    width: 350px;
    height: calc(350px/3*2);
  }
  .set_index .set_index_img2 {
    width: 350px;
    height: calc(350px/3*2);
  }
  .following_tab,
  .activity_tab,
  .notifications_tab {
    padding: 20px 5px 40px;
  }
  .photo_activity_item__details_top_left .photo_activity_item__attribution .photo_activity_item__creator {
    max-width: 140px;
  }
  /*Begin: Added by xiaoxiaoliu for 图文故事 20170427*/
  .graphic-txt-item .activity_item {
    max-width: 100%;
    margin: 0 auto;
  }
  /*End: Added by xiaoxiaoliu for 图文故事 20170427*/
  .activity_tab .following_tab__sidebar_region {
    padding: 0 10px;
  }
  .activity_tab .full-aspect-ratio-photo-grid.infinite_scroll_container {
    min-height: 100px;
  }
  .activity_tab .user_item--card {
    width: 100%;
    margin: 10px auto;
  }
  .activity_tab .galleries_body__grid_region {
    padding: 0 10px;
  }
  .activity_tab .galleries_body__grid_region .sidebar__suggested_articles_region {
    margin: 10px auto;
  }
  .activity_tab .galleries_body__grid_region .sidebar__suggested_articles_region.px_card {
    width: 100%;
  }
  .activity_tab .galleries_body__grid_region .sidebar__suggested_articles_region.px_card .top {
    height: 210px;
  }
}
.sidebar_visitors_container .visitors_title {
  height: 50px;
  line-height: 50px;
  border-bottom: solid 1px #eeeff2;
  padding: 0 15px;
  text-align: left;
  font-size: 14px;
  color: #525558;
}
.sidebar_visitors_container .visitors_title .page_turning {
  float: right;
}
.sidebar_visitors_container .visitors_title .page_turning .arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  transform: rotate(-45deg);
  cursor: pointer;
}
.sidebar_visitors_container .visitors_title .page_turning .arrow.prev {
  border-left-color: #0099e5;
  border-top-color: #0099e5 ;
  margin-right: 20px;
}
.sidebar_visitors_container .visitors_title .page_turning .arrow.prev.disabled {
  border-left-color: #B9C1C7;
  border-top-color: #B9C1C7 ;
}
.sidebar_visitors_container .visitors_title .page_turning .arrow.next {
  border-right-color: #0099e5;
  border-bottom-color: #0099e5 ;
}
.sidebar_visitors_container .visitors_title .page_turning .arrow.next.disabled {
  border-right-color: #B9C1C7;
  border-bottom-color: #B9C1C7;
}
.sidebar_visitors_container .visitors_title .page_turning .arrow.disabled {
  cursor: auto;
  pointer-events: none;
}
.sidebar_visitors_container .visitors_unexpanded {
  padding: 15px;
  position: relative;
}
.sidebar_visitors_container .visitors_unexpanded .visitors_avatar {
  text-align: left;
}
.sidebar_visitors_container .visitors_unexpanded .visitors_avatar .visitors_avatar_item {
  display: inline-block;
  margin-right: 10px;
}
.sidebar_visitors_container .visitors_unexpanded .visitors_avatar.seven .visitors_avatar_item:nth-child(5) {
  border: 2px solid #fff;
  border-radius: 50%;
  position: relative;
  z-index: 4;
}
.sidebar_visitors_container .visitors_unexpanded .visitors_avatar.seven .visitors_avatar_item:nth-child(6) {
  border: 2px solid #fff;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  margin-left: -20px;
}
.sidebar_visitors_container .visitors_unexpanded .visitors_avatar.seven .visitors_avatar_item:nth-child(7) {
  position: relative;
  z-index: 2;
  margin-left: -20px;
  margin-right: 0px;
}
.sidebar_visitors_container .visitors_unexpanded .more {
  margin-top: 20px;
  font-size: 12px;
  color: #0099e5;
}
.sidebar_visitors_container .visitors_unexpanded .more .viewMore {
  display: inline-block;
}
.sidebar_visitors_container .visitors_unexpanded .more .viewMore .text {
  display: block;
}
.sidebar_visitors_container .visitors_unexpanded .more .viewMore .arrow {
  display: inline-block;
  width: 5px;
  height: 5px;
  border: 1px solid transparent;
  border-left-color: #0099e5;
  border-bottom-color: #0099e5 ;
  transform: rotate(-45deg);
}
.sidebar_visitors_container .visitors_unexpanded .overEl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 10;
}
.sidebar_visitors_container .visitors_expanded .visitors_list {
  padding: 15px 20px 0 15px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #B9C1C7;
  min-height: 425px;
}
.sidebar_visitors_container .visitors_expanded .visitors_list .visitors_info_by_day {
  text-align: left;
  margin-bottom: 15px;
}
.sidebar_visitors_container .visitors_expanded .visitors_list .visitors_info_by_day .visitors_info_item {
  margin-top: 15px;
  line-height: 30px;
}
.sidebar_visitors_container .visitors_expanded .visitors_list .visitors_info_by_day .visitors_info_item .date_detail {
  float: right;
}
.sidebar_visitors_container .visitors_expanded .visitors_list .visitors_info_by_day .visitors_info_item ._countClick {
  display: inline-block;
}
.sidebar_visitors_container .visitors_expanded .visitors_list .visitors_info_by_day .visitors_info_item .nickName {
  color: #525558;
}
.sidebar_visitors_container .visitors_expanded .visitors_list .visitors_info_by_day .visitors_info_item .nickName:hover {
  color: #0099E5;
}
.sidebar_visitors_container .visitors_expanded .visitors_count {
  height: 65px;
  border-top: solid 1px #eeeff2;
  padding: 15px;
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-around;
  white-space: nowrap;
}
.sidebar_visitors_container .visitors_expanded .visitors_count .visitors_num {
  display: inline-block;
  font-size: 12px;
  color: #B9C1C7;
  line-height: 1.4;
  margin-right: 50px;
}
.sidebar_visitors_container .visitors_expanded .visitors_count .visitors_num:last-child {
  margin-right: 0;
}
.photo_activity_item.mobileStyle .photo_activity_item__details_top {
  width: 100%;
}
.photo_activity_item.mobileStyle .photo_activity_item__details_top .photo_activity_item__details_top_left {
  padding-right: 0;
}
.photo_activity_item.mobileStyle .photo_activity_item__details_top .photo_activity_item__details_top_right {
  padding-left: 0;
}
.photo_activity_item.mobileStyle .new_icons_maincmp .new_icons_item + .new_icons_item {
  margin-left: 10px;
}
.photo_activity_item.mobileStyle .___text.nickNameMStyle {
  margin-left: -10px;
}
.photo_activity_item.mobileStyle .___text.nickNameMStyle ._u_link {
  display: inline-block;
  width: 50px;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.video_cover_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video_cover_container .play_icon {
  width: 60px;
  height: 60px;
  background: url("//cdn-test.500px.me/images/videoIcon/playIcon.svg") no-repeat center center;
  background-size: 60px;
}
.video_cover_container .video_time {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 38.6px;
  height: 24px;
  line-height: 24px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
}
.qingming_win .pxLightbox_container .pxLightbox_background {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.qingming_win .pxLightbox_container .pxLightboxHtml .modal_content {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  background-position: center top;
  background-image: url("http://cdn-test.500px.me/images/adv/2020qingming_web.png");
  border-radius: 4px;
  border: none;
}
.qingming_win .pxLightbox_container .pxLightboxHtml .modal_content .commonHead {
  background-color: transparent;
}
.qingming_win .pxLightbox_container .pxLightboxHtml .modal_content .commonHead .close {
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  font-size: 26px;
  border: 1px dotted #FFF;
}
.stickyUploadBtnWrapper {
  position: fixed;
  right: 12px;
  bottom: 28px;
  z-index: 1000;
}
.stickyUploadBtnWrapper .stickyUploadBtn {
  width: 48px;
  height: 48px;
  background-color: #1754F1;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 54px 118px 0px #2525250A;
}
.stickyUploadBtnWrapper .stickyMenuWrapper {
  position: absolute;
  bottom: calc(124%);
  right: 0;
  color: #fff;
  box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.2);
  border-radius: 8px;
}
.stickyUploadBtnWrapper .stickyMenuWrapper ul {
  min-width: 120px;
  background-color: #FCFDFD;
  border-radius: 8px;
}
.stickyUploadBtnWrapper .stickyMenuWrapper ul li {
  height: 52px;
  padding: .875rem .75rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.stickyUploadBtnWrapper .stickyMenuWrapper ul li a {
  color: #0E0E1A;
  font-size: 16px;
}
.stickyUploadBtnWrapper .stickyMenuWrapper .stickyMenuArrow {
  position: absolute;
  box-sizing: border-box;
  transform-origin: 0 0;
  transform: rotate(-45deg);
  box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.04);
  border: 6px solid;
  margin: 0 0 0 9px;
  border-color: transparent transparent white white;
  top: 100%;
  right: 21px;
}
.ui-500px .popup-centered {
  left: auto;
  right: auto;
  font-size: 14px;
  display: block;
  position: relative;
  z-index: 1000;
  padding-top: 10px;
}
.ui-500px .popup-centered .arrow,
.ui-500px .popup-centered .arrow .fill {
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ui-500px .popup-centered .arrow {
  left: 50%;
  top: -3px;
  border-color: transparent;
  border-bottom-color: #b9c1c7;
  border-width: 10px;
  margin-left: -10px;
}
.ui-500px .popup-centered .arrow .fill {
  left: 50%;
  margin-left: -7px;
  top: -4px;
  border-color: transparent;
  border-bottom-color: #f7f8fa;
  border-width: 7px;
  z-index: 920;
}
.ui-500px .popup-centered .arrow .fill.blue {
  border-bottom-color: #02adea;
}
.ui-500px .popup-centered .contain {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
}
.ui-500px .popup-centered .inside {
  height: 100%;
  color: #525558;
  border-right-color: #eeeff2;
  background-color: white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid rgba(160, 160, 160, 0.4);
  z-index: auto;
  position: relative;
  width: 100%;
  overflow: hidden;
  border: none;
}
.ui-500px .popup-centered a {
  text-align: center;
  transition: 0s;
  -webkit-transition: 0s;
  -ms-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  display: block;
  color: #525558;
  padding: 0 10px;
}
.ui-500px .popup-centered a:hover {
  background-color: #0870d1;
  color: white;
}
.ui-500px .popup-centered .links {
  max-width: 300px;
}
.ui-500px .popup-centered .links ul {
  padding: 8px 0;
  border-top: 1px solid rgba(34, 34, 34, 0.1);
}
.ui-500px .popup-centered .links ul:first-child {
  border-top: 0px;
}
.ui-500px .popup-centered .links ul li {
  line-height: 1.8em;
}
.ui-500px .popup-centered .new {
  position: relative;
  left: 7px;
  bottom: 2px;
  font-size: 8px;
  line-height: 1.8em;
  text-transform: uppercase;
  color: #222222;
  font-weight: bold;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 1px 3px;
  background-color: #ffd200;
}
.ui-500px .popup-centered .icon {
  font-size: 12px;
  padding: 0 4px 0 0;
  position: relative;
  top: 1px;
}
.ui-500px .popup-centered .bottom {
  padding: 9px 20px 11px;
  border-top: 1px solid rgba(34, 34, 34, 0.1);
  background-color: #f7f8fa;
  font-size: 12px;
  line-height: 1.4em;
  color: #9ba2a7;
  max-width: 150px;
}
.contest-of-work ul {
  display: flex;
  flex-wrap: wrap;
}
.contest-of-work h1 {
  margin: 0 0 8px 0;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-align: left;
}
.contest-of-work .contest-mark-item {
  margin-bottom: 8px;
  height: 28px;
  display: flex;
  padding: 0 10px 0 8px;
  background: #F7F8FA;
  border-radius: 14px;
  color: #0870D1;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-right: 8px;
}
.contest-of-work .contest-mark-item a {
  color: #0870D1;
  display: flex;
  align-items: center;
}
.contest-of-work .contest-mark-item img {
  margin-right: 4px;
  width: 12px;
  height: 12px;
}
.contest-of-work .contest-mark-item.isFinalist img {
  width: 20px;
  height: 20px;
}
.dropdown-div,
.dropdown-div span {
  position: relative;
}
.dropdown-div span:after,
.dropdown-div span:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -9px;
  width: 2px;
  height: 8px;
  margin-top: -3px;
  background: #A6ABAB;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.dropdown-div span:after {
  right: -14px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.dropdown-div {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}
.graphic-content-container {
  background-color: #FFFFFF;
}
.graphic-content-container .graphic-head-region {
  background-color: #FFFFFF;
}
.graphic-content-container .graphic-head-region .head-img-region {
  position: relative;
}
.graphic-content-container .graphic-head-region .head-img-region .head-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 430px;
}
.graphic-content-container .graphic-head-region .head-img-region .head-img-mobile {
  height: 240px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}
.graphic-content-container .graphic-head-region .top-content-container {
  margin-top: 20px;
  margin-bottom: 15px;
  width: 100%;
  position: relative;
}
.graphic-content-container .graphic-head-region .top-content-container .graphic-title {
  width: 650px;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
  color: #222222;
  line-height: 30px;
}
.graphic-content-container .graphic-head-region .top-content-container .action-container {
  height: 30px;
  width: auto;
  line-height: 30px;
  margin: 0 auto;
  position: absolute;
  right: 50px;
  top: 0px;
  overflow-x: inherit;
  overflow-y: inherit;
  border: none;
}
.graphic-content-container .graphic-head-region .top-content-container .action-container .graphic-action-region {
  background-color: #FFFFFF;
}
.graphic-content-container .graphic-head-region .top-content-container .action-container .graphic-action-region .button-action:nth-child(n+2) {
  margin-left: 10px;
}
.graphic-content-container .graphic-head-region .top-content-container .action-container .graphic-action-region .button-action.action-edit {
  width: 50px;
  height: 30px;
  border-radius: 3px;
  background-color: #f7f8fa;
  border: solid 1px #d7dde1;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #71767a;
  cursor: pointer;
}
.graphic-content-container .graphic-head-region .top-content-container .action-container .graphic-action-region .button-action .button.new_fav {
  width: 70px;
}
.graphic-content-container .graphic-head-region .graphic-author {
  width: 100%;
  width: 250px;
  margin: 0 auto;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #525558;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.graphic-content-container .graphic-head-region .graphic-author a {
  color: inherit;
}
.graphic-content-container .graphic-head-region .tags-container {
  margin-top: 15px;
  width: 100%;
  text-align: center;
}
.graphic-content-container .graphic-head-region .tags-container .tags-per {
  display: inline-block;
  width: 70px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  background-color: #eaebed;
}
.graphic-content-container .graphic-head-region .tags-container .tags-per:nth-child(n+2) {
  margin-left: 10px;
}
.graphic-content-container .graphic-head-region .other-data-container {
  padding: 20px 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #b8c1c8;
}
.graphic-content-container .graphic-head-region .other-data-container .read-count {
  margin-left: 25px;
}
.graphic-content-container .graphic-head-region .graphic_head_new_add {
  margin: 0 auto ;
  max-width: 640px;
  text-align: left;
  padding: 12px 0 32px;
  font-size: 14px;
  line-height: 20px;
}
.graphic-content-container .graphic-head-region .graphic_head_new_add .graphic_description a {
  color: #0870d1;
}
.graphic-content-container .graphic-head-region .graphic_head_new_add .graphic_location {
  margin-top: 16px;
  padding-left: 28px;
  height: 25px;
  line-height: 25px;
  background: url("//cdn-test.500px.me/images/graphic/location.svg") no-repeat left center;
  background-size: auto 25px;
}
.graphic-content-container .graphic-main-content-region {
  background-color: #f7f8fa;
  border: solid 1px #eeeff2;
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 30px;
  /*举报按钮*/
}
.graphic-content-container .graphic-main-content-region .main-content-container {
  width: 640px;
  margin: 0 auto;
  /*视频*/
}
.graphic-content-container .graphic-main-content-region .main-content-container .detail-txt {
  font-size: 14px;
  line-height: 1.5;
  color: #525558;
  margin-bottom: 20px;
  text-align: left;
}
.graphic-content-container .graphic-main-content-region .main-content-container .detail-photo {
  position: relative;
  margin-bottom: 20px;
}
.graphic-content-container .graphic-main-content-region .main-content-container .detail-photo img {
  width: 100%;
  height: auto;
}
.graphic-content-container .graphic-main-content-region .main-content-container .detail-photo .credits {
  position: absolute;
  right: 5px;
  bottom: 5px;
  text-align: right;
  font-size: 11px;
  line-height: 20px;
  color: #FFFFFF;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.graphic-content-container .graphic-main-content-region .main-content-container .detail-photo .credits a {
  color: #FFFFFF;
  position: relative;
  padding: 2px 5px;
}
.graphic-content-container .graphic-main-content-region .main-content-container .detail-photo .credits a:hover {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.graphic-content-container .graphic-main-content-region .main-content-container .detail-video {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 66%;
}
.graphic-content-container .graphic-main-content-region .main-content-container .detail-video video {
  position: absolute;
  top: 0;
  left: 0;
}
.graphic-content-container .graphic-main-content-region .main-content-container .detail-video iframe {
  position: absolute;
  top: 0;
  left: 0;
}
.graphic-content-container .graphic-main-content-region .copyright-container {
  font-size: 13px;
  line-height: 21px;
  color: #71767a;
  text-align: left;
}
.graphic-content-container .graphic-main-content-region .report-btn {
  width: 30px;
  height: 20px;
  line-height: 20px;
  margin-top: 35px;
  font-size: 14px;
  color: #B8C1C8;
  cursor: pointer;
  text-align: left;
}
.graphic-content-container .comment-container {
  width: 640px;
  margin: 0 auto;
  padding-top: 30px;
}
.graphic-content-container .comment-container .photo_activity_section {
  background-color: #FFFFFF;
}
.graphic-content-container .comment-container .photo_activity_section .new_comment_sticky_placeholder .new_comment_container {
  background-color: #FFFFFF;
}
.graphic-content-container .comment-container .photo_activity_section .comments_region .comments_view {
  background-color: #FFFFFF;
}
.graphic-content-container .comment-container .photographer_info .avatar {
  display: inline-block;
}
.graphic-content-container .comment-container .photographer_info .avatar img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.graphic-content-container .comment-container .photographer_info.new_comment__avatar {
  margin-top: 10px;
}
.graphic-content-container .comment-container .photographer_info .info .actor {
  color: #000000;
}
.graphic-content-container .footer-region {
  background-color: #FFFFFF;
  border-top: 1px solid #EEEFF2;
  text-align: center;
  padding-top: 25px;
}
.graphic-content-container .footer-region .button-open-in-app {
  margin: 12px auto 20px;
  width: 180px;
  height: 40px;
  background-color: #0AF;
  font-size: 16px;
  line-height: 40px;
  color: #FFF;
  box-shadow: 0 0 2px #fff inset;
  border-radius: 4px;
  cursor: pointer;
}
.graphic-content-container .medal-contest-container {
  padding: 25px 0 17px;
  border-top: 1px solid #EEEFF2;
}
.graphic-content-container .medal-contest-container .medal-region {
  width: 640px;
  margin: 0 auto 28px;
  display: flex;
}
.graphic-content-container .medal-contest-container .medal-region .medal-item {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #6D7378;
  line-height: 20px;
}
.graphic-content-container .medal-contest-container .medal-region .medal-item img {
  display: block;
}
/*Begin 公共模块一 用户头像 操作时间 点赞数*/
.photo_activity_item__details_top {
  height: 61px;
  text-align: left;
  overflow: hidden;
  border-bottom: 1px solid #eeeff2;
}
.photo_activity_item__details_top_left {
  float: left;
  height: 100%;
  padding: 15px;
  font-size: 0;
}
.photo_activity_item__avatar {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.photo_activity_item__avatar_img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.photo_activity_item__attribution {
  display: inline-block;
  vertical-align: middle;
}
.photo_activity_item__creator {
  font-size: 14px;
  font-weight: bold;
  color: #525558;
  display: inline-block;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.photo_activity_item__creator:hover {
  opacity: 0.7;
}
.photo_activity_item__timestamp {
  margin-top: 5px;
  font-size: 12px;
  color: #b9c1c7;
  display: block;
}
.photo_activity_item__comment_button {
  vertical-align: middle;
  padding-left: 11px;
}
.photo_activity_item__comment_button .icon {
  margin-top: 7px;
}
.photo_activity_item__comment_button .shape {
  fill: #71767a;
}
.photo_activity_item__gallery_button {
  vertical-align: middle;
}
.photo_activity_item__gallery_button .icon {
  margin-top: 7px;
}
.photo_activity_item__gallery_button .shape {
  fill: #71767a;
}
.photo_activity_item__like_button {
  vertical-align: middle;
  font-size: 14px;
  margin-left: 10px;
  display: inline-block;
}
.photo_activity_item__details_top_right {
  float: right;
  height: 100%;
  padding: 15px;
  font-size: 0;
}
/*Begin: Added by xiaoxiaoliu for #3687 图文m-web页面添加转发按钮 20180112*/
.photo_activity_item__zf_button {
  margin-left: 10px;
}
/*End: Added by xiaoxiaoliu for #3687 图文m-web页面添加转发按钮 20180112*/
/*Begin: Added by xiaoxiaoliu for 图文故事 20170427*/
.user-info-region {
  height: auto;
  border: 1px solid #EEEFF2;
}
.user-info-region .following_tab {
  padding: 0;
  min-height: inherit;
}
.user-info-region .activity_item {
  max-width: 100%;
  margin: 0 auto;
}
.user-info-region .photo_activity_item__details_top_left .photo_activity_item__attribution .photo_activity_item__creator,
.user-info-region .photo_activity_item__details_top_left .photo_activity_item__attribution .photo_activity_item__timestamp {
  line-height: 1;
}
.user-info-region .photo_activity_item__details_top_left .avatar_wrap {
  display: inline-block;
}
.user-info-region .label {
  margin-top: 15px;
  font-size: 0;
}
.user-info-region .label span {
  display: inline-block;
  width: 68px;
  height: 20px;
  line-height: 20px;
  border-radius: 100px;
  background-color: #eaebed;
  font-size: 12px;
  color: #525558;
  text-align: center;
  margin-left: 15px;
}
.user-info-region .label span:first-child {
  margin-left: 0;
}
.user-info-region .photo_activity_item__description div p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.user-info-region .photo_activity_item__title {
  position: relative;
}
.user-info-region .photo_activity_item__title .title_left {
  width: 500px;
  display: block;
  margin-right: 100px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #525558;
}
.user-info-region .photo_activity_item__title .reading_count {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  color: #b8c1c8;
  line-height: 24px;
}
/*End: Added by xiaoxiaoliu for 图文故事 20170427*/
/*End: 公共模块一 用户头像 操作时间 点赞数*/
/*Begin： 图片来源 20170508*/
.credits {
  position: absolute;
  right: 5px;
  bottom: 5px;
  text-align: right;
  font-size: 11px;
  line-height: 20px;
  color: #FFFFFF;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.credits a {
  color: #FFFFFF;
  position: relative;
  padding: 2px 5px;
}
.credits a:hover {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/*End： 图片来源 20170508*/
@media only screen and (max-width: 800px) {
  .graphic-content-container .graphic-head-region .top-content-container {
    margin-bottom: 0px;
  }
  .graphic-content-container .graphic-head-region .top-content-container .graphic-title {
    width: 85%;
    text-align: center;
  }
  .graphic-content-container .graphic-head-region .top-content-container .action-container {
    display: none;
  }
  .graphic-content-container .graphic-head-region .graphic-author {
    display: none;
  }
  .graphic-content-container .graphic-head-region .tags-container {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .graphic-content-container .graphic-head-region .other-data-container {
    display: none;
  }
  .graphic-content-container .graphic-head-region .graphic_head_new_add {
    padding: 12px 10px 32px;
  }
  .graphic-content-container .graphic-main-content-region {
    border: none;
  }
  .graphic-content-container .graphic-main-content-region .main-content-container {
    width: 100%;
    padding: 0 10px;
  }
  .graphic-content-container .graphic-main-content-region .main-content-container .detail-txt {
    width: 100%;
    word-break: break-word;
  }
  .graphic-content-container .graphic-main-content-region .main-content-container .detail-photo {
    position: relative;
  }
  .graphic-content-container .graphic-main-content-region .main-content-container .detail-photo img {
    width: 100%;
    height: auto;
  }
  .graphic-content-container .comment-container {
    width: 100%;
  }
  .graphic-content-container .comment-container .photo_activity_section {
    min-height: inherit;
  }
  .graphic-content-container .comment-container .photographer_info .commentright {
    padding-right: 5px;
  }
}