@charset "utf-8";
/* CSS Document */

/*rem*/

html {
  font-size: 26px;
}

@media (min-width: 768px) {
  html {
    font-size: 28px;
  }
}

@media (min-width: 992px) {
  html {
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 32px;
  }
}

@media (min-width: 1366px) {
  html {
    font-size: 34px;
  }
}

@media (min-width: 1460px) {
  html {
    font-size: 40px;
  }
}

/*1280X720 1366X768 1440X900 1920X1080*/

/*手机样式*/

@media screen and (min-width: 768px) {
  .home_advantage ul.row {
    margin-left: -0.675rem;
    margin-right: -0.675rem;
  }
  .home_advantage ul.row li {
    padding-left: 0.675rem;
    padding-right: 0.675rem;
  }
  .home_advantage ul.row li::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.9rem;
    margin-top: -0.95rem;
    background-color: rgba(0, 0, 0, 0.08);
  }
  .home_advantage ul.row li:last-child::after {
    display: none;
  }
  .home_brand_swiper {
    width: 86%;
  }
  .markbox {
    padding-right: 1.5rem;
    flex-direction: column;
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
  }
  .markbox .price span,
  .markbox .price .money {
    font-size: 1.8rem;
    font-family: "DINCond-Regular";
  }
  .contact-layer-qq {
    top: -90px;
  }
  .contact-layer-qq .icon-sj {
    top: 98px;
  }
  .markbox .contact-layer-wrapper {
    margin-top: 0.2rem;
  }
}

@media screen and (min-width: 992px) {
  .pagination > li > a:hover {
    color: #ffffff;
    background-color: #ed2f2e;
  }
  .pagination > li:first-child > a:hover,
  .pagination > li:first-child > span:hover,
  .pagination > li:last-child > a:hover,
  .pagination > li:last-child > span:hover {
    background-color: #ed2f2e;
    color: #ffffff;
  }
  .modal-dialog {
    width: 12rem;
  }
  .check_modal .modal-dialog {
    width: 16.95rem;
  }
  .JP-overlayNavButton {
    display: none;
  }
  .home_head ul {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .home_head ul > li {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .head_detail > div > .display-flex {
    flex-wrap: nowrap;
  }
  .head_detail > div > div > .display-flex {
    width: 25%;
    margin-left: 0.5rem;
    align-items: stretch;
  }
  .articles .col-md-6:nth-child(2) > a {
    border-top: 1px solid #e2e2e2;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1610px) {
  #personal .container {
    width: 96%;
  }
  .personal_consultation_list li .con {
    padding: 0.625rem 0.425rem;
  }
  .personal_consultation_list li .con .img {
    width: 1.3rem;
    height: 1.3rem;
  }
  .personal_consultation_list li .con .text {
    font-size: 0.45rem;
  }
  .personal_consultation_list li .con:hover .img {
    width: 1.45rem;
    height: 1.45rem;
  }
  .personal_consultation_list li .con:hover .text {
    font-size: 0.55rem;
  }
}

@media screen and (max-width: 1440px) {
  #personal .container {
    width: 1010px;
  }
  .home_brand_swiper .home_brand_prev,
  .home_interview .home_interview_prev {
    left: -1.15rem;
  }
  .home_brand_swiper .home_brand_next,
  .home_interview .home_interview_next {
    right: -1.15rem;
  }
  .process_introduction {
    padding: 0.625rem 1rem;
  }
  .process_introduction ul {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .process_introduction ul li {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .personal_consultation_list li .con {
    padding: 0.625rem 0.325rem;
  }
  .personal_consultation_list li .con .text {
    font-size: 0.5rem;
  }
  .personal_consultation_list li .con:hover .text {
    font-size: 0.55rem;
  }
  .detailed_type .form-control {
    width: 2.75rem;
  }
  .detailed_time .form-control {
    width: 2.575rem;
  }
  .detailed_money .form-control {
    width: 2.25rem;
  }
}

@media screen and (max-width: 1366px) {
  .home_about_box .title {
    font-size: 0.9rem;
    padding: 0.9rem 0.85rem 0.9rem 0;
  }
  .h-title {
    font-size: 0.95rem;
  }
  .w_banner {
    height: 12.5rem;
  }
  .w_banner .title {
    font-size: 1.25rem;
  }
  .w_banner .text {
    font-size: 0.525rem;
  }
  .w_title {
    font-size: 0.95rem;
  }
  .banner-text .title {
    font-size: 1.25rem;
  }
  .banner-text .title h1 {
    font-size: 1.25rem;
  }
  .banner-text .title span {
    font-size: 1.45rem;
  }
  .research_products ul > li .box .title {
    font-size: 1.525rem;
  }
  .technology_innovate li .box {
    padding: 1.45rem 1rem 1.95rem;
  }
  .contact ul.row li .box .title_box {
    font-size: 0.5rem;
  }
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
  #personal .container {
    width: 96%;
  }
  .personal_information .balance a {
    display: block;
    width: 100%;
    margin-top: 0.125rem;
  }
}

@media screen and (max-width: 1280px) {
  .personal_consultation_list li {
    width: 50%;
    margin-bottom: 0.75rem;
  }
  .personal_consultation_list li .con {
    padding: 0.625rem;
  }

  .footer-advisers-up .contact-layer {
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 0px;
    margin-left: 0;
    width: 100%;
    display: block !important;
    /* top: 50%; */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .footer-advisers-up .contact-layer.active {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    visibility: visible;
  }
  .footer-advisers-up .contact-layer .contact-container {
    flex-direction: column;
    width: 260px;
    margin: auto;
  }
  .footer-advisers-up .contact-layer-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }

  .footer-advisers-up .contact-layer-bg.active {
    opacity: 1;
    visibility: visible;
  }

  .footer-advisers-up .contact-layer .info {
    padding-left: 0;
  }
  .footer-advisers-up .contact-layer .icon-sj {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  #personal .container {
    width: 750px;
  }
  .menu_botton {
    right: 15px;
    top: 50%;
    float: right;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .menu_botton strong {
    display: none;
  }
  #menu_toggle {
    display: none;
  }
  #menu_toggle1 {
    display: block;
  }
  .menu_botton span,
  .menu_botton span:after,
  .menu_botton span:before {
    width: 32px;
  }
  .menu_botton span:before {
    top: -8px;
  }
  .menu_botton span:after {
    bottom: -8px;
  }
  .home_head {
    padding: 1rem 0;
  }
  .home_head li {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    float: left;
    width: 50%;
  }
  .home_head .con {
    width: 66%;
  }
  .home_head .con .title {
    padding-bottom: 0;
  }
  .home_head .con p {
    display: none;
  }
  .home_advantage ul.row li {
    margin-bottom: 0.5rem;
  }
  .home_advantage ul.row li:nth-child(2)::after {
    display: none;
  }
  .purchase_store_list > li .box .content ul > li {
    width: 33.333334%;
  }
  .sell_store_adviser .adviser ul li + li {
    margin-top: 0.5rem;
  }
  .service_advantage .ordinary {
    margin-top: 7rem;
  }
  .process_introduction ul li {
    width: 50%;
    margin-bottom: 0.25rem;
    float: left;
  }
  .process_introduction ul li:nth-child(3)::after {
    display: none;
  }
  #personal {
    padding-left: 0;
  }
  #personal_nav {
    display: none;
  }
  #personal header .logo a {
    display: block;
  }
  .head_detail .con {
    width: 100%;
    height: auto;
  }
  .head_detail > div > div > .display-flex {
    align-items: stretch;
    flex-wrap: nowrap;
  }
  .head_detail .operation {
    width: 50%;
    height: auto;
    padding: 1.875rem 0.625rem 0.875rem;
    margin-right: 0.5rem;
  }
  .head_detail .adviser {
    width: 50%;
    height: auto;
    font-size: 0.45rem;
  }
  .head_detail .adviser .telphone span {
    font-size: 0.55rem;
  }
  .head_detail .adviser .sop-ct span {
    font-size: 0.41rem;
  }
  .adviser ul li + li::after {
    top: 0;
    left: 0;
    margin-top: 0;
    height: 1px;
    width: 100%;
  }
  .seller_description .con ul li + li {
    margin-top: 0.5rem;
  }
  .cost_assessment_head li + li::after {
    margin-left: 1.2rem;
  }
  .purchasing_process_con li {
    float: left;
    width: 50%;
    margin-bottom: 0.5rem;
  }
  .form_style .row .form-group .row .col-md-4 + .col-md-4 {
    margin-top: 0.375rem;
  }
  .personal_consultation_list li {
    float: left;
  }

  .shoplist_tab li {
    width: unset;
    margin: 0;
  }
  .home_shoplist .purchasing_process_con li .box > ul > li {
    text-align: left;
    padding: 0 0.5rem;
    font-size: 0.45rem;
    line-height: 1rem;
    width: 50%;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  #personal .container {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .banner_con .banner_input {
    text-align: center;
  }
  .banner_con .banner_input .form-group {
    padding-right: 0;
  }
  .banner_con .banner_input .form-control {
    width: 100%;
  }
  .banner_con .banner_input .btn-default {
    width: 100%;
    margin-top: 15px;
  }
  /* .home_brand_swiper .home_brand_next, .home_interview .home_interview_next {
        right: 0;
    }
    .home_brand_swiper .home_brand_prev, .home_interview .home_interview_prev {
        left: 0;
    } */
  .home_interview_swiper::before,
  .home_interview_swiper::after {
    display: none;
  }
  .home_advantage ul.row li {
    width: 50%;
  }
  .home_address_tab ul {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .home_address_tab ul li {
    width: 25%;
  }
  .home_address_tab ul li a {
    width: 100%;
  }
  .footer-wechat {
    display: none;
  }
  .footer-help,
  .footer-about {
    margin-right: 0;
    max-width: inherit;
    width: 100%;
    padding-right: 4.7rem;
    margin-bottom: 0.375rem;
  }
  .footer-links li {
    margin-bottom: 0.375rem;
  }
  .more a {
    width: 5rem;
  }
  .recommend .listBg a {
    padding: 0.425rem 0.3rem;
  }
  .purchase_store_list > li .box {
    padding: 0.8rem 0.5rem 0.6rem;
    flex-wrap: wrap;
  }
  .markbox {
    position: relative;
    top: 0;
    width: 100%;
    border-left: none;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    margin-top: 0.7rem;
    padding-top: 0.3rem;
  }
  .markbox .contact-layer-wrapper {
    margin-left: 0.3rem;
  }
  .purchase_store_list > li .box .content ul > li {
    width: 50%;
  }
  .purchase_store_list .box .operation {
    top: -4px;
    right: 0.2rem;
    flex-direction: row;
  }
  .purchase_store_list .box .operation .button {
    height: 0.9rem;
    line-height: 0.9rem;
  }

  .goTo {
    width: 100%;
    margin-top: 0.375rem;
  }
  .head_detail .con {
    padding: 1.3rem 1rem;
  }
  .head_detail .con ul li {
    width: 50%;
  }
  .head_detail .con ul li:nth-child(1),
  .head_detail .con ul li:nth-child(3),
  .head_detail .con ul li:nth-child(5),
  .head_detail .con ul li:nth-child(7) {
    border-left: none;
    padding-left: 0;
  }
  .head_detail .con ul li:nth-child(5),
  .head_detail .con ul li:nth-child(6) {
    padding-bottom: 0.75rem;
  }
  .tab_details_con ul li {
    padding: 0.725rem 0.25rem;
  }
  .cost_assessment_head li {
    margin: 0 auto;
  }
  .cost_assessment_head li + li {
    padding-top: 1.2rem;
  }
  .cost_assessment_head li + li::after {
    top: 0;
    left: 50%;
    margin-top: 0.2875rem;
    margin-left: -0.2875rem;
  }
  .home_video_swiper ul.swiper-wrapper li .text .title {
    font-size: 1.3rem;
  }
  .purchasing_process_con .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .purchasing_process_con li {
    padding-left: 5px;
    padding-right: 5px;
  }
  .evaluation_form .box {
    padding: 1.3rem 1rem 1.025rem;
  }
  .form_style .form_type .radio + .radio {
    margin-top: 0.5rem;
  }
  .form_style .form_type .radio {
    width: 100%;
  }
  .form_style .form_type_app .radio {
    width: 43%;
  }
  .form_style .form_type_app .radio + .radio {
    margin-top: 0;
  }
  .service_flow .netArea .item::after {
    display: none;
  }
  .service_flow .netArea .item-2 {
    left: 27.015625%;
  }
  .service_flow .netArea .item-3 {
    right: 27.015625%;
  }
  .service_flow .netArea .item-5 {
    left: 14.71875%;
  }
  .service_flow .netArea .item-7 {
    right: 14.71875%;
  }
  .qualifications .box {
    padding: 1.15rem 1rem 1.3rem;
  }
  .news_details_bdshare .bdsharebuttonbox {
    left: inherit;
    right: 0;
  }
  .w_news_banner .banner-text .time {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .w_news_banner .banner-text .time .day {
    font-size: 1rem;
    border-bottom: none;
    margin-bottom: 0;
    line-height: 1;
  }
  .w_news_banner .banner-text .time .second {
    display: none;
  }
  .news_details .page .col-md-6 {
    text-align: left;
    margin-bottom: 0.375rem;
  }
  .w_news_banner .banner-text .title {
    font-size: 0.85rem;
    line-height: 1.5;
  }
  .process_store_information .process_store li {
    width: 50%;
    float: left;
    margin-bottom: 0.75rem;
  }
  .personal_information .name {
    width: 100%;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: distribute;
    justify-content: flex-start;
    margin-bottom: 0.625rem;
  }
  .my_order .panel-heading a {
    padding: 0.6rem 3.75rem 0.6rem 1rem;
  }
  .my_order .panel-heading a .total {
    width: 100%;
  }
  .my_order .panel-heading a .state {
    right: 1rem;
  }
  .my_collection {
    padding: 1.3rem 1rem;
  }
  .personal_main .personal_title {
    width: 100%;
    margin-bottom: 0.375rem;
  }
  .view-history.personal_main .personal_title {
    width: unset;
    margin-bottom: unset;
  }
  .personal_seller .box {
    padding: 1.3rem 1rem 0.875rem;
  }
  .form_deduction .deduction + .deduction {
    margin-left: 0;
    margin-top: 0.5rem;
    width: 100%;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: distribute;
    justify-content: flex-start;
  }
  .personal_account .balance .title {
    margin-bottom: 0.5rem;
  }
  .personal_account .balance {
    padding: 1rem;
  }
  .detailed_type,
  .detailed_time,
  .detailed_money {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  .detailed_type .form-control {
    width: 80.5%;
  }
  .detailed_time .form-control,
  .detailed_money .form-control {
    width: 36%;
  }
  .personal_detailed_form .btn {
    width: 3.5rem;
  }
  .personal_recharge .box {
    padding: 1.15rem 1rem 1.375rem;
  }
  .remittance_information li .opening_bank,
  .remittance_information li .account_number,
  .remittance_information li .account_name {
    width: 100%;
    padding-left: 0;
  }
  .remittance_information li .account_number,
  .remittance_information li .account_name {
    padding-top: 1rem;
  }
  .remittance_information li .account_number::after,
  .remittance_information li .account_name::after {
    top: 0.5rem;
    left: 0;
    margin-top: 0;
    width: 100%;
    height: 1px;
  }
  .personal_complaintSuggestions .box,
  .personal_consultation .box {
    padding: 1.3rem 1rem;
  }
  .personal_consultation_list li {
    width: 100%;
  }
  .otherFlt .options_width_d {
    width: 8.5rem;
  }
  .otherFlt .options.options_width_d ul li {
    width: 50%;
  }
  .otherFlt .options_width_y {
    width: 8.5rem;
    right: 0;
    left: auto;
  }
  .otherFlt .options.options_width_y ul li {
    width: 50%;
  }
  .footer-advisers-up {
    margin-left: 0;
    left: 2%;
    width: 96%;
    max-width: none;
  }
  .footer-advisers-up .layer-ext-mascot {
    top: -50px;
  }
  .footer-advisers-up .layui-layer-setwin .layui-layer-close1 {
    right: -0.35rem;
    top: -1.5rem;
  }
  .contbox .list ul {
    padding: 0 1%;
  }
  .contbox .list li span {
    padding-right: 0;
    float: none;
  }
  .contbox .list li.ti01 span {
    width: auto;
    padding-left: 5px;
    padding-right: 15px;
  }
  /**/
  .side_fix {
    top: 76%;
  }
  .side_fix > ul > li {
    display: none;
  }
  .side_fix > ul > li:last-child {
    display: block;
  }
  .footer-links {
    display: none;
  }
  footer .copyright {
    padding: 0.35rem 0 1rem;
  }
  #footer {
    display: none;
  }
  .footer-advisers {
    left: 0;
    right: unset;
  }
  .banner_tab {
    display: none;
  }
  .banner_con .banner_input .form-group {
    display: none;
  }
  .banner_con .banner_input .btn-default {
    width: 46%;
    margin-top: 0;
  }
  .banner_con .banner_input span {
    display: none;
  }
  .banner_con .banner_input .btn-buy {
    display: inline-block;
    width: 46%;
  }
  .banner_con {
    margin-top: 1rem;
  }
  .footer-advisers {
    bottom: 40px;
  }
  .app_nav {
    display: block;
  }
  footer .copyright a {
    display: block;
  }
  body {
    /* padding-bottom: 60px; */
  }
  .home_news {
    display: block;
  }
  .home_news .news-intro-content .news-intro-img {
    position: relative;
    /* float: left; */
    min-height: 3rem;
    width: 40%;
    margin-left: 15px;
  }
  .home_news .news-intro .news-intro-title {
    font-size: 0.4rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .home_news .news-intro .news-intro-text {
    font-size: 0.3rem;
    line-height: 1.6;
    margin: 0.1rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 1.5rem;
  }
  /*新闻详情*/
  .news-wrap {
    padding-bottom: 2rem;
    padding-top: 1rem;
  }
  #news_detail .news-wrap-left {
    float: left;
    width: 100%;
  }
  #news_detail .news-wrap-right {
    float: right;
    width: 100%;
    overflow: hidden;
    padding-left: 0.5rem;
    margin-top: 1rem;
  }
  #news_detail .news-list-item-title h1 {
    width: 100%;
    height: 0.65rem;
    line-height: 0.65rem;
    font-size: 0.5rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #news_detail .news-list-item-barb {
    height: 1.2rem;
    margin-top: 0.2rem;
  }

  .filtrateList dl dd .priceRange {
    display: none;
  }
  .recommend .listBg a {
    padding: 0.425rem 0.2rem;
  }
  .cost_assessment_head {
    padding-right: 0;
  }
  .cost_assessment_price {
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-left: none;
    padding-top: 1rem;
    margin-top: 0.5rem;
  }
  .cost_assessment_head li + li {
    padding-top: 0;
  }
  .cost_assessment_head li + li::after {
    display: none;
  }
  .cost_assessment_head li {
    width: 50%;
    padding-bottom: 0.5rem;
  }
  .cost_assessment_head li .box {
    margin: 0 auto;
  }
  .header-buttons .header-signout a:nth-child(2) {
    display: none;
  }
  .header-buttons .header-signout a:first-child {
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .layui-laypage .layui-laypage-skip {
    display: none;
  }
  .process_store_information .remind ul {
    display: block;
    width: 100%;
    margin-top: 0.15rem;
  }
  .my_order .panel-heading a .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .personal_information .sou,
  .personal_information .balance {
    padding: 0 0.25rem;
    text-align: center;
  }
  .personal_information .sou {
    width: 40%;
  }
  .personal_information .balance {
    width: 60%;
  }
  .personal_information .sou::after,
  .personal_information .balance::after {
    display: none;
  }
  .personal_information_money {
    position: relative;
    width: 100%;
    padding-bottom: 1rem;
  }
  .personal_information .balance a {
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    width: 46%;
  }
  .personal_information .balance {
    position: static;
  }
  .personal_information .balance a.recharge {
    left: 54%;
  }
  .buyer_table tr th,
  .buyer_table tr td {
    text-align: left;
  }
  .head_detail .operation .box::after {
    content: "";
    display: block;
    clear: both;
  }
  .order_main .box {
    padding: 1rem 1rem 1.25rem;
  }
  .payment_method .recharge_mode li a {
    width: 5rem;
    padding: 0.325rem 0.225rem;
  }
  .recharge_mode li a .img::after {
    display: none;
  }
  .payment_method .recharge_mode li a p {
    padding-left: 0.2rem;
  }
  .recharge_mode li + li {
    margin-left: 0.8rem;
    /*margin-top: 0.5rem;*/
  }
  .recharge_mode_app li + li {
    margin-top: 0;
    margin-left: 0.5rem;
  }
  .sell_store_form .box {
    padding: 1.5rem 1rem 1.25rem;
  }
  .contact_list li .img {
    display: none;
  }
  .store_submit .tag {
    display: none;
  }
}

@media screen and (max-width: 641px) {
  .contact-layer {
    width: 224px;
    left: -234px;
  }
}

@media screen and (max-width: 580px) {
  .home_shoplist .purchasing_process_con li .box > ul > li {
    text-align: left;
    padding: 0 0 0 0.5rem;
    font-size: 0.4rem;
    line-height: 1rem;
  }
}

@media screen and (max-width: 540px) {
  .home_shoplist .purchasing_process_con li {
    width: 100%;
    /* margin-bottom: 0; */
  }
}

@media screen and (max-width: 481px) {
  .head_detail > div > div > .display-flex {
    flex-wrap: wrap;
  }
  .head_detail .operation {
    width: 100%;
    height: auto;
    padding: 1.875rem 0.625rem 0.875rem;
    margin-right: 0;
  }
  .head_detail .adviser {
    width: 100%;
    height: auto;
  }
  .head_detail .operation .more {
    float: left;
    width: 50%;
  }
  .contact-layer {
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 0px;
    margin-left: 0;
    width: 100%;
    display: block !important;
    /* top: 50%; */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .contact-layer.active {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    visibility: visible;
  }
  .contact-layer .contact-container {
    flex-direction: column;
    width: 260px;
    margin: auto;
  }
  .contact-layer-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }

  .contact-layer-bg.active {
    opacity: 1;
    visibility: visible;
  }

  .contact-layer .info {
    padding-left: 0;
  }
  .contact-layer .icon-sj {
    display: none;
  }

  .home_shoplist .purchasing_process_con li .box > ul > li {
    text-align: left;
    padding: 0 0 0 0.5rem;
    font-size: 0.45rem;
    line-height: 1rem;
  }
  .home_shoplist .purchasing_process_con .shoplist_tab li {
    width: 2.7rem;
  }
  #list-show li {
    width: 50%;
  }
}

@media screen and (max-width: 380px) {
  .header-box .container-fluid {
    padding-left: 8px;
    padding-right: 8px;
  }
  .header-buttons .header-mailButton > a {
    width: 2.25rem;
  }
  .payment_method .recharge_mode li a {
    width: auto;
    padding: 0.325rem 0.225rem;
  }
  .payment_method .recharge_mode li a p {
    width: auto;
  }
}

@media screen and (max-width: 340px) {
  .recharge_mode li + li {
    margin-left: 0;
    margin-top: 0.5rem;
  }
  .payment_method .recharge_mode li a {
    width: 5rem;
    padding: 0.325rem 0.225rem;
  }
  .payment_method .recharge_mode li a p {
    width: 3.5rem;
  }
}