@charset "utf-8";
/* CSS Document */
/*header*/
.header{padding: 45px 0;}
.header .float_logo{float:left;display:inline;margin-right:10px;height:53px;}
.header .float_logo a.ztw_logo{padding-right:20px;margin-right:20px;border-right:1px #ddd solid;}
.header .float_logo a{display:block;height:56px;float: left;}
.header .float_right {width: 400px;padding-top:10px;}

/*footer*/
.footer{background:#9b0101;color:#fff;padding: 25px 0;}
.navFooter{text-align:center;border-bottom:1px #b94e4e solid;line-height: 14px;padding: 0 0 15px;}
.navFooter a{color:#fff;font-size: 16px;border-right: 1px #fff solid;padding: 0 15px 0 10px;margin: 0;}
.navFooter a:last-child{border:none;}
.footer .text_box{color:#cd8787;font-size:12px;text-align:center;line-height: 25px;margin: 18px 0 15px;}
.footlogo{text-align:center;}
.footlogo a{margin: 0 3px;}

/**榜单导航**/
.nav_ztw{background:#ac0505;height:50px;z-index: 9;}
.nav_ztw .active{background:#9b0101;}
.nav_ztw_con{width:1200px;margin:auto;padding: 0 15px;}
#navmenu ul li{position:relative;float: left;width: 14%;text-align: center;color: #fff;line-height: 50px;}
#navmenu ul li.float_right{float:right;}
#navmenu ul li a{color: #fbd7d7;display:block;}
#navmenu ul li a:hover{background:#bf0606;color: #fff;}
#navmenu ul li ul{position:absolute;top: 50px;left:0;width: 100%;background:#9b0101;filter:alpha(opacity=90);opacity:.9;-moz-opacity:.9;display:none;z-index: 9;}
#navmenu ul li ul li {background:none;float:left;display:block;width: 100%;box-sizing: border-box;height: 45px;}
#navmenu ul li ul li a{float:none;color:#ffffff;display: block;font-size: 14px;width: 100%;border-bottom: 1px #740e0e dotted;line-height: 45px;height: 45px;}
#navmenu ul li ul li a:hover{background:#ba0909;}
#navmenu ul li ul li:last-child a{border-bottom:none;}

/**左侧导航**/
.Rank-list { min-height: 455px; background: #fff; border-radius: 4px; margin-bottom: 10px;*left:8%; }
.Rank-list .product-boss {height: 45px;line-height: 45px;text-indent: 30px;font-size: 16px;color: #bbb;border-bottom: 1px solid #eeeeee;}
.Rank-list ul li { cursor: pointer; list-style: none; text-indent: 30px; box-sizing: content-box; font-size: 14px; position: relative;overflow: hidden;}
.Rank-list ul .color i { display: block; }
.Rank-list ul li i {display: none;position: absolute;left: 0;top: 6px;width: 8px;height: 33px;background: #c72d2d;vertical-align: middle;}
.Rank-list ul .hide { display: none; }
.Rank-list ul .class { text-align: center; text-indent: 0; line-height: 52px; border-top: 1px solid #eeeeee; }
.Rank-list ul .class a { color: #d67b33; }
.Rank-list ul .class:hover { text-align: center; text-indent: 0; background: #fff; }
.Rank-list ul li p{color: #333;font-size: 14px;line-height: 38px;}
.Rank-list ul li:hover {background: #c72d2d;}
.Rank-list ul li:last-of-type:hover { border-radius: 0 0 4px 4px; }
.Rank-list ul li:hover p {color:#fff;}


/**content-box**/
.banner{border-radius: 4px;overflow: hidden;}
.list-right-wrap{margin-top:30px;background: #fff;border-radius: 4px;overflow: hidden;}
.details .rank-head{line-height:50px;overflow: hidden;border-bottom:1px #e5e5e5 dashed;}
.details .rank-head .allrank{padding:0 30px;overflow:hidden;}
.details .rank-head .allrank span:first-child{font-weight:bold;color: #333;margin-right: 5px;}
.details .rank-head ul{overflow:hidden;}
.details .rank-head ul li{float:left;cursor:pointer;width:15%;border-right: 1px #eee solid;line-height: 28px;margin: 12px 0;text-align: center;*height: 40px;}
.details .rank-head ul li i{vertical-align: -0.1em;*vertical-align: 0.2em;background: url(../2019_img/ztw-_sort.png) no-repeat bottom center;width: 9px;height: 20px;display: inline-block;margin-left: 5px;}
.details .rank-head ul li:hover,.details .rank-head ul li.active{color:#c72d2d;}
.details .rank-head ul li:hover i,.details .rank-head ul li.active i{background: url(../2019_img/ztw-_sorting.png) no-repeat bottom center;}

.bd_det{padding:10px 20px;margin:15px 30px;background:#f3f3f3;float:left;font-size:14px;line-height: 24px;text-indent:26px;/}
.bd_logo{overflow:hidden;width: 100%;padding: 0 30px 20px;}
.bd_logo ul{border-left: 1px #eee solid;border-bottom: 1px #eee solid;overflow: hidden;}
.bd_logo ul li{width:20%;*width: 180px;float:left;overflow:hidden;height: 85px;border-right: 1px #eee solid;border-top: 1px #eee solid;box-sizing: border-box;}
.bd_logo ul li:hover{ background: #fff; opacity: 0.8;}
.bd_logo ul li img{max-height: 68px;max-width:90%;}

.Candidate{text-align:center;margin: 5px auto -5px;width: 200px;display: block;line-height: 45px;}

/*rank*/
.rank-brand li{overflow:hidden;border-bottom:1px #eee solid;}
.rank-brand li:hover{background:#fafafa;}
.rank-brand li:first-child .ranknum{color: #f1cc7a;}
.rank-brand li:nth-child(2) .ranknum{color: #cdd1d8;}
.rank-brand li:nth-child(3) .ranknum{color: #d8a481;}
.rank-brand .rank{width: 100px;height: 160px;float: left;position: relative;margin: 30px 10px 30px 30px;display: flex;align-items: center;}
.rank-brand .rank .ranknum {width: 110px;font-size: 52px;margin-top: -9px;text-align: center;}
.rank-brand .rank .score { font-size: 14px; color: #bbbbbb; text-align: center; }
.rank-brand .rank .num { font-size: 18px; color: #444444; text-align: center; font-weight: 600; }

.rank-brand .showpro {width: 245px;height: 160px;cursor: pointer;float: left;margin: 30px 20px 30px 0;position:relative;border: 1px #eee solid;}
.rank-brand .showpro:hover img,.rank-brand .showdetails .pick img:hover{background: #fff;opacity: 0.9;transition: all 0.1s linear;}
.rank-brand .showpro .brandLogo{position:absolute;left: 0px;bottom: 15px;width:110px;height: 46.2px;right: auto;top: inherit;border: 1px #ddd dotted;border-left: 0;margin: 0;background: #ffffff;overflow: hidden;}
.rank-brand .showpro:hover .brandLogo{opacity:1;}

.rank-brand .author {width: 365px;height: 160px;float: left;margin: 30px 0px 30px 0;padding: 0;}
.rank-brand .author .title { font-size: 16px; margin: 5px 0 5px 0; cursor: pointer; width: 445px; min-height: 24px; }
.rank-brand .author .percent{width:335px;height:10px;overflow:hidden;background: #f0f0f0;position:relative;margin: 10px 0;}
.rank-brand .author .percents{position:absolute;left:0;top:0;display: block;height: 10px;background: #fd6b53;}
.rank-brand .author .career {font-size: 12px;margin: 0 0 15px 0;color: #fc6b53;}
.rank-brand .author .career span{margin-right:15px;}
.rank-brand .author .info-details a{font-size: 14px;color: #999;height: 42px;overflow: hidden;}

.rank-brand .showdetails{width: 110px;height: 160px;float: right;margin: 30px;*margin: 60px 30px 0;position: relative;
display: flex;
display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    
align-items: center;}
.rank-brand .showdetails .pick{margin-bottom: 20px;width: 110px;text-align: center;display: block;}
.rank-brand .showdetails .pick a{text-align:center;height: 50px;width: 50px;}
.rank-brand .showdetails .pick img{cursor:pointer;}
.rank-brand .showdetails .join{text-align:center;width: 110px;margin-top:30px\0;}
.rank-brand .showdetails .join a{border: 1px solid #fd6b53;font-size: 12px;color: #fd6b53;padding: 0 0px 0 4px;border-radius: 8px;height: 18px;display: block;line-height: 18px;width: 40px;margin: 0 auto;}
.rank-brand .showdetails .join a:hover{opacity:0.8;}

/* kefu */
.Floor-r{right:2%;bottom: 25%;position: fixed;z-index: 999;}
.suspension{}

.suspension .a.a-service{background: #51b4fc;}
.suspension .a.a-service:hover{background: #259af0;}
.suspension .a.a-service-weixin{background: #68c383;}
.suspension .a.a-service-weixin:hover{background: #1fa141;}
.suspension .a{display:block;width: 50px;height: 50px;background-color: #d9d9d9;cursor:pointer;outline:none;border: none;border-radius: 50px;text-align: center;color: #fff;line-height: 50px;font-size: 32px;margin-bottom: 15px;padding: 0;}
.suspension .d{display:none;width: 235px;position:absolute;right: 40px;min-height:90px;font-family: "Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;overflow: hidden;}
.suspension .d-service{top:0;}
.suspension .d-weixin{top: 69px;text-align: center;line-height: 20px;font-size: 14px;width: 180px;}
.suspension .d .inner-box{padding: 5px 15px 10px;overflow: hidden;border: 1px solid #E0E1E5;border-radius: 3px;margin-right: 20px;box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);background: #fff;}
.suspension .d-service-item{border-bottom: 1px dotted #ddd;padding: 10px 0;overflow: hidden;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;margin-left: 5px;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(https://www.ceramicschina.com/Content/ztw2019_img/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(https://www.ceramicschina.com/Content/ztw2019_img/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;font-weight: normal;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;padding-left: 14px;overflow: hidden;position: relative;}
.suspension .d-service-intro:before{position:absolute;left: 0;font-size: 12px;line-height: 25px;color: #ccc;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;white-space:nowrap;color:#888;}

.dn {
    display: none;
}


/*品牌信息*/
.brandupbox .dn #mengban{display: none;}
.brandupbox .brandupinfo{ background-color:#FFF; width:25%; height:85%; overflow:auto; left:50%; top:4%;position: fixed;z-index: 9999;border: solid 1px #ddd; padding:0 10px;font-weight: normal;}
.brandupbox .brandupinfo i.iconfont{ color:#b6b6da; font-size:24px;padding-left: 0px; margin-top:0px;}
.brandupbox .brandupinfo ul li{ width:50%; float:left;text-align: left;line-height:35px;height:35px;border-bottom:1px solid #f4f4f4;overflow: hidden; white-space:nowrap;}
.brandupbox .brandupinfo ul li span.manager{ display:inline-block; line-height:18px; border:1px solid #b6b6da; padding:0 5px 0 0; border-radius:2px;}
.brandupbox .brandupinfo ul li span.nickname{ display:inline-block; width:90px; vertical-align:middle;}
.brandupbox .brandupinfo ul li span.manager.grey{ border-color:#ddd;}
.brandupbox .brandupinfo ul li span.manager .iconfont{ font-size:18px; margin-top:-2px;}
.brandupbox .brandupinfo ul li img{vertical-align: middle;}
.brandupbox .brandupinfo ul li.full{ width:100%;}
.brandupbox .brandupinfo ul li i.icon-bubian{color: #ccc; display:inline;}
.brandupbox .brandupinfo ul li i.icon-jiantou-xiangshang{ color:#ff4b00; display:inline;}
.brandupbox .brandupinfo ul li i.icon-jiantou-xiangxia{ color:#12BA23; display:inline;}
.brandupbox .brandupinfo ul li a{ text-decoration:none; display:inline;}
.brandupbox .brandupinfo ul li .grey,.brandupbox .brandupinfo ul li .grey i{ color:#ccc;}
.brandupbox .brandupinfo ul li span{ margin:0px;}
.brandupbox .brandupinfo ul li a.btn{color: #f50006;border: solid 1px #f50006;border-radius: 3px;padding: 0px 0.3em;margin: 5px 5px 0px 0px;display: inline-block;line-height: 1.2em; font-size:14px;}
.brandupbox .brandupinfo ul li a.btn.grey{color: #A0A0A0;border-color: #A0A0A0;}
.brandupbox .brandupinfo ul li .u-star{ margin-left:10px; float:none;}
.brandupbox .brandupinfo .pic{ text-align:center;}
.brandupbox .brandupinfo .pic img{ margin:0 auto;}
.brandupbox .brandupinfo .close {position: absolute;right: 10px;top:8px;width: 24px;height: 24px;text-align: center;line-height: 24px;cursor: pointer;background:#555ba6; z-index:1;}
.brandupbox .brandupinfo .close:after {content: "×";font-size: 20px;font-family: '宋体';color: #fff;}
.brandupbox #mengban {background: rgba(0,0,0,.4);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;}

.position.articlepos{padding:10px 0; line-height:1em; border-bottom:1px solid #f7f7f7;}

.webads{height: 112px;padding: 10px 0px; width:100%; overflow:hidden;}

.point {height: 100px;background-image:url('/images/index_05.png'); background-position:top; background-repeat:no-repeat; position:relative;}
.point .p {display:block; position:absolute; top:20px;}
.point .p1 {left:0px;}
.point .p2 {left:40px;}
.point .p3 {left:88px;}
.point .p4 {left:135px;}
.point .p5 {left:180px;}
.point .p6 {left:230px;}
.brandupbox .brandupinfo ul li.hi5{height: 105px;}
.brandupbox .brandupinfo2{height: auto;top: 40%;}