153 lines
14 KiB
Plaintext
153 lines
14 KiB
Plaintext
/* pages/ranking/ranking.wxss */
|
|
.container{
|
|
background: #fff;
|
|
padding-bottom: 120rpx;
|
|
}
|
|
.banner{
|
|
width: 100%;
|
|
position: relative;
|
|
min-height: 390rpx;
|
|
padding: 30rpx 30rpx 0;
|
|
}
|
|
.banner::after{
|
|
background: #2a7be9;
|
|
height: 300rpx;
|
|
width: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
content: "";
|
|
}
|
|
.banner-conter{
|
|
background: #fff;
|
|
width: 100%;
|
|
z-index: 1;
|
|
position: relative;
|
|
padding: 50rpx 30rpx;
|
|
display: inline-block;
|
|
box-shadow: 10rpx 10rpx 10rpx rgba(0,0,0,.1);
|
|
}
|
|
.banner-conter .text{
|
|
height: 262rpx;
|
|
line-height: 262rpx;
|
|
font-size: 63rpx;
|
|
color: #2a7be9;
|
|
font-weight: bold;
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
.banner-conter .img{
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
.banner-conter .img image{
|
|
width:289rpx;
|
|
height: 262rpx;
|
|
}
|
|
.ranking{
|
|
width: 100%;
|
|
}
|
|
.ranking .ranking-th{
|
|
background: #f7f7f7;
|
|
width: 100%;
|
|
display: flex;
|
|
vertical-align:top;
|
|
padding: 20rpx;
|
|
}
|
|
.ranking .ranking-th view{
|
|
float: left;
|
|
display: inline-block;
|
|
font-size: 28rpx;
|
|
color: #a8a8a8;
|
|
}
|
|
.ranking .ranking-list {
|
|
display: flex;
|
|
vertical-align:top;
|
|
width: 100%;
|
|
border-bottom: 1rpx solid #dddddd;
|
|
padding: 20rpx;
|
|
}
|
|
.ranking .ranking-th view:nth-child(1),.ranking .ranking-list view:nth-child(1){
|
|
width: 12%;
|
|
}
|
|
.ranking .ranking-th view:nth-child(2),.ranking .ranking-list view:nth-child(2){
|
|
width: 48%;
|
|
}
|
|
.ranking .ranking-th view:nth-child(3),.ranking .ranking-list view:nth-child(3){
|
|
width: 25%;
|
|
}
|
|
.ranking .ranking-th view:nth-child(4),.ranking .ranking-list view:nth-child(4){
|
|
width: 30%;
|
|
text-align: center;
|
|
padding-left: 0rpx;
|
|
}
|
|
.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.ranking .ranking-list .ranks text{
|
|
font-size: 40rpx;
|
|
color: #fc7e21;
|
|
width: 40rpx;
|
|
height: 94rpx;
|
|
text-align: center;
|
|
display: block;
|
|
margin-left: 10rpx;
|
|
}
|
|
.ranking .ranking-list:nth-child(1) .ranks text{
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyCAYAAAAus5mQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RENCRDE0REFGNTg0MTFFQTlGQUJCMUNBNzVBQjE4NTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RENCRDE0REJGNTg0MTFFQTlGQUJCMUNBNzVBQjE4NTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQ0JEMTREOEY1ODQxMUVBOUZBQkIxQ0E3NUFCMTg1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQ0JEMTREOUY1ODQxMUVBOUZBQkIxQ0E3NUFCMTg1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsTSRPIAAAW6SURBVHjaxFlbbBRVGP53dmcvLdsL0lppa0VaLSI1NSgPXmgxBhQejNiaiPLkgxBrDBpJiERfNDEaE6JREp6M+KAQNNEEgreKL3hJi6Sm2kakNy7Fttvbdq+zfv/saTtzOnttd/dPvmw7c+Z83/znP/855x/beFcHZWEKcC/wCLAZuAOoAYrF/VlgGOgDfge+B7oALVMiR4btbwH2A3uBW5O0cwGrgSbgKXFtEPgE+Bi4mokn0rEy4AhwCXg9hbhExs8cFn0cEX2m78Hyfz6wbDCxvuMJ8dZVtDLmBl4C2oF94P3KgjP1EKORHT/vAAcA25IGsSipc0Ok+gfJHhojJTxJNi0Uv6U4SVNLKeq8icKeWgoXwXk2u9wDv/Ap8LyP34MQGk07BvGQEz+fGeJnMSYiM+T2dZNzuheCgpYvx9eVyDQ55obJNfkHBLso5N1AgbJm0hyrTE2BV4A6cO6ByFDKGBSeO75EXEwj98RvVDL4KUgvJBSXSDA/w89yH9yXZMx1XHCn9CAPa5vsteLrp8kRuLas4LPFIuQZP4+wuEyzNz8me7NNzPRXE3oQb7BTxNxiA8SWd+TkssWZvIK+uE/uW7ID0LDL9FKGRO0FeoFqo+e8Iyf031wYe3C6uk32JHtiA+CTPXjYKI7jpPj6mZyJWwydM3JMVolcaxpiXiFeNCUrXxeG4irl2piDuSTbLzQtCHwe8JhSCc+2PBlzSSPlEZoWBO41LaST3fqMy5cxF3NK9ty8wHuAeuMK4ZrqpXybzhkzLSYNrI0Fthqv8tKVSRJeMS+Ck7kla2GB95sEYn0tlFlwb2GBjcYr9uCNggm04G5UTLlPXzl8BRNowV2jiBXEEAuhggm04PayQNW8/9EKJ3Apt8oCTRkyZlMLJtCCe5oFjpoXcG/BBFpwj7LAfuMV3qYXyiy4+1hgj/FKxLO2YAItuP9kgeeMV8JFt1mekfIxReLcJjvHAn8EpoybSP0UlmdjTmnjypp+YIFzwEnjnUD55rwLtOBkTYH57dYxUyy411K4+Pb8eQ9czCnZMeN+8Dxw1njXv2Yrxezu3Oc+cDCXZGeFJtOZhA/QYWMszlY+muMJY9M5pNjjTeHBJcdOnOo53bwnz2h/RWuORNrIX7nNaua+C1xIVFl4c9618xYs2YhD9g4sQ46VG1b0xX0GvXfJt5j7jYQHd1Eb4RP+sPF6aFU9Tde0U9RVsfzVAn1wX9ynZMzZJtdnltRm0IAbbgNG5GVoqrpdH/Js1mt+hp/lPiyWNOZqFdypq1to2D+xvuMB/HlanPJF2CgY8rv1oVH9A+Sc6dMrWErUby3KXoTlqwbeaojHms2yXsontMfBeTnt8psQOQCRfF45Cuwxx7eC3LVOh/5vdI7sXB+MhRe2TVG1FCnEk8qxXOJ7AVwJyxdJI58f1D7fdCjcsOaZwPZ6m1biTpDLPBRJLWYxrqYC5O78t8+18btnU1YeDJUtywal1Llb7f/Ppl4ap1BTFQW31JK22pPVBFHG58j1yxA5L15DUGsNWs+m2slDLUNpCUxiO+OzRCNn9xUd0eoSCjdWUKSujKKVSLJKgjypxcg+OkOOAR+pf90g+8iUORHG+z6atcDStzs5xT+45HgIogUyu0JamZu0EhfF1HiB1BaOYhiDpPgC+oslse3LEiiqDq7kiU0jZcyvIwtrhRNUDHM4cd0mFlsckbYm+f5HwL4c7xceBn5eiNMTFylporYYglzbjqQTK8m9OiDTTWGPvJanYQ9lK/C+DIn4o+Eu4fUvM3iumadaNgKb0yTgL5tcU+alcUCcJZ4Enqb4Z4VUxpliXTYCU52c+CzDHwX5U+xbvOmR7n8B3Al0pCG0JhuBpQmu80H/NaAWeBm4kuwsBHwoYnk38I3Fi5BcH0o3D34LtHB9BPgb+An4muIfpjPeBgKnBMrFdm6rED4G/Jrowf8FGABQFe50buzSYwAAAABJRU5ErkJggg==) no-repeat center;
|
|
background-size: 40rpx 50rpx;
|
|
font-size: 26rpx;
|
|
color: #fff;
|
|
line-height: 88rpx;
|
|
}
|
|
.ranking .ranking-list:nth-child(2) .ranks text{
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAwCAYAAAB9sggoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RENCRDE0RDZGNTg0MTFFQTlGQUJCMUNBNzVBQjE4NTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RENCRDE0RDdGNTg0MTFFQTlGQUJCMUNBNzVBQjE4NTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RTYzMDg3NUY1ODQxMUVBOUZBQkIxQ0E3NUFCMTg1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RTYzMDg3NkY1ODQxMUVBOUZBQkIxQ0E3NUFCMTg1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLUyVgAAAUwSURBVHjaxFlpTB1VGP2gj1JWW0hZAtr60hJqlNqStHGjpIttUi1WRf1pokH7i5i4JfrPmJgYG2NIXOLyxx9GQktsYqw1FKOWqq0LWm3ZVYgsAqW8ttA+wHOYO/S+++YNzKNvOMlhmDv3fue8u829d5JqTs1IHCgF7wXvBEvAm8BM9SwE/g22gSfAL8GzXgUCHvKuAJ8AnwRvd8mXCuaCm8BHVdov4PvgB+CEJ2PvnXbOUFMuSbg8Dr4KFkp84A+pA18CXwY/gt5MDL1ZJLtFQ6YiXJrAD91MhadFLl21yP9dUKhqrUnF9t6UKMj+0wiuNp9dDot0jYr0jokMXbIM6UhPQaF0keJskWCOSFq0SiX4MzQeQM2dWLAxFNiNyyFq6OnjkyI//SvSPiIy7TJmaPSvMYstvSLrYW4z6iorNSIbf/AxaD0Ic0fNGMkOprY6mWodEKn/Q+TcsLspE8zLMizLGAaocUhpxjaGDHm4HNZNsc8c7RA52Ttv/3EFyzIGYxlxqNWotGPWWEQnZ4DP260muV5gLMY0zBUo7WhjcPwILnv1h03dIv0hue5gTMY2sBceHjONBdQ8NYffBkV6zkvCwNjUMPCKPSBtYw+D6+ynoSsiP/ZJwkENamlYp7zMGavRn3JKWExH9zIgqGXgKdsYZ+BtduoEJs+2YfEN1KKmhgp6orEd+iDoHPU2Ty0W1KKmMSB38M89euo/Y+I7HDQraGyDnjJ40X9jDpqlNBa07ybDUe3tCyaidYM0lqWvGpYKhrHsZG1J7GundxoEGjJobK7rLUteOmOG9hhvR/UF3lLB0B6hsXb7LgV3mcv9N5W13NLW0MHbMxGL8kz/jRVEa56hsWY9Zc1K/405aDbT2HEu0+cy3YANZMA/U9Sipr7XoScauwAe0UfHrXn+GaOWMSI/oyc7qU5/UpbvzyCgxm35Ucl1+nrsW72vBZBasSbxxqhhjMZm5SViM/IMOGXfcLO6pShxphibGhqmlIfIzQg2nTz4OBhx4FDgWNWLBmMytoGDyoPj9o0HHi16wh3FIlvB5KTFG2IMxmJMAy1K23lfCcfcGlRx5tXTN+IX3lcisiotflMse3+JFcsAtaqUduwjAmQYwmWX/qqyZ+eHsKSsXCuS48Eg87IMy+ZHz/DU2KU05z9UQcYebD655K7Xl95sipJciyOYBnsxAw5h9Tl+5dp6ihMm332rM6zO7fIjvgGroTXg6RiKBWBue2nPyYaOG8v3hZelRNVEThxNG5i6KismQ2+G0lc9B43wvOdj9kmeufWr/aQm0J8blMbKWmldXykzEt8oSELJsvZmqfr6LSn8r/PsgRdbwzE03WuMePu1Mr7FdhYMd8nTDbXSl1ci35Xtl9Mb9siFjNwFGcq+OCzlf34hd7UelqLBNjt5H/iu6w9xO7WGsWpcPjXTWWs02VW0Ufpzb5bzWflyOdXq2WmTIVk5PiAFw90S7Pt11kxS9HErFw05qLXJuGrMPP3Rm6V48Nws412wqkH1Vcwam5m59mumq8vM573qCCEReB18PmLuqm+NPY9puCWBpojdrm8Jl2fbPApxtzXo5ZUp1ocKz8a2eBDhEd9+VQvdC55BRMrjMVa+QAEehW9WS3SuDvip5h122QWU3RSPsbXzBD2l5qM9Ri2xSQ/w3Q82zGOwyKuxFP1MQwO/gfBryU7V1EdcRH8X69iSX+feAPudtpRe5zEa+F41J09jfwCPifVhwut5Yyf4LPgCeDe4ndsKnk+AH8cq9L8AAwCPdINDPHa2WwAAAABJRU5ErkJggg==) no-repeat center;
|
|
background-size: 40rpx 50rpx;
|
|
font-size: 26rpx;
|
|
color: #fff;
|
|
line-height: 88rpx;
|
|
}
|
|
.ranking .ranking-list:nth-child(3) .ranks text{
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAxCAYAAACoJ+s+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUU2MzA4NzNGNTg0MTFFQTlGQUJCMUNBNzVBQjE4NTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUU2MzA4NzRGNTg0MTFFQTlGQUJCMUNBNzVBQjE4NTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RTYzMDg3MUY1ODQxMUVBOUZBQkIxQ0E3NUFCMTg1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RTYzMDg3MkY1ODQxMUVBOUZBQkIxQ0E3NUFCMTg1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PshhoNUAAAT3SURBVHjaxFlLaFxVGP7PnaSZNA3RSWtFUpoiXSgqVYuISlMfKHWhINqKWiy2bqw73SmCCFJFd+KmVkHrA3RjcWdxoVBUQhEXfYFtlDbpIyQzbSadR+4cv+/OSTLnPmbmzuTO/PBxhnvP+b/v/uf1nzPKPXBAWrAUcB/wMHAvsBkYAQbM+zxwATgDHAd+Af4E3LhEPTHrbwReB14AbqlTbxVwI3AH8Ix5Ngl8A3wC/NssoVqMoDMxEVmpMjp6M4r3gJeBXmnPysCXwNvgvBjBt/TbaeQNlV9BcRLY11Cc1lXUN/rYS5/wvbflLkbjNIqDwEuhFVxX1Py8SKEgqlQSWVhYFqcUPPeIXoWeTqdFr16NUZvye7gB+Aw821G+imgWmhaIRkMofgTGAi8hRuVyVXFR0eLzclkUIPm8qJkZT6QegluKto0B2ADOpyEy53/phIjD58qRgLhKRdT0tDiTk6JA2kRXWoLZxmsLH/TlM3IdMdz1BcK+ALbZw7osztSUqLk5adfog77o02fbDHe0QHzBayh2WjUwxiIctjGPqx9M3z7bCQ37QwXixQYUH1jVi0VxLl8O65L2DT493+DwGTVsCovgh8Aay8GVK8mIq88xUBuoRYG3A7ussYKZ5y0dSRs4PC7bnjWalgRy+1LWUrICEyLOxPF1NbXsXxTYF4heNiudNq6tPnue2ijwISBj7RDXr3deIDldK9mhpgcdkzItV6y3QyRpXMzJbdsjFLjFv+51zYLcWxyTbC5HcCUX5LjdHOTeTIE3+ad91yzIvZ4CB/2LZ9csyD1IgfZeo1T3BAa5ixR4zU4fnO4JDHJf4xPrMKJ7e7umL4T7HAWesh719XUvgkHuUxR4zHrU3989gUHuYxR41AozDjk88HTceMgit21HKfAs8IclcnCw8+MvyPk7tS1Om0OBysFjYnIGrhCBn9fmg4eBqdrproeHOxc9ctlLzEWjaUkg86t3rEY8x3agq8nhHexte9doss4kh/wzWmcyYY1XThyDkMmEjb2DgUMTTvXanPKztVuPXrcukUh6kYNv3/aWNTdnbui5GCLPodht3eNRJMaI1my7EomsFt1f9ekTR87dRkP0zQIq/IRijyXSLYuePS2V2b9El2Zbl1bKVn3MBa4HybXHcDe+PELFwzjIM739CkhL7gJSIeZqC6KvnhDds0ZUer2ovrWIQoNFXaNNcVp04RKam5Niruh9tKS8vbdgIvdDrOs3NoBIJhLfycx/t9qJ5RyiQPwDDwOiUjhrp7ALKNMhGnmdWxDt5lE3H5L3IWBZfPTwKDeJXeAaj30/aESOV3pzY5I7zz4JX7khQIeJaGSXTp6FwLvBcbXuDlhzNyMy/nVYnUcjxbVj8zMj4HMCOfTWFxtev/ntqYSWQd5k7miYwzZ4z1H8WIIbyRPtCuStw1CCAndYd0JhxxRdc4tQee4u//uPgDcS3o75R9DxpYh9/3esCD7egWTmyVa7mH/e3BmT7LxU//6KY9tbFXh/TKIzZtDzMuq3GO221huH9QTe0yRBCfjYjKUTUv1PjlHhBeR0E+05CTe1InBjE8KYQ94GvAnUXsly/f0U4Bb5FveNBr5GWhGYiXg+YbJvfvU+c+iKMm5j75uPZZ73s5dxBC3dyl5MZ2MmMqeBXwGmQ+MtJIa8//nWYK3ZPh8wH5n1nypr7X8BBgDcWcDfyBNcLQAAAABJRU5ErkJggg==) no-repeat center;
|
|
background-size: 40rpx 50rpx;
|
|
font-size: 26rpx;
|
|
color: #fff;
|
|
line-height: 88rpx;
|
|
}
|
|
.ranking .ranking-list view{
|
|
float: left;
|
|
/* display: inline-block; */
|
|
padding: 0;
|
|
height: 94rpx;
|
|
line-height: 94rpx;
|
|
}
|
|
.ranking .ranking-list .name{
|
|
font-size: 28rpx;
|
|
}
|
|
.ranking .ranking-list .img{
|
|
position: relative;
|
|
padding: 10rpx 10rpx;
|
|
}
|
|
.ranking .ranking-list .img .id{
|
|
line-height: initial;
|
|
width:35rpx;
|
|
height: 41rpx;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
font-size: 13rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABICAYAAACuukaYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDU4RTM1RUFGNEJDMTFFQUExNzhEOURGMjAwQUZGODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDU4RTM1RUJGNEJDMTFFQUExNzhEOURGMjAwQUZGODIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozOTQzREZGRkY0QkMxMUVBQTE3OEQ5REYyMDBBRkY4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozOTQzRTAwMEY0QkMxMUVBQTE3OEQ5REYyMDBBRkY4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk9y1JQAAAE+SURBVHja7NbPSgJRGIbxo3gRs9Ab6AoKu4y6Bvd5HUI3kraIoFZFaiC0kTZBq2iRC3ERYpD/3gNfMIvAZpo5jvgceHChjPP7zjAzpYPW6Ng59+D2a3XLbk8XcODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cOB5rm91qxoqUnV1rt5DnkQl0P/M1I1qqys1iX03Un11po7UqTpR1V2Ff6prdWGf0w2/X9kAfoZwGBtCrejwse1o2y7nr5TH8UN4tJp5DCEL+Ie6tJ29U/OMh5nLENLC32xXfT21DHSvyGwISeAvMeyTncQ217+GsAk+tEvYY58L/FhOPITKLwcYqI6BX3fw3eRPQ/Dwhbo3aCf0i8SWhhCtBRgA0ghNoQEzJioAAAAASUVORK5CYII=) no-repeat top center;
|
|
background-size:35rpx 41rpx ;
|
|
}
|
|
.ranking .ranking-list .img text{
|
|
display: block;
|
|
}
|
|
.ranking .ranking-list .img image{
|
|
width: 124rpx;
|
|
height: 75rpx;
|
|
}
|
|
.ranking .ranking-list .number{
|
|
font-size: 28rpx;
|
|
color: #f83f3c;
|
|
font-weight: bold;
|
|
} |