yanxiang_h5/unpackage/dist/dev/mp-weixin/pages/rank/rank.wxss

.leftCon {
  width: 20%;
  height: 100%;
  display: flex;
  flex-direction: column;
  font-size: 28rpx;
  background-color: #fff;
}
.rightCon {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.rightCon .topNavCom {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 30rpx 30rpx;
  font-size: 26rpx;
}
.rightCon .topNavCom .order {
  padding: 10rpx 20rpx;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  border-radius: 8rpx;
  color: #eb5a10;
}
.categoryItem {
  width: 100%;
  text-align: center;
  margin-top: 40rpx;
  box-sizing: border-box;
  border-left: 6rpx solid #fff;
}
.activeItem {
  border-left: 6rpx solid #eb5a10;
  color: #eb5a10;
}
.funcItem {
  width: 90%;
  margin-left: 5%;
  height: 300rpx;
  background: #ffffff;
  box-shadow: 0px 3px 30px rgba(112, 48, 160, 0.04);
  border-radius: 10rpx;
  margin-bottom: 30rpx;
  box-sizing: border-box;
  padding: 30rpx;
}
.funcItem .txt {
  color: #666666;
  font-size: 26rpx;
}
.funcItem .bomBtns {
  border-top: 1px solid #e9e9e9;
}
.dian_icon {
  width: 42rpx;
  height: 42rpx;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.diano {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAABHNCSVQICAgIfAhkiAAAA8dJREFUeF7tms1rE1EQwN8kLZZCu0uaBBWUoghaFL2p/4B6EVqxtruKogc/6udJPIkXERUP2ooVEcHCbmqt9aToP6BXi6Ig6EFUbFKTtGmlNNlxom36QWz3vd1s4+btLWTmzbzfzsyb994Ck88fAiA5/CUgQUxFggQhQcwtCjIiZETIiCi6UMrUkKkhU0OmxkJdtKc1ItWmrJ0EWIWQywLmPkVi49/KpcX3FERcU14zgK2FySP7ygDNmsnctbq+THwpoXgGIqHVrUcIvi82WWRsHBAvRcz09aWC4RkIioarFA3nF54oGhEjvX8pYHgGYkhTvgPA8sUmCchawmbq6WJybv/vCYhhrX6XBYHndpxHZG+iZmqLHVk3ZTwBEdeVGB19tNl1PJjLbgr1Zt7alXdDruQgks2qmq1lSR5nqXieixqpmzw6TmVLDoKK5DEqkt08jlJ6dFJ6nOHRcSpbchBDuvIKGGzjcRQRH0TN9BEeHaeyJQWRbFcbswH2mddJ34GgJfMKLZkXKh5EXFOphWYrKxrEcJuywwrCC14IeXlfpQatFgatFlpFg8DdrDZepwzTalFT0SCokzxKneRdEQj/ZWokdOWyxVg7vfk1opN2RQ9ZGsG6GDVGbomOJ9xH0NLYR0vjXlHDpdBDhi+jRnqnyNhCIBKa2ozABkQMllwHLT1ijpi8doRADOlqJyme4jXmjTx20+HOCV5bYiA05QmlRcu0MWDWobAx8nD6N6XNbfq/g9cZV+QR79GRHxVrvsd3IJBZZ0WKpu9ABHFyc8gcG+SLB8EvZij0yzQ1MEn1IcQLIS/vq4igPUo/nWMILem+AkFF+zQV7a6Kj4gAZjc2mJl3FQ5CvD74qkZQe91H7fU+kWjwFQhg2BE20nckiFy2KdybKXrJbAeOT1YNZ/XBR6mBMWqkhI4FZ/ZLduJmnkzZdZaIx2mjJXwi5o+IoHZyGbOi9eZoQuCdFlTEaoSu9NPx3J5Z2/CD1NH1FLbhutpFA5904phdXeIwQG11wRe7evPlhEAkNOU+AszcTSJ+oG3Lj1mDrxO52BGZBH2UtiFsjpJ9Z48QCJEbbmduFtcOWNjaEEs/dmNsIRB5w3Fdzff0TW44wTtG/uMzug47TCnxiFf3X/LiIA7UrsBcdT8dyW13y5lFx0H8SLXpGeDEjYbYry+LynMICIOYtvGztWZ1trqqEayqAIddLtEA5CZCVaOD0MPGuBQ5hB2D4LBV1qISxNTrkSAkiLmZKiNCRoSMiKKrl0wNmRoyNWRqLNTayhoxRec3DhmrUlS45cwAAAAASUVORK5CYII=);
}
.dianc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAABHNCSVQICAgIfAhkiAAAA05JREFUeF7tmkFy2kAQRVsUqUqyGqqMt7FPkPgEIScI2Rk2ISewcwLDCeKcIGQD3oWcwOQEcU5gsjWuYrxxFnF58kUAj4QQ0lgMjGhtbEDSqJ9+/2m1xiPexgQ85vCfAIOYKIFBMIigKbAiWBGsiMiJklODU4NTg1Mjroq26hGjQ7F359EL/4KURze7HXmxKSW+VRBXdfETA77SgpekqF9U9LF0JgfrhGINxFgNBbqMCbZZ7sjWumBYA3FdE6dIh6PYPFX0eacrj9cBwxqIq5q49Dza04L8jf/HfqFvnqJ3gNGzDcMKCKihCjV804Mr3lLJ/3z3nNr483b6m1I02O3K/VyCgBraUMN7LdivCLYx/TysC98oZ+pQRAe2Z5SVK2JUFQJ3fRQnf4Bo4vcTbZ8WjNP/ztq2chDXddHAHf6iewOC1L2CtgJEuHaAGc7NDLkHEVU7FO9pP1w85R5EuHbAjPALJqlXluOMyT2IcO0AQ/qw05H+dBnYcg1iUe1Q6km5VSCW1Q46jNwqIkntsBUgktQOuQIBSZ9gJmiEHqbmqsGo2mEJiLQVpd/XaBf/UCvKg5KczLiyHNbEOd6cVpIMgn1iS+YIj0h42uBuqGAv8IxyYHKwEYgI6S8b2woI/yIWTdHLLtAMRIImS2hgayCQqoEn22UApr8bgUBa9IH+9WyQe3pTPpP96Web02F4rO0FEb4paASXu/I0qRLypAh45MNm2tRxOjWGh6JCBTqfYVB0AzWItGqYmGz6wzbFIyK86DuaPtX0ERmuodoYEBn5Qx4UkYk/OA0iS39wG8R859vYH9wGkaE/uA2iLjLzB2dBZO0P7oLI2B+cBTG34MTw+UIvvJwrsaN6IVEvjdJWl06BgBKOcMHBJ0tFP/B8UUkbeHh/IxBzrXq0yNCXnL2vgJ3v6X1Mf80DBhqYXizWVojQ2quHU4V6IaZjGIHAs8YxGjOfTAfN7LgMvOFR/Qj/vcXfZ9THXX+ZWVApT2Tam1w0jJEi/JNN1ky2Ay27lMGk3h39BqRd74miZtbLEY1BTIMYv9V6Glg7mTq+JAeoAslVLid6NIgkQbiwD4OY3CUGwSCCCcuKYEWwIiInMU4NTg1ODU6NuAqXPWJC5x+BxSFhXi5gyQAAAABJRU5ErkJggg==);
}
.dian_txt {
  color: #eb5a10;
}
.shou_icon {
  width: 42rpx;
  height: 42rpx;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-left: 20rpx;
}
.shouo {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAABHNCSVQICAgIfAhkiAAAAztJREFUeF7tmtFxEzEQhldM3kkHmA6cCogfgXhwKiBUgDvAVIBTAe4gZOIMj5gKuFSA3QF5hkT8ku889o1zPkl7e/ewO3Njz0SRtJ//Xa2kM6TmCRjlsCagIHIlKAgFsZsUVBGqCFXE3oVSQ0NDQ0NDQ6OqitYc0ZUcYW/pHebSp0f6Q0d0bV7Tso39T2uKAIA+WbqC072S41P6S5/NOcAIWisgcgi/KvycmTP6IMihnd2nndMPOHla6ailgRnSQgqGuCLsDQAYD+KQLaCKwaFGXH+XB1FHDYV3gqoQBRGghgKFmCpkQYSoQVgVYiAi1CCqCjkQMWoQVEWjIOx3FEuWXqBqvIBP7ok1V21O6BktzRv6GdtJ1f+xgPAF0iO9wkSP4birD47x9JuYsO/Touo0lOHbEp8OUoax71LK8yQQiPsRJvEVk3GOd8EWKM/PY8rzaBAegvF7ha5ZBhiDUBhRIOwVFHBEvzukhN0fw2LTNkROCbA4EPXL5ICpsDZdojx/GdJjLIgJ1PApZCDptgAR5FtQ48KZDueHYoorgOiFwI8D4eqDB798PQ8ZTKytpUvkiHHIeFEg/FI+9wN9CRlMqO0Kq0ZfZNXYhMicZvj+XsjBOsPcIzOcmrderUEWrYgOwoiG4HxJBpGHSdvKWMGTUYwSih+UBYSHcYtNlUW5LW2W7ugfwiHx1JsNRCswmCCwhca2CFBjSBVb91gdeqlKYA+NTfKU24xlKJpOuCKRNTR8eMgpgkLL6Cpo/CDm9A0DuvvM5s3QScpKsT3BJkC4q7zmTqd2EhIOYYYefLI1AcImz6puBxHnDk91zQqixuVuXRfrtrtGnnDHhcnGC0JuxSgcZ1s5uEFI1RAbBXCtHAoiR9o+COsvbKZ43OsCF/gMOuzppiLWrwNVvQmzndRWaDveXv78zdiDP32ue8bRzWTpvMTJ1eyAI27LPEEh5NrttZpAks4fygOzhkbROcrsKZz9WBrMTXxcBaA8uRyIC5typZp8/iACwitjLfMR5O+uA7OUCpCzr6dU2IgikqubFjpQEE0sny38kGxDqiJUEbtiUkWoIlQRexOshoaGhoaGhkZV9aU5IqfzH1z860Of4ny4AAAAAElFTkSuQmCC);
}
.shouc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAABHNCSVQICAgIfAhkiAAABHlJREFUeF7tmltS2zAUho9a2tfSFRBW0LACwmMvTMMKCisgXQHpChpWAKyAMqXTx6YraFgBzg7Kay+o/7Flx7fIki3bTEeaYWCwYul8/s9FxxHkR0hAeA4RAQ9CKcGD8CCyQcErwivCK6I0UXrX8K7hXcO7hq6K9jHiocQI+YXeYi9DuqeftEFX4iUFfZx/elMEAAxJ0iWMHuQMn9Fv+iAOAKbD0QsIBeGHxs5z8YaOOuTQz+lTXtM3GDnSGippT+zTvCsYnStCfgYAEYKIhqTv9IfGiA/DzP+J5lDF3v8LIq+Gx7QdB0go5RyGv0tB6kwVnSqioAaiCzz1w0QcXxE4/9JtSgWdqaJbEBo1JDB6UkVnIKrU0LcqugNhoIY+VdEqCMk+L2kLVSPHgSQW4O9MbMhnhvBz2VgRYM6UHlEgXiHLtDCcgAgLpHvaxUY3YTjXB5v4Ga7dbypTrJtTyCDpiRJVp6AF/hXgN0NaYO2bJuV5IxDw+zE2cYbNsOFmQ9CReB2mSe2Ql7jnBgoqQS+q5qauz1GeH9Qpz2uDCCGI8KxgNiTdsLxRLX4y+wBqLYbxhGaYz8CfGX5uARh7tjBqgVBP67ZUCZHBfGCas0/DZQJUjgvbjeWNVu7HyuPKlGPPAL/Z/YqAJA5t+4gpFqMeiGKZfAoZz5r4qMWeC1OVOlk5W+pigEJt2+aedUFM8TRO4oWwaK372Gy0ai5gNNpTLQNK4sN7wOAn0stQsYSP9QO1gSX2E/9ttKd6IKI8z+lr5Z+G2cBoVxaTFAQ+za7StaRTxIiJxW3qSxp5nhf6mFmsYxilEIiWyBpD2+BcSxGx8aVFT0cw1kC4w6MdoU5htVqNRiB4pT5guIbAdjQG0TUMdQ7hQi5dwi9hybiOEpLMZ6UfzWQUPIcocs4yUyTKXYtK0mQvUCBnh3RgvEHBNrKNCfm1nCgiiRlFGNaFjQ5GATZXsQ4gOHON9ObzhQ0ZnDRNlFDignfIDoOmSnDuGokq8ocxh215QObT6K5aa4GiaccUYtU8p64RPrWGpa7WNVq8t3sQ1+Exm99n8rAuda1ihKCdJpkivVYbIFZRHS9vkDVGVbI0vV7ycshZVmoDhEwMq9EXqIKC9NnK/Z2CKLzcNSy3w8/9QmPW4A04QASAFfcdrhAwuXvVeLgFYZExVIV4gufLLb+458lnhBmMu1hnWVuZwzWIyuaIOifwqfVQ8xgDADoqexveVlZqDwRa7jDkeVJfcCP2KR2jhzmx6HrPAYT7j/PkPi2l0PZAhEUFHaAEnmsB8NcC4A744aYsq6SsWx0C4SYweqP8+iCJC67ahG5BRF8H0n0TJu0NS8ydpA9lKm5MMWn11QB9GHyYwTIUQf5tdtEQPjJPdS95DIHUbsKUsXWqiJQfz2DscW5B3vjE5C1Xcp+oN8puE1eq8aXG/Yc8jFZAhMqIjBhD/pwaF036Ei7vtc7TWgOhd+2Hd9WDUM/Eg/Agsu7pFeEV4RVRmrK8a3jX8K7hXUNXz/oY4WNEVh//AGnuoVIiQReRAAAAAElFTkSuQmCC);
}
.shou_txt {
  color: #ffb400;
}