@charset "GB2312";
@-ms-viewport {
  width: device-width;
}

.l-hidden {
  display: none;
  visibility: hidden;
}

.l-visible-phone {
  display: none !important;
}

.l-visible-tablet {
  display: none !important;
}

.l-hidden-desktop {
  display: none !important;
}

.l-visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .l-hidden-desktop {
    display: inherit !important;
  }

  .l-visible-desktop {
    display: none !important;
  }

  .l-visible-tablet {
    display: inherit !important;
  }

  .l-hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .l-hidden-desktop {
    display: inherit !important;
  }

  .l-visible-desktop {
    display: none !important;
  }

  .l-visible-phone {
    display: inherit !important;
  }

  .l-hidden-phone {
    display: none !important;
  }
}
@media (min-width: 990) {
  .l-visable-990 {
    display: inherit !important;
  }
}
@media (max-width: 989) {
  .l-visable-990 {
    display: none !important;
  }
}
/*
  color
  =====
*/
/*
  color
  =====
*/
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
  }
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(-30px);
  }

  60% {
    -moz-transform: translateY(-15px);
  }
}

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0);
  }

  40% {
    -o-transform: translateY(-30px);
  }

  60% {
    -o-transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
  }
}

@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }

  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }

  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }

  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -moz-transform: translateX(0%);
  }
}

@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }

  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }

  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }

  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -o-transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    transform: translateX(0%);
  }

  15% {
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}

@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }

  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -moz-transform: scale(1) rotate(0);
  }
}

@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }

  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -o-transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    transform: scale(1);
  }

  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }

  50% {
    -moz-transform: scale(1.1);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }

  50% {
    -o-transform: scale(1.1);
  }

  100% {
    -o-transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}

@-ms-viewport {
  width: device-width;
}

.l-hidden {
  display: none;
  visibility: hidden;
}

.l-visible-phone {
  display: none !important;
}

.l-visible-tablet {
  display: none !important;
}

.l-hidden-desktop {
  display: none !important;
}

.l-visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .l-hidden-desktop {
    display: inherit !important;
  }

  .l-visible-desktop {
    display: none !important;
  }

  .l-visible-tablet {
    display: inherit !important;
  }

  .l-hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .l-hidden-desktop {
    display: inherit !important;
  }

  .l-visible-desktop {
    display: none !important;
  }

  .l-visible-phone {
    display: inherit !important;
  }

  .l-hidden-phone {
    display: none !important;
  }
}
@media (min-width: 990) {
  .l-visable-990 {
    display: inherit !important;
  }
}
@media (max-width: 989) {
  .l-visable-990 {
    display: none !important;
  }
}
@font-face {
  font-family: 'uxiconfont';
  src: url(data:font/truetype;charset=utf-8;base64,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I0IgICBGI0ewACsjYTgtsDIssAAWsAMlsAIlRyNHI2GwAFRYLiA8IyEbsAIlsAIlRyNHI2EgsAUlsAQlRyNHI2GwBiWwBSVJsAIlYbABRWMjIFhiGyFZY7ABRWJgIy4jICA8ijgjIVktsDMssAAWILAJQyAuRyNHI2EgYLAgYGawgGIjICA8ijgtsDQsIyAuRrACJUZSWCA8WS6xJAEUKy2wNSwjIC5GsAIlRlBYIDxZLrEkARQrLbA2LCMgLkawAiVGUlggPFkjIC5GsAIlRlBYIDxZLrEkARQrLbA3LLAuKyMgLkawAiVGUlggPFkusSQBFCstsDgssC8riiAgPLAEI0KKOCMgLkawAiVGUlggPFkusSQBFCuwBEMusCQrLbA5LLAAFrAEJbAEJiAuRyNHI2GwBkUrIyA8IC4jOLEkARQrLbA6LLEJBCVCsAAWsAQlsAQlIC5HI0cjYSCwBCNCsAZFKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7CAYmAgsAArIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbCAYmGwAiVGYTgjIDwjOBshICBGI0ewACsjYTghWbEkARQrLbA7LLAuKy6xJAEUKy2wPCywLyshIyAgPLAEI0IjOLEkARQrsARDLrAkKy2wPSywABUgR7AAI0KyAAEBFRQTLrAqKi2wPiywABUgR7AAI0KyAAEBFRQTLrAqKi2wPyyxAAEUE7ArKi2wQCywLSotsEEssAAWRSMgLiBGiiNhOLEkARQrLbBCLLAJI0KwQSstsEMssgAAOistsEQssgABOistsEUssgEAOistsEYssgEBOistsEcssgAAOystsEgssgABOystsEkssgEAOystsEossgEBOystsEsssgAANystsEwssgABNystsE0ssgEANystsE4ssgEBNystsE8ssgAAOSstsFAssgABOSstsFEssgEAOSstsFIssgEBOSstsFMssgAAPCstsFQssgABPCstsFUssgEAPCstsFYssgEBPCstsFcssgAAOCstsFgssgABOCstsFkssgEAOCstsFossgEBOCstsFsssDArLrEkARQrLbBcLLAwK7A0Ky2wXSywMCuwNSstsF4ssAAWsDArsDYrLbBfLLAxKy6xJAEUKy2wYCywMSuwNCstsGEssDErsDUrLbBiLLAxK7A2Ky2wYyywMisusSQBFCstsGQssDIrsDQrLbBlLLAyK7A1Ky2wZiywMiuwNistsGcssDMrLrEkARQrLbBoLLAzK7A0Ky2waSywMyuwNSstsGossDMrsDYrLbBrLCuwCGWwAyRQeLABFTAtAABLuADIUlixAQGOWbkIAAgAYyCwASNEILADI3CwDkUgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbABRWMjYrACI0SzCgkFBCuzCgsFBCuzDg8FBCtZsgQoCUVSRLMKDQYEK7EGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAAAA==) format("truetype"), url("http\:\/\/a\.tbcdn\.cn/apps/phenix/uc/font/uxiconfont.svg#uxiconfont") format("svg");
}

html {
  background: #f2f0f0;
}

img {
  vertical-align: middle;
  border: 0;
}

@media screen and (min-width: 300px) {
  img {
    max-width: 100%;
    /* Part 1: Set a maxium relative to the parent */
    width: auto\9;
    /* IE7-8 need help adjusting responsive images */
    height: auto;
    /* Part 2: Scale the height according to the width, otherwise you get stretching */
    -ms-interpolation-mode: bicubic;
    /*http://css-tricks.com/ie-fix-bicubic-scaling-for-images/*/
  }
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  _overflow: hidden;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: block;
  *zoom: 1;
}

.l-left {
  float: left;
}

.l-right {
  float: right;
}

.l-none {
  display: none;
}

.hidden {
  display: none !important;
}

.ks-overlay {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.phx-placeholder {
  position: absolute;
}

/*layout*/
#main {
  width: 990px;
  min-height: 600px;
  min-width: 320px;
  max-width: 1280px;
  margin: 20px auto;
  _height: 600px;
}

#content {
  width: 780px;
  float: left;
  _overflow: hidden;
}

#side {
  width: 210px;
  min-height: 300px;
  float: left;
  _overflow: hidden;
}

@media screen and (min-width: 1300px) {
  #main {
    width: 98.46154%;
  }

  #content {
    width: 1040px;
  }

  #side {
    width: 240px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 989px) {
  #main {
    width: 768px;
  }

  #content {
    width: 67.83854%;
  }

  #side {
    width: 240px;
  }
}
@media screen and (min-width: 520px) and (max-width: 767px) {
  #main {
    width: 100%;
  }

  #content {
    width: 100%;
  }

  #side {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 519px) {
  #header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
  }

  #main {
    width: 100%;
    margin-top: 53px;
  }

  #content {
    width: 100%;
  }

  #side {
    position: fixed;
    top: 43px;
    right: -100%;
    width: 100%;
    height: 100%;
    padding-top: 100px;
    min-height: 0;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    float: none;
    z-index: 9999;
    -webkit-transition: right 0.3s ease-out;
    -moz-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
  }
  #side.s-expand {
    right: 0;
    overflow: visible;
  }
}
@media screen and (max-width: 989px) {
  #site-nav, #footer {
    display: none;
  }
}
.pagination {
  clear: both;
  text-align: center;
  font-family: 'SimSun';
  margin: 30px 0;
}
.pagination .pg-list {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.pagination .pg-list a {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 9px;
  margin-right: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #CCC;
  color: #666;
}
.pagination .pg-list a:hover {
  text-decoration: none;
  border-color: #ff6600;
}
.pagination .pg-list a.prev, .pagination .pg-list a.next {
  padding: 0 11px;
  background: #F4F4F4;
}
.pagination .pg-list a.disabled {
  color: #ABABAB;
  cursor: default;
}
.pagination .pg-list a.disabled:hover {
  border-color: #CCC;
}
.pagination .pg-list span {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 9px;
  margin-right: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #ff6600;
  background: #ff6600;
  color: #FFF;
}
.pagination input {
  width: 30px;
  height: 21px;
  margin: 0 8px;
  border: solid 1px #999;
  vertical-align: top;
  font-family: Arial, SimSun;
  text-align: center;
}
.pagination i {
  vertical-align: middle;
  font-style: normal;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 24px;
  line-height: 24px;
}
.pagination button {
  border: none;
  background: #f60;
  color: #fff;
  width: 51px;
  height: 24px;
  vertical-align: top;
}
.pagination form {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

@media screen and (max-width: 465px) {
  .pagination form {
    display: none;
  }
}
.exception {
  background: #fff;
  height: 464px;
  margin: 20px 20px 20px 0;
}
.exception .exception-hd {
  position: relative;
  z-index: 1;
  width: 71.53846%;
  height: 189px;
  margin: 0 auto;
  background: url(http://img03.taobaocdn.com/tps/i3/T1d5CpXChXXXX.h3Lc-27-69.png) no-repeat 50% bottom;
}
.exception .exception-title {
  height: 78px;
  padding-top: 57px;
  text-align: center;
  color: #666;
  font-size: 14px;
}
.exception .exception-title .taogongzai {
  width: 71px;
  height: 78px;
  margin-right: 30px;
}
.exception .exception-bd {
  width: 66.34615%;
  height: 172px;
  border: 1px dashed #c2c2c2;
  margin: -22px auto 0 auto;
  padding: 30px 26px;
  background: #f7f7f7;
  overflow: hidden;
}
.exception .interest-list {
  margin: 0 -37px -40px 0;
  *zoom: 1;
}
.exception .interest-item {
  height: 80px;
  width: 155px;
  float: left;
  overflow: hidden;
  margin: 0 20px 40px 0;
}
.exception .interest-item img {
  width: 56px;
  height: 56px;
}
.exception .interest-item .avatar {
  width: 56px;
  height: 56px;
  float: left;
}
.exception .interest-item .cont {
  float: right;
  width: 88px;
  padding-left: 11px;
  overflow: hidden;
}
.exception .interest-item .cont h4 {
  white-space: nowrap;
}
.exception .interest-item h4 a {
  color: #666666;
  font-weight: bold;
}
.exception .interest-item i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 18px;
  height: 18px;
  vertical-align: -4px;
  *vertical-align: 0;
  margin-right: 4px;
}
.exception .interest-item .icon-v {
  background: url(http://img02.taobaocdn.com/tps/i2/T1b1umXwFgXXX9g2ba-18-18.png) no-repeat;
}
.exception .interest-item .icon-v-b {
  background: url(http://img04.taobaocdn.com/tps/i4/T1LhF2XEBhXXX9g2ba-18-18.png) no-repeat;
}
.exception .interest-item .intro {
  color: #999999;
}
.exception .interest-item .highlight {
  color: #656565;
}
.exception .interest-item .action {
  padding-top: 4px;
}
.exception.exception-2 {
  height: 194px;
}
.exception.exception-2 .exception-hd {
  background: none;
}

.top-header {
  background: url(http://img01.taobaocdn.com/tps/i1/T1oX1sXBNfXXbXEEsf-3000-217.jpg) 50% -20px;
  height: 197px;
}
.top-header .hd {
  width: 990px;
  max-width: 1280px;
  padding-top: 17px;
  height: 141px;
  margin: 0 auto;
}
.top-header .hd .tool-wrap {
  *width: 280px;
}
.top-header .hd .tool-btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 90px;
  overflow: hidden;
  border: none;
  border-radius: 3px;
  vertical-align: top;
  word-break: break-all;
  color: #565656;
  font-weight: bold;
  font-size: 12px;
  background: white;
  background: rgba(255, 255, 255, 0.6);
  background: transparent\9;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.top-header .hd .tool-btn:hover {
  background: #fff;
}
.top-header .hd .user {
  *float: left;
}
.top-header .hd .user-pic {
  width: 26px;
  height: 26px;
  margin-left: 5px;
  _margin-top: 7px;
  _vertical-align: -7px;
}
.top-header .hd .link {
  display: block;
  height: 32px;
  line-height: 32px;
  color: #565656;
}
.top-header .hd .link em {
  color: #ff6600;
}
.top-header .hd .link:hover {
  background: #fff4ec;
  color: #ff6600;
}
.top-header .hd .triangle {
  position: absolute;
  display: block;
  right: 10px;
  top: 18px;
  bottom: auto;
  left: auto;
  width: 9px;
  height: 6px;
  background: url(http://img02.taobaocdn.com/tps/i2/T1iYGsXvFXXXbAlL_b-9-12.png) no-repeat 0 -6px;
  _overflow: hidden;
}
.top-header .hd .nav-msg {
  display: block;
}
.top-header .hd .nav-msg i {
  display: inline-block;
  width: 20px;
  height: 100%;
  background: url("http://img03.taobaocdn.com/tps/i3/T15m9lXAxgXXXC9dsy-294-294.png") no-repeat;
  background-position: 0 -89px;
  margin: 0 5px 0 -10px;
  vertical-align: middle;
  overflow: hidden;
}
.top-header .hd .nav-msg.s-active i {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-iteration-count: 20;
  -moz-animation-iteration-count: 20;
  -ms-animation-iteration-count: 20;
  -o-animation-iteration-count: 20;
  animation-iteration-count: 20;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  background-position: 0 -44px;
}
.top-header .hd .nav-msg.no-anim i {
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -o-animation-name: none;
  animation-name: none;
}
.top-header .hd .msg-menu {
  position: relative;
  width: 90px;
  height: 40px;
  margin-left: 5px;
  border-radius: 3px;
  overflow: hidden;
  text-align: center;
  background: white;
  background: rgba(255, 255, 255, 0.6);
  background: transparent\9;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.top-header .hd .msg-menu .tool-btn {
  background: transparent;
  filter: "";
}
.top-header .hd .msg-menu.s-hover, .top-header .hd .msg-menu:hover {
  height: 136px;
  z-index: 9999;
  background: #fff;
}
.top-header .hd .msg-menu.s-hover .triangle, .top-header .hd .msg-menu:hover .triangle {
  background-position: 0 0;
}
.top-header .nav-publish {
  background: white;
  background: rgba(255, 255, 255, 0.4);
  background: transparent\9;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF, endColorstr=#66FFFFFF);
  *float: right;
}
.top-header .nav-publish i {
  display: block;
  height: 100%;
  text-align: center;
  padding-left: 15px;
  line-height: 44 px\9;
  font-style: normal;
  color: #666;
  background: url("http://img03.taobaocdn.com/tps/i3/T15m9lXAxgXXXC9dsy-294-294.png") no-repeat;
  background-position: 12px -265px;
  font-weight: bold;
  cursor: pointer;
}
.top-header .guang-link {
  display: inline-block;
  height: 27px;
  _position: relative;
  width: 256px;
  vertical-align: top;
  background: url(http://img04.taobaocdn.com/tps/i4/T1Ztq0XtpgXXaZ50Pq-236-27.png) no-repeat;
}
.top-header .home-link {
  display: none;
}
.top-header .split {
  display: inline;
  color: #fff;
  font-size: 14px;
}
.top-header .bd {
  background: black;
  background: rgba(0, 0, 0, 0.5);
  background: transparent\9;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
}
.top-header .nav {
  width: 990px;
  max-width: 1280px;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
}
.top-header .nav .nav-link {
  display: inline-block;
  line-height: 40px;
  padding: 0 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}
.top-header .nav .nav-link:hover {
  background: white;
  background: rgba(255, 255, 255, 0.2);
  background: transparent\9;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF, endColorstr=#33FFFFFF);
  _text-decoration: none;
}
.top-header .nav .nav-link.s-active {
  background: #f60;
  font-weight: bold;
}
.top-header .nav .nav-link.s-active:hover {
  background: #f60;
}
.top-header .nav-list {
  background: white;
  background: rgba(255, 255, 255, 0.1);
  background: transparent\9;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1AFFFFFF, endColorstr=#1AFFFFFF);
}
.top-header .nav-item {
  display: inline;
  height: 100%;
}
.top-header .greeting {
  float: right;
  color: #fff;
  margin-right: 210px;
  _margin-right: 105px;
}

@media screen and (max-width: 998px) {
  .top-header .greeting {
    display: none;
  }
}
@media screen and (min-width: 1300px) {
  .top-header .hd, .top-header .nav {
    width: 100%;
  }
  .top-header .greeting {
    margin-right: 260px;
  }
}
@media screen and (min-width: 768px) and (max-width: 989px) {
  .top-header {
    background-position: 45% -20px;
  }
  .top-header .hd, .top-header .nav {
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (min-width: 520px) and (max-width: 767px) {
  .top-header {
    background: url(http://img01.taobaocdn.com/tps/i1/T1oX1sXBNfXXbXEEsf-3000-217.jpg) 39% -20px;
  }
  .top-header .hd, .top-header .nav {
    width: auto;
  }
  .top-header .nav-list {
    float: none;
    text-align: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 519px) {
  .top-header {
    height: auto;
    background: transparent;
  }
  .top-header .hd, .top-header .nav {
    width: auto;
  }
  .top-header .hd {
    padding-top: 0;
    background-color: #272834;
    height: 43px;
    overflow: hidden;
    background-color: #272834;
    background-image: -moz-linear-gradient(top, #363847, #111018);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#363847), to(#111018));
    background-image: -webkit-linear-gradient(top, #363847, #111018);
    background-image: -o-linear-gradient(top, #363847, #111018);
    background-image: linear-gradient(to bottom, #363847, #111018);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF363847', endColorstr='#FF111018', GradientType=0);
  }
  .top-header .hd .tool-btn, .top-header .hd .user:hover {
    height: auto;
    width: auto;
    line-height: inherit;
    background: none;
    filter: '';
    font-size: 0;
  }
  .top-header .hd .user:after {
    content: "\0152";
    font: normal 28px/42px  "uxiconfont";
    color: #ffe;
  }
  .top-header .hd .user-pic {
    display: none;
  }
  .top-header .hd .nav-publish {
    margin: 0 10px;
  }
  .top-header .hd .nav-publish:after {
    content: "\0179";
    font: normal 28px/42px  "uxiconfont";
    color: #ffe;
  }
  .top-header .hd .nav-publish:hover {
    background: transparent;
  }
  .top-header .hd .nav-publish i {
    display: none;
    /*          color: #fff;
              background: none;
              font-size: 16px;
              line-height: 23px;
              background-color: #4c8efb;
              border: 1px solid #36c;
              padding: 2px 6px 3px 6px;*/
  }
  .top-header .hd .msg-menu, .top-header .hd .msg-menu:hover {
    height: auto;
    width: auto;
    margin-left: 0;
    background: none;
    filter: "";
  }
  .top-header .hd .msg-menu .link, .top-header .hd .msg-menu .triangle, .top-header .hd .msg-menu:hover .link, .top-header .hd .msg-menu:hover .triangle {
    display: none;
  }
  .top-header .hd .nav-msg {
    width: 42px;
    height: 35px;
  }
  .top-header .hd .nav-msg i {
    width: 30px;
    margin: 0;
    background: none;
  }
  .top-header .hd .nav-msg i:before {
    content: '\015d';
    font: normal 28px/41px  "uxiconfont";
    color: #999;
  }
  .top-header .hd .nav-msg.s-active i:before {
    content: '\015d';
    font: normal 28px/41px  "uxiconfont";
    color: #ffe;
  }
  .top-header .home-link {
    display: none;
  }
  .top-header .guang-link {
    width: 40px;
    height: 40px;
    background: none;
  }
  .top-header .guang-link::after {
    content: "\0186";
    margin-left: 5px;
    font: normal 28px/43px  "uxiconfont";
    color: #ffe;
  }
  .top-header .nav {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
  }
  .top-header .nav.s-expand {
    height: 164px;
  }
  .top-header .nav .nav-link {
    display: block;
    padding-left: 5px;
    text-align: left;
    font-size: 16px;
    border-bottom: 1px solid #fff;
  }
  .top-header .nav .split {
    display: none;
  }
  .top-header .nav-list {
    display: inline;
    float: none;
    background: none;
  }
}
.species-sprite, .tag-nav .species-link.all, .tag-nav .species-link.all:hover, .tag-nav .species-link.all-active, .tag-nav .species-link.all-active:hover, .tag-nav .species-link.object, .tag-nav .species-link.object:hover, .tag-nav .species-link.object-active, .tag-nav .species-link.object-active:hover, .tag-nav .species-link.album, .tag-nav .species-link.album:hover, .tag-nav .species-link.album-active, .tag-nav .species-link.album-active:hover, .tag-nav .species-link.pic, .tag-nav .species-link.pic:hover, .tag-nav .species-link.pic-active, .tag-nav .species-link.pic-active:hover, .tag-nav .species-link.article, .tag-nav .species-link.article:hover, .tag-nav .species-link.article-active, .tag-nav .species-link.article-active:hover {
  background: url('../img/species-s1a881be883.png') no-repeat;
}

.species-sprite, .tag-nav .species-link.all, .tag-nav .species-link.all:hover, .tag-nav .species-link.all-active, .tag-nav .species-link.all-active:hover, .tag-nav .species-link.object, .tag-nav .species-link.object:hover, .tag-nav .species-link.object-active, .tag-nav .species-link.object-active:hover, .tag-nav .species-link.album, .tag-nav .species-link.album:hover, .tag-nav .species-link.album-active, .tag-nav .species-link.album-active:hover, .tag-nav .species-link.pic, .tag-nav .species-link.pic:hover, .tag-nav .species-link.pic-active, .tag-nav .species-link.pic-active:hover, .tag-nav .species-link.article, .tag-nav .species-link.article:hover, .tag-nav .species-link.article-active, .tag-nav .species-link.article-active:hover {
  background-image: url(http://img02.taobaocdn.com/tps/i2/T1.nisXwRbXXanyDMj-60-915.png);
}

.tag-nav {
  max-width: 1020px;
  *zoom: 1;
}
.tag-nav .item {
  float: left;
  overflow: hidden;
  height: 59px;
  text-align: center;
}
.tag-nav .item.s-expand {
  width: 520px;
  _width: 520px;
}
.tag-nav .item.s-no-carousel.s-expand {
  width: auto;
}
.tag-nav .item.s-no-carousel.s-expand .category-nav {
  min-width: 0;
  width: auto;
}
.tag-nav .item.s-no-carousel.s-expand .category {
  position: static;
  margin-left: 0;
}
.tag-nav .item.s-no-carousel.s-expand .prev, .tag-nav .item.s-no-carousel.s-expand .next {
  display: none;
}
.tag-nav .split {
  float: left;
  border-right: 1px solid #bcbcbc;
  height: 55px;
}
.tag-nav .species-link {
  display: block;
  width: 59px;
  height: 28px;
  float: left;
  color: #fff;
  padding-top: 32px;
}
.tag-nav .species-link.all {
  background-position: 0 -124px;
}
.tag-nav .species-link.all:hover {
  background-position: 0 -64px;
}
.tag-nav .species-link.all-active, .tag-nav .species-link.all-active:hover {
  background-position: 0 0;
}
.tag-nav .species-link.object {
  background-position: 0 -676px;
}
.tag-nav .species-link.object:hover {
  background-position: 0 -616px;
}
.tag-nav .species-link.object-active, .tag-nav .species-link.object-active:hover {
  background-position: 0 -312px;
}
.tag-nav .species-link.album {
  background-position: 0 -800px;
}
.tag-nav .species-link.album:hover {
  background-position: 0 -860px;
}
.tag-nav .species-link.album-active, .tag-nav .species-link.album-active:hover {
  background-position: 0 -736px;
}
.tag-nav .species-link.pic {
  background-position: 0 -556px;
}
.tag-nav .species-link.pic:hover {
  background-position: 0 -436px;
}
.tag-nav .species-link.pic-active, .tag-nav .species-link.pic-active:hover {
  background-position: 0 -248px;
}
.tag-nav .species-link.article {
  background-position: 0 -496px;
}
.tag-nav .species-link.article:hover {
  background-position: 0 -376px;
}
.tag-nav .species-link.article-active, .tag-nav .species-link.article-active:hover {
  background-position: 0 -184px;
}
.tag-nav .prev, .tag-nav .next {
  display: block;
  height: 53px;
  width: 25px;
  border-top: 1px solid #E9E5D9;
  border-bottom: 1px solid #E9E5D9;
  cursor: pointer;
  background: #F7F7F7;
}
.tag-nav .prev.s-disabled, .tag-nav .next.s-disabled {
  background: #fff;
  cursor: default;
}
.tag-nav .prev i, .tag-nav .next i {
  display: block;
  height: 100%;
  background: url(http://img03.taobaocdn.com/tps/i3/T1BgqyXAReXXXJvEU7-120-17.png) no-repeat;
}
.tag-nav .prev i {
  background-position: -94px 20px;
}
.tag-nav .prev:hover i {
  background-position: -77px 20px;
}
.tag-nav .prev.s-disabled i, .tag-nav .prev.s-disabled:hover i {
  background-position: -54px 20px;
}
.tag-nav .next i {
  background-position: -34px 20px;
}
.tag-nav .next:hover i {
  background-position: -17px 20px;
}
.tag-nav .next.s-disabled .next-ico, .tag-nav .next.s-disabled:hover .next-ico {
  background-position: 3px 20px;
}
.tag-nav .category-nav {
  float: left;
  position: relative;
  height: 53px;
  width: 76.11111%;
  min-width: 411px;
  _width: 411px;
  border-top: 1px solid #E9E5D9;
  border-bottom: 1px solid #E9E5D9;
  overflow: hidden;
  background: #fff;
}
.tag-nav .category {
  -webkit-transition: margin-left 0.8s;
  -moz-transition: margin-left 0.8s;
  -o-transition: margin-left 0.8s;
  transition: margin-left 0.8s;
  position: absolute;
  margin-left: 11px;
  left: 0;
}
.tag-nav .category .item {
  width: 65px;
  height: 55px;
}
.tag-nav .category .item em {
  display: block;
  color: #999;
  line-height: 0;
  *line-height: 12px;
  *margin-top: -7px;
}
.tag-nav .category .link {
  display: block;
  height: 100%;
  line-height: 40px;
  color: #666;
}
.tag-nav .category .link:hover {
  color: #FF9751;
}
.tag-nav .category .link:hover em {
  color: #FF9751;
}
.tag-nav .category .split {
  float: left;
  height: 30px;
  margin-top: 15px;
  border-right: 1px solid #f2f2f2;
}
.tag-nav .category .item.s-active .link {
  padding-top: 32px;
  height: 21px;
  line-height: 1.5;
  color: #FF9751;
}
.tag-nav .category .item.s-active .cat-bb {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -637px;
}
.tag-nav .category .item.s-active .cat-cw {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -131px;
}
.tag-nav .category .item.s-active .cat-cy {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -269px;
}
.tag-nav .category .item.s-active .cat-dzh {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -315px;
}
.tag-nav .category .item.s-active .cat-gxqw {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -39px;
}
.tag-nav .category .item.s-active .cat-hlqg {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -683px;
}
.tag-nav .category .item.s-active .cat-hwyd {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% 7px;
}
.tag-nav .category .item.s-active .cat-jj {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -729px;
}
.tag-nav .category .item.s-active .cat-mr {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -821px;
}
.tag-nav .category .item.s-active .cat-ms {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -177px;
}
.tag-nav .category .item.s-active .cat-my {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -867px;
}
.tag-nav .category .item.s-active .cat-nz {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -361px;
}
.tag-nav .category .item.s-active .cat-nvz {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -545px;
}
.tag-nav .category .item.s-active .cat-sm {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -499px;
}
.tag-nav .category .item.s-active .cat-sssc {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -591px;
}
.tag-nav .category .item.s-active .cat-sylx {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -775px;
}
.tag-nav .category .item.s-active .cat-xz {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -223px;
}
.tag-nav .category .item.s-active .cat-ylmx {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -453px;
}
.tag-nav .category .item.s-active .cat-zbps {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -85px;
}
.tag-nav .category .item.s-active .cat-mf {
  background: url(http://img02.taobaocdn.com/tps/i2/T12W5tXsXgXXaF4ETu-26-900.png) no-repeat;
  background-position: 50% -407px;
}
.tag-nav .category .item.s-active em {
  display: none;
}

@media screen and (min-width: 1300px) {
  .tag-nav .item.s-expand {
    width: 780px;
  }
  .tag-nav .category-nav {
    width: 86.02564%;
  }
}
@media screen and (min-width: 768px) and (max-width: 989px) {
  .tag-nav .item.s-expand {
    width: 260px;
  }
  .tag-nav .item.s-no-carousel .category-nav .item {
    width: 66px;
  }
  .tag-nav .category-nav {
    width: 151px;
    min-width: 0;
  }
  .tag-nav .category-nav .item {
    width: 75px;
  }
  .tag-nav .category {
    margin-left: 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .tag-nav .species {
    font-size: 0;
    text-align: center;
  }
  .tag-nav .species .item {
    display: inline-block;
    font-size: 12px;
    width: auto;
    float: none;
  }
  .tag-nav .species .split {
    display: none;
  }
  .tag-nav .item.s-expand {
    width: auto;
  }
  .tag-nav .item.s-expand .category-nav, .tag-nav .item.s-expand .prev, .tag-nav .item.s-expand .next {
    display: none;
  }
}
@media screen and (max-width: 320px) {
  .tag-nav .species {
    text-align: left;
    padding-left: 5px;
    width: 315px;
    overflow: hidden;
    white-space: nowrap;
  }
  .tag-nav .item {
    margin-right: 24px;
  }
}
.user-info {
  margin-top: -16px;
  margin-bottom: 20px;
}
.user-info .dot {
  display: inline-block;
  border: 1px solid #c7c7c7;
  vertical-align: middle;
  margin: 0 3px;
  *height: 1px;
  *overflow: hidden;
  *margin-right: 8px;
}
.user-info .hd {
  padding-bottom: 16px;
  background: url(http://img02.taobaocdn.com/tps/i2/T1kyOBXANcXXcaZ6Yn-8-185.png) 0 bottom repeat-x;
}
.user-info .line {
  text-align: center;
}
.user-info .line .button {
  position: relative;
  z-index: 21;
  top: -25px;
  border: none;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.user-info .user-pic {
  position: relative;
  z-index: 20;
  width: 160px;
  height: 160px;
  margin-top: -72px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 4px white, 0 0 0 6px #f6f5f5;
  width: 150px\9;
  height: 150px\9;
  border: 2px solid #f6f5f5 \9;
  padding: 4px \9 ;
}
.user-info .edit {
  width: 86px;
  height: 30px;
  background: url("http://img03.taobaocdn.com/tps/i3/T1LZGmXtthXXaVtPc6-86-120.png") no-repeat;
  background-position: 0 -24px;
}
.user-info .follow-btn {
  position: relative;
  z-index: 21;
  top: -15px;
  height: 27px;
}
.user-info .name {
  font-size: 14px;
  font-weight: bold;
  color: #666;
  margin-top: -8px;
  margin-bottom: 10px;
}
.user-info .name i {
  display: inline-block;
  height: 21px;
  width: 20px;
  vertical-align: text-bottom;
  background-repeat: no-repeat;
}
.user-info .name .icon-v {
  background: url(http://img03.taobaocdn.com/tps/i3/T16xCpXD0XXXbv3u_a-21-20.png);
}
.user-info .name .icon-v-b {
  background: url(http://img02.taobaocdn.com/tps/i2/T1XXypXrNaXXbv3u_a-21-20.png);
}
.user-info .info {
  color: #666;
}
.user-info .bd {
  padding: 11px 0 21px 0;
  background: #fff;
}
.user-info .tb-info {
  width: 180px;
  margin: 0 auto 14px;
  text-align: center;
}
.user-info .seller {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: url("http://img03.taobaocdn.com/tps/i3/T1LZGmXtthXXaVtPc6-86-120.png") no-repeat;
  background-position: 0 -104px;
}
.user-info .medal-btn {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.user-info .medal-btn em {
  display: inline-block;
  background: url("http://img03.taobaocdn.com/tps/i3/T1LZGmXtthXXaVtPc6-86-120.png") no-repeat;
  background-position: -26px -9px;
  width: 10px;
  height: 7px;
  position: absolute;
  left: 26px;
  top: 9px;
}
.user-info .medal-list {
  position: absolute;
  visibility: hidden;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  padding: 6px 1px 1px 6px;
  *padding: 6px 1px 6px 6px;
  background: white;
  *zoom: 1;
}
.user-info .medal-list .medal {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}
.user-info .medal-list .medal-list-inner {
  width: 56px;
}
.user-info .medal-list .medal-list-inner li {
  float: left;
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 4px;
  margin-bottom: 4px;
}
.user-info .medal-list .tip-arrow {
  position: absolute;
  top: -8px;
  top: -7px\9\0;
  left: 25px;
}
.user-info .medal-list .tip-arrow * {
  cursor: default;
  display: block;
  height: 12px;
  line-height: 14px;
  width: 22px;
  overflow: hidden;
}
.user-info .medal-list .tip-arrow em {
  color: #cbcbcb;
}
.user-info .medal-list .tip-arrow span {
  color: white;
  margin: -11px 0 0;
}
.user-info .user-atten {
  width: 210px;
  margin: 0 auto;
}
.user-info .atten-item {
  float: left;
  margin-right: 7px;
  height: 52px;
  width: 60px;
  border-right: 1px solid #e5e5e5;
}
.user-info .atten-item.fans {
  margin-left: 14px;
  _margin-left: 7px;
}
.user-info .atten-item.visit {
  border: none;
  margin: 0;
}
.user-info .atten-link {
  display: inline-block;
  width: 100%;
  color: #666;
  overflow: hidden;
}
.user-info .atten-link strong {
  display: block;
  font-weight: normal;
  font-size: 17px;
  height: 32px;
  line-height: 32px;
}

:root .user-info .user-pic {
  width: 160px\9;
  height: 160px\9;
  border: none\9;
  padding: 0\9;
}

/*
  right maybe interest
  ====================
*/
.right-interest {
  background: white;
  padding: 20px;
}
.right-interest .interest-hd {
  color: #a9a9a9;
  font-weight: 700;
  font-size: 15px;
}
.right-interest .interest-hd .act {
  float: right;
  vertical-align: top;
  margin-top: 3px;
  width: 34px;
}
.right-interest .interest-hd .act .prev, .right-interest .interest-hd .act .next {
  display: block;
  width: 17px;
  height: 17px;
}
.right-interest .interest-hd .act .prev i, .right-interest .interest-hd .act .next i {
  display: block;
  height: 100%;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  _overflow: hidden;
  background: url(http://img04.taobaocdn.com/tps/i4/T1a6qpXuNaXXchPmvd-34-53.png);
}
.right-interest .interest-hd .act .prev {
  float: left;
}
.right-interest .interest-hd .act .prev i {
  background-position: 0 -1px;
}
.right-interest .interest-hd .act .prev:hover i {
  background-position: 0 -18px;
}
.right-interest .interest-hd .act .prev.disabled i {
  background-position: 0 -35px;
}
.right-interest .interest-hd .act .next {
  float: right;
}
.right-interest .interest-hd .act .next i {
  background-position: -17px -1px;
}
.right-interest .interest-hd .act .next:hover i {
  background-position: -17px -18px;
}
.right-interest .interest-hd .act .next.disabled i {
  background-position: -17px -35px;
}
.right-interest .interest-hd .act .disabled i {
  _background-position: 0 -35px;
}
.right-interest .interest-hd .act .disabled .next-ico {
  _background-position: -17px -35px;
}
.right-interest .interest-bd {
  padding-top: 20px;
}
.right-interest .interest-bd .interest-area .avatar {
  width: 56px;
  height: 56px;
  float: left;
}
.right-interest .interest-bd .interest-area .cont {
  padding-left: 67px;
}
.right-interest .interest-bd .interest-area .cont h4 {
  white-space: nowrap;
  overflow: hidden;
  width: 100px;
}
.right-interest .interest-bd .interest-area .interest-item {
  height: 80px;
  overflow: hidden;
}
.right-interest .interest-bd .interest-area .interest-item img {
  width: 56px;
}
.right-interest .interest-bd .interest-area h4 a {
  color: #666666;
  font-weight: 700;
}
.right-interest .interest-bd .interest-area i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 18px;
  height: 18px;
  vertical-align: -4px;
  *vertical-align: 0;
  margin-right: 4px;
}
.right-interest .interest-bd .interest-area .icon-v {
  background: url(http://img02.taobaocdn.com/tps/i2/T1YzGaXtFiXXX9g2ba-18-18.png) no-repeat;
}
.right-interest .interest-bd .interest-area .icon-v-b {
  background: url(http://img03.taobaocdn.com/tps/i3/T1izqoXrlcXXX9g2ba-18-18.png) no-repeat;
}
.right-interest .interest-bd .interest-area .intro {
  color: #999999;
}
.right-interest .interest-bd .interest-area .highlight {
  color: #656565;
}
.right-interest .interest-bd .interest-area .action {
  padding-top: 4px;
}

@media screen and (min-width: 320px) and (max-width: 519px) {
  .right-interest {
    display: none;
  }
}
.follow-ui-green {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.follow-ui-green .friend-follow {
  text-align: left;
  display: inline-block;
  padding-left: 32px;
  width: 54px;
  height: 30px;
  line-height: 30px;
  color: white;
  background: url(http://img01.taobaocdn.com/tps/i1/T1Gp9cXwhjXXcwd6sN-122-120.png) no-repeat;
  background-position: 0 0;
}
.follow-ui-green .friend-follow:hover {
  background-position: 0 -30px;
}
.follow-ui-green .friend-follow.followed {
  padding-left: 28px;
  width: 82px;
  height: 30px;
  color: #666;
  background-position: 0 -60px;
}
.follow-ui-green .friend-follow.followed:hover {
  background-position: 0 -60px;
}
.follow-ui-green .friend-follow.followed2 {
  padding-left: 28px;
  padding-right: 36px;
  width: 58px;
  color: #666;
  background-position: 0 -90px;
}
.follow-ui-green .friend-follow.followed2:hover {
  background-position: 0 -90px;
}
.follow-ui-green .friend-unfollow {
  display: inline-block;
  position: absolute;
  height: 30px;
  line-height: 30px;
  color: #666;
  right: 10px;
  top: 0;
}

.follow-ui-green2 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.follow-ui-green2 .friend-follow {
  text-align: left;
  display: inline-block;
  padding-left: 22px;
  width: 43px;
  height: 22px;
  line-height: 21px;
  color: #368200;
  background: url(http://img02.taobaocdn.com/tps/i2/T1zRuqXz8fXXcJAvDl-65-66.png) no-repeat;
  background-position: 0 0;
}
.follow-ui-green2 .friend-follow:hover {
  color: white;
  background-position: 0 -22px;
}
.follow-ui-green2 .friend-follow.followed, .follow-ui-green2 .friend-follow.followed2 {
  cursor: default;
  color: #666;
  background-position: 0 -44px;
}
.follow-ui-green2 .friend-follow.followed:hover, .follow-ui-green2 .friend-follow.followed2:hover {
  background-position: 0 -44px;
}

.follow-ui-green3 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.follow-ui-green3 .friend-follow {
  text-align: left;
  display: inline-block;
  padding-left: 22px;
  width: 43px;
  height: 22px;
  line-height: 21px;
  color: white;
  background: url(http://img03.taobaocdn.com/tps/i3/T1sqWsXxlbXXccviwv-65-168.png) no-repeat;
  background-position: 0 0;
}
.follow-ui-green3 .friend-follow:hover {
  background-position: 0 -22px;
}
.follow-ui-green3 .friend-follow.followed, .follow-ui-green3 .friend-follow.followed2 {
  cursor: default;
}
.follow-ui-green3 .friend-follow.followed {
  color: #999;
  background-position: 0 -100px;
}
.follow-ui-green3 .friend-follow.followed:hover {
  background-position: 0 -100px;
}
.follow-ui-green3 .friend-follow.followed2 {
  width: 48px;
  padding-left: 17px;
  color: #666;
  background-position: -5px -130px;
}
.follow-ui-green3 .friend-follow.followed2:hover {
  background-position: -5px -130px;
}
.follow-ui-green3 .friend-unfollow {
  background: url(http://img03.taobaocdn.com/tps/i3/T1sqWsXxlbXXccviwv-65-168.png) no-repeat;
  background-position: 0 -44px;
  display: inline-block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 65px;
  height: 22px;
  line-height: 21px;
  color: #666;
}
.follow-ui-green3 .friend-unfollow:hover {
  background-position: 0 -66px;
}

.fix-tool-sprite, .fix-tool .old-home, .fix-tool .old-home:hover, .fix-tool .gotop, .fix-tool .gotop:hover, .fix-tool .feedback, .fix-tool .feedback:hover {
  background: url('../img/fix-tool-s3f1a9b0a36.png') no-repeat;
}

.fix-tool-sprite, .fix-tool .old-home, .fix-tool .old-home:hover, .fix-tool .gotop, .fix-tool .gotop:hover, .fix-tool .feedback, .fix-tool .feedback:hover {
  background-image: url(http://img01.taobaocdn.com/tps/i1/T1wgq5XCRXXXc8Vwr8-48-852.png);
}

.fix-tool {
  position: fixed;
  bottom: 10%;
  left: 50%;
  margin-left: 487px;
}
.fix-tool .gotop, .fix-tool .feedback, .fix-tool .old-home {
  display: block;
  height: 86px;
  width: 25px;
}
.fix-tool .old-home {
  height: 77px;
  background-position: 0 -775px;
}
.fix-tool .old-home:hover {
  background-position: 0 -290px;
}
.fix-tool .gotop {
  background-position: 0 -204px;
}
.fix-tool .gotop:hover {
  background-position: 0 -59px;
}
.fix-tool .feedback {
  background-position: 0 -571px;
}
.fix-tool .feedback:hover {
  background-position: 0 -485px;
}

@media screen and (min-width: 1300px) {
  .fix-tool {
    margin-left: 645px;
  }
  .fix-tool .gotop, .fix-tool .feedback, .fix-tool .old-home {
    height: 59px;
    width: 48px;
  }
  .fix-tool .old-home {
    background-position: 0 -145px;
  }
  .fix-tool .old-home:hover {
    background-position: 0 0;
  }
  .fix-tool .gotop {
    background-position: 0 -657px;
  }
  .fix-tool .gotop:hover {
    background-position: 0 -716px;
  }
  .fix-tool .feedback {
    background-position: 0 -426px;
  }
  .fix-tool .feedback:hover {
    background-position: 0 -367px;
  }
}
/*
专辑单独样式*/
.album-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  width: 238px;
  margin-bottom: 20px;
  border-radius: 3px;
  border: 1px solid #d4d8d9;
  background: white;
}
.album-item .delete-album {
  display: none;
  position: absolute;
  top: -8px;
  right: -8px;
  width: 21px;
  height: 21px;
  background: url(http://img02.taobaocdn.com/tps/i2/T1syG2Xs8gXXX9g2ba-21-21.png);
}
.album-item .delete-album:hover {
  background: url(http://img01.taobaocdn.com/tps/i1/T1gcq4Xq0bXXX9g2ba-21-21.png);
}
.album-item:hover .delete-album, .album-item.s-hover .delete-album {
  display: block;
}
.album-item.s-album-hover .followed .no-follow {
  visibility: visible !important;
}
.album-item .album-hd {
  position: relative;
  border-style: solid;
  border-color: #e4e4e4;
  border-width: 0 0 1px 0;
}
.album-item .album-hd .avatar {
  position: absolute;
  padding: 3px;
  background: #fff;
  border-radius: 22px;
  border: 1px solid #e4e4e4;
  left: 13px;
  top: -15px;
}
.album-item .album-hd .avatar a {
  border-radius: 17px;
  display: block;
  width: 36px;
  height: 36px;
}
.album-item .album-hd .avatar a img {
  display: block;
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  width: 34px;
  height: 34px;
}
.album-item .album-hd .hd-item {
  padding: 7px 12px;
  color: #999999;
}
.album-item .album-hd .hd-item .name {
  color: #999999;
}
.album-item .album-hd .hd-item .name:hover {
  color: #000;
}
.album-item .album-hd .hd-item p.fav {
  padding-left: 50px;
}
.album-item .album-hd .hd-item p.msg {
  padding-top: 12px;
}
.album-item .album-hd .hd-item .time {
  color: #bebcc0;
}
.album-item h3 {
  margin: 4px 0 0 12px;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin-top: 4px;
  font-weight: 800;
  font-family: "microsoft yahei", simsun, arial, sans-serif;
  overflow: hidden;
}
.album-item h3 em {
  font-weight: normal;
  font-family: 'simsun';
}
.album-item .album-set {
  margin-left: 12px;
  width: 226px;
  height: 216px;
  overflow: hidden;
  font-size: 0;
  -webkit-text-size-adjust: none;
  background: url(http://img02.taobaocdn.com/tps/i2/T1mM1mXy0eXXXmVhsr-214-214.png) no-repeat;
  *zoom: 1;
}
.album-item .album-set-link {
  display: block;
  width: 228px;
  height: 216px;
}
.album-item .album-set-link .wrap {
  display: inline;
}
.album-item .album-set-link .wrap p {
  float: left;
  font-size: 12px;
  color: #666;
  margin: 0 9px 3px 0;
  padding: 15px 0 0 9px;
  width: 54px;
  height: 54px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
.album-item .album-set-link .wrap img {
  float: left;
  width: 70px;
  height: 70px;
  margin: 0 2px 2px 0;
}
.album-item .album-set-link .wrap.first {
  width: 142px;
  height: 142px;
}
.album-item .album-set-link .wrap.first p {
  font-size: 18px;
  margin: 0 17px 17px 0;
  padding: 15px 0 0 15px;
  width: 112px;
  height: 112px;
  vertical-align: bottom;
  font-family: 'microsoft yahei';
}
.album-item .album-set-link .wrap.first p:first-letter {
  color: #333;
  font-size: 36px;
}
.album-item .album-set-link .wrap.first img {
  width: 142px;
  height: 142px;
}
.album-item .album-ft {
  height: 24px;
  line-height: 24px;
  padding: 9px 0;
  position: relative;
  margin: 0 12px;
  font-family: "microsoft yahei", simsun, arial, sans-serif;
  color: #404040;
}
.album-item .album-ft a {
  color: #666666;
}
.album-item .album-ft a:hover {
  color: #457bff;
}
.album-item .album-ft .comment-btn,
.album-item .album-ft .follow-btn {
  display: inline-block;
  height: 24px;
  padding-left: 26px;
  background-image: url(http://img03.taobaocdn.com/tps/i3/T1SIGoXChbXXX4.8Dx-151-170.png);
  _background-image: url(http://img04.taobaocdn.com/tps/i4/T1vlSmXx8fXXX4.8Dx-151-170.png);
}
.album-item .album-ft .comment-btn {
  float: right;
  background-position: -71px 5px;
}
.album-item .album-ft .comment-btn:hover {
  background-position: -71px -67px;
}
.album-item .album-ft .follow-wrap {
  display: inline;
}
.album-item .album-ft .follow-wrap .follow-btn {
  background-position: 3px 5px;
  background-color: white;
  color: #999;
  width: auto;
}
.album-item .album-ft .follow-wrap .follow-btn:hover {
  color: #999;
  background-position: 3px 5px;
}
.album-item .album-ft .follow-wrap em {
  color: #999;
}
.album-item .album-ft .can-follow .follow-btn {
  background-color: #ff8839;
  width: 30px;
  background-position: 3px -137px;
  color: white;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.album-item .album-ft .can-follow .follow-btn:hover {
  color: white;
  background-color: #f60;
  text-decoration: none;
  background-position: 3px -137px;
}
.album-item .album-ft .can-follow em {
  display: inline-block;
  color: #ff8839;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px 1px 1px 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  height: 22px;
  line-height: 22px;
  vertical-align: top;
  padding: 0 4px;
}
.album-item .album-ft .can-follow.followed .follow-btn {
  background-position: 3px 5px;
  background-color: white;
  color: #666;
  width: auto;
}
.album-item .album-ft .can-follow.followed .follow-btn:hover {
  color: #666;
  background-position: 3px 5px;
  cursor: default;
}
.album-item .album-ft .can-follow.followed em {
  display: none;
}
.album-item .album-ft .no-follow {
  visibility: hidden;
  _visiblity: visible;
  padding-left: 5px;
  color: #8ea2d5;
}
.album-item .album-ft .no-follow:hover {
  color: #457bff;
}

.album-area .hd {
  margin-bottom: 34px;
}
.album-area .title {
  color: #666;
  padding-left: 7px;
  border-left: 4px solid #ff6600;
  line-height: 14px;
  font-size: 14px;
  font-weight: bold;
}
.album-area .list-item {
  float: left;
  margin-right: 20px;
}
.album-area .btn {
  display: inline-block;
  line-height: 33px;
  height: 33px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.album-area .btn em {
  font-weight: normal;
}
.album-area .new-album {
  padding: 0 12px 0 30px;
  margin-right: 20px;
  background: url("http://img03.taobaocdn.com/tps/i3/T15m9lXAxgXXXC9dsy-294-294.png") no-repeat;
  background-position: 0 -215px;
  border-radius: 1px;
}
@media screen and (min-width: 1300px) {
  .album-area .new-album {
    margin-right: 40px;
  }
}
.album-area .user-album, .album-area .followed-album {
  padding: 0 11px 0 15px;
  color: #666666;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  vertical-align: top;
}
.album-area .user-album.s-active, .album-area .followed-album.s-active {
  padding-bottom: 6px;
  border: none;
  color: #fff;
  background: url("http://img03.taobaocdn.com/tps/i3/T15m9lXAxgXXXC9dsy-294-294.png") no-repeat;
  background-position: 50% -146px;
}

.album-info {
  height: 151px;
  margin-right: 20px;
  color: #6a6a6a;
  background: #fff;
  border-bottom: 1px solid #dadada;
}
.album-info .hd {
  padding-top: 25px;
  padding-right: 20px;
  height: 126px;
  width: 240px;
}
.album-info .bd {
  height: 86px;
  padding: 35px 0 0 25px;
  width: 470px;
  _overflow: hidden;
}
.album-info .title {
  color: #404040;
  font-size: 18px;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  width: 484px;
}
.album-info .time {
  margin-left: 5px;
  color: #bebebe;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
}
.album-info .des {
  line-height: 20px;
  margin-top: 5px;
  word-wrap: break-word;
  word-break: break-all;
}
.album-info .lq {
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-right: 10px;
  margin-bottom: -5px;
  margin-top: 2px;
  background: url(http://img02.taobaocdn.com/tps/i2/T1b3SmXwphXXXxYV_b-23-20.png) no-repeat;
}
.album-info .rq {
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-left: 10px;
  margin-bottom: -5px;
  background: url(http://img01.taobaocdn.com/tps/i1/T1ChGnXyNcXXaw1kDa-22-20.png) no-repeat;
}
.album-info .follow-count, .album-info .info-count {
  font-size: 14px;
  line-height: 33px;
  width: 140px;
  float: right;
}
.album-info .info-count {
  border-bottom: 1px solid #e4e4e4;
}
.album-info .count {
  position: relative;
  top: 3px;
  margin-left: 10px;
  font-size: 22px;
  color: #bababa;
}
.album-info .can-follow {
  position: relative;
  background: url(http://img03.taobaocdn.com/tps/i3/T1coilXDNgXXc1YxPe-140-173.png) no-repeat;
  width: 114px;
  height: 30px;
  line-height: 29px;
  clear: both;
  margin-left: 100px;
}
.album-info .can-follow .follow-btn {
  position: absolute;
  left: 41px;
  top: 0;
  color: white;
}
.album-info .can-follow .no-follow {
  position: absolute;
  display: none;
}
.album-info .can-follow:hover {
  background-position: 0 -39px;
}
.album-info .can-follow.followed {
  width: 140px;
  height: 30px;
  line-height: 29px;
  background-position: 0 -98px;
}
.album-info .can-follow.followed .follow-btn {
  color: #808080;
  cursor: default;
}
.album-info .can-follow.followed .no-follow {
  display: block;
  right: 15px;
  top: 0;
  color: #808080;
  height: 30px;
}
.album-info .can-follow.followed:hover {
  color: #ff6600;
  background-position: 0 -137px;
}
.album-info .can-follow.followed:hover .no-follow {
  color: #f60;
}
.album-info .act {
  margin-left: -113px;
  *zoom: 1;
  clear: both;
}
.album-info .btn {
  background: url(http://img04.taobaocdn.com/tps/i4/T1WwGoXvXcXXc2gUPp-235-67.png) no-repeat;
  height: 30px;
  line-height: 29px;
  float: right;
  margin-left: 5px;
  color: #808080;
  padding-left: 32px;
}
.album-info .btn:hover {
  color: #f60;
}
.album-info .edit {
  width: 36px;
  background-position: 0 0;
}
.album-info .edit:hover {
  background-position: 0 -35px;
}
.album-info .delete {
  width: 36px;
  background-position: -72px 0;
}
.album-info .delete:hover {
  background-position: -72px -35px;
}
.album-info .add-comment {
  width: 59px;
  background-position: -144px  0;
}
.album-info .add-comment:hover {
  background-position: -144px -35px;
}

.flat-sprite, .ks-waterfall .wf-act-flat .more, .ks-waterfall .wf-act-flat .more:hover, .ks-waterfall .wf-act-flat .more.s-hover, .ks-waterfall .wf-act-flat .add-btn .ico, .ks-waterfall .wf-act-flat .add-btn:hover .ico, .ks-waterfall .wf-act-flat .comment-btn .ico, .ks-waterfall .wf-act-flat .comment-btn:hover .ico, .ks-waterfall .wf-act-flat .edit-btn .ico, .ks-waterfall .wf-act-flat .edit-btn:hover .ico, .ks-waterfall .wf-act-flat .delete-btn .ico, .ks-waterfall .wf-act-flat .delete-btn:hover .ico, .ks-waterfall .wf-act-flat .like-btn .ico, .ks-waterfall .wf-act-flat .like-btn:hover .ico, .ks-waterfall .wf-act-flat .private-btn .ico, .ks-waterfall .wf-act-flat .private-btn:hover .ico, .ks-waterfall .wf-act-flat .private-btn.s-public .ico, .ks-waterfall .wf-act-flat .private-btn.s-public:hover .ico, .ks-waterfall .cus-act-flat .like-btn.liked .ico, .ks-waterfall .cus-act-flat .like-btn.liked:hover .ico, .wf-shop .wf-act-flat.action-type-2 .delete-btn .ico, .wf-u .wf-act-flat.action-type-2 .delete-btn .ico, .wf-shop .wf-act-flat.action-type-2 .delete-btn:hover .ico, .wf-u .wf-act-flat.action-type-2 .delete-btn:hover .ico {
  background: url('../img/flat-sb188a472a4.png') no-repeat;
}

.flat-sprite, .ks-waterfall .wf-act-flat .more, .ks-waterfall .wf-act-flat .more:hover, .ks-waterfall .wf-act-flat .more.s-hover, .ks-waterfall .wf-act-flat .add-btn .ico, .ks-waterfall .wf-act-flat .add-btn:hover .ico, .ks-waterfall .wf-act-flat .comment-btn .ico, .ks-waterfall .wf-act-flat .comment-btn:hover .ico, .ks-waterfall .wf-act-flat .edit-btn .ico, .ks-waterfall .wf-act-flat .edit-btn:hover .ico, .ks-waterfall .wf-act-flat .delete-btn .ico, .ks-waterfall .wf-act-flat .delete-btn:hover .ico, .ks-waterfall .wf-act-flat .like-btn .ico, .ks-waterfall .wf-act-flat .like-btn:hover .ico, .ks-waterfall .wf-act-flat .private-btn .ico, .ks-waterfall .wf-act-flat .private-btn:hover .ico, .ks-waterfall .wf-act-flat .private-btn.s-public .ico, .ks-waterfall .wf-act-flat .private-btn.s-public:hover .ico, .ks-waterfall .cus-act-flat .like-btn.liked .ico, .ks-waterfall .cus-act-flat .like-btn.liked:hover .ico, .wf-shop .wf-act-flat.action-type-2 .delete-btn .ico, .wf-u .wf-act-flat.action-type-2 .delete-btn .ico, .wf-shop .wf-act-flat.action-type-2 .delete-btn:hover .ico, .wf-u .wf-act-flat.action-type-2 .delete-btn:hover .ico {
  background-image: url(http://img04.taobaocdn.com/tps/i4/T1ailyFo4eXXbYQlri-18-477.png);
}

.ks-waterfall {
  /* waterfall-act-flat 平铺样式 */
  /*客态*/
}
.ks-waterfall .wf-act-flat {
  position: relative;
  height: 30px;
  background: url(http://img02.taobaocdn.com/tps/i2/T1HCCTXwRbXXXE86g_-10-30.png);
  font-size: 0;
  _zoom: 1;
}
.ks-waterfall .wf-act-flat .ico {
  display: inline-block;
  height: 30px;
  width: 24px;
  line-height: 30px;
  margin-top: -2px;
  vertical-align: middle;
  *margin-top: 0;
}
.ks-waterfall .wf-act-flat .btn {
  display: inline-block;
  height: 30px;
  width: 70px;
  line-height: 30px;
  border-right: 1px solid #dfdfdf;
  font-size: 12px;
  vertical-align: top;
}
.ks-waterfall .wf-act-flat .btn:hover {
  background: url(http://img01.taobaocdn.com/tps/i1/T1lw1UXrRbXXXE86g_-10-30.png);
}
.ks-waterfall .wf-act-flat .more {
  position: absolute;
  width: 25px;
  height: 28px;
  top: 1px;
  right: 0;
  background-position: 5px -381px;
}
.ks-waterfall .wf-act-flat .more:hover, .ks-waterfall .wf-act-flat .more.s-hover {
  background-position: 5px -453px;
  background-color: #b5b5b5;
  z-index: 999;
}
.ks-waterfall .wf-act-flat .more:hover .edit-btn, .ks-waterfall .wf-act-flat .more:hover .delete-btn, .ks-waterfall .wf-act-flat .more.s-hover .edit-btn, .ks-waterfall .wf-act-flat .more.s-hover .delete-btn {
  display: block;
}
.ks-waterfall .wf-act-flat .edit-btn, .ks-waterfall .wf-act-flat .delete-btn {
  display: none;
  width: 56px;
  height: 25px;
  margin: 28px 0 0 -31px;
  line-height: 25px;
  background-color: #b5b5b5;
  font-size: 12px;
  color: #fff;
  _position: absolute;
  _top: 28px;
  _left: -31px;
  _margin: 0;
}
.ks-waterfall .wf-act-flat .edit-btn .ico, .ks-waterfall .wf-act-flat .delete-btn .ico {
  margin-top: 0;
}
.ks-waterfall .wf-act-flat .edit-btn:hover, .ks-waterfall .wf-act-flat .delete-btn:hover {
  color: #fff;
  background: #919191;
}
.ks-waterfall .wf-act-flat .delete-btn {
  margin-top: 0;
  _top: 56px;
}
.ks-waterfall .wf-act-flat .comment-btn .ico, .ks-waterfall .wf-act-flat .private-btn .ico {
  margin-left: 6px;
}
.ks-waterfall .wf-act-flat .add-btn .ico {
  background-position: 5px -357px;
}
.ks-waterfall .wf-act-flat .add-btn:hover .ico {
  background-position: 5px -309px;
}
.ks-waterfall .wf-act-flat .comment-btn .ico {
  background-position: 5px -116px;
}
.ks-waterfall .wf-act-flat .comment-btn:hover .ico {
  background-position: 5px 7px;
}
.ks-waterfall .wf-act-flat .edit-btn .ico {
  background-position: 5px -262px;
}
.ks-waterfall .wf-act-flat .edit-btn:hover .ico {
  background-position: 5px -239px;
}
.ks-waterfall .wf-act-flat .delete-btn .ico {
  background-position: 5px -407px;
}
.ks-waterfall .wf-act-flat .delete-btn:hover .ico {
  background-position: 5px -430px;
}
.ks-waterfall .wf-act-flat .like-btn .ico {
  background-position: 5px -42px;
}
.ks-waterfall .wf-act-flat .like-btn:hover .ico {
  background-position: 5px -140px;
}
.ks-waterfall .wf-act-flat .private-btn .ico {
  background-position: 5px -190px;
}
.ks-waterfall .wf-act-flat .private-btn:hover .ico {
  background-position: 5px -93px;
}
.ks-waterfall .wf-act-flat .private-btn.s-public .ico {
  background-position: 5px -214px;
}
.ks-waterfall .wf-act-flat .private-btn.s-public:hover .ico {
  background-position: 5px -166px;
}
.ks-waterfall .wf-act-flat.action-type-2 .private-btn {
  display: none;
}
.ks-waterfall .wf-act-flat.action-type-2 .btn {
  width: 107px;
  text-align: center;
}
.ks-waterfall .cus-act-flat .btn {
  border-right: none;
}
.ks-waterfall .cus-act-flat .like-btn {
  float: left;
  height: 28px;
  width: auto;
  line-height: 27px;
  border: 1px solid #EE8D9B;
  padding: 0 10px;
  background: #FC9DAF;
  color: #fff;
  _overflow: hidden;
}
.ks-waterfall .cus-act-flat .like-btn:hover {
  border: 1px solid #EC4766;
  background: #FF4669;
  _color: #fff;
}
.ks-waterfall .cus-act-flat .like-btn.liked {
  height: 30px;
  line-height: 30px;
  margin-top: 0;
  border: none;
  border-right: 1px solid #dfdfdf;
  color: #666;
  background: url(http://img02.taobaocdn.com/tps/i2/T1HCCTXwRbXXXE86g_-10-30.png);
}
.ks-waterfall .cus-act-flat .like-btn.liked .ico {
  background-position: 5px -67px;
}
.ks-waterfall .cus-act-flat .like-btn.liked:hover {
  background: url(http://img01.taobaocdn.com/tps/i1/T1lw1UXrRbXXXE86g_-10-30.png);
  _border: none;
  _border-right: 1px solid #dfdfdf;
  _color: #666;
}
.ks-waterfall .cus-act-flat .like-btn.liked:hover .ico {
  background-position: 5px -17px;
}
.ks-waterfall .cus-act-flat .comment-btn {
  display: block;
  width: auto;
  overflow: hidden;
  background: url(http://img02.taobaocdn.com/tps/i2/T1HCCTXwRbXXXE86g_-10-30.png);
  text-align: center;
}

@media screen and (max-width: 320px) {
  html {
    background: #fff;
  }

  .ks-waterfall .wf-act-flat .more {
    position: static;
    float: right;
    width: auto;
    height: 30px;
    background: none;
  }
  .ks-waterfall .wf-act-flat .more:hover {
    background: none;
  }
  .ks-waterfall .wf-act-flat .more:hover .edit-btn, .ks-waterfall .wf-act-flat .more:hover .delete-btn {
    display: inline-block;
    color: #666;
  }
  .ks-waterfall .wf-act-flat .btn {
    width: 60px;
  }
  .ks-waterfall .wf-act-flat .btn .ico {
    margin-left: 3px;
  }
  .ks-waterfall .wf-act-flat .add-btn {
    width: 68px;
  }
  .ks-waterfall .wf-act-flat .add-btn .ico {
    margin-left: 0;
  }
  .ks-waterfall .wf-act-flat .edit-btn, .ks-waterfall .wf-act-flat .delete-btn {
    display: inline-block;
    height: 100%;
    line-height: 30px;
    margin: 0;
    background: none;
    color: #666;
  }
  .ks-waterfall .wf-act-flat .edit-btn:hover, .ks-waterfall .wf-act-flat .delete-btn:hover {
    background: url(http://img01.taobaocdn.com/tps/i1/T1lw1UXrRbXXXE86g_-10-30.png);
  }
  .ks-waterfall .wf-act-flat .edit-btn .ico, .ks-waterfall .wf-act-flat .delete-btn .ico {
    margin-left: 2px;
  }
  .ks-waterfall .wf-act-flat .edit-btn {
    border-right: 1px solid #dfdfdf;
  }
  .ks-waterfall .cus-act-flat .comment-btn, .ks-waterfall .cus-act-flat .like-btn {
    width: auto;
  }
}
.wf-goods .item-price {
  position: absolute;
  bottom: 0;
  right: 2px;
  padding: 1px 4px 0;
  color: #fff;
  font-family: Arial;
  background: black;
  background: rgba(0, 0, 0, 0.5);
  background: transparent\9;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
}
.wf-goods .bought {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 50px;
  height: 16px;
  background: url(http://img04.taobaocdn.com/tps/i4/T1BQenXrpdXXXc4Z6h-50-16.png) no-repeat;
}
.wf-goods img {
  max-width: none;
  width: auto;
  height: 240px;
}

.wf-tuwen .pic {
  min-height: 165px;
}
.wf-tuwen .pic img {
  max-width: none;
  width: auto;
  height: 240px;
}
.wf-tuwen .pic-cont h4 {
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  font-family: 'microsoft yahei';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}
.wf-tuwen .pic-cont .detail {
  font-size: 12px;
  line-height: 22px;
  padding-top: 4px;
  color: #999;
}

.wf-writing .writing-hd {
  text-align: center;
  padding: 20px;
}
.wf-writing .writing-hd p {
  min-height: 100px;
  text-align: left;
  color: #999;
  padding-top: 10px;
  font-size: 12px;
  line-height: 20px;
}
.wf-writing h4 {
  font-size: 18px;
  color: #666;
  font-family: 'microsoft yahei';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wf-tuwen .pic-cont, .wf-u .pic-cont {
  text-align: left;
  padding: 20px;
}
.wf-tuwen .pic-cont h4, .wf-u .pic-cont h4 {
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  font-family: 'microsoft yahei';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}
.wf-tuwen .pic-cont .detail, .wf-u .pic-cont .detail {
  font-size: 12px;
  line-height: 22px;
  padding-top: 4px;
  color: #999;
}

.wf-shop .like-btn, .wf-u .like-btn {
  padding-left: 25px;
  background: url(http://img01.taobaocdn.com/tps/i1/T1i5q2XEBfXXal.AfX-16-31.png) no-repeat 5px 3px;
}
.wf-shop .like-btn em, .wf-u .like-btn em {
  color: #999;
}
.wf-shop .like-btn.liked, .wf-u .like-btn.liked {
  background-position: 5px -14px;
}
.wf-shop .wf-act-flat .comment-btn, .wf-u .wf-act-flat .comment-btn {
  display: none;
}
.wf-shop .wf-act-flat .btn, .wf-shop .wf-act-flat .more, .wf-u .wf-act-flat .btn, .wf-u .wf-act-flat .more {
  width: 79px;
  text-align: center;
  background: none;
}
.wf-shop .wf-act-flat .btn .ico, .wf-shop .wf-act-flat .more .ico, .wf-u .wf-act-flat .btn .ico, .wf-u .wf-act-flat .more .ico {
  margin-left: 0;
}
.wf-shop .wf-act-flat .more:hover, .wf-shop .wf-act-flat .more.s-hover, .wf-u .wf-act-flat .more:hover, .wf-u .wf-act-flat .more.s-hover {
  background: none;
}
.wf-shop .wf-act-flat .more:hover .edit-btn, .wf-shop .wf-act-flat .more.s-hover .edit-btn, .wf-u .wf-act-flat .more:hover .edit-btn, .wf-u .wf-act-flat .more.s-hover .edit-btn {
  display: none;
}
.wf-shop .wf-act-flat .delete-btn, .wf-u .wf-act-flat .delete-btn {
  display: block;
  width: 100%;
  _position: static;
  margin: 0;
  text-align: center;
  background: none;
  color: #333;
}
.wf-shop .wf-act-flat .delete-btn:hover, .wf-u .wf-act-flat .delete-btn:hover {
  color: #333;
  background: none;
}
.wf-shop .wf-act-flat.action-type-2 .btn, .wf-shop .wf-act-flat.action-type-2 .more, .wf-u .wf-act-flat.action-type-2 .btn, .wf-u .wf-act-flat.action-type-2 .more {
  width: 50%;
}
.wf-shop .wf-act-flat.action-type-2 .delete-btn, .wf-u .wf-act-flat.action-type-2 .delete-btn {
  height: 29px;
}
.wf-shop .wf-act-flat.action-type-2 .delete-btn .ico, .wf-u .wf-act-flat.action-type-2 .delete-btn .ico {
  background-position: 5px -334px;
}
.wf-shop .wf-act-flat.action-type-2 .delete-btn:hover, .wf-u .wf-act-flat.action-type-2 .delete-btn:hover {
  background: url(http://img01.taobaocdn.com/tps/i1/T1lw1UXrRbXXXE86g_-10-30.png) 0 -1px;
}
.wf-shop .wf-act-flat.action-type-2 .delete-btn:hover .ico, .wf-u .wf-act-flat.action-type-2 .delete-btn:hover .ico {
  background-position: 5px -286px;
}

.wf-u .pic {
  min-height: 165px;
}
.wf-u .pic img {
  max-width: none;
  width: 160px;
  height: 160px;
}
.wf-u .pic-cont {
  padding: 12px 0;
  width: 160px;
  margin: 0 auto;
}

.wf-shop .shop-name {
  padding: 10px 10px 7px;
  height: 43px;
  line-height: 43px;
  font: bold 14px "heiti";
}
.wf-shop em {
  color: #333;
}
.wf-shop .owner-pic {
  border-radius: 50%;
  box-shadow: 0 0 0 2px white, 0 0 0 3px #f6f5f5;
  width: 40px;
  height: 40px;
  border: 1px solid #f6f5f5 \9;
  padding: 2 px\9 ;
}
.wf-shop .item-wrap {
  font-size: 0;
}
.wf-shop .item-pic {
  width: 119px;
  height: 119px;
}

.ks-waterfall {
  /* 评论区 平铺样式 */
}
.ks-waterfall .act-area-flat {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s;
}
.ks-waterfall .act-area-flat.s-expand {
  height: 49px;
}
.ks-waterfall .act-area-flat .avatar, .ks-waterfall .act-area-flat .act {
  display: none;
}
.ks-waterfall .act-area-flat .text-input {
  height: 26px;
  border: 1px solid #d6d4d4;
  overflow: hidden;
  *zoom: 1;
}
.ks-waterfall .act-area-flat .f-txt {
  float: left;
  height: 26px;
  width: 153px;
  border: none;
  line-height: 26px;
  padding: 0 7px;
  overflow: auto;
}
.ks-waterfall .act-area-flat .commentBtn {
  float: left;
  background: url(http://img02.taobaocdn.com/tps/i2/T1HCCTXwRbXXXE86g_-10-30.png) -1px;
  width: 46px;
  height: 26px;
  border-left: 1px solid #d6d4d4;
  text-align: center;
  line-height: 26px;
  color: #d4d4d4;
  overflow: hidden;
}
.ks-waterfall .act-area-flat .commentBtn:hover {
  color: #666;
}
.ks-waterfall .cont {
  *zoom: 1;
}
.ks-waterfall .cont-hd {
  margin-bottom: -1px;
  border-bottom: 1px solid #e4e4e4;
  background: #fff;
}
.ks-waterfall .cont-bd {
  padding-top: 10px;
}
.ks-waterfall .cont-bd .cont-item {
  background: #fff;
  padding-top: 0;
  padding-bottom: 10px;
}
.ks-waterfall .cont-bd .cont-item .avatar {
  float: left;
  width: 24px;
  height: 24px;
  position: relative;
  margin-top: -2px;
}
.ks-waterfall .cont-bd .cont-item img {
  width: 24px;
  height: 24px;
}
.ks-waterfall .cont-bd p {
  line-height: 20px;
  padding-left: 32px;
}
.ks-waterfall .fav {
  font-family: 'vedana';
}
.ks-waterfall .cont-ft {
  text-align: center;
  height: 26px;
  line-height: 26px;
}
.ks-waterfall .cont-item {
  padding: 0 10px;
  color: #999999;
}
.ks-waterfall .cont-item p.fav {
  padding: 6px 0px 4px;
}
.ks-waterfall .cont-item p.msg {
  padding-bottom: 7px;
}
.ks-waterfall .cont-item .time {
  font-family: 'arial';
  color: #aba9ae;
}

@media screen and (max-width: 320px) {
  .ks-waterfall .act-area-flat .f-txt {
    width: 227px;
  }
}
.waterfall-list {
  margin-bottom: 25px;
}
.waterfall-list .album-item {
  margin-bottom: 0;
}

.ks-waterfall {
  margin-right: 10px;
  width: 238px;
  margin-top: 20px;
  border: 1px solid #e4e4e4;
  border-bottom: 1px solid #d6d6d6;
  _zoom: 1;
}
.ks-waterfall:hover {
  box-shadow: 2px 2px 3px #EFEFEF;
}

.waterfall-item {
  width: 238px;
  margin-right: 20px;
  background: white;
}
.waterfall-item .pic {
  display: block;
  position: relative;
  width: 238px;
  max-height: 800px;
  overflow: hidden;
  zoom: 1;
  text-align: center;
}
.waterfall-item p {
  word-break: break-all;
  word-wrap: break-word;
}
.waterfall-item a {
  color: #666;
}
.waterfall-item a.light {
  color: #999;
}
.waterfall-item a:hover {
  color: #000;
}
.waterfall-item a.a-p {
  color: #666666;
}
.waterfall-item a.highlight {
  color: #8ea2d5;
}
.waterfall-item a.highlight:hover {
  color: #457bff;
}
.waterfall-item a.gray {
  color: #666666;
}
.waterfall-item a.gray:hover {
  color: #000;
}
.waterfall-item .panel-hd {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: -1px;
}
.waterfall-item .panel-hd .avatar {
  position: relative;
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 3px;
  background: #fff;
  border-radius: 22px;
  margin-top: -15px;
  margin-left: 13px;
  border: 1px solid #e4e4e4;
}
.waterfall-item .panel-hd .avatar a {
  border-radius: 17px;
  width: 34px;
  height: 34px;
}
.waterfall-item .panel-hd .avatar a img {
  display: block;
  border: 1px solid #e4e4e4;
  border-radius: 17px;
  width: 34px;
  height: 34px;
}
.waterfall-item .panel-hd .hd-item {
  padding: 4px 12px 0;
  color: #999999;
}
.waterfall-item .panel-hd .hd-item .name {
  font-weight: 700;
  font-family: 'vedana';
  color: #999;
}
.waterfall-item .panel-hd .hd-item .fav {
  padding-left: 50px;
  line-height: 22px;
  _zoom: 1;
  _padding-left: 0;
}
.waterfall-item .panel-hd .hd-item .fav .bought {
  vertical-align: -4px;
  *vertical-align: 0;
  margin-left: 4px;
}
.waterfall-item .panel-hd .hd-item .det {
  padding-left: 50px;
  padding-bottom: 4px;
}
.waterfall-item .panel-hd .hd-item .msg {
  padding: 0 0 8px;
}
.waterfall-item .panel-hd .hd-item .time {
  color: #bebcc0;
}
.waterfall-item .panel-bd {
  position: relative;
}
.waterfall-item .panel-bd .bought {
  float: left;
  margin-right: 5px;
  width: 50px;
  height: 16px;
}

@media screen and (max-width: 320px) {
  .waterfall-item .pic {
    width: auto;
  }
}
@media screen and (min-width: 1300px) {
  .content-list .ks-waterfall-col, .content-list .ks-waterfall {
    margin-right: 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .content-list .ks-waterfall {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 320px) {
  .content-list .waterfall-item {
    width: 310px;
    margin-left: -26px;
    border-radius: 3px;
    border-bottom-width: 2px;
  }
}
.detail-list {
  margin-bottom: 20px;
}
.detail-list .hd {
  padding-top: 10px;
}

.detail-list .cs-item a {
  background: url(http://img01.taobaocdn.com/tps/i1/T1yjelXuNhXXXRbKAw-216-194.png) no-repeat -9999px -9999px;
}
.detail-list .cs-text {
  float: left;
  color: #808080;
  height: 24px;
  line-height: 24px;
  margin-right: 9px;
}
.detail-list .cl-list {
  width: 186px;
}
.detail-list .cs-list {
  float: left;
  height: 24px;
  overflow: hidden;
  position: relative;
}
.detail-list .cs-item {
  position: absolute;
}
.detail-list .cs-list .cs0 {
  left: -1px;
  top: 0;
}
.detail-list .cs-list .cs1 {
  left: 37px;
  top: 0;
}
.detail-list .cs-list .cs2 {
  left: 74px;
  top: 0;
}
.detail-list .cs-list .cs3 {
  left: 111px;
  top: 0;
}
.detail-list .cs-list .cs4 {
  left: 148px;
  top: 0;
}
.detail-list .cs-active {
  z-index: 10;
}
.detail-list .cs-item a {
  display: block;
  height: 24px;
  width: 36px;
  line-height: 24px;
  background-position: -38px -100px;
  text-align: center;
  color: #808080;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.detail-list .cs0 a {
  background-position: 0 -100px;
  width: 37px;
}
.detail-list .cs4 a,
.detail-list .tag-sort .cs1 a {
  background-position: -75px -100px;
  width: 37px;
}
.detail-list .cs-item a:hover {
  background-position: -38px -125px;
  border-left: 1px solid #d0cfcf;
  border-right: 1px solid #d0cfcf;
}
.detail-list .cs0 a:hover {
  background-position: 0 -125px;
}
.detail-list .cs4 a:hover,
.detail-list .tag-sort .cs1 a:hover {
  background-position: -75px -125px;
}
.detail-list .cs-active a,
.detail-list .cs-active a:hover {
  border-right: 1px solid #ff8330;
  border-left: 1px solid #ff8330;
  color: #fff;
  background-position: -38px -75px;
}
.detail-list .cs-active0 .cs-active a,
.detail-list .cs-active0 .cs-active a:hover {
  background-position: 0 -75px;
}
.detail-list .cs-active4 .cs-active a,
.detail-list .tag-sort .cs-active1 .cs-active a,
.detail-list .cs-active4 .cs-active a:hover,
.detail-list .tag-sort .cs-active1 .cs-active a:hover {
  background-position: -75px -75px;
}
.detail-list .tag-sort {
  margin-top: 6px;
}
.detail-list .sort-list {
  width: 75px;
}

/*
  album-comment
  ==============
*/
.album-comment {
  background-color: white;
  border: 1px solid #dadada;
}
.album-comment .hd {
  font-size: 14px;
  line-height: 20px;
  color: #808080;
  padding: 11px 9px;
}
.album-comment .hd strong {
  font-weight: bold;
}
.album-comment .bd .comment-loading {
  text-align: center;
  padding: 20px 0;
}
.album-comment .bd .user {
  float: left;
  width: 20px;
  height: 20px;
}
.album-comment .bd .user img {
  width: 20px;
  height: 20px;
}
.album-comment .bd .user .name {
  display: none;
}
.album-comment .bd .comment-widget {
  padding: 0;
}
.album-comment .bd .comment-add {
  padding-left: 29px;
}
.album-comment .bd .textarea-b {
  border: 1px solid #d6d4d4;
}
.album-comment .bd .face {
  display: none;
}
.album-comment .bd .comment-edit {
  padding: 0 9px 9px;
}
.album-comment .bd .comment-list {
  background-color: #f9f9f9;
  border-top: 1px solid #f5f5f5;
  padding-top: 10px;
}
.album-comment .bd .comment-list .clogo {
  width: 20px;
  height: 20px;
}
.album-comment .bd .comment-list li {
  border: none;
  padding: 0 9px 10px;
  position: relative;
}
.album-comment .bd .comment-list a {
  color: #666;
}
.album-comment .bd .comment-list a:hover {
  color: #000;
}
.album-comment .bd .comment-list .detail {
  padding-left: 29px;
}
.album-comment .bd .comment-list .words {
  color: #b4b4b4;
}
.album-comment .bd .comment-list .words z
a.link {
  color: #999;
}
.album-comment .bd .comment-list .opt {
  display: none;
}
.album-comment .bd .comment-list .opt i {
  font-style: normal;
}
.album-comment .bd .comment-list .opt a {
  padding: 0 2px;
}
.album-comment .bd .comment-list .time {
  color: #aba9ae;
}
.album-comment .bd .tl-button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-indent: -999px;
  overflow: hidden;
  width: 73px;
  height: 28px;
  background: url(http://img01.taobaocdn.com/tps/i1/T1f2ypXzhaXXXxCa2n-73-56.png) no-repeat;
}
.album-comment .bd .tl-button:hover {
  background-position: 0 -28px;
}
.album-comment .bd .sns-pagination {
  height: auto;
}
.album-comment .bd .sns-pagination a {
  background: none !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #666666;
  width: auto !important;
  padding: 0 10px 10px 10px;
}
.album-comment .bd .sns-pagination a.page-down {
  padding-left: 10px;
}