/**
 * mixin
 */
.m-search {
  position: relative;
  width: 560px;
  height: 44px;
  margin: 64px auto 0;
  background: #fff; }
  .m-search.m-search-api {
    width: 660px;
    margin-left: 280px;
    margin-top: 16px; }
    .m-search.m-search-api .u-ipt {
      width: 572px; }
  .m-search .u-btn {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 88px;
    height: 44px;
    line-height: 44px;
    background: #e6ebf0;
    text-align: center;
    font-size: 16px;
    color: #2f3133;
    cursor: pointer; }
    .m-search .u-btn:hover {
      color: #2284e6; }
  .m-search .u-ipt {
    float: left;
    width: 472px;
    height: 44px;
    line-height: 44px;
    padding-left: 15px;
    padding-right: 2px;
    border: none;
    outline: none;
    font-size: 16px;
    color: #333333; }
    .m-search .u-ipt:-ms-input-placeholder {
      color: #a4abb2 !important;
      opacity: 1; }
    .m-search .u-ipt:-moz-input-placeholder {
      color: #a4abb2 !important;
      opacity: 1; }
    .m-search .u-ipt::-moz-placeholder {
      color: #a4abb2 !important;
      opacity: 1; }
    .m-search .u-ipt::-webkit-input-placeholder {
      color: #a4abb2 !important;
      opacity: 1; }
    .m-search .u-ipt::-ms-clear {
      display: none; }
    .m-search .u-ipt::-ms-reveal {
      display: none; }
  .m-search .placeholder {
    display: none;
    position: absolute;
    top: 14px;
    left: 16px;
    font-size: 16px;
    color: #a4abb2; }

.m-ban {
  width: 100%;
  height: 172px;
  background: url(/public/image/banner.c4fae69.jpg) no-repeat center;
  text-align: center;
  overflow: hidden;
  min-width: 1000px; }
  .m-ban h2 {
    margin-bottom: 16px;
    padding-top: 174px;
    font-size: 40px;
    line-height: 1;
    color: #fff; }
  .m-ban p {
    font-size: 14px;
    line-height: 1;
    color: #fff; }

.m-list {
  font-family: "PingFangSC-Meidum", "MicroSoft Yahei", sans-serif; }
  .m-list .u-tt {
    margin-top: 59px;
    margin-bottom: 42px;
    text-align: left; }
    .m-list .u-tt span {
      display: inline-block;
      font-size: 22px;
      line-height: 1;
      color: #2f3133; }
    .m-list .u-tt:before {
      content: "";
      display: inline-block;
      width: 3px;
      height: 20px;
      margin-right: 10px;
      background: #2284e6;
      vertical-align: top; }
  .m-list .block_tt {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 30px;
    color: #2f3133; }
  .m-list .catalog:after {
    content: "";
    display: table;
    clear: both; }
  .m-list .catalog > li {
    float: left;
    width: 25%; }

.m-item {
  width: 160px;
  height: 261px;
  overflow: hidden;
  text-align: left; }
  .m-item.m-item-bt {
    height: 238px; }
  .m-item .item_hd {
    font-size: 16px;
    line-height: 1;
    color: #2f3133;
    padding-bottom: 16px;
    border-bottom: 2px solid #2284e6;
    margin-bottom: 3px; }
  .m-item .item_bd {
    margin-bottom: 59px; }
    .m-item .item_bd .icon {
      position: relative;
      width: 160px;
      height: 40px;
      line-height: 40px;
      border-bottom: 1px solid #e6e8eb;
      font-size: 0; }
      .m-item .item_bd .icon a {
        display: inline-block;
        margin-left: 10px;
        font-size: 14px;
        color: #2284e6;
        vertical-align: middle; }
        .m-item .item_bd .icon a:hover {
          text-decoration: underline; }
      .m-item .item_bd .icon:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        vertical-align: middle;
        background: url(data:image/png;base64,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) no-repeat; }
      .m-item .item_bd .icon:after {
        content: "";
        float: right;
        width: 7px;
        height: 8px;
        margin-top: 17px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAYAAAA1BOUGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAZ0lEQVQI13WMwQmAMBAEJ5ICfOclV0kswQo0fQT8XF+mkujr6vBjIATc1zLDLqI285MJuEXt/JMbEEXtFrWjl64VUYvACSxAqjkUN16J2gVEIPkOHt/yAdaaQ/EDTDWH0gYe2EfY8gIwzCAB8DMzRwAAAABJRU5ErkJggg==) no-repeat; }
      .m-item .item_bd .icon.icon-new:before {
        background-position: -11px -8px; }
      .m-item .item_bd .icon.icon-buy:before {
        width: 17px;
        height: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAu0lEQVQ4y82SMQ7CIBhGHw3p5ow6eA4TSZzV3Qs0cWRy9w7M9gJewNWBwYuYyhVc6kITNGpLu/hP5IM83hcQ2voVUAIT2qcCCmfUOQ5lAGydUa6NoK3XwAmYvm/UHQx+nhepkE/1ZFh0qvO13kATtPV1NgTQjEy8dQYcgSWQN3mqSQlcgJEzSjijRLIJMAc2zqhHHKaaXIG9tj6Pw1STIlQ6vID+5okzoAo/r4/FArgLbf069Bz34NyA3ROZ6T9oKhjdtQAAAABJRU5ErkJggg==) no-repeat; }
      .m-item .item_bd .icon.icon-issue:before {
        background-position: -11px -36px; }
      .m-item .item_bd .icon.icon-dev:before {
        width: 17px;
        height: 15px;
        margin-left: 1px;
        background-position: -11px -117px; }
      .m-item .item_bd .icon.icon-code:before {
        width: 15px;
        margin-left: 2px;
        background-position: -11px -89px; }
      .m-item .item_bd .icon.icon-download:before {
        width: 16px;
        height: 18px;
        margin-left: 1px;
        background-position: -11px -142px; }