html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,iframe,textarea,input,button,p,span,a,em,i,s,img,s,b,strong,form,label,table,tbody,tfoot,thead,tr,th,td,hr,video{margin:0;padding:0;}
html{font-family: "Microsoft Yahei", "Helvetica", "SimHei", "Hiragino Sans GB", sans-serif; font-size:50px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5;}
body{font-size:14px;overflow-x:hidden;min-width:320px;max-width:750px;color:#444;background:#f8f8f8;margin:0 auto;}
a{text-decoration:none;color:#444;}
a:active{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
ul,ol{list-style:none outside none;}
h1,h2,h3{font-weight:normal;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;outline:none;-webkit-appearance: none;-webkit-border-radius:0}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
textarea{overflow:auto;resize:vertical;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}
@font-face {font-family: "iconfont";src: url('../font/iconfont.eot');src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype'),url('../font/iconfont.svg#iconfont') format('svg'); }
.icon{font-family:"iconfont" !important;font-size:.32rem;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale; width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
@font-face{font-family:fetteengd;src:url('../font/fetteengd.ttf')}
.icon-xiexiangbao:before {content: "\e600";}
.icon-dianzan:before {content: "\e603";}
.icon-lingshi:before {content: "\e647";}
.icon-shuma:before {content: "\e64b";}
.icon-chongwu:before {content: "\e64f";}
.icon-thumbdown:before {content: "\e8dc";}
.icon-daxiaojiadian:before {content: "\e607";}
.icon-jinkoushipin:before {content: "\e60b";}
.icon-nvzhuang:before {content: "\e60f";}
.icon-shengxian:before {content: "\e611";}
.icon-jiancai:before {content: "\e641";}
.icon-yundong:before {content: "\e807";}
.icon-baojianpin:before {content: "\e604";}
.icon-iconset0204:before {content: "\e667";}
.icon-diy:before {content: "\e632";}
.icon-jianshen:before {content: "\e65d";}
.icon-huwai:before {content: "\e687";}
.icon-jiantoushangsheng:before {content: "\e7f1";}
.icon-jiantouxiajiang:before {content: "\e7f2";}
.icon-tongzhuang:before {content: "\e67f";}
.icon-xia:before {content: "\e62a";}
.icon-search:before {content: "\e633";}
.icon-huahuaduoqingxin:before {content: "\e6af";}
.icon-yanjing:before {content: "\e63d";}
.icon-shida:before {content: "\e6d8";}
.icon-dengpao:before {content: "\e631";}
.icon-icon7:before {content: "\e674";}
.icon-meizhuang:before {content: "\e661";}
.icon-changyonglogo26:before {content: "\e713";}
.icon-xiangshang:before {content: "\e61b";}
.icon-nanzhuangleimu:before {content: "\e6f6";}
.icon-riyongpin:before {content: "\e63f";}
.icon-yule:before {content: "\e620";}
.icon-bangong:before {content: "\e605";}
.icon-leimucuzhubao:before {content: "\e64a";}
.icon-baike:before {content: "\e621";}
.icon-qipaishi:before {content: "\e60a";}
.icon-thumb-up:before {content: "\e6e4";}
.icon-pinpai:before {content: "\e639";}
.icon-icon-test:before {content: "\e60c";}
.icon-naifen:before {content: "\e610";}
.icon-paihang:before {content: "\e613";}
.icon-jieshao:before {content: "\e609";}
.icon-lunyi:before {content: "\e615";}
.icon-like-b:before {content: "\e622";}
.icon-navicon-tp:before {content: "\e66d";}
.icon-wenzhang:before {content: "\e60d";}
.icon-wenda:before {content: "\e6ad";}
.icon-qiche:before {content: "\e61d";}
.icon-gongzuofu:before {content: "\e78f";}
.icon-san:before {content: "\e795";}
.icon-time:before {content: "\e735";}
.icon-lipin:before {content: "\e634";}
.icon-paihangbang:before {content: "\e629";}
.icon-guanbi1:before {content: "\e606";}
.icon-jiajutubiao-:before {content: "\e602";}
.icon-yijia:before {content: "\e601";}
.icon-mimian:before {content: "\e612";}
.icon-chuju:before {content: "\e616";}
.icon-zhifu-jingdong:before {content: "\e6a2";}
.icon-qizhi:before {content: "\e767";}
.icon-matong:before {content: "\e729";}
.icon-chuangshangyongpin:before {content: "\e72a";}
.icon-yunfuzhuang:before {content: "\e618";}
.icon-zhuangxiu:before {content: "\e624";}
.icon-meifashalong-:before {content: "\ea1c";}
.icon-wangluo-:before {content: "\ecc1";}
.icon-yinle:before {content: "\e61a";}
.icon-check-line:before {content: "\e64c";}
.icon-icon-:before {content: "\e677";}
.icon-nongyao:before {content: "\e61c";}
.icon-fushi-muyingwanju-xianxing:before {content: "\e61e";}
.icon-fushi-nvxie-xianxing:before {content: "\e61f";}
.icon-fushi-weijin-xianxing:before {content: "\e625";}
.icon-xian-neiyi:before {content: "\e636";}
.icon-shu:before {content: "\e60e";}
.icon-peishi:before {content: "\e645";}
.icon-quanshixiangmugaikuang:before {content: "\e619";}
.icon-guanbi:before {content: "\e608";}
.icon-xingzhuang:before {content: "\e626";}
.icon-huaban:before {content: "\e627";}
.icon-meishi:before {content: "\e628";}
.icon-dengju:before {content: "\e644";}
.icon-quanqiuzixun:before {content: "\e617";}
.icon-jindusvg:before {content: "\e614";}
.icon-shouye:before {content: "\e623";}
.icon-xiaoqutoupiao:before {content: "\e635";}
.icon-canyincanju:before {content: "\e64d";}
.fl{float:left;}
.fr{float:right;}
.pd15{padding:.3rem;}
.pd23{padding:.2rem .3rem;}
.plr10{padding:0 .2rem;}
.mt10{margin-top:.2rem;}
.bgwhite{background:#fff;}
.blue{color:#5276cf;}
.red{color:#f00;}
.dn{display:none;}
.bd{display:block;}
.top{position: relative;height:.88rem;background: #5276cf url(https://img.cnpinpai.cn/skin/mversion2.0/images/topbg.png) no-repeat 0 0; background-size: 100% 1rem;}
.logo{float:left;display:inline-block;width:1.9rem;height:.64rem;margin:.12rem;background:url(../images/logo.png) no-repeat;background-size:contain;}
.channel-name{float:left;height:.88rem;line-height:.88rem;color:#ccd3f7;font-size:.36rem;font-weight: bold;}
.nav-list{float:right;width:.88rem;height:.88rem;line-height:.88rem; text-align:center; color:#fff;font-size:.4rem; cursor:pointer;}
.seach-show{float:right;width:.88rem;height:.88rem;line-height:.88rem; text-align:center; color:#fff;font-size:.4rem; cursor:pointer;}
.search-toast{display:none;z-index:999;position:absolute; top:.88rem;left:0;width:100%;box-sizing: border-box;  -webkit-box-shadow:0 10px 20px hsla(0,0%,60%,.25); box-shadow:0 10px 20px hsla(0,0%,60%,.25); }
.search-toast .search-area{float: left;width: 80%; height:.8rem;background: #f5f5f5; border: 1px solid #ccc;color: #333;font-size:.32rem;padding:.2rem;box-sizing: border-box; }
.search-toast .search-button{float:left;width: 20%;height:.8rem;margin-left:-1px; line-height:.8rem; font-size:.32rem;border:1px solid #ccc;background:#ddd;}
#slide.swiper-container{position:relative;overflow:hidden}
#slide.swiper-container .swiper-wrapper{height:100%}
#slide.swiper-container .swiper-slide{float:left;width:100%;height:100%}
#slide.swiper-container .swiper-slide img{width:100%;height:100% }
#slide .swiper-pagination{position: absolute; bottom:.2rem; left: 0; width: 100%; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10;}
#slide .swiper-pagination .swiper-pagination-bullet{ margin:.04rem;width:.2rem;height:.08rem;-webkit-border-radius:0; border-radius:0;background:#747de0;}
.page-mask{position:absolute;left:0;bottom:0; width:100%;height:1rem;z-index:2;background: linear-gradient(rgba(0,0,0,0), #000); }
.swiper-slidebt{ position:absolute; bottom:.6rem;width:100%;height:.6rem; box-sizing:border-box;padding:.2rem; text-align:center; font-size:.32rem; color:#fff;z-index:999;}
.swiper-slidebt a{display:block;height:.6rem; line-height:.6rem;  color:#fff;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiper-pagination{position: absolute; bottom:.2rem; left: 0; width: 100%; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10;}
.swiper-pagination .swiper-pagination-bullet{ margin:.04rem;width:.2rem;height:.08rem;-webkit-border-radius:0; border-radius:0;background:#747de0;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 .06rem;}
.classify{background:#fff;padding:.2rem 0;}
.classify ul li{float:left;width:25%;padding:.1rem 0; text-align:center;}
.classify ul li a{display:block;}
.classify ul li i{display:inline-block;width:.96rem;height:.96rem; line-height:.96rem;background:#7dd0c0;color:#fff; font-size:.56rem;font-weight:400; -webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; }
.classify ul li span{display:block;height:.48rem; line-height:.48rem;margin-top:.1rem; font-size:.28rem;}
.classify ul li:nth-child(1) i{background:#ffcb41;background-image: linear-gradient(-45deg,#fdaa1c,#ffcb41);}
.classify ul li:nth-child(2) i{background:#fe5d4b;background-image: linear-gradient(-45deg,#ff3556,#fe5d4b);}
.classify ul li:nth-child(3) i{background:#6cd6fd;background-image: linear-gradient(-45deg,#1b9dde,#6cd6fd);}
.classify ul li:nth-child(4) i{background:#baa6f9;background-image: linear-gradient(-45deg,#7b74ff,#baa6f9);}
.classify ul li:nth-child(5) i{background:#53e1fa;background-image: linear-gradient(-45deg,#1aa6dc,#53e1fa);}
.classify ul li:nth-child(6) i{background:#ffb428;background-image: linear-gradient(-45deg,#fe822b,#ffb428);}
.classify ul li:nth-child(7) i{background:#80eed2;background-image: linear-gradient(-45deg,#1ccdcb,#80eed2);}
.classify ul li:nth-child(8) i{background:#f75e76;background-image: linear-gradient(-45deg,#f40e20,#f75e76);}
.title-a .bt{font-weight: bold;font-size:.36rem;}
.title-a .more{color:#999;font-size:.24rem;}
.wyrb {width:1.96rem;height:.5rem;line-height:.5rem;background:#eb2727;color:#fff; text-align:center;background-image: linear-gradient(-45deg,#eb2727,#fd513f);border-radius: .25rem;font-size: .26rem; cursor:pointer;}
.wyrb i{font-size:.24rem;font-weight: 400;}

.btn-backfeed {width:1.96rem;height:.5rem;line-height:.5rem;background:#eb2727;color:#fff; text-align:center;background-image: linear-gradient(-45deg,#eb2727,#fd513f);border-radius: .25rem;font-size: .26rem; cursor:pointer;}


.hot-ranks .tabs-control{height:.8rem;border-bottom:1px solid #f0f0f0;}
.hot-ranks .tabs-control ul li{float:left; position:relative;width:25%;height:.8rem;line-height:.8rem; text-align:center;font-size:.36rem;color:#111;cursor: pointer;}
.hot-ranks .tabs-control ul li.on{color:#5276cf;}
.hot-ranks .tabs-control ul li.on:after{content:"";position: absolute;left:50%;bottom:-1px;height:3px;width:.64rem;margin-left:-.32rem;background:#5276cf;}
.hot-click-box{display: none;}
.hot-click-box.disb{display:block;}
.hot-click-box ul{height:7.4rem; overflow: hidden;}
.hot-click-box ul li{padding: .26rem 0; border-bottom:1px solid #f0f0f0;}
.hot-click-box ul li a{display:block;overflow: hidden;}
.hot-click-box ul li a i{float: left;width: .36rem;height: .36rem;line-height: .36rem;margin-top:.26rem;-webkit-border-radius: .05rem;-moz-border-radius: .05rem; border-radius: .05rem; background: #bababa; color: #fff; font-size: .24rem; text-align: center;font-style: normal;}
.hot-click-box ul li a .img{float: left;width: 1.8rem;height: .92rem;-webkit-border-radius: .04rem;-moz-border-radius: .04rem;margin: 0 .14rem; overflow: hidden;}
.hot-click-box ul li a .img img{width: 1.8rem;height: .92rem;}
.hot-click-box ul li a .bt{float:left;width: 3rem;height:.36rem;line-height:.36rem;margin-top:.26rem;font-size: .28rem;color: #333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hot-click-box ul li a .point{float: right;height:.36rem;line-height:.36rem;margin-top:.26rem;font-size: 0.3rem; color: #E00B0B;}
.hot-click-box ul li a .point img{ width: .25rem; margin-left: .1rem;}
.hot-click-box ul li:nth-of-type(1) a i{background: #E00B0B;}
.hot-click-box ul li:nth-of-type(2) a i{background: #ff7e00;}
.hot-click-box ul li:nth-of-type(3) a i{background: #fcc020;}
.hot-click-box ul li:nth-of-type(1) a .bt{color: #E00B0B;}
.hot-click-box ul li:nth-of-type(2) a .bt{color: #ff7e00;}
.hot-click-box ul li:nth-of-type(3) a .bt{color: #fcc020;}
.hot-add-btn{width: 2.8rem;height:.6rem;line-height:.6rem;border:1px solid #dedede;-webkit-border-radius:.3rem;-moz-border-radius:.3rem; border-radius:.3rem;color: #E00B0B; text-align: center; font-size: .28rem; margin: .24rem auto 0;}
.dynamic-scroll{height:1.64rem;margin-top:.6rem; overflow: hidden;}
.dynamic-scroll ul li{padding:.16rem 0;height:.48rem;line-height:.48rem;font-size:.28rem;border-bottom:.02rem dotted #eee; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dynamic-scroll ul li a{color:#5276cf;}
.dynamic-scroll ul li i{display:inline-block;width:.32rem;height:.32rem;line-height:.32rem; text-align:center;margin-right:.1rem;font-size:.28rem;}
.effect-brands-control {height:.8rem;border-bottom:1px solid #f0f0f0;overflow: hidden;}
.effect-brands-control ul li{float:left; position:relative;width:33.3333%;height:.8rem;line-height:.8rem; text-align:center;font-size:.36rem;color:#111;cursor: pointer;}
.effect-brands-control ul li.on{color:#5276cf;}
.effect-brands-control ul li.on:after{content:"";position: absolute;left:50%;bottom:-1px;height:3px;width:1.72rem;margin-left:-.86rem;background:#5276cf;}
.effect-brands-content .effect-brands-box{display:none;}
.effect-brands-content .effect-brands-box.disb{display:block;}
.effect-brands-content .effect-brands-box ul li{float:left;width:33.3333%; padding:.2rem;text-align: center;box-sizing: border-box; overflow: hidden;}
.effect-brands-content .effect-brands-box ul li a img{width: 2.14rem;height: 1.27rem;-webkit-box-shadow: 0 4px 5px #e9e9e9;-moz-box-shadow: 0 4px 5px #e9e9e9;box-shadow: 0 4px 5px #e9e9e9;}
.effect-brands-content .effect-brands-box ul li a span{display:inline-block;height:.6rem;margin-top:.1rem;line-height:.6rem;font-size:.28rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.effect-brands-content .effect-brands-box{padding-bottom:.1rem;}
.hot-channel{position: relative;height:1.8rem;}
.hot-chanel-title{position: absolute;top:0;left:0; width:1.66rem; text-align: center;}
.hot-chanel-title .bt{margin-top:.4rem;font-size:.4rem;font-weight:bold;color:#000;}
.hot-chanel-title .btms{font-size:.24rem;color:#999;}
.hot-chanel-box{width:100%;padding-left:1.9rem;box-sizing: border-box;}
.hot-chanel-box ul li{display: inline-block;width:1.2rem;height:1.8rem;margin:0 .1rem; text-align: center;}
.hot-chanel-box ul li img{width:1.2rem;height:1.2rem;}
.hot-chanel-box ul li div{font-size:.24rem;}
.hot-chanel-box ul{width:100%;height:1.7rem;overflow-y:hidden;overflow-x: scroll; -webkit-overflow-scrolling: touch;-webkit-overflow-scrolling: auto;white-space: nowrap;}
.hy-rank-control ul li{float:left; position:relative;width:25%;height:.8rem;line-height:.8rem; border-bottom:1px solid #eee;text-align:center;font-size:.36rem;color:#111;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hy-rank-control ul li.on{color:#5276cf;}
.hy-rank-control ul li.on span{display:inline-block;height:.8rem; border-bottom:3px solid #5276cf;box-sizing: border-box;}
.hy-list{display:none;}
.hy-list.disb{display:block;}
.rank-list .ls-colum li{ border-top:0; border-bottom:1px solid #eee;overflow:hidden;}
.rank-list .ls-colum li:last-child{border-bottom:0;}
.ls-row{padding:.3rem 0;box-sizing:border-box;}
.ls-row li{float:left;width:50%;box-sizing:border-box;padding:0 .1rem; text-align: center;}
.ls-row li a{display:block;box-sizing:border-box;}
.ls-row li a img{max-width:100%;height:2.52rem;}
.ls-row li a span{display:block;padding-top:.2rem;height:.4rem; line-height:.4rem; font-size:.32rem; overflow:hidden;}
.ls-colum li{padding:.3rem 0; border-top:1px solid #eee;overflow:hidden;}
.ls-colum li a img{float:left; width:2.16rem;height:1.44rem;margin-right:.2rem;}
.ls-colum a .tit{margin-bottom:.48rem; line-height:.4rem; font-size:.32rem; overflow:hidden;}
.ls-colum .info span{float:left;font-size:.24rem;color:#999;}
.three-colum-list{padding:.2rem 0;}
.three-colum-list li{float:left;width:33.3333%; padding:.06rem;text-align:center;box-sizing: border-box;}
.three-colum-list li a{display:block;box-sizing: border-box;width:100%;height:.68rem; padding:0 .1rem;line-height: .68rem;font-size:.3rem;color:#666; border:1px solid #e2e2e3;background:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.three-colum-list li.more a{background:#5276cf;color:#fff;border-color: #5276cf;}
.news-control ul li{float:left; position:relative;width:33.3333%;height:.8rem;line-height:.8rem;padding:0; border-bottom:1px solid #eee;text-align:center;font-size:.36rem;color:#111;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-control ul li.on{color:#5276cf;}
.news-control ul li.on span{display:inline-block;height:.8rem; border-bottom:3px solid #5276cf;box-sizing: border-box;}
.news-detail .news-control ul li{width:50%;}
.news-list{display:none;}
.news-list.disb{display:block;}
.news-list ul li{padding:.3rem 0; border-bottom:1px solid #eee;}
.news-list ul li:last-child{border-bottom:0;}
.news-list ul li a{display:block; overflow:hidden;}
.news-list ul li a img{float:left;width:2.16rem;height:1.44rem;margin-right:.3rem;}
.news-list ul li a .bt{margin-bottom:.2rem;max-height:1rem;line-height:.5rem; font-size:.32rem; overflow:hidden;}
.news-list ul li a .info{color:#999; font-size:.24rem;}
.news-list ul li a .info span{padding-right:.4rem;}
.news-list ul li a .info .icon-chakanyanjingshishifenxi2{padding-right:.1rem;color:#ddd; font-size:.24rem; font-weight:normal;}
.footer{padding:.2rem;margin-top:.2rem;font-size:.24rem; text-align:center; border-top:1px solid #e6e6e6;background:#262a2e;color:#fff;}
.footer a{display:inline-block;height:.8rem; line-height:.8rem;padding:0 .12rem;font-size:.28rem;color:#aaa}
.footer p{margin-top:.1rem; color:#999;font-size:.24rem;}
.mask{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:100}
.pop-rank{display:none;position:fixed;top:50%;left:50%;width: 6.4rem;height:6.6rem;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem;margin-left:-3.2rem;margin-top:-3.3rem;background:#fff;z-index:101}
.pop-rank-title{ position:relative;border-radius: .25rem .25rem 0 0;height: .8rem;background:#5276cf;color: #fff;font-size: .32rem; box-sizing: border-box; line-height: .8rem;padding: 0 .2rem;}
.pop-rank-title span{ position: absolute;top:0;right:0;width:.8rem;height:.8rem;line-height: .8rem; text-align: center;font-size:.36rem;font-weight:400;overflow: hidden;cursor:pointer; }
.pop-rank-cont{padding:.1rem .3rem;}
.pop-rank-cont div{margin:.2rem 0;padding:.2rem 0; border-bottom:1px solid #eee; overflow: hidden; }
.pop-rank-cont div label{float:left;width: 1.2rem;height:.4rem; text-align: right;text-align-last: justify;line-height:.4rem;font-size:.28rem;}
.pop-rank-cont div label span{padding-right:.1rem; color:#f00;}
.pop-rank-cont div input{float:left;width:4rem;height:.4rem;padding:0 .2rem;line-height:.4rem; border:0 none;background:none;font-size:.28rem;}
.pop-rank-cont input[type=button]{display: block;width: 5.6rem;height: .8rem;background: #e48226;color: #fff;border-radius:.1rem;font-size:.3rem;margin:.3rem auto;border:0 none;cursor: pointer;}
.fdb-tips-box{display:none;position: fixed;left:50%; top: 50%;background:rgba(0,0,0,.8); color:#fff;z-index:1001;-webkit-border-radius:4px; border-radius:4px;}
.fdb-tips-cont{padding:10px 15px; font-size:16px; text-align:center;}
.pop-rank-cont div.user-message{padding: 0;margin:0;}
.pop-rank-cont textarea{width:4rem;height:.8rem;line-height:.4rem;padding:0 .2rem .1rem .2rem; resize: none;font-size:.28rem; border:0 none; outline: none;}

.view-main {width: 7.5rem;}
.view-main .bar {    float: left;position: absolute;top: .88rem;bottom: 0; padding-bottom: 1rem;width: 1.8rem;background-color: #fff;overflow-y: auto;}
.view-main .bar li {width: 1.758rem;height: 1.18rem;line-height: 1.18rem;font-size: .28rem;background-color: #f5f5f5;text-align: center;border-left: 3px solid #f5f5f5;color: #000;}
.view-main .bar li a {font-size: .28rem;color: #000}
.view-main .bar li.on {background-color: #fff;color: #5276cf;border-left: 3px solid #5276cf;}
.view-main .main {position: absolute;top: .88rem;bottom: 0;left: 1.8rem;overflow-x: hidden;overflow-y: auto;width: 5.7rem;background-color: #fff}
.view-main .main .main-in {padding-bottom: 1.5rem;}
.main .head{position: relative;width: 100%;font-size: .28rem;color: #333;text-align: center; margin: .3rem auto .1rem;}
.main .head:before,.main .head:after {content: '';position: absolute;top: 52%;background: #e5e5e5;width: .8rem;height: .02rem}
.main .head:before {left: 70%}
.main .head:after {right: 70%}
.main ul {padding-bottom: .26rem; margin-bottom: .2rem;box-sizing: border-box;}
.main ul li {display: inline-block;width: 1.48rem;text-align: center; font-size: .234rem;color: #666;margin-top: .2rem;margin-right: .25rem}
.main ul li:nth-child(3n){ margin-right: 0}
.main ul li div {max-width: 1.48rem;line-height: .54rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.main ul li img {max-width: 1.24rem;max-height: 1.24rem}
.main-in{display:none;}
.main-in.disb{display:block;}
.rel-brand{margin-top:.3rem;}
.rel-brand ul li{float:left;width:33.3333%;height:1.88rem; box-sizing:border-box;padding:.1rem;text-align:center; border:1px solid #e2e2e2;margin-left:-1px;margin-top:-1px;}
.rel-brand ul li img{width:100%;height:1rem;}
.rel-brand ul li div{height:.5rem; line-height:.5rem;padding-top:.1rem; font-size:.26rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news >ul li{padding:.3rem 0; border-bottom:1px solid #eee;}
.news >ul li:last-child{border-bottom:0;}
.news ul li a{display:block; overflow:hidden;}
.news ul li a img{float:left;width:2.16rem;height:1.44rem;margin-right:.3rem;}
.news ul li a .bt{margin-bottom:.2rem;max-height:1rem;line-height:.5rem; font-size:.32rem; overflow:hidden;}
.news ul li a .info{color:#999; font-size:.24rem;}
.news ul li a .info span{padding-right:.4rem;}
.news ul li a .info .icon-chakanyanjingshishifenxi2{padding-right:.1rem;color:#ddd; font-size:.24rem; font-weight:normal;}
.load-more{display:block;height:.72rem;line-height:.72rem;font-size:.28rem;background: #ececf6; text-align: center; color: #555ba6;-webkit-border-radius: .8rem;-moz-border-radius: .8rem;border-radius: .8rem;}
.bread{line-height:.36rem;padding:.2rem;font-size:.24rem;color: #999;}
.bread a{color:#999;}
.bread{line-height:.36rem;padding:.2rem;font-size:.24rem;color: #999;}
.bread a{color:#999;}
.bread a.home{display:inline-block;width:.28rem;height:.28rem;margin-bottom:-.04rem;background:url(../images/home.png) no-repeat;background-size:100% 100%;}
.list-bar li{height:.8rem;line-height:.8rem;font-size:.36rem;text-align:center;box-sizing:border-box;border:1px solid #e2e2e2;background:#fff;border-left:0;cursor: pointer;}
.list-bar li:last-child{border-right:0}
.list-bar li i{margin-left:.2rem;font-size:.36rem;color:#ccc;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;transition:all .3s linear 0s}
.listpop{display:none;position:fixed;left:0;top:0;width:100%;border-top:.08rem solid #5276cf;background:#fff;z-index:11;-webkit-animation:bounceInDown .8s;animation:bounceInDown .8s;z-index:101}
.listpop .bt{height:.88rem;line-height:.88rem;text-align:center;font-size:.4rem;color:#5276cf;border-bottom:1px solid #e2e2e2;}
.listpop ul li{float:left;width: 25%;height:.64rem;box-sizing:border-box;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;line-height:.64rem;text-align:center;font-size:.28rem;}
.listpop ul li a{display:inline-block}
.listpop i{position:absolute;top:.08rem;right:.2rem;width:.64rem;height:.64rem;line-height:.64rem;font-size:.4rem;text-align:center;border-radius:.64rem;background:#e2e2e2}
.vote-title{padding:.1rem 0;line-height:.6rem;font-size:.4rem;text-align: center;font-weight:bold;}
.vote-lead-info{margin-bottom:.2rem;color:#999; text-align: center;font-size:.24rem;}
.vote-lead-info span{padding:0 .24rem;}
.vote-lead-intro{padding:.1rem 0;line-height:.68rem;font-size:.32rem;}
.vote-notice{color:#888;font-size:.24rem;line-height:.48rem;}
.vote-notice em{font-weight:bold;color:#333;font-style: normal;line-height:.48rem;}
.vote-notice em i{color:#fdb80c;font-weight: normal;}
.vote-list ul li{position:relative;float: left;width: 48%;min-width: 138px;padding:.1rem; margin: .1rem 1%;text-align: center;border: 1px solid #e9e9e9;background: #fff; line-height: 1.8em; box-sizing: border-box;}
.vote-list ul li .pic{height:1.5rem; text-align: center; overflow: hidden; }
.vote-list ul li .pic img{max-width: 100%;height:1.5rem;}
.vote-list ul li .brandname{height:.56rem;line-height:.56rem; padding:0 .2rem;font-size:.28rem;text-align: center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vote-list ul li .votenum{height:.56rem;line-height:.56rem; text-align: center;font-size:.24rem;}
.vote-list ul li .votenum .jt-up{color:#fe741c;}
.vote-list ul li .votenum .jt-down{color:#999;}
.vote-list ul li .vote-btns{height:.56rem;margin-top:.16rem;padding:.1rem;border-top:1px solid #e9e9e9;}
.vote-list ul li .vote-btns .btn{float:left;width:50%;height:.56rem;line-height:.56rem; text-align:center;font-size:.24rem;color:#666; cursor: pointer;}
.vote-list ul li .vote-btns .btn a{display: block;}
.vote-list ul li .vote-btns .btn a{color:#666; }
.vote-list ul li .numb{position: absolute;top: -1px;left: -1px;height: .3rem;padding: 0 .1rem;color: #fff;font-size: .2rem;font-weight: 500; text-align: center;line-height: .3rem;background-color: #ccc;-webkit-border-radius: 0 0 .08rem 0;-moz-border-radius: 0 0 .08rem 0;border-radius: 0 0 .08rem 0;}
.vote-list ul li:nth-of-type(1) .numb{background: #E00B0B;}
.vote-list ul li:nth-of-type(2) .numb{background: #ff7e00;}
.vote-list ul li:nth-of-type(3) .numb{background: #fcc020;}

.new-vote-list ul li{padding:.3rem;border-bottom:1px solid #eee; overflow: hidden;}
.new-vote-list ul li .num{float:left;display:inline-block;margin:.2rem .2rem 0 0;}
.new-vote-list ul li .num span{display:block;width:.48rem;height:.48rem;padding:.08rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.new-vote-list ul li .num span i{display:block;width:.48rem;height:.48rem;line-height:.48rem;font-size:.28rem;font-weight:bold; text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-style:normal;}
.new-vote-list ul li .num.num1 span{background:rgba(224,11,11,.3);}
.new-vote-list ul li .num.num1 i{background:#e00b0b;color:#fff;}
.new-vote-list ul li .num.num2 span{background:rgba(255,118,64,.3);}
.new-vote-list ul li .num.num2 i{background:#ff7640;color:#fff;}
.new-vote-list ul li .num.num3 span{background:rgba(253,196,92,.3);}
.new-vote-list ul li .num.num3 i{background:#fdc45c;color:#fff;}
.new-vote-list ul li .pic{float:left;width:2.12rem;height:1rem;}
.new-vote-list ul li .pic img{width:2.12rem;height:1rem;}
.new-vote-list ul li .chara {float:left;display:inline-block;width:2rem;height:1.2rem;padding-left:.3rem;}
.new-vote-list ul li .chara .bt{font-size:.32rem;}
.new-vote-list ul li .chara .votes-num{font-size:.24rem;color:#999;}
.new-vote-list ul li .btn{float:right;height:.48rem;margin:.3rem 0 0 0; line-height:.48rem;padding:0 .3rem;background:#56a5fe;color:#fff; border-radius: .24rem;font-size:.24rem; }
.new-vote-list.voted ul li .btn{background:#ccc;}

.other-rank li{float:left;width:33.3%; box-sizing:border-box;padding:.1rem .1rem;text-align:center;}
.other-rank li a{display:inline-block;height:.6rem; line-height:.6rem; font-size:.28rem;width:100%;border:1px solid #e2e2e2;color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rk-btns{margin-top:.4rem;}
.rk-btns ul li{float:left;width:50%;padding:.2rem;box-sizing: border-box;font-size:.28rem;}
.vote-ten-btn{display:inline-block;width:100%;height:.8rem; line-height:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem; border-radius:.8rem;background:#f44336; text-align:center;color:#fff;}
.join-vote-btn{display:inline-block;width:100%;height:.8rem; line-height:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem; border-radius:.8rem;background:#ff9800; text-align:center;color:#fff;}
.base-info{ position:relative;}
.base-info-img{position: relative; float: left;width: 2.5rem; height: 1.7rem;padding:.02rem;border: 1px solid #ccc;margin-right: .2rem;text-align: center;max-width: 2.5rem;background:#fff;}
.base-info-img img{max-width:2.5rem;height:1.7rem;}
.base-info-img a{position: absolute;bottom: 0;right: 0;width: 1rem;font-size: .2rem;font-style: normal;background: rgba(0,0,0,.1);color: #ffa115;height: .36rem;line-height: .36rem;border-radius: .1rem 0 0 0;}
.base-info-img a i{display: inline-block;vertical-align: middle;width: .28rem;height: .28rem;background: url(https://imgpinpai.phb123.com/skin/version1.0/images/jc_ico.png) no-repeat; margin: -.04rem .04rem 0 0;background-size: .28rem;}
.base-info-tit{width:2.8rem;max-height:.96rem; line-height:.48rem; margin-bottom:.12rem;font-size:.36rem;color:#333; overflow:hidden;}
.base-row{height:.4rem; line-height:.4rem; font-size:.24rem;color:#999;}
.base-row span{color:#333;}
.praise-cont{position: absolute;right:0;bottom:.1rem;width:1.4rem; height:1.8rem; }
.praise-cont .praise-rate{position: absolute;width: 1.4rem; height: 1.4rem; clip: rect(0px,1.4rem, 1.4rem, .7rem);-webkit-animation-duration:.01s; -webkit-animation-delay: .5s;  -webkit-animation-name: close-wrapper;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: forwards; -webkit-animation-timing-function:linear;}
.praise-cont .praise-rate .circle {width: 1.32rem;height: 1.32rem; border: 2px solid #ababeb; border-radius: 1rem; position: absolute;clip: rect(0px, .7rem, 1.4rem, 0px);-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: forwards; -webkit-animation-timing-function:linear;}
.praise-cont .praise-rate .circle.left{-webkit-animation-duration: 1s; -webkit-animation-name: left-spin;}
.praise-cont .praise-rate .circle.right{-webkit-animation-duration: .5s; -webkit-animation-name: right-spin;}
.praise-cont .praise-ring{ position:absolute;top:0;left:0;z-index:10; width:1.4rem;height:1.4rem;line-height:1.4rem; text-align:center; overflow:hidden;font-family:Georgia;font-size:.4rem;}
.praise-cont .pr-tit{ position:absolute;bottom:0;left:0;width: 1.4rem;height:.24rem;padding-top:.16rem; line-height:.24rem; text-align:center; font-size:.24rem; color:#999;}
@-webkit-keyframes right-spin {from { -webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(180deg);}}
@-webkit-keyframes left-spin {from {-webkit-transform: rotate(0deg);}to { -webkit-transform: rotate(360deg);}}
@-webkit-keyframes close-wrapper {to {clip: rect(auto, auto, auto, auto);}}
.base-message{padding-top:.3rem;font-size:.28rem;}
.base-message dd{height:.9rem;line-height:.95rem;background-color: #fff; padding: 0 .2rem 0 .3rem; overflow: hidden;}
.base-message dd:nth-child(2n-1){background-color:#f5f5f5}
.base-message dd span{float:left;}
.base-message dd i{float:right;color:#999;font-style: normal;}
.base-message dd i.worth{font-family: fetteengd,microsoft yahei;font-size: .48rem;}
.base-message dd i a{color:#5b6bbe;}
.base-message dd i.red{color:#ea393e;font-weight:bold;}
.base-message dd .go-buy{float:right;display:inline-block;height:.48rem;padding:0 .12rem;margin:.24rem 0 0 .4rem;line-height: .48rem;border-radius:.06rem;background: #ff5722;color:#fff;font-size:.24rem;}
.base-message dd .go-buy-jd{float:right;display:inline-block;height:.48rem;padding:0 .12rem;margin:.24rem 0 0 .4rem;line-height: .48rem;border-radius:.06rem;background: #ea393e;color:#fff;font-size:.24rem;}
.base-message dd .go-buy-jd em{margin-right:4px;}

.base-message dd span.brand-rel-rank {float: right;max-width:4.7rem;font-size:.28rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.base-message dd span.brand-rel-rank a{margin-right: .3rem;color:#6d7a9a}
.base-message dd.more {background-color: #8bc34a14;}


.title-in{height:.8rem;margin-bottom: 1px; border-bottom:1px solid #e6e6e6}
.title-in b,.title-in h2,.title-in h3,.title-in .bt{float:left; position:relative;display:inline-block;height:.78rem; line-height:.78rem; font-size:.40rem; font-weight:normal; border-bottom:2px solid #5276cf;}
.title-in .more{color:#999;font-size:.24rem;margin-top:.2rem;}
.base-cont {padding:.3rem 0;font-size: .32rem;line-height: .64rem;}
.base-cont p {padding: .2rem 0;line-height: .64rem;}
.brand-hy{padding:.3rem 0 .1rem 0;}
.brand-hy ul li{float:left;width:25%;height:.72rem;padding:.06rem;box-sizing: border-box; text-align:center;}
.brand-hy ul li a{display:block;height:.6rem; line-height:.6rem; border: 1px solid #e2e2e2;font-size:.28rem;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}

.product-hy{padding:.3rem 0 .1rem 0;}
.product-hy ul li{float:left;width:50%;height:.8rem;padding:.1rem;box-sizing: border-box; text-align:center;}
.product-hy ul li a{display:block;height:.6rem; line-height:.6rem;padding:0 .1rem; border:1px solid #e2e2e2;color:#666;font-size:.28rem;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}

.thumbs-tit {height:1.56rem;background: #f59b43;padding: .2rem .4rem 0 .4rem;}
.thumbs-tit p {float:left;width: 4.8rem;height:.6rem;line-height:.6rem;font-size:.4rem;color: #fff;font-weight: 600;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.thumbs-tit a {float: right;display: block;height:.6rem;line-height:.6rem;font-size:.28rem;color: #fff;}
.thumbs-tit span {line-height:.44rem; font-size:.28rem;color: #fff;margin-right:.3rem;}
.thumbs-cont{padding:.4rem;background:#fff;}
.thumbs-up,.thumbs-down{float: left;width:50%; box-sizing:border-box;cursor: pointer;}
.thumbs-up span,.thumbs-down span{display: block;width:1.2rem;height:1.2rem;line-height:1.2rem;font-size:.6rem;color:#fff; text-align:center;margin: 0 auto;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.icon-thumb-up {background-color: #f59b43;}
.icon-thumbdown{background-color: #bbb;}
.thumbs-up p,.thumbs-down p {line-height: .72rem; font-size:.32rem;color: #f59b43;font-weight: 600;text-align: center;margin-top:.2rem;}
.thumbs-down p {color: #999;}

.brand-vote-list{position: relative; box-sizing: border-box;}
.brand-vote-list .heads{height:.72rem; line-height:.72rem;  font-size:.28rem;  border-bottom:1px dashed #eee; }
.brand-vote-list .heads span{display:block; float:left; text-align:center; height:.72rem;}
.brand-vote-list .heads .t1{width:68%; text-align:left;}
.brand-vote-list .heads .t2{width:20%; }
.brand-vote-list .heads .t3{width:12%;}
.brand-vote-list .clist ul li{line-height:.72rem; height:.72rem;  border-bottom:1px dashed #eee;font-size:.28rem; overflow: hidden;}
.brand-vote-list .clist ul li span{display:block; float:left; text-align:center; height:.72rem;}
.brand-vote-list .clist ul li .t1{ width:68%; text-align:left; position:relative;}
.brand-vote-list .clist ul li .t2{ width:20%;}
.brand-vote-list .clist ul li .t3{ width:12%; text-align: center;}
.brand-vote-list .clist ul li a{color:#555ba6;}
.brand-vote-list .clist ul li .btn{display:inline-block;color:#fff; background-color:#b4b7da; font-size:.28rem; width:.48rem;height:.48rem;margin-top:.12rem;line-height:.48rem; border-radius:50%; cursor: pointer;}
.brand-vote-list .clist ul li .btn:hover{ text-decoration:none;}
.brand-vote-list .clist ul li .btn.thumbed{background-color:#ccc;}
.brand-vote-list .show-more{display: none;background: #f2f3f9;width: 100%;text-align: center;height:.6rem;margin-top:.2rem;line-height: .6rem;font-size:.32rem;color: #555ba6;cursor: pointer;}
.brand-vote-list .show-more img{height:.48rem;vertical-align: middle;}

.rank-tit{padding:.1rem 0; line-height:.56rem;font-size:.48rem; text-align:center; font-weight:bold;color:#222;}

.lead{ margin:.2rem 0;}
.lead p{font-size:.28rem;color: #333;line-height:.48rem;}
.lead span{float:right;width: 2.4rem;height:1.6rem;margin:.2rem 0 0 .2rem; border:1px solid #e4e4e4;}
.lead span img{width: 2.4rem;height:1.6rem;}
.notice{margin-top:.2rem; font-size:.24rem; line-height:.4rem;color:#bababa}
.uptime{color:#888; font-size:.2rem;}

.rank-ld-tabs {position:relative;width:100%;height:.8rem;border-bottom:1px solid #f0f0f0;}
.rank-ld-tabs.notHeight{height:auto;border:0}
.rank-ld-tabs.badu.onHeight{height:auto; border: 0 none;}
.rank-ld-tabs ul li{float:left; position:relative;width:25%;height:.8rem;line-height:.8rem; text-align:center;font-size:.36rem;color:#111;cursor: pointer;}
.rank-ld-tabs ul li.on{color:#5276cf;}
.rank-ld-tabs ul li.on:after{content:"";position: absolute;left:50%;bottom:-1px;height:3px;width:1rem;margin-left:-.5rem;background:#5276cf;}
.rank-ld-tabs.badu ul li{width:33.3333%;}
.rank-ld-tabs.fixed {position: fixed;left: 0;top: 0;z-index: 10000;}

.rank-ld-tabs.badu{overflow: hidden;} 
.rank-ld-tabs.badu ul{height:.96rem;overflow-x:auto;white-space:nowrap;font-size:0;overflow-x:-moz-scrollbars-none;-ms-overflow-style:none}
.rank-ld-tabs ul li {position: relative; display: inline-block;text-align: center;}
.rank-ld-tabs.badu ul li{float: none;width:auto;padding:0 .4rem;}

.rank-ld-box{display:none;}
.rank-ld-box.disb{display:block;}
.rank-ld-box-lead ul li{position:relative;height:.72rem;margin-top: .4rem; line-height:.72rem; border:1px solid #95cced; font-size:.36rem; background-color:#fff;-webkit-border-radius: 0 .12rem .12rem 0;-moz-border-radius: 0 .12rem .12rem 0;border-radius: 0 .12rem .12rem 0;}
.rank-ld-box-lead ul li a{ position:relative;display:block;height:.72rem; line-height:.72rem;}
.rank-ld-box-lead ul li a .jb{ position:absolute; top:-.08rem; left:-.32rem;width:.64rem;height:.64rem;}
.rank-ld-box-lead ul li a .num{position: absolute;left:-.28rem;top:-.12rem;float:left;width: .84rem;height: .84rem;line-height:.84rem;background: #fff;text-align:center; color:#95cced; font-size:.4rem;-webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius: 100%; border: 2px solid  #95cced;  }
.rank-ld-box-lead{padding-left:.5rem;padding-top:.2rem;}
.rank-ld-box-lead ul li a .bt{float:left;width:4rem;}
.rank-ld-box-lead ul li a .bt span{display:block;width:60%;overflow:hidden;min-width:60%; -webkit-transition:width .3s linear 0s; -moz-transition:width .3s linear 0s; transition:width .3s linear 0s;padding:0 .2rem 0 .8rem; color:#fff; -webkit-border-radius:0 .2rem .2rem 0;-moz-border-radius:0 .2rem .2rem 0; border-radius:0 .2rem .2rem 0;background:#95cced;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.rank-ld-box-lead ul li a .att{float:right;width: 1.4rem;height:.72rem;padding:0 .2rem; line-height:.72rem; text-align:right;  text-align:right; font-size:.28rem;}
.rank-ld-box-lead ul li.red{border:1px solid #f5634f;}
.rank-ld-box-lead ul li.red a .num{color:#f5634f;border-color:#f5634f;}
.rank-ld-box-lead ul li.red .bt span{background:#f5634f;}
.rank-ld-box-lead ul li.yellow{border:1px solid #efa64a;}
.rank-ld-box-lead ul li.yellow a .num{color:#efa64a;border-color:#efa64a;}
.rank-ld-box-lead ul li.yellow .bt span{background:#efa64a;}
.rank-ld-box-lead ul li.blue{border:1px solid #47cd84;border-color:#47cd84;}
.rank-ld-box-lead ul li.blue a .num{color:#47cd84;}
.rank-ld-box-lead ul li.blue .bt span{background:#47cd84;}


.rankdetail-list ul li{margin-top:.2rem;background:#fff; overflow:hidden;}
.rankdetail-list ul li .item-top{position:relative;border-bottom: 1px solid #f5f5f5;padding: .1rem .3rem .3rem .3rem; overflow: hidden;}
.rankdetail-list ul li .item-top .number{float: left;display: inline-block;width: .8rem;height: .8rem;line-height:.7rem;margin-right: .2rem;margin-top:.3rem;background-size: 2.9rem; background-image: url(../images/icons_1.png); background-repeat: no-repeat; background-position: -2.12rem 0;color:#fff;text-align:center; font-weight: bold;font-size:.3rem;}
.rankdetail-list ul li .item-top .icons-numb1{background-position:0 0;overflow: hidden; text-indent:5rem;}
.rankdetail-list ul li .item-top .icons-numb2{background-position:-.64rem 0;overflow: hidden;text-indent:5rem;}
.rankdetail-list ul li .item-top .icons-numb3{background-position:-1.42rem 0;overflow: hidden;text-indent:5rem;}
.rankdetail-list ul li .item-top .name{margin-top:.2rem;overflow: hidden;}
.rankdetail-list ul li .item-top .name .namecn {float: left;width: 3.8rem;font-size:.4rem;line-height:.56rem;font-weight:bold; color: #333;margin-right:.14rem;}
.rankdetail-list ul li .item-top .name .nameen {font-family: Arial,microsoft yahei;margin-top:.1rem;}
.rankdetail-list ul li .item-top .name .country,.rankdetail-list ul li .item-top .name .nameen {float: left;font-size:.24rem;opacity: .6;line-height:.4rem;margin-top:.1rem;}
.rankdetail-list ul li .item-top .name .country{margin-left:.08rem;}
.rankdetail-list ul li .item-top .expo{color:#bbb;font-size:.24rem;line-height:.32rem;margin-top:.1rem;}
.rankdetail-list ul li .item-top .expo em{font-weight: bold;font-size:.32rem;padding-left:.1rem;}
.rankdetail-list ul li .item-top .btn {position:absolute;right:.3rem;top:.3rem;display: block;width:2rem;height:.68rem;text-align: center;-webkit-border-radius:.34rem;-moz-border-radius:.34rem;border-radius:.34rem;font-size:.32rem;line-height:.68rem;color: #fff;background:#fd5311;}
.rankdetail-list ul li .item-middle{margin-top:.1rem;padding:.2rem .3rem;}
.rankdetail-list ul li .pic{float:left;display:inline-block;width:2.36rem;height:1.44rem;margin-right:.3rem;border: 1px solid #eee;}
.rankdetail-list ul li .pic img{width:2.36rem;height:1.44rem;}
.rankdetail-list ul li .company_intro{ line-height:.48rem; font-size:.28rem;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.rankdetail-list ul li .change-num{float:right;width:160px; text-align: center;}
.rankdetail-list ul li .change-num .nums{height:56px;line-height:56px;font-family: fetteengd,microsoft yahei;font-size: 56px;color:#000;}
.rankdetail-list ul li .ms{font-size:14px;color:#888;}
.rankdetail-list ul li .click-bar {display: block;height: .8rem;line-height: .8rem;margin-top:.2rem;font-size: .26rem;border: 0;color: #888;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align: center;cursor: pointer;}
.rankdetail-list ul li .click-bar i{padding:0 .1rem;font-size:.26rem; color:#999;}
.rankdetail-list ul li .youjt{position: absolute;right: .3rem;top: 0.4rem;display: block; width: .72rem; height: .72rem;background: url(https://imgpinpai.phb123.com/skin/mversion2.0/images/right-arrow2.png) no-repeat;background-size: .72rem .72rem;}
.rankdetail-list ul li .item-top .expo .go-buy {background: #ff9800; color: #fff;border-radius: 0.08rem;display: inline-block;padding: 0 0.2rem;line-height: .48rem;font-size: .24rem;margin-left: 0.3rem;}
.rankdetail-list ul li .rec-products{display:flex;align-items: center;padding:.3rem .2rem;}
.rankdetail-list ul li .rec-products .product-items{display: inline-block;position: relative;width:2.24rem;height: 2.24rem; margin:0 .06rem;border:1px solid #eee;-webkit-border-radius: .1rem;-moz-border-radius: .1rem;border-radius: .1rem; overflow: hidden;}
.rankdetail-list ul li .rec-products .product-items .img{display: block;width:2.24rem;height: 2.24rem;}
.rankdetail-list ul li .rec-products .product-items .img img{width:2.24rem;height: 2.24rem;}
.rankdetail-list ul li .rec-products .product-items em{position: absolute;left:0;bottom:.4rem;height: .4rem;line-height: .4rem;background-color: #fff;color: #ef4135;padding: 0 .16rem 0 .08rem; border: .02rem solid transparent;border-top-color: #ffa7a0;border-right-color: #ffa7a0;border-top-right-radius: .22rem;font-size:.24rem;font-style:normal;}
.rankdetail-list ul li .rec-products .product-items span{position: absolute;left:0;bottom:0;  height: .4rem;line-height: .4rem;border-top-right-radius: .24rem;padding: 0 .16rem 0 .08rem;background: -webkit-gradient(linear,left top,left bottom,from(#ff654c),to(#f6382b));background: linear-gradient(#ff654c,#f6382b);color: #fff;font-size:.24rem;}
.rankdetail-list ul li .rec-shop{padding:.1rem .3rem .3rem .3rem;}
.rankdetail-list ul li .rec-shop a{display: block;height:.48rem;padding:.2rem .3rem;line-height:.48rem;background:#dfedf6;color:#61a6d3;-webkit-border-radius: .12rem;-moz-border-radius: .12rem;border-radius: .12rem;font-size:.24rem;}
.rankdetail-list ul li .rec-shop a span{display:inline-block;line-height:.48rem;padding:0 .16rem;margin-right:.2rem;background:#61a6d3;color:#fff;-webkit-border-radius: .06rem;-moz-border-radius: .06rem;border-radius: .06rem;}
.rankdetail-list.brand-list ul li .item-top{padding-bottom:.2rem;}


.rankdetail-list ul li .rank-more-infos{display: none;}
.rankdetail-list ul li .rank-more-infos.disb{display: block;}
.rankdetail-list ul li .base-message{display: block;padding: 0 .2rem;}
.rankdetail-list ul li .base-message  dd i{ max-width:5rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}

.rankdetail-list ul li .com-levels{padding: 0 .1rem;margin-top: .2rem;}
.rankdetail-list ul li .com-levels div{float: left;width: 50%;padding:.1rem;box-sizing: border-box;}
.rankdetail-list ul li .com-levels span{display: block;height: .7rem;padding:.1rem .02rem;text-align: center;font-size: .26rem;border: 1px solid #eee;box-sizing: border-box;white-space: nowrap; overflow: hidden;}
.rankdetail-list ul li .com-levels span i {display: inline-block;height: .5rem;margin: 0 auto;background: url(https://imgpinpai.phb123.com/skin/mversion2.0/images/rank_num_mbg.png) no-repeat;background-size:4.27rem .5rem; vertical-align: middle;}
.rankdetail-list ul li .com-levels span i.listed-company{width: .5rem;background-position: 0rem 0;}
.rankdetail-list ul li .com-levels span i.old-line{width: .5rem;background-position: -.64rem 0;}
.rankdetail-list ul li .com-levels span i.top-500-china{width: .5rem;background-position: -1.44rem 0;}
.rankdetail-list ul li .com-levels span i.forbes-500{width: .72rem;background-position: -2.22rem 0;}
.rankdetail-list ul li .com-levels span i.high-tech{width: .5rem;background-position: -3.04rem 0;}
.rankdetail-list ul li .com-levels span i.fortune-500{width: .5rem;background-position: -3.74rem 0;}
.rankdetail-list ul li .brand-view{display: inline-block;height: .8rem;padding: 0 .5rem;line-height: .8rem;background: -webkit-linear-gradient(to right,#fb2c19,#fe741c); background: -o-linear-gradient(to right,#fb2c19,#fe741c);background: -moz-linear-gradient(to right,#fb2c19,#fe741c);background: linear-gradient(to right,#fb2c19,#fe741c);text-align: center;-webkit-border-radius:.4rem;-moz-border-radius:.4rem; border-radius:.4rem;color: #fff;font-size: .32rem;}
.rankdetail-list ul li .brand-view i{display: inline-block;width:.32rem;height:.32rem;line-height: .32rem;color: #fb2c19;margin:-.04rem 0 0 .08rem;background: #fff;-webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius: 100%; vertical-align: middle;text-align: center;font-size:.24rem;font-family: serif; font-style: normal;font-weight: 600;}
.rankdetail-list ul li .brand-view:hover{color: #ff0}
.rankdetail-list ul li .brand-view:hover i{background-color: #ff0;}
.rankdetail-list ul li .view-btn{padding: .3rem .2rem;text-align: center;}





.list-lead{text-align: center;}
.list-lead .bt{padding:.2rem 0;font-size:.48rem;font-weight: bold;}
.list-lead p{line-height:.56rem;color:#888;font-size:.28rem;}

#categorys .swiper-slide ul li{float:left;width:20%;padding:.1rem 0; text-align:center;}
#categorys .swiper-slide ul li a{display:block;}
#categorys .swiper-slide ul li a img{display:block;width:1.28rem;height:1.28rem;}
#categorys .swiper-slide ul li i{display:inline-block;width:.96rem;height:.96rem; line-height:.96rem;background:#7dd0c0;color:#fff; font-size:.56rem;font-weight:400; -webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; }
#categorys .swiper-slide ul li span{display:block;height:.48rem; line-height:.48rem;margin-top:.1rem; font-size:.28rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#categorys .swiper-slide ul li:nth-child(1) i{background:#ffcb41;background-image: linear-gradient(-45deg,#fdaa1c,#ffcb41);}
#categorys .swiper-slide ul li:nth-child(2) i{background:#fe5d4b;background-image: linear-gradient(-45deg,#ff3556,#fe5d4b);}
#categorys .swiper-slide ul li:nth-child(3) i{background:#6cd6fd;background-image: linear-gradient(-45deg,#1b9dde,#6cd6fd);}
#categorys .swiper-slide ul li:nth-child(4) i{background:#baa6f9;background-image: linear-gradient(-45deg,#7b74ff,#baa6f9);}
#categorys .swiper-slide ul li:nth-child(5) i{background:#53e1fa;background-image: linear-gradient(-45deg,#1aa6dc,#53e1fa);}
#categorys .swiper-slide ul li:nth-child(6) i{background:#ffb428;background-image: linear-gradient(-45deg,#fe822b,#ffb428);}
#categorys .swiper-slide ul li:nth-child(7) i{background:#80eed2;background-image: linear-gradient(-45deg,#1ccdcb,#80eed2);}
#categorys .swiper-slide ul li:nth-child(8) i{background:#f75e76;background-image: linear-gradient(-45deg,#f40e20,#f75e76);}
#categorys .swiper-slide ul li:nth-child(9) i{background:#ffcb41;background-image: linear-gradient(-45deg,#fdaa1c,#ffcb41);}
#categorys .swiper-slide ul li:nth-child(10) i{background:#88ca68;background-image: linear-gradient(-45deg,#6dba2d,#90ce79);}
#categorys.swiper-container{position: relative;background:#fff; overflow:hidden}
#categorys.swiper-container .swiper-wrapper{height:100%;padding-bottom:.5rem;}

.channel-click-box ul{overflow: hidden;}
.channel-click-box ul li{padding: .26rem 0; border-bottom:1px solid #f0f0f0;}
.channel-click-box ul li a{display:block;overflow: hidden;}
.channel-click-box ul li a i{float: left;width: .36rem;height: .36rem;line-height: .36rem;margin-top:.26rem;-webkit-border-radius: .05rem;-moz-border-radius: .05rem; border-radius: .05rem; background: #bababa; color: #fff; font-size: .24rem; text-align: center;font-style: normal;}
.channel-click-box ul li a .img{float: left;width: 1.8rem;height: .92rem;-webkit-border-radius: .04rem;-moz-border-radius: .04rem;margin: 0 .14rem; overflow: hidden;}
.channel-click-box ul li a .img img{width: 1.8rem;height: .92rem;}
.channel-click-box ul li a .bt{float:left;width: 3.2rem;height:.36rem;line-height:.36rem;margin-top:.26rem;font-size: .28rem;color: #333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.channel-click-box ul li a .point{float: right;height:.36rem;line-height:.36rem;margin-top:.26rem;font-size: 0.3rem; color: #E00B0B;}
.channel-click-box ul li a .point img{ width: .25rem; margin-left: .1rem;}
.channel-click-box ul li:nth-of-type(1) a i{background: #E00B0B;}
.channel-click-box ul li:nth-of-type(2) a i{background: #ff7e00;}
.channel-click-box ul li:nth-of-type(3) a i{background: #fcc020;}
.channel-click-box ul li:nth-of-type(1) a .bt{color: #E00B0B;}
.channel-click-box ul li:nth-of-type(2) a .bt{color: #ff7e00;}
.channel-click-box ul li:nth-of-type(3) a .bt{color: #fcc020;}
.channel-click-box ul li:last-child{border-bottom:0;}
.brand-lead .bt{ padding:.1rem 0;font-size:.48rem;font-weight: bold;text-align: center; }
.divide{ position:relative;height:.8rem;line-height:.8rem;color:#ffc107; text-align: center; }
.divide i{font-size:.44rem;}
.divide:before, .divide:after {content: '';position: absolute;top: 52%;background: #ffc107;width: .8rem;height: .02rem}
.divide:before {left: 60%}
.divide:after {right: 60%}
.brand-lead .intro,.vote-brand-lead .intro{padding:.1rem 0;line-height:.68rem;font-size:.32rem;}
.vote-brand-lead .bt{ padding:.1rem 0;font-size:.44rem;font-weight: bold;text-align: center; }
.vote-brand-lead dl{padding:.2rem 0;font-size:.32rem;}
.vote-brand-lead dl dt{height:.6rem;line-height:.6rem;margin:.1rem 0;font-weight: bold;font-size:.36rem;}
.vote-brand-lead dl dt i{font-weight: normal;color:#ffc107;font-size:.48rem;margin-right:.2rem;}
.vote-brand-lead dl dd{padding:.2rem;color:#888;}

.search-brand{width:100%;box-sizing: border-box;}
.search-brand .search-area{float: left;width: 80%; height:.8rem;background: #fff; border: 1px solid #eee;color: #333;font-size:.32rem;padding:.2rem;box-sizing: border-box; }
.search-brand .search-button{float:left;width: 20%;height:.8rem;margin-left:-1px; line-height:.8rem; font-size:.32rem;border:1px solid #fa594e;background:#fa594e;color:#fff;}
.letter{font-size:.32rem;}
.letter a{float:left; width:.7rem; height:.7rem; line-height:.7rem; text-align:center; display:inline-block; border-top-left-radius:.2rem; -moz-border-top-left-radius:.2rem; -webkit-top-left-border-radius:.2rem; border-bottom-right-radius:.2rem; -moz-border-bottom-right-radius:.2rem; -webkit-bottom-right-border-radius:.2rem; background-color:#5276cf; color:#fff; margin:.13rem;}

.vote-boxes{padding:.2rem .1rem .1rem .1rem;background: #fff;}
.vote-boxes.thumbed .col-4 a{background:#ccc;}
.vote-boxes-title{height:.48rem;line-height:.48rem;padding:.2rem .3rem;font-size:.32rem;font-weight:bold;background:#feedc7;border-radius: .18rem .18rem 0 0;}
.vote-boxes-table-head{height:.72rem;background:#eee;}
.vote-boxes-table-head ul li{float:left;height:.72rem; line-height:.72rem; text-align: center;font-size:.28rem;}
.vote-boxes-table-head ul li.col-1{width:15%;}
.vote-boxes-table-head ul li.col-2{width:50%;}
.vote-boxes-table-head ul li.col-3{width:20%;}
.vote-boxes-table-head ul li.col-4{width:15%;}
.vote-boxes-table.high{height:3.82rem; overflow: hidden;}
.vote-boxes-table-items{border-top:1px solid #eee;}
.vote-boxes-table-items ul li{float:left;height:.88rem;padding:3px 0;}
.vote-boxes-table-items ul li.col-1{width:15%;text-align:center;}
.vote-boxes-table-items ul li.col-2{width:50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.vote-boxes-table-items ul li.col-3{width:20%;text-align:center;height:.88rem; line-height: .88rem;font-size:.28rem;}
.vote-boxes-table-items ul li.col-4{width:15%;text-align:center;height:.88rem; line-height: .88rem;font-size:.24rem;}
.vote-boxes-table-items ul li.col-4 a{display:block;width:.72rem;height:.44rem;margin:.22rem auto;line-height:.44rem; text-align:center;background:#818bc6;color:#fff;-webkit-border-radius: .08rem;-moz-border-radius: .08rem; border-radius: .08rem;}
.vote-boxes-table-items ul li.col-1 span{ display: inline-block;width: .4rem;height: .4rem;margin:.24rem auto;-webkit-border-radius: .08rem;-moz-border-radius: .08rem; border-radius: .08rem;color: #fff;text-align: center; line-height: .4rem; background: #ccc;}
.vote-boxes-table-items ul li.col-2 .chara{height:.9rem; line-height: .9rem;font-size:.32rem;}
.vote-boxes-table-items:nth-of-type(1)  ul li.col-1 span {background: #E00B0B;}
.vote-boxes-table-items:nth-of-type(2)  ul li.col-1 span {background: #ff7640;}
.vote-boxes-table-items:nth-of-type(3)  ul li.col-1 span { background: #fdc45c;}
.vote-boxes-table-items:nth-of-type(1)  ul li.col-2 .chara {color: #E00B0B;}
.vote-boxes-table-items:nth-of-type(2)  ul li.col-2 .chara {color: #ff7640;}
.vote-boxes-table-items:nth-of-type(3)  ul li.col-2 .chara {color: #fdc45c;}
.vote-boxes-table-items:nth-of-type(1)  ul li.col-3 {color: #E00B0B;}
.vote-boxes-table-items:nth-of-type(2)  ul li.col-3 {color: #ff7640;}
.vote-boxes-table-items:nth-of-type(3)  ul li.col-3 {color: #fdc45c;}

.morebox{padding:.2rem 0;}
.morebox ul li{float:left;width:50%;padding:0 .1rem;box-sizing:border-box; text-align: center;}
.morebox ul li a{display:inline-block;width:100%;height:.72rem;line-height:.72rem;background: #ececf6;font-size:.32rem;}
.morebox ul li a i{margin-left:.1rem;}


#focus.swiper-container{position: relative;overflow:hidden}
#focus.swiper-container .swiper-wrapper{height:100%}
#focus.swiper-container .swiper-slide{float:left;width:100%;height:100%}
#focus.swiper-container .swiper-slide img{width:100%;height:100% }
#focus .swiper-pagination{position: absolute; bottom: .12rem; left: 0; width: 100%; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10;}
#focus .swiper-pagination .swiper-pagination-bullet{ margin:.04rem;width:.2rem;height:.08rem;-webkit-border-radius:0; border-radius:0;background:#747de0;}
.page-mask{position:absolute;left:0;bottom:0; width:100%;height:1rem;z-index:2;background: linear-gradient(rgba(0,0,0,0), #000); }
.swiper-slidebt{ position:absolute; bottom:.56rem;width:100%;height:.6rem; box-sizing:border-box;padding:.2rem; text-align:center; font-size:.32rem; color:#fff;z-index:999;}
.swiper-slidebt a{display:block;height:.6rem; line-height:.6rem;  color:#fff;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.title-b {position:relative; text-align: center;}
.title-b .bt {display:inline-block;font-size:.48rem;line-height:1rem;color: #333;text-align: center;}
.title-b::before{content: "";display:inline-block; width:.5rem; height: 1px;margin:0 .1rem .1rem 0;background: #666;}
.title-b::after{content: "";display:inline-block; width:.5rem;  height: 1px;margin:0 0 .1rem .1rem;background: #666;}
.lastest-horiz li{float:left; width:50%; box-sizing:border-box;padding:.1rem;}
.lastest-horiz li a{display:inline-block;width:100%;max-width:100%; text-align: center;}
.lastest-horiz li a img{width:100%;max-width:100%;}
.lastest-horiz li a p{height:.6rem; line-height:.6rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;font-size:.26rem;}
.lastest-vertical{padding:.1rem 0;}
.lastest-vertical li{position:relative;height:.6rem; line-height:.6rem;padding:.1rem .3rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:.32rem;}
.lastest-vertical li:before{content: "";float: left;display: block;width: .12rem;height: .12rem;margin-top: .24rem;background: #ccc;margin-right: .16rem;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;overflow: hidden;}

.bd-article{position: relative;margin-bottom:15px;overflow: hidden;}
.article-tit{padding:0 0 .2rem 0;line-height:.6rem; font-size:.48rem; font-weight:bold; color: #222;}
.article-info{height:.48rem;padding-bottom:10px;border-bottom: 1px dashed #e2e2e2;margin:.1rem 0; line-height:.48rem;color:#aaa;font-size:.24rem;}
.article-info .bread{float:left;display:inline-block;margin-right:.3rem;padding:0;  line-height: .48rem;}
.article-info .bread a{color:#aaa;}
.article-body{ font-size: .32rem;line-height:.72rem;color: #555;}
.article-body p {padding:.1rem 0;}
.article-body h2 {margin:.2rem 0;font-size:.4rem;font-weight:bold;color:#000;overflow:hidden;border-bottom: 1px solid #ddd;padding-bottom:.24rem;text-indent:.28rem;}
.article-body h2:before {content: "";float: left;display: block;width:.1rem;height:.4rem;background-color: #d21a3c;margin: .16rem .1rem 0 0;}
.article-body h3{margin:.2rem 0;font-size:.36rem; font-weight:bold;color:#111;}
.article-body a{color:#318ac6;padding:0 .08rem; text-decoration:underline;}
.article-body img{border: 0 none; box-sizing: border-box;width: 100% !important;height: auto !important;max-width: 100%;vertical-align: middle;}
.article-body table{width:100% !important;border-collapse:collapse;}
.article-body table th{background:#fff; padding:1px 2px; line-height:2.2em; text-align:center;}
.article-body table th{background:#c00; color:#fff; padding:0 .2rem; height:.72rem; line-height:.4rem;}
.article-body table td{text-align:center; border:1px solid #e2e2e2 !important; padding:.1rem;}
.article-body .viewgoods{width:100%; margin:.4rem auto;background:#fff;box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.4);}
.article-body .viewgoods a.v-pic{display:inline-block;padding:0;width:100%;}
.article-body .viewgoods .goods-info {position: relative;height:.96rem;margin-top:.2rem;padding:0 .2rem;line-height:.72rem;font-size: .32rem;}
.article-body .viewgoods .goods-info .price {color: #8c8c8c;}
.article-body .viewgoods .goods-info .price .rmb {font-size: .32rem;color: #ff1216;margin-right:.06rem;}
.article-body .viewgoods .goods-info .price .m-num {color: #ff1216;font-size: .48rem;font-family:Georgia, "Times New Roman", Times, serif;}
.article-body .viewgoods .goods-info .goods-btn {position:static; display: inline-block;width:2.04rem;height:.68rem;line-height:.68rem;background:#fe7a24;-webkit-border-radius:.34rem;border-radius:.34rem;color: #fff;text-align: center;font-size:.32rem; text-decoration:none;opacity: .8;filter:alpha(opacity=80);}
.article-body .viewgoods .goods-info .goods-btn:hover{opacity:1.0;filter:alpha(opacity=100);}
.rec-ranking-box{margin:.2rem 0;padding:.3rem; -webkit-box-shadow:0 0 .1rem 0 rgba(0,0,0,.08); box-shadow: 0 0 .1rem 0 rgba(0,0,0,.08);}
.rec-ranking-box:hover{background: #fefef8;}
.rec-ranking-box a{display: block;padding: 0;text-decoration: none; color: #222;}
.rec-ranking-box .thumb{float: left;display: block;width: 2.1rem;height: 1.4rem;margin-right: .2rem;text-align: center;}
.rec-ranking-box a img{display: inline-block;width: auto;height: 1.4rem;margin: inherit; max-width: 2.1rem;}
.rec-ranking-box .ranking-title{height: .6rem;line-height: .6rem;margin-bottom:.2rem;font-size: .32rem;font-weight: 600; overflow:hidden;}
.rec-ranking-box .ranking-intro{max-height:.96rem;margin-bottom: .36rem;line-height:.48rem;font-size:.28rem;color: #999;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.rec-ranking-box .ranking-infos{font-size: .24rem;color: #999;}
.rec-ranking-box .ranking-infos span em{color: #3f51b5;font-style:normal;}
.rec-ranking-box .ranking-infos .btn{float: right;background-color: #ff9800; width: 2.16rem; height:.72rem;-webkit-border-radius: .08rem; border-radius: .08rem; line-height:.72rem;text-align: center;font-size: .28rem;color: #fff;}


.packupbutton{position:absolute; left:0;bottom:0;width:100%;padding:16px 0; cursor:pointer;}
.gradient{position:absolute;z-index:1;bottom:0;left:0;width:100%;height:100px;background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background-image: linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.openall{position:absolute;z-index:2;bottom:10px;left:20%;width:60%;height:34px;line-height:34px;margin:0 auto;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;font-size:16px;color:#222;text-align:center;border:1px solid #222;background:#fff;}
.arrowbox{display:inline-block;position:relative;width:14px;height:14px;margin:0 0 -3px 5px}
.arrowbox b, .arrowbox i{position:absolute;left:0;top:0}
.arrowbox b{width:14px;height:14px}
.arrowbox .arrowa{top:2px;border-top:7px solid #222}
.arrowbox .arrowb{border-top:7px solid #fff}
.arrowbox i{display:block;border-bottom:7px dashed transparent;border-left:7px dashed transparent;border-right:7px dashed transparent;overflow:hidden}
.rel-news .lastest-vertical li{ padding: .1rem 0; }
.title-c{height:.8rem;border-bottom:1px solid #eee;}
.title-c .bt{float:left; position:relative;display:inline-block;height:.8rem; line-height:.8rem; font-size:.40rem; font-weight:normal;}
.title-c .bt:before{content: " "; float: left; display: block; width:.1rem; height:.36rem;  margin-top:.24rem; background:#383f90; margin-right: .16rem; overflow:hidden;}

/*search result*/
.search-result-box .news-list ul li{padding:.3rem;background:#fff;}
.search-result-box .rankdetail-list ul li{margin:0 0 .2rem 0;}
.search-result-box .product-list ul li{padding:.3rem;background:#fff;}
.search-result-control {width:100%;height:.8rem;border-bottom:1px solid #f0f0f0;background:#fff;overflow:hidden;}
.search-result-control ul li{position:relative;display:inline-block;width:23%;text-align: center;height:.8rem;line-height:.8rem; text-align:center;font-size:.36rem;color:#111;cursor: pointer;}
.search-result-control ul li.on{color:#5276cf;}
.search-result-control ul li.on:after{content:"";position: absolute;left:50%;bottom:-1px;height:3px;width:1rem;margin-left:-.5rem;background:#5276cf;}
.search-result-control ul{overflow-x:auto;white-space:nowrap;font-size:0;overflow-x:-moz-scrollbars-none;-ms-overflow-style:none}
.search-result-control ul::-webkit-scrollbar{width:0;height:0;display:none;-webkit-appearance:none;border-radius:0}



.search-result-list{display: none}
.search-result-list.disb{display:block;}
.product-list ul li{padding:.3rem 0;border-bottom:1px solid #f0f0f0;overflow:hidden;}
.product-list ul li:last-child{border-bottom:0;}
.product-list ul li a {overflow:hidden;}
.product-list ul li a .img{float:left;width:1.6rem;height:1.6rem;margin-right:.2rem;}
.product-list ul li a .img img{width:100%;height:1.6rem;}
.product-list ul li a .tit{max-height: .8rem;line-height: .4rem;margin-bottom:.06rem;font-size:.36rem;}
.product-list ul li a .price{color:#888;margin-bottom:.06rem;font-size:.24rem;}
.product-list ul li a .price span{font-size:.32rem; color: #f00;}
.pages {padding:.2rem 0;text-align:center; clear:both;}
.pages span,.pages a {display:inline-block; margin-right:.01rem;margin-bottom:.2rem; color:#666;background:#fff;}
.pages a,.pages span {padding:.12rem .28rem; border:1px solid #e6e6e6; }
.pages a:hover,.pages a.on {background: #5276cf; border:1px solid  #5276cf; color:#fff; text-decoration:none; }
.pages ul li{display:inline-block;  margin-right:.01rem;margin-bottom:.2rem; color:#666;}
.pages ul li a{background:#fff;}
.pages ul li.thisclass{padding:.12rem .28rem; background: #5276cf; border:1px solid  #5276cf; color:#fff; text-decoration:none; }

.search-result-box .more{display:none;height:.8rem;line-height:.8rem; font-size:.36rem; text-align:center; border:1px solid #ccc;background:#fff;}
.search-result-box .more.disb{display:block;}
.loading{padding:10px 0; text-align:center;}
.loadover{padding:10px 0; text-align:center; color:#999;}
.more.nomore{color:#999;}
.more.nomore:hover{color:#ccc;border:1px solid #ccc;}
.news-list ul li .chara .info .icons-view {background-position: -144px -144px;}
span.sred {color: #f00;}

.pop-tips {display:none;position: fixed; top: 50%;  left: 10%; width: 80%;height: 4.8rem;  margin-top:-2.4rem; background: #fff; text-align: center; -webkit-border-radius: .2rem; -moz-border-radius: .2rem; border-radius:.2rem; overflow: hidden; z-index: 100001;}
.pop-tips .tit{ height:1.08rem;line-height: 1.08rem;border-bottom: 1px solid #e2e2e2; font-size: .44rem;color: #000;font-weight: bold;background:#f1f1f1;}
.pop-tips p{display: flex;height: 2.4rem;font-size: .4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0;color: #333;align-items: center;justify-content: center; border-bottom: 1px solid #ccc; padding:.4rem; box-sizing: border-box;}
.pop-tips .pop-tips-sure { width: 1.32rem; height: .7rem; background-color: #5276cf;border-radius: .08rem; font-size: .32rem; font-weight: normal;  font-stretch: normal; letter-spacing: 0; text-align: center; line-height: .7rem;  color: #fff; cursor: pointer; margin: .28rem auto 0;}


@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}

.ppicons{overflow: hidden;}
.ppicon-rz{padding:.06rem .1rem;border-radius:.04rem;background:#4aaa51;color:#fff;font-family:"\5B8B\4F53";font-size:.24rem; }
.ppicon-cx{padding:.06rem .1rem;border-radius:.04rem;background:#e00b0b;color:#fff;font-family:"\5B8B\4F53";font-size:.24rem;}
.ppicon-yz{padding:.06rem .1rem;border-radius:.04rem;background:#1e9fff;color:#fff;font-family:"\5B8B\4F53";font-size:.24rem;}
.ppicon-vip{padding:.06rem .1rem;border-radius:.04rem;background:#f9a411;color:#fff;font-family:"\5B8B\4F53";font-size:.24rem;}
.ppicon-ten{padding:.06rem .1rem;border-radius:.04rem;background:#d1028d;color:#fff;font-family:"\5B8B\4F53";font-size:.24rem;}


.claim-rank-box .ppicons {float:left;padding-top: .04rem;overflow: hidden;}
.ppicons span{float:none !important}

.ppzs-meau {padding:.1rem 0;border-bottom:1px solid #e5e5e5;background:#fff;}
.ppzs-meau ul li{float:left;width:25%;padding:.1rem; text-align: center; box-sizing: border-box;}
.ppzs-meau ul li a{display:block;font-size:.28rem;}
.ppzs-meau ul li a.on{color:#f00;}
.brand-logo{position:relative;float:left;width:2.4rem;height:1.48rem;border: 1px solid #e5e5e5;margin-right:.2rem;}
.brand-logo img{width:2.4rem;height:1.48rem;}
.brand-logo p{position: absolute;left:0;bottom:0; width:100%;height:.48rem;line-height:.48rem;color:#fff; text-align: center;background-color: rgba(0, 0, 0, 0.3);}
.brand-logo p a{color:#fff;}
.ppzs-brand-basic{padding:.3rem;}
.ppzs-basic-tit{font-size: .36rem;font-weight: bold;color: #333;margin-bottom:.1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
.ppzs-brand-basic .complany-name{margin-top:.1rem;font-size: .24rem;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ppzs-brand-basic .base-columns{padding:.2rem 0;}
.ppzs-brand-basic .base-columns p{float:left;width:50%;line-height:.48rem;font-size:.26rem; box-sizing:border-box;padding:.02rem .1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#ppzs-focus.swiper-container{position:relative;overflow:hidden}
#ppzs-focus.swiper-container .swiper-wrapper{height:100%}
#ppzs-focus.swiper-container .swiper-slide{float:left;width:100%;height:100%}
#ppzs-focus.swiper-container .swiper-slide img{width:100%;height:100% }
#ppzs-focus .swiper-pagination{position: absolute; bottom:.2rem; left: 0; width: 100%; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10;}
#ppzs-focus .swiper-pagination .swiper-pagination-bullet{ margin:.04rem;width:.24rem;height:.24rem; border-radius:100%;background:#1e9fff;}
#ppzs-focus .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 .06rem;}
.ppzs-goods-title{font-size: .32rem;font-weight: 600;color: #333;}
.ppzs-goods-detail ul{padding:.2rem 0;}
.ppzs-goods-detail ul li{float:left;width:50%;padding:.1rem .1rem .1rem 0; box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#999;font-size:.24rem;}
.ppzs-goods-detail ul li.tl{width:100%;}
.ppzs-goods-detail ul li span{color:#333;}
.ppzs-goods-detail ul li em.price{font-size:.4rem;color:#f00; font-weight: bold; font-style: normal;}
.consultation{display: block;width: 6.4rem;height: .86rem;margin: .3rem auto .1rem auto;background-color:#5276cf;font-size: .36rem;line-height: .86rem;text-align: center;-webkit-border-radius: .43rem;border-radius: .43rem;color: #f5f5f5;}
.part-tabs-control ul li{float: left;box-sizing: border-box;width: 25%;height: .8rem;border: 1px solid #e6e6e6;line-height: .8rem;text-align: center;font-size: .28rem}
.part-tabs-control ul li.on{background:#5276cf;color:#fff; border:1px solid #5276cf;}
.part-content{padding:.3rem;color:#666;font-size:.28rem;line-height:.56rem;}
.part-content embed,.part-content img{display:block;margin:0 auto;max-width:100%;height:auto;box-sizing:border-box;height:auto!important;max-width:100%;vertical-align:middle}
.part-content p{padding:.1rem 0}
.part-content a{color:#00a9e1;padding:0 .04rem}
.part-content table{width:100%!important;border-collapse:collapse}
.part-content table th{background:#fff;padding:1px 2px;line-height:2.2em;text-align:center}
.part-content table th{background:#e1473d;font-size:14px;color:#fff;padding:0 10px;height:30px;line-height:20px}
.part-content table td{text-align:center;font-size:12px;border:1px solid #e2e2e2!important;padding:5px}
.part-content{display:none;}
.part-content.disb{display:block;}
.ppzs-message-box{padding:.2rem .3rem;}
.ppzs-message-box .user-name,.ppzs-message-box .user-tel, .ppzs-message-box .user-message{display: block;height: 1rem;background-color: #fff;border: 1px solid  #ccc;font-size: .26rem;line-height: 1rem;color: #333;margin-bottom: 0.2rem;}
.ppzs-message-box .user-name label,.ppzs-message-box .user-tel label,.ppzs-message-box .user-message label{float: left; width: 1.6rem;height: 1rem;line-height: 1rem;letter-spacing: 2px;color: #333;color: #333;background: #f5f5f5;text-align: center;border-right: 1px #ccc solid;}
.ppzs-message-box .user-name input,.ppzs-message-box .user-tel input{ float: left;width: 5.2rem;background: #fff;color: #333;height: 1rem;line-height: 1rem;padding-left: .2rem; box-sizing: border-box;border: none;} 
.ppzs-message-box .user-message textarea{background: #fff;color: #333;width: 5.2rem;height: 1rem;outline:none;float: left;line-height: 1rem; padding-left: .2rem;box-sizing: border-box;border: none; resize: none;}
.ppzs-message-box .consultation-rule {margin: .21rem 0;font-size: 0.22rem;line-height: 0.36rem;}
.ppzs-message-box .consultation-rule a {color: #666;margin-left: .1rem;}
.ppzs-message-box .consultation-rule a span {color: #e00b0b;}
.ppzs-message-box .consultation-rule .agre-btn{float:left;width:.36rem;height:.36rem;background:url(https://imgpinpai.phb123.com/skin/ppzs1.0/mobile/images/ppzs_right.png) no-repeat;background-size:.72rem .3rem; cursor: pointer;}
.ppzs-message-box .consultation-rule .agre-btn.noagre{background-position:-.41rem 0 ; }
.want-join {display:block;width:100%;height: .86rem;background-color:#5276cf; border:0 none;border-radius: .1rem;font-size: .36rem;color: #f5f5f5;margin: 0 auto; outline:none;cursor: pointer}
.ppzs-contact{width: 100%;overflow: hidden;position: fixed;left:0;bottom: 0;z-index: 9;}
.ppzs-contact{display: flex;}

.ppzs-contact .open-freephone{width:33.333333%;height: .98rem;line-height: .98rem;background: #ff9239;font-size: .26rem;font-weight: 600;color: #fff;text-align: center;}
.ppzs-contact .open-freezl{width:33.333333%;height: .98rem;line-height: .98rem;background: #1a7a0f;font-size: .26rem;font-weight: 600;color: #fff;text-align: center;}
.ppzs-contact .open-lkzx{width:33.333333%;height: .98rem;background: #5276cf;font-size: 0.3rem;font-weight: 600;text-align: center;line-height: .98rem;color: #fff;}
.ppzs-contact .open-freephone i{display:inline;padding:.49rem .34rem;background:url(https://imgpinpai.phb123.com/skin/ppzs1.0/mobile/images/ppzs_phone.png) no-repeat center center;background-size:.44rem;}
.ppzs-contact .open-freezl i{display:inline;padding:.49rem .34rem;background:url(https://imgpinpai.phb123.com/skin/ppzs1.0/mobile/images/ppzs_zl.png) no-repeat center center;background-size:.44rem;}
.ppzs-contact .open-lkzx i{display:inline;padding:.49rem .34rem;background:url(https://imgpinpai.phb123.com/skin/ppzs1.0/mobile/images/ppzs_zx.png) no-repeat center center;background-size:.44rem;}
body.mb20{margin-bottom: .98rem}
.pop-phone{display:none;position:fixed;top:50%;left:50%;width: 6.4rem;height:8.6rem;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem;margin-left:-3.2rem;margin-top:-4.3rem;background:#fff;z-index:101}
.pop-phone-title{ position:relative;border-radius: .25rem .25rem 0 0;height: .8rem;background:#5276cf;color: #fff;font-size: .32rem; box-sizing: border-box; line-height: .8rem;padding: 0 .2rem;}
.pop-phone-title span{ position: absolute;top:0;right:0;width:.8rem;height:.8rem;line-height: .8rem; text-align: center;font-size:.36rem;font-weight:400;overflow: hidden;cursor:pointer; }
.pop-phone-cont{padding:.1rem .3rem;}
.pop-phone-cont .bgimg img{ height:1.88rem; }
.pop-phone-cont .bgimg{padding:.3rem 0; text-align: center; }
.pop-phone-cont .ppzs-phone{display: block;border-radius: .1rem;width:100%;height: .8rem; background: #eeeded;outline: none;border: none;box-sizing: border-box;padding-left: .2rem; margin: .3rem auto .3rem;font-size:.28rem;}
.pop-phone-cont .ppzs-sel {display: block;border-radius: .1rem;width:100%;height: .8rem; background: #eeeded;outline: none;border: none;box-sizing: border-box;padding-left: .2rem; margin: .3rem auto .3rem;font-size:.28rem;}
.pop-phone-cont .ppzs-phone-btn{width:100%;height: .8rem; border:0 none;background: #26bb17;color: #fff;border-radius: .1rem;font-size: .3rem;box-sizing: border-box;}
.pop-phone-cont .tip{padding:.2rem 0; text-align:center;font-size: .24rem;}
.pop-phone-cont .code{position: relative;height: .8rem;box-sizing: border-box;margin: .3rem auto .3rem;}
.pop-phone-cont .free_call_captcha{display: block;width:3rem;border-radius: .1rem;height: .8rem; background: #eeeded;outline: none;border: none;box-sizing: border-box;padding-left: .2rem; font-size:.28rem;}
.pop-phone-cont #captcha_img{position:absolute;top:0;right:0;width: 2.58rem;height:.8rem;}
.news.two-column .news-control ul li{width:50%;}

.company-basic-name{margin-bottom:.2rem;font-size:.4rem;font-weight:bold; }
.company-basic ul li{line-height: .6rem;font-size:.26rem;color:#888; }
.company-titles{position:relative;height:.6rem;line-height:.6rem;font-size:.32rem;color: #5276cf; font-weight:bold;}
.company-titles:before{content:" ";float:left;display:block;width:.06rem;height:.32rem;background-color:#5276cf;margin-top:.12rem;margin-right:.16rem;}
.company-intro{padding:.2rem 0;text-indent: 2em;font-size:.28rem;line-height: .6rem;color:#555;}
.company-sub-brand ul li{padding:.3rem 0;height:1.8rem;loverflow: hidden; }
.company-sub-brand ul li .img{float:left;width:2.7rem;height:1.8rem;margin-right:.2rem; overflow: hidden;}
.company-sub-brand ul li .img img{width:2.7rem;height:1.8rem;}
.company-sub-brand ul li .bt{ font-size:16px; font-weight: bold;margin-bottom:5px;color:#222;font-size:.26rem; }
.company-sub-brand ul li .intro{font-size:.24rem;color:#888; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height:.32rem;}
.zs-btn{margin-top:.08rem;float:left;padding:.06rem .16rem;border: 1px solid #FF9800;color: #fa990a;border-radius: .08rem; line-height:.32rem;font-size:.28rem;font-weight: normal;}
.company-registration-information{padding:.2rem 0;font-size:.26rem;}
.company-registration-information li{padding:.06rem;line-height:.6rem;}
.company-registration-information li span{color:#777;}
.company-notice{margin-top:.2rem;padding-top:.3rem;border-top:2px solid #efefef;color:#999; font-size:.24rem;}
.company-basic-name{margin-bottom:.2rem;font-size:.4rem;font-weight:bold; }
.company-basic ul li{line-height: .6rem;font-size:.26rem;color:#888; }
.company-titles{position:relative;height:.6rem;line-height:.6rem;font-size:.32rem;color: #5276cf; font-weight:bold;}
.company-titles:before{content:" ";float:left;display:block;width:.06rem;height:.32rem;background-color:#5276cf;margin-top:.12rem;margin-right:.16rem;}
.company-intro{padding:.2rem 0;text-indent: 2em;font-size:.28rem;line-height: .6rem;color:#555;}
.company-sub-brand ul li{padding:.3rem 0;height:1.8rem;loverflow: hidden; }
.company-sub-brand ul li .img{float:left;width:2.7rem;height:1.8rem;margin-right:.2rem; overflow: hidden;}
.company-sub-brand ul li .img img{width:2.7rem;height:1.8rem;}
.company-sub-brand ul li .bt{ font-size:16px; font-weight: bold;margin-bottom:5px;color:#222;font-size:.26rem; }
.company-sub-brand ul li .intro{font-size:.24rem;color:#888;    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height:.32rem;}
.zs-btn{margin-top:.08rem;float:left;padding:.06rem .16rem;    border: 1px solid #FF9800;
    color: #fa990a;border-radius: .08rem; line-height:.32rem;font-size:.28rem;font-weight: normal;}
.company-registration-information{padding:.2rem 0;font-size:.26rem;}
.company-registration-information li{padding:.06rem;line-height:.6rem;}
.company-registration-information li span{color:#777;}
.company-notice{margin-top:.2rem;padding-top:.3rem;border-top:2px solid #efefef;color:#999; font-size:.24rem;}

.fix-wyrb{ display:flex;width: 100%;overflow: hidden;position: fixed;left:0;bottom: 0;z-index: 9;}
.fix-wyrb .open-freephone{width:50%;height: .98rem;line-height: .98rem;background: #ff9239;font-size: .26rem;font-weight: 600;color: #fff;text-align: center;}
.fix-wyrb .open-lkzx{width:50%;height: .98rem;background: #eb2727;font-size: 0.3rem;font-weight: 600;text-align: center;line-height: .98rem;color: #fff;}
.fix-wyrb .open-freephone i{display:inline;padding:.49rem .34rem;background:url(https://imgpinpai.phb123.com/skin/ppzs1.0/mobile/images/ppzs_phone.png) no-repeat center center;background-size:.44rem;}
.fix-wyrb .open-lkzx i{display:inline;padding:.49rem .34rem;background:url(https://imgpinpai.phb123.com/skin/ppzs1.0/mobile/images/ppzs_zx.png) no-repeat center center;background-size:.44rem;}
.fix-wyrb .wyrb{ border-radius: 0; }

.yy-btns{text-align:center;}
.yy-btn-b{display: inline-block;width:3.2rem;height:.64rem;margin-right:.1rem;background:url(https://imgpinpai.phb123.com/skin/version1.0/images/mjm.jpg) no-repeat;background-size:3.2rem .64rem;}
.yy-btn-a{display: inline-block;width:3.2rem;height:.64rem;background:url(https://imgpinpai.phb123.com/skin/version1.0/images/mgm.jpg) no-repeat;background-size:3.2rem .64rem;}
.yy-btn-c {display: inline-block;width: 3.2rem; height: .64rem;background: url(https://imgpinpai.phb123.com/skin/version1.0/images/MTM2.jpg) no-repeat; background-size: 3.2rem .64rem;}
.yy-btns{padding-top:0;}

.supper-vip-box{display:block;background:#f5e8d7;-webkit-border-radius: .06rem;-moz-border-radius: .06rem; border-radius: .06rem; overflow: hidden;}
.supper-vip-box .c1{ position: relative;padding:.3rem .3rem .2rem .3rem;color:#463e38; }
.supper-vip-box .c1 p{font-size:.4rem;}
.supper-vip-box .c1 span{ position: absolute;right:.3rem;top:.3rem;height:.6rem;padding:0 .36rem;line-height:.6rem;display:inline-block;background:#f90;color:#fff;font-size:.3rem;-webkit-border-radius: .06rem;-moz-border-radius: .06rem; border-radius: .06rem; }
.supper-vip-box .c2{padding:.3rem;background:#f4e2ce;}
.supper-vip-box .c2 ul li{float:left;width:25%; text-align: center;font-size:.28rem;color: #f84b44;}
.supper-vip-box .c2 ul li i{display:inline-block;width:.8rem;height:.8rem;}
.supper-vip-box .c2 ul li i.icons-1{background:url(https://imgpinpai.phb123.com/skin/mmember1.0/images/vipqy-1.png) no-repeat;background-size:.8rem .8rem;}
.supper-vip-box .c2 ul li i.icons-2{background:url(https://imgpinpai.phb123.com/skin/mmember1.0/images/vipqy-6.png) no-repeat;background-size:.8rem .8rem;}
.supper-vip-box .c2 ul li i.icons-3{background:url(https://imgpinpai.phb123.com/skin/mmember1.0/images/vipqy-3.png) no-repeat;background-size:.8rem .8rem;}
.supper-vip-box .c2 ul li i.icons-4{background:url(https://imgpinpai.phb123.com/skin/mmember1.0/images/vipqy-5.png) no-repeat;background-size:.8rem .8rem;}

.lead.showmore p{position:relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.lead.showmore i.show-more{z-index:3;position: absolute;bottom:0;right:0;font-style:normal;background:#fff;color:#eb2727;cursor: pointer;}
.lead.showmore p:after{content:"....................";z-index:2;position:absolute;bottom:0;right:0;background:#fff;color:#aaa;}
.lead i.show-more{font-style:normal;color:#eb2727;cursor: pointer;white-space: nowrap;}    

.show-more-goods{padding:0 .2rem .2rem .2rem;}
.show-more-goods .bt{padding:.1rem;font-size:.32rem;font-weight: 700}
.hot-goods{position:relative;width:100%;padding-bottom: .3rem;background:#fff;overflow-y:hidden;overflow-x:auto;}
.hot-goods ul li{position:relative;float:left; width: 2.6rem;height: 4.52rem;margin-right:.2rem;overflow: hidden;}
.hot-goods ul li:last-child{margin-right:0}
.hot-goods ul li a{display:block; font-size: .32rem;color:#666;}
.hot-goods ul li a .thumbs{width: 2.6rem;height:2.6rem;}
.hot-goods ul li a .thumbs img{width: 2.6rem;height:2.6rem;}
.hot-goods ul li a .h2{height: .75rem;padding: .15rem .19rem 0;margin-bottom: .1rem;color: #333;font-weight: 400;font-size: .25rem;line-height: .32rem;word-break: break-all;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hot-goods ul li a .tags{padding: 0 .19rem;}
.hot-goods ul li a .tags span{display:inline-block;height:.32rem;padding:0 .1rem;line-height:.32rem;background:#ffecec;border:1px solid #ffd9e0;color:#f44336;font-size: .2rem;-webkit-border-radius: .04rem;-moz-border-radius: .04rem;border-radius: .04rem;}
.hot-goods ul li a .tagsspace{padding: 0 .19rem;}
.hot-goods ul li a .tagsspace span{display:inline-block;height:.32rem;padding:0 .1rem;line-height:.32rem;}
.hot-goods ul li a .goods-price{padding: 0 .19rem;font-size:.24rem;color:#f00;}
.hot-goods ul li a .goods-price span{font-weight: 700}
.hot-goods ul li a .goods-price span em{font-size:.32rem;font-style: normal;}

.goods-block{position:relative;width:100%;background:#fff;overflow:hidden;}
.goods-block ul{overflow-x:auto;white-space:nowrap;font-size:0;overflow-x:-moz-scrollbars-none;-ms-overflow-style:none}
.goods-block ul::-webkit-scrollbar{width:0;height:0;display:none;-webkit-appearance:none;border-radius:0}
.goods-block ul li{position:relative;display:inline-block;width: 2.6rem;height: 4.52rem;border:1px solid #eee;margin-right:.2rem;overflow: hidden;}
.goods-block ul li:last-child{margin-right:0}
.goods-block ul li a{display:block; font-size: .32rem;color:#666;}
.goods-block ul li a .thumbs{position: relative;width: 2.6rem;height:2.6rem;}

.goods-block ul li a .thumbs img{width: 2.6rem;height:2.6rem;}
.goods-block ul li a .h2{height: .75rem;padding: .15rem .19rem 0;margin-bottom: .1rem;color: #333;font-weight: 400;font-size: .25rem;line-height: .32rem;word-break: break-all;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.goods-block ul li a .tags{padding: 0 .19rem;}
.goods-block ul li a .tags span{display:inline-block;height:.32rem;padding:0 .1rem;line-height:.32rem;background:#ffecec;border:1px solid #ffd9e0;color:#f44336;font-size: .2rem;-webkit-border-radius: .04rem;-moz-border-radius: .04rem;border-radius: .04rem;}
.goods-block ul li a .tags span.coupon{background: #f44336;color: #fff;border-color: #f44336;}
.goods-block ul li a .goods-price{padding: 0 .19rem;font-size:.24rem;color:#f00;}
.goods-block ul li a .goods-price span{font-weight: 700}
.goods-block ul li a .goods-price span em{font-size:.32rem;font-style: normal;}

.show-more-goods .shops{padding:.1rem .3rem;margin-top:.1rem;background:#f7f7f7;-webkit-border-radius: .08rem;border-radius: .08rem;}
.show-more-goods .shops dd{padding:.16rem 0; overflow: hidden;}
.show-more-goods .shops dd a{display: block;height:.52rem;line-height:.52rem;font-size:.28rem; overflow: hidden;}
.show-more-goods .shops dd a i{display: inline-block;width:.48rem;height:.48rem; vertical-align: middle;margin-right:.1rem;margin-top:-.04rem;}
.show-more-goods .shops dd a i.icons-jd{background:url(https://imgpinpai.phb123.com/skin/version1.0/images/jd.png) no-repeat;background-size:.48rem;}
.show-more-goods .shops dd a i.icons-tm{background:url(https://imgpinpai.phb123.com/skin/version1.0/images/tm.png) no-repeat;background-size:.48rem;}
.show-more-goods .shops dd a span.btn{float:right;color:#fff;display:block;height:.48rem;line-height:.48rem;padding:0 .28rem;background:#f5634f;
        background: linear-gradient(90deg, rgb(255, 140, 25), rgb(255, 60, 60));font-size:.2rem; border-radius: .24rem}
.rankdetail-list.bdu ul li .cont{position:relative;border-bottom: 1px solid #f5f5f5;padding: .2rem .3rem .3rem .3rem; overflow: hidden;}
.rankdetail-list.bdu ul li .cont .number{float: left;display: inline-block;width: .8rem;height: .8rem;line-height:.7rem;margin-right: .2rem;margin-top:.3rem;background-size: 2.9rem; background-image: url(https://imgpinpai.phb123.com/skin/mversion2.0/images/icons_1.png); background-repeat: no-repeat; background-position: -2.12rem 0;color:#fff;text-align:center; font-weight: bold;font-size:.3rem;}
.rankdetail-list.bdu ul li .cont .icons-numb1{background-position:0 0;overflow: hidden; text-indent:5rem;}
.rankdetail-list.bdu ul li .cont .icons-numb2{background-position:-.64rem 0;overflow: hidden;text-indent:5rem;}
.rankdetail-list.bdu ul li .cont .icons-numb3{background-position:-1.42rem 0;overflow: hidden;text-indent:5rem;}
.rankdetail-list.bdu ul li .cont .name{margin-top:.2rem;overflow: hidden;}
.rankdetail-list.bdu ul li .cont .name .namecn {float: left;width: 3rem;font-size:.4rem;line-height:.56rem;font-weight:bold; color: #333;margin-right:.14rem;}
.rankdetail-list.bdu ul li .cont .expo{color:#f00;font-size:.28rem;line-height:.32rem;margin-top:.1rem;}
.rankdetail-list.bdu ul li .cont .expo em{font-weight: bold;font-size:.36rem;padding-left:.1rem;font-style: normal;}
.rankdetail-list.bdu ul li .pic{float:right;display:block;width:1.96rem;height:1.22rem;margin-top:.1rem;margin-right:0;}
.rankdetail-list.bdu ul li .pic img{width:1.96rem;height:1.22rem;}
.rankdetail-list.bdu ul li .reason-intro{position:relative; padding:0 .3rem;margin:.2rem 0;line-height: .48rem;font-size: .28rem;color: #666;}
.rankdetail-list.bdu ul li .reason-intro.unfold{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;}
.rankdetail-list.bdu ul li .reason-intro span{color: #eb2727;background: #fff; cursor: pointer;white-space: nowrap;}
.rankdetail-list.bdu ul li .reason-intro.unfold span{z-index: 3;position:absolute;right:.2rem;top:0.96rem;color: #eb2727;background: #fff; cursor: pointer;}
.rankdetail-list.bdu ul li .reason-intro.unfold:after{content: ".....................";
    z-index: 2;position: absolute;top:.96rem; right:.2rem;background: #fff;color: #aaa;}

.product-rank-ld-tabs{position:relative;width:100%;background:#fff;overflow:hidden}
.product-rank-ld-tabs.fixed {position: fixed;left: 0;top: 0;z-index: 10000;}
.product-rank-ld-tabs ul li{position:relative;display:inline-block;text-align: center;}
.product-rank-ld-tabs ul li a{display:block;padding:0 .3rem; font-size: .32rem;color:#666;line-height:1rem;}
.product-rank-ld-tabs ul li.on{border-color:#5276cf}
.product-rank-ld-tabs ul li.on a{color:#5276cf}
.product-rank-ld-tabs ul li.on a:after{content: '';display: inline-block;width: 1rem;height: .04rem;background: #5276cf;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}
.product-rank-ld-tabs ul{position:relative;overflow-x:auto;white-space:nowrap;font-size:0;overflow-x:-moz-scrollbars-none;-ms-overflow-style:none;border-bottom:1px solid #f0f0f0;}
.product-rank-ld-tabs ul::-webkit-scrollbar{width:0;height:0;display:none;-webkit-appearance:none;border-radius:0}

.rank-ld-box-lead.products{padding-top:.01rem;}
.rank-ld-box-lead.products ul li{font-size:.32rem;}
.rankdetail-list.products ul li{padding:.3rem;}
.rankdetail-list.products ul li .img{position:relative;float:left;display: inline-block;width: 1.48rem;height: 1.48rem;margin-right: .3rem;border: 1px solid #eee;}
.rankdetail-list.products ul li .img img{width: 1.48rem;height: 1.48rem;}
.rankdetail-list.products ul li .products-title{position:relative;font-size: .32rem;line-height: .44rem;font-weight: bold;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.rankdetail-list.products ul li .charas{position: relative;}
.rankdetail-list.products ul li .product-btn{ position: absolute;right:0;bottom:0;color:#fff;display:block;height:.56rem;line-height:.56rem;padding:0 .4rem;background:#f5634f; background: linear-gradient(90deg, rgb(255, 140, 25), rgb(255, 60, 60));font-size:.26rem; border-radius: .28rem}
.rankdetail-list.products ul li .product-intro{margin-top:.3rem; line-height:.48rem; font-size:.28rem;color: #666;}
.rankdetail-list.products ul li .img .numb{position: absolute;top:-.3rem;left:-.3rem;display: inline-block;width: .8rem;height: .8rem;line-height:.7rem;background-size: 2.9rem; background-image: url(https://imgpinpai.phb123.com/skin/mversion2.0/images/icons_1.png); background-repeat: no-repeat; background-position: -2.12rem 0;color:#fff;text-align:center; font-weight: bold;font-size:.3rem;}
.rankdetail-list.products ul li .img .numb.numb1{background-position:0 0;overflow: hidden; text-indent:5rem;}
.rankdetail-list.products ul li .img .numb.numb2{background-position: -.64rem 0;
overflow: hidden;text-indent: 5rem;}
.rankdetail-list.products ul li .img .numb.numb3{background-position: -1.42rem 0;overflow: hidden; text-indent:5rem;}
.rankdetail-list.products ul li .pd-advantage{color: #bbb;font-size: .22rem;line-height: .28rem;margin-top: .1rem;}
.rankdetail-list.products ul li .pd-advantage span{display:inline-block;height:.4rem;line-height:.4rem;padding:0 .04rem;color:#bbb;border-radius: .4rem;margin-right:.1rem;}
.rankdetail-list.products ul li .tags{margin-top:.06rem;}
.rankdetail-list.products ul li .tags span{display:inline-block;height:.32rem;padding:0 .1rem;line-height:.32rem;background:#ffecec;border:1px solid #ffd9e0;color:#f44336;font-size: .2rem;-webkit-border-radius: .04rem;-moz-border-radius: .04rem;border-radius: .04rem;}
.rankdetail-list.products ul li .goods-price{margin-top:.1rem;font-size:.24rem;color:#f00;}
.rankdetail-list.products ul li .goods-price span{font-weight: 700}
.rankdetail-list.products ul li .goods-price span em{font-size:.36rem;font-style: normal;}
.rankdetail-list.products ul li .product-intro{position:relative;}
.rankdetail-list.products ul li .product-intro.unfold{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;}
.rankdetail-list.products ul li .product-intro .expend-btn{color: #eb2727;background: #fff; cursor: pointer;}
.rankdetail-list.products ul li .product-intro.unfold .expend-btn{z-index: 3;position:absolute;right:0rem;top:.96rem;color: #eb2727;background: #fff; cursor: pointer;white-space: nowrap;}
.rankdetail-list.products ul li .product-intro.unfold:after{content: ".................";
    z-index: 2;position: absolute;top:.96rem; right:.2rem;background: #fff;color: #aaa;}
.fix-side{display:none;position: fixed;right:.2rem;bottom:2rem;width: .64rem;text-align: center;z-index:102;}
.fix-side a{display:block;width:.64rem;height:.64rem; line-height:.64rem;-webkit-border-radius:.32rem; border-radius:.32rem;background:#fff; color:#333;box-shadow: 0 .02rem .08rem rgba(0,0,0,.2); font-size:.36rem; overflow:hidden}
.fix-side .hyzx{width: .64rem;height: .56rem;padding:.12rem .08rem;margin: 0 0 .2rem -0.08rem;line-height: .28rem;font-size: .24rem;background: #ff9800;color: #fff; border-radius: 100%; cursor: pointer;} 

.under-product-list{margin-top:1px;}
.under-product-list ul li{padding:.4rem 0;border-bottom:1px solid #eee; overflow: hidden;} 
.under-product-list ul li:last-child{border-bottom:0;padding-bottom:.1rem;}
.under-product-list ul li .thumb{float:left;width:2.36rem;height:2.36rem;margin-right:.3rem;}
.under-product-list ul li .thumb img{width:2.36rem;height:2.36rem;}
.under-product-list ul li .tt{margin-bottom:.16rem;line-height:.48rem;font-size:.32rem;word-break: break-all;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.under-product-list ul li .tt i{line-height:.48rem;font-size:.32rem;color: #ff464e;margin-right: 0.1rem;}
.under-product-list ul li .coupon{z-index: 1; position: relative; display: inline-block;top: 0;margin-right: 0.3rem;overflow: hidden;}
.under-product-list ul li .coupon i{z-index: 1; position: relative;display: block; background: #fff;font-style: normal; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;font-size: .24rem;min-width: 1rem;text-align: center; padding: .03rem .16rem;color: #fff; background: #fd2429; background: -webkit-linear-gradient(right, #fd6533, #fd472E, #fd2429);background: linear-gradient(to right, #fd6533, #fd472E, #fd2429);}
.under-product-list ul li .coupon:after,.under-product-list ul li .coupon:before {position: absolute;z-index: 10;left: -4px;top: 50%; margin-top: -4px;border: 1px solid #fc3f78;background: #fff;display: block;width: 5px;height: 5px;content: "";border-radius: 10px;}
.under-product-list ul li .coupon:before{left: auto;right: -4px;}
.under-product-list ul li .num{padding-top:.1rem;}
.under-product-list ul li .num .money{float:left;}
.under-product-list ul li .num .money .price{color:#fd2429;font-size:.24rem;}
.under-product-list ul li .num .money .price .number-font{padding-left:.06rem;font-weight:700;font-size:.44rem;font-style: normal;}
.under-product-list ul li .num .money .price .decimal{font-weight:700;font-size:.26rem;font-style:normal;}
.under-product-list ul li .num .sales{float:right;line-height:.6rem;font-size:.26rem;color:#999;}

.com-question li{margin-bottom: .3rem;padding-bottom: .4rem;border-bottom: 1px solid #efefef; overflow: hidden;}
.com-question li:last-child{border-bottom: 0 none;}
.com-question li a {display: block;}
.com-question li .bt {position: relative;display: block;line-height: .48rem;font-size: .4rem;margin:.3rem 0 ;font-weight: normal;}
.com-question li .bt::before {content: '闂�';font-size:.28rem;color: #fd8c4e;text-align: center;width: .48rem;height: .48rem;line-height:.48rem;float: left;margin: 0 .3rem 0 0;background-color: #ffece2;border-radius:.04rem;}
.com-question li p {line-height: .48rem;font-size:.32rem;color: #999;margin:.2rem 0 0;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.com-question p::before {content: '绛�';font-size: .28rem;color: #5276cf;text-align: center;width: .48rem; height: .48rem; line-height: .48rem; float: left; margin: 0 .3rem 0 0;background-color: #eaf4ff; border-radius: .04rem;}

/*brand list 20230814*/
.cate-choice .list-bar li{float: left;width: 33.3333%}
.bds-list ul li{margin-bottom: .2rem;background: #fff;}
.bds-list ul li.not_data{padding-top:4.6rem;padding-bottom:.6rem;text-align: center;font-size: .36rem;background:#fff url("https://www.cnpinpai.cn/skin/version1.0/images/nodata.jpg") no-repeat center top;color:#888;background-size:100% auto;}
.bds-list ul li .cont{position:relative;border-bottom: 1px solid #f5f5f5;padding: .2rem .3rem .3rem .3rem; overflow: hidden;}
.bds-list ul li .cont .name{display: inline-block;margin-top:.1rem;overflow: hidden;}
.bds-list ul li .cont .name .namecn {float: left;width: 3.6rem;font-size:.4rem;line-height:.56rem;font-weight:bold; color: #333;margin-right:.14rem;}
.bds-list ul li .cont .shops{margin-top: .1rem;font-size: .24rem;}
.bds-list ul li .cont .shops a{display: inline-block;height: .48rem;padding: 0 .2rem;margin-right: .2rem;line-height: .48rem;border: 1px solid #e73332;color: #e73332;-webkit-border-radius: .24rem;-moz-border-radius: .24rem;border-radius: .24rem;}
.bds-list ul li .cont .shops a i.icons-jd{display: inline-block;width: .32rem;height: .32rem;margin: -.02rem .1rem 0 0;vertical-align: middle;background: url(https://imgpinpai.phb123.com/skin/version1.0/images/jd.png) no-repeat;background-size: .32rem;}
.bds-list ul li .cont .shops a i.icons-tm{display: inline-block;width: .32rem;height: .32rem;margin: -.02rem .1rem 0 0;vertical-align: middle;background: url(https://imgpinpai.phb123.com/skin/version1.0/images/tm.png) no-repeat;background-size: .32rem;}
.bds-list ul li .pic{float:left;display:block;width:1.96rem;height:1.22rem;border: 1px solid #eee;margin-top:.1rem;margin-right:.3rem;}
.bds-list ul li .pic img{width:1.96rem;height:1.22rem;}
.bds-list ul li .reason-intro{position:relative; padding:0 .3rem;margin:.2rem 0;line-height: .48rem;font-size: .28rem;color: #666;}
.bds-list ul li .reason-intro.unfold{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;}
.bds-list ul li .reason-intro span{color: #eb2727;background: #fff; cursor: pointer;white-space: nowrap;}
.bds-list ul li .reason-intro.unfold span{z-index: 3;position:absolute;right:.2rem;top:0.96rem;color: #eb2727;background: #fff; cursor: pointer;}
.bds-list ul li .reason-intro.unfold:after{content: ".....................";
    z-index: 2;position: absolute;top:.96rem; right:.2rem;background: #fff;color: #aaa;}
.bds-list .brand-feedback{display: inline-block;height: .88rem; padding: 0 .4rem;margin-right:.2rem;line-height: .88rem;color: #847a9a;font-size:.24rem;}
.bds-list .brand-feedback i{display: inline-block;vertical-align: middle;width: .32rem;height: .32rem;margin: -.04rem .08rem 0 0;line-height:.32rem;background: #847a9a;color: #fff; border-radius: 100%;text-align: center;font-size:.24rem;font-style: normal;}
.bds-list ul li .com-levels{padding: 0 .1rem;margin-top: .2rem;}
.bds-list ul li .com-levels div{float: left;width: 50%;padding:.1rem;box-sizing: border-box;}
.bds-list ul li .com-levels span{display: block;height: .7rem;padding:.1rem .02rem;text-align: center;font-size: .26rem;border: 1px solid #eee;box-sizing: border-box;white-space: nowrap; overflow: hidden;}
.bds-list ul li .com-levels span i {display: inline-block;height: .5rem;margin: 0 auto;background: url(https://imgpinpai.phb123.com/skin/mversion2.0/images/rank_num_mbg.png) no-repeat;background-size:4.27rem .5rem; vertical-align: middle;}
.bds-list ul li .com-levels span i.listed-company{width: .5rem;background-position: 0rem 0;}
.bds-list ul li .com-levels span i.old-line{width: .5rem;background-position: -.64rem 0;}
.bds-list ul li .com-levels span i.top-500-china{width: .5rem;background-position: -1.44rem 0;}
.bds-list ul li .com-levels span i.forbes-500{width: .72rem;background-position: -2.22rem 0;}
.bds-list ul li .com-levels span i.high-tech{width: .5rem;background-position: -3.04rem 0;}
.bds-list ul li .com-levels span i.fortune-500{width: .5rem;background-position: -3.74rem 0;}
.bds-list ul li .brand-view{display: inline-block;height: .8rem;padding: 0 .5rem;line-height: .8rem;background: -webkit-linear-gradient(to right,#fb2c19,#fe741c); background: -o-linear-gradient(to right,#fb2c19,#fe741c);background: -moz-linear-gradient(to right,#fb2c19,#fe741c);background: linear-gradient(to right,#fb2c19,#fe741c);text-align: center;-webkit-border-radius:.4rem;-moz-border-radius:.4rem; border-radius:.4rem;color: #fff;font-size: .32rem;}
.bds-list ul li .brand-view i{display: inline-block;width:.32rem;height:.32rem;line-height: .32rem;color: #fb2c19;margin:-.04rem 0 0 .08rem;background: #fff;-webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius: 100%; vertical-align: middle;text-align: center;font-size:.24rem;font-family: serif; font-style: normal;font-weight: 600;}
.bds-list ul li .brand-view:hover{color: #ff0}
.bds-list ul li .brand-view:hover i{background-color: #ff0;}
.bds-list ul li .view-btn{padding: .3rem .2rem;text-align: center;}
.relative-ranks{padding:.1rem 0; margin-top: .2rem;}
.relative-ranks ul li{float:left;width:25%;padding:.1rem;box-sizing: border-box;}
.relative-ranks ul li a{display: block;height:.72rem;padding:0 .16rem;line-height:.72rem;font-size:.28rem;background:#f5f5f5;text-align:center;-webkit-border-radius: .06rem;-moz-border-radius: .06rem;border-radius: .06rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tow-columns-fl{padding:.3rem 0 .1rem 0;}
.tow-columns-fl ul li{float:left;width:50%;height:.88rem;padding:.1rem;box-sizing: border-box; text-align:center;}
.tow-columns-fl ul li a{display:block;height:.68rem; line-height:.68rem;padding:0 .1rem; border:1px solid #e2e2e2;color:#666;font-size:.28rem;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}

.list-bar li.on{border-bottom-color: #f8f8f8; background: #f8f8f8;}
.list-bar li span{position: relative;}
.list-bar li span em{ position:absolute; right: -.3rem;top: 50%; margin-top:-.03rem ; width: 0; height: 0;display: inline-block; width: 0; height: 0;border: .1rem solid transparent; border-top: .1rem  solid #ccc;-webkit-transition: all .3s;-moz-transition: all .3s; transition: all .3s;}
.list-bar li.on em{margin-top:-.13rem ;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.filter-list ul li.on a{background: #5276cf;color: #fff;}
.filter-list ul li a{display: block;height: .64rem;padding: 0 .1rem;line-height: .64rem;font-size: .28rem;background: #fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.filter-list{display: none;padding: .1rem 0;}
.filter-list.disb{display: block;}
.filter-list ul li{float: left;width: 33.3333%;padding: .1rem;text-align: center; box-sizing: border-box;}  

.reason-intro{margin-top: .2rem;line-height: .48rem;font-size: .28rem;color: #666;}
.brand-show-box{position: relative;overflow: hidden;}
.brand-show-box.unfold{height:1.08rem;}
.brand-show-box .expend-btn{position: relative;display: block;width: 100%;margin-top: .2rem; text-align: center;font-size: .28rem;color: #eb2727;}
.brand-show-box.unfold .expend-btn {z-index: 3; right:0;position: absolute;top: .7rem;display: inline;width: auto;margin: 0;background: #fff;cursor: pointer; text-align: inherit;}
.brand-show-box.unfold .expend-btn:before {content: ""; position: absolute;left: -.8rem;top: 0;width: .8rem;text-align: right;height: 100%;background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.show-more-goods .coupons{margin-top:.1rem;}
.show-more-goods .coupons dd{height: .92rem;margin-bottom: .2rem;font-size: .28rem;background:#f5ebe2;-webkit-border-radius: .08rem;border-radius: .08rem; overflow: hidden;}
.show-more-goods .coupons dd span{float: left;display: inline-block;padding:.16rem .2rem;color:#666;}
.show-more-goods .coupons dd .dsioncs{display: inline-block;width: .64rem;height: .64rem;margin: -.02rem .16rem 0 0; vertical-align: middle;background: url(https://imgpinpai.phb123.com/skin/version1.0/images/dsicons.png) no-repeat;background-size:3.15rem .65rem;}
.show-more-goods .coupons dd .dsioncs.tb{background-position: 0 0;}
.show-more-goods .coupons dd .dsioncs.jd{background-position: -.84rem 0;}
.show-more-goods .coupons dd .dsioncs.pdd{background-position: -1.68rem 0;}
.show-more-goods .coupons dd .dsioncs.suning{background-position: -2.52rem 0;}
.show-more-goods .coupons dd em{float: right;display:block;height:.92rem;padding: 0 .3rem;line-height:.92rem;background:#feea57;color: #f34834;-webkit-border-radius:.2rem 0 0 .2rem;border-radius: .2rem 0 0 .2rem;font-style: normal;font-weight: 600;}
.show-more-goods .consulting{margin-top:.1rem;}
.show-more-goods .consulting dd {position: relative;padding:.26rem .3rem;background: #e6f4fd;-webkit-border-radius: .08rem;border-radius: .08rem; overflow: hidden;}
.show-more-goods .consulting dd .thumbs{float: left;width: 1rem;height: 1rem;margin-right: .2rem;-webkit-border-radius: 100%; -moz-border-radius: 100%;border-radius: 100%;-webkit-box-shadow: 0 0 .08rem rgba(0,0,0,.4); box-shadow: 0 0 .08rem rgba(0,0,0,.4); }
.show-more-goods .consulting dd .thumbs img{width: 1rem;height: 1rem;-webkit-border-radius: 100%; -moz-border-radius: 100%;border-radius: 100%;}
.show-more-goods .consulting dd div{padding-top: .2rem;margin-bottom: .1rem;font-size: .28rem;font-weight: 600;color: #000}
.show-more-goods .consulting dd p{font-size: .24rem;color: #999}
.show-more-goods .consulting em{position: absolute;top:.2rem;right:.3rem;height: .6rem;line-height: .6rem;padding: 0 .4rem;border-radius: .3rem;background:#25a0f0;color:#fff;font-style: normal; font-size: .24rem;}
.show-more-goods .shops{margin-top:.1rem;background:#fff;padding: 0;}
.show-more-goods .shops dd{padding:.16rem .3rem;margin-bottom: .2rem;background:#f7f7f7;-webkit-border-radius: .08rem;border-radius: .08rem; overflow: hidden;}

.more-btn{ width: 2.8rem;height: .6rem;line-height: .6rem;border: 1px solid #dedede; -webkit-border-radius: .3rem;-moz-border-radius: .3rem;border-radius: .3rem;color: #E00B0B; text-align: center; font-size: .28rem; margin: .24rem auto 0; background:#fff;}

.labelBox{display: block;overflow: hidden;height: 0.5rem;margin-top: 0.2rem;}
.labelBox a{display: inline-block;padding: 0 0.15rem;height: 0.4rem;line-height: 0.4rem;-webkit-border-radius: .05rem;-moz-border-radius: .05rem;border-radius: .05rem;background: #ffecec;color: #f44336;font-size: .2rem;margin: 0 0.2rem 0.5rem 0;}
.company-honour{display: block;padding: 0.2rem 0;}
.company-honour h5{color: #393939;font-size:0.32rem;font-weight: bold;line-height: 180%;}
.honourlist{display: block;text-align: justify;text-justify: inter-word;list-style-type: none;padding: 0;font-size: 0;}
.honourlist:after {content: '';display: inline-block;width: 100%;}
.honourlist li{display: inline-block;width: 48%;box-sizing: border-box;padding: 0;text-align: center;vertical-align: text-top;margin-top: 0.3rem;}
.honourlist li span{display: flex;align-items: center;justify-content: center;text-align: center;color: #b3723a;height: 2rem;font-size:0.32rem;padding: 0.2rem;font-weight: normal;line-height: 150%;box-sizing: border-box;background: #f9eedb url("../images/DowloadFile.jpg") no-repeat center center;background-size: 100% 100%;}

.brand-info-show-box{position: relative;overflow: hidden;}
.brand-info-show-box.unfold{height:2.18rem;}
.brand-info-show-box .expend-btn{position: relative;display: block;width: 100%;margin-top: .2rem; text-align: center;font-size: .28rem;color: #eb2727;}
.brand-info-show-box.unfold .expend-btn {z-index: 3; right:0;position: absolute;top: 1.7rem;display: inline;width: auto;margin: 0;background: #fff;cursor: pointer; text-align: inherit;}
.brand-info-show-box.unfold .expend-btn:before {content: ""; position: absolute;left: -.8rem;top: 0;width: .8rem;text-align: right;height: 100%;background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}



.home-box{background: #fff url(../images/topbg.png) no-repeat 0 0;background-size: 100% auto;}
.cn-top{position:relative;height:.9rem;background:#0041ff url(../images/topbg.png) no-repeat;font-size:.32rem;background-size: 100% auto;z-index:11;}
.cn-top .menu{float:right;display:block;width:.9rem;height:.9rem;line-height:.9rem;font-size:.4rem; text-align: center;color:#fff; cursor: pointer;}
.cn-top .top-search-btn{float:right;display:block;width:.9rem;height:.9rem;line-height:.9rem;font-size:.4rem; text-align: center;color:#fff; cursor: pointer;}
.top-meau{display:none;position:relative;z-index:10;}
.top-cover{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:1;}
.top-menu-cont{position: absolute;top:0;width:100%;padding:.3rem;box-sizing: border-box;background:#bd574d;z-index:2;}
.top-menu-cont ul li{float:left;width:33.33%;padding:.1rem; text-align: center; box-sizing: border-box;}
.top-menu-cont ul li a{display: block;line-height: .56rem;font-size: .28rem;color: #f4f4f4;border: .02rem solid #d28d86;border-radius: .1rem;}

.top-banner{padding:.1rem .3rem; text-align: center; color: #fff;}


@keyframes wave{0% { opacity:0; transform:translateY(-10px);}10% { opacity:1; transform:translateY(0);}90% { opacity:1; transform:translateY(0);}100% { opacity:0; transform:translateY(-10px);}}
.wave-title{font-size: .56rem;line-height: .72rem;font-weight: bold;}
.wave-title i{ font-style: normal;animation:wave 4s cubic-bezier(0.36, 0, 0.65, 1) infinite alternate; opacity:1; transform:translateY(-10px); display:inline-block;}
.wave-title i.s2{ animation-delay:0.1s;}
.wave-title i.s3{ animation-delay:0.2s;}
.wave-title i.s4{ animation-delay:0.3s;color: #f7cc19;}
.wave-title i.s5{ animation-delay:0.4s;color: #f7cc19;}
.wave-title i.s6{ animation-delay:0.5s;color: #f7cc19;}
.wave-title i.s7{ animation-delay:0.6s;}
.wave-title i.s8{ animation-delay:0.7s;}
.wave-sub-title{font-size: .28rem; font-style: normal;}
.search-box{position: relative;width:90%;height:.8rem;margin: .2rem auto .5rem auto;box-sizing: border-box;  -webkit-box-shadow:0 10px 20px hsla(0,0%,60%,.25); box-shadow:0 10px 20px hsla(0,0%,60%,.25); }
.search-box .search-area{float: left;width: 80%; height:.8rem;background: #fff; border: 0 none;color: #333;font-size:.26rem;font-style: normal;padding:.2rem .2rem .2rem .8rem;box-sizing: border-box;-webkit-border-radius: .06rem 0 0 .06rem;-moz-border-radius: .06rem 0 0 .06rem; border-radius: .06rem 0 0 .06rem; }
.search-box .search-button{float:left;width: 20%;height:.8rem;margin-left:-1px; line-height:.8rem; font-size:.32rem;border:0 none;background:#f7cc19;font-style: normal;-webkit-border-radius:0 .06rem .06rem 0;-moz-border-radius:0 .06rem .06rem 0; border-radius:0 .06rem .06rem 0; }
.search-box .icon-search{position: absolute;left:.12rem;top:.14rem;color:#ccc;font-size: .36rem;width:.5rem;height: .5rem;}

.ptb{padding: .2rem .3rem;}
.tabs{width:100%;margin-top: .2rem;overflow:hidden}
.tabs ul li{position:relative;display:inline-block;text-align: center;}
.tabs ul li span{display:block;padding:0 .3rem;height:.68rem;line-height:.68rem;font-size:.32rem; text-align:center; color:#444;-webkit-border-radius: .4rem;-moz-border-radius: .4rem; border-radius: .4rem;box-sizing: border-box;cursor: pointer;}
.tabs ul li.on span{background:#5376d0;border-color:#5376d0;color:#fff;}
.tabs ul{overflow-x:auto;white-space:nowrap;font-size:0;overflow-x:-moz-scrollbars-none;-ms-overflow-style:none}
.tabs ul::-webkit-scrollbar{width:0;height:0;display:none;-webkit-appearance:none;border-radius:0}

.title-n{height:.8rem;}
.title-n .bt{float:left; position:relative;display:inline-block;height:.8rem;line-height:.8rem; font-size:.36rem;font-weight:600;}
.title-n .bt span{display: inline-block;width: .64rem;height:.64rem;margin:-.08rem .2rem 0 0;text-align: center;line-height: .64rem;color: #fff;background: #fd8d27;-webkit-border-radius:.28rem;border-radius:.28rem;vertical-align: middle;}
.title-n .bt span i{font-size: .4rem;font-weight: lighter;}
.title-n .more{float:right;position: relative;display:inline-block;height:.8rem;line-height:.8rem;color: #888;font-size: .24rem;padding-right:.32rem;}
.title-n .more:before {content: '';position: absolute;top: 0;bottom: 0;right: .16rem;display: inline-block; width: .08rem; height: .08rem;-webkit-border-radius: 100%;margin:auto;-moz-border-radius: 100%;border-radius: 100%;background: #b2b3c5;}
.title-n .more:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;display: inline-block;width:  .08rem;height:  .08rem;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background: #ddd; margin: auto;}



.brand-ranks-box{display: none;}
.brand-ranks-box.disb{display: block;}
.brand-ranks-list{margin-top: .3rem;}
.brand-ranks-list ul li{float: left;width: 25%;height: 2.26rem;padding: .1rem;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.brand-ranks-list ul li img{display: inline-block;width:1.28rem;height:1.28rem;margin-bottom: .1rem;}
.brand-ranks-list ul li span{display: block;height: .56rem;line-height: .56rem;text-align: center;font-size: .32rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.brand-hot-vote{padding: .2rem;margin-top: .3rem; border-radius: .1rem;color: #fff;background: #ffab4c;background-image: -moz-linear-gradient(right, #fcd499, #ffa648);background-image: -webkit-linear-gradient(right, #fcd499, #ffa648);background-image: -o-linear-gradient(right, #fcd499, #ffa648);background-image: linear-gradient(right, #fcd499, #ffa648);}
.brand-hot-vote .title{height: .8rem;padding: 0 .2rem;line-height: .8rem;font-size: .4rem;font-weight: 600; background: -webkit-gradient( linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .1)) );
-webkit-border-radius: .12rem 0 0 0;-moz-border-radius: .12rem 0 0 0;border-radius: .12rem 0 0 0;}

.brand-hot-vote-cont{position:relative;}
.brand-hot-vote-tab{float: left;width: 1.2rem;height: 2.2rem;-webkit-border-radius: 0 0 0 .12rem;-moz-border-radius: 0 0 0 .12rem;border-radius: 0 0 0 .12rem;background: rgba(255,255,255,.1);}
.brand-hot-vote-tab ul li{width:1.2rem;height: .56rem;margin-top: .14rem;margin-left: .2rem;line-height: .56rem;font-size: .24rem;text-align: center;background: rgba(255,255,255,.2)}
.brand-hot-vote-tab ul li.on{background: rgba(179,119,41,.2)}
.brand-hot-vote-cont .lists{display: none;position: absolute;top: 0;right: 0;width: 4.8rem;height: 2.4rem;background: #fff;-webkit-border-radius: .12rem .12rem 0 0;-moz-border-radius: .12rem .12rem 0 0; border-radius: .12rem .12rem 0 0;}
.brand-hot-vote-cont .lists.disb{display: block;}
.brand-hot-vote-cont .lists ul li{width: 1.6rem;padding: .1rem .2rem;text-align: center;background: #fff;box-sizing: border-box;-webkit-border-radius: .12rem .12rem 0 0;-moz-border-radius: .12rem .12rem 0 0; border-radius: .12rem .12rem 0 0;}
.brand-hot-vote-cont .lists ul li .thumb{width: 1.2rem;height: .75rem;text-align: center;}
.brand-hot-vote-cont .lists ul li .thumb img{max-width: 100%;width: auto;height: .75rem;}
.brand-hot-vote-cont .lists ul li span{display:block;height: .4rem;line-height: .4rem;margin-top: .1rem;font-size: .28rem;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.brand-hot-vote-cont .lists ul li .btn{height: .4rem;margin-top: .16rem;line-height: .4rem;background:#ffa74a;color: #fff;font-size: .24rem;-webkit-border-radius: .2rem;-moz-border-radius: .2rem; border-radius: .2rem;}
.brand-hot-vote-cont .lists ul li.top1{z-index: 2;position: absolute;top: -.4rem;left:50%;margin-left:-.73rem;box-shadow: 0 -.16rem .16rem rgba(216,136,51,.3);}
.brand-hot-vote-cont .lists ul li.top1::before {position: absolute;right:-.16rem;bottom: -.04rem;content: "";width: .18rem;height: 1rem;background: #fff;background: linear-gradient(180deg,rgba(255,255,255,0),#fff,#fff);}
.brand-hot-vote-cont .lists ul li.top1::after {position: absolute; left: -.16rem;bottom:  -.04rem;content: "";width: .18rem;height:1rem;background: #fff; background: linear-gradient(180deg,rgba(255,255,255,0),#fff,#fff);}
.brand-hot-vote-cont .lists ul li.top1 i{position: absolute;top: -.6rem;left: 50%;margin-left: -.32rem;display: inline-block;color: #fe992c;width: .64rem;height: .64rem;background: url(../images/t1.png) no-repeat;background-size: .64rem;text-indent: 4rem; overflow: hidden;}
.brand-hot-vote-cont .lists ul li.top2{position: absolute;top: 0;left:0;}
.brand-hot-vote-cont .lists ul li.top3{position: absolute;top: 0;right:0;}
.brand-hot-vote-cont .lists ul li.top2 i{position: absolute;left: 50%;margin-left: -.24rem;top: -.3rem;width: .48rem;height: .48rem;line-height: .48rem;text-align: center;border: .12rem solid rgba(255,255,255,.5);border-radius: 50%;background: #fdb80c;color: #fff;font-size: .32rem;}
.brand-hot-vote-cont .lists ul li.top2 .thumb{margin-top: .48rem}
.brand-hot-vote-cont .lists ul li.top3 i{position: absolute;left: 50%;margin-left: -.24rem;top: -.3rem;width: .48rem;height: .48rem;line-height: .48rem;text-align: center;border: .12rem solid rgba(255,255,255,.5);border-radius: 50%;  background: #fbe01b;color: #fff;font-size: .32rem;}
.brand-hot-vote-cont .lists ul li.top3 .thumb{margin-top: .48rem}

.hot-brands{padding: .2rem;margin-top: .3rem; border-radius: .1rem;color: #fff;background: #6489ea;background-image: -moz-linear-gradient(right, #95aff2, #6489ea);background-image: -webkit-linear-gradient(right, #95aff2, #6489ea);background-image: -o-linear-gradient(right, #95aff2, #6489ea);background-image: linear-gradient(right, #95aff2, #6489ea);}
.hot-brands .title{height: .8rem;padding: 0 .2rem;line-height: .8rem; background: -webkit-gradient( linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .1)) );
-webkit-border-radius: .12rem 0 0 0;-moz-border-radius: .12rem 0 0 0;border-radius: .12rem 0 0 0;}
.hot-brands .title .bt{float: left;font-size: .4rem;font-weight: 600;}
.hot-brands-tabs{float: right}
.hot-brands-tabs ul li{position: relative;float: left;padding: 0 .12rem;font-size: .28rem;}
.hot-brands-tabs ul li.on{color: #ffeb3b;}
.hot-brands-tabs ul li.on:after{content: ""; position: absolute;bottom: 0;left: 50%;margin-left: -.1rem;display: inline-block;width: 0;height: 0;border: .1rem solid transparent;border-top: .1rem solid #ffeb3b;}
.hot-brands .list.disb{display: block;}
.hot-brands .list{display: none;background: #fff;-webkit-border-radius: .1rem;-moz-border-radius: .1rem; border-radius: .1rem; overflow: hidden;}
.hot-brands .list ul li{float: left;width: 33.3333%;height: 1.28rem;border-bottom:1px solid #eee;border-right: 1px solid #eee;text-align: center;-webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.hot-brands .list ul li img{max-width:100%;width: auto;height: 1.28rem;}

.ten-rec-box{display: none;margin-top: .2rem;}
.ten-rec-box.disb{display: block;}
.ten-rec-box ul li{padding: .3rem 0;border-bottom: 1px solid #f2f2f2;overflow: hidden; }
.ten-rec-box ul li:last-child{border-bottom: 0;}
.ten-rec-box ul li .num{float: left;display: inline-block;width: .45rem;height: .64rem;margin: .1rem .4rem 0 0;line-height:.76rem;font-size: .28rem;text-align: center;text-align: center;color: #fff;background: url(../images/icons-tops.png) no-repeat -2.36rem 0;background-size: 2.8rem .64rem;}
.ten-rec-box ul li .num.num1{background-position: 0 0;}
.ten-rec-box ul li .num.num2{background-position: -.78rem 0;}
.ten-rec-box ul li .num.num3{background-position: -1.57rem 0;}
.ten-rec-box ul li .thumb{float: left;width: .8rem;height: .8rem;margin-right: .4rem;border: 1px solid #f1f1f1;-webkit-border-radius: 100%; border-radius: 100%; overflow: hidden;}
.ten-rec-box ul li .thumb img{width: .8rem;height: .8rem;}
.ten-rec-box ul li .name{float: left;max-width: 3rem;height: .48rem;line-height: .48rem;padding:.16rem 0;font-size: .32rem;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ten-rec-box ul li .views{float: right;max-width: 1.3rem;height: .48rem;line-height: .48rem;padding: .16rem 0;font-size: .28rem;color: #999;}









.scenes-box{display: none;}
.scenes-box.disb{display: block;}
.tag-list-box{background: #fff;overflow-x:auto;white-space:nowrap;font-size:0;overflow-x:-moz-scrollbars-none;-ms-overflow-style:none }


.scenes{position: relative;padding: .2rem;-webkit-border-radius: .2rem;border-radius: .2rem;}

.scenes.order1{background: #a88b77;}
.scenes.order2{background:#A57474}
.scenes .stitle {display: flex;align-items: center;font-size: .5rem; color: #fff;line-height: .5rem; margin-top: .3rem;margin-left: .1rem; font-weight: bold;}
.scenes .stitle span {margin-right: .13rem;}
.scenes .stitle i {position: relative; width: .36rem;height: .36rem;background: url(../images/arrow.png) no-repeat center;background-size: contain;top: -.5px;}
.scenes .tag-count {font-size: .26rem; line-height: .26rem;color: #fff;opacity: .5; margin-top: .25rem;margin-left: .1rem;}
.scenes .tag-list {position: relative;height: 3.4rem;background-color: #fff;border-radius: .08rem;margin-top: 0.35rem;padding: 0 .2rem;box-sizing: border-box;overflow: hidden;}
.scenes .tag-list .item { display: inline-block;width: 2.3rem; height:3.4rem;margin-right: 0.2rem;padding: .3rem 0;text-align: center; box-sizing: border-box;}
.scenes .tag-list .item:last-child{border-bottom: 0 none;}
.scenes .tag-list .tleft {display: block;align-items: center;}
.scenes .tag-list .tleft .tlogo {width: 1.5rem;height: 1.5rem;margin: 0 auto;}
.scenes .tag-list .tleft .tlogo img {max-width: 1.5rem;max-height: 1.5rem;}
.scenes .tag-list .tleft .name {font-size: .3rem;line-height: .3rem;color: #333;font-weight: bold;margin-top: .1rem;}
.scenes .tag-list .tleft .count {display: block;text-align: center;font-size: .2rem;line-height: .2rem;color: #999;margin-top: .15rem;}
.scenes .tag-list .tleft .count i {width: 1px;height: .18rem;background-color: #e7e7e7; transform: scaleX(0.5);transform-origin: 0 0;overflow: hidden;margin: 0 .1rem; position: relative;top: -.8px;}
.scenes .tag-list .tleft .rank-box {display: inline-block;margin-top: .16rem;}
.scenes .tag-list .tleft .rank {display: flex;align-items: center;height: .34rem; border-radius: .04rem;background-color: rgba(247, 70, 69, 0.08);padding: 0 .12rem;font-size: .2rem;color: #F74645;}
.scenes .tag-list .tleft .rank span {margin-top: .5px;}
.scenes .tag-list .tleft .rank i {width: .08rem;height: .14rem;background: url(../images/arrow-r.png) no-repeat center;background-size: contain;margin-left: .06rem;}

.scenes-detail{ position: absolute;top:.1rem;right:.1rem;width: 1.4rem;height: 1.8rem;padding: 1rem .2rem .2rem .2rem;  background: rgba(169,139,119,.9);text-align: center; }
.scenes-detail .name {position: relative; z-index: 2; text-align: center;font-size:.32rem;color: #fff; font-weight: bold;line-height: 1.4;word-break: break-all; white-space: normal;}
.scenes-detail .line {display: inline-block;width: .5rem; height: 2px;background: #fff;margin-top: .3rem;}
.scenes-detail .count {font-size:.24rem;color: #fff;line-height:.4rem;margin-top: .2rem; white-space: normal;opacity: .8;}
.scenes-detail .arrow {display: inline-block;width:.4rem; height:.4rem;background: url(https://img.cnpinpai.cn/skin/version1.0/images/circle-arrow.png) no-repeat center; background-size: contain; margin-top: .3rem;}
.scenes.order1 .scenes-detail{background: rgba(169,139,119,.9);}
.scenes.order2 .scenes-detail{background: rgba(165,116,116,.9);}

.brand-letters a{float: left; width: .72rem;height: .72rem;text-align:center;line-height: .72rem;background-color: #f4f5fe;color: #1e5fff;font-size:.32rem; font-weight: 600;border-radius: .24rem 0 .24rem 0;margin: .3rem .3rem 0 0;}
.brand-letters a.on{background: #5276cf;color: #fff;}
.brand-letters a.dig{width:1.2rem;}
.brand-letters a:nth-child(7n){margin-right: 0;}
.mt25{margin-top:.5rem;}
.brand-rec{display: none}
.brand-rec.disb{display: block;}
.brand-rec ul li{float:left;width:33.3333%;height:1.88rem; box-sizing:border-box;padding:.1rem;text-align:center; border:1px solid #e2e2e2;margin-left:-1px;margin-top:-1px;}
.brand-rec ul li img{width:100%;height:1rem;}
.brand-rec ul li div{height:.5rem; line-height:.5rem;padding-top:.1rem; font-size:.26rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.lists-b ul li{float: left;width: 50%;padding:0 .1rem;margin-top: .2rem; box-sizing: border-box;}
.lists-b ul li a{display: block;height: .68rem;padding:0 .2rem;font-size: .26rem;line-height: .68rem;background: #f5f5f5; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-border-radius: .04rem;-moz-border-radius: .04rem; border-radius: .04rem;}
.lists-b ul li:nth-child(2n-1){padding-left: 0;}
.lists-b ul li:nth-child(2n){padding-right: 0;}

.zm_show_more{margin-top: .3rem;text-align: center;}
.zm_show_more a {position: relative; display: inline-block;cursor: pointer;font-size:.32rem; padding: .2rem 1rem .2rem .8rem;line-height: 1.5em;background: #fe741c;color: #fff;border-radius: 5em;}
.zm_show_more a:hover{background:#FF5722;}
.zm_show_more a:before {content: ''; position: absolute;top: 0;bottom: 0;right: .8rem;display: inline-block; width: .08rem;height:.08rem;-webkit-border-radius: 50%;margin: auto;-moz-border-radius: 50%;border-radius: 50%;background: #fff;}
.zm_show_more a:after {content: ''; position: absolute;top: 0;bottom: 0;right: .64rem;display: inline-block;width:.08rem; height: .08rem;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%; background: rgba(255 255 255 / 49%); margin: auto;}