.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;}
.main .box .box-top{overflow: hidden;}
.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;}