:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

*:focus {
    outline: inherit
}

html {
    -webkit-tap-highlight-color: transparent
}

body {
    overflow-x: hidden;
    color: #333333;
    font-size: 16px;
    -webkit-overflow-scrolling: touch;
    font-family: Arial, Helvetica, sans-serif
}

body,
dd,
dl,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p,
td,
th {
    margin: 0;
    padding: 0;
    border: 0
}

li,
ol,
ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: #333;
    outline: none;
    text-decoration: none;
    background: transparent
}

a:hover {
    color: #008CD6
}

a,
em,
i,
span {
    display: inline-block
}

b,
em,
i {
    font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 14px
}

button {
    padding: 0
}

button,
input,
optgroup,
select,
textarea {
    outline: 0;
    border: 0;
    vertical-align: middle;
    font-family: PingFang SC
}

input[type="radio"],
input[type="checkbox"] {
    vertical-align: -2px
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="text"] {
    outline: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    -webkit-appearance: button
}

textarea {
    resize: none;
}

textarea,
.select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none
}

.select::-ms-expand {
    display: none
}

.clearfix::after,
.mauto::after,
.row::after,
.hsms::after {
    display: table;
    content: ""
}

.clearfix:after,
.mauto:after,
.row:after,
.hsms:after,
.clear {
    clear: both;
}

.wrap {
    max-width: 7.8125rem;
    width: 100%;
    margin: 0 auto;
}

.left-scroll {
    width: 4.4948rem;
}


/* 浼哥缉甯冨眬 */
.flex-wrap {
    flex-wrap: wrap
}

.flex-row {
    flex-direction: row
}

.flex {
    display: flex;
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.fixed {
    position: fixed
}

.abs {
    position: absolute
}

.rel {
    position: relative
}

.border-box {
    box-sizing: border-box
}

.fw {
    font-weight: bold
}

.center {
    text-align: center
}

.content-center {
    align-content: center
}

.align-center {
    align-items: center
}

.text-right {
    text-align: right;
}


.x-prev,
.x-next {
    border: .0052rem solid #a9a9a9;
    box-sizing: border-box;
    height: .1823rem;
}


.x-prev {
    background: url(../images/up.png) no-repeat center center;
    background-size: .1667rem .1667rem;
    margin-bottom: .1302rem;
}

.x-prev.swiper-button-disabled {
    background: url(../images/up-avt.png) no-repeat center center #a9a9a9;
    background-size: .1667rem .1667rem;
}


.x-next {
    background: url(../images/daow.png) no-repeat center center;
    background-size: .1667rem .1667rem;
    margin-top: .1302rem;
}

.x-next.swiper-button-disabled {
    background: url(../images/down-atv.png) no-repeat center center #a9a9a9;
    background-size: .1667rem .1667rem;
}

.thumbnail {
    height: 3.7708rem;
    width: .5677rem;
}

.panel {
    height: 3.1771rem;

}

.panel img {
    max-width: 100%;
    height: .5677rem;
}

.rel {
    position: relative;
}


.panel .xq-img {
    border: .0104rem solid transparent;
    border-radius: .026rem;
    overflow: hidden;
}
.panel .swiper-slide.cur .xq-img {
    border: .0104rem solid #000;
}


.bigImg {
    width: calc(100% - 142.0032px);

}






.bigImg img {
    max-width: 100%;
    height: 3.7708rem;
    margin: 0 auto;
    border-radius: .026rem;
    overflow: hidden;
}


.productContent {
    margin-top: .4167rem;

}

.product_name {
    border-bottom: .0052rem solid #dcdcdc;

}

.product_name span {
    color: #fff;
    background: #fc7826;
    padding: 0 .2604rem;
    line-height: .25rem;
    display: inline-block
}

.product_txt {
    font-size: .0833rem;
    background: #fff;
    margin-top:.0521rem;
    border-radius: .026rem;
    overflow: hidden;
}

.product_txt img {
    width: 100%
    
}

.f24 {
    font-size: .1042rem;
}

.fw {
    font-weight: bold;
}

.right-attr {
    width: 3.125rem;
    position: sticky;
    top: .625rem;
    align-self: flex-start;
    /* 添加这一行 */
    max-height: 85vh;
    /* 限制最大高度 */
    overflow-y: auto;
    padding:.1042rem .068rem  .3125rem .0781rem;
background: #fff;

border-radius: .026rem;
}





.right-attr::-webkit-scrollbar {
  width: 0;
  background: #fff;
}
.right-attr::-webkit-scrollbar {
  width:0;
  background: #fff;
}
/* 定义轨道两端的按钮 */
.right-attr::-webkit-scrollbar-button {
  display: none;
}
/* 修改滚动条中的小滑块 */
.right-attr::-webkit-scrollbar-thumb {
  width: 0;
  border-radius: 0.3125rem;
  background: #fff;
}



.navFix1 {
    position: sticky;
    top: 0rem;
    right: 0;
}

.r-title {
    font-size: .15rem;
}

.r-txt {
    font-size: .0833rem;
    color: #666;
    line-height: .1563rem;
    padding: .1563rem 0;
    border-bottom: .0052rem solid #ddd;
}

.f20 {
    font-size: .1042rem;
}

.r-attribute {
    margin-top: .1563rem;
}

.r-attribute .list {
    margin: 0 -0.026rem;
    margin-top: .2083rem;
}

.r-attribute .list li {
    width: 33.3333%;
}

.r-attribute .list li a {
    padding: .026rem .0521rem .0208rem .0208rem;
    margin: 0 .026rem .0729rem .026rem;
    height: .25rem;
    box-sizing: border-box;
    border-radius: .026rem;
    border: .0052rem solid #c6c6c6;
}


.r-attribute .list li a .img {
    width: .1719rem;
}

.r-attribute .list li a .img img {
    max-width: 100%;
    height: .1719rem;
    object-fit: scale-down;
    margin: 0 auto;
}

.r-attribute .list li a .t1 {
    width: calc(100% - .2083rem);
    color: #666;
    font-size: .0838rem;
}

.r-attribute .list1 li a .img {
    display: none;
}

.r-attribute .list1 li a .t1 {
    width: 100%;
}




.r-attribute .list li.cur a {
    border: .0052rem solid #b68968;
    background: #fcede8;
}

.r-attribute .list li.cur a .t1 {
    color: #b68968;
}

.m-productDetails {
    display: none;
}

@media(max-width:750px) {

    .wrap {
        max-width: 98%
    }

    .pc-swiper {
        display: none;
    }

    .productDetails {
        max-width: 96%;
    }

    .m-productDetails {
        display: block;
    }

    .m-swiper img {
        max-width: 100%;
        object-fit: scale-down;
        margin: 0 auto;
        display: block;
    }

    .right-attr {
        width: 100%;
        margin-top: 40px;
        position: static;
    }

    .r-title {
        font-size: 24px;
    }

    .r-txt {
        font-size: 16px;
        line-height: 24px;
        padding: 10px 0 30px 0;
    }

    .r-attribute {
        margin-top: 20px;
    }

    .f20 {
        font-size: 18px
    }

    .r-attribute .list {
        margin: 0 -5px;
        margin-top: 20px;
    }

    .r-attribute .list li {
        width: 50%;
    }

    .r-attribute .list li a {
        height: 40px;
        padding: 5px;
        margin: 0 5px 15px 5px;
    }

    .r-attribute .list li a .img {
        width: 30px;
    }

    .r-attribute .list li a .img img {
        height: 30px;
        width: 30px;
    }

    .r-attribute .list li a .t1 {
        text-align: left;
        font-size: 14px;
        width: calc(100% - 40px);
    }

    .productContent {
        margin-top: 20px;
    }

    .f24 {
        font-size: 18px;

    }

    .product_name span {
        line-height: 40px;
    }

    .product_txt {
        font-size: 16px;
        line-height: 30px;
        padding: 40px 0 100px 0;
    }
}


.class-zoom {
    border: 1px solid #DEDEDE;
    background-color: #FFFFFF;
    display: none;
    opacity: .75;
    /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75);
    /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)";
    /* IE 8 */
    -khtml-opacity: .75;
    /* Safari 1.x */
    -moz-opacity: .75;
    /* FF lt 1.5, Netscape */
}

.class-zoom-img {
    border: 1px solid #DEDEDE;
}