.main{width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.main .main-top{height: 35px; line-height: 35px; color: #999; font-size: 14px; padding-left: 5px; margin: 9px 0 5px 0; overflow: hidden;}
.main .main-top a{color: #999;}
.main .main-sun{background: #fff; width: 1200px; margin: 0 auto 20px; overflow: hidden;}
.main .main-sun p{border-top: 1px solid #f6f6f6; font-size: 14px; color: #666; padding: 15px 0 15px 95px; line-height: 27px; margin-top: -1px; position: relative;}
.main .main-sun p span{position: absolute; left: 25px; top: 14px; display: inline-block; height: 27px; margin: 5px 0;}
.main .main-sun p a{padding: 0 10px; display: inline-block; height: 27px; margin: 5px 0;border-radius: 5px;}
.main .main-sun p .on{background: #0fa61d; color: #fff;}
.main .main-sun p a em{background: url(../images/com_icon.png) no-repeat -139px -18px; width: 14px; height: 14px; display: inline-block; margin-left: 2px; vertical-align: 5px;}
.main .box{width: 1200px;height: auto;background: #fff;overflow: hidden;padding: 20px 24px;}
.main .box .box-top{overflow: hidden;}

.main .box .box-top li{
    float: left;
    width: 274px;
    height: 300px;
    margin-right: 22px;
    display: block;
}

.main .box .box-top li .name { display: block; height: 52px; line-height: 26px; font-size: 18px; color: #4D4D4D; font-weight: bold; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.main .box .box-top li:hover .name { color: #0d57e0; }
.main .box .box-top li p { display: block; height: 48px; line-height: 24px; font-size: 14px; color: #999; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.main .box .box-top li .bq { height: 30px; overflow: hidden; *zoom: 1; }
.main .box .box-top li .bq span { font-size: 14px; color: #999; line-height: 30px; max-width: 50%; }
.main .box .box-top li .bq span:nth-of-type(1) { float: left; }
.main .box .box-top li .bq span:nth-of-type(2) { float: right; text-align: right; }


.main .box .box-top li .img { display: block; width: 236px; height: 142px; border-radius: 6px; margin-bottom: 7px; overflow: hidden; }
.newsList .list ul li .name { display: block; height: 52px; line-height: 26px; font-size: 18px; color: #4D4D4D; font-weight: bold; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.main .box .box-top li .img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.newsList .list ul li:hover .name { color: #0d57e0; }

.newsList .list ul li p { display: block; height: 48px; line-height: 24px; font-size: 14px; color: #999; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.newsList .list ul li .bq { height: 30px; overflow: hidden; *zoom: 1; }

.newsList .list ul li .bq span { font-size: 14px; color: #999; line-height: 30px; max-width: 50%; }

.newsList .list ul li .bq span:nth-of-type(1) { float: left; }

.newsList .list ul li .bq span:nth-of-type(2) { float: right; text-align: right; }
.main .box .box-top .funny{float: left; width: 599px; height: 100px; padding: 30px 0; border: 1px solid #f6f6f6; border-left: none; margin: -1px -1px 0 0px; overflow: hidden;}
.main .box .box-top .funny .pic{width: 100px; height: 100px; float: left; position: relative; margin: 0 25px 0 30px; overflow: hidden;}
.main .box .box-top .funny .pic img{width: 100px; height: 100px;border-radius: 15px;}
.main .box .box-top .funny .pic span{background-position: -135px -202px; width: 100px; height: 100px; position: absolute; left: 0px; top: 0px; background: url(../skin_img/yxk_bg.png) no-repeat; display: inline-block;}
.main .box .box-top .funny .info{float: left; width: 275px; color: #555; height: 100px; overflow: hidden;}
.main .box .box-top .funny .info h5{font-size: 20px; font-weight: normal; margin-bottom: 17px;}
.main .box .box-top .funny .info h5 a{color: #666;}
.main .box .box-top .funny .info .text{font-size: 14px; clear: both; line-height: 25px; height: 50px; overflow: hidden;}
.main .box .box-top .funny .btn{color: #38c34b; border: 1px solid #38c34b; text-align: center; width: 86px; height: 31px; line-height: 31px; display: inline-block; float: right; font-size: 16px; margin: 58px 50px 0 0px; overflow: hidden; border-radius: 5px;}

.main .box .box-top .funny .btn:hover{background:#0fa61d; color:#fff; border:none; width:88px; height:33px; line-height:33px;}
.main .main-sun p a:hover{background:#0fa61d; color:#fff;}


.main .main-top .cur{    color: #1d96f4;}



/* .cat{text-align: center; width: 100%; height: 44px; line-height: 44px; font-size: 0; margin-top: 15px;} */
/* .cat span{line-height: 40px; padding: 0 10px; font-size: 14px; display: inline-block; color: #999; background: #fff; vertical-align: middle;} */
/* .cat a{width: 40px; height: 40px; line-height: 40px; font-size: 14px; cursor: pointer; border-radius: 5px; margin-left: 10px; transition: all .4s; display: inline-block; color: #999; background: #fff; vertical-align: middle;} */
/* .cat .active{background: #38c34b; color: #fff;} */

.pages{text-align: center; width: 100%; height: 44px; line-height: 44px; font-size: 0; margin-top: 15px;}
/*.pages span{line-height: 40px; padding: 0 10px; font-size: 14px; display: inline-block; color: #999; background: #fff; vertical-align: middle;}*/
.pages a,.pages span{    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    margin-left: 10px;
    transition: all .4s;
    display: inline-block;
    color: #999;
    background: #fff;
    vertical-align: middle;}
.pages .name{background: #38c34b; color: #fff;}