@use '../base/_variable';

footer {
  min-width: 1200px;
  padding: 60px 0px;
  background: #1E2023;
  .icon{
    // width: 40px;
    // height: 40px;
    // cursor: pointer;
    // margin-right: 5px;
    // &.icon-footer-wechat{
    //   background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAe1BMVEUAAACZmZmcnJyZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqZmZmZmZmampqZmZmampqZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmYmJiampqZmZlq+OxBAAAAKHRSTlMACwbr+/EVu0r14dvJqIOfdm9QIRHmG9azZNGTXFeZeWtEM8Atjj0oRTFBqwAAA3xJREFUWMOtmdeCqjAQhhNI6F2RJmDdnfd/wnNUWEml6HdlBMZkyj8hohksp4+vhekC0Lywu+S8R9vBWVMADwnujrHFmuGELiig8c/qySUeaCkqY4253oRZ8tNik20Oi/CzReZ2NiymPMzbqyiswMzmYhvDShqtJ/cBrMbGGvcVsIHaUtn7zWET/k4xvxw24kvnaPmwmXoviW8AH2CLsY7hIxre3hE+pOUCQkHEDeIoSZJ7uMS7JluFtnjD/cd4B+xYurN1rV2wf+S9bEVzJidljT1urb0hy6uZuPnvhxLuyg3JcfS6m/5NkL0v2KuL3dfGZZSJlLWHkZqDttWc0Avmplwvwr9U58XBMzDFGf1QRee3TqbRZUkFvLprKMsmXE8S4ZADkIuQsiLd81Emv8bHsscgHgb9YxANgwuoocb46EiAxsemNtrHoEIDnCwJDutgQoJGUnOSP5E7EagU1Nz/X/f5FY9M09HAL2c6aR81OqVFyIIpuhzcRT4Q3w7j8KpsFsRik4ZqUjoktHP246iyVU7smeJR2jtSM8VsiocgIWGln6jsNRCLFX6WrDzm8lRRdx2ppI2yFLsVKjgXyEhJhqQYgsUCmXzzErmRE1KA+Sw3EWXHMqm+Mu1C391cJEiawA/ZDS4LSPiKNLaJbUnVHhBhx7kYzPCtEaPMV+9Cx5QzyLeJUHA8HXWx+uvnzqSDdNySBU3vOYMX1xhNR2U1xr1Mxm8zLig18FRcjdRIy4FLG1tWPlPSUm/QgClX6a4rnFZtsspgjHoQIdNQV9c1S+6RAyI2u13QG8y42rUApGHZR111eUTSIjetQVbFLIR8mezuI/r85AVBTSKdPYvwrb4DnutgjtmzqOiExpyJnYYCi2aKZyLsEbELc5AfZYhztvDw4NU5zJ3CgbVMCByYx5NG+jDY4wXfg3nck0TJc/5nhwsnWEJ5EwKi2hNjE5ZAygz/FfANP5RS3BIzMj6Pe23SY3uKSvo8FAlVKoU92ECRtawHJ/nfwibYnn5kX80+xubb64fQ3Zdfb49ffgGPv3xEEBjfPcTwre8es+QKMfr1YBPer1Iui03pffjuYVqwRxqMZsNxn56WrqqP9rtHpvYOLaH1Fka3XX6KbcIsZoLRcnDqzcwuxWglmqN7N3Q2/rlwr0GgvmcYbcc6nxr7+feHaxZ2czpbSM8/LQE1GI9iOi8AAAAASUVORK5CYII=');
    // }
    // &.icon-footer-weibo{
    //   background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAhFBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmTk5OZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmXl5eZmZmZmZmampqZmZmZmZmZmZmampqampqampqZmZmZmZmampqZmZmZmZmampqZmZmZmZmZmZkPlHCcAAAAK3RSTlMACt317OJ3+UdO6Lkg1hfRBPHKnqeNbL9ZB7NwDpRkXSQdE8U1K5mCPqp+dYZ4fAAAA59JREFUWMOs1umSqjAQBeCTsO+iII4LKozbnPd/v1sy4nUgIKLfT6pCpXO6OsEThT3feIGr0dJl5G3mdoHxhJNGbIlSR2AMO9HYQUtsvEisJHvJlcBwwtT5lG4KDLQwOIixwBC+x8E8H09tY74g3qLf14wvmn2hR1jyZWWITr7kCNJHh4PLUdwDlHYGRzJ2UAglR5OhIt8p3zBtZz3jW2Zo2PJNjQ73Y74p9vHI49s8PFjwAxa4EwY/wBComfwIEzdC52BWUHqZQSW93uKcg60muNqrr5w5fkkOFeEuV5QlUbE5mC5w5wdssXGVcLggzXQjO1XTZR2xKaki0djPLSOrGc1xDWDXWqkJAA77SPMAoPCUY/qHTQ6AI7vp+QSVdR1BuYf4TjUyEEBhseHYn/ElRK0+6BRX3zF5ArBU5ByyizXHf2n9MVkuc8AkpbLmsLtpNBsPEpLWdDnLLJI59iT3QK5oHJNq8RmPptbl91m4C0gPcMlv1Vg2u0a/dsYfxQQ3B3IKGNUPV4qrIKOK5aBTwAzQyAJI2ZQhoMoK3SQt81htEyWbArhUSNBtX/cUICw2uYjZZqxxE243y8jVjejyc56gcqqX+sjZooEKDiqTRcYHehpWMW/qomIq/GvO7JYThIEovFN+QhAkYkVBsOJIQff9369jEkptN9Ey6Uy/WzTJZJM9ZzfACIMGkij9Mb0SX1F4aAR8g3wJFcHsGnUdb8YRehivngGPuMp++WlNvN0Yifx+Nw5oIAYyS+p/sPN0sLUw5SARMdKksCXVsPQnXbxf0wkkFdJsYU3aHq7zryQsbktEhfaWF6MLC0kxDNVsUBb9IJj0ajp6NUhyo9hHSGXdUM0mN2Q4yiO9mo6UJYtGxKdglNYGhuleJ3eO6IoGlpQERADiFtQKEoYYt19SdqUXuDJpGilSuVBR8VoYNr0ajzP5Re2gMNrJd1pGr6ByZ5aAZs/k+mTYbULJldCTgeY+IltHNUByyJSmarNGW43poFHfmxKg7mP5I6YVv9b3OEMjr2az9LITAGLoq9T34+wSnkFxvKCFyGbngjCBbwheMbQQPDKc6eatK0FRn4vKRzv7pyxxnC8W2zx4yj26Nu3uywr3hY/70sx98ei+vHVfgLtvEbhvYrhvs2i6YOZ4HRhoU5xB2oKR05xm2gkslA3aoHO7Hf67hiR33TJ139T9+7YzTf24MV67bd3/h8cFxXJ8/kAvTm/PH0uw8wG0r8+pgxwVRgAAAABJRU5ErkJggg==');
    // }
    width: 16px;
    height: 16px;
    margin-right: 3px;
    &.icon-footerqq{
      background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABMUlEQVQ4T53TrWvXURTH8dfHB3CyGS0mm0yMsjKD2QcGIou6JjZxccKKK66LSQ1iEEw6cdWysCiu7R8wiCbxgSMXft/x5Sub33nK5Tx83px7z7kxsKo6hru4hdlJ+iOe4kmS331J+k5VncAGLg/BE/89rif50eWHgEdY3kfchR8mWfkLUFUn8RntPMi+4nTXxV4HVTWPD/8Qd+mLSbab0wfcweORgKUkz4aAN7gyEvA6yY09QFVdxUtMjwR8w80km6mqM/iEUyPFXdkXnGuAddw/pLgrX2uAXZz9T8BOA3zHJq4dAlJ4i0sNcAFt19sjLo6EPMcSzvf3YAGv0D7TQdb+wUKSd/0xTqGt6PGBssWOYGYQb9eeSfKr38Ft3GujwU9s4cEEuoo5HMUO1pO8aNA/evBej0fxIBEAAAAASUVORK5CYII=');
    }
  }
  // .footer-focus{
  //   span{
  //     em{
  //       display: none;
  //     }
  //     &:hover{
  //       em{
  //         display: block;
  //       }
  //     }
  //   }
  // }
    
}
#dota_footer{
  margin-top: 21px;
  padding-top: 50px;
  padding-bottom: 0;
  .underline {
      width:1200px;
      height:1px;
      background:rgba(51,51,51,1);
      margin-top: 20px;
  }
  p {
      font-size:14px;
      color:rgba(153,153,153,1);
      margin-top: 21px;
      text-align: center;
      margin-bottom: 18px;
  }
}