* {
  padding: 0;
  margin: 0; }

ul, li, ol {
  list-style: none; }

a {
  text-decoration: none; }
.wechatCode{position:absolute;width:100px;height:150px;background-color:#191919;bos-shadow:0 1px 3px #000;-webkit-bos-shadow:0 1px 3px #000;padding:30px 30px 0 30px;border-radius:5px;display:none;z-index:1000;}
.wechatCode div{background-color:#fff;padding:13px 12px 12px 13px;width:75px;height:75px;}
.wechatCode .arrow{position:absolute;left:50%;margin-left:-8px;width:0;height:0;border-style:solid dashed;border-color:#191919 transparent;}
.wechatCode p{text-align:center;color:#888;font-size:12px;line-height:20px;margin-top:5px;}
.wechatCode.top .arrow{bottom:-10px;border-width:10px 8px 0;}
.wechatCode.bottom .arrow{top:-10px;border-width:0 8px 10px;}
.wrapper {
  width: 750px;
  margin: 0 auto; }
  .wrapper .header {
    position: relative; }
    .wrapper .header .bg {
      width: 100%; }
    .wrapper .header .logo {
      position: absolute;
      left: 31px;
      top: 26px; }
    .wrapper .header .more {
      position: absolute;
      right: 22px;
      top: 34px;
      width: 102px;
      height: 29px;
      line-height: 29px;
      color: #b7deff;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 14px;
      text-align: center;
      font-size: 14px; }
    .wrapper .header .share-type-txt {
      position: absolute;
      right: 124px;
      top: 95px;
      width: 71px;
      font-size: 12px;
      height: 22px;
      line-height: 22px;
      font-style: normal;
      color: #007ef7;
      text-align: center; }
    .wrapper .header h3 {
      position: absolute;
      top: 218px;
      left: 0;
      width: 100%;
      line-height: 1;
      font-size: 16px;
      font-weight: 400;
      color: #ffffff;
      text-align: center; }
  .wrapper .content {
    margin-top: 20px; }
    .wrapper .content h2 {
      text-align: center;
      font-size: 22px;
      color: #333333;
      font-weight: 400; }
    .wrapper .content .website-list {
      margin: 17px 50px 0; }
      .wrapper .content .website-list li {
        border-bottom: 1px solid #ededed;
        overflow: hidden;
        padding: 18px 0;
        font-size: 0; }
        .wrapper .content .website-list li div.pic {
          display: inline-block;
          vertical-align: middle;
          width: 35px;
          height: 35px; }
          .wrapper .content .website-list li div.pic img {
            width: 100%;
            height: 100%; }
        .wrapper .content .website-list li div.attr {
          padding: 0 0 0 20px;
          display: inline-block;
          vertical-align: middle; }
          .wrapper .content .website-list li div.attr h6 {
            color: #555555;
            font-size: 14px;
            line-height: 20px; }
          .wrapper .content .website-list li div.attr p {
            color: #999999;
            font-size: 12px; }
        .wrapper .content .website-list li:last-child {
          border-bottom: none; }
    .wrapper .content .btn-area {
      text-align: center;
      padding: 10px 0; }
      .wrapper .content .btn-area a {
        display: inline-block;
        width: 235px;
        height: 70px;
        line-height: 70px;
        background-color: #ffc001;
        box-shadow: 0 10px 30px rgba(255, 192, 1, 0.3);
        border-radius: 45px;
        color: #fff;
        font-size: 22px; }
    .wrapper .content dl {
      background: url(../images/pc_foot_bg.png) left top no-repeat;
      padding: 105px 0 50px; }
      .wrapper .content dl dt {
        text-align: center;
        position: relative;
        height: 24px; }
        .wrapper .content dl dt hr {
          height: 0;
          width: 440px;
          border: none;
          border-top: 1px solid #72deff;
          position: absolute;
          left: 50%;
          top: 50%;
          margin: -1px 0 0 -220px;
          z-index: 1; }
        .wrapper .content dl dt span {
          position: relative;
          z-index: 2;
          background-color: #dbf5fd;
          padding: 0 7px;
          font-size: 14px;
          color: #666666; }
      .wrapper .content dl dd {
        padding-top: 10px; }
        .wrapper .content dl dd .share-list {
          text-align: center; }
        .wrapper .content dl dd .share-list li {
          display: inline-block;
          padding: 16px 15px; }
        .wrapper .content dl dd .share-list .evIcon {
          font-size: 50px;
          cursor: pointer;
          margin-top: -0.05em;
          display: inline-block; }
        .wrapper .content dl dd .share-list b.icon-name {
          display: block;
          font-weight: 400;
          font-size: 14px;
          color: #999999;
          padding-top: 8px;
          text-align: center; }
        .wrapper .content dl dd .evIcon-weibo-3 {
          color: #ff5a5a; }
        .wrapper .content dl dd .evIcon-wechat-1 {
          color: #00c930; }
        .wrapper .content dl dd .evIcon-qq-9 {
          color: #0eb5f7; }
        .wrapper .content dl dd .evIcon-qzone-1 {
          color: #ffd152; }
        .wrapper .content dl dd .evIcon-baidu-3 {
          color: #0eb5f7; }
        .wrapper .content dl dd .evIcon-douban-2 {
          color: #10c995; }