@charset "UTF-8";


*{padding:0;margin:0;}
body, input, button, select, textarea {font: 12px/1.6em Arial, Microsoft Yahei, 'Simsun',sans-serif;color: #000;}
li{list-style-type: none;}
img{margin:0;padding:0;border:none;}
a{transition: color 0.3s ease;color: #444;}
.cl { zoom:1;}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.c2{clear: both;}
a{text-decoration: none;cursor:pointer;}
i {font-style: normal;}


/*title*/
.title{width: 100%;border-bottom: 1px solid #CCCCCC;height: 42px;line-height: 42px;}
.titles{width: 1160px;margin: 0 auto;font-size: 16px;}
.titles a:hover{color: #FF0000;}
/*list*/
.clist{width: 1160px;margin:0 auto;padding-top: 10px;}
.clist-l{width: 70%;float: left;}
.clist-r{width: 300px;float: right;position: relative;}
.clist-l ul li{margin-bottom: 10px;border-bottom: 1px solid #CCCCCC;padding-bottom: 10px;}
.l-img{width: 300px;height: 210px;margin:10px 23px 10px 10px;overflow: hidden;float: left;border: 1px solid white;display: -webkit-flex;align-items: center;background: black;}
.l-img:hover{border: 1px solid #CC0000;}
.l-img img{width: 100%;height: auto;}
.r-p{width: 470px;height: 210px;float: left;margin-top: 10px;color: #333333;font-size: 14px;}
.r-p a span{color: #CC0000;}
.r-p-a{width: 100%;font-size: 20px;font-weight: 600;color: #444444;margin-top: 5px;display: block;line-height: 22px;}
.r-p-a:hover{color: #FF0000;}

.r-p2{width: 770px;height: 210px;float: left;margin-top: 10px;color: #333333;font-size: 14px;}
.r-p2 a span{color: #CC0000;}
.r-p-a{width: 100%;font-size: 20px;font-weight: 600;color: #444444;margin-top: 5px;display: block;line-height: 22px;}
.r-p-a:hover{color: #FF0000;}

.time{margin: 20px 0 15px 0;display: block;font-size: 12px;color: #999;}
.tag{display: block;margin-top: 15px;font-size: 12px;color: #999;}
.tag a{margin-left: 5px;color: #999999;}
.tag a:hover{color: #FF0000;}
/*分页*/
.paging{float: left;width: 100%;font-family: Microsoft Yahei;height: 36px;text-align: center;padding-top: 10px;padding-bottom: 15px;}
.paging a{margin: 0 2px;font-size: 14px;font-weight: bold;display: inline-block;height: 34px;line-height: 34px;background: #FFF;text-align: center;padding: 0 10px;/* box-shadow: 2px 1px 7px black; */border-radius: 3px;color: black;border: 1px solid #ccc;}
.paging span{font-size: 14px;font-weight: bold;display: inline-block;height: 34px;line-height: 34px;background: #CC0000;color: #FFF;text-align: center;padding: 0 11px;}
.paging .s1{background: white;color: #717171;border: none;}
.paging a:hover{background: #CC0000;color: white;}
.paging span{color: white;background: #ff0000;/* box-shadow: 2px 1px 7px black; */border-radius: 3px;}
/*list end*/
/*右侧推荐位*/
.recom{width: 300px;margin-top: 10px;float:left;}
.recom span,.r-title span{font-weight: 600;color: #FF0000;font-size: 16px;font-family: Microsoft Yahei;line-height: 35px;margin-left: 10px;border-bottom: 2px solid black;height: 35px;display: block;text-indent: -999999px;}
.r-title p{width: 32%;height: 35px;display: block;color: #ff0000;float: left;line-height: 35px;padding-right: 10px;text-align: right;font-size: 22px;/* background: black; */border-bottom: 2px solid #ff0000;}
.r-list{float: left;width: 100%;}
.r-list a:hover{color: #CC0000;}
.r-list div{margin: 10px 0 0;}
.r-list div > a{width: 90px;height: 60px;float: left;margin-right: 20px;overflow: hidden;display:flex;align-items: center;background: black;}
.r-list div a img{width: 100%;height: auto;}
.r-list p{display: block;font-size: 14px;/* padding-top: 6px; */}
.r-list p a{display:block;height: 54px;overflow: hidden;}
.recom ul{float: left;margin-top: 5px;}
.recom ul li{font-size: 14px;overflow: hidden;height: 28px;line-height: 28px;}
.recom ul li a:hover{color: #FF0000;}
/*右侧浮动推荐位*/
.pinned{float: left;width: 300px;z-index: 2;margin-top:10px;background: white;}
.focus{margin: 10px 0 10px 0;width: 100%;}
.focus-t{width: 135px;float: left;margin: 0 0 0 9px; height:140px;}
.focus-t a img{width: 135px;height: 83px;}
.focus-t a{text-align: center;margin: 0 auto;display: block;}
.pinned ul li span{width: 19px;height: 15px;color: white;background: #9A9A9A;display: block;float: left;margin-top: 7px;line-height: 15px;font-size: 12px;text-align: center;}
.pinned ul li a{margin-left: 10px;}
.pinned ul li .num{background: #FF0000;}

@media screen and (min-width:601px) and (max-width:800px){
    .clist{width: 100%;}
    .clist-r{display:none;}
    .clist-l{width:100%;}
    .r-p{width: 63%;}
    .funcset{padding-left: 10px;}
    .head-top{padding-left: 10px;}
    .titles{width:100%;padding-left: 10px;}
    .topbar .wp{width:100%;}
    .l-img{width: 32%;margin: 10px 3% 10px 10px;}
}
@media screen and (max-width:801px) and (min-width:1025px){

}
@media screen and (max-width:1160px) and (min-width:1025px){

}
@media screen  and (min-width:1161px){

}