﻿/*轮播*/
.model_first{margin: 0 auto;width: 1180px;padding-top:25px;min-height: 200px;}
.wrap_box{display: -webkit-flex;display:-ms-flexbox;display: flex;justify-content: space-between;}
.left_wrap{width:860px;padding-right:15px;box-sizing: border-box;}
.right_wrap{width:320px;padding-left:5px;box-sizing: border-box;}
.slider {position: relative;}
.rslides {position: relative;list-style: none;overflow: hidden;padding: 0;margin: 0;}
.rslides li {position: relative; width: 100%;}
.rslides li a{display:block;height:400px;border-radius: 5px;overflow: hidden;}
.rslides img {display: block;width:100%;}
.callbacks_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 50%;left: 0;opacity: 0.3;z-index: 3;text-indent: -9999px;text-decoration: none;height: 61px;width: 38px;background: url("../image/themes.gif") no-repeat left top;margin-top: -45px;}
.callbacks_nav.next {left: auto;background-position: right top;right: 0;}
ul.callbacks_tabs.callbacks1_tabs {display: none;}
.callbacks_nav {left: 20px;}
.callbacks_nav.next {right: 20px;}
.rslides .text{position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;line-height: 50px;padding-left: 20px;background: rgba(0, 0, 0, 0.5);background-size: 7px 13px;background-position: 204px center;color: #fafafa;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
/*-- 轮播右侧图片 --*/
.slider_right{padding-top:15px;}
.slider_right_ul{padding: 0;margin: 0;list-style: none;display: -webkit-flex;display:-ms-flexbox;display: flex;justify-content: space-between;}
.slider_right_ul li {position: relative;width:415px;border-radius: 5px;overflow: hidden;background: rgba(255,255,255,.15);}
.slider_right_ul img {width: 100%;height: 100%;vertical-align: top;-webkit-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.slider_right_ul a:hover img{transform: scale(1.2);}
.slider_right .text{position: absolute;left: 0;bottom: 0;width: 100%;height: 30px;line-height: 30px;padding-left: 10px;padding-right: 10px;background: rgba(0, 0, 0, 0.5);background-size: 7px 13px;background-position: 204px center;color: #fafafa;font-size: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*-- 轮播最右侧 --*/
.slider_right_right{width: 320px;height: 340px;float: right;}
.slider_right_right .slider_right_right_frist{border-bottom: 1px solid #dedede;height: 25px;}
.slider_right_right .slider_right_right_frist h2{display: inline-block;}
.slider_right_right .slider_right_right_frist .slider_right_right_a{font-size: 17px;margin-right: 25px;color: #999;}
.slider_right_right .slider_right_right_frist .active{color:#000;border-bottom: 3px solid #ffae12;padding-bottom: 3px;}
.tab-link{display: flex;justify-content: space-between;align-items: center;padding: 15px;padding-right: 0;}
.tab-link:hover{color:#ffae12}
.tab-link_time{display: block;color: #999;font-size: 14px;}
.tab-link_title{font-size: 17px;width: 250px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 2px;padding-bottom: 3px;}

/* NEWS 文章列表 */
.wz_feed_lb .item{position:relative;padding:20px 0;border-bottom:1px solid #e5e5e5;}
.wz_feed_lb .item:last-child{border: 0;}
.wz_feed_lb .info{height:78px;overflow:hidden;}
.wz_feed_lb .info h3{margin-bottom:6px;color:#4f5157;font-weight:700;font-size:16px;line-height:26px;word-break:break-all;}
.wz_feed_lb .info p{line-height:24px;font-size:14px;color:#666;text-align: justify;word-break: break-all;}
.wz_feed_lb .tp_box{padding-right:20px;}
.wz_feed_lb .tp_box img{display:block !important;width:193px;height:118px;border-radius:8px;}
.wz_feed_lb .others{padding-top:30px;text-align: right;}

/* NEWS 右侧 7* 24h */
.rg_724lb ul li{position:relative;border-bottom:1px solid #f1f1f1;padding:12px 0 12px 18px;}
.rg_724lb ul li:last-child{border: none;}
.rg_724lb ul li::before{position: absolute;left:0;top:15px;display:block;content:' ';width:8px;height:8px;background-color:#dedede;}
.rg_724lb ul li a h4{font-size:15px;word-break: break-all;text-align:justify;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.rg_724lb ul li a p{color: #999;font-size:13px;padding-top:10px;}

/* NEWS 右侧宠物大全分类 */
.rg_chwdq{}
.rg_chwdq ul{position: relative;padding-top:12px;}
.rg_chwdq ul li{float:left;width:60px;margin-left:12px;}
.rg_chwdq ul li a{display:block;}
.rg_chwdq ul li .tp_box{border-top-left-radius:45px;border-top-right-radius:45px;overflow: hidden;}
.rg_chwdq ul li .tp_box img{display: block;width:100%;}
.rg_chwdq ul li h4{font-size:14px;height:22px;line-height:22px;text-align: center;background-color:#ffae12;color:#fff;}
.rg_chwdq ul:first-child li:first-child,
.rg_chwdq ul:last-child li:last-child{width:168px;position:absolute;top:4px;}
.rg_chwdq ul:last-child li:last-child .tp_box,
.rg_chwdq ul:first-child li:first-child .tp_box{border-top-left-radius:90px;border-top-right-radius:90px;}
.rg_chwdq ul:first-child{padding-left:170px;}
.rg_chwdq ul:first-child li:first-child{left:0;margin-left:0;}
.rg_chwdq ul:last-child li:last-child{right:0;}
.rg_chwdq ul:last-child{padding-right:170px;}
.rg_chwdq ul:last-child li:nth-child(1),
.rg_chwdq ul:last-child li:nth-child(3){margin-left:0;}

/*-- 宠物知识 --*/
.model_next{margin: 0 auto;width: 1180px;min-height: 200px;padding-top:15px;}
.model_next .cwgrd_list .title h2{font-size: 18px;border-bottom: 2px solid #ffae12;display: inline;padding-bottom: 3px;font-weight: bolder;}
.model_next .cwgrd_list ul{padding-top: 15px;}
.cwgrd_list{padding-top: 5px;width: 860px;float: left;}
.cwgrd_list li {float: left;width: 273px;height:220px;margin-right: 13px;margin-bottom: 15px;}
.cwgrd_list li .img_div{border-radius: 3px;overflow: hidden;position: relative;}
.cwgrd_list a {display: block;position: relative;width: 100%;overflow: hidden;}
.cwgrd_list img {display: block;width: 100%;transition: all 0.3s;height: 153px;}
.cwgrd_list a:hover img{transform: scale(1.2);}
.cwgrd_list .cwlb{display: block;position: absolute;left: 0px;bottom: 5px;height: 25px;line-height: 25px;padding-left: 5px;}
.cwgrd_list .cwlb span{background: rgba(251,82,30,0.7);border-radius: 6px;font-size: 13px;color: #fff;padding: 6px;}
.cwgrd_list .text {font-size: 15px;text-overflow: ellipsis;overflow: hidden;padding: 8px 8px 10px 8px;line-height: 25px;}
.cwgrd_list .text:hover{color:#ffae12;}
/*-- 宠物知识热门知识 --*/
.cwgrd_list_cnxh{width: 320px;float:left;padding-top: 5px;}
.cwgrd_list_cnxh .title h2{font-size: 18px;border-bottom: 2px solid #ffae12;display: inline;padding-bottom: 3px;font-weight: bolder;}
.cwgrd_list_cnxh .list{padding-top: 15px;}
.cwgrd_list_cnxh .list .list_1{width: 100%;position: relative;overflow:hidden;}
.cwgrd_list_cnxh .list .list_1 .list_1_img{width: 100%;height: 165px; border-radius: 3px;overflow: hidden;}
.cwgrd_list_cnxh .list .list_1 .list_1_img img{width: 100%;transition: all 0.3s;}
.cwgrd_list_cnxh .list .list_1:hover img{transform: scale(1.2);}
.cwgrd_list_cnxh .list .list_1 .list_1_message{position: absolute;bottom: 3px;left: 5px;right: 5px;display: flex;align-items: center;}
.cwgrd_list_cnxh .list .list_1 .list_1_message .list_1_message_img{height: 30px;width: 30px;float: left;background: #fb521e;border-radius: 50%;text-align: center;line-height: 30px;margin-right: 5px;}
.cwgrd_list_cnxh .list .list_1 .list_1_message .list_1_message_img span{color:#fff;font-size: 20px;}
.cwgrd_list_cnxh .list .list_1 .list_1_message p{color: #fff;font-size: 15px;overflow: hidden;line-height: 22px;}
.cwgrd_list_cnxh .list .list_2{width: 100%;position: relative;margin-top: 16px;}
.cwgrd_list_cnxh .list .list_2 .list_2_message{display: flex;align-items: center;}
.cwgrd_list_cnxh .list .list_2 .list_2_message .list_2_message_img{height: 40px;width: 40px;float: left;border-radius: 50%;text-align: center;margin-right: 10px;overflow: hidden;}
.cwgrd_list_cnxh .list .list_2 .list_2_message .list_2_message_img img{width: 100%;height: 100%;}
.cwgrd_list_cnxh .list .list_2 .list_2_message .list_2_message_img span{color:#fff;font-size: 25px;}
.cwgrd_list_cnxh .list .list_2 .list_2_message p{font-size: 15px;overflow: hidden;width: 270px;line-height: 25px;word-break: break-all;text-align: justify;}
.cwgrd_list_cnxh .list .list_2 .list_2_message:hover{color:#ffae12;}

/*  NEWS 品牌库 */
.pics_box{}
.pics_box .lfbox{width:521px;}
.pics_box .midbox{width:258px;}
.pics_box .rgbox{width:391px;}
.pics_box .lfbox .sec_line{padding-top:1px;}
.pics_box .lfbox .sec_line a{width:258px;}
.pics_box a{position:relative;display: block;margin-bottom: 4px;}
.pics_box .tp_box img{display:block;width:100%;}
.pics_box h4{position:absolute;width:100%;bottom:0;left:0;padding:10px;color:#fff;font-size:16px;word-break: break-all;text-align:justify;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(30,87,153,0)),color-stop(1%,rgba(30,86,151,0)),to(rgba(0,0,0,.9)));
    background: linear-gradient(to bottom,rgba(30,87,153,0) 0,rgba(30,86,151,0) 1%,rgba(0,0,0,.9) 100%);
    *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#e6000000', GradientType=0)
}

/*-- 宠物品牌 --*/
.model_three{margin: 0 auto;width: 1180px;min-height: 200px;}
.model_three .title h2{font-size: 18px;border-bottom: 2px solid #ffae12;font-weight: bolder;display: inline;padding-bottom: 3px;}
.is-bd{padding-top: 15px;}
.is-main {width: 860px;float: left;}
.pn-left {width: 400px;float: left;}
.pn-banner{overflow: hidden;width: 400px;height: 220px;}
.pn-banner img {transition: all 0.3s;width: 400px;height: 220px;}
.pn-banner:hover img{transform: scale(1.2);}
.pn-banner {position: relative;border-radius: 3px;overflow: hidden;}
.pn-banner span {font-size: 15px;font-weight: bolder;color: #fff;position: absolute;left:0px;bottom: -3px;width:100%;height: 48px;line-height: 48px;text-indent: 5px;background: -webkit-gradient(linear,left top,left bottom,from(rgba(30,87,153,0)),color-stop(1%,rgba(30,86,151,0)),to(rgba(0,0,0,.9)));background: linear-gradient(to bottom,rgba(30,87,153,0) 0,rgba(30,86,151,0) 1%,rgba(0,0,0,.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#e6000000', GradientType=0 );overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pn-left .image-list-tag {margin-top: 19px;}
.image-list-tag {margin-right: -20px;position: relative;}
.image-list-tag li {margin-right: 20px;float: left;position: relative;}
.image-list-tag li:hover img{transform: scale(1.2);}
.image-list-tag img, .image-list-tag li {width: 190px;height: 110px;border-radius: 3px;overflow: hidden;}
.image-list-tag img{transition: all 0.3s;}
.image-list-tag .red {background: #fb521e;color: #fff;}
.image-list-tag i {left: 0;top: 0;line-height: 19px;padding: 0 10px;position: absolute;z-index: 2;}
.image-list-tag span {width: 190px;color: #fff;left: 0;bottom: 0;height: 20px;line-height: 20px;text-indent: 4px;background: rgba(0,0,0,.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000')\9;position: absolute;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pn-right {width: 400px;float: left;margin-left: 20px;}
.pn-right .title {height: 25px;line-height: 20px;font-size: 20px;display: flex;align-items: center;}
.pn-right .title i {background: #fb521e;height: 25px;border-radius: 2px;color: #fff;font-size: 13px;padding: 3px 10px;cursor: pointer;margin-right: 8px;}
.pn-right .title a{width: 340px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 17px;}
.pn-right .title a:hover{color:#ffae12;}
.pn-right .ms{height: 60px;line-height: 25px;padding-top: 10px;font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;color: #666;}
.pn-right .news-list-tag {padding-top: 5px;margin-top: 7px;border-top: dashed 1px #bbb;}
.news-list-tag li {height: 32px;line-height: 32px;padding-left: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;font-size: 14px;}
.news-list-tag li:hover a{color:#ffae12;}
.news-list-tag li:before {content: '\200B';width: 4px;height: 4px;left: 0;top: 50%;margin-top: -2px;background: #ddd;position: absolute;}
.index-block {border: solid 1px #ffd1c7;border-top: solid 3px #fe8c3f;}
.is-aside {width: 320px;float: left;}
.ib-hd h3 {margin-left: 17px;color: #ffae12;font-size: 15px;}
.pn-small {padding: 0 17px 0 47px;height: 37px;line-height: 37px;position: relative;overflow: hidden;}
.pn-small i{width: 20px;height: 20px;line-height: 20px;left: 17px;top: 50%;margin-top: -10px;color: #fff;text-align: center;position: absolute;overflow: hidden;}
.pn-small p{font-size: 15px;}
.pn-list .important .pn-image i, .pn-list .important .pn-small i {background: #fb521e;}
.pn-list .cur .pn-small{display: none;}
.pn-list .cur .pn-large{display: block;}
.pn-large {padding: 0 17px;height: 158px;overflow: hidden;display: none;}
.pn-large span {height: 20px;width: 100%;color: #000;font-weight: 400;font-size: 15px;display: block;margin-bottom: 10px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bolder;}
.pn-image i {width: 20px;height: 20px;line-height: 20px;background: #27a7df;left: 0;top: 0;text-align: center;position: absolute;overflow: hidden;z-index: 12;color: #fff;}
.pn-image, .pn-image img {width: 150px;height: 100px;position: relative;float: left;border-radius: 3px;overflow: hidden;}
.pn-text {width: 134px;line-height: 20px;float: left;font-size: 12px;padding-left: 6px;height: 100px;overflow: hidden;color: #666;}
.pn-text i {color: #fe8c3f;}
.pn-list a {text-decoration: none;color: #333;}
/*-- 宠物问答 --*/
.model_four{margin: 0 auto;width: 1180px;min-height: 200px;padding-top:5px;}
.model_four .title h2{font-size: 18px;border-bottom: 2px solid #ffae12;display: inline;padding-bottom: 3px;font-weight: bolder;}
.pk-item {width: 261px;height: 301px;margin-right: 25px;float: left;}
.pk-title {height: 44px;line-height: 44px;}
.pk-title h3 {color: #333;float: left;font-size: 16px;font-weight: bolder;}
.more {color: #777;padding-left: 11px;font-size: 13px;position: relative;float: right;}
.pk-image{position: relative;display: block;border-radius: 3px;overflow: hidden;}
.pk-image:hover img{transform: scale(1.2);}
.cwgrd_list a:hover img{transform: scale(1.2);}
.pk-image i {line-height: 24px;padding: 0 8px;background: #fb521e;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF000000', endColorstr='#BF000000')\9;color: #fff;position: absolute;}
.pk-image, .pk-image img {width: 100%;height: 165px;transition: all 0.3s;}
.pk-image h4 {left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.65);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6000000', endColorstr='#A6000000')\9;height: 32px;line-height: 32px;color: #fff;text-align: center;font-weight: 400;position: absolute;overflow: hidden;}
.pk-list {padding: 5px 0;font-size: 14px;}
.pk-list li {height: 26px;line-height: 26px;padding-left: 20px;position: relative;overflow: hidden;}
.pk-list li:hover a{color:#ffae12;}
.pk-list li:before {content: '\200B';width: 3px;height: 3px;background: #ccc;left: 0;top: 50%;margin-top: -1px;position: absolute;}
.pet-knowledge .index-block {margin-top: 12px;}
.index-block {border: solid 0.1px #ffd1c7;border-top: solid 3px #fe8c3f;background-color: #fff;border-radius: 3px;}
.ib-hd {height: 42px;line-height: 42px;background-color: #fff;overflow: hidden;}
.ib-hd h3 {margin-left: 17px;color: #f50;font-weight: 400;font-size: 15px;float: left;}
.ib-hd .more {margin-right: 17px;}
.pk-links{font-size: 0;line-height: 0;}
.pk-links a {height: 27px;line-height: 27px;border: solid 1px #e1e1e1;border-radius: 6px;margin-left: 15px;margin-bottom: 11px;white-space: nowrap;padding: 0 10px;color: #666;font-size: 14px;display: inline-block;overflow: hidden;}
.pk-links a:hover{z-index: 2;-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .2);box-shadow: 0 15px 30px rgba(0, 0, 0, .2);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.model_four .is-bd .is-aside .index-block{margin-bottom: 16px;}
/*宠物社区*/
.model_five{margin: 0 auto;width: 1180px;min-height: 200px;padding-top: 15px;}
.model_five .title h2{font-size: 18px;border-bottom: 2px solid #ffae12;display: inline;padding-bottom: 3px;font-weight: bolder;}
.m-my-center {float: left;width: 374px;margin-right:29px;margin-top: 25px;}
.m-my-center:last-child{margin-right: 0px;}
.f-title {position: relative;height: 40px;line-height: 40px;margin: 5px 0 15px;padding: 0 0 0 160px;background-color:#eae6e6;font-size: 20px;}
.f-title span {position: absolute;left: 0;top: -5px;display: block;width: 159px;height: 45px;line-height: 45px;padding-left: 15px;font-size: 22px;color: #fff;background: url(../image/newicon.png) no-repeat 0 0;}
.f-title em {font-size: 22px;color: #fb521e;}
.g-Fblock .m-my-center .f-tw, .g-Fblock .m-my-right .f-tw {width: 374px;height: 220px;}
.f-tw {position: relative;border-radius: 3px;overflow: hidden;height: 220px;}
.f-tw:hover img{transform: scale(1.2);}
.f-tw img{height: 220px;width: 374px;transition: all 0.3s;}
.g-Fblock .m-my-center .f-tw img, .g-Fblock .m-my-right .f-tw img {width: 374px;height: 220px;}
.f-tw span {display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 38px;line-height: 38px;text-align: center;color: #fff;background: url(../image/newicon.png) repeat-x 0 0;background: rgba(0,0,0,.8);}
.m-twtab {background-color: #fcfcfc;}
.m-twtab ul {width: 337px;margin: 0 auto;}
.m-twtab li {border-bottom: 1px solid #dfdfdf;overflow: hidden;}
.m-twtab li a {color: #333333;text-decoration: none;}
.m-twtab li .title {height: 50px;line-height: 50px;font-size: 16px;overflow: hidden;}
.m-twtab li .title:hover{color:#ffae12;}
.m-twtab li.hover .desc:hover,.m-twtab li .desc p :hover{color:#ffae12;}
.m-twtab li .desc {display: none;height: 85px;}
.m-twtab li .desc img {display: block;float: left;width: 100px;height: 70px;margin: 0 12px 0 0;border-radius: 3px;}
.m-twtab li .desc p {line-height: 20px;font-size: 12px;color: #6d6d6d;}
.m-twtab li a:hover{ color:#ffae12;}
.m-twtab li.hover .desc{ display:block;}
/*友情链接*/
.chain{ display: block; overflow: hidden; border: 1px solid #ddd; background-color: #f8f8f8; margin:25px auto;width:1260px}
.chain span{ float: left;font-size: 21px;color: #333;height: 24px;line-height: 24px; padding-left: 16px; border-left: 4px solid #ffae12; margin: 20px 0 0 35px; display: block;}
.chain ul{ overflow: hidden; display: block; margin: 10px 35px 5px 35px; border-top: 1px solid #ddd;}
.chain li{ float: left; margin-right: 30px; padding: 8px 0;}
.chain li a{ display: block; font-size: 14px ; color: #888;}
.chain li a:hover{ color: #ffae12;}
.chain_info{ width: 100%; overflow: hidden;}