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{margin:0;padding:0}
body{font:16px/2 "\5FAE\8F6F\96C5\9ED1",Tahoma,Arial,sans-serif;color:#333; min-width:1200px;background:#f6f9fe;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
em,i,s,b{font-style:normal;}
ol,ul{list-style: none;}
img{border:none;}
a,textarea,select,input{resize:none;outline:none; font-family:"\5FAE\8F6F\96C5\9ED1",Tahoma,Arial,sans-serif;}
a{color:#333;text-decoration:none;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
a:hover {text-decoration:none;color:#1263d3;}
a:hover img{opacity: 0.9;filter:alpha(opacity=90);}
::-webkit-input-placeholder {color:#999;} 
:-moz-placeholder {color:#999;} 
::-moz-placeholder {color:#999;} 
:-ms-input-placeholder {color:#999;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}


@font-face {
  font-family: "iconfont"; /* Project id 3924603 */
  src: url('https://at.alicdn.com/t/c/font_3924603_d5cyj2kw8d9.woff2?t=1701333814889') format('woff2'),
       url('https://at.alicdn.com/t/c/font_3924603_d5cyj2kw8d9.woff?t=1701333814889') format('woff'),
       url('https://at.alicdn.com/t/c/font_3924603_d5cyj2kw8d9.ttf?t=1701333814889') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xiala:before {
  content: "\e6ba";
}

.icon-fanhuidingbu1:before {
  content: "\e6c6";
}

.icon-erweima:before {
  content: "\e65f";
}

.icon-fankui:before {
  content: "\e60d";
}

.icon-zhuhai:before {
  content: "\e869";
}

.icon-xiamen:before {
  content: "\e67b";
}

.icon-baoding:before {
  content: "\e68b";
}

.icon-tangshan:before {
  content: "\e68c";
}

.icon-langfang:before {
  content: "\e68d";
}

.icon-zhangjiakou:before {
  content: "\e68e";
}

.icon-shijiazhuang:before {
  content: "\e668";
}

.icon-xingxing:before {
  content: "\e870";
}

.icon-zaixianzixun:before {
  content: "\e6a4";
}

.icon-wenda2:before {
  content: "\e673";
}

.icon-kucun:before {
  content: "\e627";
}

.icon-dajiaduzaikan:before {
  content: "\e61c";
}

.icon-resoubang:before {
  content: "\e62e";
}

.icon-lvyou:before {
  content: "\e60c";
}

.icon-dianpuzhuangxiu:before {
  content: "\e6bd";
}

.icon-quanwei:before {
  content: "\e66e";
}

.icon-more:before {
  content: "\e741";
}

.icon-xiangzuo:before {
  content: "\e609";
}

.icon-xiangyou:before {
  content: "\e60b";
}

.icon-paixingbang:before {
  content: "\e6c5";
}

.icon-pinpai1:before {
  content: "\e60a";
}

.icon-shouye:before {
  content: "\e607";
}

.icon-search:before {
  content: "\e633";
}

.icon-xia:before {
  content: "\e61b";
}

.icon-gengduo:before {
  content: "\e63e";
}

.icon-redian:before {
  content: "\e605";
}

.icon-iconfonthunshasheying2:before {
  content: "\e606";
}

.icon-toupiao:before {
  content: "\e6da";
}

.icon-pinpai:before {
  content: "\e6cd";
}

.icon-heilongjiang:before {
  content: "\e604";
}

.icon-anhuiditu:before {
  content: "\e62f";
}

.icon-changsha:before {
  content: "\e66d";
}

.icon-fuzhou:before {
  content: "\e67a";
}

.icon-guilin:before {
  content: "\e686";
}

.icon-zhengzhou:before {
  content: "\e690";
}

.icon-nanjing:before {
  content: "\e608";
}

.icon-hangzhou:before {
  content: "\e65c";
}

.icon-xian:before {
  content: "\e6b9";
}

.icon-chengdu:before {
  content: "\e6be";
}

.icon-dali:before {
  content: "\e6cb";
}

.icon-beijing:before {
  content: "\e636";
}

.icon-guangzhou:before {
  content: "\e86a";
}

.icon-shenzhen:before {
  content: "\e86d";
}

.icon-shanghai:before {
  content: "\e602";
}

.icon-tianjin:before {
  content: "\e641";
}

.icon-wuhan:before {
  content: "\e66b";
}

.icon-chongqing:before {
  content: "\e731";
}

.icon-31paixingbang:before {
  content: "\e601";
}

.icon-hotfill:before {
  content: "\e757";
}

.icon-fenlei:before {
  content: "\e600";
}

.icon-shouji:before {
  content: "\e603";
}



.wrap{width:1200px;margin:0 auto;}
.box860{width:860px;}
.box300{width:300px;}
.icons{background: url(../images/icons.png) no-repeat;}
.bgwhite{background: #fff;}
.fl{float: left}
.fr{float: right}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.pd15{padding: 15px;}
.pdlr15{padding: 0 15px;}
.pd20{padding: 20px;}
.ptd30{padding: 30px 0;}

.header{padding: 20px 0; background: #fff;}
.logo{float: left;width: 210px;height: 74px;margin-right: 20px;}
.channel-name{float:left;line-height:30px ;height:30px;margin:20px 0 0 20px;font-size:30px;font-weight: bold;color:#ccc; font-family: Tahoma,Arial,"微软雅黑",sans-serif; }
.search-box{float:left;margin-left: 80px;margin-top: 10px;}
.search{position: relative;width:430px;height:34px;border:2px solid #f5a801;margin-top:6px;border-radius: 4px;}
.search-text{float:left;width:310px;height:24px; line-height:24px;padding:5px 10px 5px 40px;border:0 none;font-size: 14px;}
.search-btn{float:left;width:70px;height:34px;background:#f5a801; font-size:16px;border:0 none; color:#fff;cursor: pointer;}
.search .icon-search{ position:absolute;top:6px;left:4px;height: 24px;line-height: 24px; font-size: 24px;color: #f5a801}
.hot-search{height:24px;line-hegiht:24px;margin-top:6px;}
.hot-search p,.hot-search a {float:left;font-size: 12px;color: #666;}
.hot-search a {color: #7fc5f9;margin-right: 14px;}
.hot-line{float: right;width: 180px;}
.hot-line div{color: #888;font-size: 16px;}
.hot-line div i{font-size: 14px;}
.hot-line  p{line-height: 24px;font-size: 14px;}

.nav{height:48px;background:#264391;font-size:16px;}
.nav ul li{float:left;height:48px;font-size:16px;}
.nav ul li a{display:block;height:48px;padding:0 20px; line-height: 48px;color:#fff;}
.nav ul li a:hover{background-color:#1b3374;}
.nav ul li a.on{background-color:#142964;}

.slide-box{position:relative;padding:20px;background:#fff; overflow: hidden;}
.slide-box .swiper-container {width: 100%;}
.slide-box .swiper-slide {width:300px;font-size: 18px;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.slide-box .swiper-slide a{position:relative;display: block;width:300px;height:200px;}
.slide-box .swiper-slide a div{position: absolute;bottom:0;left:0;width:100%;max-height:56px;line-height:24px;padding:4px 10px;color:#fff;background:rgba(0,0,0,.3);box-sizing: border-box; overflow: hidden;}
.slide-box .swiper-container-horizontal > .swiper-scrollbar{bottom:-20px;}
.slide-box .swiper-slide a img{width:300px;height: 200px;}


.titles-tl{height:48px;line-height:48px;overflow: hidden;}
.titles-tl .bt .title{display: inline-block;height:48px;margin-right: 20px;line-height:48px;font-size: 24px;font-weight: 600;color: #262626;}
.titles-tl .bt .title i.iconfont{display: inline-block;width: 32px;height: 32px;margin:-4px 10px 0 0;text-align: center;line-height: 32px;color: #fff;font-size: 20px;font-weight: lighter;background: #fd8d27;border-radius:14px;vertical-align: middle;}
.titles-tl .subtitle{font-size: 14px; color: #999;}
.titles-tl .more {float: right;position: relative;display: inline-block;height: 48px;line-height: 48px;padding-right: 16px;color: #a78f8f;font-size: 14px;}
.titles-tl .more:before {content: '';position: absolute;top: 0;bottom: 0;right: 8px;display: inline-block; width: 4px; height: 4px;-webkit-border-radius: 50%;margin:auto;-moz-border-radius: 50%;border-radius: 50%;background: #b2b3c5;}
.titles-tl .more:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;display: inline-block;width: 4px;height: 4px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #ddd; margin: auto;}


.hot-rks .tabs{position: relative;float: right;width:1000px;display: inline-block;margin-top: 4px;margin-left: 20px;overflow: hidden;}
.hot-rks-tab-scroll{width: 3000px;}
.hot-rks-tab .tabs-mask:after{content: "";position: absolute;top:0;right:76px;width: 44px;height:38px; background-image: linear-gradient(to left, rgba(242, 242, 242, 1), rgba(242, 242, 242, 0)); }
.hot-rks-tab .prev, .hot-rks-tab .next{position: absolute;right: 0;top: 0;display: inline-block;width:38px;height: 38px;box-sizing: border-box;text-align: center;font-size: 28px;line-height: 38px;background: -webkit-linear-gradient(90deg,rgba(89,158,253,1),rgba(77,116,255,1));background: -o-linear-gradient(90deg,rgba(89,158,253,1),rgba(77,116,255,1));background: -moz-linear-gradient(90deg,rgba(89,158,253,1),rgba(77,116,255,1));background: linear-gradient(90deg,rgba(89,158,253,1),rgba(77,116,255,1));color: #fff;cursor: pointer}
.hot-rks-tab .prev{right: 38px;}
.hot-rks-tab .next{top: 0;}
.hot-rks .tabs ul li{float: left;display: inline-block;height: 36px;padding: 0 25px;margin-right: 20px;line-height: 36px;border: 1px solid #efefef;border-radius: 20px; background: #fff;cursor: pointer;}
.hot-rks .tabs ul li.on{background: #5276cf;color: #fff;border-color: #5276cf;}
.hot-rks .tabs ul li:hover{color: #5276cf;border-color: #5276cf;}
.hot-rks .tabs ul li.on:hover{color: #fff;}



.hot-rks-box{display: none;}
.hot-rks-box.disb{display: block;}
.hot-rks .lists-a{ overflow: hidden; }
.hot-rks .lists-a ul{width: 1220px;}
.hot-rks .lists-a ul li{float: left;dislay: inline-block;width:286px;height: 190px;margin: 20px 18px 0 0;}
.hot-rks .lists-a ul li .thumb{width:286px;height: 190px;}
.hot-rks .lists-a ul li .thumb img{width:286px;height: 190px;}
.hot-rks .lists-a ul li a{display: block; position: relative;width:286px;height: 190px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; overflow: hidden;}
.hot-rks .lists-a ul li a:after{content: ""; position: absolute;bottom: 0;left: 0;width: 100%;height: 80px;background: linear-gradient(to bottom,transparent,rgba(0,0,0,1));}
.hot-rks .lists-a ul li .infos{ z-index: 2; position: absolute;bottom: 0;left: 0;width: 256px;padding: 0 15px;height: 70px;color: #fff;}
.hot-rks .lists-a ul li .infos .tit{height: 28px;line-height: 28px;font-size: 18px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.hot-rks .lists-a ul li .infos p{margin-top: 5px;height: 20px;line-height: 20px;font-size: 13px;opacity: .5;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.hot-rks .lists-b{ overflow: hidden; }
.hot-rks .lists-b ul{width: 1220px;}
.hot-rks .lists-b ul li{float: left;width: 284px;padding: 2px;border: 1px solid #e6eef7;margin: 0 12px 12px 0;text-align: center;font-size: 18px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.hot-rks .lists-b ul li a{z-index: 2;position: relative;display: block;padding: 0 10px;height:48px;line-height: 48px;background: #fff;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.hot-rks .lists-b ul li:hover {border: 1px solid #96b0f2;}
.hot-rks .lists-b ul li a:hover {color: #fff;}
.hot-rks .lists-b ul li a:before {z-index: -1;content: "";position: absolute;top: 0;left: 0;width: 0%;height: 100%;background: #96b0f2;-webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.hot-rks .lists-b ul li a:hover::before {width: 100%;}

.bg2 {background-image: url(https://www.phb123.com/images/bg2.jpg);background-repeat: no-repeat;background-position: center top;}
.box810{width: 810px;}
.box370{width: 370px;}
.hs-left{float: left;width: 380px;}
.hs-left-first a{display:block;overflow: hidden;}
.hs-left-first a img{display: block;width:380px;height:253px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.hs-left-first{padding-bottom: 12px;border-bottom: 1px solid #f2f2f2;}
.hs-left-first a .bt{height:36px;margin-bottom: 6px; line-height:36px;font-size:20px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;color:#333;}
.hs-left-first a .ms{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size:16px; line-height:30px;color: #999;}
.hs-left-list ul li {position: relative;padding: 10px 0;height:28px; line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hs-left-list ul li a {font-size: 16px;color: #333;}
.hs-middle{float:left;display: inline-block;width:400px;margin-left: 30px;}
.hs-middle ul li{padding:18px 0;border-bottom:1px dashed #efefef;overflow: hidden;}
.hs-middle ul li:first-child{padding-top:0;}
.hs-middle ul li:last-child{border-bottom:0;}
.hs-middle ul li a img{float:right;width:120px;height:80px;margin-left: 15px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.hs-middle ul li a .bt{display: block;font-size:18px;line-height:28px; color: #333; max-height: 56px; overflow: hidden;}
.hs-middle ul li a  p{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;line-height:22px;margin-top:10px;color: #999;}

.asks-l{padding: 10px 20px 20px 20px;}
.asks-l ul li{position: relative;padding: 24px 0 24px 28px; border-bottom: 1px solid #f2f2f2; overflow: hidden;}
.asks-l ul li:last-child{border-bottom: 0;}
.asks-l ul li .u-badge {position: absolute;top: 26px;left: 0;width: 17px;height: 17px;border-radius: 4px 4px 0;background-color: #faab0c;font-size: 12px;color: #fff;text-align: center;line-height: 17px;}
.asks-l ul li  .tit {font-size: 16px;line-height: 22px}
.asks-l ul li .detail {margin-top: 10px;font-size: 14px;color: #999;line-height: 20px;}
.asks-l ul li .etc{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.asks-l ul li .detail .tag{position: relative;float: left;margin-right: 16px;padding: 0 5px; border: 1px solid #e8e8e8;border-radius: 4px;font-size: 11px;color: #666;line-height: 18px;}
.asks-l ul li .info {margin-top: 16px;line-height: 24px;font-size: 12px;color: #bbb;}
.asks-l ul li .photo-arr {float: left;margin-left: 6px;margin-right: 20px;}
.asks-l ul li .photo-arr img {float: left;width: 24px;height: 24px;margin-right: 10px;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;margin-left: -6px;}
.asks-l ul li span em{color: #666;}

 .lists-add{ overflow: hidden; }
 .lists-add ul{width: 1220px;}
 .lists-add ul li{float: left;width: 284px;padding: 2px;border: 1px solid #e6eef7;margin: 0 12px 12px 0;text-align: center;font-size: 18px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
 .lists-add ul li a{z-index: 2;position: relative;display: block;padding: 0 10px;height:48px;line-height: 48px;background: #fff;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
 .lists-add ul li:hover {border: 1px solid #96b0f2;}
 .lists-add ul li a:hover {color: #fff;}
 .lists-add ul li a:before {z-index: -1;content: "";position: absolute;top: 0;left: 0;width: 0%;height: 100%;background: #96b0f2;-webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
 .lists-add ul li a:hover::before {width: 100%;}

 .footer{background: #262626;color: #8c8c8c;font-size: 14px;}
.friends{margin-bottom:30px;padding-bottom: 16px;border-bottom: 1px solid #404040;}
.friends-tabs ul li{float: left;margin-right: 20px;font-size: 14px;color: #8c8c8c;cursor: pointer;}
.friends-tabs ul li.on{color: #fff;font-weight: bold;}
.friends-list{display: none;margin-top: 10px;}
.friends-list.disb{display: block;}
.friends-list ul li{float: left;display: inline-block;height: 28px;font-size: 14px;line-height: 28px; margin-right: 20px;white-space: nowrap;}
.friends-list ul li a{color: #8c8c8c;}
.friends-list ul li a:hover{color: #fe741c}
.footer-l{float: left;width: 880px;}
.footer-l .contact{font-size: 30px;color: #fe741c;}
.footer-l .contact span{font-weight: bold;margin-right: 20px;}
.footer-l .contact a{display: inline-block; width: 138px; height: 32px;line-height: 32px; border: 1px solid #fe741c;color: #fe741c;text-align: center;font-size: 14px;-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; vertical-align:middle;}
.footer-l .contact a i{font-size: 14px;margin: 0 8px 0 4px;font-weight: normal;}
.foot-nav{margin-top: 40px;padding-bottom: 20px;color: #fff;border-bottom: 1px solid #404040;}
.foot-nav a{margin-right: 25px;color: #fff;}
.foot-chara{margin-top: 10px;color: #666;}
.foot-chara a{margin: 0 4px;color: #8c8c8c;}
.footer-r{float: right;width: 280px;padding-top: 40px;}
.footer-r .code1{float: left;width: 140px;text-align: center;}
.footer-r .code2{float: left;width: 140px;text-align: center;}
.footer-r img{width: 100px;height: 100px;}
.footer-r .code2 img{opacity:.2;}

.ten-rec{position: relative;overflow: hidden;}
.ten-rec .prev,.ten-rec .next{position: absolute;top:50%;width:32px;height:96px;margin-top: -48px;line-height: 96px;font-size: 32px;text-align: center;color: #fff;-webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;background: rgba(0, 0, 0, .3);cursor: pointer;filter: alpha(opacity=0);opacity: 0;}
.ten-rec:hover .prev {left: 0;filter: alpha(opacity=100);opacity: 1;}
.ten-rec:hover .next{right: 0;filter: alpha(opacity=100);opacity: 1;}
.ten-rec .prev:hover  ,.ten-rec .next:hover{background: #fa9234;}
.ten-rec .prev{left:-32px;border-radius:0 4px 4px 0; }
.ten-rec .next{right: -32px;border-radius: 4px 0 0 4px; }
.ten-rec-scroll{width: 3000px;}
.ten-rec-box{float: left;display: inline-block;width: 385px;margin-right: 22px;background:#fff url(../images/bg.png) no-repeat;background-size: 100% auto;}
.ten-rec-box .title{height: 38px;line-height: 38px;color: #fff;font-size: 22px;font-weight: 600;padding: 12px 15px 0 15px;}
.ten-rec-box .title .more {float: right;position: relative;display: inline-block;height: 48px;line-height: 48px;padding-right: 16px;color: #fff;font-size: 14px;font-weight: normal; opacity: .9;}
.ten-rec-box .title .more:before {content: '';position: absolute;top: 0;bottom: 0;right: 8px;display: inline-block; width: 4px; height: 4px;-webkit-border-radius: 50%;margin:auto;-moz-border-radius: 50%;border-radius: 50%;background: #b2b3c5;}
.ten-rec-box .title .more:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;display: inline-block;width: 4px;height: 4px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #ddd; margin: auto;}


.ten-rec-box ul {padding: 28px 0  10px 0;}
.ten-rec-box ul li{padding: 8px 20px; overflow: hidden; }
.ten-rec-box ul li .num{float: left;display: inline-block;width: 26px;height: 36px;margin:12px 15px 12px 0;line-height:42px;text-align: center;color: #fff;background: url(../images/icons-tops.png) no-repeat -133px  0;background-size: 158px 36px;}
.ten-rec-box ul li .num.num1{background-position: 0 0;}
.ten-rec-box ul li .num.num2{background-position: -44px 0;}
.ten-rec-box ul li .num.num3{background-position: -88px 0;}
.ten-rec-box ul li .thumb{float: left;width:64px;height:64px;margin-right: 15px;border: 1px solid #f1f1f1; border-radius: 100%; overflow: hidden;}
.ten-rec-box ul li .thumb img{width: 64px;height: 64px;}
.ten-rec-box ul li .name{height: 24px;line-height: 24px;padding: 8px 0 4px 0;font-size: 18px;}
.ten-rec-box ul li p{font-size: 13px;color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.bread,.bread a{font-size:13px;color:#999;}  
.bread a:hover{color:#f20;}

.list-lead{position:relative;padding: 20px 50px;background: #fff;}
.list-lead-title{font-size: 28px;font-weight: 600;color: #222;}
.list-lead i{position:absolute;width:18px;height:18px;}
.list-lead p{margin: 10px 0;color:#444; line-height:28px; font-size:16px;}
.list-lead .icons_tr{top:-4px;right:-4px; border-top:4px solid #333; border-right:4px solid #333;}
.list-lead .icons_br{bottom:-4px;right:-4px; border-bottom:4px solid #333; border-right:4px solid #333;}
.list-lead .icons_bl{bottom:-4px;left:-4px; border-bottom:4px solid #333; border-left:4px solid #333;}
.list-lead .icons_tl{top:-4px;left:-4px; border-top:4px solid #333; border-left:4px solid #333;}
.lead-infos{margin-top: 10px;font-size: 14px;color: #999;}

.cards-lists{margin-top: 20px;}
.cards-lists ul li{position:relative;min-height: 200px;margin-top:20px;padding:20px;background:#fff;overflow: hidden;}
.cards-lists ul li .thumb{float:left;width:200px;height:200px;margin-right:20px;}
.cards-lists ul li .thumb img{width:200px;height:200px;}
.cards-lists ul li .bt{line-height:44px;font-size:24px;font-weight: 700;}
.cards-lists ul li .bt a{color:#333;}
.cards-lists ul li .tags{height:24px;margin-bottom:15px;line-height:28px;font-size:15px;color:#999;}
.cards-lists ul li .tags span{margin-right: 20px;}

.cards-lists ul li .intro{position:relative;margin-top:10px;font-size:16px;line-height:32px;min-height: 130px;}
.cards-lists ul li .intro.unfold{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.cards-lists ul li .intro.unfold a.view-more{position: absolute;bottom:0;right:0;padding:0 10px;}
.cards-lists ul li .intro a.view-more{font-weight:700;background-image: linear-gradient(to left, #fff, rgba(255,255,255,.8));color:#eb2727;white-space: nowrap;}
.cards-lists ul li .intro.unfold a.view-more:before{content:"...";margin-right:2px;color:#999;font-weight: normal;}
.cards-lists ul li .rank-others dl dt{position: relative;margin-right: 20px;line-height: 32px;color: #333;font-size: 18px;font-weight: 600;}
.cards-lists ul li .rank-others dl dt .cn{font-size: 18px;font-weight: 600;margin-right: 10px;}
.cards-lists ul li .rank-others dl dt .en{font-size: 12px; letter-spacing: 5px;color: #ddd;font-weight: 400;}
.cards-lists ul li .rank-others dl dd{float: left;width: 255px;margin-right:18px;margin-top: 15px;line-height: 36px;font-size: 16px; text-align: center;}
.cards-lists ul li .rank-others dl dd a{display: block;padding: 0 15px;color: #6d7a9a;line-height: 34px;border: 1px solid #d6dff5;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cards-lists ul li .rank-others dl dd a:hover{color: #6d7a9a;background: #d6dff5;}

.title-a {height:40px;line-height:40px;font-size: 20px;font-weight: 600;color: #333; border-bottom: 1px #e5e5e5 solid;padding-bottom: 6px;}
.title-a span {position:relative;float:left;height:40px; line-height: 40px; padding-bottom: 6px;border-bottom: 1px  solid #264391 }
.title-a span strong {color:#264391;}
.title-a span.hot::after { content: '';position: absolute;top:-5px;right:-20px;display: block; width: 17px;height: 12px;background: url(../images/hot_1.png) no-repeat;}
.title-a .more{float: right;color: #999;font-size: 14px; font-weight: normal; margin-top: 6px;}

.relative-ranks{ overflow: hidden; }
.relative-ranks ul{width:866px;}
.relative-ranks ul li{float:left;display:inline-block;width:261px;height:40px;margin:14px 14px 0 0; line-height:40px; font-size:16px; border:1px solid #d1d8e1;padding:2px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}
.relative-ranks.zb ul li{width:384px; padding-left:20px;}
.relative-ranks ul li a{position:relative;display:block;background:#d1d8e1;height:40px;  text-align:center;z-index:2;}
.relative-ranks ul li:hover{border:1px solid #6b7c92;}
.relative-ranks ul li a:hover{ color:#fff;}
.relative-ranks ul li a:before {z-index:-1;content: "";position:absolute;top: 0;left: 0;width: 0%;height: 100%;background: #3b5267;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}
.relative-ranks ul li a:hover::before{width: 100%;}

.rel-rk .lists-a{ overflow: hidden; }
.rel-rk .lists-a ul{width:855px;}
.rel-rk .lists-a ul li{float: left;dislay: inline-block;width:266px;height: 178px;margin: 20px 15px 0 0;}
.rel-rk .lists-a ul li .thumb{width:266px;height: 178px;}
.rel-rk .lists-a ul li .thumb img{width:266px;height: 178px;}
.rel-rk .lists-a ul li a{display: block; position: relative;width:266px;height: 178px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; overflow: hidden;}
.rel-rk .lists-a ul li a:after{content: ""; position: absolute;bottom: 0;left: 0;width: 100%;height: 80px;background: linear-gradient(to bottom,transparent,rgba(0,0,0,1));}
.rel-rk .lists-a ul li .infos{ z-index: 2; position: absolute;bottom: 0;left: 0;width: 236px;padding: 0 15px;height: 70px;color: #fff;}
.rel-rk .lists-a ul li .infos .tit{height: 28px;line-height: 28px;font-size: 18px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.rel-rk .lists-a ul li .infos p{margin-top: 5px;height: 20px;line-height: 20px;font-size: 13px;opacity: .5;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.rel-rk .lists-b{ overflow: hidden; }
.rel-rk .lists-b ul{width:855px;}
.rel-rk .lists-b ul li{float: left;width: 262px;padding: 2px;border: 1px solid #e6eef7;margin: 0 12px 12px 0;text-align: center;font-size: 16px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.rel-rk .lists-b ul li a{z-index: 2;position: relative;display: block;padding: 0 10px;height:40px;line-height: 40px;background: #fff;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.rel-rk .lists-b ul li:hover {border: 1px solid #96b0f2;}
.rel-rk .lists-b ul li a:hover {color: #fff;}
.rel-rk .lists-b ul li a:before {z-index: -1;content: "";position: absolute;top: 0;left: 0;width: 0%;height: 100%;background: #96b0f2;-webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.rel-rk .lists-b ul li a:hover::before {width: 100%;}

.news-list ul li{padding:20px;border-bottom:1px solid #eee;background:#fff;overflow: hidden;}
.news-list ul li .pic{float:left;width:252px;height:160px;}
.news-list ul li .chara{float:right;width:540px;}
.news-list ul li .chara .bt{display: block;height:40px;line-height:40px;font-size:20px;font-weight: 600; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list ul li .chara .intro{margin-top:10px;font-size:14px; line-height: 26px;color: #bbb;max-height:78px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.news-list ul li .chara .info{margin-top:6px;height:24px; line-height:24px;color:#999;font-size:12px;}
.news-list ul li .chara .info span{display:inline-block;margin-right:30px;}
.news-list ul li .chara .info .icons-view{display: block; width: 16px;height: 12px;background-position:-579px -43px; float: left;margin: 6px 5px 0 0;}


.news-list ul li .chara .info.unfold{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.news-list ul li .chara .info a.view-more{position: absolute;bottom:0;right:0;padding:0 10px;}
.news-list ul li .chara .info a.view-more{font-weight:700;background-image: linear-gradient(to left, #fff, rgba(255,255,255,.8));color:#eb2727;white-space: nowrap;}
.news-list ul li .chara .info.unfold a.view-more:before{content:"...";margin-right:2px;color:#999;font-weight: normal;}




.title-b{height:44px; line-height:44px;background:#264391;font-size:18px;color:#fff; text-align:center;}

.vote-rec-fl{padding: 10px;}
.vote-rec-fl ul li{float: left;width:83px;padding: 5px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.vote-rec-fl.tl ul li{width: 130px;font-size: 14px;}
.vote-rec-fl ul li img{width: 80px;height: 80px;margin-bottom: 6px; border-radius: 100%;  overflow: hidden;}
.vote-rec-fl ul li div{height: 32px;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rel-asks{padding: 0 0 20px 0;}
.rel-asks ul li{position: relative;padding: 20px 0 20px 28px; border-bottom: 1px solid #f2f2f2; overflow: hidden;}
.rel-asks ul li:last-child{border-bottom: 0;}
.rel-asks ul li .u-badge {position: absolute;top: 22px;left: 0;width: 17px;height: 17px;border-radius: 4px 4px 0;background-color: #faab0c;font-size: 12px;color: #fff;text-align: center;line-height: 17px;}
.rel-asks ul li .tit {font-size: 16px;line-height: 22px}
.rel-asks ul li .detail {margin-top: 10px;font-size: 14px;color: #999;line-height: 20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}



.side-fix{position: fixed;bottom: 10px;right: 10px;z-index: 10;}
.side-fix a {position:relative;display: block;width: 48px;height: 48px;margin-bottom: 15px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; background-color: #dcdcdc;text-align: center;cursor: pointer;}
.side-fix a.code{color:#fff; text-align:center;line-height:48px;font-size:24px;background-color:#fd8d27}
.side-fix a:hover{background-color:#fd8d27;}
.side-fix a.feedback{color:#fff; text-align:center;line-height:48px;font-size:24px;}
.side-fix a.backtop{display:none;color:#fff; text-align:center;line-height:48px;font-size:24px;}
.side-code{display:none;position: absolute;right:68px;top:50%;width:158px;height:188px;margin-top:-94px;text-align:center; background:#fff;-webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);}
.side-code img{width:124px;height:124px;margin-top:20px;}
.side-code p{font-size:14px;height:24px;line-height: 24px;color: #333;}
.side-code:before{position: absolute;top: 50%;right:0;margin-right: -14px;margin-top:-3px; content: "";display: block;width: 0;height: 0;border: 7px solid transparent;border-left: 7px solid #ddd;}


.table-box{position: relative;width:100%; overflow-x: auto;overflow-y: hidden;}
.table-title{padding: 5px 15px ;background: #264391;color: #fff;}
.table-ui{table-layout: fixed;width:100%;background: #fff;}
.table-ui th,.table-ui td{width: 80px; border-right: 1px solid #eee;}
.table-ui .red{color: #991521;}
.table-ui .green{color: #1e7635;}
.table-ui a{color: #1d75a3;}
.table-ui tr{border-bottom: 1px solid #eee;}
.table-ui tr:first-child {border: none}
.table-ui tr th {position: relative;height:60px;line-height:100% ;text-align: center;color: #333;font-size: 16px;font-weight: 600;background: #e3e0e0;}
.table-ui tr td {position: relative;height: 60px;text-align: center;font-size: 14px;color: #333;}
.table-ui tr td .number {display: inline-block;width: 20px;height: 29px;line-height: 33px;margin: 0 auto;text-align: center;color: #222;background: url(https://www.phb123.com/images/icons-tops.png) no-repeat -208px 0;background-size: 127px 29px;}
.table-ui tr td .number.num1{background-position: 0 0;color: #fff;}
.table-ui tr td .number.num2{background-position:-36px  0;color: #fff;}
.table-ui tr td .number.num3{background-position:-72px  0;color: #fff;}
.table-ui tr img{display: inline-block;margin-right: 6px; vertical-align: middle; }
.table-ui tr th:nth-child(1){position: sticky; left: 0; z-index: 3;background: #e3e0e0;;border-right: 1px solid #eee;}
.table-ui tr td:nth-child(1){position: sticky; left: 0; z-index: 3;background: #fff;border-right: 1px solid #eee;}
.table-ui tr th:nth-child(2){position: sticky; left: 79px; z-index: 3;background: #e3e0e0;border-right: 1px solid #eee;}
.table-ui tr td:nth-child(2){position: sticky; left: 79px; z-index: 3;background:#fff;border-right: 1px solid #eee;}
.table-ui tr:nth-child(2n+1){background: #f4f4f4;}
.table-ui tr:hover{background: #fef9f6;}


.authorities{position: relative;overflow: hidden;}
.authorities .prev,.authorities .next{position: absolute;top:50%;width:32px;height:96px;margin-top: -48px;line-height: 96px;font-size: 32px;text-align: center;color: #fff;-webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;background: rgba(0, 0, 0, .3);cursor: pointer;filter: alpha(opacity=0);opacity: 0;}
.authorities:hover .prev {left: 0;filter: alpha(opacity=100);opacity: 1;}
.authorities:hover .next{right: 0;filter: alpha(opacity=100);opacity: 1;}
.authorities .prev:hover  ,.authorities .next:hover{background: #fa9234;}
.authorities .prev{left:-32px;border-radius:0 4px 4px 0; }
.authorities .next{right: -32px;border-radius: 4px 0 0 4px; }
.authorities-scroll{width: 3500px;}
.authorities-box{float:left;width: 365px;padding:10px;background: #6f75d7;}
.authorities-bar{position: relative;padding:0 10px;color: #fff; }
.authorities-bar .title{height: 32px;line-height: 32px;font-size: 20px;font-weight: 600;}
.authorities-bar .sub-title{height:24px;line-height: 24px;font-size: 14px;font-weight: 300;opacity: .6;}
.authorities-bar .more{position: absolute;top:16px;right:0;height: 24px;line-height: 24px;color:#fff;font-size: 12px;font-weight: lighter; }
.authorities-bar .more i{margin-left: 6px;font-size: 12px;font-weight: lighter;}
.authorities-table{margin-top: 10px;background: #fff;-webkit-border-radius: 6px;border-radius: 6px; overflow: hidden;}
.authorities-table-head{height: 56px;line-height: 56px;background: #f2f2f2;font-size: 18px;}
.authorities-table-head span{float: left;display: block;text-align: center;}
.authorities-table-head .colum-a{width: 15%;}
.authorities-table-head .colum-b{width: 45%;}
.authorities-table-head .colum-c{width: 20%;}
.authorities-table-head .colum-d{width: 20%;}
.authorities-table-body ul li{height: 56px; overflow: hidden; }
.authorities-table-body ul li:nth-child(2n){background: #f2f2f2;}
.authorities-table-body ul li .colum-a{float: left;width: 15%; text-align: center;box-sizing: border-box;}
.authorities-table-body ul li .colum-b{float: left;width: 45%;height: 36px;line-height: 36px;padding: 10px;box-sizing: border-box;}
.authorities-table-body ul li .colum-c{float: left;width: 20%;height: 36px;line-height: 36px;padding: 10px;color: #999; text-align: center;box-sizing: border-box;}
.authorities-table-body ul li .colum-d{float: left;width: 20%;height: 36px;line-height: 36px;padding: 10px;color: #999; text-align: center;box-sizing: border-box;}
.authorities-table-body ul li .num{display: inline-block;width: 20px;height: 29px;margin-top: 12px;line-height: 33px;text-align: center;color: #fff;background: url(../images/icons-tops.png) no-repeat -108px 0;background-size: 127px 29px;}
.authorities-table-body ul li .num.num1{background-position: 0 0;}
.authorities-table-body ul li .num.num2{background-position:-36px  0;}
.authorities-table-body ul li .num.num3{background-position:-72px  0;}
.authorities-table-body ul li .country .thumb{float: left;display: inline-block;width: 48px;height: 36px;margin-right: 10px;}
.authorities-table-body ul li .country p{float: left;color: #1d75a3;}
.authorities-table-body ul li .richer .thumb{float: left;display: inline-block;width: 36px;height: 36px;margin-right: 10px;-webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius: 100%; overflow: hidden;}
.authorities-table-body ul li .richer p{float: left;color: #1d75a3;}
.authorities-table-body ul li .car-type p{color: #1d75a3;text-align: center;}
.authorities-box.authorities-a{background: #607d8b;}
.authorities-box.authorities-b{background: #f2b569;margin-left: 22px;}
.authorities-box.authorities-c{background: #d6756e;margin-left: 22px;}
.authorities-box.authorities-d{background: #f37377;margin-left: 22px;}
.authorities-box.authorities-e{background:#009688;margin-left: 22px;}
.authorities-box.authorities-f{background:#4caf50;margin-left: 22px;}
.authorities-box.authorities-g{background:#ff9800;margin-left: 22px;}


.authorities-box.authorities-c .authorities-table-head .colum-b{width: 60%;}
.authorities-box.authorities-c .authorities-table-head .colum-c{width: 25%;}
.authorities-box.authorities-c .authorities-table-body ul li .colum-b{width: 60%; text-align: center;}
.authorities-box.authorities-c .authorities-table-body ul li .colum-c{width: 25%;text-align: center;}

.authorities-box.authorities-d .authorities-table-head .colum-b{width: 60%;}
.authorities-box.authorities-d .authorities-table-head .colum-c{width: 25%;}
.authorities-box.authorities-d .authorities-table-body ul li .colum-b{width: 60%; text-align: center;}
.authorities-box.authorities-d .authorities-table-body ul li .colum-c{width: 25%;text-align: center;}

.authorities-box.authorities-e .authorities-table-head .colum-b{width: 60%;}
.authorities-box.authorities-e .authorities-table-head .colum-c{width: 25%;}
.authorities-box.authorities-e .authorities-table-body ul li .colum-b{width: 60%; text-align: center;}
.authorities-box.authorities-e .authorities-table-body ul li .colum-c{width: 25%;text-align: center;}

.authorities-box.authorities-f .authorities-table-head .colum-b{width: 60%;}
.authorities-box.authorities-f .authorities-table-head .colum-c{width: 25%;}
.authorities-box.authorities-f .authorities-table-body ul li .colum-b{width: 60%; text-align: center;}
.authorities-box.authorities-f .authorities-table-body ul li .colum-c{width: 25%;text-align: center;}

/*
.authorities-box.gdp1 .authorities-table-body ul li .colum-b{text-align: center;}
.authorities-box.gdp1 .authorities-table-body ul li .colum-b p{float: none;}
.authorities-box.gdp2{background: #ee855e;margin-left: 22px;}
.authorities-box.gdp2 .authorities-table-head .colum-b{width: 40%;}
.authorities-box.gdp2 .authorities-table-head .colum-c{width: 45%;}
.authorities-box.gdp2 .authorities-table-body ul li .colum-b{width: 40%;text-align: center;}
.authorities-box.gdp2 .authorities-table-body ul li .colum-c{width: 45%;}
.authorities-box.gdp2 .authorities-table-body ul li .colum-b p{float: none;}*/

.sp-basic{border:4px solid #e4e4e4;}
.sb-tit{height:48px; line-height:48px;padding:0 15px; font-size:20px; border-bottom:1px solid #e4e4e4;}
.sp-basic-img{float:left;width:120px;height:140px;padding:20px 10px;text-align:center;border: 1px solid #eee;}
.sp-basic-img span{ display:inline-block; height:100%; vertical-align:middle;}  
.sp-basic-img img{ vertical-align:middle;}  
.sp-basic-m{float:left; width:340px;height:160px;padding:10px 20px; font-size:14px;}
.sp-basic-m ul li{width:300px;height:40px;padding:0 5px;line-height:40px;color:#999;overflow:hidden;}
.sp-basic-m ul li span{padding-left:6px;color:#222;}
.sp-basic-m ul li a{color:#119ae1; text-decoration:underline;}
.sp-basic-m ul li span.blue{color:#1d75a3;}
.sp-basic-r{float:right;width:260px;height:160px;padding: 0px  20px;border-left:1px solid #e4e4e4;}
.sp-basic-r .bt{ padding:20px 0 10px 0;text-align:center; font-size:22px;color:#888;}
.sp-basic-r .info{ text-align:center; font-size:12px;color:#888;}
.sp-basic-r .info em{padding-right:4px;color:#000; font-size:36px;  }
.btn-bd{display:inline-block;height:32px; line-height:32px; border:1px solid #ccc; width:260px;margin:10px auto;color:#888; text-align: center;}
.btn-bd:hover{background:#55acee; color:#fff; border:1px solid #55acee;}

.peo-basic{border:4px solid #e4e4e4;}
.peo-tit{height:48px; line-height:48px;padding:0 15px; font-size:20px; border-bottom:1px solid #e4e4e4;}
.peo-basic-img{float:left;width:100px;height:140px; padding:10px; text-align:center; border-right:1px solid #e4e4e4;}
.peo-basic-img span{ display:inline-block; height:100%; vertical-align:middle;}  
.peo-basic-img img{ vertical-align:middle;}  
.peo-basic-m{float:left; width:600px;height:140px;padding:10px 20px; font-size:14px;}
.peo-basic-m ul li{float:left;width:260px;height:40px;padding:0 5px; line-height:40px;color:#999;overflow:hidden;}
.peo-basic-m ul li span{padding-left:6px;color:#222;}
.peo-basic-m ul li a{color:#119ae1; text-decoration:underline;}
.peo-basic-m ul li span.blue{color:#1d75a3;}
.peo-basic-r{ position:relative;float:right;width:260px;height:140px;padding:10px 20px; border-left:1px solid #e4e4e4;text-align: center;}
.peo-basic-r .bt{ padding:5px 0;text-align:center; font-size:18px;color:#888;}
.peo-basic-r .info{ text-align:center; font-size:18px;color:#888; }
.peo-basic-r .info em{padding-right:4px;font-size:28px;color:#000;}
.btn-bd{display:inline-block;height:32px; line-height:32px; border:1px solid #ccc; width:260px;margin:10px auto;color:#888; text-align: center;}
.btn-bd:hover{background:#55acee; color:#fff; border:1px solid #55acee;}

.t-bar{height:48px; border-bottom:1px solid #e4e4e4;}
.t-bar .bt{float:left;height:45px;line-height:45px;font-size:18px;border-bottom: 3px solid #264391;}

.rank-all{ overflow:hidden;}
.rank-all ul{width:870px;margin-left:-20px;}
.rank-all ul li{float:left;width:263px;height:250px;margin:20px 0 0 20px; background:#1a3151;color:#fff;}
.ra-bt{height:36px; line-height:36px; text-align:center; font-size:16px; border-bottom:1px dotted #fff;}
.rad{width:151px;height:151px; line-height:151px; background:url(https://www.phb123.com/images/rad.jpg) no-repeat;margin:15px auto; text-align:center; font-size:72px; font-family: "Lucida Sans Unicode", sans-serif;}
.rad-yellow{color:#dcb24e; background-position:0 -151px;}
.ra-ms{height:24px; line-height:24px; text-align:center; overflow:hidden;}

.ranking-box2024{padding: 20px 0;}  
.ranking-box2024 ul li{float: left;width: 254px;padding: 20px 0;margin:11px; text-align: center; -webkit-box-shadow: 0 0 18px rgba(160,160,160, .1);box-shadow: 0 0 18px rgba(160,160,160,.1);}
.ranking-box2024 ul li .c1{font-size: 32px;color: #1666e1;}
.ranking-box2024 ul li .c2{font-size:16px;color: #475f69;}
.ranking-box2024.qiche ul li{float: left;width: 390px;}


.rank-table{margin-top:10px;border:1px solid #ddd; font-size:14px;}
.rank-table tr th{padding:10px; line-height:20px; background:#f2f2f2; border:1px solid #ddd; text-align:center;}
.rank-table tr td{padding:10px;text-align:center;border:1px solid #ddd;}
.rank-table tr td.xh{font-size:24px;}
.rank-table tr td a.cty{display:inline-block;width:100%;height:100%; color:#1d75a3; overflow:hidden; text-align:left;}
.rank-table tr td a.cty span img{width:70px;}
.rank-table tr td a.cty span{float:left;margin-right:10px;}
.rank-table tr td a.cty p{float:left;}
.rank-table tr td i{display:inline-block;width:10px;height:10px;margin-left:10px; background:url(../images/ud.png) no-repeat;}
.rank-table tr td i.ud-up{background-position:0 0;}
.rank-table tr td i.ud-down{background-position:0 -48px;}
.rank-table tr td i.stable{background-position:0 -96px;}
.rank-table tr td.qy span{float:left;width:auto;}
.rank-table tr td.qy  p{padding-left:50px; text-align:left;}
.rank-table tr td.qy  p em{color:#1d75a3;display:block;}
.rank-table tr td.qy  p s{color:#999;font-size:12px; text-decoration:none;}
.rank-table tr td.hg{ text-align:left; color:#1d75a3;}
.rank-table tr td.hg span{margin-right:4px;}

.otherphbtablebox{position: relative;width:100%; overflow-x: auto;overflow-y: hidden;}
.otherphbtablebox table{table-layout: fixed;width:100%;height: auto !important;background: #fff;}
.otherphbtablebox table th,.otherphbtablebox table td{width: 80px; border-right: 1px solid #eee;}
.otherphbtablebox table .red{color: #991521;}
.otherphbtablebox table .green{color: #1e7635;}
.otherphbtablebox table a{color: #1d75a3;}
.otherphbtablebox table tr{border-bottom: 1px solid #eee;}
.otherphbtablebox table tr:first-child {border: none}

.otherphbtablebox table tr th {position: relative;height:60px;line-height:100% ;text-align: center;color: #333;font-size: 16px;font-weight: 600;background: #e3e0e0;}
.otherphbtablebox table tr td {position: relative;height: 60px;text-align: center;font-size: 14px;color: #333;}
.otherphbtablebox table tr td .number {display: inline-block;width: 20px;height: 29px;line-height: 33px;margin: 0 auto;text-align: center;color: #222;background: url(https://www.phb123.com/images/icons-tops.png) no-repeat -208px 0;background-size: 127px 29px;}
.otherphbtablebox table tr td .number.num1{background-position: 0 0;color: #fff;}
.otherphbtablebox table tr td .number.num2{background-position:-36px  0;color: #fff;}
.otherphbtablebox table tr td .number.num3{background-position:-72px  0;color: #fff;}
.otherphbtablebox table tr img{display: inline-block;margin-right: 6px; vertical-align: middle; }
.otherphbtablebox table tr th:nth-child(1){position: sticky; left: 0; z-index: 3;background: #e3e0e0;;border-right: 1px solid #eee;}
.otherphbtablebox table tr th:nth-child(1){position: sticky; left: 0; z-index: 3;background: #e3e0e0;;border-right: 1px solid #eee;}
.otherphbtablebox table tr td:nth-child(1){position: sticky; left: 0; z-index: 3;border-right: 1px solid #eee;background:#fff;}
.otherphbtablebox table tr th:nth-child(2){position: sticky; left: 59px; z-index: 3;background: #e3e0e0;border-right: 1px solid #eee;}
.otherphbtablebox table tr td:nth-child(2){position: sticky; left: 59px; z-index: 3;border-right: 1px solid #eee;background:#fff;}
.otherphbtablebox table tr:nth-child(2n+1){background: #f4f4f4;}
.otherphbtablebox table tr:first-child td{height:60px;line-height:100% ;text-align: center;color: #333;font-size: 16px;font-weight: 600;background: #e3e0e0;}

.vote-rec-fl.newphb ul li{width: 100%;padding:5px 15px; box-sizing:border-box;text-align:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.vote-rec-fl.newphb ul li i{float: left;display: inline-block;width: 20px;height: 29px;margin-right: 15px;line-height: 33px;text-align: center;color: #fff;background: url(https://www.phb123.com/images/icons-tops.png) no-repeat -108px 0;background-size: 127px 29px;}
.vote-rec-fl.newphb ul li:first-child i.tips{background-position: 0 0;}
.vote-rec-fl.newphb ul li:nth-child(2) i.tips{background-position:-36px  0;}
.vote-rec-fl.newphb ul li:nth-child(3) i.tips{background-position:-72px  0;}


.cty-basic-img{float:left;width:180px;height:180px; padding:20px; text-align:center; }
.cty-basic-img span{display:inline-block; height:100%; vertical-align:middle;}  
.cty-basic-img img{ vertical-align:middle;}  
.cty-basic{float:right;width:590px;padding-top:20px; font-size:13px; color:#999;}
.cty-basic p{padding:5px 0;line-height:24px;}
.cty-basic p span{padding-left:6px;color:#222;}
.cty-basic a{color:#119ae1; text-decoration:underline;}
.cty-basic .blue{color:#1d75a3;}
.cty-basic dl{ line-height:28px;}
.cty-basic dl dt{float:left;padding-right:6px;}
.cty-basic dl dd{float:left;padding-right:20px; color:#222;}

.tour-strategy{width: 280px;padding: 0 10px;background: #fff;}
.tour-strategy ul{padding:10px 0;}
.tour-strategy ul li{height:30px; line-height:30px;margin:18px 0; overflow:hidden;}
.tour-strategy ul li i{float: left;display: inline-block;width: 20px;height: 29px;margin-right: 15px;line-height: 33px;text-align: center;color: #fff;background: url(https://www.phb123.com/images/icons-tops.png) no-repeat -108px 0;background-size: 127px 29px;}
.tour-strategy ul li i.num1{background-position: 0 0;}
.tour-strategy ul li i.num2{background-position:-36px  0;}
.tour-strategy ul li i.num3{background-position:-72px  0;}
.tour-strategy ul li span{display: inline-block;width: 224px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.writer-card{position: relative; z-index:6;width: 298px;padding: 0 17px 10px 17px;border: 1px solid #e1e1e1;box-sizing: border-box;margin-top: 10px; margin-left: 10px;}
.writer-card:before{content:"";position: absolute;width: 298px; height: 100%;border: 1px solid #e1e1e1; background: #fff; z-index: -2; top: -5px;right: 4px;}
.writer-card:after{content:"";position: absolute;width: 298px;height: 100%;border: 1px solid #e1e1e1;background: #fff;z-index: -1;top: -9px;right: 8px;}
.write-card-base{text-align: center;}
.write-card-base{padding-bottom:20px; border-bottom:1px solid #eee;}
.write-card-base .vatar{position:relative;width: 96px;height:96px;margin:20px auto 10px auto; }
.write-card-base .vatar img{width: 96px;height:96px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #eee;}
.write-card-base .write-name{margin-bottom:10px;font-size:16px; color:#000;}
.write-card-base .write-desc{margin-bottom:10px;font-size: 12px;color: #969696}
.write-card-base .write-info{font-size: 14px;color: #ccc}
.write-card-base .write-info span{padding:0 10px;color: #555;}
.writer-card ul{padding:5px 0;}
.writer-card ul li{position: relative;padding: 18px 0 18px 20px;border-bottom: 1px dashed #eee;color: #222;font-size: 14px;line-height: 20px;}
.writer-card ul li:before{content: ""; position: absolute; left: 0;top: 25px;border-radius: 100%; background: #e1e1e1; height: 5px; width: 5px; float: left;}
.writer-card ul li:last-child{border-bottom:0;}