a, img {
  display: block; }

.black-friday-wrap {
  padding: 0 20px; }
  .black-friday-wrap .black-list-wrap {
    display: flex;
    justify-content: space-between; }
    .black-friday-wrap .black-list-wrap img {
      display: block;
      width: 100%; }
    .black-friday-wrap .black-list-wrap .black-7 {
      width: 60.7%; }
    .black-friday-wrap .black-list-wrap .black-15-wrap {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      width: 38.4%; }
      .black-friday-wrap .black-list-wrap .black-15-wrap a {
        display: block; }
  .black-friday-wrap .by-glasses-wrap {
    margin-top: 20px;
    padding: 80px 0;
    background: #f5f6fa;
    background-size: contain; }
    .black-friday-wrap .by-glasses-wrap .title {
      text-align: center;
      font-size: 42px;
      font-family: "utopia-sbold";
      color: #333333; }
    .black-friday-wrap .by-glasses-wrap p {
      padding: 28px 0 52px;
      text-align: center;
      line-height: 24px;
      font-size: 18px;
      font-family: "proximanova-light";
      color: #666; }
    .black-friday-wrap .by-glasses-wrap .classify-wrap {
      display: flex;
      justify-content: center; }
    .black-friday-wrap .by-glasses-wrap ul {
      display: flex;
      justify-content: center;
      width: 70%; }
      .black-friday-wrap .by-glasses-wrap ul li {
        flex: 1;
        margin-right: 66px; }
        .black-friday-wrap .by-glasses-wrap ul li:last-of-type {
          margin: 0; }
        .black-friday-wrap .by-glasses-wrap ul li a {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .black-friday-wrap .by-glasses-wrap ul li a img {
            width: 100%; }
          .black-friday-wrap .by-glasses-wrap ul li a span {
            padding-top: 40px;
            color: #333333;
            font-size: 24px; }
  .black-friday-wrap .beyond-off-wrap {
    width: 100%;
    padding-top: 50px; }
    .black-friday-wrap .beyond-off-wrap img {
      width: 100%; }

.banner {
  position: relative; }
  .banner .swiper-slide img {
    width: 100%; }
  .banner .swiper-pagination {
    bottom: 20px; }
  .banner .swiper-pagination-bullet {
    width: 100px;
    height: 5px;
    border-radius: 0; }
  .banner .swiper-pagination-bullet-active {
    background: #4267b2; }
  .banner .banner-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    transform: translateY(-50%); }
    .banner .banner-prev:hover i {
      color: #3c65c8; }
    .banner .banner-prev i {
      font-size: 48px;
      color: #666666;
      transition: all 0.3s; }
  .banner .banner-next {
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    transform: translateY(-50%); }
    .banner .banner-next:hover i {
      color: #3c65c8; }
    .banner .banner-next i {
      font-size: 48px;
      color: #666666;
      transition: all 0.3s; }

.list-part {
  padding: 0 50px; }
  .list-part .list-title {
    padding: 60px 0 10px;
    text-align: center;
    font-size: 36px;
    font-family: "utopia-sbold";
    color: #333333; }
  .list-part .product-list {
    display: flex;
    justify-content: center;
    align-items: center; }
    .list-part .product-list li {
      width: 25%;
      padding: 0px 10px;
      box-sizing: border-box; }
      .list-part .product-list li a {
        padding: 14px 10px; }
        .list-part .product-list li a img {
          width: 100%; }
      .list-part .product-list li div {
        position: relative;
        padding: 10px 50px 0 14px; }
        .list-part .product-list li div .iconfont {
          position: absolute;
          right: 14px;
          top: 16px;
          font-size: 26px;
          cursor: pointer; }
        .list-part .product-list li div p:first-child {
          margin: 10px 0; }
        .list-part .product-list li div .price {
          color: #ff625a; }
        .list-part .product-list li div .sale {
          margin-left: 10px;
          color: #999; }

.learn-more {
  width: 198px;
  margin: 35px auto 65px;
  padding: 14px 0;
  text-align: center;
  font-size: 16px;
  color: #000000;
  border: 1px solid #000; }

.img-part {
  display: flex;
  padding: 0 8px; }
  .img-part a {
    flex: 1;
    padding: 0 12px;
    box-sizing: border-box;
    position: relative; }
    .img-part a img {
      width: 100%; }
    .img-part a div {
      position: absolute;
      left: 7%;
      top: 50%;
      transform: translateY(-50%); }
      .img-part a div.black p {
        color: #333; }
      .img-part a div p:first-child {
        margin-bottom: 20px;
        font-size: 64px;
        font-family: "utopia";
        text-transform: capitalize;
        color: white; }
      .img-part a div p:last-child {
        width: 160px;
        height: 46px;
        line-height: 46px;
        text-align: center;
        font-family: "proximanova-sbold";
        color: white;
        border: 1px solid white; }

.three-banner {
  display: flex;
  padding: 0 8px; }
  .three-banner a {
    flex: 1;
    padding: 0 12px; }
    .three-banner a img {
      width: 100%; }

.buyers-show ul {
  max-width: 1560px;
  padding: 90px 20px;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto; }
  .buyers-show ul li {
    width: 20.5%; }
    .buyers-show ul li:nth-child(2) {
      width: 36.5%;
      text-align: center;
      color: #333333; }
      .buyers-show ul li:nth-child(2) img {
        width: 82%;
        margin: auto;
        cursor: default; }
      .buyers-show ul li:nth-child(2) p {
        font-size: 18px;
        margin: 10px auto 59px; }
      .buyers-show ul li:nth-child(2) a {
        display: block;
        width: 200px;
        height: 46px;
        line-height: 46px;
        border: 1px solid #000000;
        font-size: 14px;
        color: #333333;
        margin: auto; }
    .buyers-show ul li img {
      width: 100%;
      display: block;
      cursor: pointer; }

.buy-glasses {
  margin-top: 20px;
  padding: 4% 40px 0;
  box-sizing: border-box;
  text-align: center;
  background-color: #3361db; }
  .buy-glasses p:first-child {
    color: #ffffff;
    line-height: 40px;
    font-size: 34px;
    font-family: "utopia-sbold"; }
  .buy-glasses p:nth-child(2) {
    margin-top: 6px;
    line-height: 30px;
    font-size: 16px;
    color: #c6cff2; }
  .buy-glasses img {
    width: 648px;
    margin: auto; }

#glasses-layer {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 45px 78px 45px;
  box-sizing: border-box; }
  #glasses-layer .glasses-container {
    overflow: hidden; }
  #glasses-layer .swiper-slide a {
    display: flex;
    align-items: center; }
    #glasses-layer .swiper-slide a .left {
      width: 444px; }
      #glasses-layer .swiper-slide a .left img {
        width: 430px; }
      #glasses-layer .swiper-slide a .left p {
        margin-top: 28px;
        color: #666666; }
    #glasses-layer .swiper-slide a .right {
      width: 400px;
      text-align: center; }
      #glasses-layer .swiper-slide a .right img {
        width: 286px;
        margin: 0 auto 20px; }
      #glasses-layer .swiper-slide a .right p {
        color: #333333; }
      #glasses-layer .swiper-slide a .right span {
        display: inline-block;
        width: 220px;
        height: 60px;
        margin-top: 60px;
        line-height: 60px;
        font-size: 14px;
        color: white;
        background-color: #3d65c5; }
  #glasses-layer .glasses-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 10;
    outline: none;
    cursor: pointer;
    transform: translateY(-50%); }
    #glasses-layer .glasses-prev i {
      font-size: 48px;
      color: #666666; }
  #glasses-layer .glasses-next {
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 10;
    outline: none;
    cursor: pointer;
    transform: translateY(-50%); }
    #glasses-layer .glasses-next i {
      font-size: 48px;
      color: #666666; }

.iconfont.icon-xin31 {
  color: #f45d5c; }

.free- {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  margin: 10px 20px 20px;
  font-size: 22px;
  font-family: "proximanova-bold";
  background: #f5f6fa; }
  .free- i {
    margin-right: 20px;
    font-size: 30px; }