@media only screen and (max-width: 48em) { }.top-list {
margin-bottom: 20px;
}
.star {
display: inline-block;
font-size: 1.25em;
font-family: Times;
line-height: 1;
letter-spacing: 0px;
background: linear-gradient(90deg, #FE8C23 var(--percent), #989898 var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.top-list-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px;
border-radius: 5px;
box-shadow: 0px 0px 5px 0px #e5e5e5;
margin-bottom: 15px;
height: 98px;
overflow: hidden;
background: #fff;
position: relative;
flex-flow: row wrap;
}
.dark .top-list-item {
box-shadow: 0px 0px 5px 0px #2a2a2a;
background: #2f3137;
color: #fff;
}
.top-list .count {
width: 40px;
height: 40px;
border-radius: 50%;
border: 4px solid #585858;
text-align: center;
line-height: 35px;
font-weight: 600;
}
.top-list .top-list-item:nth-child(1) .count {
border-color: #d90000;
}
.top-list .top-list-item:nth-child(2) .count {
border-color: #ffc800;
}
.top-list .top-list-item:nth-child(3) .count {
border-color: #43af00;
}
.top-list.dark .top-list-item:nth-child(1) .count {
border-color: #ef7b7b;
}
.toplist-image {
width: 170px;
display: flex;
align-items: center;
gap: 10px;
justify-content: flex-start;
}
.toplist-image img {
width: 70px;
height: 70px;
object-fit: cover;
border-radius: 10px;
}
.toplist-name .name {
margin: 0;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
}
.dark .toplist-name .name{
color: #fff;
}
.toplist-des {
width: 50%;
text-align: center;
}
.toplist-des .highlight {
background: #39b549;
padding: 1px 10px;
border-radius: 0px 0px 5px 5px;
margin-top: -13px;
color: #fff;
height: 28px;
margin-bottom: 7px;
margin-right: auto;
margin-left: auto;
max-width: 250px;
font-size: 14px;
}
.dark .toplist-des .highlight{
background: #007676;
}
.toplist-des .des p {
margin: 0;
line-height: 1.5em;
text-align: center;
}
.toplist-des .des strong {
font-size: 20px;
color: #e30000;
}
.dark .toplist-des .des strong {
color: #ff7575;
}
.toplist-btn {
width: 135px;
text-align: center;
font-size: 0.95em;
}
.toplist-btn a {
display: block;
background: white;
border: 1px solid #000;
border-radius: 5px;
padding: 3px 10px;
color: #000;
text-transform: capitalize;
font-weight: 600;
}
.dark .toplist-btn a{
background: #b7b7b7;
border-color: #b7b7b7;
}
.toplist-btn a.btn-play {
background: linear-gradient(-45deg, #833ab4, #fd1d1d, #fcb045);
background-size: 400% 400%;
color: #fff;
border-color: transparent;
margin-bottom: 10px;
animation: Gradient 5s ease infinite;
padding: 4px 10px;
}
.toplist-btn a.btn-play:last-child {
margin: 0;
}
.toplist-btn a.btn-review:hover {
background: #ffe000;
border-color: #ffe000;
}
@keyframes Gradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
} #catfish_content {
box-shadow: 0 0 8px -2px rgba(20,20,20,0.76);
-webkit-box-shadow: 0 0 8px -2px rgba(20,20,20,0.76);
-moz-box-shadow: 0 0 8px -2px rgba(20,20,20,0.76);
border-radius: 5px
}
#hide_catfish {
text-align: center;
font-size: 17px;
font-weight: 700;
margin-bottom: 6px
}
#catfish_content a {
line-height: 0;
display: block;
margin-bottom: 2px;
}
#catfish_content a:last-child {
margin-bottom: 0;
}
#hide_catfish span {
background: #d90000;
padding: 5px 9px;
color: #fff;
text-decoration: none;
cursor: pointer;
border-radius: 5px 5px 0 0
}
.cat-fish {
position: fixed;
bottom: 0;
z-index: 99;
display: block;
width: 100%
}
.close-catfish span {
padding: 10px 20px;
width: fit-content;
font-weight: 600;
background: #000000bf;
margin: auto;
display: block
}
.close-popup span {
padding: 10px 20px;
width: fit-content;
font-weight: 600;
background: #ffffffbf;
margin: auto;
color: #000;
display: block
}
.cat-fish-pc {
display: none
}
.pop-up {
position: fixed;
height: 100%;
display: none;
top: 0;
background: #000000c7;
width: 100%;
z-index: 999
}
.pop-up-content {
width: fit-content;
margin: auto;
margin-top: 10%
}
@media screen and (max-width: 767px){
.top-list-item {
height: auto;
padding-top: 40px;
}
.top-list .count {
position: absolute;
top: 0;
left: 0;
border-radius: 0px 0px 40px 0px;
width: 28px;
height: 28px;
line-height: 24px;
border-width: 0;
border-left: 0;
border-top: 0;
background: #585858;
font-size: 14px;
font-weight: 400;
text-indent: -4px;
}
.top-list .top-list-item:nth-child(1) .count {
background: #d90000;
}
.top-list .top-list-item:nth-child(2) .count {
background: #ffc800;
}
.top-list .top-list-item:nth-child(3) .count {
background: #43af00;
} 
.toplist-des .highlight {
position: absolute;
top: 0;
margin: 0;
left: 50%;
transform: translateX(-50%);
display: block;
width: 215px;
font-size: 13px;
padding: 1px 7px;
}
.toplist-des {
order: 3;
width: 100%;
max-width: 100%;
margin-top: 3px;
border-top: 1px solid #4a4a4a;
padding-top: 8px;
}
.dark .toplist-des {
border-top: 1px solid #ebebeb;
}
.cat-fish-pc {
display:block
}
.cat-fish-mobile {
display: none
}
}.title {
font-weight: 600;
}
.top-ten tr td, .top-ten table {
border: 0;
padding: 0;
width: 100%;
display: block;
}
.top-ten tbody, .top-ten tr {
width: 100%;
display: block;
}
.top-rank-content {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
border: 2px solid #39b549;
border-radius: 5px;
padding: 10px 15px;
box-shadow: 0 1px 2px rgb(0 0 0 / 25%);
background: #fff;
position: relative;
flex-flow: row wrap;
}
.top-rank-content .thumb span {
border-radius: 50%;
border: 5px solid #3a3a3a;
width: 45px;
height: 45px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 600;
position: relative;
font-size: 1em;
}
.top-rank-content img {
max-width: 65px;
margin: 0 10px;
display: inline-block;
}
.top-rank-content .thumb {
flex-basis: 20%;
max-width: 20%;
line-height: 1em;
text-align: left;
display: flex;
align-items: center;
}
.style3 .top-rank-content .thumb {
flex-basis: 40%;
max-width: 40%;
justify-content: space-between;
align-items: center;
height: 100%;
flex-flow: row wrap;
display: flex;
position: relative;
padding-left:30px ;
}
.style3 .top-rank-content .score {
position: absolute;
top: 0;
width: auto;
max-width: 100%;
left: 0;
text-align: left;
padding: 5px;
line-height: 1em;
background: #000;
border-radius: 5px 0px 5px 0px;
color: #fff;
font-size: 0.7em;
}
.style3 .review-score i {
font-style: normal;
color: #f7c200;
font-size: 1.25em;
margin-right: 3px;
}
.style3 .review-score strong {
font-size: 1.2em;
}
.style3 .top-rank-content .thumb span {
border-radius: 0px 5px 5px 0px;
border: 0 !important;
width: 20px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9em;
background: #39b549;
font-weight: 400;
position: absolute;
left: 0;
color: #fff;
}
.style3.top-ten tr:nth-child(3) .top-rank-content .thumb span {
color: #fff;
background: #00389C;
}
.style3.top-ten tr:nth-child(2) .top-rank-content .thumb span {
border: 0;
color: #fff;
background: #edd000;
}
.style3.top-ten tr:first-child .top-rank-content .thumb span {
border: 0;
color: #fff;
background: #d90000;
}
.style3 .top-rank-content .thumb a {
flex-basis: 40%;
max-width: 40%;
padding: 35px 0px 15px;
background: #efefef;
border-radius: 5px 0px 0px 5px;
height: 100%;
position: relative;
justify-content: center;
align-items: center;
display: flex;
}
.style3 .top-rank-content .des {
font-size: 1em;
flex-basis: 60%;
max-width: 60%;
border-radius: 0px 5px 5px 0px;
padding: 25px 0px 15px;
background: #efefef;
height: 100%;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
font-weight: normal;
}
.style3 .des strong, .style4 .des strong  {
font-size: 1.5em;
line-height: 1.2em;
}
.style3 .top-rank-content img {
max-width: 65px;
margin: 0;
}
.style3 .top-rank-content {
padding: 10px 10px 10px 0px;
height: 140px;
}
.style3 .top-rank-content .content-title {
flex-basis: 42%;
max-width: 42%;
text-align: center;
}
.style3 .top-rank-content .content-title .h4 {
font-size: 1.2em;
}
.game-count {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
flex-flow: row wrap;
margin-top: 5px;
}
.list-game {
flex-basis: 33.33%;
max-width: 33.33%;
font-size: 0.85em;
line-height: 1.3em;
color: #525252;
}
.list-game span {
display: block;
}
.list-game span.number {
font-weight: 600;
}
.top-rank-content .content-title{ 
flex-basis: 15%;
max-width: 15%;
text-align: left;
}
.top-rank-content .content-title .h4{
margin: 0;
font-weight: 600;
font-size: 1.3em;
color: #000;
}
.top-rank-content .des {
font-size: 1.2em;
font-weight: 600;
color: #000;
flex-basis: 35%;
max-width: 35%;
text-align: center;
line-height: 1.3em;
}
.top-rank-content .des p {
margin: 0;
line-height: 1.3em;
}
.style3 .top-rank-content .des p, .style4 .top-rank-content .des p{
font-size: 1em;
}
.star {
display: inline-block;
font-size: 1.25em;
line-height: 0.7;
background: linear-gradient(90deg,#2db201 var(--percent),#989898 var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: -1px;
transform: translateX(-2px);
}
.top-rank-content .score {
text-align: center;
flex-basis: 15%;
max-width: 15%;
margin: 0;
}
span.review-score {
display: block;
line-height: 1em;
font-size: 1.8em;
font-weight: 600;
color: #000;
}
.custom-label {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
color: #fff;
min-width: 220px;
text-align: center;
}
.custom-label span{
background: #39b549;
padding: 0px 20px;
border-radius: 0px 0px 4px 4px;
width: 100%;
display: block;
}
.top-ten tr:first-child .top-rank-content {
border: 2px solid #d90000;
}
.top-ten tr:first-child .top-rank-content .thumb span{
border: 5px solid #d90000;
color: #d90000;
}
.top-ten tr:first-child .custom-label span{
background: #d90000;
}
.top-ten tr:nth-child(2) .top-rank-content {
border: 2px solid #edd000;
}
.top-ten tr:nth-child(2) .top-rank-content .thumb span{
border: 5px solid #edd000;
color: #edd000;
}
.top-ten tr:nth-child(2) .custom-label span{
background: #edd000;
color: #000;
}
.top-ten tr:nth-child(3) .top-rank-content {
border: 2px solid #00389C;
}
.top-ten tr:nth-child(3) .top-rank-content .thumb span{
border: 5px solid #00389C;
color: #00389C;
}
.top-ten tr:nth-child(3) .custom-label span{
background: #00389C;
}
.top-tent-btn {
flex-basis: 15%;
max-width: 15%;
}
.top-rank-content .top-tent-btn a {
display: block;
background: #c70000;
border-radius: 5px;
color: #fff;
text-decoration: none !important;
text-align: center;
padding: 5px;
font-weight: 600;
text-transform: capitalize;
margin-bottom: 10px;
}
.top-rank-content .top-tent-btn a.btn-play {
margin-bottom: 0;
border: 1px solid #000;
background: transparent;
color: #000;
}
.top-rank-content .top-tent-btn a.btn-play:hover {
background: #ffeb00;
border-color: #ffeb00;
}
.top-rank-content .des.hidden-desktop, .style4 .des.hidden-mobile, .style5 .des.hidden-mobile{
display: none;
}
.style4 .top-rank-content .des.hidden-desktop, .style5 .top-rank-content .des.hidden-desktop {
display: flex;
}
.style4 .top-rank-content .content-title {
flex-basis: 60%;
max-width: 60%;
text-align: left;
display: flex;
}
.style4 .top-rank-content .des {
flex-basis: 35%;
max-width: 35%;
flex-direction: column;
font-size: 1em;
font-weight: 400;
}
.style4 .top-rank-content .thumb {
flex-basis: 15%;
max-width: 15%;
}
.style4 .top-rank-content img {
max-width: 60px;
margin: 0 0px 0px 6px;
}
.style4 .top-rank-content, .style5 .top-rank-content {
padding: 10px 10px;
border: 2px solid #f7f7f7;
}
.style4 .top-rank-content .thumb span {
border-width: 3px !important;
width: 35px;
height: 35px;
}
.style4 .star {
background: linear-gradient(90deg,#ffbc00 var(--percent),#989898 var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 1.1em;
letter-spacing: -2px;
}
.style4 .top-rank-content .score {
text-align: center;
flex-basis: 10%;
max-width: 10%;
}
.style4 .game-count {
flex-basis: 65%;
max-width: 65%;
}
.style4 .list-game {
flex-basis: auto;
max-width: unset;
}
.style4 .top-tent-btn {
font-size: 0.9em;
}
.style4 span.review-score {
font-size: 1.6em;
}
.top-ten.style5 tr {
padding: 7px;
flex-basis: 33.333%;
max-width: 33.3333%;
}
.top-ten.style5 tbody {
margin: 0px -7px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.style5 .top-rank-content {
border-width: 0 !important;
height: 160px;
}
.style5 .top-rank-content:before{
content: '';
height: 3px;
width: 100%;
position: absolute;
top: -3px;
left: 0;
background: linear-gradient(90deg, #858584 -0.26%, #DFDEDD 20.09%, #BCBBBA 45.29%, #FFFFFF 54.11%, #C2C2BA 69.82%, #4D4C4C 86.79%)
}
.style5.top-ten tr:first-child .top-rank-content:before {
background: linear-gradient(31.81deg, #319BA2 9.89%, #49D4E7 37.23%, #078CC5 83.29%, #A2EAFA 93.6%, #57BFEB 144.92%);
}
.style5.top-ten tr:nth-child(2) .top-rank-content:before {
background: linear-gradient(90deg, #FFF8A7 -0.26%, #E7AE49 20.09%, #FFFCB6 62.05%, #EBBA57 100.26%);
}
.style5 .top-rank-content .thumb span {
position: absolute;
right: 0;
top: 0;
border: 0;
border-radius: 0;
background: url(//dudoanmacao.me/wp-content/plugins/top-ten/images/top3.png) no-repeat center;
background-size: 100%;
color: #fff;
font-weight: 400;
font-size: 0.9em;
width: 35px;
height: 38px;
}
.style5.top-ten tr:first-child .top-rank-content .thumb span {
border: 0;
color: #fff;
background: url(//dudoanmacao.me/wp-content/plugins/top-ten/images/top1.png) no-repeat center;
background-size: 100%;
}
.style5.top-ten tr:nth-child(2) .top-rank-content .thumb span {
border: 0;
color: #fff;
background: url(//dudoanmacao.me/wp-content/plugins/top-ten/images/top2.png) no-repeat center;
background-size: 100%;
}
.style5.top-ten tr:nth-child(3) .top-rank-content .thumb span {
border: 0;
color: #fff;
}
.style5 .top-rank-content img {
max-width: 50px;
margin: 0;
}
.style5 .top-rank-content .thumb {
flex-basis: 25%;
max-width: 25%;
position: unset;
}
.style5  .top-rank-content .content-title {
flex-basis: 75%;
max-width: 75%;
text-align: left;
padding-left: 7px;
}
.style5 .top-rank-content .des {
flex-basis: 100%;
max-width: 100%;
font-size: 1em;
font-weight: 400;
text-align: left;
}
.style5 .top-rank-content .des p {
font-size: 0.9em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
max-height: 4em;
}
.style5 span.review-score {
display: inline-block;
line-height: 1em;
font-size: 1em;
font-weight: 600;
color: #39b549;
}
.style5  .top-rank-content .score {
text-align: left;
flex-basis: 100%;
max-width: 100%;
}
.style5 .star {
font-size: 1.1em;
background: linear-gradient(90deg,#ffb100 var(--percent),#989898 var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: -3px;
}
.style5 .top-rank-content .content-title .h4 {
margin: 0;
font-weight: 600;
font-size: 1.2em;
color: #000;
}
.style5 .game-count {
flex-flow: unset;
}
.style5 .list-game {
flex-basis: auto;
max-width: unset;
}
.style5 .top-tent-btn {
flex-basis: 100%;
max-width: 100%;
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.style5 .top-rank-content .top-tent-btn a {
flex-basis: 45%;
max-width: 50%;
margin: 0;
padding: 4px 0px;
font-weight: 400;
font-size: 0.9em;
}
.style1 .top-rank-content .thumb span, .style6 .top-rank-content .thumb span {
width: 40px;
height: 40px;
background: url(//dudoanmacao.me/wp-content/plugins/top-ten/images/top4.svg) no-repeat center center;
background-size: contain;
color: #fff;
font-size: 0.9em;
display: inline-flex;
align-items: center;
justify-content: center;
background-size: contain;
border-width: 0px !important;
}
.style1.top-ten tr:first-child .top-rank-content .thumb span, .style6.top-ten tr:first-child .top-rank-content .thumb span {
border: 0;
color: #fff;
background: url(//dudoanmacao.me/wp-content/plugins/top-ten/images/top1.svg) no-repeat center center;
background-size: contain;
}
.style1.top-ten tr:nth-child(2) .top-rank-content .thumb span, .style6.top-ten tr:nth-child(2) .top-rank-content .thumb span {
border: 0;
color: #fff;
background: url(//dudoanmacao.me/wp-content/plugins/top-ten/images/top2.svg) no-repeat center center;
background-size: contain;
}
.style1.top-ten tr:nth-child(3) .top-rank-content .thumb span, .style6.top-ten tr:nth-child(3) .top-rank-content .thumb span {
border: 0;
color: #fff;
background: url(//dudoanmacao.me/wp-content/plugins/top-ten/images/top3.svg) no-repeat center center;
background-size: contain;
}
.style1 .top-rank-content {
border: 2px solid #ffd400;
}
.style1.top-ten tr:nth-child(2) .top-rank-content {
border: 2px solid #033ba0;
}
.style1.top-ten tr:nth-child(3) .top-rank-content {
border: 2px solid #16a700;
}
.style1 .top-rank-content .des,.style1 .top-rank-content .des p,
.style6 .top-rank-content .des p, .style6 .top-rank-content .des {
font-size: 1em;
font-weight: 400;
}
.style1 .top-rank-content .des p strong, .style6 .top-rank-content .des p strong {
font-weight: 600;
font-size: 1.4em;
line-height: 1.4em;
color: #39b549;
}
.style1 .top-rank-content .des {
flex-basis: 50%;
max-width: 50%;
}
.style1 .star, .style6 .star {
background: linear-gradient(90deg,#ffb100 var(--percent),#989898 var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.des .h4 {
margin: 0;
flex-basis: 35%;
max-width: 35%;
}
.top-ten-list b, .top-ten-list strong{
font-weight: 700;
}
.top-ten-list-widget {
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
border-radius: 5px;
margin-bottom: 10px;
padding: 7px 10px;
flex-flow: row wrap;
line-height: 1em;
}
.top-ten-left {
max-width: 45%;
flex-basis: 45%;
align-items: center;
display: flex;
}
.top-ten-left .count {
background: url(//dudoanmacao.me/wp-content/plugins/top-ten/images/star.svg) no-repeat center;
background-size: contain;
width: 33px;
height: 33px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-weight: 600;
line-height: 1em;
padding-top: 3px;
text-shadow: 0 0px 2px rgb(0 0 0 / 35%);
font-size: 0.9em;
}
p.name {
margin-bottom: 0;
font-weight: 700;
line-height: 1.3em;
}
.top-ten-list-widget a {
text-decoration: none;
color: #000;
}
.top-ten-widget .thumb {
max-width: 17%;
flex-basis: 17%;
}
.top-ten-widget .thumb img {
width: 50px;
height: 50px;
}
.btn-widget {
flex-basis: 33%;
max-width: 33%;
font-size: 0.85em;
text-align: center;
}
.top-ten-list-widget .star {
background: linear-gradient(90deg,#ffc107 var(--percent),#989898 var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: -2px;
font-size: 1.1em;
}
.content-left {
margin-left: 7px;
}
.btn-widget a {
border-radius: 40px;
background: #F6C143;
width: 95%;
display: block;
padding: 6px 0;
font-weight: 500;
color: #202020;
}
.btn-widget a:hover {
background: rgb(246 193 67 / 75%);
}
.btn-widget a.play-widget {
background: #008941;
margin-bottom: 7px;
color: #fff;
}
.btn-widget a.play-widget:hover {
background: rgb(0 137 65 / 76%);
}
.top-ten-list-widget:first-child .name a {
color: #db0000;
}
.top-ten-list-widget:nth-child(2) .name a {
color: #25AAE1;
}
.top-ten-list-widget:nth-child(3) .name a {
color: #008A3E;
}
.style6 .top-rank-content, .top-ten.style6 tr:first-child .top-rank-content,
.top-ten.style6 tr:nth-child(2) .top-rank-content, .top-ten.style6 tr:nth-child(3) .top-rank-content{
background: #EBF6FF;
border: 0;
padding: 5px;
}
.small-label {
color: #134F7B;
text-transform: uppercase;
font-size: 0.75em;
font-weight: 600;
letter-spacing: 0;
}
.style6 .top-rank-content .content-title {
flex-basis: 23%;
max-width: 23%;
text-align: left;
}
.style6 .top-rank-content .des p strong {
display: block;
color: #1882CA;
font-weight: 700;
letter-spacing: 0;
}
.style6 .top-rank-content .des {
flex-basis: 25%;
max-width: 25%;
}
.style6 .top-rank-content img {
max-width: 60px;
margin: 0 5px;
display: inline-block;
}
.style6  .top-rank-content .thumb {
flex-basis: 16%;
max-width: 16%;
}
.style6 .top-tent-btn {
flex-basis: 32%;
max-width: 32%;
display: flex;
justify-content: space-between;
align-items: center;
}
.style6 .top-rank-content .top-tent-btn a {
display: inline-block;
margin: 0;
background: #1882CA;
padding: 5px 7px;
}
.style6 .top-rank-content .top-tent-btn a:hover {
background: #f6c143;
color: #000;
}
.style6 .top-rank-content .top-tent-btn a.btn-play {
border: 1px solid #1882CA;
color: #1882CA;
background: transparent;
}
.style6 .top-rank-content .top-tent-btn a.btn-play:hover {
background: #1882ca;
color: #fff;
}
.style6 .top-rank-content .top-tent-btn a.btn-view {
line-height: 1.68em;
position: relative;
background: #BBDFF5;
display: inline-flex;
align-items: center;
justify-content: center;
height: 100%;
}
.style6 .top-rank-content .top-tent-btn a.btn-view:before {
content: '';
font-size: 2em;
color: #1882CA;
background: url(//dudoanmacao.me/wp-content/plugins/top-ten/images/icon-down.svg) no-repeat center center;
width: 25px;
height: 26px;
background-size: 70%;
}
.style6 .top-rank-content .top-tent-btn a.btn-view.active:before {
content: '';
background: url(//dudoanmacao.me/wp-content/plugins/top-ten/images/icon-up.svg) no-repeat center center;
background-size: 70%;
}
.content-full.active p:last-child {
margin-bottom: 0;
}
.content-full.active {
background: #f5f5f5;
padding: 15px;
border-radius:7px;
margin-top: -10px;
margin-bottom: 15px;
}
.style6 .top-rank-content .thumb span {
font-size: 0.8em;
padding-top: 1px;
}
.style1 .top-rank-content .des p strong {
display: block;
}
.style7 span.review-score {
display: none;
}
.style7 .star {
background: linear-gradient(90deg,#ffcc00 var(--percent),#989898 var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;;
}
.info-game {
flex-basis: 47%;
max-width: 47%;
margin-right: 20px;
}
.top-ten-gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 10px;
font-size: 0.65em;
font-weight: 500;
margin-top: 7px;
}
.top-ten-gallery img {
margin: 0;
max-width: 70px;
max-height: 2rem;
object-fit: fill;
width: 100%;
}
.info-game p {
font-size: 0.92em;
margin: 0;
font-weight: 500;
}
.style7 .top-rank-content .thumb {
flex-basis: 18%;
max-width: 18%;
line-height: 1em;
}
.style7 .top-rank-content .thumb img {
margin: 0 0px 0px 10px;
}
.style7 .top-rank-content .score {
flex-basis: 100%;
max-width: 100%;
margin: 0;
text-align: left;
}
.style7 .top-rank-content .thumb span {
background: url(//dudoanmacao.me/wp-content/plugins/top-ten/images/circle-top-list.png) no-repeat;
border: none;
background-size: 100%;
width: 35px;
height: 35px;
}
.top-ten.style7 tr:first-child .top-rank-content .thumb span,
.top-ten.style7 tr:nth-child(2) .top-rank-content .thumb span,
.top-ten.style7 tr:nth-child(3) .top-rank-content .thumb span{
border: none;
background: url(//dudoanmacao.me/wp-content/plugins/top-ten/images/circle-top-3.png?) no-repeat;
background-size: 100%;
}
.style7 .top-rank-content {
border: 2px solid #ff5f00;
}
.top-ten-gallery .gallery-item {
display: inline-block;
}
@media screen and (max-width: 991px){
.style4 .top-rank-content img {
max-width: 50px;
}
.style4 .list-game span.name {
font-size: 0.95em;
}
}
@media screen and (max-width: 767px){ 
.top-rank-content img {
max-width: 40px;
margin: 0px;
}
.top-rank-content .thumb span {
width: 30px;
height: 30px;
border-width: 3px !important;
}
.top-rank-content {
padding: 10px 10px;
}
.top-rank-content .thumb {
flex-basis: 25%;
max-width: 25%;
order: 2;
}
.top-tent-btn {
flex-basis: 100%;
max-width: 100%;
margin-top: 10px;
display: flex;
justify-content: space-between;
order: 5;
}
.top-rank-content .score {
flex-basis: 18%;
max-width: 18%;
line-height: 1em;
order: 4;
}
.top-rank-content .des.hidden-desktop {
flex-basis: 100%;
max-width: 100%;
display: inline-block;
text-align: left;
font-size: 1em;
}
.top-rank-content .hidden-mobile{
display: none;
}
.top-rank-content .content-title {
flex-basis: 55%;
max-width: 55%;
text-align: left;
order: 3;
}
.custom-label {
padding: 0px 10px;
text-align: center;
order: 1;
flex-basis: 100%;
max-width: 100%;
transform: translate(0);
position: unset;
margin-top: -8px;
margin-bottom: 10px;
line-height: 1em;
}
.top-rank-content .content-title .h4 {
font-size: 1.2em;
}
span.review-score {
font-size: 1.5em;
}
.star {
font-size: 1.1em;
}
.top-rank-content .top-tent-btn a {
flex-basis: 48%;
max-width: 48%;
margin: 0;
padding: 4px 0px;
order: 2
}
.style2 .top-rank-content .thumb span {
display: none;
}
.style2 .top-rank-content .thumb {
flex-basis: 16%;
max-width: 16%;
order: 2;
}
.style2 .top-rank-content .content-title {
flex-basis: 60%;
max-width: 60%;
}
.style2  .top-rank-content .des, .style2  .top-rank-content .des strong {
font-size: 0.9em;
font-weight: normal;
}
.style2  .top-rank-content .score {
flex-basis: 20%;
max-width: 20%;
}
.style2  .star {
font-size: 1em;
}
.style2 .top-rank-content img {
max-width: 45px;
margin: 0px;
}
.top-rank-content .top-tent-btn a.btn-play {
order: 1;
}
.custom-label span {
background: #39b549;
padding: 0px 20px 4px;
border-radius: 0px 0px 4px 4px;
line-height: 1em;
display: initial;
min-width: 145px;
font-size: 0.9em;
}
.style3 .top-rank-content .thumb {
flex-basis: 100%;
max-width: 100%;
height: 50%;
}
.style3 .top-rank-content .des {
padding: 15px 0px 15px;
flex-basis: 75%;
max-width: 75%;
flex-flow: row wrap;
}
.style3 .top-rank-content .content-title {
flex-basis: 100%;
max-width: 100%;
text-align: center;
}
.style3 .top-rank-content {
padding: 5px 10px 5px 0px;
height: 215px;
}
.game-count {
margin-top: 0;
}
.style3 .top-tent-btn {
margin-top: 0;
padding-left: 10px;
}
.style3 .top-rank-content .thumb a {
flex-basis: 25%;
max-width: 25%;
padding: 20px 0px 0px;
}
.style3 .top-rank-content img {
max-width: 55px;
}
.short-des {
flex-basis: 65%;
max-width: 65%;
text-align: center;
}
.style4 .top-rank-content .content-title {
flex-basis: 75%;
max-width: 75%;
flex-direction: column;
}
.style4 .top-rank-content img {
max-width: 40px;
margin: 0 0px 0px 4px;
}
.style4 .top-rank-content .thumb span {
border-width: 2px !important;
width: 28px;
height: 28px;
font-size: 0.9em;
}
.style4 .top-rank-content .score {
text-align: center;
flex-basis: 17%;
max-width: 17%;
position: absolute;
top: 10px;
right: 10px;
}
.style4 .game-count {
flex-basis: 100%;
max-width: 100%;
position: absolute;
left: 0;
bottom: 50px;
padding: 0px 10px;
width: 100%;
}
.style4 .top-tent-btn {
margin-top: 50px;
}
.style4 .top-rank-content .thumb {
flex-basis: 25%;
max-width: 25%;
}
.style3 .top-rank-content .des p, .style4 .top-rank-content .des p {
font-size: 0.9em;
}
.style4 .des strong {
font-size: 1.4em;
}
.top-ten.style5 tr {
padding: 0;
flex-basis: 100%;
max-width: 100%;
}
.top-ten.style5 tbody {
margin: 0px 0px;
}
.style5 .top-rank-content .des p {
-webkit-line-clamp: 2;
max-height: 2.8em;
margin-top: 4px;
}
.style5 .top-rank-content .score {
margin-top: 5px;
}
.style5 .top-rank-content {
height: auto;
}
.style5 .top-tent-btn {
margin-top: 10px;
}
.style5 .top-rank-content .content-title {
flex-basis: 80%;
max-width: 80%;
text-align: left;
padding-left: 0;
}
.style5 .top-rank-content .thumb {
flex-basis: 20%;
max-width: 20%;
}
.style1 .top-rank-content img, .style6 .top-rank-content img {
margin: 0px 6px;
max-width: 55px;
}
.style1 .top-rank-content .thumb, .style6 .top-rank-content .thumb {
flex-basis: 35%;
max-width: 35%;
order: 2;
}
.style1 .top-rank-content .thumb span, .style6 .top-rank-content .thumb span {
width: 37px;
height: 37px;
font-size: 0.85em;
font-weight: 400;
}
.style1 .top-rank-content .content-title {
flex-basis: 65%;
max-width: 65%;
text-align: left;
order: 3;
position: relative;
}
.style1 .top-rank-content .score {
flex-basis: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 5px;
}
.style1 .top-tent-btn {
margin-top: 8px;
}
.style6 .top-rank-content .content-title {
flex-basis: 65%;
max-width: 65%;
text-align: left;
}
.style6 .top-tent-btn {
flex-basis: 100%;
max-width: 100%;
}
.style6 .top-rank-content .score {
position: absolute;
right: 7px;
top: 5px;
}
.style6 .top-rank-content .des.hidden-desktop {
font-size: 0.95em;
}
.style6 .top-rank-content .top-tent-btn a.btn-view {
line-height: 1.6em;
width: 50px;
flex-basis: 50px;
max-width: 50px;
}
.style6 .top-rank-content .top-tent-btn a {
flex-basis: 41%;
max-width: 41%;
}
.content-full.active {
padding: 10px;
}
.style5 .top-rank-content .top-tent-btn a.btn-review {
order: 2;
}
.info-game {
flex-basis: 100%;
max-width: 100%;
margin-right: 0;
order: 3;
}
.style7 .top-rank-content .thumb {
flex-basis: 35%;
max-width: 35%;
line-height: 1em;
order: 1;
}
.style7 .top-rank-content .content-title {
order: 2;
flex-basis: 65%;
max-width: 65%;
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: row wrap;
}
.style7 .top-rank-content img {
margin: 0 0px 0px 10px;
max-width: 60px;
}
.style7 .top-rank-content .score {
flex-basis: unset;
max-width: unset;
margin: 0;
text-align: left;
order: 2;
}
.style7 .top-rank-content .des.hidden-desktop {
font-size: 0.9em;
font-weight: 500;
order: 3;
margin-top: 5px;
}
.style7 .top-rank-content .content-title .h4 {
order: 1;
}
.top-ten-gallery {
margin-top: 10px;
}
}