.fox-widgets .hf-widget{padding:14px 17px 0;box-sizing:border-box;}
.fox-widgets .hf-widget{height:135px;overflow:hidden}
.fox-widgets .hf-widget [class*=" icon-"]:before,.fox-widgets .hf-widget [class^="icon-"]:before{margin:0}
.fox-widgets .hf-widget .hf-widget-title{font-size:15px;font-weight:bold;line-height:20px;letter-spacing:1px;border-bottom:1px solid #f2f2f2;padding:0 0 10px;margin-bottom:14px;color:#383838}
.fox-widgets .hf-widget .hf-widget-title a{color:#383838}
.fox-widgets .hf-widget .hf-widget-title>i{color:#ff5f33;margin-right:2px}
.fox-widgets .hf-widget .hf-widget-title span{font-size:12px;font-weight:normal;color:#a7a7a7;line-height:20px;margin-left:10px}
.fox-widgets .hf-widget .hf-widget-title .pages{float:right;padding-top:2px}
.fox-widgets .hf-widget .hf-widget-title .pages .prev,.fox-widgets .hf-widget .hf-widget-title .pages .next{font-size:9px;border:1px solid #eee;float:left;margin:0;color:#ccc;height:16px;line-height:15px;padding:0 2px;cursor:pointer}
.fox-widgets .hf-widget .hf-widget-title .pages .prev .icon,.fox-widgets .hf-widget .hf-widget-title .pages .next .icon{font-size:9px;top:0}
.fox-widgets .hf-widget .hf-widget-title .pages .prev:hover,.fox-widgets .hf-widget .hf-widget-title .pages .next:hover{color:#ff5f33}
.fox-widgets .hf-widget .hf-widget-title .pages .prev{border-right:none}
.fox-widgets .hf-widget .hf-tags{margin-bottom:-10px}
.fox-widgets .hf-widget .hf-tags{height:64px;overflow:hidden}
.fox-widgets .hf-widget .hf-tags a{display:inline-block;white-space:nowrap;word-break:break-all;font-size:12px;background:#f9f9f9;color:#888;border-radius:2px;margin:0 5px 10px;line-height:22px;height:22px;padding:0 5px}
.fox-widgets .hf-widget .hf-tags a:hover{background:#ff5f33;color:#fff}
.fox-widgets .hf-widget .hf-tags a.active{background:#ff5f33;color:#fff}
.fox-widgets .hf-widget-4 .hf-widget-title{margin-bottom:19px}
.fox-widgets .hf-widget-4 .hf-widget-content{font-size:14px;color:#888}
.fox-widgets .hf-widget-4 .hf-widget-content a{color:#888}
.fox-widgets .hf-widget-4 .hf-widget-content a:hover{color:#ff5f33}
.fox-widgets .hf-widget-4 .hf-widget-content h3{font-weight:normal;font-size:13px;line-height:22px;height:22px;overflow:hidden}
.fox-widgets .hf-widget-4 .hf-widget-content em{float:right;padding:0 5px;height:22px;line-height:22px;border-radius:2px;background:#fff5ef;color:#ff5f33;font-size:12px;font-style:normal}
.fox-widgets .hf-widget-4 .hf-widget-content ul{background:#fff;}
.fox-widgets .hf-widget-4 .hf-widget-content ul li{margin-bottom:5px}
.fox-widgets .hf-widget-4 .hf-widget-content ul li:last-child{margin-bottom:0}
.fox-widgets .hf-widget-1 .hf-widget-content a{color:#888}
.fox-widgets .hf-widget-1 .hf-widget-content a:hover{color:#ff5f33}
.fox-widgets .hf-widget-1 .hf-widget-content li{float:left;font-size:12px;width:25%;box-sizing:border-box;text-align:center;padding:0 8px}
.fox-widgets .hf-widget-1 .hf-widget-content li .modown-thumb-bg{display:block;height:0;background-position:center;background-repeat:no-repeat;background-size:cover;background-color:transparent;position:relative;overflow:hidden;transition:all .2s;width:36px;padding-top:36px;margin:0 auto 4px;}
.fox-widgets .hf-widget-1 .hf-widget-content li span{display:block;height:16px;line-height:16px;overflow:hidden}
.fox-widgets .hf-widget-1 .hf-widget-content .modown-scroll-h{margin:0 -10px}
.fox-widgets .modown-scroll-h{position:relative;overflow:hidden;height:56px}
.fox-widgets .modown-scroll-h ul{position:absolute;left:0;top:0;width:100%;*zoom:1;transition:all .2s}
.fox-widgets .modown-scroll-h ul:before,.fox-widgets .modown-scroll-h ul:after{content:"";height:0;line-height:0;display:block;visibility:none;clear:both}
.fox-widgets .modown-scroll-h .holdon{position:absolute;left:100%;top:0}
.fox-widgets .modown-scroll-h .holdon-prev{left:-100%}
.fox-widgets .hf-widget-hot-cats .hf-widget-content .icon{font-size:20px;width:36px;height:36px;line-height:36px;text-align:center;border-radius:100%;background:#fff5f0;color:#ff5f33;display:inline-block;margin-bottom:5px}
.fox-widgets .hf-widget-hot-cats .modown-scroll-h li a{display:block}
.fox-widgets .hf-widget-hot-cats .modown-scroll-h li a:hover .icon{background:#ff5f33;color:#fff}
@media (min-width:576px){.fox-widgets .card-group > .card + .card{margin-left:1rem;border-left:1px;}}
@media screen and (max-width:768px){.fox-widgets .hf-widget .hf-widget-title span{display:none}}