/*

 * author: jinbo

 * time: 2018-12-04

*/

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

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:#f20;}

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

.wrap{width:1200px;margin:0 auto;}

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

.fl{float:left;}

.fr{float:right;}

.box800{width:800px;}

.box350{width:350px;}

.box300{width:300px;}



.header{height:84px;background:#264391;}

.logo{float:left;width:172px;height:60px;margin:12px 30px 12px 0;}

.meau{float:left;}

.meau ul li{float:left;height:84px;padding:0 25px; line-height:84px; font-size:20px; font-weight:bold;}

.meau ul li a{color:#fff;}

.meau ul li a:hover{color:#fc0}

.search{position:relative;float:right;width:270px;margin-top:20px;}

.search-text{width:200px;padding:10px 50px 10px 20px;height:24px; line-height:24px;background:#fff; border:0 none;-webkit-border-radius:22px;-moz-border-radius:22px; border-radius:22px;}

.search-btn{position:absolute; top:2px;right:2px;width:40px;height:40px; border:0 none;background-position:8px 8px;-webkit-border-radius:22px;-moz-border-radius:22px; border-radius:22px; cursor:pointer;-webkit-transition:background-color .2s ease-out 0s;-moz-transition:background-color .2s ease-out 0s; transition:background-color .2s ease-out 0s;}

.search-btn:hover{background-color:#264391;background-position:-26px 8px ;}





.slide{float:left;position: relative;width:820px;height:420px; overflow:hidden;}

.slide-list{width:820px;height:420px;}

.slide-list ul li{position:absolute;width:820px;height:420px;display:none;}

.slide-list ul li:first-child{display:block;}

.slide-list ul li a{display:block;width:820px;height:420px; overflow: hidden;}

.slide-list ul li a img{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}

.slide-list ul li a:hover img{  -webkit-transform: scale(1.02);-moz-transform: scale(1.02);transform: scale(1.02);}

.slide-mask{position: absolute;bottom:0;left:0; height:100px; width:100%;background:-webkit-linear-gradient(transparent,#000);background: linear-gradient(transparent,#000);}

.slide .prev,.slide .next{position: absolute;top:50%;display:block;width:94px;height:105px;margin-top:-52px; background:url(../images/vote/prev.png) no-repeat; cursor: pointer;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}

.slide .prev{background-position:0;left:-94px;}

.slide .next{background-position:-94px 0px;right:-94px;}

.slide:hover .prev{left:0;}

.slide:hover .next{right:0;}

.slide-control{position: absolute;bottom:16px;width:100%;box-sizing:border-box;padding:0 30px;text-align:right;}

.slide-control ul li{display:inline-block;width:10px;height:10px;font-size:0;color:#000;margin-left: 8px; border-radius:6px; background: #fff;transition: all .3s ease-in-out;cursor: pointer;overflow: hidden;}

.slide-control ul li.on{ width: 30px;background:#264391;}

.slide-title{position: absolute;bottom:30px;width:760px;margin:0 30px;line-height: 28px;padding-top:20px;box-sizing: border-box; border-top:  1px solid  rgba(255,255,255,.2) ;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis; color: #fff;}

.slide-title a{color:#fff; font-size:24px;}

.slide-title a:hover{text-decoration: underline;}





.slide-r{float:right;width:360px;height:420px; overflow:hidden;}

.slide-r .slide-r-items{ position:relative;width:360px;height:200px;margin-bottom:20px;}

.slide-r .slide-r-items a{display:block;width:360px;height:200px;overflow:hidden}

.slide-r .slide-r-items a img{width:360px;height:200px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}

.slide-r .slide-r-items a:hover img{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);transform: scale(1.02);}

.slide-r .slide-r-items p {position: absolute; height: 20px; width:320px;  left: 0; bottom: 0; padding:23px 20px 12px; line-height: 20px; font-size: 16px; color: #fff;   -webkit-transition: all .2s linear; -o-transition: all .2s linear;transition: all .2s linear;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap;background:-webkit-linear-gradient(transparent,#000);background-image: linear-gradient(transparent,#000); }

.slide-r .slide-r-items a:hover p{padding-bottom:18px;}



.rec-meau ul{position:relative;float:left;width:270px;padding:0 15px;}

.rec-meau ul:after{ position:absolute; top:12px;right:0; content:"";width:2px;height:60px; background:#f3f3f3; }

.rec-meau ul li{float:left;width:80px;padding:5px; text-align:center}

.rec-meau ul:last-child:after{width:0;height:0}

.rec-meau ul li a{color:#666}

.rec-meau ul li a:hover{color:#f30}



.tit-a{height:56px;padding-bottom:5px; line-height:56px; border-bottom:1px solid #e0e0e0;}

.tit-a .bt{float:left;height:58px;font-size:24px;  border-bottom:4px solid #264391; color:#111; font-weight:bold;}

.hot-vote{ overflow:hidden;}

.hot-vote ul{width:1237px;}

.hot-vote ul li{float:left;width:272px;height:252px; margin:30px 37px 0 0;}

.img-box{position:relative;display:block;width:272px;height:176px;overflow:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}

.img-box i.mask{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}

.img-box-cont{position: absolute;top:12px;left:12px;width:228px;height:122px;padding:15px 10px; text-align:center;}

.img-box .img-box-cont::before,.img-box .img-box-cont::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity .4s,-webkit-transform .4s;-moz-transition:opacity .4s,-moz-transform .4s;transition:opacity .4s,transform .4s}

.img-box-cont::before{top:0;right:0;bottom:0;left:0;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0; transform-origin:0 0}

.img-box-cont::after{top:0;right:0;bottom:0;left:0;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;transform-origin:100% 0}

.img-box:hover .img-box-cont::before,.img-box:hover .img-box-cont::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}

.img-box:hover  i.mask{filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity: .7; opacity:.7;}

.img-box-cont .c1{position:absolute; top:-42px;left:0;width:100%;height:36px; line-height:36px;margin-bottom:5px;font-size:20px; font-weight:bold; color:#fff;}

.img-box-cont .c2{position:absolute; top:-42px;left:0;width:100%;height:36px; line-height:36px;color:#fff;margin-bottom:5px;}

.img-box-cont .c2 span{color:#ff0;}

.img-box-cont .c3{position:absolute; bottom:-42px;left:76px;width:90px; border:1px solid #fff; font-size:14px; border-radius:6px; color:#fff;}

.img-box-cont .c1,.img-box-cont .c2,.img-box-cont .c3{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}

.img-box:hover .img-box-cont .c1{position:absolute; top:20px;left:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

.img-box:hover .img-box-cont .c2{position:absolute; top:60px;left:0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

.img-box:hover .img-box-cont .c3{position:absolute; bottom:20px;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

.hot-vote ul li .bt-a{height:40px; line-height:40px;font-size:20px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis;}

.hot-vote ul li .bt-b{height:30px; line-height:30px;font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis;}

.hot-vote ul li .bt-b a{color:#888; font-weight:lighter;}

.hot-vote ul li .bt-b a:hover{color:#1e3e66;}



.today-hots{overflow:hidden;}

.today-hots-cont{width:1220px;}

.today-hot{float:left;display:inline-block;width:285px;margin-right:20px; }

.today-root{position:relative;display:block;width:285px;height:190px;}

.today-root i.mask{position: absolute; height: 50px; width:285px;  left: 0; bottom: 0;background:-webkit-linear-gradient(transparent,#000);background-image: linear-gradient(transparent,#000);}

.today-root-bt{position: absolute; left:0;bottom:6px;color:#fff;width:100%; box-sizing:border-box;padding:0 10px;height:36px; line-height:36px;text-align:center; font-size:16px;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .2s linear; -o-transition: all .2s linear;transition: all .2s linear;}

.today-root:hover .today-root-bt{bottom:12px;}

.today-hot-list{border:1px solid #e6e6e6;padding-bottom:15px;}

.today-hot-list ul li{ padding:15px 15px  0;overflow:hidden;}

.today-hot-list ul li img{float:left;width:89px;height:59px;}

.today-hot-list ul li .chara{float:right;width:150px;height:59px;}

.today-hot-list ul li .chara .bt{ height:36px; line-height:36px;font-weight:bold; font-size:18px;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap; }

.today-hot-list ul li .chara .bt em{display:inline-block;width:24px;height:24px;margin-right:8px; line-height:24px; text-align:center;color:#fff;background:#f7931e;}

.today-hot-list ul li .chara .vote-num{font-size:14px; color:#999;}

.today-hot-list ul li .chara .bt em.bg-yellow{background:#f7931e;}

.today-hot-list ul li .chara .bt em.bg-red{background:#ef3f74;}

.today-hot-list ul li .chara .bt em.bg-blue{background:#00a99d;}



.tit-b{height:56px;line-height:56px;font-size:24px;font-weight:bold;}

.tit-b em{color:#ff1216; font-style:italic; font-size:18px;}



.news-list ul li{padding: 25px 0;overflow:hidden;}

.news-list ul li .pic{float:left;display:inline-block;width:240px;height:160px; overflow:hidden;}

.news-list ul li .pic img{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}

.news-list ul li .pic:hover img{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);transform: scale(1.02);}

.news-list ul li .text{float:right;width:530px;height:160px;}

.news-list ul li .text .bt{height:36px; line-height:36px;font-size:24px;margin-bottom:15px; font-weight:bold;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap; }

.news-list ul li .text .des{padding:5px 0; font-size:16px; color:#666;}

.news-list ul li .text .info{height:24px;margin-top:10px; line-height:24px; font-size:12px; color:#aaa;}

.news-list ul li .text .info span{margin-right:40px;}



.tit-c{height:48px; line-height:48px;padding-bottom:5px; font-size:24px; border-bottom:2px solid #264391;}

.global-list ul{padding:10px 0;}

.global-list ul li{position:relative;height:48px;padding-left:20px; line-height:48px; font-size:16px;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap;}

.global-list ul li:before{content:""; position:absolute; left:0;top:20px; width:8px;height:8px; border-radius:100%; background:#ccc;}

.global-list ul li:first-child:before{background:#f7931e;}

.global-list ul li:nth-child(2):before{background:#ef3f74;}

.global-list ul li:nth-child(3):before{background:#00a99d;}



.classfy-meau{float:left;height:20px; line-height:20px;margin:30px 0 0 30px; font-size:18px;}

.classfy-meau ul li{float:left;padding:0 20px;}

.lbox{float:left;width:400px;padding-right:40px;}

.lbox ul li{height:36px; line-height:36px;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap;}

.lbox ul li:first-child{font-weight:bold; font-size:18px;}

.mbox{float:left;width:380px;}

.mbox .sbig{ position:relative;display:block;width:380px;height:253px;margin-bottom:20px;}

.mbox .sbig .mask{display:none;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out; }

.mbox .sbig .text{display:none; position:absolute; top:0;left:0;width:100%;height:100%; text-align:center;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out; }

.mbox .sbig .text p,.mbox .sbig .text em{display: inline-block;  vertical-align: middle;overflow: hidden;*display:inline;*zoom:1;}

.mbox .sbig .text em{width:0;height:100%;}

.mbox .sbig .text p{width:78%; padding-bottom:10px;color:#fff; line-height:28px;border-bottom:1px solid  rgba(255,255,255,.5);}

.mbox .sbig:hover .mask{display:block;filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; opacity: .7;}

.mbox .sbig:hover .text{display:block;}

.mbox .small{width:380px;height:120px;overflow:hidden;}

.mbox .small .small-cont{width:400px;}

.mbox .small a{float:left; position:relative;display:ingline-block;width:180px;height:120px;margin-right:20px;}

.mbox .small a i.mask{display:none;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out; }

.mbox .small p,.mbox .small em{display: inline-block;vertical-align: middle;overflow: hidden;*display:inline;*zoom:1;}

.mbox .small a .text{display:none;position:absolute; top:0;left:0;width:100%;height:100%; text-align:center;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out; }

.mbox .small a em{width:0;height:100%;}

.mbox .small a p{width:88%; line-height:22px; font-size:14px; padding-bottom:6px;color:#fff;border-bottom:1px solid  rgba(255,255,255,.5); text-align:center;}

.mbox .small a:hover .mask{display:block;filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; opacity: .7;}

.mbox .small a:hover .text{display:block;}

.rbox{float:right;width:340px;} 

.rbox ul li .bt{ overflow:hidden;}

.rbox ul li .bt i{float: left; display: inline-block; width: 32px; height: 46px;line-height:46px;text-align:center;font-size:22px;font-weight:bold; color:#ddd; font-style:italic;margin-right:8px;}

.rbox ul li .bt a{ float: left;display: inline-block;width: 296px;height: 46px;line-height: 46px;font-size:16px;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap;}

.rbox ul li .show-more{display:none;padding:10px 0;overflow:hidden;}  

.rbox ul li .show-more img{float:left;display:inline-block;width:158px;height:106px;margin-right:10px;}

.rbox ul li .show-more .des{max-height:66px;font-size:14px;color:#999; line-height:22px;}

.rbox ul li .show-more .classfy{float:left;height:24px;margin-top:14px; line-height:24px; padding:0 10px;background:#264391;color:#fff; font-size:14px;}

.rbox ul li:first-child i{color:#f7931e;} 

.rbox ul li:nth-child(2) i{color:#ef3f74;}

.rbox ul li:nth-child(3) i{color:#00a99d;}  

.rbox ul li.on .show-more{display:block;}

.fine-selc .big-img{float:left; position:relative;display:inline-block;width:620px;height:400px; overflow:hidden;}

.fine-selc .big-img i.mask{position: absolute; height: 82px; width:100%;  left: 0; bottom: 0;background:-webkit-linear-gradient(transparent,#000);background-image: linear-gradient(transparent,#000);}

.fine-selc .big-img .bt{position: absolute; left:0;bottom:6px;color:#fff;width:100%;box-sizing:border-box;padding:0 10px;height:56px; line-height:56px;text-align:center; font-size:24px;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .2s linear; -o-transition: all .2s linear;transition: all .2s linear;}   

.fine-selc .big-img:hover .bt{bottom:12px;} 

.fine-selc .big-img img{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}

.fine-selc .big-img:hover img{-webkit-transform: scale(1.04);-moz-transform: scale(1.04);transform: scale(1.04);}

.fine-selc .small-img{float:right;width:550px;height:400px; overflow:hidden;}

.fine-selc .small-img .small-img-cont{width:580px;}

.fine-selc .small-img a{position:relative;float:left;display:inline-block; width:260px;height:188px;margin:0 30px 30px 0; overflow:hidden;}

.fine-selc .small-img a i.mask{position: absolute; height: 52px; width:100%;  left: 0; bottom: 0;background:-webkit-linear-gradient(transparent,#000);background-image: linear-gradient(transparent,#000);}

.fine-selc .small-img a .bt{position: absolute; left:0;bottom:6px;color:#fff;width:100%;box-sizing:border-box;padding:0 10px;height:36px; line-height:36px;text-align:center; font-size:16px;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .2s linear; -o-transition: all .2s linear;transition: all .2s linear;}   

.fine-selc .small-img a:hover .bt{bottom:12px;} 

.fine-selc .small-img a img{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}

.fine-selc .small-img a:hover img{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);transform: scale(1.02);}

.fine-list{padding:20px; border:1px solid #e4e4e4;}

.fine-list ul li{float:left;width:356px;height:48px; line-height:48px;padding-right:30px;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap; }

.fine-list ul li i{font-size:28px;margin-right:12px; font-family:Georgia;}



.friends-bar{height:32px; line-height:32px;border-bottom:1px solid #e6e6e6;font-size:14px;}

.friends-bar .bt{float:left;height:31px; line-height:31px;border-bottom:2px solid #264391; color:#264391}

.friends-bar span{padding:0 10px 0 20px; color:#888;}

.friends ul{padding:10px 0;}

.friends ul li{float:left;height:32px;margin-right: 20px; line-height:32px; font-size:14px;white-space:nowrap;}

.friends ul li a{color:#777;}

.friends ul li a:hover{color:#f20;}



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





.top{height:40px;background:#fff; border:1px solid #eaeaea; font-size:14px;}

.top-meau{float:left;}

.top-meau li{float:left;height:40px; line-height:40px;padding:0 15px;}

.top-r{float:right;height:40px; line-height:40px; color:#ccc;}

.top-r a{margin:0 10px;}

.head{height:80px;}

.news-logo{float:left;display:inline-block;width:198px;height:80px;}

.in-search{float:right;width:500px;height:44px;margin-top:18px;}

.in-search input[type=text]{float:left;width:340px;height:22px; line-height:22px;padding:10px; border:1px solid #ddd; border-right:0; font-size:14px;}

.in-search input[type=button]{float:left;width:136px; box-sizing: border-box;height:44px;padding-left:28px;border:0 none; background-color:#264391;background-position:24px -186px;color:#fff; cursor:pointer;}

.in-search input[type=button]:hover{ background-color:#3356b4;}

.nav{height:62px;background:#264391;}

.nav ul li{float:left;}

.nav ul li a{display:inline-block;height:62px; line-height:62px;color:#fff;padding:0 24px; font-size:20px; font-weight:bold;}

.nav ul li.on a{background:#3157bd;}

.nav ul li a:hover{background:#3157bd;}

.nav-second{margin-top:10px; font-size:18px;}

.nav-second ul li{float:left;height:36px; padding-right:10px;}

.nav-second ul li a{display:inline-block;height:36px; line-height:36px;padding:0 15px;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px; }

.nav-second ul li.on a{background:#f60; color:#fff;}

.tit-d{height:36px; line-height:36px; padding-bottom:8px; font-size:20px;font-weight:bold; border-bottom:1px solid #eee;}







.article-list ul li{padding: 25px 0;overflow:hidden;}

.article-list ul li .pic{float:left;display:inline-block;width:240px;height:160px; overflow:hidden;}

.article-list ul li .pic img{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}

.article-list ul li .pic:hover img{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);transform: scale(1.02);}

.article-list ul li .text{float:right;width:530px;height:160px;}

.article-list ul li .text .bt{height:36px; line-height:36px;font-size:24px;margin-bottom:15px; font-weight:bold;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap; }

.article-list ul li .text .des{padding:5px 0; font-size:16px; color:#666;max-height:62px;}

.article-list ul li .text .tags{height:28px; margin-top:10px;overflow:hidden;}

.article-list ul li .text .tags a{float:left;display:inline-block;background:#fff;height:26px;margin-right:10px;line-height:26px;padding:0 15px; border:1px solid #ccc; border-radius:18px; font-size:12px;color:#999}

.article-list ul li .text .tags a:hover{background:#264391; color:#fff; border-color:#264391;}



.article-list .more{display:block;height:48px;margin-top:20px; line-height:48px; font-size:20px; text-align:center; border:1px solid #ccc;}

.article-list .more:hover{border:1px solid #f20;}

.article-list .more:hover i{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);background-position:0 -48px;}

.article-list .more i{display: inline-block;width: 20px;height: 20px;margin:0 20px; background: url(../images/vote/add.png) no-repeat 0 0;-webkit-transition: transform .2s;-moz-transition: transform .2s;transition: transform .2s;}

.hot-tab-control ul li{float:left;height:40px;padding:0 25px; line-height:40px; font-size:18px; background:#f2f2f2; cursor:pointer;}

.hot-tab-control ul li.on{background:#264391; color:#fff;}



.hot-tab-cont ul{display:none;padding:10px 0;}

.hot-tab-cont ul li{position:relative;height:48px;padding-left:24px; line-height:48px; font-size:16px;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap;}

.hot-tab-cont ul li:before{content:""; position:absolute; left:0;top:20px; width:8px;height:8px; border-radius:100%; background:#ccc;}



.hot-tab-cont ul.cur{display:block;}



.selc-rank .hdline{ position:relative;display:block;width:350px;height:233px;margin-top:20px; overflow:hidden;}

.selc-rank .hdline img{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}

.selc-rank .hdline:hover img{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);transform: scale(1.02);}

.selc-rank .hdline i.mask{position: absolute; height: 50px; width:100%;  left: 0; bottom: 0;background:-webkit-linear-gradient(transparent,#000);background-image: linear-gradient(transparent,#000);}

.selc-rank .hdline .bt{position: absolute; left:0;bottom:6px;color:#fff;width:100%;box-sizing:border-box;padding:0 10px;height:36px; line-height:36px;text-align:center; font-size:16px;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .2s linear; -o-transition: all .2s linear;transition: all .2s linear;} 

.selc-rank .hdline:hover .bt{bottom:12px;}

.selc-rank ul li{height:48px; line-height:48px; font-size:16px; overflow:hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}

.selc-rank ul li i{font-size:28px;margin-right:12px; font-family:Georgia; font-style:italic; color:#999;}



.hot-tags ul{padding:10px 0;}

.hot-tags ul li{float:left;padding:12px 15px; font-size:16px; white-space:nowrap;}

.page {text-align:center; clear:both;}

.page span,.page a {display:inline-block; margin-right:4px;margin-bottom:5px; color:#666;}

.page a,.page span {padding:3px 14px; border:1px solid #e6e6e6; }

.page a:hover,.page a.on {background:#264391; border:1px solid #264391; color:#fff; text-decoration:none; }



#baiduShare{ position:absolute; bottom:16px;right:0;width:164px;}

#baiduShare a{width:44px; height:44px;padding:0;margin: 6px 6px 6px 0;background-image: url(../images/vote/btn-share.png);background-repeat: no-repeat;cursor: pointer;}

#baiduShare.bdsharebuttonbox{width:164px;}

#baiduShare.bdsharebuttonbox a{width:44px; height:44px; margin:0 0 0 8px; padding:0;}

#baiduShare.bdsharebuttonbox a.bds_weixin{ background-position: 0 0;}

#baiduShare.bdsharebuttonbox a.bds_tsina{ background-position:-59px 0;}

#baiduShare.bdsharebuttonbox a.bds_qzone{background-position:-118px 0;}



.vote-bt{position:relative; border-bottom:1px solid #dfdfdf;}

.vote-bt h1{padding:20px 170px 20px 0; line-height:64px;font-size:50px; font-weight:bold;}

.vote-info{ padding:10px 0;}

.vote-info .pic{float:left;display:inline-block;width:56px;height:56px;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%;}

.vote-info img{width:56px;height:56px;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%;}

.vote-info .text{float:right;width:1124px;}

.vote-write{padding:4px 0;font-size:25px; line-height:28px; font-weight:bold;}

.vote-nums{font-size:12px;font-family: Roboto,Arial,Helvetica,sans-serif; color:#888;}

.vote-nums span{margin-right:20px;}



.vote-words{padding:10px 0; line-height:40px; font-size:18px; overflow:hidden;   font-family: Arial,Helvetica,sans-serif; }

.vote-words p{ line-height:40px; padding:10px 0;}

.vote-words a{color:#086cb8}

.vote-words a:hover{color:#086cb8; text-decoration:underline;}

.vote-words img{float:right;width:350px; height:233px;margin-left:30px;}
.bread,.bread a{font-size:14px;color:#999;}  
.bread a:hover{color:#f20;}


.rank-filter{height:30px;padding:12px 20px;background:#f2f2f2;border:1px solid #d2d2d2;}

.rank-filter-title{float:left;height:30px; line-height:30px;padding-right:20px; border-right: 1px solid #cacaca;}

.rank-filter .rank-filter-btn{float:left;display:inline-block;margin-right:10px; font-size:12px;height:30px;padding:0 10px; line-height:30px;background:#646464; color:#fff; -webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;cursor:pointer;}

.rank-filter .rank-filter-btn:hover{background:#264391}

.rank-filter .on{background:#264391}

.jsq-selector{position: relative;float: left;display: inline-block;width: 80px; height: 30px;line-height: 30px;background:#646464;padding-left: 10px;font-size:12px;color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;cursor: pointer;}

.jsq-selector:hover{background:#264391;}

.jsq-selector em { position:relative;display: block;height: 30px; line-height:30px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;color:#fff;margin: 0;font-size: 12px;}

.jsq-selector em::after{content: '';position: absolute;margin-top: -3px;right: 11px;top: 50%;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 6px solid #fff; border-bottom: 0;}

.jsq-selector .hide-selector-box {display: none;position: absolute;left:0;top: 27px;width:140px;max-height: 128px;_height:128px;background: #264391;overflow-y: auto;overflow-x: hidden; z-index: 100;}

.jsq-selector .hide-selector-box li {height: 30px;line-height: 30px;padding-left: 10px;white-space: nowrap;overflow: hidden;}

.jsq-selector .hide-selector-box li:hover{background:#264391}

.jsq-selector.selector-on .hide-selector-box {display: block}

.jsq-selector.selector-on em::after{border-top:0;border-bottom: 6px solid #fff;}



.vote-list ul li{padding:25px 0; border-bottom:1px solid #e0e0e0;overflow:hidden;}

.vote-list ul li:first-child .vote-list-pic i{background:#f98e11;}

.vote-list ul li:nth-child(2) .vote-list-pic i{background:#ef3f74;}

.vote-list ul li:nth-child(3) .vote-list-pic i{background:#00a99d;}

.vote-list-pic{float:left;position: relative;display:inline-block;width:108px;height:108px;margin-right:20px;}

.vote-list-pic span{display:inline-block;width:108px;height:108px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; overflow:hidden;}

.vote-list-pic i{position:absolute; top:0;right:0;width:30px;height:30px; border:2px solid #fff; text-align:center; line-height:30px;background:#999; color:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; font-size:18px; font-weight:bold;}

.vote-list-text{float:left;width:480px;}

.vote-list-text .bt{ line-height:48px;font-size:24px; font-weight:bold;}

.vote-list-text .info{padding-top:4px;color:#999; line-height:28px;}

.vote-list-text .info a{color:#086cb8;}

.vote-list-text .info a:hover{color:#086cb8; text-decoration:underline;}

.vote-btns{float:right;width:100px;margin-top:36px;}

.vb-cont{float:left;display:inline-block;width:40px;margin-right:8px; text-align:center;}

.vote-btns .like,.vote-btns .unlike{display:block;width:38px;height:34px; border: 1px solid #666;background: #fff; text-align:center; background: -webkit-linear-gradient(#fff 50%,#e1e3e4); background: linear-gradient(#fff 50%,#e1e3e4); -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-user-select: none;user-select: none;cursor:pointer;}

.vote-btns .like em{display:inline-block;width:18px;height:22px;margin-top:6px; background-position:0 -256px;}

.vote-btns .unlike em{display:inline-block;width:18px;height:22px;margin-top:6px; background-position:-48px -256px;}

.vb-cont span{display:block; text-align:center;font-size: 12px;font-family: Roboto,Arial,Helvetica,sans-serif; color: #888;}

.vote-btns .like:hover,.vote-btns .like.on{background:#334b5c; border-color:#334b5c;}

.vote-btns .like:hover em,.vote-btns .like.on em{background-position:0 -324px;}

.vote-btns .unlike:hover,.vote-btns .unlike.on{background:#c23531; border-color:#c23531;}

.vote-btns .unlike:hover em,.vote-btns .unlike.on em{background-position:-48px -324px;}



.tit-e{ border-bottom:1px solid #e0e0e0; font-size:24px; font-weight:bold;text-align:center;}

.icons-goup{display:inline-block;width:30px;height:18px;margin-right:16px; background-position:-96px -48px;}

.ranking-in ul li{ border-bottom:1px solid #eee;}

.ranking-in ul li a{display:block;padding:15px 0;font-weight:bold;overflow:hidden;}

.ranking-in ul li a:hover{background:#eee;}

.ranking-in ul li a img{float:left;display:inline-block;width:72px;height:48px;-webkit-border-radius:6px;-moz-border-radius:6px; border-radius:6px; }

.ranking-in ul li .text{float:right;width:218px;height:48px; line-height:24px; font-size:14px; color:#666;}

.ranking-in ul li .text .bld{color:#086cb8;}



.cards img{float:left;margin:0 30px 0 10px;-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}



.tit-f{position:relative;height:26px;margin-bottom:24px;border-bottom:1px solid #aaa;}

.tit-f .bt{float:left;height:48px; line-height:48px; font-size:24px;padding:0 30px; border:1px solid #aaa;background:#fff;}

.partake ul li{padding:20px 0; overflow:hidden;}

.partake ul li a.pic{float:left;display:inline-block;width:300px;height:200px;}

.partake ul li .text{float:right;width:860px;}

.partake ul li .text .bt{font-size:30px;}

.partake ul li .text .desc{padding:10px 0 20px 0; border-bottom:1px solid #eee; line-height:28px;font-size:16px;color:#777}

.partake ul li .text .info{padding:15px 0;height:40px; line-height:40px; color:#999;}

.partake ul li .text .info span{padding-right:100px;}

.partake ul li .text .info span em{ font-size:24px;color:#222;}

.partake ul li .text .info span em i{color:#b81507; font-size:40px; font-weight:bold;font-family:Georgia;}



/**************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;}