body, html {
  background: #fafafa
}
.header-wrap {
  width: 100%;
  min-width: 1120px;
  height: 68px;
  position: relative;
  z-index: 1;
}
.header-wrap .header-inner {
  z-index: 999;
  color: #fff;
  width: 100%;
  min-width: 1120px;
  padding: 0 80px;
  height: 68px;
  vertical-align: middle;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
  position: fixed
}
.header-wrap .logo-warp {
  padding: 16px 0;
  float: left;
  margin-right: 40px
}
.header-wrap .nav-bar-menu {
  float: left
}
.header-wrap .nav-bar-menu > ul {
  font-size: 0
}
.header-wrap .nav-bar-menu > ul > li {
  display: inline-block;
  position: relative
}
.header-wrap .nav-bar-menu > ul > li > a {
  line-height: 68px;
  display: block;
  margin: 0 18px;
  font-size: 16px;
  position: relative
}
.header-wrap .nav-bar-menu > ul > li.nav-bar-active > a {
  font-weight: 700;
  color: #fc4f5b
}
.header-wrap .nav-bar-menu > ul > li.nav-bar-active > a:before {
  content: '';
  position: absolute;
  height: 3px;
  width: 100%;
  background: #ff443f;
  bottom: 0;
  left: 0
}
.header-wrap .head-search {
  width: 380px;
  height: 38px;
  margin: 15px auto;
  position: relative;
  margin-left: 80px;
  float: left
}
.header-wrap .head-search-box {
  position: relative
}
.header-wrap .head-search-box .head-search-input {
  width: 298px;
  height: 38px;
  padding: 8px 36px 8px 20px;
  outline: 0;
  font-size: 14px;
  background: 0;
  line-height: 18px;
  border: 2px solid #ff443f;
  border-radius: 100px 0 0 100px;
  border-right: 0;
  float: left;
  position: relative
}
.header-wrap .head-search-box .head-search-input input {
  width: 100%;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  background: 0
}
.header-wrap .head-search-box .hjtvui-btn {
  width: 80px;
  border-radius: 0 100px 100px 0
}
.header-wrap .head-search-box .top {
  display: inline-block;
  position: absolute;
  top: -1px;
  right: 0;
  width: 36px;
  height: 36px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1Nzk3MTFGRjJERUQxMUU4QjdDNEUyNTZBRDFCQkFBNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1Nzk3MTIwMDJERUQxMUU4QjdDNEUyNTZBRDFCQkFBNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3OTcxMUZEMkRFRDExRThCN0M0RTI1NkFEMUJCQUE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3OTcxMUZFMkRFRDExRThCN0M0RTI1NkFEMUJCQUE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CJppuQAAAHxJREFUeNpi/P//P8NgAkwMgwyMOmjUQaMOGnXQqIPQAAtJql0dyLdp9wG6htBhIP4PpQdFlNmg0SM7UVMteqjlIKpFD72jjKyQpKWDyArJ0ZJ61EGjDgKCI1D6KBliVK7tIcCWAjGCgHG05zrqoFEHjTpo1EGD3EEAAQYAnkYWjq4vXP8AAAAASUVORK5CYII=) no-repeat
}
.header-wrap .head-right .user-wrap {
  font-size: 0;
  line-height: 68px;
  height: 68px
}
.header-wrap .tp-weather-widget {
  float: left;
  margin: 19px 0;
  margin-left: 80px
}
.header-wrap .tp-weather-widget * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
.header-wrap .head-right .right-part {
  font-size: 0
}
.header-wrap .head-right .right-part > li {
  display: inline-block;
  vertical-align: middle;
  height: 68px;
  line-height: 68px;
  text-align: center;
  margin-right: 40px;
  position: relative
}
.header-wrap .head-right .right-part > li > a {
  font-size: 15px;
  display: inline-block;
  position: relative
}
.header-wrap .head-right .right-part > li.user .thumb {
  width: 38px;
  height: 38px;
  line-height: 38px;
  vertical-align: middle
}
.header-wrap .head-right .right-part > li.user .thumb img {
  border-radius: 100%;
  border: 1px solid #f5f5f5;
  width: 38px;
  height: 38px;
  vertical-align: top
}
.header-wrap .common-hover-wrap {
  position: absolute;
  width: 160px;
  left: 0;
  padding-top: 15px;
  top: 40px;
  z-index: 10001;
  transition: .15s ease-in-out;
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  opacity: 0;
  visibility: hidden
}
.header-wrap .common-hover-wrap .hover-box {
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
  padding: 10px 0;
  overflow: visible;
  max-height: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .02), 0 0 8px 0 rgba(0, 0, 0, .04), 0 8px 8px 0 rgba(0, 0, 0, .06);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .02), 0 0 8px 0 rgba(0, 0, 0, .04), 0 8px 8px 0 rgba(0, 0, 0, .06);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .02), 0 0 8px 0 rgba(0, 0, 0, .04), 0 8px 8px 0 rgba(0, 0, 0, .06)
}
.header-wrap .common-hover-wrap .hover-box .list > li {
  width: 100%
}
.header-wrap .common-hover-wrap .hover-box .list > li a {
  font-size: 14px;
  display: block;
  height: 42px;
  line-height: 42px;
  text-align: left;
  padding: 0 20px;
  position: relative;
  margin: 0;
  text-align: center
}
.header-wrap .common-hover-wrap .hover-box .list > li.line {
  height: 1px;
  background-color: #f5f5f5
}
.header-wrap .head-right .right-part > li.user:hover .common-hover-wrap {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  opacity: 1;
  visibility: visible
}
.header-wrap .head-right .right-part > li.user .common-hover-wrap {
  left: 50%;
  margin-left: -80px;
  padding-top: 18px
}
.header-wrap .head-right .right-part > li.user .avatar-vip {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MUY4NkY5RDUxNEExMUU4QkMyMEZGOEQ0QUM5NUVFOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MUY4NkY5RTUxNEExMUU4QkMyMEZGOEQ0QUM5NUVFOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUxRjg2RjlCNTE0QTExRThCQzIwRkY4RDRBQzk1RUU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUxRjg2RjlDNTE0QTExRThCQzIwRkY4RDRBQzk1RUU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UtzbJAAABktJREFUeNrUW31sFEUUf5yCAdoiFSXYUmkbYrGABdFK0xYKNdZPtIqYg5AmmpCgIajpP5ogNmoIVjESbdQQTcAqNUpCRKEpVspHgyIUaKWkKRhSqGAhapsQiaLvdzt33dvb2budne2Vl/xyuZ3b2fe7efM+ZmZH/Fc+j3yScYy5jDmMfEY2I4NxIyNF/GaA8QfjHOMUo4NxiNHK+NMPpa7X3F8mYwmjklHIuC7O71MEcN89puv/Mg4yvmZ8yTijS8ERmka4lFHNeCABkm4F5L9j1DL2eO0s4PH++YwWocjDPpAl0Sf6/kE8a34yCE9ibGE0M0po6KREPHOL0GFICC9mnGAspeTJUqHDYj8Jj2JsZDQID5xsGSd0gU436CacyviW8TwNP4FOjYx0XYRvFvNmIQ1fQZT4XujqiTDMZifjLhr+cidjV7zpFogzZxH4Z9O1I7OEzqNUCG9gLKBrTxYI3V2llnD3K5OibgEbVBpbZSr7yf5+41pLs9teVopkqCGR1BIJfrtI8t0pCWk/RnTpojrhrWyR6RaHe/kyUdsRonffdtM3ipIZjJ54hDEHHo9LsJTvy7uDaOrUWOXWvMIKHlYf4Zo3iEaPjm1z3/c2UchICZcJ926vSMWD7BZmx46AnWKrOTye6lYn/dY79m1necCqlrnprZyxO5KYr82ZYm7czMiyNbNFjxHl5Nj/81YZOZJoAofE5t1qhH/rJRo/nuj2vNi2tDQ260tEXScT7Y2Vpk/svDSCd7E25zO3iB+Vq37/N9vlbTNmuumpWHCL8dLV0lsadxqfXV2DHjP9JjbblwxiMilbqG7WuA/Ps/oISNZtbnurFqVlZIRvYVRIf77pIwPm8ABvueZlQylpMVfqzUo6f9FlbxWCY4RwUHm554t6eVtGpmEJqnL+vP31vt9VlrKCZsJPKCuFUT/bI2+/7351wr29ughHOAZocHVRXfa2yNvyp+vPxtralNwouIJwkee1KKfwYxdaEhU7h6WWapLgWBTQUg3BoyI22gmSFNXwNHZs7LWjR71oOicg8k3vcsQh3bu7UK1PpK5W+emgFy3zQThbC+Hjx/TPY7s8fWu9Fy2zQfhWLYRb98vbsrLc9/fQo7HXDuz3qmVGwFUZ6CRIRGThSSUeF94be63hc69apoFwirZw0dkpb5s+011fBbMsFnRAPU0dlNQA6RSneVxQkHg/S4KxVdmnm3RoeAWEB7QRdprHdh5XJvPK/BhdyEBALIWQ7/M4MzPx4t/qnfWMLqQfhM9pNeszkq1cmGgiCUjlk36NbqgcAeHTWgl3tMvbpuXHWZvIja6vEXexcKdPToNwu1bCJx08dW6cEa56Jvp7U6O3FVCb4QDhn/VWMoeNkbFNQKbI7ystix5d5ObvbdBdZx0CYZ4koWMF+qRH4rgmT5bf83Qw+vv7G3WTBcdWEMZpmVatXcuWZmTLu0gjzZ4ZjkqtBHQMmohI4cTjK61dd3c7m27Un8Ap5/IqPx0VmTmGCaME+Udb1yc65G2TLEczli2PHvkP63Q7KhLc6s2EL5Cxt6pHEDdljmvixOgk45FFg9+xArpjux+ju0twjFqIXz8kjsvsqVe/GG3KtevIJ4lwMxPGStw+3x3XmDHG56oXjLLRbMr6Miqz7BPcYghD1mp7jGxNGd7YaspYp/LHlCGvmb9YCWP5cZvvGZfVlN+s8YssuDQ5EQ4Zm5YKymkP12zKtev98MokOKyyXrQjDG+zQssjnXYkQvbU5EeCEZYVZNn9lxEOrR4x6jw/su+i85+x7nW/yNaRzfkOJ8KhmUbGCVYPtfGv9tcxb2te9Ytsi9Cd3BK+wkA1flx7ivnZZr9CEHStFLq7JgyBTeKMhNLuVeTYkXUFw9tiuhPZcqEzqRIOp504+eLeu1gdEuYtNtH1y14yDo5fiPdDN68A4IguypjnXKsTrpC8nuGylw8YCOx/J/JjlXcecErvY0r+mem/GM+S8RJIwqKyEI8HTAuXW0kS7LnkuSWrShiCswg4hl+mteCIL1jpx+HRoNCBhopwWBCnS4TD2MG46gPJq6JvPKNYyXmaRNeLWnsEsC/6lIiFePFK9SgFFtx+JOPcJzKmYfeilp2YX8XDKQNsvE8g+1fx+sjYEEAs9fVVvP8FGAAzAKEgkuebCQAAAABJRU5ErkJggg==);
  width: 18px;
  height: 18px;
  position: absolute;
  display: inline-block;
  z-index: 23;
  bottom: -2px;
  right: -4px;
  background-size: cover;
  border: 2px solid #fff;
  border-radius: 100px
}
.headerv2 .header-wrap .header-inner {
  background: #181818;
  border: 0
}
.headerv2 .header-wrap .nav-bar-menu > ul > li > a, .headerv2 .header-wrap .head-right .user-wrap a {
  color: #fff
}
.headerv2 .header-wrap .nav-bar-menu > ul > li.nav-bar-active > a:before {
  display: none
}
.headerv2 .header-wrap .head-search-box .head-search-input {
  background: #67676a;
  border-color: #67676a
}
.headerv2 .header-wrap .head-search-box .head-search-input input, .headerv2 .header-wrap .head-right .right-part > li > a {
  color: #fff
}
@media screen and (max-width:1500px) {
  .header-wrap .header-inner {
    padding: 0 20px
  }
  .header-wrap .nav-bar-menu > ul > li > a {
    margin: 0 10px
  }
  .header-wrap .head-search {
    margin-left: 20px;
    width: 280px
  }
  .header-wrap .head-search-box .head-search-input {
    width: 198px
  }
  .header-wrap .logo-warp {
    margin-right: 20px
  }
}
.channelNav {
  width: 100%;
  height: 40px;
  background: #f5f5f5;
  overflow: hidden;
}
.channelNav a {
  display: block;
  float: left;
  margin-right: 40px;
  position: relative;
  height: 40px;
  line-height: 40px
}
.channelNav a.active {
  color: #ff443f;
  font-weight: 700
}
.footer-wrap {
  width: 100%;
  background: #fff;
  position: relative;
  margin-top: 60px
}
.footer-wrap .footer-con {
  width: 1120px;
  padding: 50px 0;
  margin: 0 auto
}
.footer-wrap .footer-bottom {
  background-color: #fafafa
}
.footer-wrap .footer-bottom .bottom-con {
  height: 56px;
  width: 1120px;
  margin: 0 auto;
  line-height: 56px
}
.footer-wrap .footer-bottom .bottom-con .copyright {
  font-size: 12px;
  color: #999;
  margin-right: 27px
}
.footer-wrap .footer-bottom .bottom-con .copyright a * {
  display: inline-block;
  color: #999
}
.footer-wrap .footer-bottom .bottom-con .copyright img {
  width: 20px;
  margin-right: 5px;
  vertical-align: middle
}
.footer .f_ct {
  width: 100%;
  clear: both;
  height: 104px
}
.footer .f_ul {
  float: left
}
.footer .ul_r {
  margin-right: 38px
}
.footer .f_ul h3 {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  line-height: 44px
}
.footer .f_ul ul.ul_w1 {
  width: 200px
}
.footer .f_ul ul.ul_w2 {
  width: 448px
}
.footer .f_ul ul.ul_w3 {
  width: 158px
}
.footer .f_ul ul li {
  font-size: 14px;
  color: #666;
  line-height: 30px;
  float: left;
  width: 80px;
  margin: 0 8px 0 0;
  white-space: nowrap;
  overflow: hidden;
}
.footer .f_ul ul.ul_w1 li {
  width: 90px
}
.footer .f_ul ul.ul_w3 li {
  width: 70px
}
.footer .f_ul ul li.last {
  margin-right: 0
}
.mod-head {
  width: 100%;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  position: relative
}
.mod-head .title {
  float: left;
  line-height: 26px;
  height: 26px;
  font-size: 18px;
  position: relative;
  font-weight: 600
}
.mod-head .title[mod-skin=line] {
  margin-left: -20px;
  padding-left: 20px
}
.mod-head .title[mod-skin=line]::after {
  content: '';
  position: absolute;
  left: 0;
  width: 3px;
  height: 18px;
  top: 50%;
  margin-top: -9px;
  background: #ff443f
}
.mod-author-list {
  float: left;
  margin-left: 20px;
  height: 26px;
  line-height: 26px;
  font-size: 0
}
.mod-author-list li {
  background: #f6f6f6;
  color: #222;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  padding: 0 12px;
  border-radius: 100px;
  display: inline-block;
  margin-right: 8px;
  cursor: pointer;
  vertical-align: middle
}
.mod-author-list li.active {
  background: #ff443f;
  color: #fff
}
.main-inner {
  float: left;
  width: 770px
}
.mod-inner, .slide-grid {
  width: 100%;
  position: relative;
  background: #fff
}
.mod-inner-head, .slide-grid-head {
  height: 24px;
  line-height: 24px;
  width: 100%;
  position: relative;
  vertical-align: middle
}
.mod-inner-head .title, .slide-grid-head .title {
  height: 24px;
  line-height: 24px;
  position: relative;
  float: left;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 600
}
.mod-inner-head .title[mod-skin=line] {
  padding-left: 25px;
  margin-left: -25px
}
.mod-inner-head .title[mod-skin=line]::after, .slide-grid-head .title[mod-skin=line]::after {
  content: '';
  position: absolute;
  left: 0;
  width: 3px;
  height: 18px;
  top: 50%;
  margin-top: -9px;
  background: #ff443f
}
.mod-inner-head .title small {
  margin-left: 20px;
  color: #666;
}
.mian-sidebar {
  float: right;
  width: 330px
}
.mian-sidebar .slide-grid {
  padding: 20px 15px
}
.slide-grid .slide-grid-head .title[mod-skin=line] {
  padding-left: 15px;
  margin-left: -15px
}
.slide-grid .slide-grid-tab {
  float: right;
  height: 24px;
  overflow: hidden;
  background: #f5f5f5;
  border-radius: 100px
}
.slide-grid .slide-grid-tab li {
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  float: left;
  background: #f5f5f5;
  font-size: 12px;
  cursor: pointer
}
.slide-grid .slide-grid-tab li.active {
  background: #ff443f;
  color: #fff;
  border-radius: 100px
}
.m-list .m-item {
  width: 200px;
  float: left;
  position: relative;
  vertical-align: top;
  margin-top: 20px;
  margin-right: 20px;
  transition: all .15s ease;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
  -ms-transition: all .15s ease;
  -o-transition: all .15s ease
}
.m-list .m-item .thumb {
  width: 200px;
  height: 112px;
  overflow: hidden
}
.m-list .m-item .quic {
  width: 100%;
  height: 100%;
  background: #f8f8f8
}
.m-list .m-item .quic, .m-list .m-item .thumb {
  position: relative;
  display: block;
  overflow: hidden
}
.m-list .m-item .thumb .mask {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 46px;
  background: url(../images/bS1pdGVtLW1hc2s=.png) repeat-x
}
.m-list .m-item .cancel {
  text-align: center;
  height: 22px;
  line-height: 22px;
  background: #fc4347;
  color: #fff;
  padding: 0 6px;
  position: absolute;
  font-size: 12px;
  top: 0;
  right: 0;
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  opacity: 0;
  visibility: hidden;
  cursor: pointer
}
.m-list .m-item:hover .cancel {
  opacity: 1;
  visibility: visible
}
.m-list .m-item .thumb .label {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  background: rgba(0, 0, 0, .6);
  padding: 0 8px;
  border-radius: 100px
}
.m-list .m-item .thumb .title {
  display: block;
  color: #fff;
  width: 200px;
  height: 28px;
  overflow: hidden;
  line-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  z-index: 9
}
.m-list .m-item .text {
  padding-top: 8px
}
.m-list .m-item .text .title {
  width: 100%;
  height: 20px;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px
}
.m-list .m-item .text .title.ellipsis-2 {
  height: 40px
}
.m-list .m-item .text .des {
  width: 100%;
  height: 20px;
  overflow: hidden;
  line-height: 20px;
  color: #b8b8b8;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap
}
.m-list .m-item .thumb .icon-br {
  position: absolute;
  bottom: 5px;
  right: 5px
}
.m-list .m-item .thumb .icon-tl {
  position: absolute;
  top: 0;
  left: 0
}
.m-list .m-item .thumb .item-icon {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  background: url(../images/c2l0ZS1hbGwtaWNvbg==.png) no-repeat;
  width: 49px;
  height: 39px
}
.m-list .m-item .thumb .icon-gx {
  background-position: 0 -39px
}
.m-list .m-item .thumb .icon-tj {
  background-position: 0 -78px
}
.m-list .m-item .thumb .icon-rb {
  background-position: 0 0
}
.m-list .m-item .thumb .icon-hx {
  background-position: 0 -156px
}
.m-list .m-item .thumb .icon-yg {
  background-position: 0 -117px
}
.m-list .m-item .thumb .icon-zt {
  background-position: 0 -195px
}
.m-list .m-item .thumb .icon-rq {
  background-position: 0 -234px
}
.m-list[mod-skin=mb] .m-item {
  margin-top: 0;
  margin-bottom: 20px
}
.m-list[m-list-skin=film] .m-item .thumb {
  width: 170px;
  height: 255px
}
.m-list[m-list-skin=film] .m-item {
  width: 170px;
  margin-top: 20px;
  margin-right: 12px
}
.m-list[m-list-skin=large] .m-item {
  width: 420px;
  margin-right: 0
}
.m-list[m-list-skin=large] .m-item .thumb {
  width: 420px;
  height: 292px
}
.m-list[m-list-skin=small-film] .m-item {
  width: 136px;
  margin-top: 16px;
  margin-right: 10px
}
.m-list[m-list-skin=small-film] .m-item .thumb {
  width: 136px;
  height: 190px
}
.m-list[m-list-skin=small] .m-item {
  width: 168px;
  margin-top: 16px;
  margin-right: 16px
}
.m-list[m-list-skin=small] .m-item .thumb {
  width: 168px;
  height: 94px
}
.m-list[m-list-skin=special] .m-item {
  width: 255px
}
.m-list[m-list-skin=special] .m-item .thumb {
  width: 255px;
  height: 140px
}
.m-list[m-list-skin=personal-film] .m-item {
  width: 144px;
  margin-right: 5px
}
.m-list[m-list-skin=personal-film] .m-item .thumb {
  width: 144px;
  height: 198px
}
.m-hottags {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  color: #525252;
  font-size: 14px
}
.m-hottags a {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
  font-size: 14px
}
.banner-slide {
  width: 420px;
  height: 244px;
  background: #fafafa;
  position: relative;
  overflow: hidden
}
.banner-slide .slide-container {
  width: 420px;
  height: 244px;
  overflow: hidden
}
.banner-slide li.slider-item {
  position: relative;
  margin: 0;
  vertical-align: middle;
  width: 420px;
  height: 244px
}
.banner-slide li.slider-item a, .banner-slide li.slider-item img {
  display: block;
  width: 420px;
  height: 244px;
  position: relative
}
.banner-slide li.slider-item .mask {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  display: block;
  background: url(../images/bS1pdGVtLW1hc2s=.png) repeat-x
}
.banner-slide .switch {
  height: 26px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  padding: 0 8px
}
.banner-slide .switch li {
  margin: 10px 0 0 8px;
  border-radius: 5px;
  width: 8px;
  height: 8px;
  line-height: 8px;
  overflow: hidden;
  text-indent: -10px;
  background: #fff;
  display: inline-block;
  text-indent: 20px;
  cursor: pointer;
  -webkit-transition: width .3s;
  -moz-transition: width .3s;
  -o-transition: width .3s
}
.banner-slide .switch li.active {
  background: #ff443f;
  width: 16px
}
.banner-slide li.slider-item .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 30px;
  padding-top: 30px;
  color: #fff;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 80px
}
.banner-slide li.slider-item .title b {
  width: 100%;
  display: block
}
.banner-slide .rollBtn {
  width: 30px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 9;
  background: #000;
  opacity: .7;
  filter: alpha(opacity=70);
  text-align: center;
  line-height: 40px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: .15s ease-in-out;
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out
}
.banner-slide .rollBtn.next {
  right: 0
}
.banner-slide .rollBtn i {
  width: 30px;
  height: 40px;
  display: block;
  background-position: 0 -68px
}
.banner-slide .rollBtn.next i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNEYyNEVFMjJERUQxMUU4OUQ0OTgzRjE4M0Y1MjZCQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNEYyNEVFMzJERUQxMUU4OUQ0OTgzRjE4M0Y1MjZCQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY0RjI0RUUwMkRFRDExRTg5RDQ5ODNGMTgzRjUyNkJCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY0RjI0RUUxMkRFRDExRTg5RDQ5ODNGMTgzRjUyNkJCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PRv2YQAAAMNJREFUeNrs1zEKwjAUgOFWRFAQwUXoILiIdPII3sKLeREnF0FxcHIXcRBcil4i/g+jOBoDeSov8I2PH9okpblzLtNYtUxpWdjCFrbw/4dnWKGXOjzCBGsUUWX5OgXoYufu64h+4PzTJ0MdbH38hEGqsGhj4+NnDFOFRQtLH69QpgqLJhY+fsU4VVg0MH/ZcG/NqV0gP/moVTaXynFSuUDUrszHO92jiNmY9cBDcIDMTHGJOU25/TtZ2MIWtvDXh28CDACcKmCb2M+8WgAAAABJRU5ErkJggg==)
}
.banner-slide .rollBtn.prev i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNEQ2NDQwMjJERUUxMUU4QTM0OEM2NkNFNERDOUREMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNEQ2NDQwMzJERUUxMUU4QTM0OEM2NkNFNERDOUREMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0RDY0NDAwMkRFRTExRThBMzQ4QzY2Q0U0REM5REQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0RDY0NDAxMkRFRTExRThBMzQ4QzY2Q0U0REM5REQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++OVMEQAAAL5JREFUeNpi/P//P8NAAMZRi0ctHrV41OJRi+ltsTgQrwDiq0CcQ5QOkMUUYikgvv4fAnYTq49SS+WA+DbU0jNALEQPixWB+D7U0mNAzE+KfnItVQPiR1BLDwExL6lmkGOpJhA/g1q6B4i5yHE8qRr0gPgl1NLtQMxJblSRquEm1NKNQMxGScJkIjXfQ+l/FOf8oRLUA5a4BjQ7DWgBMqBFJkWVBDWrxZXQajF7tAUyavGoxaMWj1o8PCwGCDAAuzsEwBHaSUcAAAAASUVORK5CYII=)
}
.banner-slide .rollBtn:hover {
  background: #ff443f;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff
}
.banner-slide:hover .rollBtn {
  opacity: 1;
  visibility: visible
}
.rank-list {
  overflow: hidden;
  position: relative
}
.rank-list li {
  height: 22px;
  line-height: 22px;
  margin-bottom: 12px;
  font-size: 14px;
  position: relative
}
.rank-list li:last-child {
  margin-bottom: 0
}
.rank-list li .num {
  width: 22px;
  height: 22px;
  display: block;
  float: left;
  background: #999;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  font-style: normal
}
.rank-list li .num.num1 {
  background: #ff443f
}
.rank-list li .num.num2 {
  background: #f47b21
}
.rank-list li .num.num3 {
  background: #f5ba08
}
.rank-list li b {
  position: absolute;
  left: 34px;
  right: 14px;
  display: inline-block;
  height: 22px;
  overflow: hidden
}
.rank-list li b a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.rank-list li span {
  float: right;
  font-size: 14px;
  width: 14px;
  height: 14px;
  display: block;
  margin: 4px 0
}
.rank-list li span.up {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QUJGNThEOTQ0QzgxMUU4OTEzNEIwMTYzMTk2OTIxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QUJGNThEQTQ0QzgxMUU4OTEzNEIwMTYzMTk2OTIxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdBQkY1OEQ3NDRDODExRTg5MTM0QjAxNjMxOTY5MjExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdBQkY1OEQ4NDRDODExRTg5MTM0QjAxNjMxOTY5MjExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+s63TagAAANFJREFUeNpi/P//PwM5gAWrqKuDCpDcDOX5Muw+cAddCSOGja4OOkByPxCLQEVeArELUPMVZGVMaJo0geQWqKZfQPwPiMWBeCtUDotGVwdlILkBiOWBOA2ILwLxGyCeCsRyYDmIGgwbTwCxGhC3AZ01G0hzAjEHEOcCcRVU7gQ2jSBn9QM1VUP5nHC8+0A7WA6iBkOjIlBBEZpBIMwF5kHkFDE17j7wDUeU/cemhomBTEBIIyMUk6QR5Dc2IP5LfJKDgIdA/AqIP2F1CrmJHCDAAOdBOQ7huUJGAAAAAElFTkSuQmCC)
}
.rank-list li span.down {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCREIzNDMzRjQ0QzgxMUU4OEIwMERGN0VGQkIwQTczOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCREIzNDM0MDQ0QzgxMUU4OEIwMERGN0VGQkIwQTczOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJEQjM0MzNENDRDODExRTg4QjAwREY3RUZCQjBBNzM4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJEQjM0MzNFNDRDODExRTg4QjAwREY3RUZCQjBBNzM4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RShPRQAAAMxJREFUeNpi/P//PwM5gBGXxqLz1keBFCcQm/YZHv2LLs+Cx1B5IJYGYj4gfo8uyYRH4zcg/gXEzNgkmQh45T8Uk6wRJ2BCCgwuXAGITQ2yjfeBEn1ohjJB/coAlbuPTSOIXQhU0Arlf4dhoFglSA5ZPXJ0WADxNiCuAip8ANX0A4gnA3E2EN8CYi+sCQCoQRNIbYfG4S+owSBbHgGxBzAhXMeZcoCadYDUfiAWgQq9BGIXoKYrBJMcULMKkNoM5foCNd0hOq0SAgABBgC1N0egC1YjRAAAAABJRU5ErkJggg==)
}
.rank-more {
  display: block;
  width: 200px;
  margin: 0 auto;
  height: 32px;
  line-height: 32px;
  background: #fafafa;
  text-align: center;
  font-size: 14px;
  color: #444;
  border-radius: 3px;
  margin-top: 16px
}
.rank-list li small {
  float: right;
  font-size: 12px;
  height: 22px;
  display: block;
  color: #ff443f
}
.albumDetail {
  background: #fff;
  position: relative;
  width: 770px;
  overflow: hidden
}
.albumDetail .albumDetailMain {
  padding: 30px 25px
}
.albumDetail .albumDetailMain-left {
  width: 190px;
  float: left
}
.albumDetail .albumDetailMain-left .thumb {
  width: 190px;
  overflow: hidden;
  position: relative
}
.albumDetail .albumDetailMain-left .thumb > a {
  display: block;
  width: 190px;
  height: 268px;
  overflow: hidden;
  position: relative;
  background: #f8f8f8
}
.albumDetail .albumDetailMain-left .thumb > a > img {
  width: 100%
}
.albumDetail .albumDetailMain-left .thumb .label {
  display: block;
  position: absolute;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  background: rgba(0, 0, 0, .6);
  padding: 0 8px;
  border-radius: 100px;
  bottom: 5px;
  right: 5px
}
.albumDetail .albumDetailMain-left .detail-share {
  width: 190px;
  height: 32px;
  padding: 6px;
  background: #f8f8f8;
  margin-top: 6px;
  font-size: 0;
  line-height: 20px
}
.albumDetail .albumDetailMain-left .detail-share span {
  display: inline-block;
  height: 20px;
  font-size: 12px;
  margin-right: 4px;
  width: 30px;
  color: #666;
  float: left;
  line-height: 20px
}
.albumDetail .albumDetailMain-left .detail-share .item {
  display: inline-block;
  margin: 0 2px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #ededed;
  cursor: pointer;
  background-size: cover
}
.albumDetail .albumDetailMain-left .detail-share .item.qq {
  background-image: url(https://img.alicdn.com/imgextra/i3/1823360683/TB2Wy5ymH9YBuNjy0FgXXcxcXXa_!!1823360683.png)
}
.albumDetail .albumDetailMain-left .detail-share .item.sina {
  background-image: url(https://img.alicdn.com/imgextra/i1/1823360683/TB2.LUeelyWBuNkSmFPXXXguVXa_!!1823360683.png)
}
.albumDetail .albumDetailMain-left .detail-share .item.douban {
  background-image: url(https://img.alicdn.com/imgextra/i4/1823360683/TB2.k0FmFGWBuNjy0FbXXb4sXXa_!!1823360683.png)
}
.albumDetail .albumDetailMain-left .detail-share .item.weixin {
  background-image: url(https://img.alicdn.com/imgextra/i4/1823360683/TB2Tc80mN1YBuNjy1zcXXbNcXXa_!!1823360683.png)
}
.albumDetail .albumDetailMain-left .detail-share .item.qzone {
  background-image: url(https://img.alicdn.com/imgextra/i3/1823360683/TB2AqqcmH1YBuNjSszhXXcUsFXa_!!1823360683.png)
}
.albumDetail .albumDetailMain-left .detail-share .item.more {
  background-image: url(https://img.alicdn.com/imgextra/i1/1823360683/TB2F4hemFmWBuNjSspdXXbugXXa_!!1823360683.png)
}
.albumDetail .albumDetailMain-left .tags-body a {
  display: inline-block;
  letter-spacing: normal;
  margin: 0 8px 8px 0;
  padding: 0 8px;
  line-height: 24px;
  background-color: #f5f5f5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
  font-family: times new roman, Georgia, Serif;
  color: #37a
}
.albumDetail .albumDetailMain-left .tags-body a:hover {
  text-decoration: underline
}
.albumDetail .albumDetailMain-right {
  width: 505px;
  float: left;
  margin-left: 25px;
  position: relative;
  overflow: hidden
}
.albumDetail .albumDetailMain-right .title {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px
}
.albumDetail .albumDetailMain-right .intro {
  margin: 10px 0
}
.albumDetail .albumDetailMain-right .intro p {
  line-height: 28px;
  font-size: 14px;
  float: left;
  width: 100%;
  color: #666
}
.albumDetail .albumDetailMain-right .intro p.w50 {
  width: 50%
}
.albumDetail .albumDetailMain-right .intro p a {
  text-decoration: underline
}
.albumDetail .albumDetailMain-right .intro-desc {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #999;
  position: relative;
  overflow: hidden;
  max-height: 90px;
  overflow-y: auto;
}
.albumDetail .albumDetailMain-right .detail-main-btn {
  margin-top: 20px
}
.albumDetail .albumDetailMain-right .detail-main-btn a {
  position: relative;
  padding: 0 28px
}
.detailList-select-wrap {
  position: relative;
  overflow: hidden
}
.detailList-select-wrap .detailList-select-tab {
  margin-bottom: 18px
}
.detailList-select-wrap .detailList-select-tab .bd {
  padding: 10px 0 0
}
.detailList-select-wrap .detailList-select-tab ul > li {
  float: left;
  margin-right: 8px
}
.detailList-select-wrap .detailList-select-tab ul > li a {
  border-radius: 100px;
  font-size: 12px;
  width: 48px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  background: #f8f8f8;
  display: block
}
.detailList-select-wrap .detailList-select-tab .hd ul > li > a {
  width: 60px
}
.detailList-select-wrap .detailList-select-tab ul > li:last-child {
  margin: 0
}
.detailList-select-wrap .detailList-select-tab ul > li.active a {
  background: #ff443f;
  color: #fff
}
.detailList-select-wrap .juji-list {
  margin-top: -8px;
  margin-right: -8px;
  font-size: 0
}
.detailList-select-wrap .juji-list > li {
  position: relative;
  display: inline-block;
  margin-top: 8px;
  margin-right: 8px
}
.detailList-select-wrap .juji-list > li > a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
  height: 44px;
  border-radius: 3px;
  background: #fafafa;
  text-align: center;
  font-size: 14px;
  line-height: 44px
}
.detailList-select-wrap .juji-list > li > a.autowidth {
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
}
.detailList-select-wrap .juji-list > li.active > a {
  background: #FF443F;
  color: #FFF
}
.modRlist {
  position: relative;
  overflow: hidden
}
.modRlist li {
  width: 100%;
  position: relative;
  margin-top: 16px
}
.modRlist li .thumb, .modRlist li .thumb .quic {
  display: block;
  width: 120px;
  height: 72px;
  overflow: hidden;
  position: relative;
  float: left
}
.modRlist li .text {
  margin-left: 130px;
  height: 72px;
  position: relative
}
.modRlist li .text .title {
  font-size: 14px;
  height: 40px;
  line-height: 20px
}
.modRlist li .text .info {
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  bottom: 0
}
.modRlist li .text .info span {
  margin-right: 4px;
  color: #999
}
.modRlist li .thumb .videoTime {
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #fff;
  font-size: 12px;
  border-radius: 10px;
  padding: 0 5px 0 15px;
  background: rgba(0, 0, 0, .5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAIBAMAAAAo6JMLAAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACXRSTlMA6hWmWKyrU1HM3hxRAAAAJ0lEQVQI12NIYmBgmOjAwDBzqgLDzJkiQCzOMHOyAsPEBgYGIwYGAH3lB6AKnDFPAAAAAElFTkSuQmCC) 7px no-repeat;
  background-size: 5px;
  line-height: 18px
}
.modRanklist {
  position: relative;
  margin-top: 10px
}
.modRanklist li {
  width: 100%;
  height: 24px;
  line-height: 24px;
  position: relative;
  padding-left: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 10px
}
.modRanklist li span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  width: 20px;
  text-align: center;
  color: #333;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px
}
.modRanklist li span.hot {
  color: #ff443f
}
.recentTagList {
  padding-top: 10px
}
.recentTagList a {
  line-height: 30px;
  position: relative
}
.recentTagList a:after {
  content: '/';
  margin: 0 4px
}
.recentTagList a:last-child:after {
  display: none
}
.Preview, .Preview .mod-main {
  height: 320px;
  overflow: hidden
}
.Preview ul li {
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 10px
}
.Preview ul li span {
  float: left
}
.Preview ul li em {
  float: right;
  color: #999;
  font-size: 12px
}
.Preview ul li:nth-child(odd) {
  background: #f4f4f4
}
.Preview ul li:nth-child(even) {
  background: #fff
}
.articleList {
  width: 100%;
  padding: 0 25px;
  background: #fff;
  position: relative;
  overflow: hidden
}
.articleList .rec-news-item {
  padding: 20px 0;
  border-bottom: 1px solid #f6f6f6;
  position: relative;
  overflow: hidden
}
.articleList .rec-news-item:last-child {
  border: 0
}
.articleList .news-card .thumb, .news-card .thumb .quic {
  width: 168px;
  height: 110px;
  background: #f5f5f5;
  overflow: hidden;
  float: left
}
.articleList .news-card .title {
  line-height: 30px;
  height: 30px;
  font-size: 20px;
  font-weight: 700
}
.articleList .news-card .info {
  line-height: 18px;
  color: #999;
  font-size: 12px
}
.articleList .news-card .info span {
  margin-right: 10px
}
.articleList .news-card .info span.original {
  border: 1px solid #ff443f;
  padding: 0 2px;
  color: #ff443f
}
.articleList .news-card .info a {
  color: #666
}
.articleList .card-type-news .text {
  margin-left: 184px;
  height: 110px;
  position: relative
}
.articleList .card-type-news .des {
  font-size: 14px;
  color: #999;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  margin-top: 10px
}
.articleList .card-type-news .text .info {
  position: absolute;
  bottom: 0
}
.articleList .card-type-three .news-pic {
  width: 100%;
  height: 110px;
  margin-top: 10px;
  position: relative;
  overflow: hidden
}
.articleList .card-type-three .news-pic .thumb {
  margin-left: 16px
}
.articleList .card-type-three .news-pic .thumb:first-child {
  margin-left: 0
}
.articleList .card-type-three .info {
  margin-top: 10px
}
.articleList .card-type-three .news-pic .num {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  background: rgba(0, 0, 0, .6);
  padding: 0 8px;
  border-radius: 100px;
  position: absolute;
  right: 5px;
  bottom: 5px
}
.tag-head {
  width: 100%;
  height: 50px;
  margin: 20px 0;
  position: relative
}
.tag-bread {
  font-size: 28px;
  height: 58px;
  line-height: 58px;
  color: #666;
  vertical-align: middle
}
.cate-num {
  font-size: 16px;
  color: #999;
  float: right;
  line-height: 30px;
  margin-right: 20px
}
.cate-num .num {
  font-family: georgia;
  font-size: 30px;
  color: #ff443f
}
.articleDetail {
  padding: 40px;
  background: #fff;
  position: relative;
  padding-bottom: 30px
}
.articleDetail .title {
  width: 100%;
  font-size: 24px;
  line-height: 38px;
  font-weight: 700
}
.articleDetail .info {
  margin: 20px 0;
  font-weight: 400;
  height: 18px;
  font-size: 0
}
.articleDetail .info span {
  color: #999;
  margin-right: 10px;
  line-height: 18px;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle
}
.articleDetail .info span.original {
  border: 1px solid #ff443f;
  padding: 0 2px;
  color: #ff443f;
  line-height: 16px
}
.articleDetail article.article {
  font-size: 17px;
  line-height: 30px;
  color: #333
}
.articleDetail article.article p {
  text-indent: 2em;
  margin: 20px 0;
  line-height: 30px
}
.articleDetail article.article img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: inherit;
  cursor: pointer;
  background: #fafafa
}
.articleDetail article.article a {
  color: #129aee;
  text-decoration: underline
}
.articleDetail .relevantDetail .item {
  width: 100%;
  height: 112px;
  padding: 20px;
  background: #fafafa;
  position: relative;
  margin: 20px 0;
  display: block
}
.articleDetail .relevantDetail .item .thumb {
  display: inline-block;
  overflow: hidden;
  font-size: 14px;
  width: 128px;
  height: 72px;
  background: #f5f5f5;
  float: left
}
.articleDetail .relevantDetail .item .thumb .quic {
  width: 128px
}
.articleDetail .relevantDetail .item .info {
  overflow: hidden;
  margin: 0 !important;
  height: 72px;
  width: 480px;
  padding: 2px 0;
  padding-left: 18px;
  float: left
}
.articleDetail .relevantDetail .item .info h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 4px;
  color: #333
}
.articleDetail .relevantDetail .item .info span {
  line-height: 20px;
  color: #666;
  height: 20px;
  font-size: 14px;
  width: 100%;
  display: block
}
.articleShare {
  text-align: center;
  font-size: 0;
  margin: 30px 0
}
.articleShare .item {
  display: inline-block;
  width: 38px;
  height: 38px !important;
  margin: 0 5px !important;
  float: none !important;
  background-color: #fafafa !important;
  border-radius: 100%;
  cursor: pointer;
  float: none;
  background-size: 38px 38px
}
.articleDetail .articleShare .item.qq {
  background-image: url(https://img.alicdn.com/imgextra/i3/1823360683/TB2Wy5ymH9YBuNjy0FgXXcxcXXa_!!1823360683.png)
}
.articleDetail .articleShare .item.weixin {
  background-image: url(https://img.alicdn.com/imgextra/i4/1823360683/TB2Tc80mN1YBuNjy1zcXXbNcXXa_!!1823360683.png)
}
.articleDetail .articleShare .item.sina {
  background-image: url(https://img.alicdn.com/imgextra/i1/1823360683/TB2.LUeelyWBuNkSmFPXXXguVXa_!!1823360683.png)
}
.articleDetail .articleShare .item.douban {
  background-image: url(https://img.alicdn.com/imgextra/i4/1823360683/TB2.k0FmFGWBuNjy0FbXXb4sXXa_!!1823360683.png)
}
.articleDetail .articleShare .item.qzone {
  background-image: url(https://img.alicdn.com/imgextra/i3/1823360683/TB2AqqcmH1YBuNjSszhXXcUsFXa_!!1823360683.png)
}
.articleDetail .articleShare .item.more {
  background-image: url(https://img.alicdn.com/imgextra/i1/1823360683/TB2F4hemFmWBuNjSspdXXbugXXa_!!1823360683.png)
}
.articleTags {
  margin-bottom: -12px;
  position: relative
}
.articleTags a {
  margin: 0 6px 12px;
  background-clip: border-box;
  background: #f8f8f8;
  font-size: 12px;
  border-radius: 100px;
  box-shadow: none;
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  font-weight: 700;
  display: inline-block;
  transition: .15s ease-in-out;
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out
}
.articleQuickpager {
  margin-top: 30px;
  padding-top: 30px;
  line-height: 20px;
  overflow: hidden;
  border-top: 1px dotted #eaeaea
}
.articleQuickpager a {
  width: 48%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.articleQuickpager a.pull-right {
  text-align: right
}
.mod-login {
  width: 400px;
  padding: 40px;
  background: #fff;
  margin: 80px auto
}
.mod-login .content h2 {
  line-height: 22px;
  text-align: center;
  font-size: 22px;
  margin-bottom: 20px
}
.mod-login .content p.tips {
  text-align: center;
  line-height: 20px;
  letter-spacing: 4px;
  color: #999;
  margin-bottom: 20px
}
.mod-login .error {
  padding: 16px;
  line-height: 20px;
  background: #fbe1e3;
  border-radius: 3px;
  margin-bottom: 20px;
  color: #fe6c69
}
.mod-login .input-group {
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative
}
.mod-login .input-group .iconfont {
  width: 18px;
  height: 18px;
  display: block;
  float: left;
  position: absolute;
  left: 15px;
  top: 15px;
  color: #ddd;
  text-align: center;
  line-height: 18px;
  vertical-align: middle
}
.mod-login .input-group .input {
  width: 100%;
  height: 48px;
  line-height: 18px;
  border: 2px solid #f5f5f5;
  padding: 13px 15px;
  border-radius: 3px;
  padding-left: 43px
}
.mod-login .input-group.input-code .input {
  padding-right: 124px
}
.mod-login .input-group.input-code .code-img, .mod-login .input-group.input-code .code-message {
  position: absolute;
  width: 100px;
  height: 44px;
  right: 0;
  top: 2px
}
.mod-login .input-group.input-code .code-img:after, .mod-login .input-group.input-code .code-message:after {
  content: '';
  width: 2px;
  height: 12px;
  background: #f5f5f5;
  display: block;
  position: absolute;
  left: -12px;
  top: 16px
}
.mod-login .input-group.input-code .code-message button:disabled {
  color: #999;
  pointer-events: none;
  cursor: not-allowed
}
.mod-login .input-group.input-code .code-message {
  width: 140px
}
.mod-login .input-group.input-code .code-message button {
  line-height: 44px;
  color: #666;
  text-align: center;
  cursor: pointer;
  background: 0;
  width: 140px
}
.mod-login .option {
  height: 18px;
  line-height: 18px;
  font-size: 14px
}
.mod-login .option .label {
  padding-left: 28px;
  position: relative;
  height: 18px;
  line-height: 18px;
  cursor: pointer
}
.mod-login .option .label:before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background: #eee;
  position: absolute;
  left: 5px;
  top: 6px;
  z-index: 9
}
.mod-login .option .label:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  top: 1px;
  border-radius: 100px;
  border: 2px solid #eee;
  display: block
}
.mod-login .option .checkBox:checked + .label:after {
  border: 2px solid #ff443f
}
.mod-login .option .checkBox:checked + .label:before {
  background: #ff443f
}
.mod-login .bottom {
  margin-top: 20px
}
.mod-login .bottom .button {
  width: 100%;
  height: 45px;
  line-height: 45px;
  cursor: pointer;
  text-align: center;
  background: #fc4347;
  letter-spacing: 4px;
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 3px
}
.mod-login .bottom .button:disabled {
  background: #f5f5f5;
  pointer-events: none;
  cursor: not-allowed;
  color: #999
}
.mod-login .bottom .button:hover {
  opacity: .9
}
.mod-login .bottom p {
  text-align: center;
  width: 100%;
  height: 18px;
  line-height: 18px;
  margin: 16px 0;
  color: #999
}
.mod-login .bottom .button.reg {
  background: #363636
}
.mod-login .quick-login {
  margin-top: 60px
}
.mod-login .quick-login p {
  width: 100%;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
  color: #666
}
.mod-login .quick-login .contact {
  height: 40px;
  width: 100%;
  margin-top: 20px;
  text-align: center;
  font-size: 0
}
.mod-login .quick-login .contact a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: cover;
  margin: 0 10px
}
.mod-login .quick-login .contact a.qq {
  background-image: url(https://img.alicdn.com/imgextra/i3/1823360683/TB2Wy5ymH9YBuNjy0FgXXcxcXXa_!!1823360683.png)
}
.mod-login .quick-login .contact a.weixin {
  background-image: url(https://img.alicdn.com/imgextra/i4/1823360683/TB2Tc80mN1YBuNjy1zcXXbNcXXa_!!1823360683.png)
}
.mod-login .quick-login .contact a.sina {
  background-image: url(https://img.alicdn.com/imgextra/i1/1823360683/TB2.LUeelyWBuNkSmFPXXXguVXa_!!1823360683.png)
}
.mod-login .other {
  margin-top: 40px;
  height: 18px;
  text-align: center;
  width: 100%;
  line-height: 18px
}
.mod-login .other span {
  display: inline-block;
  margin: 0 20px;
  width: 1px;
  height: 12px;
  background: #f6f6f6;
  vertical-align: middle
}
.mod-login .input-group .Validform_checktip {
  display: block;
  height: 20px;
  line-height: 20px;
  color: #ff443f;
  font-size: 12px;
  display: none;
  margin-top: 5px
}
.mod-login .input-group .Validform_checktip.Validform_wrong {
  display: block
}
.playWarp {
  width: 100%;
  height: auto;
  position: relative;
  padding: 20px 0;
  background: #181818
}
.playWarp .playArea {
  width: 1120px;
  margin: 0 auto
}
.playWarp .playArea .playMain {
  width: 1120px;
  height: 620px
}
.playWarp .playArea .playMain .playBox {
  width: 100%;
  height: 620px;
  float: left;
  overflow: hidden;
  position: relative;
  background: #000;
  z-index: 0;
}
.playWarp .playArea .playMain .playSlider {
  height: 620px;
  float: left;
  margin-left: 20px;
  position: relative;
  overflow: hidden;
  background: #272727
}
.playWarp .playArea .playMain .playSlider .playScroll {
  width: 100%;
  height: 620px;
  position: relative
}
.playWarp .playArea .playMain[mod-type=tv] .playBox {
  width: 960px
}
.playWarp .playArea .playMain[mod-type=tv] .playSlider {
  width: 140px
}
.playWarp .playArea .playMain[mod-type=variety] .playBox {
  width: 840px
}
.playWarp .playArea .playMain[mod-type=variety] .playSlider {
  width: 260px
}
.playWarp .playArea .playMain .playSlider .playLink {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 12px;
  display: block;
  position: relative
}
.playWarp .playArea .playMain .playSlider .playLink:hover {
  background: grey
}
.playWarp .playArea .playMain .playSlider .playLink.active {
  background: #ff443f
}
.playWarp .playArea .playInfo {
  padding-top: 20px;
  position: relative
}
.playWarp .playArea .playInfo h1 {
  width: 100%;
  height: 28px;
  line-height: 28px;
  color: #fff;
  font-size: 0;
  display: block
}
.playWarp .playArea .playInfo h1 span.drama-name {
  color: #ff443f
}
.playWarp .playArea .playInfo h1 span {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px
}
.playWarp .playArea .playInfo .info-list {
  height: 30px;
  line-height: 30px;
  color: #999;
  position: relative;
  margin-top: 8px
}
.playWarp .playArea .playInfo .info-list li {
  display: inline;
  margin-left: 20px;
  font-size: 14px;
  color: #999
}
.playWarp .playArea .playInfo .info-list li:first-child {
  margin-left: 0
}
.playWarp .playArea .playInfo .playToolbar {
  position: absolute;
  right: 0;
  top: 29px
}
.playWarp .playArea .playInfo .playToolbar > ul > li {
  float: left;
  position: relative;
  text-align: center;
  vertical-align: middle;
  margin-left: 30px
}
.playWarp .playArea .playInfo .playToolbar > ul > li > a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: auto;
  font-size: 0
}
.playWarp .playArea .playInfo .playToolbar > ul > li > a .iconfont {
  width: 24px;
  height: 24px;
  color: #999;
  line-height: 24px;
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
  pointer-events: none
}
.playWarp .playArea .playInfo .playToolbar > ul > li:hover .iconfont {
  opacity: .8
}
.playWarp .playArea .playInfo .playToolbar > ul > li > a .label {
  font-size: 12px;
  color: #999;
  margin-top: 8px;
  height: 16px;
  line-height: 16px;
  display: block;
  letter-spacing: 1px;
  vertical-align: middle;
  pointer-events: none
}
.playWarp .playArea .playInfo .playToolbar .extend {
  position: absolute;
  z-index: 30;
  left: 50%;
  margin-left: -200px;
  top: 40px;
  padding-top: 20px;
  display: none
}
.playWarp .playArea .playInfo .playToolbar > ul > li:hover .extend {
  display: block
}
.playWarp .playArea .playInfo .playToolbar .extend .box {
  min-width: 400px;
  padding: 20px;
  color: #000;
  font-size: 14px;
  background-color: #fff;
  position: relative;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
  vertical-align: top;
  z-index: 9
}
.playWarp .playArea .playInfo .playToolbar .extend .arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
  background-color: #fff;
  top: 16px;
  right: 50%;
  margin-right: -5px
}
.playWarp .playArea .playInfo .playToolbar .extend .box span {
  display: inline-block;
  padding: 0 15px;
  font-size: 12px;
  margin: 0 5px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  background: #fafafa;
  border: 1px solid #f5f5f5;
  border-radius: 100px
}
.playWarp .playArea .playInfo .playToolbar .extend .btn-main {
  font-size: 0
}
.playWarp .playArea .playInfo .playToolbar .extend .box span.active {
  background: #ff443f;
  color: #fff;
  border-color: #ff443f
}
.playWarp .playArea .playMain .playSlider .varietyMain {
  padding: 0 10px
}
.playWarp .playArea .playMain .playSlider .varietySource {
  padding: 20px 0
}
.playWarp .playArea .playMain .playSlider .varietySource .tab {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 0 18px;
  padding-right: 24px;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  background: #333;
  border-radius: 3px;
  text-align: center;
  color: #999
}
.playWarp .playArea .playMain .playSlider .varietySource .tab:first-child {
  margin-right: 10px
}
.playWarp .playArea .playMain .playSlider .varietySource .tab:after {
  content: '';
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNTQ5OEFBMjJFOTUxMUU4OUI1OUZDQ0VFMzYzMkQyMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNTQ5OEFBMzJFOTUxMUU4OUI1OUZDQ0VFMzYzMkQyMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE1NDk4QUEwMkU5NTExRTg5QjU5RkNDRUUzNjMyRDIxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE1NDk4QUExMkU5NTExRTg5QjU5RkNDRUUzNjMyRDIxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gr5GcAAAAD5JREFUeNpiXLVq1TQGBoZMBkwwnQlI5ALxJjQJED8XJPkXiCOB+CRU4iSU/5cJKvANiH2BeAeUBvEZAAIMAALlDVZZ45nEAAAAAElFTkSuQmCC);
  width: 7px;
  height: 4px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform .4s ease-out;
  -moz-transition: -moz-transform .4s ease-out;
  transition: transform .4s ease-out
}
.playWarp .playArea .playMain .playSlider .varietySource .tab:hover:after {
  transform-origin: (2%, 75%);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg)
}
.playWarp .playArea .playMain .playSlider .varietySource .tab ul li {
  width: 100%;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: #333;
  font-size: 14px
}
.playWarp .playArea .playMain .playSlider .varietySource .tab ul {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 9;
  padding-top: 38px;
  top: 0;
  transition: .15s ease-in-out;
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -ms-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  opacity: 0;
  visibility: hidden
}
.playWarp .playArea .playMain .playSlider .varietySource .tab ul:before {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 35px;
  right: 50%;
  margin-right: -5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  background-color: #333
}
.playWarp .playArea .playMain .playSlider .varietySource .tab:hover ul {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  opacity: 1;
  visibility: visible
}
.playWarp .playArea .playMain .playSlider .playScroll .varietyList .modRlist li {
  margin-top: 0;
  margin-bottom: 10px
}
.playWarp .playArea .playMain .playSlider .playScroll .varietyList .modRlist .thumb, .playWarp .playArea .playMain .playSlider .playScroll .varietyList .modRlist .thumb .quic {
  width: 110px;
  height: 68px
}
.playWarp .playArea .playMain .playSlider .playScroll .varietyList .modRlist li.active .thumb {
  border: 2px solid #ff443f
}
.playWarp .playArea .playMain .playSlider .playScroll .varietyList .modRlist li.active .thumb .quic {
  width: 106px;
  height: 64px
}
.playWarp .playArea .playMain .playSlider .playScroll .varietyList .modRlist .text {
  margin-left: 120px;
  height: 68px
}
.playWarp .playArea .playMain .playSlider .playScroll .varietyList .modRlist .text h3 a, .playWarp .playArea .playMain .playSlider .playScroll .varietyList .modRlist .text {
  color: #fff
}
.playWarp .playArea .playMain .playSlider .playScroll .varietyList .modRlist li.active .text h3 a {
  color: #ff443f
}
.vplayWarp {
  width: 100%;
  position: relative;
  overflow: hidden
}
.vplayWarp .vplayMain {
  width: 100%;
  height: 560px;
  position: relative;
  overflow: hidden;
  background: #000
}
.vplayWarp .vplayInfo {
  font-size: 14px;
  padding: 18px;
  position: relative;
  background-color: #fff
}
.vplayWarp .vplayInfo h1 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 10px
}
.vplayWarp .vplayInfo .info {
  font-size: 14px;
  color: #999;
  line-height: 18px;
  height: 18px
}
.vplayWarp .vplayInfo .info span {
  margin-right: 20px
}
.uc-body {
  width: 1000px;
  margin: 20px auto;
  position: relative
}
.uc-body .uc-menu {
  width: 180px;
  float: left;
  background: #fff;
  position: relative;
  overflow: hidden
}
.uc-body .uc-menu .personal-info {
  width: 180px;
  height: 230px;
  overflow: hidden;
  background: url(../images/U2FsdGVkX18SdzS0snXVbRAmrg==.png)
}
.uc-body .uc-menu .personal-avatar {
  border-radius: 50%;
  overflow: hidden;
  width: 76px;
  height: 76px;
  border: 3px solid #f5f5f5;
  display: block;
  margin: 30px auto 0;
  position: relative
}
.uc-body .uc-menu .personal-avatar img {
  width: 70px;
  height: 70px;
  display: block
}
.uc-body .uc-menu .personal-avatar span {
  position: absolute;
  height: 70px;
  line-height: 70px;
  width: 70px;
  background: rgba(0, 0, 0, .6);
  border-radius: 100%;
  color: #fff;
  text-align: center;
  bottom: 0;
  left: 0;
  font-size: 12px;
  display: none
}
.uc-body .uc-menu .personal-avatar:hover span {
  display: block
}
.uc-body .uc-menu .personal-detail {
  height: 20px;
  margin-top: 9px;
  margin-bottom: 5px;
  font-size: 0;
  text-align: center
}
.uc-body .uc-menu .personal-name {
  display: inline-block;
  max-width: 150px;
  margin-right: 3px;
  font-size: 16px;
  line-height: 20px;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.uc-body .uc-menu .vip-status {
  font-size: 0;
  text-align: center
}
.uc-body .uc-menu .vip-status-txt {
  display: block;
  margin-bottom: 6px;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: #999
}
.uc-body .uc-menu .vip-status-btn {
  display: inline-block;
  height: 24px;
  padding: 0 18px;
  border-radius: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #fff
}
.uc-body .uc-menu .vip-status-btn.isvip {
  background: #ff443f;
  color: #fff
}
.uc-body .uc-menu .personalNav-list {
  padding: 20px 0
}
.uc-body .uc-menu .personalNav-list > li {
  margin-top: 8px;
  padding: 8px 0
}
.uc-body .uc-menu .personalNav-list > li:first-child {
  margin-top: 0
}
.uc-body .uc-menu .personalNav-list > li > a {
  height: 24px;
  line-height: 24px;
  display: block;
  width: 100%;
  text-align: center
}
.uc-body .uc-menu .personalNav-list > li.active a {
  border-left: 3px solid #ff443f;
  color: #ff443f
}
.uc-body .uc-main {
  width: 800px;
  float: left;
  margin-left: 20px
}
.uc-body .uc-main .personalMod {
  background: #fff;
  padding: 30px
}
.personalHead {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 20px;
  overflow: hidden;
  padding-bottom: 20px
}
.personalHead span {
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 700
}
.personalTab {
  width: 100%;
  height: 32px;
  position: relative
}
.personalTab > ul {
  border-radius: 100px;
  height: 32px;
  line-height: 32px;
  background: #f5f5f5
}
.personalTab > ul > li {
  float: left
}
.personalTab > ul > li a {
  padding: 0 15px;
  display: block;
  border-radius: 100px;
  font-size: 12px
}
.personalTab > ul > li a.active {
  background: #ff443f;
  color: #fff
}
.form-list .form-line {
  width: 100%;
  margin: 15px 0;
  position: relative;
  line-height: 40px
}
.form-list .form-line .label-title {
  width: 100px;
  text-align: right;
  margin-right: 30px
}
.form-list .form-line .form-line-tips {
  font-size: 12px;
  margin-left: 30px
}
.form-list .form-line .input-text {
  width: 300px;
  float: left;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
  height: 40px;
  max-width: 300px;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  background-color: #fcfdfe;
  transition: border-color .2s;
  -webkit-transition: border-color .2s;
  -moz-transition: border-color .2s
}
.form-list .form-line .input-text:hover {
  background-color: #fff
}
.form-list .form-line .input-text:active, .form-list .form-line .input-text:focus {
  border-color: #ff443f
}
.form-list .form-bline {
  padding-left: 130px
}
.form-list .form-line .Validform_checktip {
  float: left;
  color: #ff443f;
  margin-left: 10px;
  display: none
}
.form-list .form-line .Validform_checktip.Validform_wrong {
  display: block
}
.form-list .form-line .input-text.Validform_error {
  border-color: #ff443f
}
.form-list .form-line .input-w {
  width: 150px
}
.form-list .form-line .sendCode {
  width: 140px;
  height: 40px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #f5f5f5;
  cursor: pointer;
  margin-left: 10px;
  color: #666;
  float: left
}
.form-list .form-line select {
  width: 120px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #f5f5f5;
  padding: 0 10px;
  border-radius: 4px
}
.uc-h-b {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  position: relative
}
.cancel-button {
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  color: #666;
  border: 1px solid #f5f5f5;
  text-align: center;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 24px;
  padding: 0 10px;
  font-size: 12px;
  margin-left: 10px
}
.uc-top-banner {
  width: 800px;
  height: 120px;
  background: #f5f5f5;
  margin: -30px;
  background-size: 100%;
  margin-bottom: 0
}
.uc-top-banner[type=vipindex] {
  background-image: url(http://qn-qn-echo-image-cdn.app-echo.com/FlLDzkrfIEVWx1qw5JCBDWEa_Jrm)
}
.site-body {
  width: 1000px;
  margin: 30px auto
}
.site-body .menu {
  float: left;
  width: 160px
}
.site-body .menu-title {
  line-height: 30px;
  font-size: 26px;
  text-align: center;
  margin-bottom: 10px;
  width: 160px
}
.site-body .site-nav {
  padding: 20px 0;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #f5f5f5;
  width: 160px
}
.site-body .site-nav li {
  padding: 8px 0
}
.site-body .site-nav li a {
  height: 26px;
  line-height: 26px;
  display: block;
  width: 100%;
  text-align: center
}
.site-body .site-nav li.active a {
  color: #ff443f
}
.site-body .site-nav li:last-child {
  border-bottom: 0
}
.site-body .site-main {
  float: right;
  width: 820px;
  padding: 30px;
  position: relative;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 4px
}
.site-body .site-box {
  line-height: 22px;
  padding: 0 15px
}
.site-body .site-box p, .site-box ul {
  margin-bottom: 20px
}
.site-body .site-title {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f5f5f5;
  position: relative
}
.site-body .site-title h1, .site-body .site-title h2 {
  line-height: 20px;
  font-size: 20px;
  border-left: 5px solid #ff443f;
  padding-left: 10px
}
.site-body .site-box h3 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 40px;
  line-height: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #f5f5f5
}
.site-body .site-box ul li {
  margin-bottom: 5px;
  list-style: inside disc
}
.site-body .site-box a {
  text-decoration: underline
}
.site-check-list {
  margin-bottom: 30px;
  border-radius: 3px;
  padding: 10px 0;
  position: relative;
  z-index: 9;
  background-color: #fafafa;
  border: 1px solid #f5f5f5
}
.site-check-list li {
  line-height: 30px;
  list-style: inside disc;
  width: 46%;
  float: left;
  padding: 0 2%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ccc
}
.top-sidebar {
  float: left;
  background-color: #fff;
  padding-bottom: 20px;
  width: 160px
}
.top-sidebar .m-title a {
  display: block;
  height: 110px;
  text-indent: -200%;
  overflow: hidden;
  background: url(https://img.alicdn.com/imgextra/i3/1823360683/TB22KqArx9YBuNjy0FfXXXIsVXa_!!1823360683.png) no-repeat center center
}
.top-sidebar .m-list a {
  display: block;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  text-align: center
}
.top-sidebar .m-list .active {
  background-color: #ff443f;
  color: #fff
}
.top-primary {
  margin-left: 180px;
  overflow: hidden;
  width: 940px
}
.top-primary-wrapper {
  width: 960px;
  overflow: hidden;
}
.top-catbox {
  width: 220px;
  margin: 0 20px 20px 0;
  background: #fff;
  padding: 0 20px;
  float: left
}
.top-catbox:nth-child(4) {
  margin-right: 0;
}
.top-catbox .m-title {
  border-bottom: 1px solid #f5f5f5
}
.top-catbox .m-title a {
  font-size: 18px;
  line-height: 55px;
  height: 55px;
  color: #222
}
.top-catbox .m-list-item {
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  color: #222;
  border-bottom: 1px solid #f5f5f5
}
.top-catbox .m-list-item-first {
  height: 135px;
  padding: 15px 0
}
.top-catbox .m-list-item .rank {
  float: left
}
.top-catbox .m-list-item-first .rank {
  position: relative
}
.top-catbox .m-list-item-first .screenshot {
  width: 75px;
  height: 105px
}
.top-catbox .m-list-item-first .screenshot img {
  display: block;
  width: 100%;
  height: 100%
}
.top-catbox .m-list-item .num {
  color: #aaa;
  font-weight: 700;
  width: 24px;
  height: 40px;
  font-style: normal
}
.top-catbox .m-list-item-first .num {
  line-height: 24px;
  text-align: center;
  width: 24px;
  height: 24px;
  background-color: #ff443f;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0
}
.top-catbox .m-list-item .status {
  float: right;
  width: 8px;
  height: 100%
}
.top-catbox .m-list-item .status-keep {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAMAAAA4jZ0cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgRmlyZXdvcmtzIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0EyNzU2NENDNEEyMTFFNTk0NjhENTE4MTYzMTM2MDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0EyNzU2NERDNEEyMTFFNTk0NjhENTE4MTYzMTM2MDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTI3NTY0QUM0QTIxMUU1OTQ2OEQ1MTgxNjMxMzYwMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQTI3NTY0QkM0QTIxMUU1OTQ2OEQ1MTgxNjMxMzYwMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiuBGCEAAAAGUExURUpeewAAADC5xvIAAAACdFJOU/8A5bcwSgAAABdJREFUeNpiYIQCBiwMBjDAysCpCyDAAAjcADdDsRk7AAAAAElFTkSuQmCC) no-repeat center center
}
.top-catbox .m-list-item .status-down {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAMAAAA4jZ0cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgRmlyZXdvcmtzIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzVBODlCMjNDNEEyMTFFNUExQkU5QkQ2MTEzNjQ4Q0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzVBODlCMjRDNEEyMTFFNUExQkU5QkQ2MTEzNjQ4Q0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNUE4OUIyMUM0QTIxMUU1QTFCRTlCRDYxMTM2NDhDQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNUE4OUIyMkM0QTIxMUU1QTFCRTlCRDYxMTM2NDhDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv4qPfIAAAAGUExURVmyAAAAAOThu4QAAAACdFJOU/8A5bcwSgAAACBJREFUeNpiYGRkAAIgiYcBB4wwCkkNIwOYYIQCgAADAAVPACUtgkuKAAAAAElFTkSuQmCC) no-repeat center center
}
.top-catbox .m-list-item .status-up {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAMAAAA4jZ0cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgRmlyZXdvcmtzIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0YyNzc4NUJDNEEyMTFFNUExRTlGNDMxRTYxMjNERDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0YyNzc4NUNDNEEyMTFFNUExRTlGNDMxRTYxMjNERDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRjI3Nzg1OUM0QTIxMUU1QTFFOUY0MzFFNjEyM0REMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRjI3Nzg1QUM0QTIxMUU1QTFFOUY0MzFFNjEyM0REMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgo3ioMAAAAGUExURf9NTQAAAIi+DhsAAAACdFJOU/8A5bcwSgAAACJJREFUeNpiYIQCBhBmgDAYGEAsBjDNAKOgglApnAyAAAMABrcAJUSl5kcAAAAASUVORK5CYII=) no-repeat center center
}
.top-catbox .m-list-item a, .top-catbox .m-list-item i, .top-catbox .m-list-item span {
  display: block
}
.top-catbox .m-list-item .details {
  margin: 0 18px 0 24px
}
.top-catbox .m-list-item-first .details {
  margin-left: 85px
}
.top-catbox .m-list-item .title {
  white-space: nowrap;
  word-wrap: normal;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden
}
.top-catbox .m-list-item-first .title {
  font-size: 14px;
  line-height: 16px;
  color: #ff443f;
  margin-bottom: 10px;
  max-width: 100%
}
.top-catbox .m-list-item-first .desc {
  font-size: 12px;
  line-height: 20px;
  color: #888;
  height: 80px;
  overflow: hidden
}
.top-catbox .m-more {
  display: block;
  font-size: 12px;
  line-height: 40px;
  text-align: center
}
.top-table-list {
  background: #fff;
  overflow: hidden;
  padding: 20px;
  width: 940px
}
.top-table-list .item_list {
  line-height: 60px;
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 60px
}
.top-table-list .item_title {
  height: 52px;
  line-height: 52px;
  font-size: 16px
}
.top-table-list li:nth-child(odd) {
  background: #fff
}
.top-table-list li:nth-child(even) {
  background: #f4f4f4
}
.top-table-list .item_a, .top-table-list .item_b, .top-table-list .item_c {
  display: block;
  float: left
}
.top-table-list .item_a {
  width: 480px
}
.top-table-list .item_b {
  width: 420px
}
.top-table-list .item_c {
  width: 100px;
  position: relative
}
.top-table-list .item .num {
  display: inline-block;
  vertical-align: top;
  width: 42px;
  height: 42px;
  text-align: center;
  color: #aaa;
  font-size: 20px;
  font-style: italic;
  font-family: PingFangSC-Light;
  vertical-align: top
}
.top-table-list .status {
  width: 8px;
  height: 60px;
  display: block;
  margin-left: 10px
}
.top-table-list .status-keep {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAMAAAA4jZ0cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgRmlyZXdvcmtzIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0EyNzU2NENDNEEyMTFFNTk0NjhENTE4MTYzMTM2MDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0EyNzU2NERDNEEyMTFFNTk0NjhENTE4MTYzMTM2MDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTI3NTY0QUM0QTIxMUU1OTQ2OEQ1MTgxNjMxMzYwMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQTI3NTY0QkM0QTIxMUU1OTQ2OEQ1MTgxNjMxMzYwMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiuBGCEAAAAGUExURUpeewAAADC5xvIAAAACdFJOU/8A5bcwSgAAABdJREFUeNpiYIQCBiwMBjDAysCpCyDAAAjcADdDsRk7AAAAAElFTkSuQmCC) no-repeat center center
}
.top-table-list .status-down {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAMAAAA4jZ0cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgRmlyZXdvcmtzIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzVBODlCMjNDNEEyMTFFNUExQkU5QkQ2MTEzNjQ4Q0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzVBODlCMjRDNEEyMTFFNUExQkU5QkQ2MTEzNjQ4Q0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNUE4OUIyMUM0QTIxMUU1QTFCRTlCRDYxMTM2NDhDQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNUE4OUIyMkM0QTIxMUU1QTFCRTlCRDYxMTM2NDhDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv4qPfIAAAAGUExURVmyAAAAAOThu4QAAAACdFJOU/8A5bcwSgAAACBJREFUeNpiYGRkAAIgiYcBB4wwCkkNIwOYYIQCgAADAAVPACUtgkuKAAAAAElFTkSuQmCC) no-repeat center center
}
.top-table-list .status-up {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAMAAAA4jZ0cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgRmlyZXdvcmtzIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0YyNzc4NUJDNEEyMTFFNUExRTlGNDMxRTYxMjNERDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0YyNzc4NUNDNEEyMTFFNUExRTlGNDMxRTYxMjNERDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRjI3Nzg1OUM0QTIxMUU1QTFFOUY0MzFFNjEyM0REMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRjI3Nzg1QUM0QTIxMUU1QTFFOUY0MzFFNjEyM0REMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgo3ioMAAAAGUExURf9NTQAAAIi+DhsAAAACdFJOU/8A5bcwSgAAACJJREFUeNpiYIQCBhBmgDAYGEAsBjDNAKOgglApnAyAAAMABrcAJUSl5kcAAAAASUVORK5CYII=) no-repeat center center
}
.mod-search-head {
  position: relative
}
.mod-search-head ul li {
  float: left
}
.mod-search-head ul li a {
  line-height: 30px;
  height: 30px;
  display: block;
  position: relative;
  padding: 0 10px;
  margin: 0 8px;
  border-radius: 100px
}
.mod-search-head ul li.active a {
  color: #fff;
  background: #ff443f
}
.mod-search-list {
  position: relative
}
.mod-search-list .item {
  width: 100%;
  padding: 25px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 20px
}
.mod-search-list .item .thumb {
  float: left;
  display: block;
  position: relative;
  background: #fafafa
}
.mod-search-list .item .thumb, .mod-search-list .item .thumb img {
  width: 160px;
  height: 90px
}
.mod-search-list .item.film-item .thumb, .mod-search-list .item.film-item .thumb img {
  width: 160px;
  height: 224px
}
.mod-search-list .item .thumb .icon-tl {
  position: absolute;
  top: 10px;
  left: 0
}
.mod-search-list .item .thumb .tips {
  background: #ff443f;
  color: #fff;
  padding: 4px 6px;
  padding-right: 8px;
  font-style: normal;
  border-radius: 0 100px 100px 0;
  display: block;
  font-size: 13px
}
.mod-search-list .item .thumb .tips.dianying {
  background: #ff9200
}
.mod-search-list .item .thumb .tips.zongyi {
  background: #1cc322
}
.mod-search-list .item .thumb .icon-br {
  position: absolute;
  bottom: 5px;
  right: 5px
}
.mod-search-list .item .thumb .label {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  background: rgba(0, 0, 0, .6);
  padding: 0 8px;
  border-radius: 100px
}
.mod-search-list .item .text {
  margin-left: 180px;
  height: 90px;
  position: relative
}
.mod-search-list .item.film-item .text {
  height: 224px
}
.mod-search-list .item .text .title {
  width: 100%;
  height: 24px;
  line-height: 24px;
  margin-bottom: 10px;
  font-size: 18px
}
.mod-search-list .item .text .des {
  width: 100%;
  position: relative
}
.mod-search-list .item .text .des p {
  line-height: 22px;
  font-size: 14px;
  color: #666;
  margin-bottom: 6px;
  float: left;
  width: 100%
}
.mod-search-list .item .text .des p.w50 {
  width: 50%
}
.mod-search-list .item .text .hjtvui-btn, .mod-search-list .item .text .info {
  position: absolute;
  bottom: 0
}
.mod-search-list .item .text .info {
  color: #999;
  font-size: 12px
}
.classifyWarp {
  width: 100%;
  overflow: hidden
}
.classifyWarp .classifyType {
  margin-bottom: 6px;
  padding-left: 58px;
  position: relative;
  font-size: 14px;
  line-height: 26px;
  overflow: hidden
}
.classifyWarp .classifyType .u-title {
  color: #868686;
  position: absolute;
  left: 0;
  top: 0
}
.classifyWarp .classifyType ul li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px
}
.classifyWarp .classifyType ul li a {
  display: block;
  padding: 0 10px;
  border-radius: 100px
}
.classifyWarp .classifyType ul li a.active {
  background-color: #ff443f;
  color: #fff
}
.time-back {
  overflow: hidden;
  width: 1085px
}
.time-item {
  width: 150px;
  height: auto;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 5px
}
.time-item h6 {
  padding: 0 6px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #f5f5f5;
  position: relative;
  margin-bottom: 5px
}
.time-item.active h6 {
  background: #ff443f;
  color: #fff
}
.time-item ul {
  background: #fafafa;
  padding-bottom: 10px;
  overflow: hidden
}
.time-item.active ul {
  background: #ffedea
}
.time-item ul li {
  line-height: 18px;
  padding: 0 10px;
  margin-bottom: 10px
}
.time-item ul li.hot-img {
  padding: 0;
  margin-bottom: 10px
}
.time-item ul li.hot-img img {
  margin-bottom: 5px;
  width: 150px;
  height: 80px
}
.time-item ul li.hot-img b, .time-item ul li.hot-img p {
  padding: 0 10px
}
.time-item ul li a {
  display: block;
  width: 100%
}
.time-item ul li p {
  font-size: 12px;
  color: #999
}
.top_banner {
  overflow: hidden
}
.top_banner .banner_main {
  height: 214px;
  background: #ff443f
}
.top_banner .container_inner {
  position: relative;
  height: 100%;
  margin: 0 auto;
  -webkit-transition: width .2s ease-in-out;
  transition: width .2s ease-in-out;
  width: 1120px
}
.top_banner .banner_title {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -200px;
  z-index: 2;
  width: 400px;
  height: 214px;
  overflow: hidden;
  line-height: 9999
}
.top_banner .banner_img {
  position: absolute;
  left: 50%;
  margin-left: -560px;
  bottom: 0;
  width: 1120px;
  height: 214px;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  background: url(../images/rank_bg.jpg)
}
.ReactModalPortal {
  width: 620px;
  height: 360px;
  background: #fff;
  position: relative
}
.ReactModalPortal .modal-poster {
  float: left;
  width: 260px;
  height: 360px;
  overflow: hidden
}
.ReactModalPortal .modal-content {
  width: 360px;
  height: 360px;
  float: left;
  text-align: center;
  font-size: 0;
  padding: 30px 0
}
.ReactModalPortal .modal-content .modal-title {
  font-size: 20px;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  letter-spacing: 2px;
  display: block;
  text-align: center;
  margin-bottom: 10px
}
.ReactModalPortal .modal-content p {
  letter-spacing: 2px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #666
}
.ReactModalPortal .modal-content .code {
  margin: 10px 0
}
.ReactModalPortal .modal-content .code, .modal-content .code img {
  width: 180px;
  height: 180px;
  display: inline-block
}
.ReactModalPortal .modal-content .close {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENEUxRDlFNjI5MDAxMUU4OTAxMUVBRjdCMDAxNkI1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENEUxRDlFNzI5MDAxMUU4OTAxMUVBRjdCMDAxNkI1NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ0RTFEOUU0MjkwMDExRTg5MDExRUFGN0IwMDE2QjU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ0RTFEOUU1MjkwMDExRTg5MDExRUFGN0IwMDE2QjU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gO6iDwAAAM9JREFUeNqs0tEJwyAQBuAoXcEO0UB3qEukQ2Sb5sUR0iFsh2g6hEukJ9zBIZ45ocJPELyPy6kJIQz/WBa/IyRCXGe9w7qRoAfkBnl1YA7P57qFoDtkw840GCH5/BcyEZQgXomVSO4oWXZAg1URPmwNJiI1SMIuDNlKJK+TMAfCIhZ/IAYRXyJSRxybIDsiO+5T60FKt7MyxODe9UCumMn16GlYBeJxRuUFnFtQDUnCbUaOWSUyHGG2A2liBD2ViIStBM2QtxIpsfwn80+AAQAmpVSvFN4B7AAAAABJRU5ErkJggg==) no-repeat;
  top: 18px;
  right: 18px;
  transition: all .3s;
  -webkit-transition: all .3s
}
.ReactModalPortal .modal-content .close:hover {
  opacity: .8;
  filter: alpha(opacity=80)
}
.ReactModalPortal .modal-content a.link {
  display: block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  background: #ff4829;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-repeat: repeat-x;
  -webkit-box-shadow: 0 6px 6px #ffd1ce;
  box-shadow: 0 6px 6px #ffd1ce;
  letter-spacing: 2px;
  margin: 10px auto
}
.mt-resize .mian-sidebar.mt20 {
  margin-top: 0 !important;
}
.hide-control-wrapper .hide-control {
  display: none;
}
.xunlei-download {
  display: block !important;
  overflow: hidden;
  font-size: 14px;
  border-bottom: 1px solid #f3f3f3;
  margin-right: 0 !important;
  padding-bottom: 3px;
}
.xunlei-checkbox {
  width: 5%;
  float: left;
  line-height: 30px !important;
}
.xunlei-checkbox input {
  vertical-align: middle;
}
.xunlei-link, .download-tool {
  width: 95%;
  float: left;
  text-align: left !important;
  background-color: transparent !important;
  height: 30px !important;
  line-height: 30px !important;
  padding-right: 8px !important;
  padding-left: 0 !important;
}
.xunlei-btn {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 5px;
  font-size: 12px;
  border-radius: 5px;
  background-color: #ff443f;
  color: #fff;
  float: right;
}
.xunlei-btn:hover {
  color: #fff;
  opacity: .9;
}
.download-tool-box {
  border-bottom: none;
}
.download-tool-box a {
  margin-left: 20px;
  float: right;
}
.download-tool-box label {
  cursor: pointer;
}
/*评论*/
.ui-box {
  margin-top: 10px;
}
.mac_comment {
  color: #666;
  line-height: 22px;
}
.comment_content {
  width: 100%;
  height: 100px !important;
  border: solid 1px #e2e2e2;
  border-radius: 3px;
  background-color: #f5f5f5;
  padding: 10px;
  line-height: 1.25rem;
}
.comment_face_box {
  display: none;
}
.remaining-w {
  width: 33.33333333%;
  float: left;
  /* background-color: #eee!important; */
  color: #aaa !important;
  /* border-color: #e2e2e2!important; */
  pointer-events: none;
  cursor: not-allowed;
  display: block;
  /* padding: 0 10px; */
  height: 40px;
  line-height: 40px;
  /* border: solid 1px #e2e2e2; */
  border-radius: 3px;
  margin-top: 10px;
}
.comment_remaining {
  color: #ff443f;
}
.comment_reply_form {
  padding-bottom: 5px;
}
.smt {
  float: left;
  width: 66.6666666%;
  font-size: 0;
}
.cmt_text {
  float: left;
  border: 1px solid #e2e2e2 !important;
  border-radius: 3px !important;
  padding: 0 10px;
  width: 50%;
  height: 40px;
  line-height: 40px;
  background-color: #f5f5f5;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 14px;
}
.mac_verify_img {
  float: left;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  margin-top: 10px;
  margin-left: 10px;
  height: 40px;
  width: 21%;
}
.comment_submit {
  float: right;
  font-size: 14px;
  border: 1px solid #ff443f !important;
  border-radius: 3px !important;
  margin-top: 10px;
  height: 40px;
  width: 24%;
  background-color: #ff443f;
  color: #fff;
  ;
}
.cmt_item {
  overflow: hidden;
  padding: 20px 0;
  border-top: solid 1px #e2e2e2;
}
.mac_comment .cmt_wrap .item_con .cmt_item {
  border: none;
  background: #f5f5f5;
  padding: 20px 10px;
}
.face_wrap {
  float: left;
}
.face_wrap img {
  width: 40px;
  height: 40px;
}
.item_con p {
  margin: 0;
}
.item_con .con {
  padding-left: 10px;
}
.item_con {
  overflow: hidden;
}
.item_con .top {
  display: inline-block;
  padding-left: 10px;
  font-size: 0;
  width: 100%;
  float: left;
}
.item_con .top span.fr {
  font-size: 14px;
  float: right;
}
.item_con .name {
  float: left;
  font-size: 14px;
}
.gw-action {
  text-align: right;
}
.click-ding-gw {
  display: none;
}
.mac_pages {
  text-align: center;
  margin: 20px 0;
}
.cmt_wrap {
  margin-top: 20px;
}
#item_count {
  color: #ff443f;
  padding: 0 5px;
}
.mac_pages .page_tip {
  display: none;
}
.mac_pages .page_current {
  background-color: #ff443f;
  border: solid 1px #ff443f !important;
  color: #fff;
}
.mac_pages .page_link {
  padding: 8px 14px;
  margin: .125rem .25rem;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
}
.mac_pages .page_link:hover {
  opacity: 0.8;
  background-color: #ff443f;
  border: solid 1px #ff443f !important;
  color: #fff;
}
.mac_pages .page_input, .mac_pages .page_btn {
  display: none;
}
/*留言*/
.gbook-wrapper {
  color: #666;
}
.yookou-page-info {
  text-align: center;
}
.yookou-rims-info {
  background: #fff;
}
.top65 {
  margin-top: 20px;
}
.yookou-font-xvi {
  font-size: 18px;
  margin-bottom: 20px;
}
.ling p {
  line-height: 20px;
}
.yookou-list-head {
  height: 40px;
}
.yookou-list-head h2 {
  font-size: 18px;
  float: left;
  line-height: 40px;
}
.yookou-part-right {
  float: right;
  line-height: 40px;
}
.yookou-form-info {
  padding: 0 10px;
  width: 100% !important;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  background-color: #f5f5f5;
}
.yookou-rims-info-remain {
  border: none;
  padding: 0;
  background: none;
  color: #666;
}
.gbook_remaining {
  color: #ff443f;
}
.yookou-form-area {
  padding: 10px;
  line-height: 1.25rem;
}
textarea {
  overflow: hidden;
  height: auto !important;
}
.yookou-col-md4 {
  width: 33.33333333%;
  float: left;
}
.yookou-col-md2 {
  float: left;
  width: 16.66666667%;
  text-align: center;
}
.mod [class*=col-] {
  padding: 10px;
}
.gbook_submit {
  outline: none;
  float: right;
  background-color: #ff443f !important;
  border: solid 1px #ff443f !important;
  color: #fff !important;
  height: 40px !important;
  border-radius: 3px !important;
}
.yookou-comm-code {
  width: 100%;
}
.yookou-list-head {
  overflow: hidden;
}
.yookou-comm-each {
  padding: 20px 0;
  border-top: solid 1px #e2e2e2;
  overflow: hidden;
}
.yookou-comm-list .yookou-comm-avat {
  float: left;
  width: 40px;
  height: 40px;
}
.yookou-comm {
  float: left;
  overflow: hidden;
  padding-left: 15px;
  width: 95%;
}
.yookou-comm-head {
  overflow: hidden;
}
.yookou-comm-cont p {
  margin: 0;
  font-size: 12px;
  margin-top: 5px;
  text-align: left;
}
.yookou-comm-reply {
  background-color: #f7f7f7;
  padding: 15px;
  overflow: hidden;
  margin-top: 10px;
}
.yookou-comm-head .yookou-text-line {
  float: left;
}
.yookou-comm-head .yookou-part-tips {
  float: right;
}
.yookou-comm-cont {
  text-align: left;
  color: #666;
  line-height: 20px;
}
.yookou-comm-left {
  float: left;
  overflow: hidden;
  margin-left: 15px;
  width: 94%;
}
/*报错*/
.reply_box form {
  padding: 15px;
}
.reply_box form .msg_cue {
  margin-bottom: 8px;
}
.reply_box form textarea {
  width: 100%;
  padding: 10px;
  overflow-y: auto;
  box-sizing: border-box;
  border: solid 1px #e2e2e2;
  border-radius: 3px;
}
.reply_box .msg_code {
  margin: 10px 0;
}
.reply_box .msg_code input {
  border: 1px solid #ddd;
  padding: 4px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.reply_box .msg_code .mac_verify_img {
  height: 40px;
  margin-left: 2px;
  vertical-align: top;
  float: none;
  margin-top: 0;
}
.reply_box .msg_code .gbook_submit {
  width: 100px;
  height: 32px;
  line-height: 32px;
  margin-top: 0;
  cursor: pointer;
}
.index-float-qrcode-bg, .index-float-qrcode {
  position: fixed;
  z-index: 9999;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}
.index-float-qrcode-bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
}
.plot-detail {
  margin-top: 20px;
}
.recent-pic1 {
  background: #FAFAFA;
}
.pic_h4 {
  padding-top: 18px !important;
}
.recent-list1 li {
  height: 90px;
  position: relative;
  margin-top: 16px;
  overflow: hidden;
  background: #FAFAFA;
}
.pic1 img {
  margin-top: 8px;
  margin-left: 8px;
  float: left;
  width: 75px;
  height: 75px;
  border-radius: 50%;
}
.pic1 {
  width: 280px !important;
  height: 90px;
  display: block;
  background: #FAFAFA url('../images/right.png') no-repeat center right !important;
}
.pic1 i, .pic h4 {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-margin-before: 1.33em;
  -webkit-margin-after: 1.33em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
  padding-left: 30px;
}
.pic1 h4 {
  padding-top: 36px;
  padding-left: 120px;
}
.pic_h4, .pic_i {
  margin-top: 18px !important;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  -webkit-margin-before: 1.33em;
  -webkit-margin-after: 1.33em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
  padding-left: 30px !important;
}
.pic_i {
  padding-left: 70px !important;
  height: 30px;
  background: url('../images/love.png') no-repeat top left;
  background-position: 30px 0;
}
.actor-detail .tv-info-list ul li a {
  width: auto !important;
  padding: 0 10px;
}
.actor-detail .play_before {
  color: #5aa700;
}