/*
	DESTOON Copyright (C)2008-2099 www.destoon.com
	This is NOT a freeware,Use is subject to license.txt
*/

.brand-list1 div {width:200px;float:left;text-align:center;}
.brand-list1 img {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.brand-list1 img:hover {-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);}

.brand-list2 {width:880px;overflow:hidden;padding-top:6px;}
.brand-list2:after {content:"";display:block;clear:both;}
.brand-list2 li {width:130px;height:48px;line-height:48px;padding:0 10px;margin:0 0 20px 20px;border:#EEEEEE 1px solid;float:left;text-align:center;font-size:16px;overflow:hidden;border-radius:12px;}
.brand-list2 li:hover {border:#FF6600 1px solid;background:#F6F6F6;}

.brand_title {padding:10px 10px 0 10px;}
.brand_info {margin:0 10px 0 10px;padding:5px 10px 15px 15px;line-height:22px;}
.brand_info li {line-height:32px;height:32px;font-size:14px;}
.brand_logo {border:#EEEEEE 1px solid;padding:6px;margin:10px 0;}
.brand_video {text-align:center;padding:16px 0;}
.brand_pdt {border-top:#EEEEEE 1px dotted;height:10px;font-size:1px;}

.brand-index-two {
    display: flex;
    justify-content: space-between;
}

.brand-index-rank {
    width: 590px;
    overflow: hidden;
    border: 1px solid #e3e3e3;
}

.brand-index-rank h3 {
    height: 36px;
    line-height: 36px;
    background-color: #db214c;
    color: #fff;
    font-size: 16px;
    padding-left: 10px;
    margin: 0;
}

.brand-index-rank li {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 0 12px;
}

.brand-index-rank li:hover {
    background: #fffce4;
}

.brand-index-rank li em{
    display: block;
    width: 22px;
    height: 28px;
    margin: 12px 10px 0 0;
    font: bold 14px "Georgia";
    color: #db214c;
    text-align: center;
}

.brand-index-rank li h4 {
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.brand-index-rank li p {
    flex: 1;
    margin: 0;
    text-align: right;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.news-ad {
    width: 350px;
}

.tl-news-list {
    width: 825px;
    overflow: hidden;
}

.tl-news-list li, .news-swiper-info li {
    box-sizing: border-box;
    display: flex;
    padding: 20px 10px;
    border-left: 3px solid #fff;
    border-bottom: 1px solid #eee;
}

.tl-news-list li:hover {
    background: #f1f1f1;
    border-left: 3px solid #db214c;
}

.tl-news-list li h2,.tl-news-list li p {
    margin: 0;
}

.tl-news-list li h2 {
    font-size: 22px;
    font-weight: normal;
}

/*涂料品牌列表页*/
.brandfx-infolist ul {
    padding: 0 0 10px 0;
}

.brandfx-infolist ul li{
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
    margin-bottom: 20px;
    display: flex;
    transition: all .2s;
    justify-content: space-between;
}
.brandfx-infolist ul li:hover{
    background: #fff;
    box-shadow: 0px 0px 10px 1px #F8E6D7;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #EBBD8E;
    border-left: #db214c 3px solid;
}

.brandfx-infolist .brand-info-1{position: relative;padding: 10px;}
.brandfx-infolist .brand-info-1 a.brand-items{display: flex;align-items: center;}
.brandfx-infolist .brand-info-1 i.icon-mdpp {
    display: inline-block;
    width: 76px;
    height: 29px;
    background: url("skin/public/img/brand/icon-mdpp.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: 11px;
    top: 113px;
}
.brandfx-infolist .brand-info-1 a img{
    width: 195px;
    height: 70px;
    padding: 30px 16px;
    border: 1px solid #DDDDDD;
    margin-right: 25px;
}
.brandfx-infolist .brand-info-1 a h2{
    font-size: 24px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.brandfx-infolist .brand-info-1 a p{
    font-size: 12px;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* padding-top: 10px; */
    line-height: 2;
}
.brandfx-infolist .brand-info-1 a p b{ font-weight: normal; color:#0C3890 ;}
.brandfx-infolist .brand-info-1 a p i{ color:#EF0025 ;}
.brandfx-infolist .brand-info-1 a p i.icon-comment{display: inline-block;background: url("skin/public/img/jm/icon-comment.png") no-repeat left center;background-size: 15px;padding-left: 20px;}

.btn-agent-box {padding: 35px 20px 20px;width: 100px;}
.btn-agent-box a {
    float: right;
    margin-top: 10px;
    padding: 5px 15px;
    border-radius: 24px;
}
a.btn-agent-1 {
    background: #FD1431;
    border: 1px solid #FD1431; color: #fff; }
.btn-agent-1:hover{background: #FFFFFF;
    box-shadow: 0px 4px 10px 1px rgba(119,0,0,0.16);
    border: 1px solid #FD1431; color: #FD1431;}
.btn-agent-2{ display: inline-block;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 1px rgba(119,0,0,0.16);
    border: 1px solid #FD1431;
}
.btn-agent-2:hover{ color: #FD1431;}

/*右边广告*/

.tl-news-list li p {
    font-size: 14px;
    color: #999;
}

.wy-tt {
    height: 35px;
    line-height: 35px;
    margin-bottom: 10px;
    overflow: hidden;
    background: url(/static/skin/default2/img/tit-r-bg.gif) 0 3px repeat-x;
}

.wy-tt h2, .wy-tt h3 {
    float: left;
    height: 35px;
    line-height: 35px;
    margin: 0 !important;
    padding: 1px 10px 20px 20px;
    font-size: 20px;
    background: #fff url(/static/skin/default2/img/tit-r.gif) no-repeat;
}

.wy-brand-hot li {
    float: left;
    width: 46%;
    line-height: 35px;
    margin: 0 2%;
    font-size: 16px;
}

.brand-top-content {
    height: 300px;
    overflow: hidden;
}

.brand-top-content .swiper-slide {
    box-sizing: border-box;
    width: 50%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

/* 找项目 */
.wy-invest-list{border-bottom:1px solid #e3e3e3;}
.wy-invest-list li{position:relative;height:193px;padding:15px;border:1px solid #e3e3e3;border-bottom:none;transition:all .3s;}
.wy-invest-list li:hover{border:1px solid hsl(30,70%,74%);border-left:5px solid #db214c;box-shadow:0 0 5px hsla(0,0%,0%,.2),0 0 2px hsla(0,0%,78%,.2);z-index:99;}
.wy-invest-list li img{float:left;display:block;width:216px;height:162px;}

.wy-invest-c{float:left;width:70%;height:162px;padding-left:2%;overflow:hidden;}.wy-invest-c h3{display:block;font:bold 20px/48px "microsoft yahei";}
.wy-invest-c dt,.wy-invest-c dd{float:left;line-height:50px;margin-top:7px;font-size:14px;color:#999;}
.wy-invest-c dt span,.wy-invest-c dd span{padding-right:30px;font-size:18px;font-weight:bold;color:#db214c;}
.wy-invest-c p{font-size:12px;color:#999;}.wy-invest-c p a{color:#666;font-size:14px;}
.wy-invest-c .auth,.wy-invest-c .vip{float:left;display:block;width:45px;height:20px;margin:3px 10px 0 0;padding-left:30px;font:12px/19px "microsoft yahei";}
.wy-invest-c .auth{padding-left:20px;font-size:14px;color:#05458c;background:url("/static/skin/default2/img/sp-znz.png") 0 -50px no-repeat;}
.wy-invest-c .vip{color:#db214c;background:url("/static/skin/default2/img/sp-znz.png") 0 -140px no-repeat;}
.wy-invest-c .eva{float:left;display:block;line-height:20px;margin-top:3px;font-size:12px !important;color:#999 !important;}
.wy-invest-c .eva i{display:inline-block;width:16px;height:17px;margin-right:5px;vertical-align:middle;background:url("/static/skin/default2/img/sp-jm.png") -260px -20px no-repeat;}.wy-invest-c .eva span em{color:#db214c;}

.wy-invest-r{width:100px;position:absolute;top:40px;right:20px;}.wy-invest-r a{display:block;width:98px;height:28px;line-height:28px;margin-bottom:10px;font-size:14px;text-align:center;border:1px solid #db214c;border-radius:3px;}
.wy-invest-r a.ckxq,.wy-invest-r a.sqzl:hover{color:#fff;background:#db214c;background:linear-gradient(#e14367,#dc2550);box-shadow:2px 3px 3px #f4c6ce;}
.wy-invest-r a.sqzl,.wy-invest-r a.ckxq:hover{color:#db214c;background:#fff;background:linear-gradient(#fce9f2,#fff);box-shadow:0 3px 3px #f4c6ce;}
.star5,.star4,.star3,.star2,.star1{float:left;display:block;width:80px;height:13px;margin:5px 10px 0 0;background:url("skin/public/img/base/sp.png") 0 -300px no-repeat}
.star4{width:65px;}.star3{width:48px;}.star2{width:31px;}.star1{width:16px;}


.wy-brand-attest .hd,.wy-brand-hot .hd {
    height: 40px;
    background: url("/static/skin/default2/img/xt.jpg") repeat-x;
}

.wy-brand-attest .hd h2,.wy-brand-hot .hd h2 {
    float: left;
    min-width: 205px;
    padding: 0 20px 0 10px;
    font: bold 16px/40px "microsoft yahei";
    color: #fff;
    background: #fff url("/static/skin/default2/img/brand-tit.png") 0 -240px no-repeat;
}

.wy-brand-attest .hd span,.wy-brand-hot .hd span {
    float: right;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
    background: #fff;
}

.wy-brand-attest .hd i,.wy-brand-hot .hd i {
    margin: -5px 5px 0 0;
}

/* 热门品牌 */
.wy-brand-hot .bd {
    width: 1200px !important;
    height: 350px;
    border: 1px solid #e3e3e3;
    overflow: hidden;
}

.wy-brand-hot .bd li {
    float: left;
    width: 400px;
    height: 70px;
    line-height: unset;
    margin: 0;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
}

.wy-brand-hot .bd li .left {
    padding: 0 20px;
    overflow: hidden;
}

.wy-brand-hot .bd li .left b {
    float: left;
    line-height: 70px;
}

.wy-brand-hot .bd li .left span {
    float: right;
    line-height: 70px;
    color: #999;
}

.wy-brand-hot .bd li .left span em {
    color: #db214c;
}

.wy-brand-hot .bd li:hover .left {
    display: none;
}

.wy-brand-hot .bd li .right {
    display: none;
    padding-left: 20px;
}

.wy-brand-hot .bd li .right .fl {
    width: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wy-brand-hot .bd li:hover .right {
    display: block;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.wy-brand-hot .bd li:nth-child(3n):hover .right {
    border-right: none;
}

.wy-brand-hot .bd .right {
    padding: 14px 15px 14px 0;
    overflow: hidden;
}

.wy-brand-hot .bd .right img {
    float: left;
    display: block;
    width: 112px;
    height: 40px;
    margin-right: 10px;
    border: 1px solid #bfbfbf;
}

.wy-brand-hot .bd .right b {
    height: 24px;
    line-height: 24px;
    color: #333;
}

/**[skin/public/brand-index-v1.3.1.css] */
.wy-brand-top10 .hd,.wy-brand-top10 .hd2 {
    position: relative;
    height: 116px;
    margin: 20px 0;
    text-align: center;
    overflow: hidden;
}

.wy-brand-top10 .hd {
    background: url("/static/skin/default2/img/wy-top10.png") no-repeat top center;
}

.wy-brand-top10 .hd2 {
    background: url("/static/skin/default2/img/wy-top10.png") center -129px no-repeat;
}

.wy-brand-top10 .hd span,.wy-brand-top10 .hd2 span {
    position: absolute;
    top: 45px;
    right: 0;
    width: 100%;
    font-size: 12px;
    text-align: right;
}

.wy-brand-top10 .hd h2,.wy-brand-top10 .hd2 h2 {
    font-size: 0;
}

.BFC-box {
    overflow: hidden;
}

.public-topbrand .bd {
    width: 1250px;
    margin: 0 auto 0;
    transform: translateY(0px);
}

.public-topbrand .bd dl {
    float: left;
    width: 383px;
    height: 743px;
    margin: 12px 22.5px 12px 0;
    transition: all .5s;
}

.public-topbrand .bd dt {
    float: left;
    width: 100%;
    height: 134px;
    text-align: center;
}

.public-topbrand .bd dt::before {
    content: "";
    float: left;
    width: 92px;
    height: 92px;
    margin: 20px;
    background: url("/static/skin/default2/img/top10-icon.png") no-repeat;
}

.public-topbrand .bd dt .categroy-tt {
    float: left;
    padding-top: 14px;
    width: 231px;
    text-align: center;
}

.public-topbrand .bd dt .categroy-tt h2,.public-topbrand .bd dt .categroy-tt h2 a {
    margin-top: 0;
    font: bold 24px/1.1 "microsoft yahei";
    white-space: nowrap;
}

.public-topbrand .bd dt .categroy-tt h2 b,.public-topbrand .bd dt .categroy-tt h2 a b {
    font-size: 20px;
}

.public-topbrand .bd dt .categroy-tt h2 em {
    color: #db214c;
}

.public-topbrand .bd dt .categroy-tt h2 strong {
    color: #032D83;
}

.public-topbrand .bd dl:hover dt .categroy-tt h2 em,.public-topbrand .bd dl:hover dt .categroy-tt h2 strong {
    color: #fff;
}

.public-topbrand .bd dt .categroy-tt h3,.public-topbrand .bd dt .categroy-tt h3 a {
    margin-top: 0;
    font: bold 24px/1.1 "microsoft yahei";
}

.public-topbrand .bd dt .categroy-tt p {
    padding-top: 5px;
    font: normal 12px/1.2 "microsoft yahei";
    letter-spacing: -1px;
}

.public-topbrand .bd dd {
    float: left;
    margin: 0 5px;
    width: 373px;
    height: 604px;
    overflow: hidden;
}

.public-topbrand .bd dd ul {
    width: 374px;
    margin-right: -1px;
}

.public-topbrand .bd li,.public-topbrand .bd li img,.public-topbrand .bd li h4,.public-topbrand .bd li .tmc {
    transition: all .5s;
}

.public-topbrand .bd li {
    float: left;
    position: relative;
    width: 186px;
    height: 120px;
    margin: 0 1px 1px 0;
    text-align: center;
    overflow: hidden;
    background: #fff;
}

.public-topbrand .bd li img {
    width: 135px;
    height: 48px;
    margin: 24px 0 8px;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
}

.public-topbrand .bd li h4 {
    line-height: 28px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}

.public-topbrand .bd li h4 a {
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.public-topbrand .bd li .tmc {
    width: 100%;
    position: absolute;
    bottom: -30px;
    left: 0;
}

.public-topbrand .bd li:hover {
    background: rgba(0,0,0,.7);
}

.public-topbrand .bd li:hover img {
    transform: scale(.9,.9);
    transform-origin: 50% -100%;
}

.public-topbrand .bd li:hover h4 {
    display: none;
}

.public-topbrand .bd li:hover .tmc {
    position: absolute;
    bottom: 15px;
    left: 0;
    z-index: 9;
    text-align: center;
}

.public-topbrand .bd li .tmc a.buy,.public-topbrand .bd li .tmc a.join {
    display: inline-block;
    width: 78px;
    line-height: 22px;
    margin: 0 2px;
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 24px;
}

.public-topbrand .bd li .tmc a.buy {
    background: #db214c;
}

.public-topbrand .bd li .tmc a.join {
    background: #05458c;
}

.public-topbrand .topsj li:hover .tmc {
    bottom: 20px;
}

.public-topbrand .horizontal dl {
    width: 1198px;
    height: 278px;
    margin-right: 0;
}

.public-topbrand .horizontal dt {
    width: 254px;
    height: auto;
}

.public-topbrand .horizontal dt::before {
    margin: 40px 0 0 78px;
}

.public-topbrand .horizontal dt .categroy-tt {
    width: 100%;
}

.public-topbrand .horizontal dt .categroy-tt p {
    padding-top: 10px;
}

.public-topbrand .horizontal dd {
    width: 934px;
    height: 268px;
    margin-top: 5px;
}

.public-topbrand .horizontal dd ul {
    width: 935px;
    margin-right: -1px;
}

.public-topbrand .horizontal dd li {
    height: 134px;
}

.public-topbrand .bd.topsd dt span {
    background-position: 0 0;
}

.public-topbrand .bd.topsd dl {
    background: #F3F4FF;
    border: 1px solid #C3C1D1;
    box-shadow: 0 5px 10px 0 rgba(33,25,165,.1);
}

.public-topbrand .bd.topsd dt {
    background: url("/static/skin/default2/img/top10-ttbg-01.png") right -74px no-repeat;
}

.public-topbrand .bd.topsd dt h2 a {
    color: #032D83;
}

.public-topbrand .bd.topsd dt h3 a {
    color: #db214c;
}

.public-topbrand .bd.topsd dt .categroy-tt p {
    color: #9390B0;
}

.public-topbrand .bd dd {
    background: #DFDFE6;
}

.public-topbrand .bd dl:hover {
    position: relative;
    z-index: 9;
    transform: translateY(-10px);
    transition: all .5s;
    background: linear-gradient(-30deg,#032D83,#2463E2);
    border: 1px solid #C3C1D2;
    box-shadow: 0 10px 20px 0 rgba(34,25,165,.3);
}

.public-topbrand .bd dl:hover dt {
    background-position: right 0;
    transition: all .5s;
}

.public-topbrand .bd dl:hover dt h2 a,.public-topbrand .bd dl:hover dt h3 a {
    color: #fff;
    transition: color .5s;
}

.public-topbrand .bd dl:hover dt p {
    color: #DAD9EA;
}

.public-topbrand .bd dl:hover dd {
    background: none;
}

.public-topbrand .bd.topsj.horizontal dl {
    background: #FEF9F8;
    border: 1px solid #DBCCD0;
    box-shadow: 0 5px 10px 0 rgba(165,25,65,.1);
}

.public-topbrand .bd.topsj dt {
    background: url("skin/public/img/brand/top10-ttbg-02.png") right -74px no-repeat;
}

.public-topbrand .bd.topsj dt::before {
    background-position: 0 -92px;
}

.public-topbrand .bd.topsj dt h2 a {
    color: #db214c;
}

.public-topbrand .bd.topsj dt h3 a {
    color: #032D83;
}

.public-topbrand .bd.topsj dt .categroy-tt p {
    color: #DBCBCF;
}

.public-topbrand .bd.topsj dd {
    background: #ecdde0;
}

.public-topbrand .bd.topsj dl:hover {
    background: linear-gradient(120deg,#DD2B55,#BA1239);
    border: 1px solid #DBCBCF;
    box-shadow: 0 10px 20px 0 rgba(165,25,64,.3);
}

.public-topbrand .bd.topsj dl:hover dt {
    background-position: right 0;
    transition: all .5s;
}

.public-topbrand .bd.topsj dl:hover dt h2 a,.public-topbrand .bd dl:hover dt h3 a {
    color: #fff;
    transition: color .5s;
}

.public-topbrand .bd.topsj dl:hover dt .categroy-tt p {
    color: #DAD9EA;
}

.public-topbrand p.explain {
    margin-top: -1px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #999;
    border: 1px solid #e3e3e3;
}

.public-topbrand p.explain a {
    color: #05458c;
}

.public-topbrand .bd+p.explain,.public-topbrand .bd+p.explain {
    margin-bottom: 20px;
    font-size: 12px;
    color: #747474;
    border: none;
}