@charset "UTF-8";
.banner .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@media (min-width: 981px) {
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .header.fix .d1 {
    position: fixed;
    left: 0;
    top: 0;
  }
  .footer .ft-nav li .tit i {
    display: none;
  }
  .footer .ft-nav li .v2 {
    display: block !important;
  }
}

@media (max-width: 1280px) {
  .header .d1 .nav li {
    margin-left: .4rem;
  }
}

@media (max-width: 981px) {
  .top {
    padding: .1rem 0;
  }
  .top .close {
    margin-left: .4rem;
  }
  .top .close i {
    font-size: .28rem;
  }
  .header .d2 {
    background: #000;
    color: #fff;
  }
  .header.fix .d2 {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 222;
  }
  .header .headerm {
    width: 100%;
    padding: .058rem 18px .058rem 15px;
  }
  .header .headerm a {
    color: #fff;
    position: relative;
  }
  .header .headerm a span {
    position: absolute;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #fff;
    color: #000;
    right: -.1rem;
    top: -.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
  }
  .header .headerm .logo img {
    width: 1.75rem;
  }
  .header .d1 {
    background: #333;
  }
  .header .d1 .logo,
  .header .d1 .search,
  .header .d1 .cart {
    display: none;
  }
  .header .d1 .wrap {
    justify-content: space-between;
  }
  .header .d1 .nav li {
    margin: 0;
  }
  .header .d1 .nav li:nth-child(1) {
    display: none;
  }
  .header .d1 .nav li:nth-child(2) {
    margin: 0;
  }
  .header .d1 .hdr .dl .dd {
    margin-right: .3rem;
  }
  .header .d1 .hdr .dl .dd .selTit {
    height: .5rem;
  }
  .header .d1 .hdr .dl .dd .selTit i {
    margin-left: .05rem;
    font-size: .2rem;
  }
  .header .d1 .hdr .dl .dd .dropdown {
    left: auto;
    right: 0;
    transform: translateX(0);
  }
  .header .d1 .hdr .dl .dd .dropdown::before {
    left: auto;
    right: 5%;
  }
  .header .d1 .hdr .dl .dd.login-dd {
    min-width: auto;
    padding: 0;
  }
  .header .d1 .hdr .dl .dd.login-dd .dropdown::before {
    right: 0;
  }
  .header .dm1 {
    background: #000;
    color: #fff;
    padding: .15rem 15px .25rem 15px;
  }
  .header .dm1 .search {
    width: 100%;
    margin: 0;
    max-width: 100%;
  }
  .header .d3 {
    background: #fff;
  }
  .header .d3 ul {
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
  }
  .header .d3 ul::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .header .d3 li {
    margin: 0 .25rem;
    display: inline-block;
  }
  .header .d3 li a {
    padding: .15rem 0;
    display: block;
  }
  .footer .ft1 {
    padding: 0 0 .25rem 0;
  }
  .footer .ft1 .col1 {
    width: 100%;
    margin-top: .25rem;
  }
  .footer .ft1 .col1 .qrcode {
    width: 2rem;
    text-align: center;
  }
  .footer .ft1 .col1 .qrcode .ewm img {
    width: 100%;
  }
  .footer .ft1 .col2 {
    flex: auto;
    width: 100%;
    margin: 0 0 .25rem 0;
    padding: 0 0 .15rem 0;
  }
  .footer .ft1 .col2::before, .footer .ft1 .col2::after {
    display: none;
  }
  .footer .ft1 .col2 .ft-nav {
    border-right: 0;
    margin-top: .15rem;
  }
  .footer .ft1 .col2 .ft-nav li {
    width: 100%;
    border-bottom: 1px solid rgba(51, 51, 51, 0.05);
    margin-bottom: 0;
  }
  .footer .ft1 .col2 .ft-nav li .tit {
    padding: .22rem 0;
    margin-bottom: 0;
    position: relative;
  }
  .footer .ft1 .col2 .ft-nav li .tit i {
    font-size: .16rem;
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    transition: all ease .3s;
    z-index: 2;
    transform: translateY(-50%);
    color: #333;
  }
  .footer .ft1 .col2 .ft-nav li ul {
    display: none;
    padding: .1rem 0;
  }
  .footer .ft1 .col2 .ft-nav li ul li {
    border: 0;
    padding: .02rem 0;
    font-size: .18rem;
  }
  .footer .ft1 .col2 .ft-nav li ul li a {
    display: block;
  }
  .footer .ft1 .col2 .ft-nav li.on .tit i::before {
    content: "\e634";
  }
  .footer .copyright {
    line-height: 1.8;
    padding: .2rem 0;
  }
  .kefu {
    top: 55%;
  }
  .kefu li {
    margin-bottom: .1rem;
  }
  .sec-type {
    padding: .4rem 0 .25rem;
  }
  .banner .swiper-slide .item {
    padding: 1.2rem 0;
  }
  .banner .swiper-slide .item .item-pic {
    margin-top: 1rem;
    justify-content: flex-start;
  }
  .banner .swiper-slide .item .item-pic img {
    max-width: 4rem;
  }
  .section1 .list li .item {
    margin-bottom: 0;
  }
  .section2 .item-pic {
    margin-top: .45rem;
    justify-content: flex-start;
  }
  .section2 .item-pic img {
    max-width: 65%;
  }
  .section3 {
    padding-bottom: .35rem;
  }
  /* login */
  .login {
    padding: 1rem 0;
  }
  .login .wrap {
    padding: 0;
  }
  .login .form {
    min-height: 4.9rem;
    padding: .35rem;
  }
  .login .form .other {
    margin-bottom: 0;
  }
  .login .form .other .tit::before {
    height: 1px;
  }
  .main-cont .left-side {
    width: 100%;
    margin: 0 0 .45rem 0;
  }
  .main-cont .left-side ul li a i {
    width: .2rem;
    height: .1rem;
  }
  .main-cont .right-cont {
    flex: auto;
    width: 100%;
  }
  .main-cont .right-cont .sec-type2 {
    margin-bottom: .2rem;
  }
  .pages li:nth-child(n+7):not(.next) {
    display: none;
  }
  .pages li i {
    font-size: .24rem;
  }
  .faq .list li .item {
    padding: .2rem .25rem;
  }
  .faq .list li .item .item-tit {
    flex-wrap: wrap;
  }
  .faq .list li .item .item-tit .xh {
    margin-top: .05rem;
  }
  .faq .list li .item .item-tit .date {
    width: 100%;
    margin-top: .15rem;
    padding-left: .42rem;
  }
  .feedback li .intbox.int1 {
    margin-right: .15rem;
  }
  .jifen .wrap {
    margin-top: -.1rem;
    border-width: .03rem;
    border-radius: .2rem;
    padding: .3rem .25rem;
  }
  .jifen .screen {
    padding: .2rem;
  }
  .jifen .screen li {
    flex-wrap: wrap;
    margin-bottom: .1rem;
  }
  .jifen .screen li .label {
    width: 100%;
    margin-bottom: .1rem;
  }
  .jifen .screen li .cont {
    flex: auto;
    width: 100%;
  }
  .jifen .screen li .cont a {
    padding: .06rem .15rem;
    margin-bottom: .1rem;
  }
  .jifen .list {
    margin-top: .35rem;
  }
  .jifen .list li .item {
    flex-wrap: wrap;
    padding: .3rem;
  }
  .jifen .list li .item .item-pic {
    width: 100%;
    margin: 0 0 .15rem 0;
  }
  .jifen .list li .item .item-info {
    width: 100%;
    flex: auto;
  }
  .jifen .list li .item .item-info .btn a {
    border-radius: .3rem;
  }
  .table-auto {
    overflow-x: auto;
    padding-bottom: .2rem;
  }
  .table-auto th,
  .table-auto td {
    white-space: nowrap;
  }
  .table-auto td {
    white-space: nowrap;
    padding: .2rem .25rem !important;
  }
  .steep-bar .steep {
    width: 100%;
    margin: .2rem 0 .1rem;
  }
  .steep-bar .steep li {
    width: 33.33%;
  }
  .exchange .jf-type {
    padding: .15rem .2rem;
  }
  .exchange .jf-type img {
    margin-right: .1rem;
  }
  .exchange .jf2 .jf-cont {
    padding: .35rem .2rem;
  }
  .exchange .steep1 .address .list li {
    width: 100%;
    margin: 0 0 .25rem 0;
  }
  .exchange .steep1 .order table td:nth-child(1) {
    padding-left: 0 !important;
  }
  .exchange .steep2 {
    padding: .3rem;
  }
  .exchange .steep2 .pay1 .pay1-right {
    width: 100%;
    margin-top: .25rem;
  }
  .exchange .steep2 .pay2 {
    padding: .25rem;
    margin: .35rem 0;
  }
  .exchange .steep2 .pay2 .col2 {
    width: 100%;
    margin: .2rem 0;
  }
  .exchange .steep3 .result1 {
    padding: .3rem 0;
  }
  .exchange .steep3 .result1 .res1-img img {
    width: 1.2rem;
  }
  .exchange .steep3 .result2 {
    padding: .3rem 0;
  }
  .cart .cart-main .table-auto .item1 .pic {
    width: 1.4rem;
    height: 1.2rem;
    margin-left: -.15rem;
  }
  .cart .cart-main .table-auto tbody tr:nth-child(n+3):not(:last-child) td:last-child::before {
    width: .45rem;
  }
  .cart .cart-main .table-auto .tr1 td:nth-child(2),
  .cart .cart-main .table-auto .tr2 td:nth-child(2) {
    padding-left: .06rem !important;
  }
  .cart .cart-main .zhekou {
    padding: .25rem;
  }
  .cart .cart-main .settlement {
    padding: .25rem;
  }
  .cart .cart-main .settlement .fl {
    margin-bottom: .18rem;
  }
  .cart .steep1 .zfpt {
    overflow: hidden;
    padding-bottom: .25rem;
  }
  .cart .steep1 .zfpt ul {
    display: block;
  }
  .cart .steep1 .zfpt li {
    width: 48%;
    float: left;
    margin: 0 0 .15rem 0;
  }
  .cart .steep1 .zfpt li:nth-child(2n) {
    float: right;
  }
  .cart .steep1 .beizu .textarea {
    width: 100%;
    max-width: 100%;
  }
  .cart .steep1 .total .jf-cont {
    padding-top: .2rem;
    padding-bottom: .05rem;
  }
  .cart .steep1 .cart-btn2 {
    padding-right: .3rem;
  }
  .laybox .lay-tit {
    padding: .2rem .2rem;
  }
  .laybox .lay-cont {
    padding: .2rem;
    max-height: 82vh;
  }
  .lay-btn button {
    width: auto;
    padding: 0 .36rem;
  }
  .laybox1 .common-form li.city .intbox {
    width: 100% !important;
    margin-bottom: .15rem;
  }
  .cart .cart-result .col1 {
    width: 100%;
    padding: .45rem 0;
  }
  .cart .cart-result .col1 .res-img img {
    width: 2.5rem;
  }
  .cart .cart-result .col2 {
    width: 100%;
    flex: auto;
  }
  .cart .cart-result .col2 .list {
    padding: .2rem 0 0;
  }
  .cart .cart-result .col2 .list li {
    padding: .16rem .15rem;
    line-height: 1.5;
  }
  .cart .cart-result .col2 .list li:last-child {
    border-bottom: 0;
  }
  .table3 table th, .table3 table td {
    padding: .18rem .25rem;
  }
  /* 我的 */
  .member .meb-side {
    width: 100%;
    margin: 0 0 .25rem 0;
  }
  .member .meb-side .side-tit {
    padding: .18rem .2rem;
  }
  .member .meb-side .side-ul li a {
    padding: .18rem .2rem;
  }
  .member .meb-side .side-ul li a img {
    width: .3rem;
    margin-right: .12rem;
  }
  .member .meb-cont {
    width: 100%;
    flex: auto;
    padding: 0 .25rem .2rem .25rem;
  }
  .member .meb-grzl .common-form li .ts {
    margin: .15rem 0 0 0;
  }
  .member .meb-grzl .common-form li.yzm .cont {
    flex-direction: column;
    align-items: flex-start;
  }
  .member .meb-grzl .common-form li.yzm .getcode {
    margin: .15rem 0 0 0;
    width: 1.5rem;
  }
  .member .meb-jifen .jf2 {
    margin: .4rem 0;
  }
  .member .meb-jifen .table2 th,
  .member .meb-jifen .table2 td {
    padding: .2rem .25rem;
  }
  .member .meb-edu .edu1 {
    margin-bottom: .65rem;
  }
  .member .meb-yhq li .item {
    margin: 0 -.2rem;
  }
  .member .meb-yhq li .item .yxq {
    font-size: .14rem;
    left: .15rem;
  }
  .member .meb-yhq li .item .col1 {
    width: 1.3rem;
  }
  .member .meb-jforder .tabs ul {
    padding: 0;
    white-space: nowrap;
    overflow-x: auto;
  }
  .member .meb-jforder .tabs ul li {
    padding-bottom: .15rem;
    white-space: nowrap;
  }
  .member .meb-jforder .tablist .tabcont li .table-auto {
    padding-bottom: 0;
  }
  .member .meb-jforder .tablist .tabcont li .table-auto::-webkit-scrollbar-track {
    background: none;
  }
  .member .meb-jforder .tablist .tabcont li .total {
    flex-wrap: wrap;
    padding: .2rem;
  }
  .member .meb-jforder .tablist .tabcont li .total .bh {
    margin-top: .08rem;
  }
  .member .meb-safe .list1 .item {
    padding: .25rem .3rem;
  }
  .member .meb-safe .list1 .item .icon img {
    width: .65rem;
  }
  .member .meb-safe .list1 .item .link a {
    width: auto;
    padding: 0 .15rem;
  }
  .member .meb-address .list {
    padding: 0 0 .3rem 0;
  }
  .member .meb-service .shbox1 {
    margin: .3rem 0;
    padding: 0 .2rem .25rem .2rem;
  }
  .member .meb-service .shbox1 .common-form > ul > li {
    margin-top: .2rem;
  }
  .member .meb-service .shbox1 .common-form > ul > li .label {
    width: 1rem;
  }
  .member .meb-service .shbox1 .common-form .dd, .member .meb-service .shbox1 .common-form .upfile {
    width: 1.15rem;
    height: 1.15rem;
    margin: 0 .1rem .1rem 0;
  }
  .member .meb-service .shbox1 .common-form .upfile {
    font-size: .14rem;
  }
  .member .meb-service .shbox1 .common-form .upfile img {
    width: .25rem;
  }
  .member .meb-service .shbox2 .common-form > ul > li {
    padding: .25rem .2rem;
  }
  .member .meb-service .shbox2 .common-form > ul > li .label {
    width: 1rem;
  }
  .member .meb-service .shbox2 .common-form > ul > li.last {
    flex-direction: column;
  }
  .member .meb-service .shbox2 .common-form > ul > li.last .label {
    width: 100%;
  }
  .member .meb-service .shbox2 .common-form > ul > li.last .cont {
    width: 100%;
  }
  .member .meb-service .shbox2 .common-form > ul > li.last .cont .dl {
    margin-top: .15rem;
  }
  .member .order-detail .od1 .od1-left {
    padding-bottom: .4rem;
  }
  .member .order-detail .od1 .od1-left li {
    margin-bottom: .2rem;
  }
  .member .order-detail .od1 .od1-left .btns {
    flex-wrap: wrap;
  }
  .member .order-detail .od1 .od1-left .btns a {
    padding: .1rem .15rem;
    margin-right: .1rem;
  }
  .member .order-detail .odbox .od-type {
    padding: .2rem;
  }
  .member .order-detail .odbox .od-type img {
    margin-right: .1rem;
  }
  .member .order-detail .odbox .od-cont {
    padding: .2rem;
  }
  .member .order-detail .od3 li {
    margin: .1rem 0;
    align-items: flex-start;
  }
  .member .order-detail .od3 li .edit {
    margin-left: .1rem;
  }
  .member .order-detail .od3 li .btn1 {
    margin-left: .15rem;
    padding: .09rem .2rem;
  }
  .member .order-detail .od3 li .cont {
    line-height: 1.5;
  }
  .meb-type .btns1 button, .meb-type .btns1 a {
    padding: .12rem .25rem;
    height: auto;
  }
  .sqhk li .label {
    width: 1rem !important;
  }
  .product .probox1 {
    padding-bottom: .3rem;
  }
  .product .probox1 .info .desc {
    line-height: 1.6;
  }
  .product .probox1 .info .link {
    margin: .2rem 0 .4rem;
  }
  .product .probox1 .info .link a {
    padding: .18rem .4rem;
  }
  .product .section1 {
    padding-top: .3rem;
  }
  .product2 .pro-main .pro-side {
    width: 100% !important;
    margin: 0 0 .2rem 0;
  }
  .product2 .pro-main .pro-cont {
    width: 100%;
    flex: auto;
    padding-top: .35rem;
  }
  .product2 .pro-main .pro-cont .pro-type {
    margin-bottom: .3rem;
  }
  .product2 .pro-main .pro-list1 {
    padding-bottom: 0;
  }
  .product2 .pro-main .pro-list1 li .item {
    margin-bottom: 0;
  }
  .product-detail .crumbs {
    flex-wrap: wrap;
    line-height: 1.5;
    padding: .2rem 0;
  }
  .product-detail .det1 .slides {
    padding-bottom: .4rem;
  }
  .product-detail .det1 .slides .gallery-top .item {
    height: 4rem;
  }
  .product-detail .det1 .slides .gallery-thumbs .item {
    height: .7rem;
  }
  .product-detail .det1 .info {
    margin: 0;
    padding-bottom: .3rem;
  }
  .product-detail .det2 .det2-tit {
    margin: .45rem 0;
  }
  .product-detail .det2 .det2-tit span {
    white-space: nowrap;
  }
  .product-detail .det2 .det2-tit i {
    width: 1.3rem;
    height: .02rem;
  }
  .product-detail .det2 .dl .dt {
    padding-left: 0;
    margin-bottom: .25rem;
  }
  .product-detail .det2 .dl .dd {
    margin-bottom: .3rem;
  }
  .product-detail .det2 .dl .dd.list2 table td {
    padding: .15rem .2rem;
    white-space: nowrap;
  }
  .product-detail .det4 {
    padding-top: .15rem;
  }
  .product-detail .det4 .det4-tit {
    margin-bottom: .3rem;
    padding-left: 0;
  }
  .product-detail .det4 .list .item {
    padding: .2rem;
  }
}

@media (max-width: 767px) {
  .login .item-pic {
    display: none;
  }
  .login .form {
    width: 100%;
  }
}