/*-------------排行榜首页---------------*/
/*banner*/
.phb-banner{position: relative;}
.phb-banner img{width: 100%;}
.phb-banner p{position: absolute; bottom:20%;left: 41%;color:#fceb9b;font-size: 19px;letter-spacing:1px;font-weight: bold;}



/*十大品牌*/
.top10{width: 1160px;height: 380px;position: relative; padding:20px; background-image: url(../images/top10-back.jpg);}
.top10>a{position: absolute;bottom: 57px;left: 55px;border-radius: 40px; font-size: 16px;text-align: center; font-weight: bold;padding: 6px 24px 8px 24px; color:#003a8a;background-image: linear-gradient(to right,#f8a518,#f9f8a6);}
.top10-main{float: right;padding: 8px 20px 12px 20px; width: 920px;height: 363px;background-color: #0400502e;}
.top10-main .hd{width: 960px;height: 52px;}
.top10-main .hd ul li{float: left;margin:8px 15px;padding-left: 20px; font-size: 20px;color:#5895f1;cursor: pointer; border-left: 1px solid #5895f1;}
.top10-main .hd ul .on{color:#faf9a8;}
.top10-main .hd ul li:nth-child(1){border-left: 0;padding-left: 0;}
.top10-main .bd{width: 960px;}
.top10-main .bd ul li{float: left;margin-right: 20px;margin-bottom: 15px; background-color: #003a8a;border-radius: 5px;}
.top10-main .bd ul li:nth-child(5n){margin-right: 0;}
.top10-main .bd ul li img{width: 168px;height: 112px;}
.top10-main .bd ul li p{font-size: 16px;color: #fff;text-align: center;margin: 3px 0 8px 0;}
/*title*/
.tptitle{background-image: url(../images/tptitle-back.jpg);width: 375px;height: 35px;padding: 10px 0 0 15px;}
.tptitle i{float: left; font-size: 25px; color: #ffffff;}
.tptitle h2{float: left;font-size: 18px;color:#fff;margin-left: 10px;}



/*分类排行*/
.tplist{width: 390px;float: left;margin-right: 15px;}
.tplist:nth-child(3n){margin-right: 0;}
.tplist ul{border: 1px solid #ededed;float: left;}
.tplist ul li{width: 373px;float: left;position: relative;padding:5px 10px 5px 5px;}
.tplist ul li span{float: left; font-size: 14px;color:#003a8a;width: 20px;text-align: center;margin:14px 6px 0px 3px;}
.tplist ul li>a>img{float: left; width: 70px;height: 47px;border: 1px solid #ededed;}
.tplist ul li .tpl-word{float: left; margin-left: 15px;width: 165px;overflow: hidden;height: 49px;}
.tplist ul li .tpl-word a{float: left; margin-top: 12px; font-size: 14px;font-weight: normal;color:#333;}
.tplist ul li .tpl-word a:hover{color:#ec1d25;}
.tplist ul li .tpl-word p{display: none; font-size: 12px;color:#999;margin-top: 5px;}
.tplist ul li .tpl-hot{display: block; float: right;margin-top: 14px;font-size: 12px;color:#666;}
.tplist ul li .tpl-hot i{margin-right: 5px; color: #DC2143}
.tplist ul li .tpl-btn{display: none;position: absolute;top: 15px;right: 10px;}
.tplist ul li .tpl-btn a{float: left;margin-left: 6px; display: block; font-size: 12px;color:#fff;padding:3px 8px 5px 8px;border-radius: 2px;background-image: linear-gradient(to right,#2191e1,#0077cc);}
.tplist ul li .tpl-btn a:nth-child(1){background-image: linear-gradient(to right,#f66767,#fa2c2c);}
.tplist ul li .tpl-btn a:nth-child(1):hover{background-image: linear-gradient(to right,#ee3e3e,#e81212);}
.tplist ul li .tpl-btn a:hover{background-image: linear-gradient(to right,#007dd6,#016cb8);}
/*选中*/
.tplist ul .curr{background-color: #e6f5ff;}
.tplist ul .curr span{background-color: #ec1d25;color:#fff;border-radius: 2px;}
.tplist ul .curr .tpl-word a{margin-top: 2px;}
.tplist ul .curr .tpl-word p{display: block;float: left;}
.tplist ul .curr .tpl-hot{display: none;}
.tplist ul .curr .tpl-btn{display: block;}


/*热门标签*/
.tplist-r{float: left;width: 385px;}
.tplist-r .tp-label ul li{float: left;margin-right: 11px;margin-top: 15px;}
.tplist-r .tp-label ul li:nth-child(3n){margin-right: 0;}
.tplist-r .tp-label ul li a{display: block; width: 118px;height: 28px;padding-top:7px; text-align: center;border-radius: 40px; border: 1px solid #ddd;font-size: 14px;color:rgb(138, 138, 138);}
.tplist-r .tp-label ul li a:hover{color:#ec1d25;border: 1px solid #ec1d25;}
/*最新加入品牌*/
.tplist-r .tp-newpp{margin-top: 20px;width: 390px;}
.tplist-r .tp-newpp ul{padding: 12px 12px 2px 12px;float: left;border: 1px solid #ededed;}
.tplist-r .tp-newpp ul li{float: left;width: 355px;margin-bottom: 11px;}
.tplist-r .tp-newpp ul li a{margin-left: 8px; float: left;font-size: 14px;color: rgb(125, 125, 125);width: 347px;}
.tplist-r .tp-newpp ul li a:hover{color:#ec1d25;}
.tplist-r .tp-newpp ul li i{display: block;background: #999;width: 3px;height: 3px;position: relative;top: 12px;margin-right: 7px;}
.tplist-r .tp-newpp ul li b{font-weight: normal;float: right;}



/*--三大热门排行榜--*/
.ppphb-title{padding:8px 10px;border-radius: 5px 5px 0 0;background: url(../images/pptop-back2.jpg);line-height:40px;}
.ppphb-title>p{float: left; margin-left:5px;color:#fff;font-weight:700;font-size:18px;}
.ppphb-title>img{float: left; margin-top:5px;width: 30px;}
.pp-phb{float: left; width: 390px;margin-right: 15px;margin-bottom: 20px;}
.pp-phb:nth-child(1) h2{background: url(../images/pptop-back1.jpg);}
.pp-phb:nth-child(3) h2{background: url(../images/pptop-back3.jpg);}
.pp-phb:nth-last-child(1){margin-right: 0;}
.pp-phb ul{border: 1px solid #ededed;border-top: none;}
.pp-phb li{position: relative;border-top: 1px solid #ededed;}
.pp-phb li>a{display: block;clear: both; line-height: 50px;padding: 0 10px;}
.pp-phb li:hover .ppphb-word{opacity: 1;}
.pp-phb li>a>i{float: left; font-style: normal;color: #e31219;font-size: 14px;display: block;width: 20px;text-align: center;font-weight: bold;}
.pp-phb li>a>p{float: left; color: #222;font-size: 14px;margin-left: 5px;max-width: 135px;}
.pp-phb li>a>span{float: right; color: #939393;font-size: 14px;max-width: 200px;}
.pp-phb li .ppphb-word{opacity: 0; position: absolute;width: 390px; top: 50%;left: -1px; margin-top: -35px;z-index: 1;transition: all .2s; }
.pp-phb li .ppphb-word>a{display: block;padding: 5px 10px;background-image: linear-gradient(to right,#ffffff,#ffffff);box-shadow: 1px 1px 10px rgb(216, 216, 216);}
.pp-phb li .ppphb-word>a>i{float: left; display: block;color: #fff;font-size: 14px;background-image: linear-gradient(to right,#f1d3aa,#b09c70);border-radius: 3px; width: 20px;line-height: 20px;text-align: center;font-style: normal;margin-top: 20px;}    
.pp-phb li .ppphb-word>a>img{float: left; width: 88px;height: 59px;border: 1px solid #e8e8e8;margin-left: 8px;}
.pp-phb li .ppphb-word>a>div{float: left; margin-left: 10px;padding-top: 10px;}
.pp-phb li .ppphb-word>a>div>p{color: #222;font-size: 14px;width: 210px;}
/*颜色设置*/
.pp-phb:nth-child(1) li:nth-child(1) div a{background-image: linear-gradient(to right,#f0e7da,#d5cb7a);}
.pp-phb:nth-child(1) li:nth-child(2) div a{background-image: linear-gradient(to right,#f0e7da,#e6e1b5);}
.pp-phb:nth-child(1) li:nth-child(3) div a{background-image: linear-gradient(to right,#f0e7da,#fbf7da);}
.pp-phb:nth-child(2) li>a>i{color:#f76c39;}
.pp-phb:nth-child(2) li .ppphb-word>a>i{background-image: linear-gradient(to right,#ffb278,#f76c39);}
.pp-phb:nth-child(2) li:nth-child(1) div a{background-image: linear-gradient(to right,#f0d7b3,#f7ca86);}
.pp-phb:nth-child(2) li:nth-child(2) div a{background-image: linear-gradient(to right,#f0d7b3,#f9e1be);}
.pp-phb:nth-child(2) li:nth-child(3) div a{background-image: linear-gradient(to right,#f0d7b3,#faecd8);}
.pp-phb:nth-child(3) li>a>i{color:#ac00e3;}
.pp-phb:nth-child(3) li .ppphb-word>a>i{background-image: linear-gradient(to right,#da8ff3,#ac00e3);}
.pp-phb:nth-child(3) li:nth-child(1) div a{background-image: linear-gradient(to right,#f2e0f8,#d89dec);}
.pp-phb:nth-child(3) li:nth-child(2) div a{background-image: linear-gradient(to right,#f2e0f8,#edcff9);}
.pp-phb:nth-child(3) li:nth-child(3) div a{background-image: linear-gradient(to right,#f2e0f8,#f5e6fb);}