.faql{overflow:hidden;}
.faql .box{background:#fff;border:1px solid #e5e5e5;}
.faql .lefter{width:810px;float:left;margin-right:18px;min-height:500px;}
.faql .lefter .nav{padding:30px 20px 20px 30px;border-bottom:1px solid#e5e5e5;}
.faql .lefter .nav a{color:#666;margin-right:5px;padding:5px;}
.faql .lefter .nav a:hover{display:inline !important;color:#fff;background-color:#373D41;border-radius:2px;}
.faql .lefter .nav a.hover{display:inline !important;color:#fff;background-color:#057af6;border-radius:2px;}
.faql .lefter .nav a.active{color:#f30;margin:0 5px;}

.faql .list{padding:10px 15px;}
.faql .list ul{margin:0;padding:0;list-style:none;}
.faql .list ul li{overflow:hidden;border-bottom:1px solid #f3f3f3;padding:10px 15px;}
.faql .list ul li .info{position:relative;}
.faql .list ul li .info h5{font-size:16px;font-weight:normal;margin:0;padding:0;}
.faql .list ul li .info h5 a{margin-right:5px;}
.faql .list ul li .info h5 em{font-size:14px;line-height:16px;margin-left:5px;padding: 0px 8px;border-radius:20px;font-style: normal;}
.faql .list ul li .info h5 .top{color:#1e9fff;border: 1px solid #1e9fff;line-height:16px;}
.faql .list ul li .info h5 .hot{color:#ff5722;border: 1px solid #ff5722;line-height:16px;}
.faql .list ul li .info h5 .new{color:#ffb800;border: 1px solid #ffb800;line-height:16px;}
.faql .list ul li .info .tag{color:#999;font-size:14px;}
.faql .list ul li .info .tag a{color:#999;padding-right:3px}
.faql .list ul li .info .tag a:hover{color:#f30;}
.faql .list ul li .info .date{position:absolute;right:0;bottom:0;font-size:12px;color:#666;}
.faql .list ul li .info .date span{color:#999;margin-right:3px;}
.faql .list ul li:hover{background:#fafafa;}

.faql .righter{margin:0;padding:0;float:right;width:370px;}

.faql .righter .hotpic{margin:20px;}
.faql .righter .hotpic h2 {border-bottom:1px solid #e5e5e5;font-size:18px;font-weight:500;color: #333;margin: 0 0 5px 0;padding: 0 0 15px 0;}
.faql .righter .hotpic ul{width:343px;}
.faql .righter .hotpic ul li{float:left;width:155px;margin: 0 15px 15px 0;}
.faql .righter .hotpic ul li a{border:1px solid #ededed;padding:4px;display:block;background:#fff;border-radius:4px;}
.faql .righter .hotpic ul li a div{overflow:hidden;width:100%;height:100%;}
.faql .righter .hotpic ul li a div img{width:100%;height:100%;max-height:128px;min-height:128px;display:block;border:0;}
.faql .righter .hotpic ul li a p{text-align:center;font-size:14px;color:#333;margin:0;padding:5px 0;}
.faql .righter .hotpic ul li a:hover p{color:#057af6;}