.genre.odd {
    color: #1b98e0 !important;
    padding: 3px;
}
.genre {
    text-decoration: underline;
}
.progress-wrapper {
    width: 78%;
    max-width: 1200px; 
    margin: 10px auto; 
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .progress-wrapper {
        width: 58%; 
        margin-left: 28px; 
        margin-right: auto; 
    }
}
.progress-container {
    flex-grow: 1;
    background-color: #f0f0f0;
    border-radius: 5px;
    position: relative;
    margin: 0 10px;
}

.progress-bar {
    height: 10px;
    background-color: #e87400;
    width: 0%;
    border-radius: 5px;
}

.star-ratin, .details {
    display: inline-block;
}

.details {
    margin-left: 10px;
}
.cle{
border-bottom: 1px solid #e4e4e4;
}

#Rating{
    margin-bottom: 5px;
    font-size: 18px;
    margin-top: 5%;
    margin-left: 30px;
}


/**more**/
	
.red{color:#f74645;}
@font-face{font-family:fetteengd;src:url('../font/fetteengd.ttf')}

.nav-list{position:relative;float:right;display:block;width:.96rem;height:.96rem;}
.nav-list div{position:relative;width:.6rem;height:.04rem;margin:.46rem .18rem 0 .18rem;background:#fff;-webkit-border-radius:.04rem; border-radius:.04rem;}
.nav-list div:before,.nav-list div:after{content: ""; position: absolute;left: 0; transition: .3s; width:.6rem;height:.04rem;background:#fff;-webkit-border-radius:.04rem; border-radius:.04rem;}
.nav-list div:before{top:-10px;}
.nav-list div:after{bottom:-10px;}
.bread{line-height:.36rem;padding:.2rem;font-size:.24rem;color: #999;}
.bread a{color:#999;}
.bread{line-height:.36rem;padding:.2rem;font-size:.24rem;color: #999;}
.bread a{color:#999;}

.vote-big-img{background:#fff;overflow:hidden;}
.vote-big-img img{width:100%;}
.vote-title{line-height:1.3;color:#111;font-size:.56rem; font-weight:700;}

.vote-info{position:relative;padding:.2rem 0;}
.up-pic-btn{position: absolute;top: .1rem;right: 0; display: block;height: .52rem;line-height: .52rem;border-radius: 4px;background: #f44336 url(/images/pic_share.png) no-repeat 0.1rem 0.12rem;background-size: .28rem;padding: 0 10px;color: #fff;font-size: .24rem;padding-left: .5rem;}
.vote-info .pic{float:left;display:inline-block;width:.96rem;height:.96rem;margin-right:.3rem;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%;}
.vote-info img{width:.96rem;height:.96rem;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%;}
.vote-write{padding:.08rem 0;font-size:.36rem; line-height:.48rem; font-weight:bold;}
.vote-nums{font-weight:1000;font-size:.24rem;font-family: Roboto,Arial,Helvetica,sans-serif; color:#a0a0a0;}
.vote-nums span{font-weight:200;}

.vote-words{position:relative;}
/**.vote-words.showmore {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}**/
.vote-words.showmore .show-more{z-index:3;position: absolute;bottom:0;left:238px;font-style:normal;background:#fff;color:#eb2727;cursor: pointer;}
.vote-words.showmore .show-more:before{content:"";position:absolute;left:-.6rem;top:0;width:.6rem;text-align:right;height:100%;background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}

/**.vote-words.showmore .show-more{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}**/
.vote-words .show-more{display:inline-block;font-style:normal;color:#eb2727;cursor: pointer;white-space: nowrap;white-space: nowrap;}    



.vote-words{position:relative;}
.vote-words.showmore {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.vote-words.showmore .view-more{z-index:3;position: absolute;bottom:0;right:0;font-style:normal;background:#fff;color:#eb2727;cursor: pointer;}
.vote-words.showmore .view-more:before{content:"";position:absolute;left:-.6rem;top:0;width:.6rem;text-align:right;height:100%;background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.vote-words .view-more{display:inline-block;font-style:normal;color:#eb2727;cursor: pointer;white-space: nowrap;white-space: nowrap;}    




.vote-barchart ul li {height:.8rem;margin-top:.2rem;-webkit-border-radius: .08rem;-moz-border-radius: .08rem;border-radius: .08rem;background-color: #f6f6f6; overflow: hidden;}
.vote-barchart ul li a {position: relative;display: block;width:5.8rem;color: #fff;line-height: .6rem;height: .6rem;padding: .1rem;border-radius: .1rem 0 .12rem .1rem;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:after{content: "";position: absolute;left: 100%;top: -.06rem;width: .4rem; height: .88rem;transform: rotate(12deg); margin-left: -.26rem;border-radius: 0 .12rem .16rem 0;background:#3e4c4f;}
.vote-barchart ul li a .number {float: left;width:.76rem;margin-left:0.1rem;font-size:.22rem;font-family: fetteengd,microsoft yahei;line-height:.6rem;}

/**.vote-barchart ul li a .namecn{float: left;max-width:3.6rem;font-size:.28rem; margin-right:.16rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}**/
/* 基础样式，适用于所有设备 */
.vote-barchart ul li a .namecn {
    float: left;
    font-size: .28rem;
    margin-right: 0.01rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 手机端样式 */
@media screen and (max-width: 600px) {
	.numb1 .namecn {
        max-width: 3rem; /* 手机端的宽度限制 */
    }
    .numb2 .namecn {
        max-width: 3rem; /* 手机端的宽度限制 */
    }
	.numb3 .namecn {
        max-width: 2.8rem; /* 手机端的宽度限制 */
    }
	.numb4 .namecn {
        max-width: 2.6rem; /* 手机端的宽度限制 */
    }
	   
    .numb5 .namecn {
        max-width: 2.6rem; /* 手机端的宽度限制 */
    }
	   
	.numb6 .namecn {
        max-width: 2.6rem; /* 手机端的宽度限制 */
    }   
	.numb7 .namecn {
        max-width: 2.6rem; /* 手机端的宽度限制 */
    }   
	.numb8 .namecn {
        max-width: 2.6rem; /* 手机端的宽度限制 */
    }
	.numb9 .namecn {
        max-width: 2.6rem; /* 手机端的宽度限制 */
    }
	.numb10 .namecn {
     max-width: 2.6rem; /* 手机端的宽度限制 */
    }
}


/* 手机端样式（例如，最大宽度为600px） */
/**@media screen and (max-width: 600px) {
    .vote-barchart ul li a .namecn {
        max-width: 3rem; /* 手机端的宽度限制
    }
} */

/* PC端样式（例如，宽度大于601px） */
@media screen and (min-width: 601px) {
    .vote-barchart ul li a .namecn {
        max-width: 10rem; /* PC端的宽度限制，根据需要调整 */
    }
}



.vote-barchart ul li a .score{float: right;padding-right:.18rem;font-size:.3rem;font-family: fetteengd,microsoft yahei;}
.vote-barchart ul li.numb1 a{width: 90%;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: 88%;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: 85%;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: 80%;}
.vote-barchart ul li.numb5 a{width: 78%;}
.vote-barchart ul li.numb6 a{width: 78%;}
.vote-barchart ul li.numb7 a{width: 78%;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: 78%; 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: 78%; 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: 78%; 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:.2rem;font-size:.24rem;color:#999;}
.vote-rule span{font-weight: 700;color:#fe741c;}

.vote-items{position:relative;margin-top:.2rem;padding:.3rem;background:#fff;}
.vote-items .colum-1{position:relative;}
.vote-items .colum-1 .thumbs{float:left;width:1.8rem;height:1.8rem;margin-right:.3rem;}
.vote-items .colum-1 .thumbs img{width:1.8rem;height:1.8rem;-webkit-border-radius: .1rem;-moz-border-radius: .1rem;border-radius: .1rem; }
.vote-items .colum-1 .bt{height:.6rem;padding-right:1.2rem;margin-bottom:.48rem;line-height:.6rem;font-size:.36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vote-items .colum-1 .c1,.vote-items .colum-1 .c2{margin-top:.1rem;font-size:.26rem;color:#999;padding-right:1.2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vote-items .colum-1 .c1 span,.vote-items .colum-1 .c2 span{color:#333;}
.vote-items .r{position: absolute;top:0;right:0;width:1.2rem;text-align:center;}
.vote-items .r .thumb-up{display:inline-block;width:.8rem;height:.8rem;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background:#f43756 url(../images/thumbup.png) no-repeat center center;background-size:.48rem .48rem;}




/**.vote-items .intro.unfold{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}**/
.vote-items .intro.unfold{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    word-break: break-all;
}


.vote-items .intro span{color: #eb2727;}




.vote-tags{float:left;width:5.6rem; overflow: hidden;}
.vote-tags em{float:left;font-weight: 700;}
.vote-tags a{float:left;display:inline-block;padding:0 .16rem;margin-right:.16rem;margin-bottom:.16rem;border:1px solid #dde0ea;background:#fff;color:#8d99b8;}
.tags-box{padding:.3rem .3rem .14rem .3rem;font-size:.24rem;}

.socials{float:right;width:1.1rem;font-size:.26rem;}
.socials .report{color: #2196f3;cursor: pointer;}
.socials .report .icon-report{display: inline-block;width:.32rem;height:.32rem;margin:-4px 4px 0 0;background:url(../images/report.png) no-repeat;background-size:.32rem .32rem; vertical-align: middle;}

.title-b{padding:0 .3rem;height:.88rem;}
.title-b .bt{float:left; position:relative;display:inline-block;height:.88rem; line-height:.88rem; font-size:.36rem; font-weight:700;color:#222;}
.title-b .more{float:right;line-height:.24rem;margin-top:.28rem;color:#999;font-size:.24rem;}
.relative-ranks{padding:.1rem .2rem;}
.relative-ranks ul li{float:left;width:50%;padding:.1rem;box-sizing: border-box;}
.relative-ranks ul li a{display: block;height:.72rem;padding:0 .16rem;line-height:.72rem;font-size:.28rem;background:#f5f5f5;text-align:center;-webkit-border-radius: .06rem;-moz-border-radius: .06rem;border-radius: .06rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



.list-thumb ul li{padding:.3rem; border-bottom:1px solid #f2f2f2;}
.list-thumb ul li:last-child{border-bottom:0;}
.list-thumb ul li a{display:block; overflow:hidden;}
.list-thumb ul li a img{float:left;width:2.16rem;height:1.44rem;margin-right:.3rem;}
.list-thumb ul li a .bt{margin-bottom:.2rem;max-height:.88rem;line-height:.44rem; font-size:.32rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.list-thumb ul li a .info{color:#999; font-size:.24rem;}
.list-thumb ul li a .info span{padding-right:.4rem;}
.list-thumb ul li a .info span i{font-size:.24rem;}

.ask-list ul li{position: relative;padding:.3rem .3rem .3rem .72rem;font-size:.28rem; overflow: hidden;}
.ask-list ul li:before {content: ''; position: absolute; top: 0; right: 0;  left: .68rem;  border-top: 1px solid #e8e8e8; -webkit-transform: scaleY(.5);transform: scaleY(.5);-webkit-transform-origin: top center;transform-origin: top center;}
.ask-list ul li:first-child:before {display: none}
.ask-list ul li .tag {position: absolute;top: .38rem; left: .2rem; width: .36rem; height: .36rem;-webkit-border-radius:.16rem 0 .16rem; -moz-border-radius:.16rem 0 .16rem;border-radius:.16rem 0 .16rem;background: #4ac180; color:#fff;text-align: center;line-height: .36rem; font-size:.22rem;}
.ask-list ul li .tit {line-height: .44rem; font-size:.32rem;  margin-bottom:.24rem;}
.ask-list ul li .views span{float:left;font-size:.22rem; color: #bbb;}
.ask-list ul li .ask-thumb{float:right;width:2.16rem;height:1.44rem;margin-left:.3rem;}
.ask-list ul li .ask-thumb img{width:2.16rem;height:1.44rem;}
.rel-cards ul{padding:0 .2rem .2rem .2rem;}
.rel-cards ul li{float:left;width:33.3333%;padding:.1rem;box-sizing: border-box;}
.rel-cards ul li a{position:relative;display: block;width:100%;}
.rel-cards ul li .thumb{width:2.16rem;height:2.16rem;}
.rel-cards ul li .thumb img{width:2.16rem;height:2.16rem;}
.rel-cards ul li .bt{position: absolute;bottom:0;left:0;width:96%;padding:0 2%;height:.52rem;line-height:.52rem;font-size:.28rem;background:rgba(0,0,0,.6);color:#fff;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.cards{padding:.3rem;}
.cards img{float:left;width:2rem;height:2rem;margin-right:.3rem;-webkit-border-radius:.08rem; border-radius:.08rem;}
.cards-base{position:relative;height:2rem;font-size:.3rem;}
.cards-base h1{padding-bottom:.1rem;font-size:.4rem; font-weight:bold;}
.cards-base p{ font-size:.32rem; line-height:.48rem; color:#5f5f5f;}

.cards-base .vote-num{position: absolute;bottom:0;left:2.3rem;height:.64rem;padding:0 .3rem;line-height:.64rem;background:#fc0202; color:#fff;-webkit-border-radius: .08rem;-moz-border-radius: .08rem;border-radius: .08rem;}
.card-param{padding:.1rem .3rem .2rem .3rem;}
.base-message{font-size:.28rem;}
.base-message dd{height:.9rem;line-height:.95rem;background-color: #fff; padding: 0 .2rem 0 .3rem; overflow: hidden;}
.base-message dd:nth-child(2n-1){background-color:#f5f5f5}
.base-message dd span{float:left;}
.base-message dd i{float:right;color:#999;font-style: normal;}
.base-message dd i.worth{font-family: fetteengd,microsoft yahei;font-size: .48rem;}
.base-message dd i a{color:#5b6bbe;}
.base-message dd i.red{color:#ea393e;font-weight:bold;}
.base-message dd .go-buy{float:right;display:inline-block;height:.48rem;padding:0 .12rem;margin:.24rem 0 0 .4rem;line-height: .48rem;border-radius:.06rem;background:#ea393e;color:#fff;font-size:.24rem;}
.base-message dd.tl{height:auto;padding:0;background-color: #fff;}
.base-message dd.tl span{float:none;display:block;font-weight:600;font-size:.32rem;}
.base-message dd.tl i{line-height:.48rem}


.title-in{height:.8rem; border-bottom:1px solid #e6e6e6}
.title-in b,.title-in h2,.title-in h3,.title-in .bt{float:left; position:relative;display:inline-block;height:.78rem; line-height:.78rem; font-size:.40rem; font-weight:normal; border-bottom:2px solid #264391;}
.title-in .more{color:#999;font-size:.24rem;margin-top:.2rem;}
.base-cont {padding:.3rem 0 .1rem 0;font-size: .32rem;line-height: .64rem;}
.base-cont p {padding: .2rem 0;line-height: .64rem;}

.brand-vote-list{position: relative; box-sizing: border-box;}
.brand-vote-list .heads{height:.72rem; line-height:.72rem;  font-size:.28rem;  border-bottom:1px dashed #eee; }
.brand-vote-list .heads span{display:block; float:left; text-align:center; height:.72rem;}
.brand-vote-list .heads .t1{width:68%; text-align:left;}
.brand-vote-list .heads .t2{width:20%; }
.brand-vote-list .heads .t3{width:12%;}
.brand-vote-list .clist ul li{line-height:.72rem; height:.72rem;  border-bottom:1px dashed #eee;font-size:.28rem; overflow: hidden;}
.brand-vote-list .clist ul li span{display:block; float:left; text-align:center; height:.72rem;}
.brand-vote-list .clist ul li .t1{ width:68%; text-align:left; position:relative;}
.brand-vote-list .clist ul li .t2{ width:20%;}
.brand-vote-list .clist ul li .t3{ width:12%; text-align: center;}
.brand-vote-list .clist ul li a{color:#555ba6;}
.brand-vote-list .clist ul li .btn{display:inline-block;color:#fff; background:#b4b7da url(../images/thumbup.png) .08rem .08rem no-repeat;background-size:.3rem .3rem; font-size:.28rem; width:.48rem;height:.48rem;margin-top:.12rem;line-height:.48rem; border-radius:50%; cursor: pointer;}

.brand-vote-list .clist ul li .bootn {
    display: inline-block;
    color: #fff;
    background: #b4b7da url(../images/thumbup.png) 0.08rem 0.08rem no-repeat;
    background-size: 0.3rem 0.3rem;
    font-size: 0.28rem;
    width: 0.48rem;
    height: 0.48rem;
    margin-top: 0.12rem;
    line-height: 0.48rem;
    border-radius: 50%;
 
}

/* 点击时的样式，添加按下的效果 */
.brand-vote-list .clist ul li .bootn:active {
    transform: scale(0.95); /* 轻微缩小 */
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15), 0 2px 6px rgba(0,0,0,0.2); /* 添加阴影 */
}

/* 鼠标悬浮时的样式，可选 */
.brand-vote-list .clist ul li .bootn:hover {
    opacity: 0.8; /* 降低透明度 */
}

.brand-vote-list .clist ul li .btn:hover{ text-decoration:none;}
.brand-vote-list .clist ul li .btn.thumbed{background-color:#ccc;}

.brand-vote-list .clist ul li.dn{display: none;}
.brand-vote-list .show-more{display: none;background: #f2f3f9;width: 100%;text-align: center;height:.6rem;margin-top:.2rem;line-height: .6rem;font-size:.32rem;color: #555ba6;cursor: pointer;}
.brand-vote-list .show-more img{height:.48rem;vertical-align: middle;}
.brand-vote-list .view-more{display: none;background: #f2f3f9;width: 100%;text-align: center;height:.6rem;margin-top:.2rem;line-height: .6rem;font-size:.32rem;color: #555ba6;cursor: pointer;}
.brand-vote-list .view-more img{height:.48rem;vertical-align: middle;}

.vote-in ul li{padding:.3rem;}
.vote-in ul li a{position:relative;display:block; overflow: hidden;}
.vote-in ul li a img{width:3.08rem;height:2.08rem;}
.vote-in ul li a .text{ position:absolute; top:.2rem;right:0;width:80%;height:1.68rem; box-sizing:border-box;padding:.12rem .2rem; background:rgba(255,255,255,.9);}
.vote-in ul li a .text span{display:inline-block;height:.48rem;margin-bottom:.1rem; font-weight:bold; font-size:.36rem;padding:0 .12rem; line-height:.48rem;background:#b81507; color:#fff;}

.vote-in ul li a .text p{ font-size:.32rem; font-weight:bold;}

.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: 80%; left: 10%; 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{padding: 0.2rem 0.3rem;font-weight: 700;}
.vt-h2 h2{position:relative;padding-left:.44rem;font-weight: 600;font-size: .36rem;}
.vt-h2 h2:before {content:"/"; position:absolute;left:0;top:0;color:#aaa;}
.vt-h2 h2:after {content:"/"; position:absolute;left:.12rem;top:0;color:#eaeaea;}

.vote-list-btns{display:block;height: .72rem;line-height: .72rem;background: #ffc107;color:#fff;font-size: .3rem; text-align:center;-webkit-border-radius:.08rem;-moz-border-radius:.08rem;border-radius:.08rem;}

.show-card-more {text-align: center;}
.show-card-more a{display:block;width:4rem;height:.64rem;line-height:.64rem;color: #fff;font-size:.28rem;border-radius:.32rem;vertical-align:middle;margin:0 auto;background: #ccc;}
.show-card-more a i{position:relative;left:.16rem;top:.06rem;display:inline-block;width:.28rem;height:.28rem;vertical-align:center;color:#fff;}
.show-card-more a i:after {content:"";display: block;position: absolute;left: 0;top: 0;border-bottom: .14rem dashed transparent;border-left: .14rem dashed transparent;border-right: .14rem dashed transparent;overflow: hidden;border-top: .14rem solid #cccccc;}
.show-card-more a i:before {content:"";position: absolute;left: 0;top: .06rem;border-top: .14rem solid #fff;display: block;border-bottom: .14rem dashed transparent;border-left: .14rem dashed transparent;border-right: .14rem dashed transparent;overflow: hidden;}

.article-ly-rec{margin: .2rem 0;font-size:.22rem;color: #999;}
.article-ly-rec a{display: inline-block;width: 2.1rem;padding: 0 .1rem;height: .6rem;line-height: .6rem;text-align: center;background: #f2f9fe;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.article-ly-rec a:first-child{background: #f2f9fe;color: #658399;}
.article-ly-rec a:nth-child(2){background: #fffdf0;color: #d90;}
.article-ly-rec a:nth-child(3){background: #ffefee;color: #f44336;}

.blockchain-box{position:relative;}
.blockchain-two-re{position: relative;padding: .3rem .3rem .3rem 1.25rem;background: #f3f3f3;border-left: 0;font-size: .32rem;border-radius: .06rem;}
.blockchain-two-re:before {position: absolute;content: "\"";font-size: .96rem;color: #ccc;left: .6rem;top: .44rem;line-height: 1;font-family:fantasy;}

.three-columns{padding: .1rem .2rem;}
.three-columns ul li{float:left;width:33.3333%;margin-bottom:.2rem;text-align:center;box-sizing: border-box;}
.three-columns ul li img{display:inline-block;width:auto;height:1.44rem;max-width:90%;}
.three-columns ul li div{height:.4rem;margin-top:.18rem;line-height:.4rem;font-size:.28rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



/**新增**/
.widgettitle_nuf {
    background-color: #00adf2!important;
    color: #fff;
    font-size: 14px;
    background-color: #fcfcff;
    padding: 0 10px;
    padding-top: 10px!important;
    padding-bottom: 5px!important;
    word-wrap: normal;
    min-height: 30px;
    height: 23px;
    display: table;
    width: 100.5%;
    box-sizing: border-box;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.vote-lead-thumb {
	position: relative;
    float: right;
    max-width: 300px;
    margin-left: 40px;
}
/**点击提示**/
.message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    font-size: 14px;
    z-index: 1000;
    white-space: nowrap;
    animation: fadeInOut 2s forwards;
    display: none; /* Hide by default */
}

@keyframes fadeInOut {
    0% { opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}

  .pros-and-cons {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
        gap: 24px;
        margin-right: 0;
        margin-bottom: 0;
        font-size: 12px;
    }
    .pros-and-cons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: -24px;
    margin-bottom: -24px;
}
.pros-and-cons__column {
        flex: initial;
        margin-right: 0;
        margin-bottom: 0;
        font-size: 12px;
    }
    .pros-and-cons__column {
    flex: 1 1 270px;
    margin-right: 24px;
    margin-bottom: 24px;
    padding: 16px;
    color: #00805e;
    font-size: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}
.pros-and-cons__title {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    font-weight: 600;
    font-family: "Montserrat", "Arial-fallback", arial, sans-serif;
    line-height: 1.4;
    -moz-column-gap: 8px;
    column-gap: 8px;
}
.pros-and-cons__icon {
    width: 20px;
    height: 20px;
    font-size: 1.25rem;
}
.s-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
}
.s-icon__svg {
    display: inline-block;
    width: 1em;
    max-width: 100%;
    height: 1em;
    max-height: 100%;
    vertical-align: -.125em;
    fill: currentcolor;
}
.s-icon__use {
    fill: currentcolor;
}
.pros-and-cons__list {
    line-height: 1.6;
}
.pros-and-cons__item {
    margin-bottom: 8px;
}

.pros-and-cons__column {
        flex: initial;
        margin-right: 0;
        margin-bottom: 0;
    }
.pros-and-cons__list {
    line-height: 1.6;
}
.pros-and-cons__column{
    flex: 1 1 270px;
    margin-right: 24px;
    margin-bottom: 24px;
    padding: 16px;
    color: #00805e;
    font-size: 16px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    
}
.pros-and-cons__column-cons {
    color: #b71c1c;
}

.ReviewText {
    position: relative;
    margin-bottom: 1.6rem;
    font-size: 14px;
    line-height: 2em;
    color: #666;
}
.m-center {
    line-height: 26px;
    margin-bottom: 10px;
}
.m-center {
    color: #555;
    line-height: 26px;
  
    padding: 10px 0 10px;
    position: relative;
    padding-bottom: 20px;
    overflow: hidden;
}



.m-fzk {
    position: absolute;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    height: 30px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}

.m-fzk p {
    display: block;
    width: 88px;
    height: 30px;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    color: #fff;
    text-align: center;
    margin: 0px auto;
    font-size: 16px;
    background-color: #ffc107;
    border-radius: 8px;
}

.rev_b1 {
	border-bottom: 1px solid #e4e8eb;
	padding-bottom: 28px
}
.lgyPl_v2_digg_icon {
    margin-right: 15px;
    opacity: .8;
    color: #666;
}
.lgyPl_v2_digg_icon i {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: url(/skin/css/images/digg.png) no-repeat left top;
    background-size: 15px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.lgyPl_v2_digg_icon {
    margin-right: 15px;
    opacity: .8;
    color: #666;
}
/**the more**/
       .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
        .boxbox{
            box-sizing: border-box;
            padding-top: 75px;
            width: 100%;
            height: 100px;
            overflow: hidden;
        }
        .texttext{
            margin-top: -75px;
            font-size: 13px;
            line-height: 25px;
            word-wrap: break-word;
            white-space: normal;
            word-break: break-all;
        }
        .rt{
            float: right;
            font-size: 12px;
            line-height: 25px;
        }
        .rt a{
            color:red;
            cursor: pointer;
        }
        .ha{
            height: auto;
        }
        .retract{
            display: none;
        }
        .my_more{
            display: none;
        }
        
    /**jues**/
    .md_tit {
	border-bottom: 1px solid #f5f5f5;
	font-size: 13px;
	line-height: 38px;
	height: 38px;
	margin-bottom: 10px;
	margin-top: -5px
}

.md_tit .left{
	border-bottom: 2px solid #00aa98;
	color: #3c3b3c;
	font-size: 18px;
	display: inline-block
}

.md_tit .right{
    float: right;
	display: inline-block
	color: #1b98e0 !important;
    padding: 3px;

}

.md_tit .right a{
color: #1b98e0 !important;
 text-decoration: underline;
}


.daodu {
	overflow: hidden;
	margin-bottom: 10px
}


.daodu ul {
	list-style: none;
	margin-right: -10px;
	overflow: hidden
}

.daodu li {
	float: left;
	width: 285px;
	margin-right: 10px;
	padding: 10px;
	/**background-color: #f1f6f8;**/
	overflow: hidden;
	margin-bottom: 10px
}

.daodu li .img {
	float: left;
	width: 88px;
	height: 122px;
	overflow: hidden
}

.daodu li .img img {
	width: 88px;
	height: 122px;
	object-fit: cover;
	overflow: hidden
}

.daodu li .imgr {
	margin-left: 108px
}

.daodu li .imgr h3 {
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
}

.daodu li .imgr h3 a {
	font-size: 13px
}

/**.daodu li .imgr h3 a:hover {
	color: #fff
}**/

.daodu li .imgr p {
	color: #676666;
	font-size: 12px;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
}
@media screen and (max-width:666px) {
    
    .daodu ul {
		margin-right: 0
	}

	.daodu li {
		background-color: transparent;
		width: 100%;
		margin-right: 0;
		padding: 0
	}

	.daodu li .img {
		width: 80px;
		height: 98px
	}

	.daodu li .imgr {
		margin-left: 90px
	}

	.daodu li .imgr h3 a {
		font-size: 13px
	}
}
 /**dian**/
 	   .ssy-box {
    background-color: #fff0;
    border: 1px solid #fff0;
}
.ssy-box {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #EFEFEF;
    margin-bottom: 1rem;
}
.talks .vote .vote-wrapper {
    display: flex;
    align-items: center;
}
.talks .vote .vote-wrapper .vote-up {
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    justify-content: flex-start;
    background: linear-gradient(-80deg, transparent 10px, rgb(255 51 51 / 35%) 0) 100%;
    min-width: -webkit-fit-content;
    display: flex;
    align-items: center;
    transition: none;
    padding: 5px;
}
.talks .vote .vote-wrapper .up-thumb {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(255, 51, 51, .15);
}
.talks .vote .vote-wrapper .vote-icon-wrapper {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.talks .vote .vote-wrapper .up-thumb .vote-img {
    background-image: url(/skin/img/up.png);
}
.talks .vote .vote-wrapper .vote-img {
    position: absolute;
    width: 25px;
    height: 25px;
    background-size: 100%;
}
.talks .vote .vote-wrapper .vote-up .vote-icon-text {
    color: #ff545e;
}
.talks .vote .vote-wrapper .vote-icon-text {
    font-size: 14px;
    padding: 0 15px;
}
.talks .vote .vote-wrapper .vote-down {
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    background: linear-gradient(100deg, transparent 10px, rgb(10 171 98 / 35%) 0) 0;
    min-width: -webkit-fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: none;
    color: #0aab62;
    padding: 5px;
}
.talks .vote .vote-wrapper .vote-down .vote-icon-text {
    color: #0aab62;
}
.talks .vote .vote-wrapper .vote-icon-text {
    font-size: 14px;
    padding: 0 15px;
}
.talks .vote .vote-wrapper .down-thumb {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(10, 171, 98, .15);
}
.talks .vote .vote-wrapper .vote-icon-wrapper {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.talks .vote .vote-wrapper .down-thumb .vote-img {
    background-image: url(/skin/img/down.png);
}
.talks .vote .vote-wrapper .vote-img {
    position: absolute;
    width: 25px;
    height: 25px;
    background-size: 100%;
}