@charset "UTF-8";
/*公共小屏样式*/
@media print, screen and (max-width: 85.375em) {
  /*1366*/ }

@media print, screen and (max-width: 81.25em) {
  .page_width {
    width: 100%;
    padding: 0 1rem; } }

@media print, screen and (max-width: 75.25em) {
  .temp_page .page_top .header .logo .web_name {
    font-size: 2rem; } }

@media print, screen and (max-width: 75.25em) {
  /*1204*/
  .temp_page .main_index .left_column {
    display: none; }
  .temp_page .main_index .right_column {
    width: 100%; }
    .temp_page .main_index .right_column .te_pic {
      display: block;
      margin-bottom: 1.25rem;
      padding: 2.2rem 0.5rem 1.8rem;
      -webkit-box-shadow: 0px 2px 1rem 0px rgba(0, 0, 0, 0.26);
              box-shadow: 0px 2px 1rem 0px rgba(0, 0, 0, 0.26); }
      .temp_page .main_index .right_column .te_pic .te_pic_one {
        width: 5.3125rem;
        line-height: 5rem;
        height: 5.3125rem;
        margin: auto;
        background-color: #f8fafb;
        border-radius: 50%;
        border: solid 2px #ffffff;
        overflow: hidden;
        text-align: center; }
      .temp_page .main_index .right_column .te_pic .te_pic_name {
        font-size: 1.25rem;
        color: #010101;
        font-weight: bold;
        text-align: center;
        padding: 0.5rem 0; }
      .temp_page .main_index .right_column .te_pic .te_pic_hit {
        text-align: center;
        font-size: 0.875rem; }
        .temp_page .main_index .right_column .te_pic .te_pic_hit span {
          background-color: #ffeded;
          display: inline-block;
          padding: 0.5rem 1rem;
          color: #5a5a5a; }
          .temp_page .main_index .right_column .te_pic .te_pic_hit span i {
            display: inline-block;
            width: 1.125rem;
            height: 1.125rem;
            background: url(../images/icon.png) -4.25rem -0.1875rem no-repeat;
            vertical-align: sub;
            margin-right: 0.375rem; }
  .temp_page .move_nav {
    padding: 1rem 0;
    position: absolute;
    width: 40%;
    height: 100%;
    background: #ae0202;
    z-index: 1;
    left: -40%;
    display: block;overflow: auto; }
    .temp_page .move_nav .yiji_nav {
      position: relative; }
      .temp_page .move_nav .yiji_nav .yiji_nav_a {
        position: relative; }
        .temp_page .move_nav .yiji_nav .yiji_nav_a a {
          display: block;
          color: #fff;
          padding: 0.6rem 1rem;
          font-size: 0.875rem; }
        .temp_page .move_nav .yiji_nav .yiji_nav_a i.xial {
          position: absolute;
          top: 0.7rem;
          display: inline-block;
          width: 0.75rem;
          height: 0.75rem;
          right: 0.5rem;
          cursor: pointer; }
          .temp_page .move_nav .yiji_nav .yiji_nav_a i.xial:before {
            position: absolute;
            content: "";
            width: 0.5rem;
            height: 1px;
            background: #fff;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            right: 0.25rem;
            top: 0;
            bottom: 0;
            margin: auto 0; }
          .temp_page .move_nav .yiji_nav .yiji_nav_a i.xial:after {
            position: absolute;
            content: "";
            width: 0.5rem;
            height: 1px;
            background: #fff;
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            left: 0.375rem;
            top: 0;
            bottom: 0;
            margin: auto 0; }
          .temp_page .move_nav .yiji_nav .yiji_nav_a i.xial.z_open:before {
            right: -0.125rem; }
          .temp_page .move_nav .yiji_nav .yiji_nav_a i.xial.z_open:after {
            left: 0; }
        .temp_page .move_nav .yiji_nav .yiji_nav_a:after {
          position: absolute;
          content: "";
          left: 0;
          right: 0;
          bottom: 0;
          background: #fff;
          height: 1px;
          -webkit-transform: scaleY(0.5);
                  transform: scaleY(0.5);
          opacity: 0.5; }
      .temp_page .move_nav .yiji_nav .erji_nav {
        font-size: 0.75rem;
        display: none; }
        .temp_page .move_nav .yiji_nav .erji_nav a {
          display: block;
          color: #fff;
          padding: 0.4rem 1rem; }
      .temp_page .move_nav .yiji_nav:after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        height: 1px;
        -webkit-transform: scaleY(0.5);
                transform: scaleY(0.5);
        opacity: 0.5; }
  .temp_page .page_top .top_info .move_nav_title {
    display: block;
    padding: 0.5rem 1rem;
    color: #fff; }
  .temp_page .main_index .right_column .model_cont .model_list .model_list_two {
    margin: 0.5rem 1rem; } }

@media print, screen and (max-width: 48em) {
  /*768*/
  .temp_page .page_top .header .logo .web_name {
    font-size: 1.5rem; }
  .temp_page .page_top .header .logo a.logo_link {
    width: 10rem; } }

@media print, screen and (max-width: 33.75em) {
  /*540*/
  .temp_page .page_top .header .flex-container {
    display: block; }
  .temp_page .page_top .header .logo {
    margin-bottom: 1rem; }
    .temp_page .page_top .header .logo.flex-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .temp_page .page_top .header .search {
    margin: auto; }
    .temp_page .page_top .header .search.flex-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

@media print, screen and (max-width: 25.875em) {
  /*414*/
  .temp_page .page_top .header .logo .web_name {
    font-size: 1rem; } }

@media print, screen and (max-width: 23.4375em) {
  /*375*/
  .temp_page .page_top .top_info .move_nav_title {
    padding: 0.5rem; }
  .temp_page .page_top .top_info a {
    padding: 0.5rem 0.5rem; }
  .temp_page .page_top .header .logo .web_name {
    padding-left: 1.5rem;
    margin-left: 0.75rem; } }

@media print, screen and (max-width: 20em) {
  .temp_page .page_top .top_info a {
    padding: 0.5rem 0.3rem; }
  .temp_page .page_top .header .logo .web_name:before {
    width: 0.4rem;
    height: 0.4rem; }
  .temp_page .page_top .header .logo .web_name {
    padding-left: 1rem; } }