@charset "UTF-8";

/* mixin */

/* caret 三角箭头 */

/* mixin end */

.trail_user_adv1 {

  position: relative;

  max-height: 60px;

  width: auto;

}

.trail_user_adv1 .adv_item .close-btn {

  position: absolute;

  right: 24px;

  top: 3px;

  border: 2px solid #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  line-height: 20px;

  text-align: center;

}

.trail_user_adv1 .adv_item .close-btn:hover {

  cursor: pointer;

}

.trail_user_adv1 .adv_item .close-btn > i.fa {

  color: #fff;

  font-size: 16px;

}

.trail_user_adv1 .adv_item img {

  width: 100%;

  max-width: 100%;

  height: auto;

  max-height: 60px;

  overflow: hidden;

}

.trail_user_adv1 .adv_item:hover .close-btn {

  border-color: #ccc;

}

.trail_user_adv1 .adv_item:hover .close-btn > i.fa {

  color: #ccc;

}



.trail_user_adv2 {

  left: 3px;

}



.trail_user_adv3 {

  right: 3px;

}



.trail_user_adv2,

.trail_user_adv3 {

  background-color: #fff;

  position: fixed;

  z-index: 100;

  top: 30%;

  /* @media (min-width: 1024px) {

      width: 15%;

  }

  @media (max-width: 996px) {

      width: 25%;

  }

  @media (max-width: 768px) {

      width: 30%;

  } */

}

@media (max-width: 376px) {

  .trail_user_adv2,

  .trail_user_adv3 {

    max-width: 170px;

  }

  .trail_user_adv2.trail_user_adv3,

  .trail_user_adv3.trail_user_adv3 {

    display: none;

  }

  .trail_user_adv2 img,

  .trail_user_adv3 img {

    width: auto;

    max-width: 100%;

  }

}

.trail_user_adv2 .adv_header,

.trail_user_adv3 .adv_header {

  line-height: 30px;

  height: 30px;

  position: relative;

  background-color: #B40B16;

  padding-left: 3px;

  padding-right: 3px;

  padding-bottom: 5px;

}

.trail_user_adv2 .adv_header a,

.trail_user_adv3 .adv_header a {

  color: #fff;

}

.trail_user_adv2 .adv_body,

.trail_user_adv3 .adv_body {

  line-height: 26px;

  color: #333;

  position: relative;

}

.trail_user_adv2 .adv_body .adv_item .close-btn,

.trail_user_adv3 .adv_body .adv_item .close-btn {

  position: absolute;

  right: 6px;

  top: 6px;

  border: 2px solid #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  width: 20px;

  height: 20px;

  line-height: 16px;

  text-align: center;

}

.trail_user_adv2 .adv_body .adv_item .close-btn:hover,

.trail_user_adv3 .adv_body .adv_item .close-btn:hover {

  cursor: pointer;

}

.trail_user_adv2 .adv_body .adv_item .close-btn > i.fa,

.trail_user_adv3 .adv_body .adv_item .close-btn > i.fa {

  color: #fff;

  font-size: 14px;

}

.trail_user_adv2 .adv_body .adv_item img,

.trail_user_adv3 .adv_body .adv_item img {

  width: auto;

  max-width: 170px;

}

.trail_user_adv2 .adv_body:hover .close-btn,

.trail_user_adv3 .adv_body:hover .close-btn {

  border-color: #ccc;

}

.trail_user_adv2 .adv_body:hover .close-btn > i.fa,

.trail_user_adv3 .adv_body:hover .close-btn > i.fa {

  color: #ccc;

}