#x_header{position:fixed;z-index:99;right:0;left:0;top:50px}
.top-bar a{font-size:14px;display:block;float:left;width:25%;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);font-weight:700}
.top-bar{overflow:hidden;background:#FEFAEF}
.top-bar .active{box-shadow:inset 0 -3px 0 #A7190F;color:#A7190F}
.top-bar span{display:block;text-align:center;margin:14px 0;box-shadow:inset -1px 0 0 rgba(0,0,0,.1)}
/* list */
.x-main{background:#Fff}
.x-list{padding:10px;margin:10px 0;font-size:14px;color:#000;background:#FFF5EB;-moz-box-shadow:3px 3px 4px #000;-webkit-box-shadow:3px 3px 4px #ccc;box-shadow:3px 3px 4px #ccc;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#ccc')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#ccc')}
.x-pic{margin:10px 10px 10px 0;float:left;border-radius:10px;height: 100px;}
.x-info{text-align:left;color:#DB3635;padding:10px 8px 0 8px;font-size:18px;}
.x-from{text-align:left;color:#ccc;padding:8px 8px 0 8px;}
.x-content{text-align:left;color:#000;font-size:16px;line-height:180%;padding:5px 8px 0 8px;}
.x-vote{margin:0;clear: both; float:right;position: relative;height:65px;}
.x-up{color:#333;font-size:16px;text-align:left;float:right;margin-top:38px;margin-right:30px;}
.x-btn{float:right;width:70px;line-height:30px;margin:0 5px;text-align:center;color:#fff;background:#e73540;cursor:pointer;border-radius:.25rem;-o-border-radius:.25rem;-ms-border-radius:.25rem;-moz-border-radius:.25rem;-webkit-border-radius:.25rem}
.x-btn a{color:#fff;font-size:14px}

.xuyuan{background-color:#000;width:100%}
.imgTop{margin-top:10px}
.imgTop img{display:block;width:100%}
.listbox{padding:0}
.listbox ul{font-size:0;padding:6px}
.listbox ul li{padding:6px 6px;width:36%;margin:0;display:inline-block;vertical-align:top}
.listbox ul a{display:block;margin:0;height:30px;width:100%;white-space:nowrap;font-size:14px;color:#bf9860;line-height:30px;background-image:url(/img/xuyuan/listbox_l.jpg),url(/img/xuyuan/listbox_r.jpg),url(/img/xuyuan/listbox_m.jpg);background-repeat:no-repeat,no-repeat,repeat-x;background-position:left 0,right 0,0 0;background-size:auto 100%,auto 100%,auto 100%;text-align:center;font-weight:700}
.imgBottom img{display:block;width:100%}

/* page list */
.pager{height:30px;text-align:center;padding-top:8px;}
.pager a,.pager .current{border:1px solid #D0AD9A;margin:0 2px;padding:3px 8px;color:#000;background:#FAF8E9;font-size:15px;blr:expression(this.onFocus=this.blur());}
.pager a:visited{border:solid 1px #ccc;background:#fff;}
.pager a:hover{border:solid 1px #D0AD9A;background-color:#895127; color:#fff;text-decoration:none;padding-bottom:5px;}
.pager .bodypage{border:0;}
.pager a:active{text-decoration:none;}
.pager .current{color:#fff;background:#ff9100;font-weight:bold;}

.box {padding:0;width:96%;}
.box_content {clear:both; overflow:hidden; width:96%; padding:0 0 0 10px;}
.box_name{font-size:16px;font-weight:bold;}
.box_area{font-weight:normal;color:#ccc;font-size:14px;}
.box_l{position:absolute;}
.box_r{font-size:14px;padding-left:60px;margin-top:5px;min-height:50px;}
.r_comments{position:relative;height:262px;}
.r_comments ul{list-style:none outside none; margin-left:0px; }
.r_comments ul li{padding:5px 0px; line-height:24px; border-bottom:1px solid #ccc; text-align:left;clear:both;}
.r_comments li img{height:48px; width:48px; float:left; padding:1px; margin:5px;border-radius:100%;}

/* button */
.heart{background:url(/img/xuyuan/web_heart_animation.png);background-position:left;background-repeat:no-repeat;height:100px;width:100px;cursor:pointer;position:absolute;left:-84px;background-size:2900%}
.heart:focus,.heart:hover{background-position:right}
@-webkit-keyframes heartBlast{0%{background-position:left}
100%{background-position:right}
}
@keyframes heartBlast{0%{background-position:left}
100%{background-position:right}
}
.heartAnimation{display:inline-block;-webkit-animation-name:heartBlast;animation-name:heartBlast;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:steps(28);animation-timing-function:steps(28);background-position:right}