a,article,body,div,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,img,input,li,p,section,span,textarea,ul,video{margin:0;padding:0}body,html{font-size:12px;font:12px Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;background:#fff;color:#222;tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}li,ul{list-style:none}a{color:#222;text-decoration:none}a,button,input,select,textarea{outline:none;cursor:pointer;color:#00a1d6;text-decoration:none}a:hover{color:#f25d8e}a:focus{-moz-outline-style:none}img{border:0;vertical-align:middle}h1,h2,h3,h4,h5,h6,li,ul{margin:0;padding:0;list-style-type:none}textarea{overflow:hidden;resize:none}address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}.clearfix:after{display:block;visibility:hidden;clear:both;width:0;height:0;content:"."}div[flash-anim-wrap=true]{height:100%}body,div,h4,html,li,span,ul{padding:0;margin:0}.bili-share-pc{border:1px solid #e8e9eb;padding:18px 0 18px 24px;border-radius:5px;position:relative;z-index:200;width:980px;height:40px;margin:20px auto;box-sizing:content-box}.bili-share-pc li{list-style:none}.bili-share-pc.bili-clearfix:after,.bili-share-pc .bili-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.bili-share-pc .fl{float:left}.bili-share-pc .share{display:inline-block}.bili-share-pc .share .icon{background:url("https://activity.hdslb.com/blackboard/shareModule/images/12xn9z34xj.png") no-repeat;width:40px;height:40px;display:inline-block;margin-right:10px;cursor:pointer}.bili-share-pc .share .icon_bili{background:url("https://i0.hdslb.com/bfs/activity-plat/static/20180321/dfa73b898f143877cbf8ecf001cd9e89/images/l6oq2p5wy7.png") no-repeat;background-position:-370px 0}.bili-share-pc .share .icon_bili:hover{background-position:-370px -71px}.bili-share-pc .share .icon_weibo{background-position:0 0}.bili-share-pc .share .icon_weibo:hover{background-position:0 -71px}.bili-share-pc .share .icon_wechat{background-position:-74px 0;position:relative}.bili-share-pc .share .icon_wechat:hover{background-position:-74px -71px}.bili-share-pc .share .icon_qzone{background-position:-148px 0}.bili-share-pc .share .icon_qzone:hover{background-position:-148px -71px}.bili-share-pc .share .icon_qq{background-position:-222px 0}.bili-share-pc .share .icon_qq:hover{background-position:-222px -71px}.bili-share-pc .share .icon_baidu{background-position:-296px 0}.bili-share-pc .share .icon_baidu:hover{background-position:-296px -71px}.bili-share-pc .favourite{display:inline-block}.bili-share-pc .title{font-size:18px;color:#222;display:inline-block;padding-right:20px;font-weight:700;line-height:40px}.bili-share-pc .vertical-line{margin:5px 24px 5px 14px;height:30px;display:inline-block;border-left:2px solid #e8e9eb}.bili-share-pc .favourite .icon-fav{background:url("https://activity.hdslb.com/blackboard/shareModule/images/79lx82m4lq.jpg");width:65px;height:50px;display:inline-block;position:absolute;top:5px;cursor:pointer}.bili-share-pc .favourite .icon-like{background-position:0 5px}.bili-share-pc .favourite .fav{padding-right:0;width:54px}.bili-share-pc .favourite .icon-like:hover{animation:likePlay 1s steps(14) infinite}.bili-share-pc .favourite .icon-liked{background-position:0 -59px}@keyframes likePlay{0%{background-position:0 0}to{background-position:-896px 5px}}.bili-share-pc .popTips{position:absolute;top:-15px;left:0;background-color:rgba(0,0,0,.8);color:#fff;padding:6px;border-radius:5px;font-size:12px;opacity:0;animation:popTips 1.5s}@keyframes popTips{0%{opacity:0;top:0}15%{opacity:1;top:-15px;transform:scale(1.1)}30%{transform:scale(1)}50%{opacity:1;top:-15px}90%{opacity:1;top:-15px}to{opacity:0;top:0}}.bili-wrap{width:100%;height:100%;position:fixed;z-index:1000;background-color:transparent;left:0;top:0;opacity:1;background-color:rgba(0,0,0,.5)}.bili-share-pc .share .icon_wechat:hover .weixin-hover,.bili-wrap{display:block}.bili-share-pc .weixin-hover{position:absolute;z-index:-1;display:none}.bili-share-pc .weixin-hover .qr-before{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3);width:50px;height:81px;top:-18px;position:absolute;left:-6px}.bili-share-pc .share-weixin-qr{position:absolute;top:62px;left:-6px;padding:15px 13px;background-color:#fff;box-shadow:0 4px 5px rgba(0,0,0,.3)}.bili-share-pc .share-weixin-qr h4{text-align:center;font-size:16px;font-weight:400;color:#333;margin-bottom:15px}.bili-share-pc .share-weixin-qr .qr-code{width:120px;text-align:center}.messageTip{margin:0;position:absolute}#biliSharePc li{list-style:none}#biliSharePc .share{font-size:100px;display:flex;justify-content:space-between;align-items:center;width:2.4em}#biliSharePc .share .icon{background:url("https://i0.hdslb.com/bfs/activity-plat/static/20180321/dfa73b898f143877cbf8ecf001cd9e89/images/l6oq2p5wy7.png") no-repeat;width:.4em;height:.4em;line-height:.4em;cursor:pointer;background-size:4.09em}#biliSharePc .share .icon_bili{background-position:-3.7em 0}#biliSharePc .share .icon_bili:hover{background-position:-3.7em -.71em}#biliSharePc .share .icon_weibo{background-position:0 0}#biliSharePc .share .icon_weibo:hover{background-position:0 -.71em}#biliSharePc .share .icon_wechat{background-position:-.74em 0;position:relative}#biliSharePc .share .icon_wechat:hover{background-position:-.74em -.71em}#biliSharePc .share .icon_qzone{background-position:-1.48em 0}#biliSharePc .share .icon_qzone:hover{background-position:-1.48em -.71em}#biliSharePc .share .icon_qq{background-position:-2.22em 0}#biliSharePc .share .icon_qq:hover{background-position:-2.22em -.71em}#biliSharePc .share .icon_baidu_tieba{background-position:-2.96em 0}#biliSharePc .share .icon_baidu_tieba:hover{background-position:-2.96em -.71em}#biliSharePc .share .icon_wechat:hover .weixin-hover{display:block}#biliSharePc .weixin-hover{position:absolute;z-index:-1;display:none}#biliSharePc .weixin-hover .qr-before{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3);width:50px;height:81px;top:-18px;position:absolute;left:-6px}#biliSharePc .share-weixin-qr{position:absolute;top:62px;left:-6px;padding:15px 13px;background-color:#fff;box-shadow:0 4px 5px rgba(0,0,0,.3)}#biliSharePc .icon-hover .share-weixin-qr{position:absolute;top:50px;left:-50px;padding:15px 13px;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3)}#biliSharePc .share-weixin-qr h4{text-align:center;font-size:16px;font-weight:400;color:#333;margin-bottom:15px}#biliSharePc .share-weixin-qr .qr-code{width:120px;text-align:center}.temp-model-videolike{width:980px;height:auto;margin:0 auto;overflow:hidden;font-family:Microsoft YaHei}.temp-model-videolike .t-main .t-like-classify{padding:10px 0 20px;font-size:14px}.temp-model-videolike .t-main .t-btn{float:left;margin-right:20px;padding:5px 14px;border-width:1px;border-style:solid;background:#fff;cursor:pointer;border-radius:4px}.temp-model-videolike .t-main .t-active{background:#e86392;color:#fff}.temp-model-videolike .t-cont{width:100%;min-height:260px;margin-top:20px}.temp-model-videolike .t-cont .t-item{position:relative;float:left;width:160px;height:200px;margin-right:20px;margin-bottom:20px;padding:0 10px;background:#fff;border-radius:4px}.temp-model-videolike .t-cont .t-item:nth-child(5n){margin-right:0}.temp-model-videolike .t-gradewrap{position:relative;padding-top:6px;border-top:1px solid #eee;width:162px}.temp-model-videolike .t-grade-btn{float:right;width:60px;height:26px;background:#e86392;line-height:26px;color:#fff;cursor:pointer;border-radius:2px;border-width:1px;text-align:center;border-style:solid}.temp-model-videolike .t-grade-btn.t-hidden{background:#ddd;color:#aeaeae;cursor:default}.temp-model-videolike .t-share{height:26px;padding-bottom:5px;line-height:26px;color:#afafaf;cursor:pointer}.temp-model-videolike .t-btn-change{float:right;width:100px;height:28px;background:#e86392;line-height:28px;color:#fff;cursor:pointer;border-radius:4px;text-align:center}.temp-model-videolike .t-item .t-score{position:absolute;top:82px;left:0;padding:3px 5px;border-radius:0 4px 4px 0}.temp-model-videolike .t-empty{display:block;margin:0 auto}.temp-model-videolike .t-dialog{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;border:0;overflow-x:hidden;overflow-y:auto;background-color:rgba(0,0,0,.5);text-align:center}.temp-model-videolike .t-dialog.t-hidden{display:none}.temp-model-videolike .t-pop{position:absolute;top:100px;left:50%;width:836px;height:484px;margin-left:-392px}.temp-model-videolike .t-pop .t-close-btn{position:absolute;top:0;right:-39px;width:24px;height:24px;background:url("//activity.hdslb.com/blackboard/template-common-image/images/video_btn_close.png");cursor:pointer}.temp-model-videolike .t-pop .t-btn-dialog{position:relative;margin-top:16px}.temp-model-videolike .t-pop .t-lf-btn{float:left}.temp-model-videolike .t-pop .t-dialog-btn{display:block;float:left;width:136px;height:40px;margin-right:16px;background:#f2f5f6;line-height:40px;font-size:14px;color:#222;cursor:pointer;border-radius:5px}.temp-model-videolike .t-pop .t-lr-btn{float:right;margin-right:0}.temp-model-videolike .t-skin-gray{color:#a3a4a5}.temp-model-videolike .t-skin-gray .t-btn{background:#2e2f31;color:#a3a4a5}.temp-model-videolike .t-skin-gray .t-btn.t-active{background:#48e3c7;color:#000}.temp-model-videolike .t-skin-gray .t-item{background:#2e2f31}.temp-model-videolike .t-skin-gray .t-gradewrap{border-top:1px solid #424345}.temp-model-videolike .t-skin-gray .t-grade-btn.t-hidden{background:#424345;color:#525456}.temp-model-videolike .t-skin-gray .t-btn-change,.temp-model-videolike .t-skin-gray .t-grade-btn{background:#48e3c7;color:#000}.temp-model-videolike .t-pop .t-btn-share{width:249px}.temp-model-videolike .t-pop .t-btn-share #biliSharePc{-moz-transform:scale(.8);-o-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8);width:330px;display:block;position:relative;left:-35px;top:-1px}.temp-model-videolike .t-share-video #biliSharePc{padding-top:5px;display:inline-block}.temp-model-videolike .t-share-video #biliSharePc .share{font-size:50px;width:90px}.t-model-tips{position:absolute;z-index:0;padding:3px 6px;border-radius:4px;color:#fff;font-size:0;font-family:Microsoft YaHei;line-height:22px;opacity:0;-webkit-transition:All .2s ease-in;transition:All .2s ease-in;-webkit-animation-delay:.1s;animation-delay:.1s}.t-model-tips.t-red{background:rgba(250,0,0,.8)}.t-model-tips.t-black{background:rgba(0,0,0,.8)}.t-model-tips.t-animate-bottom-top{font-size:12px;opacity:1}.t-video-works .t-link{display:block}.t-video-works .t-pic{display:block;padding:10px 0;width:160px;height:100px}.t-video-works .t-desc{display:block;overflow:hidden;margin-bottom:8px;padding-bottom:4px;width:100%;height:30px;color:#282e33;line-height:16px}.t-video-works .t-videoinfor{position:relative;overflow:hidden;width:160px;height:40px}.t-video-works .t-scrollbox{position:absolute;top:0;left:0;-webkit-transition:top .3s;-moz-transition:top .3s;-o-transition:top .3s;transition:top .3s}.t-video-works .t-showAuthorInfo{top:-40px}.t-video-works .t-ownerinfor .t-face{display:block;float:left;margin:0 5px;width:30px;height:30px;border-radius:15px}.t-video-works .t-ownerinfor .t-name{display:block;float:left;overflow:hidden;width:100px;height:30px;color:#878b8e;line-height:30px}.t-skin-gray .t-video-works .t-desc{color:#a3a4a5}.t-skin-gray .t-video-works .t-ownerinfor .t-name{color:#808588}.t-mvideo-works .t-link{display:block;padding-bottom:63%;width:100%;border-radius:6px 6px 0 0;background-position:50%;background-size:100%;background-repeat:no-repeat}.t-mvideo-works .t-videoinfor{overflow:hidden;width:100%}.t-mvideo-works .t-videoinfor .t-desc{display:block;overflow:hidden;box-sizing:border-box;margin:0;padding:1% 3%;width:100%;height:16px;color:#212121;font-size:12px;line-height:16px}.t-mvideo-works .t-videoinfor .t-ownerinfor{display:block;overflow:hidden;box-sizing:border-box;padding:1% 3%;height:22px;border-bottom:1px solid #edecf1;color:#888;font-size:11px;line-height:22px}.t-likes-page{float:right;height:28px;text-align:right}.t-likes-page.t-hidden{display:none}.t-likes-page.t-show-pagerjump{float:none}.t-show-pagerjump .pager-jumper-input{padding:0 5px;width:30px;height:26px;border:none;border-radius:4px;line-height:26px}.t-likes-page .page-li{float:left;margin-right:5px;height:26px;border-width:1px;border-style:solid;border-radius:4px;background:#fff;text-align:center;cursor:pointer}.t-likes-page .page-li a,.t-likes-page .page-li span{display:block;padding:0 10px;height:26px;border-radius:4px;line-height:26px}.t-likes-page .disabled{background:#ccc;color:#aeaeae;cursor:default}.t-likes-page .active{background:#e86392;color:#fff}.t-likes-page .ellipse{float:left;margin-right:5px;height:26px;border-radius:4px;background:none;text-align:center}.t-likes-page .t-likes-page .disabled{background:#424345;color:#525456;cursor:default}.t-likes-page .t-likes-page .active{background:#48e3c7;color:#000}.t-sortlist-classify{font-size:14px}.t-sortlist-classify .t-btn{float:left;margin-right:20px;text-align:center;cursor:pointer}.t-sortlist-classify .t-backgroundimage{padding:5px 20px;border:1px solid inherit;border-radius:4px}.t-sortlist-classify .t-backgroundimage.t-myworks{float:right}.t-sortlist-classify .t-backgroundimage.t-disabled{color:#999;cursor:default}.t-sortlist-classify .t-backgroundimage.t-active{color:#fff}.t-skin-gray .t-sortlist-classify .t-backgroundimage{background:#2e2f31;color:#a3a4a5}.t-skin-gray .t-sortlist-classify .t-backgroundimage.t-active{background:#48e3c7;color:#000}.t-msortlist-classify{padding:0 2%;height:32px;border-bottom:1px solid #eee;font-size:12px;line-height:32px;display:flex;display:-webkit-box;display:-webkit-flex}.t-msortlist-classify .t-btn{float:left;color:#7e7e7e;text-align:center;flex:1;-webkit-flex:1;-webkit-box-flex:1;display:inline-block;min-width:20%}.t-msortlist-classify .t-btn.t-active{border-bottom:2px solid #fa7097;color:#fa7097}@-webkit-keyframes activity-toast-show{0%{-webkit-transform:scale(.5) translate(-50%,-50%);transform:scale(.5) translate(-50%,-50%)}75%{-webkit-transform:scale(1.08) translate(-50%,-50%);transform:scale(1.08) translate(-50%,-50%)}to{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}}@keyframes activity-toast-show{0%{-webkit-transform:scale(.5) translate(-50%,-50%);transform:scale(.5) translate(-50%,-50%)}75%{-webkit-transform:scale(1.08) translate(-50%,-50%);transform:scale(1.08) translate(-50%,-50%)}to{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}}@-webkit-keyframes activity-toast-hide{0%{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}25%{-webkit-transform:scale(1.08) translate(-50%,-50%);transform:scale(1.08) translate(-50%,-50%)}to{-webkit-transform:scale(.5) translate(-50%,-50%);transform:scale(.5) translate(-50%,-50%)}}@keyframes activity-toast-hide{0%{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}25%{-webkit-transform:scale(1.08) translate(-50%,-50%);transform:scale(1.08) translate(-50%,-50%)}to{-webkit-transform:scale(.5) translate(-50%,-50%);transform:scale(.5) translate(-50%,-50%)}}.activity-toast{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:8px;border-radius:5px;font-size:14px;color:#fff;display:inline-block;z-index:9999}.activity-toast-transition-enter{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0}.activity-toast-transition-enter-active{opacity:1;-webkit-transition:opacity .3s cubic-bezier(.165,.84,.44,1);transition:opacity .3s cubic-bezier(.165,.84,.44,1);-webkit-animation:activity-toast-show .3s cubic-bezier(.165,.84,.44,1);animation:activity-toast-show .3s cubic-bezier(.165,.84,.44,1)}.activity-toast-transition-exit{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0}.activity-toast-transition-exit-active{opacity:0;-webkit-transition:opacity .3s cubic-bezier(.165,.84,.44,1);transition:opacity .3s cubic-bezier(.165,.84,.44,1);-webkit-animation:activity-toast-hide .3s cubic-bezier(.165,.84,.44,1);animation:activity-toast-hide .3s cubic-bezier(.165,.84,.44,1)}div, p, ul, li, a, img, span, h1, h2, h3, h4, h5, h6, header, footer, section, article, form, input, textarea, video, iframe {
  margin: 0;
  padding: 0; }

body, html {
  margin: 0;
  padding: 0;
  font-size: 12px; }

ul, li {
  list-style: none; }

a {
  color: #222;
  text-decoration: none; }

a, input {
  outline: none;
  cursor: pointer; }

textarea {
  overflow: hidden; }

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  content: '.'; }
.read-card {
  position: relative;
  width: 478px;
  border-radius: 12px;
  padding: 17px 0 22px 0; }

.read-card a {
  display: block; }

.read-card .card-icon-left {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  background-position: top right;
  background-size: cover; }

.read-card-content {
  overflow: hidden; }

.read-card-content .card-box {
  width: 446px;
  margin: 0 auto; }

.read-card-content .card-title {
  display: block;
  width: 446px;
  height: 24px;
  font-size: 17px;
  line-height: 22px;
  color: #212121;
  margin: 12px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.read-card-content .card-author-info {
  overflow: hidden; }

.read-card-content .card-author-info-face {
  width: 24px;
  height: 24px;
  background-color: pink;
  border-radius: 50%;
  background-size: 100%;
  float: left;
  margin-right: 12px; }

.read-card-content .card-author-info-name {
  font-size: 14px;
  color: #99A2AA;
  line-height: 24px;
  float: left; }

.read-card-content .card-cover {
  display: block;
  width: 478px;
  height: 142px;
  background-color: powderblue;
  background-size: cover;
  background-position: center; }

.read-card-content .img-1 {
  width: 478px;
  height: 142px;
  float: left;
  background-size: cover;
  background-position: center; }

.read-card-content .img-2 {
  width: 237px;
  height: 142px;
  float: left;
  background-size: cover;
  background-position: center;
  margin-right: 4px; }

.read-card-content .img-2:nth-child(2n) {
  margin-right: 0; }

.read-card-content .img-3 {
  width: 156.5px;
  height: 142px;
  float: left;
  background-size: cover;
  background-position: center;
  margin-right: 4px; }

.read-card-content .img-3:nth-child(3n) {
  margin-right: 0; }

.read-card .card-desc {
  width: 446px;
  height: 44px;
  font-size: 15px;
  color: #505050;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 12px;
  padding-top: 12px; }

.read-card .read-card-Detail {
  padding: 0 20px;
  overflow: hidden;
  font-size: 12px;
  color: #99A2AA; }

.read-card .read-card-Detail-info {
  overflow: hidden;
  padding-top: 9px;
  float: left; }

.read-card .read-card-Detail-info .info-desc {
  float: left;
  font-size: 14px;
  color: #99A2AA;
  line-height: 16px; }

.read-card .read-card-Detail .card-vote {
  float: right;
  padding: 6px 11px;
  background-color: #fff;
  color: #F25D8E;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.read-card .read-card-Detail .card-vote:hover {
  background-color: #F25D8E;
  border: 1px solid #F25D8E;
  color: #fff; }

.read-card .read-card-Detail .card-vote:hover .card-vote-icon {
  display: inline-block;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  background-position: -74px 0; }

.read-card .read-card-Detail .card-vote .card-vote-number {
  display: inline-block;
  height: 14px;
  line-height: 18px; }

.read-card .read-card-Detail .card-vote-icon {
  float: left;
  width: 16px;
  height: 16px;
  background: url("//i0.hdslb.com/bfs/activity-plat/static/20171207/da21ccadcae3ec26db9b6ba2e033f7c2/images/l60oy95n49.png") no-repeat;
  background-position: -48px 1px;
  margin-right: 4px; }
.woodman-pager {
  width: 100%;
  overflow: hidden; }

.woodman-pager .pager-item {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  display: block;
  float: left;
  color: #23AEE6;
  font-size: 16px;
  text-align: center;
  min-width: 24px;
  line-height: 22px;
  margin: 0 2px;
  padding: 0;
  border-radius: 2px;
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  list-style: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.woodman-pager .pager-item:hover {
  border-color: #b5b5b5;
  color: #363636; }

.woodman-pager .pager-item.active {
  color: #ffffff;
  border-color: #23AEE6;
  background: #23AEE6;
  cursor: default; }

.woodman-pager .pager-box {
  float: right; }

.woodman-pager .pager-jump {
  font-size: 16px;
  color: #999999;
  float: right;
  position: relative; }

.woodman-pager .pager-jump span {
  cursor: default;
  vertical-align: middle;
  letter-spacing: 2px; }

.woodman-pager .pager-jump .pager-jump-link {
  font-family: Arial-BoldItalicMT;
  font-size: 24px;
  cursor: pointer;
  margin-left: 15px; }

.woodman-pager .pager-jump .pager-jump-input {
  vertical-align: middle;
  width: 36px;
  height: 24px;
  text-indent: 4px;
  font-size: 16px;
  border: none;
  outline: none;
  border-radius: 2px;
  background-color: #ffffff;
  border: 1px solid #dbdbdb; }
.clearfix {
  zoom: 1; }

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

.sort-list {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 38px; }

.sort-list .sort-list-item {
  float: left;
  list-style-type: none;
  margin-right: 48px;
  cursor: pointer;
  border-bottom: 2px solid; }

.sort-list .active {
  font-weight: bold; }

.random {
  float: right;
  font-size: 14px;
  cursor: pointer; }

.random:before {
  position: relative;
  content: " ";
  float: left;
  width: 16px;
  height: 16px;
  background-image: url("//i0.hdslb.com/bfs/activity-plat/static/20171207/da21ccadcae3ec26db9b6ba2e033f7c2/images/l60oy95n49.png");
  display: block;
  clear: both;
  top: 4px; }
* {
  margin: 0; }

.read-card .card-icon-left {
  top: 0; }

.card-list {
  width: 980px;
  margin: 0 auto;
  position: relative; }

.card-list .card-list-title {
  font-size: 24px;
  text-align: center;
  margin-bottom: 32px; }

.card-list .card-list-result {
  width: 240px;
  height: 60px;
  line-height: 60px;
  border-radius: 45px;
  margin: 0 auto;
  background-color: #9B9B9B;
  text-align: center;
  cursor: pointer; }

.card-list .card-list-result a {
  display: block;
  font-size: 24px;
  height: 100%;
  margin-top: 10px; }

.card-list .card-list-item {
  display: inline-block;
  margin-bottom: 30px; }

.card-list .woodman-pager .pager-item.active {
  border-color: #e3a706; }

.card-list .woodman-pager .unable {
  color: #e3a706; }