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

.leftCon {
  width: 20%;
  height: 100%;
  display: flex;
  flex-direction: column;
  font-size: 28rpx;
  background-color: #fff;
}
.rightCon {
  width: 80%;
  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: 2rpx 18rpx 2rpx 4rpx;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  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: 230rpx;
  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 .img_icon {
  width: 80rpx;
  height: 80rpx;
  background-color: #eee;
}
.dian_icon {
  width: 42rpx;
  height: 42rpx;
  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=);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.dian_txt {
  font-size: 24rpx;
  color: #eb5a10;
}
.shou_icon {
  width: 42rpx;
  height: 42rpx;
  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);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-left: 20rpx;
}
.shou_txt {
  font-size: 24rpx;
  color: #ffb400;
}
.rightTxt {
  font-size: 24rpx;
}