
html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,iframe,textarea,input,button,p,span,a,em,i,s,img,s,b,strong,form,label,table,tbody,tfoot,thead,tr,th,td,hr,video{margin:0;padding:0}

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;}
video{outline: none;}

::-webkit-input-placeholder {color:#aaa;}
:-moz-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}


.wrap{width:1200px;margin:0 auto;}
.bgwhite{background:#fff;}

.lead{ position:relative;padding:20px;margin-top:20px;border:1px dashed #ccc;}
.lead h1{padding:10px 0 30px 0;line-height:48px;font-size:40px;font-weight:bold; text-align:center;color:#263341; }
.lead p{ line-height:32px;font-size:16px; text-indent:2em; color:#6b7c92}
.lead span{float:right;display:inline-block;width:240px;height:180px;padding:10px;margin-left:40px;text-align: center; background:#fff;-webkit-border-radius:20px;-moz-border-radius:20px; border-radius:20px;}
.lead span img{width:auto;max-width:240px;height:180px;}
.lead i{position:absolute;width:18px;height:18px;}
.lead .icons_tr{top:-4px;right:-4px; border-top:4px solid #999; border-right:4px solid #aaa;}
.lead .icons_br{bottom:-4px;right:-4px; border-bottom:4px solid #999; border-right:4px solid #aaa;}
.lead .icons_bl{bottom:-4px;left:-4px; border-bottom:4px solid #999; border-left:4px solid #aaa;}
.lead .icons_tl{top:-4px;left:-4px; border-top:4px solid #999; border-left:4px solid #aaa;}
.lead dl{margin-top:20px;}
.lead dl dd{float:left;padding-right:40px;color:#bbb;font-size:14px;}


.rank-lead-btns{text-align:center}
.rank-lead-btns a{display:inline-block;width:28%;height:48px; line-height:48px;margin:0 10px;font-size:16px; border-radius:4px;text-align:center;color:#fff;}
.rank-lead-btns a:hover{color:#fff;}
.rank-lead-btns .vote-ten-btn{background:#f44336;}
.rank-lead-btns .join-vote-btn{background:#ff9800;}

.rank-consulting-btn {display:inline-block;height:30px;padding:0 20px;line-height:30px;border: 1px solid #fc5310;color:#fc5310;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.rank-consulting-btn:hover{border: 1px solid #ff9800;color:#ff9800;}
.rank-free-entry-btn{display:inline-block;height:32px;padding:0 20px;line-height:32px;background: #fc5310;color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.rank-free-entry-btn:hover{background:#ff9800;color:#fff;}

.up-pic-btn {display: block;height: 32px;line-height: 32px;border-radius: 4px;background: #f44336 url(image/pic_share.png) no-repeat 8px 9px;background-size: 14px;padding: 0 15px;color: #fff;font-size: 12px;padding-left: 25px;cursor: pointer;}
.up-pic-btn:hover{color:#fff;}

.box880{width:100%;}
.fl{float:left;}
.fr{float:right;}
.prl{position: relative;}
.icons{background: url(../images/icons.png);background-repeat: no-repeat;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.pd15{padding:15px;}
.red{color: #e00b0b;}
.yellow{color:#ff9800}
.dn{display:none;}
.db{display:block;}
.bb{font-weight: bold;}

.rank-lead-tabs {height:48px; border-bottom:1px solid #eee;text-align: center;background:#fff;}
.rank-lead-tabs ul li {float:left;position:relative; display: inline-block;width: 100px; height: 40px;margin: 0 10px;height:48px;line-height:48px;color: #fff; font-size: 18px;color:#222;cursor: pointer;}
.rank-lead-tabs ul li:hover, .rank-lead-tabs ul li.on {color:#264391;font-weight: bold;}
.rank-lead-tabs ul li.on:after {content:"";position: absolute;bottom:-1px;left:20px;width:58px;height:2px;background:#264391;}
.rank-lead-cont {display: none;background:#fff;padding:10px 30px 20px 30px;}
.rank-lead-cont.disb { display: block;}
.rank-lead-cont-lead ul li {position:relative;height: 36px;margin-top:25px;line-height: 36px;border: 1px solid #95cced;font-size: 18px;background-color: #fff;-webkit-border-radius: 0 6px 6px 0;-moz-border-radius: 0 6px 6px 0;border-radius: 0 6px 6px 0;}
.rank-lead-cont-lead ul li a {position: relative;display: block;height: 36px;line-height: 36px;}
.rank-lead-cont-lead ul li a .jb {position: absolute;top: -4px;left: -16px;width: 32px;height: 32px;}
.rank-lead-cont-lead ul li:nth-of-type(1) a,.rank-lead-cont-lead ul li:nth-of-type(2) a,.rank-lead-cont-lead ul li:nth-of-type(3) a{}
.rank-lead-cont-lead ul li a .num {position: absolute;left:-9px;top:-6px;float: left;width:44px;height:44px; line-height:44px;text-align: center;color: #95cced;font-size: 22px;border:2px solid #95cced; background:#fff;-webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius: 100%;}
.rank-lead-cont-lead ul li a .bt {float: left;width: 60%;padding-left:30px;}
.rank-lead-cont-lead ul li a .bt span {display: block;width: 50%; min-width: 50%;-webkit-transition: width .3s linear 0s; -moz-transition: width .3s linear 0s;transition: width .3s linear 0s;padding: 0 20px; color: #fff;-webkit-border-radius: 0 10px 10px 0;-moz-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0;background: #95cced;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.rank-lead-cont-lead ul li a .att {float: right;width: 160px;height: 36px; padding: 0 20px;line-height: 36px;text-align: right;text-align: right;font-size: 16px;}
.rank-lead-cont-lead ul li.red { border: 1px solid #f5634f;}
.rank-lead-cont-lead ul li.red a .num {color: #f5634f;}
.rank-lead-cont-lead ul li.red .bt span {background: #f5634f;}
.rank-lead-cont-lead ul li.yellow {border: 1px solid #efa64a;}
.rank-lead-cont-lead ul li.yellow a .num {color: #efa64a;}
.rank-lead-cont-lead ul li.yellow .bt span {background: #efa64a;}
.rank-lead-cont-lead ul li.blue {border: 1px solid #47cd84;}
.rank-lead-cont-lead ul li.blue a .num {color: #47cd84;}
.rank-lead-cont-lead ul li.blue .bt span {background: #47cd84;}
.rank-lead-cont-lead ul li.red .num{border-color:#f5634f;}
.rank-lead-cont-lead ul li.yellow .num{border-color:#efa64a;}
.rank-lead-cont-lead ul li.blue .num{border-color:#47cd84;}

.new-msg-btns{text-align: center;}
.new-msg-btns a{display: inline-block;height: 44px;line-height: 44px;padding: 0 25px;margin: 0 5px;background: #fef0ef;-webkit-border-radius: 22px;-moz-border-radius: 22px; border-radius: 22px;font-size: 16px;color: #f44336;}
.new-msg-btns a i{display: inline-block;width: 24px;height: 24px; vertical-align: middle;margin-top: -3px;margin-right: 5px;}
.new-msg-btns a.btn-sb i{background: url(image/btn_sb.png) no-repeat;}
.new-msg-btns a.btn-jc i{background: url(image/btn_jc.png) no-repeat;}
.new-msg-btns a.btn-rz i{background: url(image/btn_rz.png) no-repeat;}
.new-msg-btns a.btn-jm i{background: url(image/btn_jm.png) no-repeat;}
.pop-rank-feedback{display: none;position: fixed; top: 50%; left: 50%;width: 530px; height: 472px;margin-left: -265px; margin-top: -236px; background: #fff; text-align: center;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;z-index: 100000;}
.pop-rank-feedback .rank-backfeed{width: 500px;}
.pop-rank-feedback .rank-backfeed .base-input{width: 390px;}
.pop-rank-feedback .rank-backfeed .base-area{width: 452px;}
.pop-rank-feedback .close {position: absolute;top: 14px;right: 20px;cursor: pointer;}
.pop-rank-feedback .close:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: -webkit-transform .4s linear;transition: transform .4s linear;}
.pop-rank-jm{position: fixed; top: 50%; left: 50%;width: 660px; height:672px;margin-left: -265px; margin-top: -236px; background: #fff; text-align: center;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;z-index: 100000;}
.pop-rank-jm .close {position: absolute;top: 14px;right:14px; background: #264391;cursor: pointer;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; text-align: center;width: 32px;height: 32px;line-height: 36px;text-align: center; overflow: hidden;}
.pop-rank-jm .close img{width:14px;height:14px; }
.pop-rank-jm .close:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: -webkit-transform .4s linear;transition: transform .4s linear;}
.pop-rank-jm .message-box{padding:30px 40px;background:#fff; overflow: hidden;}
.pop-rank-jm .message-box .tit{font-size: 32px;line-height:48px;text-align:center;font-weight: 600; }
.pop-rank-jm .message-box .ms{margin:10px 0;font-size:16px;color: #bbb;text-align:center; }
.pop-rank-jm .message-box .message-form-name{float: left;width: 48%;height: 38px;margin:20px 10px 0 0;border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; overflow: hidden;}
.pop-rank-jm .message-box .message-form-name label{float:left;width:90px; text-align:center;line-height: 38px;color:#888;}
.pop-rank-jm .message-box .message-form-phone{float: left;width: 48%;height: 38px;margin:20px 0 0 0;border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; overflow: hidden;}
.pop-rank-jm .message-box .message-form-phone label{float:left;width:90px; text-align:center;line-height: 38px;color:#888;}
.pop-rank-jm .message-box .msg-input {float:left;width:176px;height: 28px;line-height:28px;padding:5px; border:0 none;}
.pop-rank-jm .message-box .message-form-areas{float: left;width:98%;height: 38px;margin:20px 20px 0 0; border:1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.pop-rank-jm .message-box .message-form-areas label{float:left;width:90px; text-align:center;line-height: 38px;color:#888;}
.pop-rank-jm .message-box .message-form-areas select{width: 24%; height: 36px; line-height: 36px;box-sizing:border-box;background-color:#fff; border:none; color:#333; font-size:16px; padding:0 10px; box-sizing:border-box; outline:none;}
.pop-rank-jm .message-box .message-form-hy{float: left;width:98%;height: 38px;margin:20px 20px 0 0; border:1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.pop-rank-jm .message-box .message-form-hy label{float:left;width:90px; text-align:center;line-height: 38px;color:#888;}
.pop-rank-jm .message-box .message-form-hy .msg-input{width: 80%;}
.pop-rank-jm .message-box .liuyan-box{float: left;width: 98%;margin-top: 20px;border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}
.pop-rank-jm .message-box .liuyan-box textarea {display: block; width: 100%; padding: 15px 20px; box-sizing: border-box;  height: 118px; font-size: 16px;    font-family: 'Microsoft YaHei'; outline: none; border: none; background: none; resize: none; border-radius: 0;}
.pop-rank-jm .message-box .kuaijie {float: left;width: 92%;padding: 15px 20px 20px; background-color: #f8f8f8;}
.pop-rank-jm .message-box .kuaijie dt {font-size: 12px;color: #999;}
.pop-rank-jm .message-box .kuaijie dt .s-gn {color: #39bd6d}
.pop-rank-jm .message-box .kuaijie dd {overflow: hidden;margin-left: -12px;}
.pop-rank-jm .message-box .kuaijie dd span { float: left; padding: 0 16px;margin-top: 14px;border-radius: 14px;background-color: #fff;line-height: 28px;margin-left: 12px;font-size: 12px; color: #666;box-shadow: 0 1px 6px rgba(102,102,102,.1);cursor: pointer}
.pop-rank-jm .message-box .kuaijie dd span:hover, .pop-rank-jm .message-box .kuaijie dd span.ct {background-color: #faede5;color: #ff552e;box-shadow: none;}
.pop-rank-jm .message-box .sub-box{float: left;width: 92%;margin-top:20px;text-align: center;}
.pop-rank-jm .message-box .msg-submit-btn {display: inline-block; height: 46px;line-height: 46px; padding: 0 50px;text-align: center;font-size: 16px;background-color: #264391;color: #fff;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;-wekkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;cursor: pointer;}

.rank-tens-list {margin-top: 20px;}
.rank-tens-list ul li{margin-bottom: 20px;background: #fff; overflow: hidden;}
.rank-tens-list .rank-more-infos{display: none;}
.rank-tens-list .rank-more-infos.disb{display: block;}
.rank-tens-list .rank-item-c1{position: relative;padding: 25px 15px 5px 15px;}
.rank-tens-list .rank-item-c1 .number{float: left;width:100px;height:69px;margin-right: 30px;margin-top: 18px;background-image: url(image/rank_num_bg.png);
background-repeat: no-repeat;background-position:-292px 0;color:#fff;line-height:88px; text-align:center;font-weight: bold;font-size:32px; overflow:hidden;}
.rank-tens-list .rank-item-c1 .number.icons-numb1{background-position:6px 0;}
.rank-tens-list .rank-item-c1 .number.icons-numb2{background-position:-94px 0px;}
.rank-tens-list .rank-item-c1 .number.icons-numb3{background-position:-194px 0px;}
.rank-tens-list .rank-item-c1 .thumbs{float: left;width: 154px;height: 96px;margin-right: 30px;text-align: center;border: 2px solid #f0f0f0; overflow: hidden;}
.rank-tens-list .rank-item-c1 .thumbs img{width: auto;max-width: 100%;height: 96px;}
.rank-tens-list .rank-item-c1 .c1-infos{float: left;width: 380px;}
.rank-tens-list .rank-item-c1 .c1-infos .name{font-size: 32px;}
.rank-tens-list .rank-item-c1 .c1-infos .shops{margin-top: 10px;}
.rank-tens-list .rank-item-c1 .c1-infos .shops a{display: inline-block;height: 28px;padding: 0 12px;line-height: 28px;font-size: 13px;border: 1px solid #eee;margin-right: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px;}
.rank-tens-list .rank-item-c1 .c1-infos .shops a i{width: 16px;height: 16px;background-repeat: no-repeat;vertical-align: middle;}
.rank-tens-list .rank-item-c1 .c1-infos .shops a.shop-jd{color: #e12319;border-color: #e12319;}
.rank-tens-list .rank-item-c1 .c1-infos .shops a.shop-jd i{background-position: 0 -100px;}
.rank-tens-list .rank-item-c1 .c1-infos .shops a.shop-tm{color: #ff6c00;border-color: #ff6c00;}
.rank-tens-list .rank-item-c1 .c1-infos .shops a.shop-tm i{background-position: -56px -100px;}
.rank-tens-list .rank-item-c1 .c1-infos .shops a.shop-guan{color: #ffc000;border-color: #ffc000;}
.rank-tens-list .rank-item-c1 .c1-infos .shops a.shop-guan i{background-position: -113px -100px;}
.rank-tens-list .rank-item-c1 .brand-mark{float: right;background: #fc4e48;width: 100px;height: 80px;margin-top: 10px; border: 2px solid #fc4e48; text-align: center;-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px;}
.rank-tens-list .rank-item-c1 .brand-mark span{display: block;height: 38px;line-height: 38px;font-size: 30px;font-weight: 600;color: #fc4e48;background: #fff;-webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
.rank-tens-list .rank-item-c1 .brand-mark p{height: 40px;line-height: 40px;color: #fff;font-size: 16px;}
.rank-tens-list .com-infos{padding: 0 15px;}
.rank-tens-list .com-infos span{float: left;display: inline-block;color: #888;height: 36px;line-height: 36px;padding-right: 10px; overflow: hidden;}
.rank-tens-list .com-infos span i{color: #333;}
.rank-tens-list .com-infos span.divide3{width: 263px;}
.rank-tens-list .com-infos span.divide4{width: 194px;}
.rank-tens-list .com-infos span i.red{color: #c20000;}
.rank-tens-list .com-levels{height: 54px;padding: 0 15px;margin-top: 10px;background: #eaeef0;}
.rank-tens-list .com-levels span{float: left;height: 54px;padding: 0 12px;line-height: 54px;text-align: center;}
.rank-tens-list .com-levels span i{display: inline-block;margin-right: 4px; vertical-align: middle;background: url(image/rank_num_bg.png) no-repeat;}
.rank-tens-list .com-levels span i.listed-company{width: 28px;height: 28px;background-position: 0 -133px;}
.rank-tens-list .com-levels span i.old-line{width: 28px;height: 28px;background-position: -56px -133px;}
.rank-tens-list .com-levels span i.top-500-china{width: 28px;height: 28px;background-position: -126px -133px;}
.rank-tens-list .com-levels span i.forbes-500{width: 54px;height: 28px;background-position: -196px -133px;}
.rank-tens-list .com-levels span i.high-tech{width: 28px;height: 28px;background-position: -278px -133px;}
.rank-tens-list .com-levels span i.fortune-500{width: 28px;height: 28px;background-position: -341px -133px;}
.rank-tens-list .rank-others{padding:15px;}
.rank-tens-list .rank-others dl {float: left;width: 660px;}
.rank-tens-list .rank-others dl dt{float: left;margin-right: 10px;line-height: 42px;color: #333;font-size: 16px;font-weight: 600;}
.rank-tens-list .rank-others dl dd{float: left;margin-right:18px;line-height: 42px;font-size: 15px;}
.rank-tens-list .rank-others dl dd a{color: #6d7a9a;}
.rank-tens-list .rank-others dl dd a:hover{color: #f00;text-decoration: underline;}
.rank-tens-list .brand-view{float: right; height: 42px;padding: 0 25px;line-height: 42px;background: -webkit-linear-gradient(to right,#fb2c19,#fe741c); background: -o-linear-gradient(to right,#fb2c19,#fe741c);background: -moz-linear-gradient(to right,#fb2c19,#fe741c);background: linear-gradient(to right,#fb2c19,#fe741c);text-align: center; border-radius: 5px;color: #fff;font-size: 16px;}
.rank-tens-list .brand-view i{display: inline-block;width: 16px;height: 16px;line-height: 16px;color: #fb2c19;margin:-2px 0 0 4px;background: #fff;-webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius: 100%; vertical-align: middle;text-align: center;font-size: 12px;font-family: serif;}
.rank-tens-list .brand-view:hover{color: #ff0}
.rank-tens-list .brand-view:hover i{background-color: #ff0;}
.rank-tens-list .click-bar{padding:10px 0;font-size:16px; text-align:center;border-top:1px solid #eee;color:#888;cursor: pointer;}
.rank-tens-list .click-bar i{display: inline-block; width: 16px;height: 16px;margin: 0 6px;background: url(image/rank_num_bg.png) no-repeat -381px -104px; vertical-align: middle;}
.rank-tens-list .brand-introduction {position: relative;padding:0 15px;margin: 15px 0; line-height: 28px; font-size: 16px; color: #666; }
.rank-tens-list .brand-introduction.unfold{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.rank-tens-list .brand-introduction .expend-btn{color: #eb2727;background: #fff; white-space: nowrap; cursor: pointer;}
.rank-tens-list .brand-introduction.unfold .expend-btn { z-index: 3; position: absolute;right: 0;top: 28px; color: #eb2727;background: #fff;cursor: pointer;}
.rank-tens-list .brand-introduction .expend-btn:before{content:"";position:absolute;left:-40px;top:0;width:40px;text-align:right;height:100%;background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.rank-ten-items .reason-intro.disn .expend-btn{display:none}
.rank-tens-list .show-more-goods{padding: 0 10px;margin-bottom:20px; overflow:hidden;}
.rank-tens-list .show-more-goods.goods-hide{display: none}
.rank-tens-list .show-more-goods.disb{display:block;}
.rank-tens-list .goods-item{float:left;width:283px;height:292px; margin: 0 0px 0 12px;border: 1px solid #eee;background:#fff;}
.rank-tens-list .goods-item:hover{border-color:#de2a2a;}
.rank-tens-list .goods-item .thumb1{position:relative;width:283px;height:198px;}
.rank-tens-list .goods-item .thumb1 img{width:283px;height:198px;}
.rank-tens-list .goods-item .thumb1 i{display:none;width:16px;height:16px;position:absolute;top:0;right:0;background:url(image/icon_tmall_jd.jpg);}
.rank-tens-list .goods-item .thumb1 i.tm{display:block;background-position:0 0;}
.rank-tens-list .goods-item .thumb1 i.jd{display:block;background-position:-16px 0;}
.rank-tens-list .goods-item .goods-title{height: 48px;padding: 6px 15px 0;color: #333;font-weight: 400;font-size: 14px;line-height: 20px;word-break: break-all;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.rank-tens-list  .goods-item .goods-info{margin-top:8px;padding:0 15px; overflow: hidden;}
.rank-tens-list .goods-item .goods-info .price{float:left;color: #de2a2a;font-size: 18px;}
.rank-tens-list .goods-item .goods-info .price i{font-size: 12px;font-style: normal;}
.rank-tens-list .goods-item .goods-info .go{float:right;width: 60px; height: 24px;margin-top:5px; border-radius: 3px; background: #de2a2a;color: #fff;  text-align: center; font-size: 12px; line-height: 23px;}
.rank-tens-list .show-more-goods .goods-item:nth-child(4n-3){margin-left:0;}
.rank-tens-list .goods-item-more .goods-more-btn-2 {height: 294px;}

.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;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(image/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;}


