.df{display:-webkit-box;display:-ms-flexbox;display:flex}.fdc{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.aic{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jcsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fw{-ms-flex-wrap:wrap;flex-wrap:wrap}.f1{-webkit-box-flex:1;-ms-flex:1;flex:1}.listContainer>div{background:#fff;-webkit-box-shadow:0 4px 6px 0 hsla(0,0%,65%,.2);box-shadow:0 4px 6px 0 hsla(0,0%,65%,.2);margin-bottom:30px}.brandServer .listWrapper>div{display:none}.brandServer .listWrapper>div:first-child{display:block}.brandServer .rankList{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;float:right;height:100%;position:relative;width:294px}.brandServer .rankList:last-child{margin-right:0}.brandServer .rankList .rzBtn{display:block;margin:14px auto 15px}.brandServer .rankList .title{background:#ef6033;color:#fff;font-size:20px;line-height:66px;text-align:center}.brandServer .rankList .rankContentc{border:1px solid #ddd;border-top:none}.brandServer .rankList .rankContentc .th{line-height:34px;overflow:hidden;text-align:center}.brandServer .rankList .rankContentc .th li{color:#666;float:left}.brandServer .rankList .rankContentc .th li:first-child{width:44px}.brandServer .rankList .rankContentc .th li:nth-child(2){width:122px}.brandServer .rankList .rankContentc .th li:nth-child(3){width:65px}.brandServer .rankList .rankContentc .th li:nth-child(4){width:60px}.brandServer .rankList .rankContentc .td{font-size:0;text-align:center}.brandServer .rankList .rankContentc .td:hover{background:#f5f5f5}.brandServer .rankList .rankContentc .td:hover li:nth-child(2){font-weight:700}.brandServer .rankList .rankContentc .td:hover li:nth-child(2) a{font-weight:400;text-decoration:underline}.brandServer .rankList .rankContentc .td:hover li:nth-child(2) img{height:60px;-webkit-transition:height .3s;transition:height .3s}.brandServer .rankList .rankContentc .td li{display:inline-block;font-size:14px;padding:10px 0;vertical-align:middle}.brandServer .rankList .rankContentc .td li:first-child{font-weight:700;line-height:32px;width:44px}.brandServer .rankList .rankContentc .td li:first-child div{background:url(../images/rankBg4.png) no-repeat 50%;color:#fff;height:32px;margin:0 auto;width:26px}.brandServer .rankList .rankContentc .td li:nth-child(2){-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;width:122px}.brandServer .rankList .rankContentc .td li:nth-child(2) span{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandServer .rankList .rankContentc .td li:nth-child(2) img{border-radius:6px;height:0;margin:0 auto;-webkit-transition:height .3s;transition:height .3s;width:98px}.brandServer .rankList .rankContentc .td li:nth-child(2) a{color:#999;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandServer .rankList .rankContentc .td li:nth-child(3){color:#ef6033;line-height:32px;width:65px}.brandServer .rankList .rankContentc .td li:nth-child(4){font-size:0;text-align:center;width:60px}.brandServer .rankList .rankContentc .td li:nth-child(4)>*{cursor:pointer;display:inline-block;font-size:0}.brandServer .rankList .rankContentc .td li:nth-child(4) .zan.active .nor{display:none}.brandServer .rankList .rankContentc .td li:nth-child(4) .zan.active .sel{display:block}.brandServer .rankList .rankContentc .td li:nth-child(4) .zan .sel{display:none}.brandServer .rankList .rankContentc .td.first li:first-child{color:#fff}.brandServer .rankList .rankContentc .td.first li:first-child div{background:url(../images/rankBg1.png) no-repeat 50%}.brandServer .rankList .rankContentc .td.second li:first-child{color:#fff}.brandServer .rankList .rankContentc .td.second li:first-child div{background:url(../images/rankBg2.png) no-repeat 50%}.brandServer .rankList .rankContentc .td.third li:first-child{color:#fff}.brandServer .rankList .rankContentc .td.third li:first-child div{background:url(../images/rankBg3.png) no-repeat 50%}.brandServer .rankList .rankContentc .td:last-child,.brandServer .rankList .rankContentc .td:last-child li:nth-child(2),.brandServer .rankList .rankContentc .td:last-child li:nth-child(3){border-bottom:none}.brandServer .rightList{-webkit-box-sizing:border-box;box-sizing:border-box;float:left;padding-left:12px;width:1000px}.brandServer .rightList .rTitle{color:#ef6033;font-size:18px;font-weight:700;line-height:68px}.brandServer .rightList .rTitle .icon{vertical-align:-2px}.brandServer .rightList .nav{font-size:0;padding-left:10px}.brandServer .rightList .nav a{background:hsla(0,0%,40%,.1);border-radius:10px;color:#666;display:inline-block;font-size:16px;line-height:24px;margin-bottom:6px;margin-right:30px;padding:0 14px}.brandServer .rightList .nav a:last-child{margin-right:0}.brandServer .rightList .nav a.active,.brandServer .rightList .nav a:hover{background:rgba(239,96,51,.1);color:#ef6033}.brandServer .rightList .nav a .icon{margin-right:6px;vertical-align:-2px}.brandServer .rightList .list{margin-top:10px}.brandServer .rightList .list>li{border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;height:234px;margin-bottom:10px;margin-right:8px;padding:10px;width:240px}.brandServer .rightList .list>li:hover{border:1px solid #ef6033}.brandServer .rightList .list>li:hover a,.brandServer .rightList .list>li:hover p{color:#ef6033}.brandServer .rightList .list>li:nth-child(4n){margin-right:0}.brandServer .rightList .list .pic{border:1px solid transparent;height:118px;overflow:hidden;position:relative;width:100%}.brandServer .rightList .list .pic img{display:block;height:100%;width:100%}.brandServer .rightList .list .pic .hot1{background:url(../images/heat1.png) no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:12px;height:24px;left:4px;line-height:29px;min-width:55px;padding-left:4px;padding-right:4px;position:absolute;top:5px}.brandServer .rightList .list .pic .hot1 div{border-radius:4px;bottom:0;height:15px;left:0;position:absolute;width:100%;z-index:5}.brandServer .rightList .list .pic .hot1 span{position:relative;z-index:10}.brandServer .rightList .list .pic .hot1.hot2{background:url(../images/heat2.png) no-repeat;line-height:31px}.brandServer .rightList .list .pic .hot1.hot3{background:url(../images/heat4.png) no-repeat;line-height:31px}.brandServer .rightList .list .pic .hot1.hot4,.brandServer .rightList .list .pic .hot1.hot5{background:url(../images/heat3.png) no-repeat;line-height:31px}.brandServer .rightList .list .pic .hot1.hot5 div{background:#fa1400}.brandServer .rightList .list .data{color:#999;line-height:30px}.brandServer .rightList .list .data li:first-child{cursor:pointer;float:left}.brandServer .rightList .list .data li:first-child.active .nor{display:none}.brandServer .rightList .list .data li:first-child.active .sel{display:inline-block}.brandServer .rightList .list .data li:first-child>div{vertical-align:-1px}.brandServer .rightList .list .data li:first-child .sel{display:none}.brandServer .rightList .list .data li:last-child{float:right}.brandServer .rightList .list .data li:last-child span{color:#333}.brandServer .rightList .list p{font-size:20px;font-weight:700;margin-top:10px}.brandServer .rightList .list a,.brandServer .rightList .list p{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.brandServer .rightList .list a{color:#999;display:block;font-size:16px;padding:6px 6px 0}.paginationWrapper{margin:20px auto}