.swiper-container {
position: relative;
overflow: hidden;
clear: both;
padding-bottom: 0;
}

.swiper-wrapper {
position: relative;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
position: relative;
color: #fff;
}

.slider-list {
margin: 0 .75rem;
box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.50);
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
overflow: hidden;
background: white;
}
.buyNow {
        text-align: center;
}
.buyNow .buy{
    background: var(--timewe-style-bar-background,#0894ec);
    color: #fff;
    padding: .25rem 2rem;
    border-radius: 2.5rem;
    font-size: .6rem !important;
    border: none;
}
.p-img {
width: 100%;
/* height: 26.67rem; */
display: block;
}

.p-last {
position: relative;
display: flex;
justify-content: space-around;
width: 100%;
height: 2rem;
line-height: .915rem;
color: #999;
font-size: .6rem;
text-align: center;
}

.p-last span img {
display: inline;
height: .75rem;
vertical-align: middle;
max-width: 1rem;
}

.detail-title {
position: relative;
top: -100%;
}

.detail-body {
width: 100%;
height: 100%;
color: #333;
padding: 2.1rem .5rem .5rem;
overflow: auto;
}

.match-title {
width: 100%;
height: 1.665rem;
line-height: 1.665rem;
background: rgba(51, 51, 51, 0.50);
letter-spacing: 0;
text-align: center;
font-size: .665rem;
color: #FFFFFF;
}

.swiper-pagination {
text-align: center;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
width: 100%;
height: 2rem;
bottom: 0 !important;
position: initial;
}

.swiper-pagination-bullet {
width: 1.665rem;
height: 0.165rem;
display: inline-block;
border-radius: 2px;
background: #CCC;
font-size: 0.18665rem;
color: #999;
opacity: 1;
margin: 0 0.4153rem !important;
}

.swiper-pagination-bullet-active {
opacity: 1;
background: #ff7918;
}

.swiper-pagination-bullet-active {
background: var(--timewe-style-bar-background,#0894ec);
color: var(--timewe-style-bar-background,#0894ec);
}

.sliber-tit {
line-height: .835rem;
width: 1.78rem;
float: left;
font-style: normal;
font-size: .585rem;
position: relative;
margin-top: 0.335rem;
}

.sliber-tit1, .sliber-tit2 {
text-indent: 6pt;
}

.sliber-tit1:before, .sliber-tit2:before {
position: absolute;
top: 0.2rem;
left: -0.1rem;
content: ' ';
width: .5rem;
height: .5rem;
float: left;
background-repeat: no-repeat;
background-size: .5rem;
background-image: url(/article/image/video_chanpin_pre@2x.png);
}

.swiper-pagination-bullet-active .sliber-tit1:before, .swiper-pagination-bullet-active .sliber-tit2:before {
background-image: url(/article/image/video_chanpin@2x.png);
}

.comUsrPanel2 {
margin: .75rem;
background: #fafafa;
padding: .5rem;
border: solid 2px #fff;
border-radius: 10px;
}

.comUsrPanel2 img {
height: .6rem;
}

.comUsrPanel2 .nickName {
display: inline-block;
margin: 0;
}

.comUsrPanel2 .comName {
float: right;
margin: 0;

}

.comUsrPanel2 .contact {
text-align: center;    clear: both;
}

.comUsrPanel2 .contact span, .comUsrPanel2 .contact a {
margin-bottom: 0 !important;
}

.p-video {
display: none;
z-index: 10;
background-color: #000;
}

.play-btn {
width: 2.5rem;
height: 2.5rem;
position: absolute;
left: 50%;
top: 5.25rem;
margin-left: -1.25rem;
}

.icon-play {
width: 2.5rem;
height: 2.5rem;
display: block;
}

.p-person {
height: 2rem;
text-align: center;
}

.p-touxiang {
width: 1.5rem;
height: 1.5rem;
border-radius: .75rem;
overflow: hidden;
display: inline !important;
border: 0;
vertical-align: middle;
}

.p-person-tit {
font-size: .665rem;
color: #4A4A4A;
letter-spacing: -0.03rem;
}

.p-person-id {
font-size: .585rem;
color: #999;
letter-spacing: -0.015rem;
}

.p-tips {
float: left;
background: #F0F0F0;
border-radius: 1rem;
color: #666666;
line-height: .9rem;
padding: .1rem .5rem;
margin-right: .5rem;
margin-bottom: 1rem;
}

.p-tips.active {
background: var(--timewe-style-bar-background,#0894ec);
color: #fff;
}

.cart-box {
    background: #fff;
    text-align: center;
    padding: 1rem 0;
    margin-top: 1.75rem;
}

.calc-wrap {
width: 10rem;
margin: 1.67rem auto 1rem;
border: 1px solid #999;
border-radius: 1.5rem;
overflow: hidden;
}

.calc-wrap, .calc-input, .calc-btn {
height: 1.5rem;
line-height: 1.5rem;
}

.calc-btn {
background-size: 1.5rem;
background-repeat: no-repeat;
width: 22%;
background-position: center center;
float: left;
}

.btn-add {
background-image: url(/article/image/add.png);
float: right;
}

.btn-sub {
background-image: url(/article/image/sub.png);
}

.cart-confirm {
width: 60%;
height: 1.7rem;
font-size: .7rem;
-webkit-appearance: none !important;
border: 0;
border-radius: 5px;
}

.calc-input {border: none;
border-left: 1px solid #999;
border-right: 1px solid #999;
display: block;
width: 56%;
float: left;
font-size: .7rem;
box-sizing: border-box;
text-align: center;
color: #6C6C6C;
}

.cart-confirm.active {
background: var(--timewe-style-bar-background,#0894ec);
color: var(--timewe-style-title,#fff);
background-size: 100% 100%;
}

#loaderwrap {
display: none;
}