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:#f4f7f9;}
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:fetteengd;src:url('../font/fetteengd.ttf')}
.wrap{width:1200px;margin:0 auto;}
.bgwhite{background:#fff;}
.icons{background:url(../images/vote/icons.png) no-repeat;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.pd15{padding:15px;}
.fl{float:left;}
.fr{float:right;}
.box860{width:860px;}
.box300{width:300px;}
.icons{background:url(../images/icons.png) no-repeat;}
.vote-first-screen{padding:15px 0;background:#fff;}

.header{height:44px;background:#264391;}
.logo{float:left;width:92px;height:32px;margin:6px 20px 6px 0; overflow: hidden;}
.meau{float:left;}
.meau ul li{float:left;height:44px;padding:0 10px; line-height:44px; font-size:14px; }
.meau ul li a{color:#fff;}
.meau ul li a:hover{color:#fd6600}
.search{position:relative;float:right;width:240px;margin-top:5px;}
.search-text{width:172px;padding:8px 10px 8px 10px;height:16px;font-size:14px;line-height:16px;background:#fff; border:0 none;}
.search-btn{position:absolute; top:1px;right:0;width:48px;height:32px;line-height:33px;font-size:14px;color:#fff;background:#fd6600; border:0 none;cursor:pointer;-webkit-transition:background-color .2s ease-out 0s;transition:background-color .2s ease-out 0s;}
.search-btn:hover{background-color:#fd9b00;}
.bread,.bread a{font-size:13px;color:#999;}  
.bread a:hover{color:#f20;}


.vote-lead-thumb{float: right;width: 300px;margin-left:40px;}
.lead-title{font-size:36px;line-height:64px;font-weight: 700;}

.vote-info{position:relative;padding:4px 0; border-bottom:1px solid #eee; overflow:hidden;}
.up-pic-btn {position: absolute;top: 10px;right: 0; display: block;height: 26px;line-height: 26px;border-radius: 4px;background: #f44336 url(https://www.phb123.com/images/pic_share.png) no-repeat 5px 6px;background-size: 14px;padding: 0 10px;color: #fff;font-size: 12px;padding-left: 25px;cursor: pointer;}
.up-pic-btn:hover{color:#fff;}
.vote-info .pic{float:left;display:inline-block;width:40px;height:40px;margin-right:20px;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%;}
.vote-info img{width:40px;height:40px;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%;}
.vote-info .text{float:left;}
.vote-write{padding:2px 0;font-size:18px; line-height:18px; font-weight:700;}
.vote-nums{font-size:12px;font-weight: 700;font-family: Roboto,Arial,Helvetica,sans-serif; color:#888;}
.vote-nums span{font-weight: 400;}
.vote-nums span.m{padding:0 8px;}
.vote-nums span.time{padding-right:8px;}
.vote-nums span.views{padding-left:8px;}
.vote-lead-cont{padding-top:10px;font-size:16px;line-height: 32px;color:#888;}
.vote-lead-cont.showmore p{position:relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.vote-lead-cont.showmore i.show-more{z-index:3;position: absolute;bottom:0;right:0;font-style:normal;background:#fff;color:#eb2727;cursor: pointer;}
.vote-lead-cont.showmore p:after{content:"....................";z-index:2;position:absolute;bottom:0;right:0;background:#fff;color:#aaa;}
.vote-lead-cont i.show-more{font-style:normal;color:#eb2727;cursor: pointer;white-space: nowrap;}    

.vote-barchart ul li {height: 50px;margin-top: 20px;border-radius: 5px;background-color: #f6f6f6; overflow: hidden;}
.vote-barchart ul li a {position: relative;display: block;width: 670px;color: #fff;line-height: 40px;height: 40px;padding: 5px;border-radius: 5px 0 6px 5px;background: #3e4c4f;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f);background: -o-linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f);background: -moz-linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f);background: linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f);animation-delay: 1s;}
.vote-barchart ul li a:hover .namecn{-webkit-transform: scale(1.1);transform: scale(1.1);}
.vote-barchart ul li a:after{content: "";position: absolute;left: 100%;top: -3px;width: 20px; height: 54px;transform: rotate(12deg); margin-left: -13px;border-radius: 0 6px 8px 0;background:#3e4c4f;}
.vote-barchart ul li a .number {float: left;width: 48px;margin-left: 20px;font-size: 22px;font-family: fetteengd,microsoft yahei;line-height: 40px;}
.vote-barchart ul li a .namecn{float: left;font-weight: 700;font-size: 16px; margin-right: 8px;-webkit-transition: transform .2s;transition: -webkit-transform .2s;}
.vote-barchart ul li a .nameen{float: left;font-size: 14px;opacity: .6;line-height: 40px;}
.vote-barchart ul li a .country{float: left;font-size: 14px;opacity: .6;line-height: 40px;}
.vote-barchart ul li a .how {float: right;margin-right: 20px}
.vote-barchart ul li a .how .star{float: left; overflow: hidden;margin-top: 14px;margin-right: 7px;}
.vote-barchart ul li a .how .star i {float: left;width: 13px;height: 12px;background: url(../images/star.png) no-repeat 50%;background-size: 13px 12px;opacity: .2;margin-right: 3px}
.vote-barchart ul li a .how .star i.on{opacity:1;}
.vote-barchart ul li a .how .score{float: left;font-size: 14px;}
.vote-barchart ul li.numb1 a{width: 820px;background: #fb2c19;background: -webkit-linear-gradient(to right,rgba(251,44,25,0.6), #fb2c19);background: -o-linear-gradient(to right, rgba(251,44,25,0.6), #fb2c19);background: -moz-linear-gradient(to right,rgba(251,44,25,0.6), #fb2c19);background: linear-gradient(to right, rgba(251,44,25,0.6), #fb2c19);}
.vote-barchart ul li.numb1 a:after{background:#fb2c19;}
.vote-barchart ul li.numb2 a{width: 810px;background:#fb7b44;background: -webkit-linear-gradient(to right,rgba(243,182,0,0.6),#fb7b44) ;background: -o-linear-gradient(to right, rgba(243,182,0,0.6),#fb7b44);background: -moz-linear-gradient(to right,rgba(243,182,0,0.6),#fb7b44);background: linear-gradient(to right, rgba(243,182,0,0.6),#fb7b44);}
.vote-barchart ul li.numb2 a:after{background:#fb7b44;}
.vote-barchart ul li.numb3 a{width: 800px;background: #4ac180;background: -webkit-linear-gradient(to right,rgba(75,224,143,0.6),#4ac180);background: -o-linear-gradient(to right,rgba(75,224,143,0.6),#4ac180);background: -moz-linear-gradient(to right,rgba(75,224,143,0.6),#4ac180);background: linear-gradient(to right,rgba(75,224,143,0.6),#4ac180);}
.vote-barchart ul li.numb3 a:after{background:#4ac180;}
.vote-barchart ul li.numb4 a{width: 760px;}
.vote-barchart ul li.numb5 a{width: 740px;}
.vote-barchart ul li.numb6 a{width: 720px;}
.vote-barchart ul li.numb7 a{width: 680px;background: #505D5F;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9));background: -o-linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9));background: -moz-linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9));background: linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9));}
    .vote-barchart ul li.numb7 a:after{background: #505D5F;}
.vote-barchart ul li.numb8 a{width: 680px; background: #636E70;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8));background: -o-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8));background: -moz-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8));background: linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8));}
.vote-barchart ul li.numb8 a:after{background: #636E70;}
.vote-barchart ul li.numb9 a{width: 680px; background: #757E80;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7));background: -o-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7));background: -moz-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7));background: linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7));}
.vote-barchart ul li.numb9 a:after{background: #757E80;}
.vote-barchart ul li.numb10 a{width: 680px; background: #879091;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6));background: -o-linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6));background: -moz-linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6));background: linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6));}
.vote-barchart ul li.numb10 a:after{background: #879091;}
@keyframes bd1 {0% {transform: translateX(-110%);opacity: 0;}0.1% {transform: translateX(0);opacity: 1;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bd2 {0% {transform: translateX(-110%);opacity: 0;}0.08% {transform: translateX(-110%);opacity: 0;}0.18% {transform: translateX(0); opacity: 1;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bd3 {0% {transform: translateX(-110%);opacity: 0;}0.16% {transform: translateX(-110%);opacity: 0;}0.26% {transform: translateX(0);opacity: 1;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bd4 {0% {transform: translateX(-110%);opacity: 0;}0.24% {transform: translateX(-110%);opacity: 0;}0.34% {transform: translateX(0);opacity: 1;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bd5 {0% {transform: translateX(-110%);opacity: 0;}0.32% {transform: translateX(-110%);opacity: 0;}0.42% {transform: translateX(0);opacity: 1;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bd6 {0% {transform: translateX(-110%);opacity: 0;}0.4% {transform: translateX(-110%);opacity: 0;}0.5% {transform: translateX(0);opacity: 1;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bd7 {0% {transform: translateX(-110%);opacity: 0;}0.48% {transform: translateX(-110%);opacity: 0;}0.58% {transform: translateX(0);opacity: 1;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bd8 {0% {transform: translateX(-110%);opacity: 0;}0.56% {transform: translateX(-110%);opacity: 0;}0.66% {transform: translateX(0);opacity: 1;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bd9 {0% {transform: translateX(-110%);opacity: 0;}0.64% {transform: translateX(-110%);opacity: 0;}0.74% {transform: translateX(0);opacity: 1;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bd10 {0% {transform: translateX(-110%);opacity: 0;}0.72% {transform: translateX(-110%);opacity: 0;}0.82% {transform: translateX(0);opacity: 1;}100% {transform: translateX(0);opacity: 1;}}
.vote-rule{margin-top:20px;font-size:14px;color:#999;}
.vote-rule span{font-weight: 700;color:#fe741c;}
.vote-rule span i{display: inline-block;width: 16px;height:16px;background:url(../images/rule.png) no-repeat; vertical-align: middle;margin:-3px 4px 0 0;}

.vote-list{margin-top:20px;}
.vote-items{margin-top:20px;background:#fff;overflow: hidden;}
.vote-items .thumb{float:left;width:200px;height:200px;}
.vote-items .thumb img{width:200px;height:200px;}
.vote-items .mid{float:left;width:400px;height:170px;padding:10px 20px 10px 20px;}
.vote-items .mid .bt{height:44px;line-height:44px;font-size:24px;font-weight: 700;}
.vote-items .mid .bt a{color:#333;}
.vote-items .mid .colum-a{height:24px;margin-bottom:15px;line-height:24px;font-size:14px;color:#888;}
.vote-items .mid .colum-b{font-size:14px;font-weight: bold;}
.vote-items .mid .colum-b .rank-ico{display: inline-block;width:23px;height:16px;vertical-align: middle;margin:-6px 6px 0 0;background:url(../images/rank.png) no-repeat;}
.vote-items .mid .colum-b span{color:#888;padding-right:10px;}
.vote-items .mid .intro{position:relative;max-height:48px;margin-top:10px;font-size:14px;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.vote-items .mid .intro a.view{position: absolute;bottom:0;right:0;padding:0 10px;font-weight:700;background-image: linear-gradient(to left, #fff, rgba(255,255,255,.8))}
.vote-items .mid .intro a.view i{padding-left:2px;}
.vote-items .mid .intro a.view:hover{color:#515767;}
.vote-items .mid .intro a.view:before{content:"...";margin-right:2px;color:#999;font-weight: normal;}
.vote-items .riht{float:left;width:188px;height:170px;padding:15px;} 

.vote-items .riht .thumb-up{width:144px;height:48px;margin:10px auto;line-height:48px;text-align:center;font-weight:700;font-size:18px;background:#fff;border:1px solid #f4f4f4;-webkit-border-radius:0 24px 24px 0;-moz-border-radius:0 24px 24px 0;border-radius:0 24px 24px 0;cursor: pointer;-webkit-box-shadow: 4px 1px 3px rgba(109,109,109,.1);box-shadow: 4px 1px 3px rgba(109,109,109,.1);}
.vote-items .riht .thumb-up i{display:inline-block;width:32px;height:32px;background:url(../images/thumbsup.png) no-repeat;vertical-align: middle;margin:-7px 8px 0 0;}
.vote-items .riht .colm-1{text-align:center;font-size:13px;}
.vote-items .riht .view{display:block;width:120px;margin:20px auto;height: 32px;line-height:28px;font-size:14px;background: #ce2927;border-radius: 5px;border-width: 1px 1px 0px;border-style: solid;border-color: #ce2927;box-shadow: #b92523 0px -3px 0px inset;color:#fff;cursor: pointer;font-weight: 700;text-align: center;}


.vote-items-new{position:relative;min-height: 200px;margin-top:20px;padding:15px 220px 15px 15px;background:#fff;overflow: hidden;}
.vote-items-new .thumb{float:left;width:200px;height:200px;margin-right:15px;}
.vote-items-new .thumb img{width:200px;height:200px;}
.vote-items-new .bt{height:44px;line-height:44px;font-size:24px;font-weight: 700;}
.vote-items-new .bt a{color:#333;}
.vote-items-new .colum-a{height:24px;margin-bottom:15px;line-height:24px;font-size:14px;color:#888;}
.vote-items-new .colum-b{font-size:14px;font-weight: bold;}
.vote-items-new .colum-b .rank-ico{display: inline-block;width:23px;height:16px;vertical-align: middle;margin:-6px 6px 0 0;background:url(../images/rank.png) no-repeat;}
.vote-items-new .colum-b span{color:#888;padding-right:10px;}
.vote-items-new .intro{position:relative;margin-top:10px;font-size:14px;line-height:28px;}
.vote-items-new .intro.unfold{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.vote-items-new .intro.unfold a.view-more{position: absolute;bottom:0;right:0;padding:0 10px;}
.vote-items-new .intro a.view-more{font-weight:700;background-image: linear-gradient(to left, #fff, rgba(255,255,255,.8));color:#eb2727;white-space: nowrap;}
.vote-items-new .intro.unfold a.view-more:before{content:"...";margin-right:2px;color:#999;font-weight: normal;}
.vote-items-new .riht{position:absolute;top:0;right:0;width:188px;height:170px;padding:15px; } 

.vote-items-new .riht .thumb-up{
	 width: 88px;
    height: 88px;
	margin:10px auto;
	line-height:40px;
	text-align:center;
	font-weight:700;
	font-size:18px;
	background:#fff;
	border:2px solid #f4f4f4;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer;
	}
.vote-items-new .riht .thumb-up i{
	display:block;
	width:32px;height:32px;
	background:url(../images/thumbsup.png) no-repeat;
	vertical-align: middle; 
	margin: 12px auto 0 auto;
}


.vote-items-new .riht .colm-1{text-align:center;font-size:13px;}
.vote-items-new .riht .view{display:block;width:120px;margin:20px auto;height: 32px;line-height:28px;font-size:14px;background: #ce2927;border-radius: 5px;border-width: 1px 1px 0px;border-style: solid;border-color: #ce2927;box-shadow: #b92523 0px -3px 0px inset;color:#fff;cursor: pointer;font-weight: 700;text-align: center;}





.vote-tags{float:left;width:640px;}
.vote-tags em{float:left;font-weight: 700;}
.vote-tags a{float:left;display:inline-block;padding:0 10px;margin-right:8px;border:1px solid #dde0ea;background:#fff;color:#8d99b8;}
.socials{position:relative;float:right;width:202px;height:32px;line-height: 32px;font-size:14px;}
.socials .collection{padding:0 15px 0 0;cursor: pointer;}
.socials .collection .icon-collect{display: inline-block;width:16px;height:16px;margin:-4px 4px 0 0;background:url(../images/collect.png) no-repeat; vertical-align: middle;}
.socials .share{padding:0 15px 0 0;cursor: pointer;}
.socials .share .icon-share{display: inline-block;width:16px;height:16px;margin:-4px 4px 0 0;background:url(../images/share.png) no-repeat; vertical-align: middle;}
.socials .report{cursor: pointer;}
.socials .report .icon-report{display: inline-block;width:16px;height:16px;margin:-4px 4px 0 0;background:url(../images/report.png) no-repeat; vertical-align: middle;}

.bd-share-box{display:none;position:absolute;right:40px;bottom:32px;padding:10px 10px 10px 5px;background:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; -webkit-box-shadow: 0 4px 4px rgba(80,80,80,.2);box-shadow: 0 2px 4px rgba(80,80,80,.2);}
#baiduShare a{display:block;width:28px; height:28px;padding:0;margin: 6px 6px 6px 0;background-image: url(https://www.phb123.com/images/icon.png);background-repeat: no-repeat;cursor: pointer;}
#baiduShare.bdsharebuttonbox{width:120px;}
#baiduShare.bdsharebuttonbox a{ width:28px; height:28px; margin:0 0 0 11px; padding:0;}
#baiduShare.bdsharebuttonbox a.bds_tsina{ background-position:0 0px;}
#baiduShare.bdsharebuttonbox a.bds_weixin{ background-position: 0px -40px;}
#baiduShare.bdsharebuttonbox a.bds_qzone{background-position: 0 -80px;}

.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:268px;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 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-news li{float:left;width:400px;padding:0 15px;height:44px;line-height: 44px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rel-news li a{color:#507796;}
.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;}

.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;}

.title-b{height:44px; line-height:44px;background:#264391;font-size:18px;color:#fff; text-align:center;}
.rank-classic ul li{float:left;width:125px;height:40px;padding:0 5px;line-height:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.today-hot-list ul li{padding: 15px; overflow: hidden;}
.today-hot-list ul li .img{position:relative;float:left;width:120px;height:74px; overflow: hidden;}
.today-hot-list ul li .img img{ -webkit-transition: all .2s ease-out 0s;-o-transition: all .2s ease-out 0s;transition: all .2s ease-out 0s}
.today-hot-list ul li .img:hover img{-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}
.today-hot-list ul li .info{float:right;width:136px;}
.today-hot-list ul li .info p{margin-bottom: 8px;font-size:16px;color: #333;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.today-hot-list ul li .info span{font-size: 12px;color: #b3b2b2;}
.today-hot-list.card ul li{padding:15px 0;border-bottom:1px solid #eee;}
.today-hot-list.card ul li:last-child{border-bottom:0;}
.today-hot-list.card ul li .info{width:156px;}

.fix-dyn{width:300px;}
.hot-vote{padding:15px 15px 5px 15px;overflow:hidden;}
.hot-vote ul{width:300px;}
.hot-vote ul li{float:left;width:126px;height:158px;margin-right:24px;margin-bottom:10px;}
.hot-vote ul li .img-box{position:relative;display:block;width:126px;height:126px;overflow:hidden;}
.hot-vote ul li .img-box img{width:126px;height:126px;}
.hot-vote ul li .bt{margin:8px 0;height:20px;line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.hot-vote.card{padding:15px 0 5px 0;overflow:hidden;}
.hot-vote.card ul{width:320px;}
.hot-vote.card ul li{width:136px;height:172px;}
.hot-vote.card ul li .img-box{width:136px;height:136px;}
.hot-vote.card ul li .img-box img{width:136px;height:136px;}

.footer{padding:20px 0;background:#262a2e; font-size:14px;color:#555;}
.footer a{color:#aaa}
.footer a:hover{color:#f20;}
.footer-meau{margin-bottom:8px;}
.footer-meau li{float:left;height:32px; line-height:32px;padding-right:15px; color:#424242;}
.footer-meau li a{color:#aaa}

.fix-back{display:none;position:fixed;left:50%;bottom:120px;width:60px; margin-left:620px;z-index:999;}
.fix-back a{display:inline-block;width:60px;height:28px;padding-top:38px;font:12px/2 "\5B8B\4F53";background-color:#999; text-align:center;color:#fff;}
.fix-back a:hover{background-color:#436dde;}
.fix-back .back-top{background-position:17px -112px;}
.fix-back .leave-message{margin-top:2px;background-position:15px -40px;}

.cards img{float:left;margin:0 30px 0 0;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;}
.cards-base{float:left;width:600px;}
.cards-base h1{ font-size:36px; font-weight:bold;}
.cards-base p{ line-height:36px;}
.cards a{color:#264391}

.cavas-box{float:right; position: relative;width:200px;height:250px;text-align:center; }
.cavas-box .pr-tit{position: absolute;bottom:0;left:0;width:100%;text-align:center;}
.cavas-main {width: 200px;height: 200px;}

.card-parameters{ overflow: hidden; }
.card-parameters ul {width:920px;}
.card-parameters li{float:left;display:inline-block;width:400px;height:44px;margin-right:60px;line-height:44px;padding:5px 0;border-bottom:1px solid #ddd;font-size:16px; overflow: hidden;}
.card-parameters li .bq{float:left;}
.card-parameters li .nr{float:right;font-weight: bold;}

.card-parameters li.tl{height: auto;width:860px;}
.card-parameters li.tl .bq{font-weight:600}
.card-parameters li.tl .nr{ float:none;font-weight:500;}
.card-parameters li .bq {float: left;}


.card-vote-box{font-size:14px;}
.card-vote-box .vtt{position: relative;border-bottom:1px solid #eee;font-size:12px; overflow: hidden;}
.card-vote-box .vtt .bt{float:left;height:46px;line-height:42px; font-size:20px; font-weight: bold;border-bottom: 1px solid #264391;}
.card-vote-box .vtt span{display: inline-block;margin: 10px 10px 0px 20px;color: #999;}
.card-vote-box .vtt span i{display:inline-block;width:16px;height:16px;margin:0 5px;}
.card-vote-box .vtt .tips{ color:#7e71b2;line-height: 16px;height: 16px;position: absolute;right: 10px;top: 50%;margin-top: -8px;}
.card-vote-box .vtt .tips i{font-size: 14px;color: #FFF;height: 16px;width: 16px;line-height:16px; text-align:center;border-radius: 50%;display: inline-block;background-color: #7e71b2;background-image:none;box-sizing: border-box;margin-right: 2px;vertical-align: top;}
.card-vote-box .more{background: #f2f3f9;display: block;width: 100%;text-align: center;height: 30px;line-height: 30px;}
.card-vote-list{position: relative;padding: 0 10px 5px; box-sizing: border-box;}
.card-vote-list .head{height:36px; line-height:36px;}
.card-vote-list .head .heads{width:50%;height:36px; line-height:36px; }
.card-vote-list .head .heads span{width:20%;display:block; float:left; text-align:center; height:36px;}
.card-vote-list .head .heads .t1{ width:60%; text-align:left; position:relative;}
.card-vote-list .head .heads .t5{ width:20%;}
.card-vote-list .clist ul li{float:left;  width:50%;float:left;line-height:36px; height:36px; border-top:1px dashed #eee; overflow: hidden;}
.card-vote-list .clist ul li span{width:20%;display:block; float:left; text-align:center; height:36px;}
.card-vote-list .clist ul li .t1{ width:60%; text-align:left; position:relative;}
.card-vote-list .clist ul li .t5{ width:20%;}
.card-vote-list .clist ul li .btn{color:#555ba6;background-image:url(../images/thumbs.png);background-repeat:no-repeat; background-color:#b4b7da;background-position:5px 5px; line-height:26px; width:28px;height:28px;border-radius:50%;margin: 6px auto; display:block;cursor:pointer;}
.card-vote-list .clist ul li .btn.thumbed{background-color:#ccc;}
.card-vote-box .show-more{background: #f2f3f9;display: block;width: 100%;text-align: center;height: 30px;margin-top:10px;line-height: 30px;color: #264391;cursor: pointer;}
.card-vote-box .show-more img{vertical-align: middle;}
.card-vote-list .clist ul li.dn {display: none;}

.card-bk-rel{width:860px;overflow:hidden}
.card-bk-rel ul{width:880px;padding-top:20px}
.card-bk-rel ul li{float:left;width:200px;height:232px;margin:0  20px 16px 0;overflow:hidden}
.card-bk-rel ul li .img{display:block;width:200px;height:200px;overflow:hidden}
.card-bk-rel ul li .img img{width:200px;height:200px;-webkit-transition:all .5s ease-out .1s;-moz-transition:all .5s ease-out .1s;transition:all .5s ease-out .1s}
.card-bk-rel ul li .img:hover img{-webkit-transform:matrix(1.05,0,0,1.05,0,0);transform:matrix(1.05,0,0,1.05,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.card-bk-rel ul li p{padding-top:10px;font-size:16px;line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.rel-com{overflow:hidden;}
.rel-com ul{width:910px;padding-top:10px;}
.rel-com ul li{position:relative;float:left;width:400px;height:32px;padding-left:20px;line-height:32px;margin:10px 30px 0 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rel-com ul li:before{content:"";position:absolute;top:14px;left:0;width:8px;height:8px;background:#ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.title-c {height:40px;line-height:40px;font-size: 20px;font-weight: 600;color: #333;}
.title-c span {position:relative;float:left;height:40px; line-height: 40px; padding-bottom: 6px;border-bottom: 1px  solid #264391 }
.title-c 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-c .more{float: right;color: #999;font-size: 14px; font-weight: normal; margin-top: 6px;}

/**************leave message*****************/
.fdb-mask{display:none;position:fixed; top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity: .4; opacity:.4; z-index: 999;}
.fdb-pop{display:none;position: fixed; width: 440px; left: 50%; margin-left: -220px; top: 50%; height: 290px; margin-top: -145px;-webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; background: #fff; z-index: 1000;}
.fdb-pop .hd {height: 48px;line-height: 48px;background:#6a8ce5;color: #fff;text-align: center; font-size:18px; font-weight:bold;}
.suggests{padding:20px;}
.suggests .bt{height:40px; line-height:40px; font-weight:bold; font-size:16px;}
.suggests-area{width:100%;height:100px;padding:8px; line-height:25px; border:1px solid #ccc; font-size:14px; resize:none; box-sizing:border-box;}
.suggests-btn{width:100%;height:40px; line-height:40px;background:#f98c43; border:0 none; color:#fff;margin-top:10px; font-size:16px; cursor:pointer;}  
.suggests-btn:hover{background:#fd5f00;}
.suggests-email{width: 100%;height: 36px; padding:5px 8px; line-height: 36px;  border: 1px solid #ccc; font-size: 14px; box-sizing: border-box; margin-bottom: 10px;} 
.fdb-close {position: absolute;top: 8px; right: 8px;width: 32px; height: 32px; background: url(https://www.phb123.com/ad/bg_close.png) no-repeat center center; background-position:0 0; 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;}

.vt-h2 {position:relative;text-align: center;height: 48px;line-height: 48px;font-size: 24px;}
.vt-h2 h2{font-weight: 700;}
.vt-h2 .bg-l{position: relative;margin-right: 10px;}
.vt-h2 .bg-r{position: relative;margin-left: 10px;}
.vt-h2 .bg-l:before{content: "/";font-weight: 900;color: #aaa;}
.vt-h2 .bg-r:before{content: "/";font-weight: 900;color: #eaeaea;}
.vt-h2 .bg-l:after{content: "/";font-weight: 900;color: #eaeaea;}
.vt-h2 .bg-r:after{content: "/";font-weight: 900;color: #aaa;}
.vt-h2 .bg-l i {position: absolute;left: -100px;top: 16px;width: 80px;height: 2px;background: #ccc;}
.vt-h2 .bg-r i {position: absolute;left: 40px;top: 16px;width: 80px;height: 2px;background: #ccc;}

.article-ly-rec{border: 1px dashed #f0f0f0;padding: 10px 15px;margin: 10px 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #f9fef6;}
.article-ly-rec span{margin-right: 10px;color: #969696;line-height: 32px;}
.article-ly-rec span i{display: inline-block;width: 32px;height: 32px;margin: -3px 10px 0 0;background: url(https://www.phb123.com/images/icon-ly.jpg) no-repeat; vertical-align: middle;}
.article-ly-rec a{color: #006baf;margin-right: 20px;white-space: nowrap;}
.article-ly-rec a:hover{color: #f48d1a;}
.brand-rel{width:412px;border: 1px solid  #dedede;background: #fff;}
.brand-rel-title{height: 42px;background: #f4f7f9;border-bottom: 1px solid #eee; }
.brand-rel-title span{display: inline-block;padding:0 20px;height: 42px;line-height: 42px; margin-top: -1px; border-top: 2px solid #264391;border-right: 1px #eee solid;text-align: center;color: #264391; font-size: 18px;font-weight: 700; background: #fff;}
.brand-rel ul li {position: relative;padding: 6px 0 6px 16px; line-height: 26px;}
.brand-rel ul li:before{content:""; position:absolute; left:0;top:16px; width:6px;height:6px; border-radius:100%; background:#ccc;  }
.brand-rel ul li a {display:block;height:30px;font-size: 16px;color: #333; overflow: hidden;}
.brand-rel ul li a span{float:left;width:320px;height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.brand-rel ul li a em{display:inline-block;float:right;height:30px; line-height: 30px; color:#999;}

.vote-rec-fl{padding: 10px;}
.vote-rec-fl ul li{float: left;width:83px;padding: 5px;text-align: center;}
.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;}

.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;}