@charset "UTF-8";
.col-xs-12,
.col-xs-11,
.col-xs-10,
.col-xs-9,
.col-xs-8,
.col-xs-7,
.col-xs-6,
.col-xs-5,
.col-xs-4,
.col-xs-3,
.col-xs-2,
.col-xs-1,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1 {
  padding: 0;
  margin: 0; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("/static/images/yjyhweb/8icon/arrow3.png") !important;
  background-size: 32px !important;
  width: 32px !important;
  height: 32px !important; }
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: none !important; }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: none !important; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("/static/images/yjyhweb/8icon/arrow4.png") !important;
  background-size: 32px !important;
  width: 32px !important;
  height: 32px !important; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 0px !important;
  left: auto !important; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 0px !important;
  right: auto !important; }
::-webkit-input-placeholder {
  /*Firefox,Chrome,Opera*/
  color: #AEAEB2;
  font-size: 16px; }
::-moz-placeholder {
  /*Firefox,Chrome,Opera*/
  color: #AEAEB2;
  font-size: 16px; }
::-ms-input-placeholder {
  /*Firefox,Chrome,Opera*/
  color: #AEAEB2;
  font-size: 16px; }
::placeholder {
  /*Firefox,Chrome,Opera*/
  color: #AEAEB2;
  font-size: 16px; }
:-ms-input-placeholder {
  /*InternetExplorer10-11*/
  color: #AEAEB2;
  font-size: 16px; }
::-ms-input-placeholder {
  /*MicrosoftEdge*/
  color: #AEAEB2;
  font-size: 16px; }
input, textarea {
  color: #3A3A3C; }
.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
.container {
  padding: 0; }
.comman-color-black {
  color: #3A3A3C; }
.comman-color-white {
  color: #ffffff; }
.comman-padding-header {
  padding-top: 84px; }
.comman-showimg {
  width: 100%;
  height: 100%;
  display: none; }
/*去除a标签下划线*/
a {
  text-decoration: none;
  color: #ffffff; }
/*去除未被访问的a标签的下划线*/
a:link {
  text-decoration: none; }
/*去除已经被访问过的a标签的下划线*/
a:visited {
  text-decoration: none; }
/*去除鼠标悬停时的a标签的下划线*/
a:hover {
  text-decoration: none;
  color: #ffffff; }
/*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
a:active {
  text-decoration: none; }
/*去除获得焦点的a标签的下划线（被鼠标点击过）*/
a:focus {
  text-decoration: none; }
.code-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.code-box .qr_code {
    background: #8B2248;
    overflow: hidden;
    margin-right: 12px;
    width: 96px; }
.code-box .qr_code .code_img {
      margin: 8px;
      width: 80px;
      height: 80px; }
.code-box .qr_code div {
      font-size: 14px;
      color: #FFFFFF;
      margin-bottom: 8px;
      width: 100%;
      text-align: center;
      letter-spacing: 4px; }
@media (min-width: 768px) {
  .my-container {
    padding: 0;
    min-width: 1200px; }
  .header-width-1200 {
    width: 1200px; }
  .width-1200 {
    width: 1200px; }
  .container {
    width: 1200px !important;
    padding: 0 !important; } }
@media (min-width: 1200px) {
  .container {
    width: 1200px !important;
    padding: 0 !important; } }
@media (max-width: 768px) {
  .sidebar {
    bottom: 36px !important; }
  .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .comman-sm-margin-auto {
    margin: 0 auto; }
  .comman-sm-text-center {
    text-align: center; }
  .comman-width-100 {
    width: 100% !important; }
  .comman-img-size {
    height: auto !important;
    width: 327px !important;
    display: block !important;
    margin: 0 auto !important; }
  .comman-padding-header {
    width: 100%; } }