博客列表 >学号:572616 -元旦1月1日商城系统首页和购物车页面

学号:572616 -元旦1月1日商城系统首页和购物车页面

Rayc
Rayc原创
2020年01月04日 21:21:104017浏览

# # 1.元旦1月1日商城系统首页代码

(a) HTML 代码

(a-1) 商城系统首页代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>商城系统首页</title>
  6. <link rel="stylesheet" href="./static/font/shop_public_header.css">
  7. <link rel="stylesheet" href="./static/font/iconfont.css">
  8. <link rel="stylesheet" href="./static/font/shop_index_nav.css">
  9. </head>
  10. <body>
  11. <!--logo+search+button-->
  12. <div class="shop-public-header">
  13. <div class="content">
  14. <!--logo-->
  15. <a href=""><img src="./static/images/logo.png" alt=""></a>
  16. <!--search-->
  17. <div class="search">
  18. <input type="search" name="search" id="search">
  19. <label for="search">搜索</label>
  20. </div>
  21. <!--button-->
  22. <button>免费入驻</button>
  23. </div>
  24. </div>
  25. <div class="shop-index-nav">
  26. <div class="content">
  27. <!--左侧主导航区-->
  28. <div class="nav">
  29. <!--导航头部-->
  30. <div class="nav-top">
  31. <span>全部商品分类</span>
  32. <span class="iconfont icon-liebiao"></span>
  33. </div>
  34. <!--主导航-->
  35. <div class="nav-main">
  36. <!--分类-->
  37. <div class="nav-detail">
  38. <span>数码产品</span>
  39. <span>
  40. <a href="">单反相机</a>
  41. <a href="">微单相机</a>
  42. <a href="">笔记本电脑</a>
  43. <a href="">摄影机</a>
  44. <a href="">稳定器</a>
  45. <a href="">存储卡</a>
  46. </span>
  47. </div>
  48. <div class="nav-detail">
  49. <span>常用软件</span>
  50. <span>
  51. <a href="">修图软件</a>
  52. <a href="">后期处理</a>
  53. <a href="">调色软件</a>
  54. <a href="">Final Cut</a>
  55. <a href="">Adobe</a>
  56. <a href="">其它</a>
  57. </span>
  58. </div>
  59. <div class="nav-detail">
  60. <span>商业推广</span>
  61. <span>
  62. <a href="">公众号</a>
  63. <a href="">小程序</a>
  64. <a href="">今日头条</a>
  65. <a href="">VLOG</a>
  66. <a href="">抖音</a>
  67. <a href="">其它平台</a>
  68. </span>
  69. </div>
  70. </div>
  71. </div>
  72. <!--右侧轮播图区-->
  73. <div class="slider">
  74. <!--轮播图的头部-->
  75. <div class="slider-top">
  76. <a href="">首页</a>
  77. <a href="">数码3C</a>
  78. <a href="" id="active">免费素材<img src="./static/images/hot.png" alt=""></a>
  79. <a href="">摄影器材</a>
  80. <a href="">阳光交易</a>
  81. <a href="">跨境电商</a>
  82. <a href="">商业素材</a>
  83. <a href="">商业素材</a>
  84. <a href="">商业推广</a>
  85. </div>
  86. <!--轮播图的主体-->
  87. <div class="slider-main">
  88. <img src="./static/images/2.jpg" alt="">
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <!-- footer-->
  94. <footer>
  95. <p align="center">copyright 2014-2020 <a href="http://www.php.cn/">PHP中文网 </a>版权所有 </p>
  96. </footer>
  97. </body>
  98. </html>

(a-2) 网页运行图

(b) CSS代码

(b-1) public-reset.css

  1. * {
  2. margin: 0;
  3. padding: 0;
  4. /*参考线 */
  5. /* outline: 1px dashed red;*/
  6. }
  7. body {
  8. font-size: 13px;
  9. color: #555555;
  10. background-color: #efefef;
  11. }
  12. a {
  13. color: #404040;
  14. text-decoration: none;
  15. font-size: 13px;
  16. }
  17. li {
  18. list-style: none;
  19. }

(b-2) shop_index_nav.css

  1. @import url(./static/font/public_reset.css);
  2. .shop-index-nav {
  3. background-color: #fff;
  4. padding: 30px 0;
  5. }
  6. /*水平,居中*/
  7. .shop-index-nav > .content {
  8. width: 1200px;
  9. margin: auto;
  10. display: flex;
  11. }
  12. /*设置左主导航*/
  13. .shop-index-nav > .content > .nav {
  14. width: 300px;
  15. }
  16. .shop-index-nav > .content > .nav > .nav-top {
  17. height: 50px;
  18. padding: 10px;
  19. box-sizing: border-box;
  20. background-color: #178cee;
  21. display: flex;
  22. justify-content: space-between;
  23. }
  24. .shop-index-nav > .content > .nav > .nav-top > :first-of-type {
  25. font-size: 18px;
  26. font-weight: bold;
  27. color:white;
  28. }
  29. .shop-index-nav > .content > .nav > .nav-top > :last-of-type {
  30. font-size: 23px;
  31. color: white;
  32. }
  33. .shop-index-nav > .content > .nav > .nav-main {
  34. background-color: #000000;
  35. width: 300px;
  36. display: flex;
  37. flex-direction: column;
  38. }
  39. .shop-index-nav > .content > .nav > .nav-main > .nav-detail {
  40. border-bottom: 1px solid #aaaaaa;
  41. box-sizing: border-box;
  42. height: 100px;
  43. display: flex;
  44. flex-direction: column;
  45. }
  46. .shop-index-nav > .content > .nav > .nav-main > .nav-detail > span:first-of-type {
  47. color: white;
  48. padding: 10px 20px 0;
  49. }
  50. .shop-index-nav > .content > .nav > .nav-main > .nav-detail > span:last-of-type {
  51. flex: 1;
  52. padding: 10px;
  53. display: flex;
  54. flex-direction: row;
  55. flex-wrap: wrap;
  56. justify-content: space-around;
  57. align-content: space-around;
  58. }
  59. .shop-index-nav > .content > .nav > .nav-main > .nav-detail > span:last-of-type a {
  60. width: 80px;
  61. color: #aaaaaa;
  62. }
  63. .shop-index-nav > .content > .nav > .nav-main > .nav-detail > span:last-of-type a:hover {
  64. color: white;
  65. }
  66. /*右侧轮播图样式*/
  67. .shop-index-nav > .content > .slider {
  68. flex: auto;
  69. display: flex;
  70. flex-direction: column;
  71. }
  72. .shop-index-nav > .content > .slider > .slider-top {
  73. height: 50px;
  74. display: flex;
  75. align-items: center;
  76. }
  77. .shop-index-nav > .content > .slider > .slider-top > a {
  78. padding: 0 10px;
  79. font-size: 16px;
  80. }
  81. .shop-index-nav > .content > .slider > .slider-top > a:hover {
  82. color: #178cee;
  83. }
  84. .shop-index-nav > .content > .slider > .slider-top > a:nth-of-type(3) > img {
  85. width: 22px;
  86. position: relative;
  87. top: -8px;
  88. left: 3px;
  89. }
  90. .shop-index-nav > .content > .slider > .slider-main {
  91. flex: auto;
  92. }
  93. .shop-index-nav > .content > .slider > .slider-main img {
  94. width: 900px;
  95. height: 300px;
  96. }

(b-3) iconfont.css

  1. @font-face {font-family: "iconfont";
  2. src: url('iconfont.eot?t=1563162654181'); /* IE9 */
  3. src: url('iconfont.eot?t=1563162654181#iefix') format('embedded-opentype'), /* IE6-IE8 */
  4. url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAFQcAAsAAAAArvwAAFPLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCaNAqCnwyB4gABNgIkA4VQC4JqAAQgBYRtB5M8Gz6OJ9g2rXnY7QD03V5EE0V5nNWRiGDjAECRt2T//39CcjKGjBzMvKXVucRchtFNDUUJwmkYQtUonAqlH0QmJhQkxatg4iCiIKJw3bfDiBV6HGxg7eeNPbUaKc9Smrvhpnfe5wsrqp3JS6xGNUgvp1liHeJzbWasIkYxKc0+8M2zyP94zzCeuDGple3U5EWjE55H2vQlP9ArnZjLTczpzNqZwtQ0ATA8P7fe399g+bfPyI0YUQoIDIna36hRMZDcYEQpo3oWJVHKAIWJFYeR1LDOUzxBvTSYd56njXH2yfBt9gbXR7v6BDLabWxmKuqnjNtX4/K4wq4jiVciSDqmke+CtOf9a+7tx+ZP3QfEAuG+3QKAO4pJ5lxSY+7cKbQAtDBTBUR0QzmvTOOEARxM7uHDl6PeqqjcWYnogwNHVq4t/iYzyz88h7/7Z2MMkQgSTjtpGu0hUOgPpjrlHH0CM7eyWZaKgWXYlhhFwia4kPPrc7af3lfV/ootu6fU0cNi55T86bbf+5gHkRAJmQJkkYhFDc4L+fLkkyV/4JwCQ8qqh+jtI9vcSIVYaU1NLlPfZn03A0lV9wwDVXZq0kLCCpZw6vwwvzPveQsSWcGz65FL1uxMmOHOn0TA/JuqrjhBdKmk3Tfx6dGtDktanfaMv9wB+PfxARwOIHE8gCZISeYBpIMDSBmFtEBKiQ90gzrkVulUWmntDiBtgHQBSMkhlUaml7ZlGPMyZsy41DHLvgVLOaRZQWg5eV2SasE5aTdgwY997Kd+DrKG1lpqK1FCECk5kRgcfeNrrEO25Uck2sToweoWBbrIpg9suwkrOS9W2KEzr6K/7xkK8JGMLKgy5arUwcEQ3ZkCVJeO7VvicDJG0qJwPF7B3RqlpuPB0RP0WWAa+8yrN+RSDmg8QrRXNdqVbUOJ54TP0WDXutVERjDRnAIsrUCALIB5cgeFPtkLnJEsjPpE/8qMTAXG4uLFq1AlNR4HXvxESVGgQjOtdBBFHElkUEwZ7YxwhklmuPwvZX7WVde7DVNufK+e1L9epa61wmrrlDvmCZdaaZa3WIUaaqq3sNLLraC11dfUSDvP5EKX+8baCBgsBrvLnmhqeuhj7c9b0822iKs9e4tHfP2CmF8dLldp/5CWqhpPUB77gn/tUebA1fXtY2yHZL59cdPSh95vX926nt0c506e/S+i8qkEKsPqbCqXKrF/mZZqqsmqZqqd6oDJ/014XpawlCREIR6a+CQkOomIwVCq05GoxGUO8wghJrlx8LGYPIQRi/nEIZRoCIlJSjIM21jIIhLgGcnmB/624xYAgAgTyriQShvr2q4f5mXd9uO87uf9QAhGUAwnSIpmWO7f1l0/jNO8rBskSrKiarphen4QRnGSZnndtF0/jPOybiJhBMVwgqIZluMFUZIVVdMN07Id1/ODaD/O637e7vw7H0zJ0EWYvYD+fxGSMQxI47E0AT8i4lcIDqNjkVBsp4UhMbGTPvZiPf3Y8IoZAlYzwmUmOM0SZ9lgiWyx1Qq8yBFvcsEMeWEtb5zki1niY56i8K3YZ6o4wAIlYb0MvKsYm5VhjtqxTCMY0RkcNImjZnDcZYzXPwIF/gcmPA868CKshqQQCDFhA+wMSngWxiE5PIeZ8AJmw0uYC69gfrMetm/2QqzSIUUZkCoppCkb0pUDGcqFTOVBlvIhWwWQo0LI1VrIUxHkSwYFKoZClUCRSqFYZVCicihVBZSpGspVCxWqg0rJoUotUK1WqFEb1GoL1Kkd6tUBDeqERnVBk7qhWT3Qol5oVR+0qR/atRU6tA06NQBdUkC3BqFHQ9CrYejTdujXDhjQCLzVKLyT8qHthOO94IOOwEcdhU/6AT5rHL7oGHzVcfimE/Bdr2FISzBsIoyYBKMmw5gpMG4qTJgGk0ZgynSYNhMWrA2L1oEl68Ky9WDF+rBqA1gzC9bNhg0bwTabwy5bwG5bwh5bwV47wD6vgv12hAN2hoPmwiG7wGGvhiN2haN2g2N2h+P2gBP2gpMOhFMOgdMOhTMOg7NOh3POhfMugAteCxddBZdcDZddA1dcC1ddB9dcD9fdCDcsh5teD7e8AW57I9zxJrjrzXDPTXDfI/DASnjonfB4iw0/tgzHT8gIxi/IGMZvyATGH8gUxl/IDMY/yAEg+K3w+VoqLwu9ANgOoDqAXgdZvkGhdkRHeXqQKTh40URLEdM8CAaIjlWDCDghIQQRzqACDZUSD+EVkQ51lJAy0vKGFBClKqY+89QkKEVKqgfHAFJ0WGWSxg0GpYQ0eTyOjAky5qBioowoMkVD8CDURrPkxUzL0J5oSjVH7tF38MYQCz7emn3oMj5DNnkciPJoHRIvjCjtE88c2UJlstikK5gb5h/VT9eqtnFmXqJmV6tejZCGRm1rEUWM6Tt9qYIaaNYNiGBfFFqRssj8xoZAOGttnvs2maafy6OlMXiC9CSSEixXD1UF0AGUMamI5wdUtVCMbUJkkYDQuitdMfdZng6cqy6LgX/HEgjTqVN4B7TiVV2fgjYSXDGINGfD5qg1Fka2Nm8IgV7he8gBia4Yc+ldja6p4OfZNgALbAiPQC+AmJ7cbEhzYrjZAXwS7ITAYtZOiGWgJjmDiU6oEaEqNWwrdAKWbBlSqq/DiTQ43coHjamteKv41fkolICIz4WcBeIywdSidNrQYSMW+eD2L1Oep/Wlq3uUQ1UdWc/SiNhQLF4rNzjF4z1qaytcocnUhgtW1swTFO/snIEvG7dcGpKX25MICPW+BYpsubY0XUZiQxyzzEbFs7lW4Oj9TgKV/6H5RF4IrPmCdxBUdQi0uadUaZ1PqSJacRscecVEUd++XBT3N2OmQJzibXdkiobS27zJZbCFMpYL6UryWTRjURBdHazHtu+M7++5q0O9YWgt5viP0kcSsIpUoNZl2Q18Ycol69oSKS8oXVOSmkU8rWRYEsfRcoOFCFRrr2XzbDccR7FQSCKsCXQcgqXFwEmGFloweqY2rmwMkZmTOhxu1xm0kxggmHBk2cvR4xSFfdZjnxIkEvDl/sut8NwLGbLJrTRCJ1bcHI0kDN3X4BKHZ+gzFbSZyZMyyky2smgxDNuvY9hzpb/hva+2I72X5AsE2PtyGgNUgSz1IHsqxRBJPJNQuNtzKNC4HaDTxauspR8RcDhEQ1MYtO5+NkkxTz/NH0i/MxLEZyCMBnzDzO2D9/Vl9ycIoMl84p6EgInz0AUphVN3pe59KfMIfDStSfqe9N2zMhfi85MSJe9N3jXrfBg8dHUZtlijdaUpNRJtYKVY1BzXJSR/h4+o3Wz8MPiELbo25OqSwV3ajd9lBt2LwL0uKz1jIOn1HXwnCBBTuqoi2voN/DMScBycuFSGwDeb+kb4jO52pC1s7nRVfJGArTJuZCrk8laYzlCPdQ2WuCDlwhbo9GM3c9TkUs0102G3CJVBupGlts2d1b6UWSmNdDPDg0aGN+WhD7tkYT0kc3ytVovv//j+jGbWaMJsW5LjmdYaL7ALhI4DLnc++w+3N4Noq/o5XXpzJVgf4tqFUMAhTpJ6VezFW7xIYsK6HxfwMsU2091Hr212cHF36oEht18pPcLETej2c+HKgUCCRrzAnnVRwu1dzkwOuSQ8shLgLukuh9QWSOtKpN2imjeV6ZJIagopT0nFkPB5ORWGEEQAGY6etFoQA0sH4CQGMkXDLERCpRoH3zzJQ1uDvhMsuMntLihyKMSSNyokaMmOlUnb+5ZBlG5rl4eXyL+C0Q0JrvHLCCr0EgMigivO0MWSkDFTZI0iWtZ5jHNpTQlrrMeK3VtOehtDFOYEJGEjb0eXL/uM+St19tIlk65evOUmv601ZGuDNZw0KLmYMJlca1oSEtG7siKzIlVGnHlYMZcf+2CTv3rRkMV5OsUSClzXDnkVtsQXquUqO2QQUSqR7JMeb0w3ne0SmsUnqCTZTnujuSn0s3EqNcI7eWd7V0iCmdcSGaF2vDEdTy52KwzhFPasnAkFMN0ya3VzI4D2K1HcD1yfS04gzJ4HPOCy61KT6zGzFxA2bOYYoI/MypAin8FIpHPNhwfzmXQ32hclMv8EF6seecMzDz91kzFVi7M9h404dpEHvBOYRSS0DX8WneS3lQwJU7KZRFSipFRIWpOslkYRzxmM2ZEUS+UsgMPRCkXEK6FEI9oS2Dn2JHvyY+0/yBLnOVIZX6JsaZ/b+z10EHWLtIQubluMuxPubGF+10jxMoGZIlyjyyUkVPZeopqnoIslrrVpIvAVu+Eh25UA2mB03AJttMDseUQdNuXgfBJ2RkQpwrF6lsf2KuRNwhimNMk5YpibzHrj43yxso6wDfbrnGvJBuyXY7/bq4rJFPJHygH6HhHUUggfaTjQk8GHlHM/aFPllLMMVfgeZCWTxiezL764yWdIoT25IfVcDtpP3z+gfJj6U3gXmLDRMR+YH+WoJC+ytDqJCOXGRNO8L8Fxme0g80EWvJfqFMSAWcDMm9DKAO3UeCRmrkzxKwi77EMzj9tiErd5Ra0rzyoVQLSbnOUBD40K63vvNKF0eLl5uHOvFQepOXAe6cZ0Jl1OqCIcArdNrt+HzuA51nlVp0+zY0Lq0nMfiTEqFUe6oC9wPckMaF1p4eVK19tY2+2mUqc17nc5xJhbYwAAh6t1Lu412YjTGBEqiLk6jsRhDGpjm15Db0F6JRuUxcDLcCLP4ZUpfAVkl1HCbsnc/HHVDHeWSHskhG4yq9lwxw6lNbk1fCMkZPisVDLNWi2RN1tnuRBqdjdkvifUpgR9wH4omRBUBOWOwumoazIahTD9LW/cc1iIjU9sgEEsrzlvV6hTvrYDRBkDZGCgEyraiaq0lKmQfQ1FpIUuUlhtQQGrGpKbEZlqYuMt0OoehC6tW7E20VKfCneg4C9pOjHlBTNXkgxJQSKksEgndVhUpDIW32yoj8dgnD2QIogzfPXpHBNaYTtH4bl7QRPtX3v9cAoYOvcwsC4uTBinAZe7TPCfOFSe5cjoAnzg7xqO3c2zLboqq4aqVrKxEmh8XUsGJCcaSy66ns1ezykRnvORa9uS43BtwlU8u8XvPU4Ds141ES4yJJJaCVCHrK+hs+biQ09o9lHVWnniN+YeT1dNYLo2azgOZ3kWU990TWr9CzV2zT2e37wpR7IPHspQCh05nGtVH7VfI/m2olPIMjJlaaB29kXiggoZTVLUKC+FnLQ0TvOlvMbkAOZvcZ7GEVziDVjB08ZpMVLl6zkSIqoMtES4XmahUxYDjiFmEsmxe0nM3Y1aHAZDilrVn3ZvvNZCoxEJCZNZYAhpLY6NjcY5VqSlE4XgtRENjqKr5ip6cWP8sVp8kj2+VIigPbAqVTKYcZ2elZUmNCphpsrFJKJEpIYyNWu7Jdu0N2arkwCFRIB7LsLZlOEkECEXFcMkktKyeGcG68ZfNIEJdBwRwSbB8/BVGqQBSHJ+V3hgpsbH+gk0PG9sBnn1BDbwmp+j/F67vRHjQcR3GmrzM6YgnGSXWy94oKL26xJ2ikv2BeXuekvz5242nnPvR2F2NbLdaxgOAyKFVj3iBXWapMeJN0aMpiYbUTVlW7JBVJsNfxfU5BBsKkdMbZzWSBJx4kHCPCelq4QV6akjyrZdEd3MwWzHa0NVhqXzHi333URJQNKyt09OygtesozkZODAwfLw3YzLt6p8vQu89U5Ld7ml0Z1B816v795IYo1oK3xS7Aa1TIpmmPxPoutIeB6O8wRWXBRDntU1x+5D9T8kgHfRj71SqqRUMhVKiKLF+OCTZwYvZpV+aDjORHdVRitqou+Wh/YM7PCosUdhWOAhyXGpMK3z6TzHPkTwUmr1JgcftKi5K/+sYFJkx6anrlD6NYbzGBYUj9LWLyNXhgtX/N0OncZBQCkSSWE2MnspCobUsf0fLzb8lQii8+2VJ4dl8FYpFUddNWG06pjtbTsFwLIUUYPdGgxp0r0isSkxAapC9VJUos/9YJWvHaISpBK8s0G22kEEXErMat+wsNBJ+103K+Bv8CECcgZkGN912IAgCxtkjC5a+HrUJcroGRsqNEieBEYlDi85fuGW/iLaG7gFoavuFZvKrEbew9waO//E+OsVrgedQ9vBoLQggxk3RlpZdDegAcy5s1HNWZvby6yDOZUlwu+W2y1cD4ABjz3hEfciD8cpfujYA7HmrIh7xAasxHR6IPgqOXxZGhx6aFoXNBKrLkWzN+yZoYFnFNIq4aBAJJhWgC/ZH5AiWL2Fk4nkXSw9mRtS57LnlChnvVJkOnamlP4J4q4SLiSczF1WkBhyYyI5bwJ2WXKFbkMH1Ou24839f/QE92KY4uIkorPWVk0QG0gxToIGcuF8MZKp7YTdvdBkqGaGkUESNZr7MatBmjC0fU3cthhdiX+UK3wYpRYxPzTCGKK6WLBCy00r2aRoqiRymw7eYrYL+M1ys7C0B6LuTjUnTMmSUjk7Vc9VdzYq7S0VWsq6opRExyFqmJqyzXJdKaUgEcVymuS7VjZMhNsyb0LbOTPKVDpTQRMyWSxjpgrbiKSnMC9/xp8lF1p2Ica1r8Rnx+ef9kmVqZQQldkNbElkBtDkvRhfB7ciPLKJ3UQme1GttJ2k5tEZc1K7ZCOCzotYcWYoNMoc/guqRGzZhSTazoajKpffLvqGqBli/2c/htrh9BaCAtQ6p8FqzJjDo5pG5jpHTH2fWYhVuha/ThQT3H11YylU+LPEcEhZl6wkzC/obPvtNp3uHTW5Lk0RG4uB/80qifz69xlJ4U8Ff+6X4+mfj1SahQ5RksM10csd81GF744TsCXsi0S7vQbJQJNwOHQk2x4zhIinGz72jR3x2O6ZgsCDfmmtb+6Xngpr9VdbZ1bCu9zmSqxV48fo+h7j3WbLeKNxLg5i78ci8dfkAQb5/KToLAKpv3wiuej4bRexu+hp2zpPI4Cevvn508nd/OLVzy+mmF966s5L6b3szJ3PnskhO2PLC2fwe8gla19cwgjHdOltTsn2NgrIzHOUsE9fI4gtv0MY39HOIJ9/kXG6b3R4nESbfLOnTA+A2eSI4RxxrddbB22AEdWpgHH24Kx1EE9ttMYE68zPMJ1CRlqBrsn8k5lDD80KnTPGmGKCIXD5ci8oXbRP46Qnd7OBdJCuN0LjNE9JmxPBS/bwA0YC1u3CBfc6uKfHZAZHWToXobDPwI5EtVivncOgHTMwDOq7hFO53wJxWHSSjdV+G0Tf1EYeQ41hqwOeBZ35MfaGxhrZCqUjKGIHlHI4TAlp4+F45C2IgekBZBig4oeWBVEY+iHWrmAlVrI7Xk7vQMyI6yD2B6kubIcrtA+DgfxWIEOmKF+TsUXEEdbcFCPEfbhkvh72ZziG18S8RKl5xOVdWK6FgijXFSsFM/x8PUbEn7Ug5k5yZOgK4rJckGb9sXDcIOkDW/kyxCxAwook88RwQlJAUiXPPMQtk1rnGX922VjHJq9mqvGyTCXVC/Yr1LVJlsEJLRbNyLdzkExI8wKhzB6iEhKuEQ2Q+Fln3R9+1aO1EKTGYW1gxd48d22k9UV2KAj7fv42GgM8f2q/K79sU9WFJPeWvMZMR/PQ30slhT3apPSGOesuAHJjg6kd6qRdKpD41OuaSxt8MAM1wUO4lQvvb0982YQW5dQHingqdOU08zAZBNrLt1Kg4g3uc1u5n8qKkxY7qDD3WAzOUYvuxkb/BWIZleAUsZDFRhduH4qajtKx7PUfOrU1nN8ajqoGHSno35tMadO/sBrHTrWC6iFtvVybVrjQqTGWQpRwb0xqLinaGUz0sbQI1066DAj7iduQbOBpQhmB3JJKDb0uHVJxRgoOaIaF8qTAsrr9YZ6v1KlqHK4LfrsM4KauBchV2yjp8x9wFVIxoYocpdgKzq4H353MIZR1E1ktTZ/vcp79GK3aWFjHuGbiP6EZGeJrgYyCqcbrjTF1zvXH42MfZOOlQNEkAgacZ5wZNGsc+2m0z4l03INr4z6dftwFhONP13lJ4y0TK1sLAAyxd6COK9jftMc421BswfUce0h2HPIvT53t9GjMYU2uYPAoBG1BVkokL0mxK8PcB3PziCIDrqpcIjpAAHdZywiGiiZTNkDch7pji3ypFzC1QSwEsx+HKg4b8VIEyctb5rs6JBczQN5b5hxy4WHC5sDPQcPrshItBuTTWTqKc+xnt/+ugbAh0gd/J/AuLxWGX3rmaGQwOP1iVhGwzwcxGenaWqY2sv1NzW+J6/PFjWHdjtdON5WnxZBnzzSZxc9EHwa1bCKJQZ1ZoDhQYlCvDQhBqjTk0f0eVybxj07I6m3I50b5lPZyFDbgrlhdOelDUCWjuccTzBo7sw5QjWcKOHRxMBncLw/mm9SniPaHStlwOdDI3d9VJyqDKTAWb0NFELRkFsLlEB0zHOc0vIVhvOIc4ZHgAC8Pg8BcZvY+DJlhE06pJacD2jEJAzt4i3FUKxYc9DuN07ZHJ3NYB0UcaC6d5XX1vYTPQuYcSP+EhAQ5H52Y4AwR98FhHiCm6gQIGkC2kHcNBrckRiWzanspDf9JZ85H3TQbscPV5JAMMU6174nMhF4UHBHHNSRMvGwAPu6aEEiBwxSFmJCgqzW9iyZCWARewe1R7DMwm8qAWa+63+1u7IGpyujr3n7LbsuVwA+dy/ugVpMbUaXuplI/vK4Np0DnLiJkqfvEJF/pRvIiVYrDKbUNOwZ3Y9sWX5h0KXjDl4GWXubt/57B8HT5f+ca6tf+2n9OkX+28v8LEpyvb3J7+amv05ifEE2HAi6jIiYr3kuK0EjY1BYgqLi/wIon5QdCi2ZMsrcPqhk7ZJjc+EkElaxeSS7brKSPbKFZ4ouHuVuQWHlcDbMI8g/hGwP5JvvzHQz8flGJWOXMNaIQrzzR4p9EvW8EtGqtqHH7w4sH9Wvf3bh+z/j9Nfmtz6+lucaR+cxgpjPffLlMSR4jhqvLUhMuRegK5sPM+QM+LlEyBUP8Z5yI9mBNmA/MNV8CuWkYNvJSIcVQ5RmIUN9cu61/eeKsJgyeEo/Dkts9sxeU0wrrhzvh3k7h3s21KHzRGAny6AWN/V3+vId9BqHn3xU1YyIRx/vAxsSUG++ygCmHxHFxI6A9nPV4iD2LEerrYcCtmIdmupDAIKcRDZKxQQVF/VHgy54vVD4qlEuAT2Ymh1DL5EGdyYTpK4tIw5984Qcu56zpbdw/XXdTCM/UpnptDbelCOeATWO+OehFTusAV6XarUemBz1sKxXWwTMwmi05CbxJwFWG5DyD/VBn2CFZrrVWU2hdQDzAraB51iTiGY5pNroSWwg0ntI0WUeqy3I7g3dMdOWUi7Dnqmz2jztMO4ok7/A1cTT3Qsb4dk+lGWFPOjaSnHlut61RO3zIa0Ex+CRLITwkvypoCW+gJGTQLChkHKm2i9Qm2Vnp1sgORNo0mn1kUPt89T9bB32dNvfi4tdN0uw5FBispS+0onfQv+eD6JS8/6Ui8s4PGdp/4PkDmzTRLC42DnmCsDG/am+2gBsdtCO/YZXzAq2x03fS1mGdWJfzdtvwlnfWEifrP6Vvy97PratCbXheJEqTbQ4gayywBgpVq8At4xTrPMHJEjhnogihWiYWNU3yplBGDluG+TwGKPMzKppsnGUYY9/ZKEZKFFXjh29w4A2gQffAr7T4ngezOWZxLxkOSG6JdJc7rvb9aDQwphp9QW6Y9w0Oh5aBH+Ya71gi830KHz1qa9+y9rtkbEQnJrL9py9GbhUded6V2ZtBN+46Z7YjmUJpXQipLTFqCq60tUM2iIaV2KV5hevJbNpUYXGeQZqzqLwnfXUQ1kbvpXlllHpnXTfha8QX7hhfk3elA38rglRrg1asFOyt0NUumTTlA4om8GYnhfuP7kGROfbNeksKfkcn0nBB9KDvqSU3y3Y6ui6tdft/Uv/XF1zzKSVyKNB4K+fbEffjhSZVxlFm1LztLFfj6lxTbYxUT5bYkI04Bmd7GiP0QY2ZG7w6c40ZGCpIDI8XzZ4JMllZP3sv+K0+8G+UlfojFjBfFsWDtyvjDfY6d78ALFmKrET4hwwpHZJHUQpseTY6oA1FXrPCpm1GrIo5krb43YuuCYNBj9wao+v1Bld44M8280t7pwwnBpKsn8wIE0Tlai7c+mb3kreaEDOTOWLAEXmej6xA+Nt/KBB82wYN8hcMz2T+Qvb50gsVe0CG5DQZ9HM+o+OTmOw5MhYfj2polWdHAqPTPcVU2Ux6j/0lJ4NfKVl6ipW2Zbb+fnr2PHkha4VMI4sz1k/6q6UpzniRUJfKlRBiuZ6b9f9OdvpoeGyoTDr6K8jcFNWNmtSlIvv43xMnvMG4wKWZCkcjaiwum2H7IWsZNDkhjvAyGYb59mas+K3gdlLaftU1RwPazPCol038KEIT2cO5T/3GwkFfCQJBm2pN1MVlBeszUuYukJ2UqCnSbMY0NzTS5PDmY+ViYejYY6scWIEjW/yZKLsbRtd1QqWQEybQRb2W7322eumDqUOB29D2gLhY33PRmt84uGwzivlS7HkC1OxHwbisPlRdvWV8f67vkxYfbmkOHRsBdSFctepcl93Xju/3AgxakIFAVdjsVXE8zkNOcNMmt/i1iKL8FeEkQZEngIaVJa/vxg+RJdOfn2edmfh0qeSIp4AYyaiMaUxnTZeAgAmhT2KIjBtRIAsikM7HprjJ+BWJX+WMbXLvxcbiG2axZumory27f6jX98mS+uZ6Q/8JSCAUBQJuVzKsusjFLiv6a7/bG9X+/6vLUN+F6r8t/+/EbWAMTvc9yCAYfB0JkJuEQKY4XUz7bOAGAaImtIhrMm4KgaqmGATqzL75DE9NTpSRyYnFKGQETWTR15wZxQwhgisIN6Iqekvwg+T0aCKmeSHKcu+shZRhcEnoMwuyEc9mb2D1+Xo1LCBy21Xsje1tDZ71psXwp53xLe903rglCKT5F/Me2CyU9XUKoJbrSkosOcVZggscnUkgZr0rDhlxWjQ852NKliiUhJDVUTRfUdDlq6vzooxfIOldLWnyIsqyAU93IxeveubAWE/1J+HqWWBp5eTt3bn+YOqiIUJ7WeeFaxr+BEO/MjxFoZneqBGc76yA7MbGSmAW8bbX8LlfLTFFTuDIuyeV2vxEk7Y2JEIVayvPnfATtZvdAXeRyVardfKbaxD07VgLbathlW8hTVgFbZXoABzwLP3+pWShaEx3vaIK1Bp2WWEydaWteTvClQ1UzPiKZ8CbzZdqvjmz46x/BqHhJQqusTG62OqC15XTeu/v8zNAxBZWLEQnnxVWqmMosiqInMCFWPSMR4OPyubOd7HfeP9174lfG2TldS8iNTTb1ffSuoJWnx+V7F7rzKOqLKHZozMtVdiK99ykTMFtb42qNnjDfejZkrH4hhtVOp4zHEhCtunXXlAZstDhUqCLzg6nBe0zqWchSCkpCKrfoyXG6UaoFj8JCzPvtJ9tnB7eOfhDNIGJkqO/xrEZfiPi7kYU+t40p+9OkekSK0/zqTLNKqa+8hgar1QfLO53uaULwVr4nmDoS8x9u9u8X/6AbGfcVnooaFj1CrvcwS94uHhCp2FlWiSlCqra0PyxN0PlxqSrMtAZ0ljY+8KngFJn9ghSEnqBPK/3z6Kw+3+SgGW2kLBvOmtwZnr6gWmaDFpv2mWdKV+ALmhv3J6m/L3z9wv1mH729/P+8qffQ9fYN55zYfQa9I+//wjW/njDf7acluw1sOnv/wbXRC8850b7mtDvuex3pWiV/uHGPagFPjS+W2EspzuD0gOJwsRTiYGJG6wShAl297wfxsYDjB99orS3rm8V0w/O2HjfHjqccGjYRZxKKsVCmWWRUxv07Ii1FaSI5KLkmAW7dEupdaR5CT6hWtDWCpnHe2g5Wbukp99atZCR7tdi1MU8GaN7+GptToLDiHmLXxwnxo6dEJgAvMY3Z/tTmK3CoBY+JSCbHMBXvDp5olMEzOPEskogiDNLA4UjJkDUeemOwDA725C1AsK40Ayq4JMDsikB/Jai6dqyqyAsJycccpDo+8cOWlP70IhO+ZGtNThXACYw/SnzevVqGzq3LP126vb7Fpri/YXT/6pbjBsKvHkK2iDPu6DBuOXNb6cvvhuktb67eOW3N+yT2kW20loi7fRpw5zvwu9B3r9u82IaxAIsBgsFe/M3EdyMTkP7i8oD7+QJDOPy6Pfl8XnfEzXnIdIc8zpJHvWoZHV+4nt7GylePqV1t5uTAPesIUfzr8ZEAo+tVr+8T7X22OZqq//72V8V2QK+ob/RfE6J/3jZBEngFlUKwDk3rcWSWL5btsuvbCKZ+HZlxYlxRqSD09y1t0s1mRsa9aX+uB3oZzcqxQsGvqw31ZHbf+s/XtZDZi44kv17UmwuXFaZajFxGhyMP+m7Kv9qT1xP6PusielU9rBfOu27iCn+Ocqx3ucSd2a1BafTFEq/Gnj2R0d2kemhs20HfR7icMd+WqmF/b6s8BHqGOQYX7cQavW6zptF4eWy2Q16Z2pyW/N3E7b4P7dQ1IwMDtAydKUr/u71fTNFHu3YstKgWsHVBHeIcP+Lfwq9hDsZpr0VRjlmeL5IwPSj1u3cIA6AJQkEqSa/2zgxnZZjoxmIGtyKECOMvDwoplP7K2s5UznrfEGDACdzchjNMlPfZoM/eR9/acvSyAIbTPc+//BXCvCKrj4zdHZQBG6gouGGoUYROodmg81E0gQx6ODfj/4+FLS4tN4nLYEedT4CJXoS2OokLyEme0g7Dsn9dACOyhaio42Mx0kWFmKiEVruwm/LamRkpnYkKn/wFfLQ/bKYSofPnA5TcyMzupbrH3gOB/+HA8BxPjXTq4zxIk1qz5FjyMOWV6/2dcB9a7Zp0z3LubNnb1gctHgxMJCZeW++GpahkeWrgoWlxPvTnTfuPrqX9XPSsw8Rcnvft/sg2+RhwUq85+1lClSEQfwsMAWzloNWKj6VoqYO0l4rTZWvaYNUNWWMQUl2jyxTN5T+U4RJHzY6hZdSktwcy/7pkb6TOUof9wiA09IlYra8Tp5NFMEt1gptER6rw/AibYV1C/zfi9On56zmWOWGxSHL+zm5urhBq0Gc7vzMum95yOLGr9Xr/G4HeDbWUX3ozVe8IwEHcn4r7MB9NyM6PXyrM318y/8hY3v2ZNENu/ZZZupoT6htU3xXbCPrU7atEAs5iKsNE0zd/opKHW3eYfj/6BFtVY302q/ywae3c+SOZ/7uab529SKBZW2qMMg7iq8dFMnUT67NSolqigoazBXz9tQkSMUbi/ULonTpsc/qp362/TmmxHbatr00MAUmf/Mm4a9fzRR+Msn+IaQQABIPfGzCnTiBY2LzieNNcDPcu3HNuKbLtMAFcORyEVFOFMlx0v3fERSRe6aAA9N+gJ88wf+AH1ew4EvX+BsgjQJrKeHbt2G6RrushB3XaEGoWqYwEYmWluqKTCBMFPfmzagX3LVVGCiePM/Ja2WZkVob5GZOpjHUGD7rnJbhQYNE3hJUId/maeXvrfL//LlMvXlWfiAUTtPfyJ6cnHqq0JpuXXwjm2eFUTx0XhWGE6S6jcpDcwztaGP7f+b+aba3N9R6OXQTHUd5hr4X5zQqdQ0ilzDfG4fRCR7VLwOH6uaYgWNvwJmm8vLcnPI6oAKQlKeGck0yAvqIkmLbndm9pIxid9JseXnGQTm5IJcTNFWUV+T4VZavuiqnMmidWWXnvXezAFB4psVRZbYSQBoInZpLpSNHsQ9c2nnJzdOowxKNiHwjEPWQGx9qSt8Qs2Sa6Q9le/BSa481gH73+vf/l8dryOtkGdBYNX5szZohQ3/DAyRyc45B6u2O2t/vBDHbLQxul28pbpPJ2EAq+GAHfPh8nwOYT6zCWZnNLrcjY0dfvhoBqT8y7s/IWFMB81Z73dW/jU/KWiqHDAMMDz582ObrbzRYLGvGlvk5Bw1FhgenqqeeVz0vryhUCzDsNoUakcnDxa7EeWmgYOkOji1eP+7W2DAwRmo67vfH7wGB+gEg4ghcOYnpk/Fu9K/3Pq+sI254m20y2/ivramtTcbYxIkYDmVlQWFQeCfhQ0ghANRnb1wRt6EsYWMZhuWAxVFVNW5sDEdXdQcYFUqkqrJwTU04uLIUIN81N3gBhWRkhEDBkDQDKleIkmDY8RkZnIoWXhRG4OB6MwAHlsuONNquqxfxMIxny0UYzqMJP+IKu7oK4cJ1CE73TQsCLm2RNFskttFI5UbB/WX9gSk5/f6Jlliow3Ob30l4bNfGFcctvW8nxp1Of/hQ6VATAG+/eXM7PAzP34T9BczPD8P+oNqe9PBhsw7Q5R67C28eH9+E24xT6Lo24bjN8CZ4eYHJO/nveBNAmMHtfvD2hIWwoNuyO7jgjMXiW9xu/AwH/EY1Pig46DMkGHpoAs5XzrcqcOdqa7C0jXJxtjgtIx3WZz06RruMtDXeEAJwbDiAYGJna1fWmmE2Lu30bVBY+nptmVd7XVgGXkPgXV9hKXgNoJALy1gLCP9cn6XXADwwPTQbrNeGGFUHd9QSyJQawrQQRhXu7zGQDTQ1YEZBw26JbRO/GgTjqpSjVWzGjY4uBATzq5vSVzTupRdqa1x1gUQlJSIoHiouwYkcJFjqEUElJZAI8GfUdg9Jxkaa8/YLtUjDKkpJt3n2VbP5G4Cq2PXw8y9KExOMhtJ28lVY+pDwvX+y6XyVOyTnqNVKcC3/Maqft1mx+sDWar2lHW2pHJKxQXvV2o+4rdWXH7NP2Y/dRnSsHtma/E3bf5Xx+1ayZlsx/1vV5Y8cbw1rnYfdMSvfo1c4jKf79edSv2KMT+c5f6Mp+Phu14sw25huR7FjJ5mFUP+3JjB3YnR95ErEnocXfiQhpXkAA1YDBUedQqwDpFiy7dxlB4E1PzEwC7gxaopkB4zS3eCBa9cGYAWcBHYB6lLArhlGw0VFA7fuOZxOyYSam6AsByjKxB3E8wU3PIRn1wlP/5fpM7MQoidINnEOHopK4rBSwdOlFUKbOn6p4dY4fXVKSy2rQn2zNhes91zdHR/h5ByuGwhMvlgiqCGKWA65CJIiY8gC0TLUQizuc5Jd+PlcCCfJMpPAh1wEVIJQGBU1fATq9sUG/4DO08xo86iS68p9NM0sPgRP7m/QykPP04HIVUq5iKgkiuQoEpWFUelJ4kXiNYyiIE4UPTHmDLG7NafR3HTghlPwzhdyU2i6dgurkzW8lncyxTmlSWuHI31brG5DT1++T5+G8hTqvOHO286nieFoqKAAinaQcJxHRZ8JLjhcgax+sPPLSOLpph9z9o4mnSr/LTeHfjr314pTnzv86/Kppiu5e//vctF68xBajYs0QXBnca1bEz7zGeMM4afXOwOe8ya2zXcOdVBmv4gyjPnkszfgtrEVzZv3SVPNcdw35qUn+qrImr8ZapG920fWMvxNcw/O4E7G6e/jesd2NYW3EUwlBCRMxaRkmmAKWrJcRAREkVwFZuC4x7axGnHjGu01TGzbILbJjy703c23cVixd0NbWYW8Fd3uPBOn/SucUj05bh6l+UtqsZDsoLswPjBc6J6M1lnOrCNXdXt2V5E/wMt1wvGv/TOjFXx9GC6joR1jEWuTvREUeEISCfbQICfn8ajQOz4oJzJQNhsVZYjzDmP7i+M+dGjOP/7gdcqFhkgIuqFyrUsu9dgS1Qr8kcsL8w3pTzfur3VQ0AglFY3ZIBOU1mjITK7a5W7UdDwVas4XbfkDWFHVs9Dq2YjgRxdiu3jxfuJNiYUXnKgbt22tAQ1AMURuwe0sUBy3S/EOTylG18doamQown/WKwUOsTjU0VIuna6qBeLbJKOuaiqiSM5h6IwPUexhXePqXp47L5HZT6+j6rR9cbR5EDIfTNNQNkoFDdqJjYCmxUZpBY9/rqE+RbcZafDE4esepXO+ZxQGraC1Z+Do2r/7Hl7sxIfePVVa0V2iCYSRxnn65SdLP4cSjoDlRlUQ4/cfdX10NDs4LK9lr3djgKl4/Tsi1ckx7bhMBsbg33+Hx85/aM4vEpK13xLJXKUcGfVugX5pdy2zLrIeGVmFn/r27QB+brIDcGDJdTyC4NlyHUGcNI16sXYcfvYMhmu8Q8ija9kIikwLOQhKK3KED9rENcBim5qKCO10VyYiFPXOdmqIXI0pzmI5pYWrPpBTSZYa/ecOalli8gah88/3jJfg/2UtPlzNOndZcfkcS83Dg6iqJ4VCFVEpF1JkDArViVXFlzAtpjXmIsCEp4XLCxbJwaMAp1uO9nygL7jGwM1Igt6TPAzktfnBvXQI+Oasr/z8yPpg5N6thAiRqBesScBHNVU4Tgkf3h7RD9JMXEE93nKcWgrroAQx1uVZ+IGNpN0cyauPq5WLoMg+up9aiqBsLUSq7Tv3t/Y+xBS4QtiXeD2yR5qX1HU5yWoKE7GFpVXSsqvUy0NM0hd9qZXDBpMuqZ6pLpE49YXacjwQ06dqWYmlNNvRxBUdnLLtwu2UzkfTWd1pKI2y2IujlTCfMUtoVxeMOD3hiSXIG80YZzAIQwN1Ag78SJgY8R9Ku0yOIT0DQvHysZPp8iqB28omBuSXmOhHFyQAGnPFxiBBTRzHjbG90Mj404dAFMWIiCudt31zefrkABLGgbcV8HF+aJd6Ya8Vs3cq4MLhzLTB7tbf/+JGCvR+SFor0abYqK5lpA7IBv64MHTdBrPbo+vCmkdp3x1A2pTZLozpMzRRTvxOQ40mP5UGgD7MUTVQYEGisbYj2S4TsfShG92WRnEfXw94vSnV0OjnapAhD1eOD7Nl6nQbzTfn8p0BjmS2+AzlEfsv/NSLCBeA4QcvVe1vviyyFE/hv30zU1Qcnnr60+uzsIMEy1sSX1hYoQxG4ksIocTQPHEopBLz11wtg3A4Ah6Pg7Rw/qamDA4nCsNzvh+fjZGen/0PvAY9V8+j7Ht6fTZKGzktzTl/nYb14xr99hs3wQEhIfVhYXBQudR3QO9GXar2r2GWpPqoelJFjkCgvQUbxCBxRHUxDJDNHppYBoHGdVzUcFDpyB8urzLUeCDBS15ptJxax3W6H35/472SwLJXei0AD8vlBKaiKKcwp+muM7FonFzKJq0l0rfWmtabaibKqLueCB9hwKI5MmrQwIyliJx8kYouGbSCFjm5wXZuUF/knG3vHPDuculXeVoH6ubrBlp7qnbP6JFli2XQXMQo8cEcCVIO+bKhZqPYvaZouNWtR88Gf6aUcNrzYkHV3kvXLhNKz+D1+5JLe6sKLjro1riLN9bIhkbmuVP1/5fuO3mqNfni9w0Jpfu0wQ3KESNxxU6LLXo6wU5LK4Rb9ObVZQR6KbwtJTX9RmR5b5FYl2/SfYoNinnLoQEwY4UNCjUmx0gD1nDL5FAx6c+7foZ/9pfTf02vOVrWGYPFIi0hCY9pyGpaVB4NpaECIYTyMQYYx6E0U3YMF5aVGVrr/GzIxIUBv5hcPtW2Szttw3XPwWsI7Jm+0/gZ/+azT/nFUs8FSiFcMete5r38nXZw35rHZacf99QN3PlbyX8dRPSQA5vC9q/XNlCAZfEsiiJqNUgpYmISSgPLo2lQQwNEV1qHkEfdPqJvlBjETtosCyyGBWkHkbliAsv3NbjKcVHt7AMoSDy2RIti/FSHJXDD/0mHiss6fjQhl1RX/67lEtTXkUpNrnbU66/Y7GkhSOz4iRFLWzqWRql0OliiyKQ1anQGqJCi5ODJzDOoBG2LYjHuWJeIj8Fal7UEtR7zS4230/KX/ydlbB7Z1gDqwVAfY2MGsbjtcpi/IEkO3GEMKLlkYEsImOg0zgMqsExgxcNnFOlorVpCM8GOmN9ZgDGXwUjyS763Uug66Ry688bJgCQqL4nhcurGcVfh9VBn1r3QOGoSL/+AsNif3k2WWlmHadnDcSKPqiqfmIDzWVqHs2nnAjxEVVUxPnHDzJwd0mVUVXiunrc4VKoZ691a79U71sxbR6Vj0Wi3srtIrAIqOaaWYANqDGAqunsqLpUKZhbF/ZZmeAphu2y+5z5WT3xNcLqtrNaiIgVLQUfg2y6o0ETkdWk+FHm4+Vrk+YmTkcCEJ3TQgo0ZssunbTYd6NbWHxzc1ExVG0SkBqlLBnGRKqymRiDf6bziztMRlUpGUtFhsvCtOyOiqEQ9HAb5iRL5UJNy69J2/+1LW39YHD/st3qz7mamPzq05xXM+SqN8GpfOfArOScwypL4G8H3KGa5oGYUQZGvkq+8Gbs6CVH1v5H6qPpIvMGdkh5vX8WXYyM6uwgqX853xQvkdQnEiypMRe5SqpTYuGr8/eIp5an3o9eV169FylSy7lPjp/4bvz4OvGEgn4ngVLYfxSSYyZV5lDaoGpwWO6emGjhHQxePtbIHa+one23mpFmZWS2qQw1agSdOjZXfD0sBEqBY9FgwTIppM6EUKx6CIoJr6KwDcg6y/f0S4P8a2LZM/pLhXHH1yIBe8yHFo/8Gu82IbZ+pLT2KI8MnhpuBRHVghI7w5FYKlJit85ovp2kZatFEQA4Kbrxr7VVc3HnhxF1WydyvV1r0tqmUb03iLV2V5L8RtH506RWd/mqJdK0acTTml3QnBDCGcePozIjFyPbz8abFn5042HyOBHxfRbcycmBcnL1/0gyxrvo4ajXKPsTa7OT9s4k9KXIlAyJK3zS6uTTj487RCRMr9Y95jx8PMJmYTOwcXeTg1kmvy5Kvw4E9hxPp6zZAyXQzjQNEuHi7pgkVhKUUhNBkHYyrT3c/etRhK0PgzunpTrgLzuNwnbiuhC6cj8z2t+dq2cyX2oZfFbkrPWtxu3bh6KoRCIjeujVeK3OFebtkokECQvS4ybaDIifhxoGZKv0q3ro3XI/f4PZQgSm9IbVaKOSlXcgtAcYaXzmrcwt0v391Y+bOPRtX5p2pLQXb4YV5eIeDXMx2OBPsTXOKTUsDHrfYEGTGeqDkktVkrlKN9/iA1fWvSqaaKVJ1q7q6osaP14HxKHVUN83tjoAg4AoDjyOaeRzuTIWCDSlodbfKiXOPt9V8THV9nE0G1msRB2cONOs38wPrnnQFWL0QffTkoNPjDSvt4mxvVuSu3L57/xmJHPjyTz3dtMN1/HzbgFyiPLrjYKHj7apff/xaB15Gt7AUXO4gy9lg0MjQ0lJh4MxSyO6+yd7eeRXnem3BFQHSamlpZGS2SVwXwVbZyzvbufhZaqmC1eLtXdzp5gDHDe5CpNL3+d3T6kSr6kcTsD2lJJeQ23Og94L5YbN700MR9d2OnNcMFZMKbzSmOqrGqSocexXSTSYk11FVeFtHVQ3Vht9N8hYnuTZf2empq2uN13EedL/bTV6l4heYEy2/YLuVircCVo1YayTeWWFd8Ww1/wb2Y1EDbOA23iH557DxYfE/Fm72dSiQ3aTPK5AYSnADbgJ5tN1CPElVwGgkxpi7E8KJAd8DcnVz+QIHEMMJ7uZWMWldQLvvrZCYuw02RNanG3jIyG1tCd69ILYWXw8sbLQTtre3sM0MnNGTcP+VK/10wb0I7qfk5dkdRw1RxEyYXryc5BLZcByZ7y7hrMBRnCOYcI5kAbu5J8QcSzW+iaBIfnH1uFIPzYzWhpj2thbnF5PbaMk42/Tw6p4rxAJ/AApi2udCRCm5+cU0U0NTIJsZYZHIg6evADRGMdfDDgcfiKAwO9jbOmdqGENT3Xpx5DLCc7nE6cEx6Y8xcdUq5bwSmzcffRGW8yajaqV6MVIGZN3xO+LMq+fB8nJbSoqKzyW0PYiYPGiXrRMdPMglc2lmTnZqPCI6mXs653SFPop73fVx6jtdeabypJgR7ZkfmZF6hQMnTw5JLzKUYw+WGxEUSecBiclwDlEccPCgM9mZcVERsZ2Yeq0Rh4/wm8YDN/7IKbVrQWtB2qD15iR7O85f8G8kZ3C+S0Cq0xI0BTzBZQhyMRuQ+WCppjYPbronXXk3J6lqOGKEhtI4/sNTZgQyJ+pl13dXJZ4jINsNHbMC24/rEulHXXP2ByyL1dOMrmUQ8VibReBf2hq0yZhdkL1Yy0dHgz5d+pgC/89C2oZWq+QdeRnAQQIdFMOUNoK43iKavIru5B4icyCIFmNk52h2xPqU/QFqWLQzRo4WA0HXkbCd+Gb5XBAnbVwi54kOp/wzOZwf/6dh7N2R9U26TTvWP4uzAyQmh//MLm5FnN+zmsl3/u/93denaKfq6fyPUcqz2NlsDWEypXuCi4MmnHVx1lGaqRKCQO9fcDsJl1Ren6SZCG8uoq0hJmW3JTAT6T1ifVGBoY29DbRG0hrDiTHet8pd4B5APrQyzCFshB+PpDMrFbh0G/s3BrjDjPF8SBCfiMMAPzEew/HBaM/c7WzghJLSBFwCKKmERSC+slQEXyyRjZ3b/AJUmHUu2TOf/56Q65eUvao0hEKo8M/DKu5Atdb2/ZAR5u8MdapabGNF9h1sg733+kvZwEtCxZsJFbuUVy4LjYeDjAOM/GVVrrJKf/9TrjOWvZWWiVapOpc9Yrdub1UMwJ2T0x1wU6amYR0NpLsT14HLvnf6/sHTMdImqCcIuMKYqv5fimHqalJYjWEs+YmvDUPAZftLsf0yPQB53wKaRZQTs+TT+EIYlSMowpEspgUf8LQYm3Y2MxmNQCiZRuW2bscRscUFSQngidMtkdlPgIkXPf/VKQRa5MRPZnueaoR1He7XfDR6zPHtzBfnIeOhr84/vHXUkIZa5FdGw2jW+lF6mB6sKQUxcv/JdDqxBDuJAekDyUCCM8T42pHfoWwJG31nLsVo87BkuFhctJxqRyOkr0Xo8WI5vzq6dZpqAzbsrl0TGso2paF8HmAMDYUEQrSUxKPWzbNoZnxqTC7w6wc2A57QUc0fFp/ugzkBCqzrVDYWWFXJFCMEBUVTO86db8ZxFChQV/SpBgGjOGF1vum87ZUdLEYz/3wYOtydCfQuqX14igNGwixs7qVsDUomI1RJJGYPB1KGCVl6of6KccSjLYf+EU+OLvzU5LRif9cFJJNu+xVBkXFP+YE3vvFt40yO6aDxqAYc/QO+xkEWa8A00ZIO505pdAqQIjrsLMNdp3MhqIDd0bv0JVowmngsjuhQQc929+N1OiUGMxKXIuCG3uXQrwzRLSFjG3PH7Sxmg7/V/xSKmrE6xpa+RgthJL6JIRpnMya/OVgHUDeoj/tVTfK0mLyxAq17e3a+RTla1+hhKUaVNpAGGs9UtOy7MIq06Di5raqBzl9VEdlpxFk1DTe+J6qHZiQCmSHDt24NI2aAbxjZHYoMbxKz/Ui9JTlAO3qUJncOoMm3SU5zNLAayPS/Rh/Fuj5vPqFojP2JyNw2f+7CBs+RtqwgsbaQzo3dE/gL7o1FKxlBc9FLKogFqVTQviiuuew0eET2X42GGG2VEgEqowY23NCGizgb4SCKRoltQWfa3h6CSRvVg2l/P1J0S+aI8ABBFi+4K6M63WHQFMGUTRIQl+RoRdX3Js21ysdlX8uZ5Tlv7wOPqOawF1BNx2kZxysdcUXSvTrYvbGgmleeZ+kYTQuZrPue7uLhJXX7a/UMokXDkJ0jnHPx/8Sfw2Qq9B0VZBRvTWOnVWrp6GhVpi3ge3KQQf4PNBeFUTFtxqXFnyFqAhDXt/GVS+QmMw8QJEyysJzcL8ESgj7gJP2+tfdrdlORKKZ1u9HfGgKQdzLflkSietxsOWdWxsVWpiUHaWYrT7nPZpLeOW/4mFgWf+ZW43qgay4XQAlrIAGzAojACyBCKyogQcIaAfRHkDWsd39rmmuA4yDT383YK4Kzegu5ihGPVqifUwB0HfwBJqCKNkYW+gLNWmpjQhNr9rA8it21GC8NrusQGHpPPT7o5NrY0Sk5/i88NKzOxEO6R/Sr9ckl2j0k2iQNOGv++VrrzDGHmN+vXTOMKnSVOG4wk2pheYpt3tfzMp02VmEOdf1t6QwDR5f4RyN1gsJ0hJFHBUsjoKw/dkSwPLpctpQvFG+qidQRhukEeazaJRZtqmWaV9SjNrOmP02Yf89IWmCUeU3jv/TRIq67K/j8SJDey09IK60xN6/gxYG+9Rd+bqXsv3vmmyMccfiQwsCM1bpw85a6mmhqMHjodB4VZSvuPmk1UNwy6Kjo2HbesqtjV2PNpnXCGmY9c3TZ+Wi0bmiUbtgBR81NO5yWOr+bFJSY5C9zzw60rBckgmWxpKsGPdcXAt2vcNxY7nSv0m4EOB19bOafZp0flv5mj2s2pQmT7O5uedP8HpoTPQaoKoo3+cJ1m/Kv+wcGngqdA4Dff2KetyLgwBzB+E40q/sFxcXhGF+e7P+J8xO48HGtjUNkcaIXHLCY6B8Y5pb5NSxEd9XeHXqsAgMz2/pir9BCTwwok7akKz756VzoZ1A1hoYCJ+tX13OJ1h5h9xgeqS/nO+Wbc96pd/AGvLdanzCGdfoY5QIDQg+eHDhpYDsSyPg+mOy11m/gZ3G64rec0wLLOte1XpNrt7P72EcAb1RiByyrg7zl10BnY+0Ck4KR0CPRFh9w5r8V8FVmB+eAnzCOfe36C1vmT5lx+RsTWGYXFlDjuCDx7yMUqjPfpFArzHko03GhhNBca6+PuYRMnMwbqDiVHsH2ty8vWGPjN0/GCch+oYmWJVct6njb/9EkUAyj8FxpsBcmeba5ao7Zb119ZuMlm8rQUwLOnz5Sbfz0J505t77Jodp1DONjRM6Ogv8K0LNr3x/uAy6wRK6XmRI/m4Z85c3yc9Xyah5PzvVFQYWFEF1RHYKTzqk9dGJwIs0OJX9xX/z/crOialWgXGMp8/J5d6Mtze4Tjcx9zbiTJ3F0NSuEPHppvGeddM8+ynRZoSjj2QPYQHaQ8jraFCwu3lEGkXJ/OimqkhQBOb45AQqSmYHilUnEmpDdypsTurNtM2WonD3XZzNHd65t49ZaN0/aXeXdMwZadT+czw84MBG4HyosZXg1rf65DR7S4Lvxlm+CmSE3MsZfpnxuHfbRNuJ04OYMhzEHSaA5BurQo5otmhyPSSBYdLPnEiVxgN5htDIYimmjIbVjRLWZ7aoBT9ySKko4u6Magk3Mws+7RESNRUW4zFiDNxK+CnPEut+x6bQxGp0ddqLufqZLf60+3+BXBB0L1Qkc138cOnx9r9XENDU3dMM2yEXlv6Hykiyv8KO5ZGxt2VXEy6qdyqkU1XJjTFSlfFCt7rUmafFdjGLj435d6cf1IgXHNFWwKww3U0WGHZb1mcGbXA/d3vAa2QzD4VvCIfT7TuEmewwBnWH0tBIQ7kXUiRoH7uzYCBbqolUA3P86GJvx1iA7IjPaXhod5nFcy0foGap1XOhbEG8UFh/c86jVpqXjzqHMI32FHqF1iUZIzYg1eBuRHVfuDZMb5+Aqt483sgPuEI1Udij3VEtYqj/N5dvX0uP+Ewf8NUlAvLiXvhTVbqACvBlMjgFnsBDC5Ztpu7altcfRpsaGady6ga9fc0geujSfUkhFX1ygd0xAcaeFNWtjd1bGY7ft63PtQeNe0VOoS39deJ2DPrBylGLvxwXxbr8MxPIQZB0Ue+Bjej7Ff5lrT0wE1f3nfxFn8YPqlcofeBL8rNhk9nLh49xbHzdBm2xnVfHSex8N00ChrXsWHKkztxrEW+TzapnflbKfe0Uj3YSGPHgA+7gVQ45vkIs+lxu9Nt/3qL2u4RBrENgh68z29++347eZD+9lu2z78GGbn/j+w0EzHIngYBf61bsOGPoZ+XlLDg75AZNvxvMONu9cV5axGtYkNLBK7aR9fTEyuzrdxBiTavOy5GoQn9KmxHaZ3rjRfEpse82CeD/PsgSrt6lJIMLk27/Oa4HPAkvNRZ4ilepH5N6CgvN0rjGXjq6ovaIPDXTnCwpsyY+y6NPvriQ+nY2IMHxkSP/sowCm1MrJVjgGBsIKfGCAowILgOnhwEBIS+O+RCG5r6HAbsAtORt1uZa8CQTDOvy4JqVSdIdwckykrNi9+nWGHdydzjf8gTRleAlMokuwyO9P18n1stFM7ZcIF7lPdzZ0pt9HuMFVXoizERfx+tT/mzZbXWSy4OPps2CCvFSrX4INHTupGjeRE7/50o8SBFmlFw0cKxXheh4qzvd0YT4UhTMKvi4IVRmnECOxb6uxPM5Gzsbchel/eX5K42jYTbBNRrqJHP/NC/lB+0jipBiK8CjQWF2wkuQs8tsqcz0OwjV6NgEm7+j78epFeH+LqtX78dSujizud22W5qa74Wn4K0LT+Kmcltf7sOPKg+Tj5INKtOrzZOpCzk5OMapomFPzliGKH/vguuIv/69j+xkCdyAHVUUR1BmdAYGN6l6AnfmYynz8nCWlQoMWA6EbVLNOGAFH9bmwlocCGu6SM3EjU0rg2WddQbkBzgTgs5hZhAP8STx9ifKdUv7behn7IYIRHVeUt3adLSf5J+2pzSEVMmWlKRPJ+DHcKZc7j066jOF+9jXyQvkCBkMggLyMaUuUl5QlmjUNUF/QwFNPegvWQvfq//kL+SZZgaBJ2rStmx3Ik4zDJIfN/Yh2Eki5MfbywjPIRPXm2csXLjcFKAnMjkUozQsF5EJGgvri5cUHl+qNBjxBN2S8L+LzU08++tHd3F5YCwXW/LBDW4gpZuu0jX8iAwgjB6wRCGF/d74jv5J1dA1pv8OW9UMRcuyP1Ld6EEPkhWHROvfmGid/MfllsuHwyyidMIynGZu0A5d45MMzw9SgyMiBiAgQmEZ5prl9DbSj8j5ILarMh/IgWYU4FZ8QEpeUNmIWboPZMsOThgaKiSZKLpmopx3+OcxGabYuKTQOTgCVjXJ5q4rSFAaKI0e6EgFhQLITjQE5cVCu0GllDZIZraQWHVIrsbUqU1lXMnhiV30f/l9rgUZ/mo6TEv7zGtztIANKmL5WjNszVyV4G7gRnvriD357PYV3L9TX+6gRabwG2ubLpTkcIQVzUoECrQ44sCSUhNsSRVIyClZrrqEAACymyigSfovOaiSI+CSILkQAFl9Qm2Qjdsy0Ky7OtP9VM9m2dr+1RLht90mGqT/i366gvQ34W4ylUCpuQUHJIwP/v+5Wgzw9TgW8flo0WWiyE23Upn7Kh9ms7Ee1BLEwcVsyX2jRp6/LrvtYryvQIWVLdT2XjKtiRE9cvmEwzkGCJUGMrtL43OMnEVJWdx5y4CM2UMfUKy7qaFEefNtA8kb955Q7eBQ1ZtToy/py8ujNIIWUYG6W8qZa3ta6G1YkKmWe8Fvw1tjIFvpy4LYATqOS68Z19XPz+wIC9DzLLs6tsa+xN7ej9RJ5vObnRQ+QZV1dzWzZQgX/VH1wbmO+HoBlabiGek3hEifSGgn19TgxLg1vOvDm0/Btuk2bGdYyN8rrcSYHhXYukzlrJkLg35skTV2fcnWrhJCmbqkSoThDACRaHn/bdB4O6exIkT51tbK+evshm3RXyrLSnIFCx16TObkTwfCTpqimro/VhFwhaq0nHf/OdtJCGazX47hS125HlV7v3F5iDZ2Ty5SrXi5iTenATm0ZbiEXJUq02gtecQebXyn7MglpWRW46j2bfc87MD8xsz0ld6pz64pTMI0Y63ptWkXHwdGjt20bPTo5IFasg2JpdVM8IDfJ2vE7I4XU9elYN5P/TVzHWpdB0ET6FpZ0yimLdWZfV7/U0rCE7eIbvqJ0nLOi0+6VnRNy2rz7OC4kN9q/B+52I2a0shKUyZG6Exu4faHzXxQqg6dC+Zo1h8/DZvVCQdpXeQVsu2xFkK4kO7FV9DFxXgboOUiwpPVrcGalJ2lAgAKr2Omrbi7SZL7BHevMSgdpSmKU1E3Twc7M3eBMjPc47Ze/eEwgzzuDtI9hzf+I9sn3/7HIjwV2gn36AthDtklxsFftl6xgrwy4Iq3hkGatrxyQuJXPmirZAOSgyIX+nr4J9kgeV+KTf8gvKcBeslSiRQHstVs36y+11CAXPrl+ck9GABi0Xz6T7GnTZy8Gdrj8F7n6RtC2GjQHo/pNOx8POCplRTRIWy+KlBwT/fzSgh291EP7SIcqQFOA55lfJf7RA4HaR0QiXHLNHszTLbzmsiDqBXlIVNd+7JyLGPlve3AMABntKiR0GmERph74oQOL+tARFzF/NmsxSj/cdZnprpBIjMYaEHloiy9YuArv83IfqfVHAPGbcGD1AQT+SL8OMldU65AA1splbbEXfM5lJw9MGpNhdLCJAUEp2RUICx8yRz7UBdXf2pMe2UQfn6KhPgR2l08i2nWYdoFVwyRWBWiahrvgIGqkiy4L4KAH2P3FkhLIRdkoX8QjPJSaPqLdfd06wT9puP02O6VBF+cxWkWX9XDVG+4yrSrDJAU86EvYCpdjdPjG0cV5Xc2CoTZGyLKVNrn3tGgI2W+RA8AVjy+3QMpC6QshZCbOtlY6m1y90BcJHM8NFQB+KDI/tqZD6hrJT+z+1quOSK6J+9yU9KE93T6XpQyA9AsVdjWk2Xv+yCc6Qm2rv5toWSfpyHfCRWm9prFkHrBCRWFiJUOHlhj69oOtD6zUc9SLo7uudSuRahPf9RdhDsm8IT/euiHuGNq8jES6aEwJJOBaYamuGT0VpIAs13vJrkP1tyHe4lc3yE5b9oqRuVLy/9PfP8rO7TvenF7km0MxANyqZWDEXMum9vMw7fU7aFDm//e838P4bMjBEQW2m93fWsk/DNa68veZpwvHgIZQwHZ+h2gAaMAXrwNLdF4s7g8BFldZA4XD8cs2TQhJ2wSHNJxpytLmIYw8bV4cirf5yEz5ew4jNr0QlAkFMjFm1qaIQUSbJhqBNiEG5zjTdK/NQzzetXmJoaTNRz0V+5UII516wR1LuEdIaHdV3pERroXT8nX9v9BpgP7kYKv+wz7Sul15+HR+wffI2JuoEd/cc0r1ru6l3X032zsMQXZdLw2adPApdZ+fnmrRIg5G2ndLuEdIaHdVTs9NRri+8rQsfPr/QqcBesmY+3P/h32k3d+Vh08K3PeUlcbEkhnf3HMiSr1LtF7ajH1HFQxxXHaduFKDJh28htZ9fiLj1ar0YJ+1YzB9+DYafch75g+QZEXVdMO0bMf1fM8PwihO0iwvyqpuAESYUMaFVNpY13b9ME7zsm77cV73834/ZlIeRlAMJ37ZGv1Y/owsxwuiJCu/41teN0zLdtzvBf8nCcIoTtIsL8qqbtquH8ZpXtZtP87rfl7vzxeLwxOIJDKFSqMzmCw2h8vjC4QisUQqkyuUKrVGq9MbjCazxWqzO5wut8fr4+vnH/QuPQPigV30ohmnFrjVaSsVcAEdGI+TBt5gfYlPTW4aYquJQLChBhq9sLsqKmdgjbtkN3cK7BzIfXmPBYp2YBU98MwrZdbAB/PFgoxwD5ZkbVWGnXjU65lZ4FzBpqR2+dHEOPGpDVdRDEE43OOLaArEWNTaEPDcaFa5ebk9ArlqQ4Cety83HEpSy2UXNO4t0hW6VONhUC6cl8vpucPILM8TiN1QRNGoUpT7y5kzsejpwixgUXR1NhKoqAi4oa0TdozsrFDKVH/YeJXOYdFQ9FrrWe89jipe27q/pay4bd4YhJspkU/EbtMQWkKsBppZ0YNsOqRziT4TW5Ctqi4LuzNy5dhtTwo8ELB+tKNlrskvWtKxTIsZVtFro0fgCnibEXoEv7LItEqSDvh+dKzLgxjjL5adsiMeJibGsigoFS0vkGajJNEHBXuDz2WREX4NAj6g1zC4Rz5rQ4+Ie3ke16Po1ZuUqQEHHKV3IF4UIjVUdaAbDzcE6qfKGoA3jhukKw63iRv3sJnh0RMMrUCM8o2FUa7yxTH8xwOpssjoFeTHKoBlHkMsuo9ebxoetuBuSxG3JYeKqweCAJ3bpCttfyLo5uwyf/zocYgnvRrIYhKw2ze6H1XwJ61gvAcaPSIKGG/K0B7N3bOQrVDOBoJMlS66BmW22SCFgbhoF3HiZTZX6CiXC7m87HT4jFoZbej1Gb7oPPCYSHNFvUDRUwX0QbuJlTMvrWgV0MN1Wr0toifn0yyqDARS1MDOwsYrcE4gg7dATtmT7YjdXbtalosv//gxejVe55DVEPa6PKNllAz/+M3vX2+ysn1gLzICTX7459df+jJ78caw54vosULy1cgEtKqRR+2B1kcFiloRcAdk4RR/HIFq8CWCBVqYHLHWy36PPhJLhlUgHzvfbU0jPdQ49zrPN7FzZim84jQ/a3u/CjdDQdxc3TNQEq/KNBurYpXMnOgFuJCIy7vkj4hO+fDT3yXzYQ8yDcAZpv/T/juaZb0jmR+aOAuEFV3S2hxPQS2WqaHNM8aLas9Yn3UgYJvEKpnW+qEHRL/GeF1PZLydrKJGDsCzq8hYJcV46DVclHGV47vfvzmZYiKcxywTZ2G3GCmRBWohw303Z2aVnOjg4rCKyptMgT6NZs9o8cevf/9tPwUaiNcWC9ygMHNMRP79Pr3nRCCrIE72XU5eeP6pESxni+ej+DprBt6OYFOuvEIFXGuFPJ6cyvWi3QI9qPQim4pxSK/Q93Kek0Ab16eOUGPK6xGn02tNIVyObr2d9Ols5W0ZUbY9WjUoMF5WHaPK4wqEMVBM1ypYK3df7VMwJWK3YJsJkvefOOembQh460AaYidxrxYVX48KtDIqxsN7/7IheO1SstoyJuGLGtuH1r27gD5HYqOndw==') format('woff2'),
  5. url('iconfont.woff?t=1563162654181') format('woff'),
  6. url('iconfont.ttf?t=1563162654181') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  7. url('iconfont.svg?t=1563162654181#iconfont') format('svg'); /* iOS 4.1- */
  8. }
  9. .iconfont {
  10. font-family: "iconfont" !important;
  11. font-size: 16px;
  12. font-style: normal;
  13. -webkit-font-smoothing: antialiased;
  14. -moz-osx-font-smoothing: grayscale;
  15. }
  16. .icon-daohangshouye:before {
  17. content: "\e605";
  18. }
  19. .icon-danmu:before {
  20. content: "\e612";
  21. }
  22. .icon-moban:before {
  23. content: "\e69e";
  24. }
  25. .icon-apache:before {
  26. content: "\e6c5";
  27. }
  28. .icon-java:before {
  29. content: "\e746";
  30. }
  31. .icon-shouyeshouye:before {
  32. content: "\e606";
  33. }
  34. .icon-jindutiaochulizhong:before {
  35. content: "\e634";
  36. }
  37. .icon-jindutiaowancheng:before {
  38. content: "\e63e";
  39. }
  40. .icon-guanggao:before {
  41. content: "\e674";
  42. }
  43. .icon-jindutiaodaishangchuan:before {
  44. content: "\e641";
  45. }
  46. .icon-huiyuan:before {
  47. content: "\e654";
  48. }
  49. .icon-c4:before {
  50. content: "\e60f";
  51. }
  52. .icon-iconradio:before {
  53. content: "\e628";
  54. }
  55. .icon-duoxuankuang:before {
  56. content: "\e68c";
  57. }
  58. .icon-danxuan:before {
  59. content: "\e61a";
  60. }
  61. .icon-duoxuankuang1:before {
  62. content: "\e61c";
  63. }
  64. .icon-css:before {
  65. content: "\e63b";
  66. }
  67. .icon-html:before {
  68. content: "\e65a";
  69. }
  70. .icon-socialcss3outline:before {
  71. content: "\e892";
  72. }
  73. .icon-fujian:before {
  74. content: "\e671";
  75. }
  76. .icon-huiyuan1:before {
  77. content: "\e629";
  78. }
  79. .icon-39kaiguankai2:before {
  80. content: "\e611";
  81. }
  82. .icon-38kaiguanguan1:before {
  83. content: "\e613";
  84. }
  85. .icon-plus-radio:before {
  86. content: "\e735";
  87. }
  88. .icon-jinduchaxun:before {
  89. content: "\e618";
  90. }
  91. .icon-danmu1:before {
  92. content: "\e61b";
  93. }
  94. .icon-jindu:before {
  95. content: "\e6b7";
  96. }
  97. .icon-huiyuan2:before {
  98. content: "\e60e";
  99. }
  100. .icon-aspx:before {
  101. content: "\e6bc";
  102. }
  103. .icon-sousuo:before {
  104. content: "\e6bf";
  105. }
  106. .icon-jindu1:before {
  107. content: "\e7b0";
  108. }
  109. .icon-tiaoshi:before {
  110. content: "\eb61";
  111. }
  112. .icon-changjingguanli:before {
  113. content: "\eb62";
  114. }
  115. .icon-bianji:before {
  116. content: "\eb63";
  117. }
  118. .icon-gongnengdingyi:before {
  119. content: "\eb66";
  120. }
  121. .icon-jichuguanli:before {
  122. content: "\eb67";
  123. }
  124. .icon-jishufuwu:before {
  125. content: "\eb68";
  126. }
  127. .icon-hezuohuobanmiyueguanli:before {
  128. content: "\eb69";
  129. }
  130. .icon-ceshishenqing:before {
  131. content: "\eb6a";
  132. }
  133. .icon-jiedianguanli:before {
  134. content: "\eb6b";
  135. }
  136. .icon-jinggao:before {
  137. content: "\eb6c";
  138. }
  139. .icon-peiwangyindao:before {
  140. content: "\eb6d";
  141. }
  142. .icon-shiyongwendang:before {
  143. content: "\eb6f";
  144. }
  145. .icon-quanxianshenpi:before {
  146. content: "\eb70";
  147. }
  148. .icon-yishouquan:before {
  149. content: "\eb71";
  150. }
  151. .icon-tianshenpi:before {
  152. content: "\eb72";
  153. }
  154. .icon-shujukanban:before {
  155. content: "\eb73";
  156. }
  157. .icon-yingyongguanli:before {
  158. content: "\eb74";
  159. }
  160. .icon-yibiaopan:before {
  161. content: "\eb75";
  162. }
  163. .icon-zhanghaoquanxianguanli:before {
  164. content: "\eb76";
  165. }
  166. .icon-nginx:before {
  167. content: "\e63c";
  168. }
  169. .icon-css1:before {
  170. content: "\e653";
  171. }
  172. .icon-guanbi:before {
  173. content: "\eb79";
  174. }
  175. .icon-xiajiantou:before {
  176. content: "\eb7b";
  177. }
  178. .icon-shangjiantou:before {
  179. content: "\eb7c";
  180. }
  181. .icon-icon_loading:before {
  182. content: "\eb80";
  183. }
  184. .icon-icon_renwujincheng:before {
  185. content: "\eb88";
  186. }
  187. .icon-icon_rukou:before {
  188. content: "\eb89";
  189. }
  190. .icon-icon_yiwenkongxin:before {
  191. content: "\eb8a";
  192. }
  193. .icon-icon_fabu:before {
  194. content: "\eb8b";
  195. }
  196. .icon-icon_tianjia:before {
  197. content: "\eb8c";
  198. }
  199. .icon-icon_yulan:before {
  200. content: "\eb8d";
  201. }
  202. .icon-icon_zhanghao:before {
  203. content: "\eb8e";
  204. }
  205. .icon-icon_wangye:before {
  206. content: "\eb8f";
  207. }
  208. .icon-icon_shezhi:before {
  209. content: "\eb90";
  210. }
  211. .icon-icon_baocun:before {
  212. content: "\eb91";
  213. }
  214. .icon-icon_yingyongguanli:before {
  215. content: "\eb92";
  216. }
  217. .icon-icon_shiyongwendang:before {
  218. content: "\eb93";
  219. }
  220. .icon-icon_bangzhuwendang:before {
  221. content: "\eb94";
  222. }
  223. .icon-biaodanzujian-shurukuang:before {
  224. content: "\eb95";
  225. }
  226. .icon-biaodanzujian-biaoge:before {
  227. content: "\eb96";
  228. }
  229. .icon-biaodanzujian-xialakuang:before {
  230. content: "\eb97";
  231. }
  232. .icon-tubiao-qiapian:before {
  233. content: "\eb98";
  234. }
  235. .icon-tubiao-zhexiantu:before {
  236. content: "\eb99";
  237. }
  238. .icon-xingzhuang-juxing:before {
  239. content: "\eb9a";
  240. }
  241. .icon-xingzhuang-tupian:before {
  242. content: "\eb9b";
  243. }
  244. .icon-xingzhuang-sanjiaoxing:before {
  245. content: "\eb9c";
  246. }
  247. .icon-xingzhuang-xingxing:before {
  248. content: "\eb9d";
  249. }
  250. .icon-sousuo1:before {
  251. content: "\e61f";
  252. }
  253. .icon-xiayibu:before {
  254. content: "\ebef";
  255. }
  256. .icon-shangyibu:before {
  257. content: "\ebf0";
  258. }
  259. .icon-shuaxin:before {
  260. content: "\ec08";
  261. }
  262. .icon-baocun:before {
  263. content: "\ec09";
  264. }
  265. .icon-fabu:before {
  266. content: "\ec0a";
  267. }
  268. .icon-xiayibu1:before {
  269. content: "\ec0b";
  270. }
  271. .icon-shangyibu1:before {
  272. content: "\ec0c";
  273. }
  274. .icon-xiangxiazhanhang:before {
  275. content: "\ec0d";
  276. }
  277. .icon-xiangshangzhanhang:before {
  278. content: "\ec0e";
  279. }
  280. .icon-tupianjiazaishibai:before {
  281. content: "\ec0f";
  282. }
  283. .icon-up:before {
  284. content: "\e7eb";
  285. }
  286. .icon-down:before {
  287. content: "\e7ec";
  288. }
  289. .icon-doubleleft:before {
  290. content: "\e7ed";
  291. }
  292. .icon-doubleright:before {
  293. content: "\e7ee";
  294. }
  295. .icon-suoxiao:before {
  296. content: "\ec13";
  297. }
  298. .icon-fangda:before {
  299. content: "\ec14";
  300. }
  301. .icon-huanyuanhuabu:before {
  302. content: "\ec15";
  303. }
  304. .icon-quanping:before {
  305. content: "\ec16";
  306. }
  307. .icon-biaodanzujian-biaoge1:before {
  308. content: "\ec17";
  309. }
  310. .icon-APIshuchu:before {
  311. content: "\ec18";
  312. }
  313. .icon-APIjieru:before {
  314. content: "\ec19";
  315. }
  316. .icon-wenjianjia:before {
  317. content: "\ec1a";
  318. }
  319. .icon-DOC:before {
  320. content: "\ec1b";
  321. }
  322. .icon-yunduanxiazai:before {
  323. content: "\ec1d";
  324. }
  325. .icon-HTML:before {
  326. content: "\e87d";
  327. }
  328. .icon-huiyuan3:before {
  329. content: "\e625";
  330. }
  331. .icon-sousuo2:before {
  332. content: "\e782";
  333. }
  334. .icon-shebeizhuangtai:before {
  335. content: "\ec23";
  336. }
  337. .icon-fenzuguanli:before {
  338. content: "\ec24";
  339. }
  340. .icon-kuaisubianpai:before {
  341. content: "\ec25";
  342. }
  343. .icon-APPkaifa:before {
  344. content: "\ec26";
  345. }
  346. .icon-wentijieda:before {
  347. content: "\ec2e";
  348. }
  349. .icon-kefu:before {
  350. content: "\ec2f";
  351. }
  352. .icon-ruanjiankaifabao:before {
  353. content: "\ec30";
  354. }
  355. .icon-php:before {
  356. content: "\f20e";
  357. }
  358. .icon-sousuobianxiao:before {
  359. content: "\ec32";
  360. }
  361. .icon-sousuofangda:before {
  362. content: "\ec33";
  363. }
  364. .icon-dingwei:before {
  365. content: "\ec34";
  366. }
  367. .icon-wumoxing:before {
  368. content: "\ec35";
  369. }
  370. .icon-renwujincheng:before {
  371. content: "\ec36";
  372. }
  373. .icon-xiaoxitongzhi:before {
  374. content: "\ec37";
  375. }
  376. .icon-guangbo:before {
  377. content: "\ec38";
  378. }
  379. .icon-gongdan:before {
  380. content: "\ec39";
  381. }
  382. .icon-xiaoxi:before {
  383. content: "\ec3b";
  384. }
  385. .icon-fabusekuai:before {
  386. content: "\ec46";
  387. }
  388. .icon-JS:before {
  389. content: "\e61d";
  390. }
  391. .icon-xinhao:before {
  392. content: "\ec4a";
  393. }
  394. .icon-lanya:before {
  395. content: "\ec4b";
  396. }
  397. .icon-Wi-Fi:before {
  398. content: "\ec4c";
  399. }
  400. .icon-yunhang:before {
  401. content: "\ec61";
  402. }
  403. .icon-js:before {
  404. content: "\ec68";
  405. }
  406. .icon-liebiao:before {
  407. content: "\ec6b";
  408. }
  409. .icon-mysql:before {
  410. content: "\ec6d";
  411. }
  412. .icon-xiyiji:before {
  413. content: "\ec78";
  414. }
  415. .icon-yijiankaiguan:before {
  416. content: "\ec79";
  417. }
  418. .icon-wuxiandianbo:before {
  419. content: "\ec7a";
  420. }
  421. .icon-fuzhi:before {
  422. content: "\ec7b";
  423. }
  424. .icon-shanchu:before {
  425. content: "\ec7c";
  426. }
  427. .icon-bianjisekuai:before {
  428. content: "\ec7d";
  429. }
  430. .icon-fenlan:before {
  431. content: "\ec7f";
  432. }
  433. .icon-dianzan:before {
  434. content: "\ec80";
  435. }
  436. .icon-charulianjie:before {
  437. content: "\ec81";
  438. }
  439. .icon-charutupian:before {
  440. content: "\ec82";
  441. }
  442. .icon-quxiaolianjie:before {
  443. content: "\ec83";
  444. }
  445. .icon-yinyong:before {
  446. content: "\ec84";
  447. }
  448. .icon-zitidaima:before {
  449. content: "\ec85";
  450. }
  451. .icon-zitiyulan:before {
  452. content: "\ec86";
  453. }
  454. .icon-duigoux:before {
  455. content: "\ec9e";
  456. }
  457. .icon-guanbi1:before {
  458. content: "\eca0";
  459. }
  460. .icon-yiliaohangyedeICON-:before {
  461. content: "\e62a";
  462. }
  463. .icon-aixin:before {
  464. content: "\eca1";
  465. }
  466. .icon-danchuchuang:before {
  467. content: "\e630";
  468. }
  469. .icon-quanxian--xiantiao:before {
  470. content: "\e662";
  471. }
  472. .icon-logo-python:before {
  473. content: "\e7a0";
  474. }
  475. .icon-danxuan1:before {
  476. content: "\e713";
  477. }
  478. .icon-duoxuan:before {
  479. content: "\e715";
  480. }
  481. .icon-Cyuyan:before {
  482. content: "\e650";
  483. }
  484. .icon-quanxianguanli:before {
  485. content: "\e607";
  486. }
  487. .icon-huabanfuben:before {
  488. content: "\e608";
  489. }
  490. .icon-icon_group:before {
  491. content: "\eba0";
  492. }
  493. .icon-icon_left:before {
  494. content: "\eb9e";
  495. }
  496. .icon-icon_next_arrow:before {
  497. content: "\eb9f";
  498. }
  499. .icon-icon_sms:before {
  500. content: "\eba1";
  501. }
  502. .icon-icon_safety:before {
  503. content: "\eba2";
  504. }
  505. .icon-icon_qq_fill:before {
  506. content: "\ebad";
  507. }
  508. .icon-icon_report_fill:before {
  509. content: "\ebae";
  510. }
  511. .icon-icon_roundreduce_fil:before {
  512. content: "\ebaf";
  513. }
  514. .icon-icon_safety_fill:before {
  515. content: "\ebb0";
  516. }
  517. .icon-icon_replieslist:before {
  518. content: "\ebb1";
  519. }
  520. .icon-icon_roundadd_fill:before {
  521. content: "\ebb2";
  522. }
  523. .icon-icon_setting_fill:before {
  524. content: "\ebb3";
  525. }
  526. .icon-kongxinduigou:before {
  527. content: "\ed1b";
  528. }
  529. .icon-kongjian:before {
  530. content: "\ed1c";
  531. }
  532. .icon-gaojingkongxin:before {
  533. content: "\ed1d";
  534. }
  535. .icon-duigou_kuai:before {
  536. content: "\ed1e";
  537. }
  538. .icon-cuocha_kuai:before {
  539. content: "\ed1f";
  540. }
  541. .icon-jia_sekuai:before {
  542. content: "\ed21";
  543. }
  544. .icon-jian_sekuai:before {
  545. content: "\ed22";
  546. }
  547. .icon-fenxiangfangshi:before {
  548. content: "\ed2e";
  549. }
  550. .icon-quanxianshezhi:before {
  551. content: "\e70b";
  552. }

2. 购物车页面

(a) HTML代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="stylesheet" href="./static/font/shop_public_header.css">
  6. <link rel="stylesheet" href="./static/font/shop_shopping_cart.css">
  7. <title>商城系统的购物车</title>
  8. </head>
  9. <body>
  10. <!--logo+search+button-->
  11. <div class="shop-public-header">
  12. <div class="content">
  13. <!--logo-->
  14. <a href=""><img src="./static/images/logo.png" alt=""></a>
  15. <!--search-->
  16. <div class="search">
  17. <input type="search" name="search" id="search">
  18. <label for="search">搜索</label>
  19. </div>
  20. </div>
  21. <!--商城购物车-->
  22. <div class="shop-shopping-cart">
  23. <h3>我的购物车</h3>
  24. <!--购物车头部-->
  25. <header>
  26. <!--flex-->
  27. <span>
  28. <input type="checkbox" id="all-selected" checked>
  29. <label for="all-selected">全选</label>
  30. </span>
  31. <span>商品</span>
  32. <span>单价</span>
  33. <span>数量</span>
  34. <span>小计</span>
  35. <span>操作</span>
  36. </header>
  37. <!--购物车主体-->
  38. <main>
  39. <div>
  40. <span>
  41. <label><input type="checkbox" name="choose" checked></label>
  42. </span>
  43. <!--图文介绍-->
  44. <span class="pic-intro">
  45. <a href=""><img src="./static/images/shop/shop1.jpg" alt=""></a>
  46. <a href="">商品简介商品简介商品简介商品简介商品简介商品简介...</a>
  47. </span>
  48. <span>500.00</span>
  49. <span>
  50. <label><input type="number" name="count" value="1" min="1"></label>
  51. </span>
  52. <span><i>&yen;</i>500.00</span>
  53. <span><a href="">删除</a></span>
  54. </div>
  55. <div>
  56. <span>
  57. <label><input type="checkbox" name="choose" checked></label>
  58. </span>
  59. <!--图文介绍-->
  60. <span class="pic-intro">
  61. <a href=""><img src="./static/images/shop/shop2.jpg" alt=""></a>
  62. <a href="">商品简介商品简介商品简介商品简介商品简介商品简介...</a>
  63. </span>
  64. <span>500.00</span>
  65. <span>
  66. <label><input type="number" name="count" value="1" min="1"></label>
  67. </span>
  68. <span><i>&yen;</i>500.00</span>
  69. <span><a href="">删除</a></span>
  70. </div>
  71. <div>
  72. <span>
  73. <label><input type="checkbox" name="choose" checked></label>
  74. </span>
  75. <!--图文介绍-->
  76. <span class="pic-intro">
  77. <a href=""><img src="./static/images/shop/shop3.jpg" alt=""></a>
  78. <a href="">商品简介商品简介商品简介商品简介商品简介商品简介...</a>
  79. </span>
  80. <span>500.00</span>
  81. <span>
  82. <label><input type="number" name="count" value="1" min="1"></label>
  83. </span>
  84. <span><i>&yen;</i>500.00</span>
  85. <span><a href="">删除</a></span>
  86. </div>
  87. <div>
  88. <span>
  89. <label><input type="checkbox" name="choose" checked></label>
  90. </span>
  91. <!--图文介绍-->
  92. <span class="pic-intro">
  93. <a href=""><img src="./static/images/shop/shop4.jpg" alt=""></a>
  94. <a href="">商品简介商品简介商品简介商品简介商品简介商品简介...</a>
  95. </span>
  96. <span>500.00</span>
  97. <span>
  98. <label><input type="number" name="count" value="1" min="1"></label>
  99. </span>
  100. <span><i>&yen;</i>500.00</span>
  101. <span><a href="">删除</a></span>
  102. </div>
  103. </main>
  104. <!--购物车底部-->
  105. <footer>
  106. <span>数量: <i>4</i></span>
  107. <span>金额: <i>2000</i></span>
  108. <button>去结算</button>
  109. </footer>
  110. </div>
  111. <!-- 頁尾footer-->
  112. <div>
  113. <footer>
  114. <p align="center">copyright 2014-2020 <a href="http://www.php.cn/">PHP中文网 </a>版权所有 </p>
  115. </footer>
  116. </div>
  117. </body>
  118. </html>

(b) CSS代码

(b-1)shop_shopping_cart.css

  1. @import url(../../public_reset.css);
  2. .shop-shopping-cart {
  3. width: 1200px;
  4. background-color: #fff;
  5. margin: 30px auto;
  6. padding: 15px 0;
  7. border-radius: 8px;
  8. box-sizing: border-box;
  9. }
  10. .shop-shopping-cart:hover {
  11. box-shadow: 0 0 8px #888888;
  12. }
  13. /*标题*/
  14. .shop-shopping-cart > h3 {
  15. font-size: 20px;
  16. text-align: center;
  17. font-weight: normal;
  18. margin-bottom: 20px;
  19. }
  20. /*购物车头部*/
  21. .shop-shopping-cart > header {
  22. height: 40px;
  23. border-bottom: 1px solid #cccccc;
  24. /*flex*/
  25. display: flex;
  26. justify-content: space-around;
  27. align-items: center;
  28. }
  29. /*购物车主体*/
  30. .shop-shopping-cart > main {
  31. margin: 20px 0;
  32. }
  33. /*购物车中的每一条记录, 每一个商品*/
  34. .shop-shopping-cart > main > div {
  35. height: 80px;
  36. /*flex*/
  37. display: flex;
  38. justify-content: space-around;
  39. align-items: center;
  40. }
  41. .shop-shopping-cart > main > div:hover {
  42. background-color: lightcyan;
  43. }
  44. .shop-shopping-cart > main > div .pic-intro {
  45. width: 250px;
  46. display: flex;
  47. align-items: center;
  48. }
  49. .shop-shopping-cart > main > div .pic-intro img {
  50. width: 60px;
  51. height: 45px;
  52. margin-right: 10px;
  53. }
  54. .shop-shopping-cart > main > div a:hover {
  55. color: lightcoral;
  56. }
  57. /*微调第一个复选框*/
  58. .shop-shopping-cart > main > div > span:first-of-type {
  59. position: relative;
  60. left: 25px;
  61. }
  62. .shop-shopping-cart > main > div > span.pic-intro {
  63. position: relative;
  64. left: -40px;
  65. }
  66. .shop-shopping-cart > main > div > span:nth-of-type(3) {
  67. position: relative;
  68. left: -80px;
  69. }
  70. .shop-shopping-cart > main > div > span:nth-of-type(4) {
  71. position: relative;
  72. left: -60px;
  73. }
  74. .shop-shopping-cart > main > div > span:nth-of-type(4) input {
  75. width: 60px;
  76. }
  77. .shop-shopping-cart > main > div > span:nth-last-of-type(2) {
  78. position: relative;
  79. left: -50px;
  80. }
  81. .shop-shopping-cart > main > div > span:last-of-type {
  82. position: relative;
  83. left: -50px;
  84. }
  85. .shop-shopping-cart > main > div > span:nth-last-of-type(2) i {
  86. color: green;
  87. font-size: 1.01rem;
  88. margin-right: 3px;
  89. }
  90. /*购物车底部*/
  91. .shop-shopping-cart > footer {
  92. height: 70px;
  93. padding: 20px;
  94. border-top: 1px solid #cccccc;
  95. box-sizing: border-box;
  96. display: flex;
  97. justify-content: flex-end;
  98. align-items: center;
  99. }
  100. .shop-shopping-cart > footer > *:not(:last-child) {
  101. width: 180px;
  102. }
  103. .shop-shopping-cart > footer > button {
  104. height: 40px;
  105. width: 120px;
  106. background-color: lightcoral;
  107. border: none;
  108. color: white;
  109. font-size: 1.1rem;
  110. }
  111. .shop-shopping-cart > footer > button:hover {
  112. background-color: seagreen;
  113. cursor: pointer;
  114. }

3.学习总结

每个项目必需在编码前思考整个佈局的设计, 选用Flex ,grid 还是其它佈局完成. 之后再规划每个页面的HTML代码和CSS代码. 每个页面必需要细节的思考,头脑要清晰,每个标签必需写清楚,以免写下写下忘记了,容易使自己溷乱,导致出错.

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议