﻿

.prel {
    position: relative
}

.pabs {
    position: absolute
}

.ovhidden {
    overflow: hidden
}

.font-20 {
    font-size: 10px
}

[data-dpr="2"] .font-20 {
    font-size: 20px
}

[data-dpr="3"] .font-20 {
    font-size: 30px
}

.font-24 {
    font-size: 12px
}

[data-dpr="2"] .font-24 {
    font-size: 24px
}

[data-dpr="3"] .font-24 {
    font-size: 36px
}

.font-26 {
    font-size: 13px
}

[data-dpr="2"] .font-26 {
    font-size: 26px
}

[data-dpr="3"] .font-26 {
    font-size: 39px
}

.font-28 {
    font-size: 14px
}

[data-dpr="2"] .font-28 {
    font-size: 28px
}

[data-dpr="3"] .font-28 {
    font-size: 42px
}

.font-30 {
    font-size: 15px
}

[data-dpr="2"] .font-30 {
    font-size: 30px
}

[data-dpr="3"] .font-30 {
    font-size: 45px
}

.font-32 {
    font-size: 16px
}

[data-dpr="2"] .font-32 {
    font-size: 32px
}

[data-dpr="3"] .font-32 {
    font-size: 48px
}

.font-36 {
    font-size: 18px
}

[data-dpr="2"] .font-36 {
    font-size: 36px
}

[data-dpr="3"] .font-36 {
    font-size: 54px
}

.font-40 {
    font-size: 20px
}

[data-dpr="2"] .font-40 {
    font-size: 40px
}

[data-dpr="3"] .font-40 {
    font-size: 60px
}

.font-46 {
    font-size: 23px
}

[data-dpr="2"] .font-46 {
    font-size: 46px
}

[data-dpr="3"] .font-46 {
    font-size: 69px
}

html,
body {
    width: 100%;
    overflow-x: hidden
}

.goodsBody {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.goodsBody.fullScreen #sliderShow {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0
}

.goodsBody.fullScreen #sliderShow .buttons {
    display: none
}

.goodsBody.fullScreen #sliderShow .closex {
    display: block
}

.goodsBody.fullScreen #sliderWrap {
    width: 10rem;
    height: 11.2rem;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5.6rem;
    padding-top: .49333333rem;
    padding-bottom: .49333333rem;
    overflow: hidden
}

.goodsBody.fullScreen #slideslog {
    top: 50%;
    bottom: initial;
    right: .4rem;
    text-align: center;
    margin-top: 6rem;
    background: none;
    color: #fff;
    border: 0
}

.goodsBody.fullScreen .pageSwitch {
    overflow: hidden
}

.goodsBody #backToTop {
    display: none
}

.goodsBody #footer {
    padding-top: .8rem;
    background: #fff
}

.goodsBody #footer * {
    font-size: inherit !important
}

.goodsBody #footer #isNotLogin a {
    display: block
}

.goodsBody #footer .footOperal {
    line-height: .8rem;
    margin-bottom: .53333333rem;
    text-align: center
}

.goodsBody #footer .socialBtn {
    padding-bottom: .66666667rem
}

.goodsBody #footer .socialBtn h4 {
    margin-bottom: .4rem;
    font-size: .4rem !important
}

.goodsBody #footer .socialBtn a {
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    overflow: hidden;
    margin-left: .15rem;
    margin-right: .15rem;
    display: inline-block;
    width: .6rem;
    height: .6rem;
    position: relative;
    font-size: 0 !important;
    color: #333;
    border-radius: .8rem
}

.goodsBody #footer .socialBtn a.icon-facebook:before,
.goodsBody #footer .socialBtn a.icon-youtube:before,
.goodsBody #footer .socialBtn a.icon_googleplus:before,
.goodsBody #footer .socialBtn a.icon-instagram:before,
.goodsBody #footer .socialBtn a.icon-twitter:before,
.goodsBody #footer .socialBtn a.icon-vk:before {
    width: .6rem;
    height: .6rem;
    display: inline-block;
    content: "";
    background: url('../uploadedimages/icons/mobilesprite_index.png?171027') no-repeat;
    background-size: 11.01333333rem auto
}

.goodsBody #footer .socialBtn a.icon-facebook:before {
    background-position: -2.2rem .10666667rem
}

.goodsBody #footer .socialBtn a.icon-youtube:before {
    background-position: -3.01333333rem .14666667rem
}

.goodsBody #footer .socialBtn a.icon-vk:before {
    background-position: -4.89333333rem .05333333rem
}

.goodsBody #footer .socialBtn a.icon_googleplus:before {
    background-position: -7.34rem .11666667rem
}

.goodsBody #footer .socialBtn a.icon-instagram:before {
    background-position: -5.77333333rem .14666667rem
}

.goodsBody #footer .socialBtn a.icon-twitter:before {
    background-position: -6.6rem .16rem
}

.goodsBody #footer .app-icon-ui {
    background-size: 11.01333333rem auto
}

.goodsBody #footer .f_operal {
    padding: 0 .4rem .4rem
}

.goodsBody #footer .f_operal .nwsWarp {
    padding-top: .13333333rem
}

.goodsBody #footer .f_operal .nwsWarp input {
    height: .8rem;
    padding: .13333333rem;
    margin-right: 0
}

.goodsBody #footer .f_operal .currencyBox {
    padding-bottom: 1px
}

.goodsBody #footer .f_operal .currencyBox::before {
    font-size: .53333333rem;
    top: .2rem;
    right: .10666667rem
}

.goodsBody #footer #btn-subscribe {
    width: .8rem;
    height: .8rem;
    line-height: .8rem
}

.goodsBody #footer #btn-subscribe .icon_mail {
    width: auto;
    height: .8rem;
    line-height: initial
}

.goodsBody #footer #btn-subscribe .icon_mail::before {
    width: 100%;
    height: .8rem;
    top: 0;
    left: 0;
    background-size: 11.01333333rem auto;
    background-position: .15rem -7rem
}

.goodsBody #footer #js_currency {
    height: .8rem;
    line-height: .53333333rem;
    padding: .13333333rem
}

.goodsBody #footer #js_currency option {
    font-size: .32rem !important
}

.goodsBody #footer #js_language {
    height: .8rem;
    line-height: .53333333rem;
    padding: .13333333rem
}

.goodsBody #footer #js_language option {
    font-size: .32rem !important
}

.goodsBody #footer .footNav {
    padding: .26666667rem
}

.goodsBody #footer .footNav li {
    padding: 0 .13333333rem;
    margin-left: 0
}

.goodsBody #footer .footNav a {
    font-size: .29333333rem !important
}

.goodsBody #footer .footTag {
    height: .8rem;
    background-size: 6rem auto
}

.goodsBody #footer .footTips {
    font-size: .29333333rem !important;
    padding: .13333333rem 0 .4rem
}

.goodsBody .layermbox2 .layermchild {
    max-width: initial
}

.goodsBody .layermbox2 .layermcont {
    padding: .53333333rem 1rem;
    height: 1.6rem
}

.goodsBody .layermbox2 .layermcont i {
    width: .53333333rem;
    height: .53333333rem
}

.goodsBody #js_topDownloadApp {
    padding: .26666667rem;
    height: 1.53333333rem
}

.goodsBody #js_topDownloadApp .logoImg {
    margin-left: .26666667rem;
    width: 1.53333333rem;
    height: 1.53333333rem;
    top: -0.53333333rem
}

.goodsBody #js_topDownloadApp .logoImg img {
    width: 100%;
    height: auto
}

.goodsBody #js_topDownloadApp .tips {
    height: 1rem;
    line-height: .4rem;
    font-size: .34666667rem
}

.goodsBody #js_topDownloadApp .tips strong {
    font-size: .4rem
}

.goodsBody #js_topDownloadApp .btn-download {
    width: 1.53333333rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .4rem;
    margin: .13333333rem .66666667rem 0 0
}

.goodsBody #js_topDownloadApp #js_topClose {
    width: .53333333rem;
    height: .53333333rem;
    padding: 0
}

.goodsBody #js_topDownloadApp .top-close {
    width: .4rem;
    height: .4rem;
    margin: .13333333rem auto 0;
    background-size: .4rem auto
}

.goodsBody .popBox .popText {
    padding: .4rem;
    font-size: .4rem
}

.goodsBody .popBox .popBtns a {
    line-height: 1rem;
    font-size: .4rem
}

.pageSwitch {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow-x: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    padding-bottom: 1.6rem;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-overflow-scrolling: touch
}

#fixedBtn {
    position: fixed;
    right: .53333333rem;
    bottom: 1.86666667rem;
    z-index: 2;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #999;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

#fixedBtn.notShow {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0)
}

#goodsNav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 4;
    background: #fff;
    height: 1.2rem;
    padding: 0 1.33333333rem
}

#goodsNav::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: #e4e4e4
}

#goodsNav.float::after {
    width: 100%
}

#goodsNav.away {
    top: -1.2rem;
    z-index: 1
}

#goodsNav a {
    text-decoration: none
}

#goodsNav .icons-return {
    position: absolute;
    top: .26666667rem;
    left: .26666667rem
}

#goodsNav .icons-return:active {
    background-color: #fbfbfb
}

#goodsNav .link {
    color: #999;
    display: inline-block;
    text-align: center;
    width: 33.3333%;
    height: 1.2rem;
    line-height: 1.2rem
}

#goodsNav .link:active {
    background: #fbfbfb
}

#goodsNav .link.on {
    color: #333;
    font-weight: bold
}

#goodsPage {
    background: #eee;
    width: 100%;
    position: static;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    overflow-x: hidden;
    padding-top: 1.2rem;
    margin-top: -1.2rem
}

#goodsPage.pageTwo .pageSwitch {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

#goodsPage.pageThree .pageSwitch {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
}

#goodsPage a {
    text-decoration: none
}

#goodsNav .moreMenu {
    position: absolute;
    right: .26666667rem;
    top: .26666667rem
}

#sliderShow {
    background: #fff;
    padding: .16rem 0 .8rem;
    border-bottom: 1px solid #e4e4e4;
    z-index: 3
}

#sliderShow .buttons {
    position: absolute;
    bottom: -0.6rem;
    right: .4rem;
    height: 1.2rem;
    line-height: 1.2rem
}

#sliderShow .buttons a {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    padding: .16rem;
    border-radius: 50%;
    border: 1px solid #e4e4e4;
    background: #fff
}

#sliderShow .buttons a:active {
    opacity: .8
}

#sliderShow .playSliderVideo {
    margin-right: .4rem
}

.closex {
    position: absolute;
    top: .4rem;
    right: .26666667rem;
    width: 1rem;
    height: 1rem;
    display: none
}

.closex::before,
.closex::after {
    content: '';
    display: block;
    background: #999;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    margin-left: auto;
    margin-right: auto;
    width: .6rem;
    height: .05333333rem
}

.closex::before {
    margin-top: .5rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.closex::after {
    position: relative;
    top: -0.05333333rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#sliderWrap {
    width: 7.86666667rem;
    height: 7.86666667rem;
    background: #fff;
    overflow: hidden;
    margin: 0 auto
}

#slider {
    overflow: hidden;
    position: relative
}

#slider li {
    width: 100%;
    height: 100%;
    float: left;
    position: relative
}

#slider img {
    display: block;
    width: 100%
}

#slideslog {
    position: absolute;
    left: .4rem;
    bottom: .26666667rem;
    min-width: .53333333rem;
    height: .45333333rem;
    line-height: .4rem;
    padding-left: .13333333rem;
    padding-right: .13333333rem;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    background: #fff;
    color: #999
}

html {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}


#goodsOverview {
    left: 0;
    position: static
}

#goodsOverview #fullScreenBg {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

#goodsOverview #fullScreenBg.showed {
    background: #000
}

#goodsOverview .goodsIntro {
    background: #fff
}

#goodsOverview .goodsInfo {

    padding: .93333333rem .4rem .4rem;
    text-align: center
}

#goodsOverview .goodsInfo h1 {
    color: #333;
    margin-bottom: .13333333rem
}

#goodsOverview .goodsInfo .summary {
    color: #999;
    margin-bottom: .21333333rem
}

#goodsOverview .goodsInfo .scores {
    display: inline-block;
    height: .61333333rem;
    line-height: .61333333rem;
    padding: 0 .26666667rem;
    margin-bottom: .21333333rem;
    background: #f4f4f5;
    border-radius: 4px;
    text-align: left;
    color: #666
}

#goodsOverview .goodsInfo .scores strong {
    color: #333
}

#goodsOverview .goodsInfo .icons-scores_bg {
    margin-left: .18666667rem;
    margin-right: .4rem;
    position: relative;
    top: .17333333rem
}

#goodsOverview .goodsInfo .newPrice {
    color: #c00;
    line-height: .85333333rem
}

#goodsOverview .goodsInfo .beforeDis {
    color: #666;
    text-decoration: line-through
}

#goodsOverview .goodsInfo .specForApp {
    display: block;
    height: .66666667rem;
    line-height: .66666667rem;
    margin-top: .13333333rem;
    color: #ff8a00
}

#goodsOverview .goodsInfo .specForApp .icons {
    vertical-align: middle
}

#goodsOverview .goodsInfo .specForApp .icons-app {
    margin-top: -0.06666667rem
}

#goodsOverview .selectsWarp {
    height: 2rem;
    line-height: 2rem;
    padding-left: .4rem;
    padding-right: .4rem;
    background:#f1f1f1;
}

#goodsOverview .selectsWarp:active a {
    opacity: .8
}

#goodsOverview .selectsWarp.borderT {
    border-top: 1px solid #e4e4e4
}

#goodsOverview .selectsWarp.borderB {
    border-bottom: 1px solid #e4e4e4
}

#goodsOverview .selectsWarp .marches {
    color: #4490de;
    display: block
}

#goodsOverview .selectsWarp a {
    color: #666;
    margin-right: .53333333rem
}

#goodsOverview .selectsWarp .icons-selects {
    float: right;
    margin-top: .56rem
}

#goodsOverview #warehouse .text {
    line-height: .48rem;
    display: inline-block;
    vertical-align: middle
}

#goodsOverview .buyTogether {
    background: #fff;
    margin-top: .26666667rem
}

#goodsOverview .buyTogether .selectsWarp {
    color: #333;
    display: block
}

#goodsOverview .buyTogether .discount {
    color: #c00;
    margin-right: .4rem
}

#goodsOverview .minCart {
    margin-bottom: .26666667rem
}

#goodsOverview .modelTitle {
    color: #333;
    height: 1.2rem;
    line-height: 1.2rem;
    padding-left: .4rem;
    border-bottom: 1px solid #e4e4e4;
    background: #fbfbfb
}

#goodsOverview .recommended {
    margin-top: .26666667rem;
    background: #fff;
    font-size: 0
}

#goodsOverview .toDescription {
    height: 2rem;
    line-height: 1rem;
    padding-top: .4rem;
    text-align: center
}

#goodsOverview .toDescription a {
    display: block;
    color: #666
}

.discountInfo {
    margin-bottom: -0.4rem
}

.discountInfo .discountType {
    height: 1.12rem;
    line-height: 1.12rem;
    padding-left: .4rem;
    font-style: italic
}

.discountInfo.flash .discountType,
.discountInfo.promotion .discountType,
.discountInfo.emailOnly .discountType {
    color: #6BBA2D;
    background: #fee9e9
}

.discountInfo.flash .discountProcess,
.discountInfo.promotion .discountProcess,
.discountInfo.emailOnly .discountProcess {
    background: #6BBA2D
}

.discountInfo.flash strong {
    display: block
}

.discountInfo.flash .disTime {
    text-align: center;
    padding-right: .2rem
}

.discountInfo.presale .discountType {
    color: #45bb39;
    background: #e6fce4
}

.discountInfo.presale .discountProcess {
    background: #45bb39
}

.discountInfo.backOrder .discountType {
    color: #ff9800;
    background: #fff8ee
}

.discountInfo.backOrder .discountProcess {
    background: #ff9800
}

.discountInfo.notice .discountType {
    color: #4facfe;
    background: #ddeefe
}

.discountInfo.notice .discountProcess {
    background: #3595ea
}

.discountInfo .discountProcess {
    color: #fff;
    display: table;
    width: 100%;
    height: 1.86666667rem
}

.discountInfo .discountProcess .process {
    width: 2.93333333rem;
    height: .13333333rem;
    background: #fff;
    margin: .4rem auto .13333333rem;
    box-sizing: content-box;
    border: 1px solid #fff;
    border-radius: .06666667rem;
    overflow: hidden
}

.discountInfo .discountProcess .precessbar {
    height: .13333333rem;
    background: #6BBA2D;
    border-radius: .06666667rem
}

.discountInfo .tablecell {
    display: table-cell;
    vertical-align: middle
}

.discountInfo .disPrice {
    width: 3.06666667rem;
    text-align: center
}

.discountInfo .disPrice strong {
    display: block
}

.discountInfo .disprocess {
    text-align: center
}

.discountInfo .disTime {
    text-align: right;
    padding-right: .3rem;
    width: 3.33333333rem
}

.selectLayer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4
}

.selectLayer.sectionShow .selectBg {
    opacity: .6
}

.selectLayer .selectBg {
    top: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    background: #000;
    opacity: 0
}

.selectLayer .selectBg,
.selectLayer .selectContent {
    position: absolute;
    right: 0;
    bottom: 0
}

.selectLayer .selectContent {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.selectLayer .goodsPreview {
    background: #fbfbfb;
    padding: .4rem;
    line-height: .53333333rem;
    height: 2.93333333rem
}

.selectLayer .goodsPreview .img {
    width: 2.13333333rem;
    height: 2.13333333rem;
    margin-right: .33333333rem
}

.selectLayer .goodsPreview img {
    display: block;
    width: 100%
}

.selectLayer .goodsPreview .goodsName {
    max-height: 1.06666667rem;
    margin-bottom: .2rem;
    overflow: hidden
}

.selectLayer .goodsPreview .price {
    color: #c00
}

#sectionSelects.sectionShow .selectContent {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

#sectionSelects .selectContent {
    top: 0;
    width: 8rem;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

#sectionSelects .whSelects {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 1.33333333rem;
    width: 8rem;
    background: #eee;
    overflow-y: auto
}

#sectionSelects .warehouseSelect {
    margin: .26666667rem 0;
    background: #fff;
    padding: .26666667rem .4rem;
    line-height: .66666667rem
}

#sectionSelects .countryList {
    overflow: hidden;
    margin-left: -0.4rem
}

#sectionSelects .countryList li {
    float: left;
    width: 1.33333333rem;
    height: 1.6rem;
    margin-left: .4rem;
    padding-top: .26666667rem;
    text-align: center;
    position: relative;
    color: #999
}

#sectionSelects .countryList li.checked .icons-checked {
    display: block
}

#sectionSelects .countryList li:active {
    opacity: .8
}

#sectionSelects .countryList .icons-checked {
    position: absolute;
    top: .13333333rem;
    right: -0.13333333rem;
    border: 1px solid #fff;
    background-color: #ff8a00;
    box-sizing: content-box;
    border-radius: 50%;
    display: none
}

#sectionSelects .countryList .country {
    width: 1.33333333rem;
    height: .86666667rem;
    overflow: hidden
}

#sectionSelects .countryList img {
    display: block;
    width: 100%
}

#sectionSelects .applyBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #ff8a00;
    width: 8rem;
    height: 1.33333333rem;
    line-height: 1.33333333rem;
    text-decoration: none;
    text-align: center;
    color: #fff
}

#sectionSelects .applyBtn:active {
    background: #f58400
}

#specSelects .closex {
    width: .66666667rem;
    height: .66666667rem;
    top: -0.86666667rem;
    display: block;
    border: .04rem solid #fff;
    border-radius: 50%
}

#specSelects .closex::before {
    margin-top: .28rem;
    margin-bottom: 1px
}

#specSelects .closex::before,
#specSelects .closex:after {
    height: .04rem;
    width: .4rem;
    background: #fff
}

#specSelects.sectionShow .selectContent {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#specSelects .selectContent {
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background: #fefefe
}

#specSelects .scrollview {
    max-height: 15rem;
    overflow-y: auto
}

#specSelects .goodsPreview {
    border-bottom: 1px solid #e4e4e4
}

#specSelects .specOptions {
    color: #999;
    line-height: .48rem;
    border-bottom: 1px solid #e4e4e4;
    padding: .26666667rem 0 .13333333rem;
    margin: 0 .4rem;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#specSelects .specOptions li.disabled {
    color: #adadad;
    border: .02666667rem dashed #ccc;
    background: #fff
}

#specSelects .optionsList {
    overflow: hidden;
    margin-top: .26666667rem;
    margin-left: -0.32rem
}

#specSelects li {
    float: left;
    min-width: 1.86666667rem;
    height: .85333333rem;
    line-height: .8rem;
    padding-left: .26666667rem;
    padding-right: .26666667rem;
    margin-left: .32rem;
    margin-bottom: .26666667rem;
    border: .02666667rem solid #f5f5f5;
    border-radius: .05333333rem;
    text-align: center;
    background: #f5f5f5;
    color: #333
}

#specSelects li.checked {
    color: #ff8a00;
    border-color: #ff8a00
}

#specSelects li:active {
    background: #f0f0f0
}

#specSelects .options {
    padding: .4rem;
    height: 1.6rem;
    line-height: .74666667rem;
    overflow: hidden;
    color: #999
}

#specSelects .free-stages {
    padding: .26666667rem;
    height: 1.3rem;
    line-height: .74666667rem;
    overflow: hidden;
    color: #999;
    font-size: .33rem;
    border-top: 1px solid #e4e4e4
}

#specSelects .free-stages span {
    margin-right: .5rem
}

#specSelects .free-stages .free_stages_choose {
    color: #ff8a00;
    padding-right: .3rem
}

#specSelects .free-stages .free_stages_choose::after {
    content: '';
    display: inline-block;
    width: .2rem;
    height: .2rem;
    border-top: 3px solid #ff8a00;
    border-left: 3px solid #ff8a00;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-transform: translate(.2rem, -0.05rem) rotate(-135deg);
    transform: translate(.2rem, -0.05rem) rotate(-135deg);
    -webkit-transition: all .3s;
    transition: all .3s
}

#specSelects .free-stages .free_stages_choose.onCur::after {
    content: '';
    -webkit-transform: translate(.2rem, .1rem) rotate(45deg);
    transform: translate(.2rem, .1rem) rotate(45deg);
    -webkit-transition: all .3s;
    transition: all .3s
}

#specSelects .free-stages .free_stages_show {
    border: 2px solid #ff8a00;
    color: #ff8a00;
    padding: .1rem .15rem;
    border-radius: 8px;
    margin-right: 0
}

#specSelects .free-itemt {
    border-top: 1px solid #e4e4e4;
    text-align: center;
    height: 1rem;
    line-height: 1.1rem;
    position: relative
}

#specSelects .free-itemt .free-itemt-cancel {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2)
}

#specSelects .free-itemt .free-itemt-sure {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: .3rem;
    color: #000;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2)
}

#specSelects .fress-items {
    line-height: 1rem;
    overflow: hidden;
    color: #999;
    max-height: 8rem;
    overflow-y: auto
}

#specSelects .fress-items .free-item {
    border-top: 1px solid #e4e4e4;
    text-align: center
}

#specSelects .fress-items .free-item-on {
    border-top: 1px solid #000;
    color: #000;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2)
}

#specSelects .fress-items .free-item-one {
    margin-top: .15rem
}

#specSelects .addToCartBtn {
    display: block;
    height: 1.33333333rem;
    line-height: 1.33333333rem;
    text-decoration: none;
    text-align: center;
    background: #ff8a00;
    color: #fff
}

#specSelects .addToCartBtn:active {
    background: #f58400
}

#specSelects .addToCartBtn.disabled,
#specSelects .addToCartBtn.nostock {
    color: #999;
    background: #dcdcdc
}

#specSelects .addToCartBtn.notice {
    background: #52b948;
    font-size: .34666667rem
}

#numberOption {
    width: 2.53333333rem;
    background: #fbfbfb;
    text-align: center;
    color: #666
}

#numberOption span {
    display: inline-block;
    height: .74666667rem
}

#numberOption .icons {
    width: .74666667rem;
    background-color: #f5f5f6
}

#numberOption .icons:active {
    background-color: #f0f0f0
}

#numberOption .icons.disabled {
    display: none
}

#numberOption .input {
    color: #333
}

#freePrompt .free_prompt_contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 7.33333333rem;
    min-height: 4rem;
    background: #fff;
    border-radius: .2rem
}

#freePrompt .free_prompt_contents .free_prompt_tips {
    background-color: #000;
    position: absolute;
    top: -0.61333333rem;
    left: 3.05333333rem;
    width: 1.22666667rem;
    height: 1.22666667rem;
    z-index: 9;
    background: url('../images/styleimg/price_disclaimer.png') no-repeat;
    background-size: 1.22666667rem
}

#freePrompt .free_prompt_contents .free_prompt_close {
    font-family: 'icomoon' !important;
    color: #a6a6a6;
    font-size: 16px;
    position: absolute;
    right: .3rem;
    top: .3rem
}

#freePrompt .free_prompt_contents .free_prompt_close::before {
    content: "\e61d";
    font-size: .5rem
}

#freePrompt .free_prompt_contents h3 {
    font-size: .65rem;
    color: #333;
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 2rem;
    line-height: 2.5rem
}

#freePrompt .free_prompt_contents .free_prompt_content {
    line-height: .52rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: .6rem;
    color: #000
}

.minCart {
    background: #fff;
    padding: .4rem;
    height: 2rem;
    line-height: 1.2rem;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem)
}

.minCart a {
    display: inline-block;
    text-align: center;
    position: relative;
    height: 1.2rem;
    color: #333
}

.minCart a:active {
    opacity: .8
}

.minCart .button {
    width: 1.06666667rem;
    line-height: .37333333rem
}

.minCart i {
    font-style: normal
}

.minCart .iconCart {
    position: relative;
    margin-left: .26666667rem
}

.minCart .icons {
    display: block;
    margin: 0 auto
}

.minCart .number {
    position: absolute;
    top: -0.09333333rem;
    left: .66666667rem;
    height: .48rem;
    line-height: .48rem;
    font-style: normal;
    background: #c00;
    padding: 0 .16rem;
    border-radius: .24rem;
    color: #fff
}

.minCart .addToCartBtn {
    float: right;
    color: #fff;
    width: 6.06666667rem;
    text-decoration: none;
    background: #ff8a00;
    border-radius: 4px
}

.minCart .addToCartBtn.nostock {
    color: #999;
    background: #dcdcdc
}

.minCart .addToCartBtn.notice {
    background: #52b948;
    font-size: .34666667rem
}

#minCart {
    height: 1.6rem;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
    bottom: -2rem;
    padding-top: .2rem;
    border-top: 1px solid #dcdcdc;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.reviewslist {
    color: #999;
    line-height: .48rem
}

.reviewslist li {
    margin-left: .4rem;
    padding: .4rem 0 .4rem 1.46666667rem;
    position: relative
}

.reviewslist li::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: .4rem;
    border-bottom: 1px solid #e4e4e4
}

.reviewslist .avatar {
    position: absolute;
    top: .26666667rem;
    left: 0;
    width: 1.33333333rem;
    height: 1.33333333rem;
    border-radius: 50%;
    overflow: hidden
}

.reviewslist .avatar img {
    width: 100%
}

.reviewslist .comments {
    padding-right: .4rem
}

.reviewslist .nickname {
    color: #333;
    float: left;
    height: .48rem;
    overflow: hidden;
    max-width: 5.33333333rem
}

.reviewslist .icons-scores_bg {
    float: right;
    width: 1.65333333rem;
    margin-top: .06666667rem
}

.reviewslist .time {
    margin-top: .21333333rem;
    margin-bottom: .33333333rem
}

.reviewslist .comment {
    margin-bottom: .13333333rem
}

.reviewslist .attachments {
    height: 2.4rem;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden
}

.reviewslist .attachments a {
    display: inline-block;
    vertical-align: top;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .06666667rem;
    overflow: hidden
}

.reviewslist .attachments .video {
    position: relative
}

.reviewslist .attachments .video::before,
.reviewslist .attachments .video::after {
    content: '';
    position: absolute
}

.reviewslist .attachments .video::before {
    width: 1.33333333rem;
    height: 1.33333333rem;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7);
    top: .53333333rem;
    left: .53333333rem
}

.reviewslist .attachments .video::after {
    width: 0;
    height: 0;
    border-top: .4rem solid transparent;
    border-bottom: .4rem solid transparent;
    border-left: .6rem solid #fff;
    top: .8rem;
    left: .93333333rem
}

.reviewslist .attachments img {
    width: 100%;
    height: 100%;
    display: block
}

.goodsReviews {
    background: #fff;
    margin-bottom: 1.6rem
}

.goodsReviews .viewMore {
    display: block;
    height: 1.12rem;
    line-height: 1.12rem;
    text-align: center;
    color: #666
}

.goodsReviews .viewMore:active {
    background: #f8f8f8
}

.recommendedList {
    width: 100%;
    overflow: hidden
}

.recommendedList li {
    width: 50%;
    display: inline-block;
    border-bottom: 1px solid #eee;
    padding-top: .2rem;
    padding-bottom: .2rem;
    position: relative
}

.recommendedList li:nth-child(odd) {
    border-right: 1px solid #eee
}

.recommendedList li .link {
    display: block;
    width: 4.13333333rem;
    /*height: 4.13333333rem;*/
    margin: 0 auto;
    overflow: hidden
}

.recommendedList li .corner {
    position: absolute;
    top: .21333333rem;
    right: .21333333rem;
    z-index: 1;
    width: 1.2rem;
    height: 1.2rem;
    line-height: .4rem;
    padding-top: .16rem;
    text-align: center;
    background: #c00;
    border-radius: 50%;
    overflow: hidden;
    color: #fff
}

.recommendedList li img {
    display: block;
    width: 100%
}

.recommendedList li .goodsName {
    /*line-height: .37333333rem;*/
    height: 1rem;
    overflow: hidden;
    margin:0 .53333333rem 0;
    word-break: break-all
}

.recommendedList li .goodsName a {
    display: block;
    color: #999
}

.recommendedList li .price {
    /*height: .8rem;
    line-height: .8rem;*/
    margin-left: .53333333rem;
    margin-right: .53333333rem
}

#goodsDetail {
    left: 100%;
    top: 1.2rem
}

#goodsDetail .self-adaption {
    max-width: 100% !important
}

#goodsDetail .js_lazy_des {
    width: 100%;
    height: auto;
    max-width: inherit !important
}

#goodsDetail .product_pz {
    font-size: .34666667rem;
    line-height: .4rem
}

#goodsDetail .product_pz h4 {
    font-size: .37333333rem;
    line-height: .45333333rem
}

#goodsDetail .product_pz .mainfeatures {
    font-size: .34666667rem
}

#goodsDetail .product_pz .mainfeatures p,
#goodsDetail .product_pz .mainfeatures span,
#goodsDetail .product_pz .mainfeatures strong,
#goodsDetail .product_pz .mainfeatures a {
    font-size: .34666667rem
}

#goodsDetail .product_pz .mainfeatures p span,
#goodsDetail .product_pz .mainfeatures strong span,
#goodsDetail .product_pz .mainfeatures p a,
#goodsDetail .product_pz .mainfeatures strong a {
    font-size: .34666667rem !important
}

#goodsDetail .product_pz th {
    font-size: .34666667rem
}

#goodsDetail .product_pz .mainfeatures,
#goodsDetail .product_pz td {
    line-height: .4rem;
    word-break: break-all
}

#goodsDetail .product_pz .product_pz_style1 .product_pz_img {
    display: block;
    float: none;
    width: auto;
    margin-bottom: .2rem
}

#goodsDetail .product_pz .product_pz_style1 .product_pz_img img {
    width: auto
}

#goodsDetail .product_pz .product_pz_style1 .product_pz_img p {
    padding-left: 0
}

#goodsDetail .product_pz .product_pz_style1 p {
    line-height: .45333333rem;
    padding: 0 .2rem
}

#goodsDetail .product_pz .product_pz_style2 td {
    font-size: .34666667rem
}

#goodsDetail .product_pz .product_pz_img p,
#goodsDetail .product_pz .product_pz_img span,
#goodsDetail .product_pz .product_pz_img strong,
#goodsDetail .product_pz .product_pz_img a {
    font-size: .34666667rem;
    line-height: .45333333rem
}

#goodsDetail .product_pz img {
    max-width: 100%
}

#goodsDetail .self-adaption img {
    max-width: 100% !important
}

#goodsDetail .chart-table-wrap {
    width: 100%;
    font-size: .34666667rem;
    line-height: .66666667rem;
    background: #fff
}

#goodsDetail .chart-table-wrap .chart-btn {
    padding: .4rem;
    text-align: center
}

#goodsDetail .chart-table-wrap .chart-btn a {
    float: left;
    max-width: 50%;
    padding: .13333333rem .13333333rem;
    margin-bottom: 0;
    border: 1px solid #dedede;
    color: #333;
    font-size: .34666667rem;
    white-space: nowrap;
    overflow: hidden
}

#goodsDetail .chart-table-wrap .chart-btn a.active {
    background-color: #454545;
    color: #fff;
    border-color: #2b2b2b
}

#goodsDetail .chart-table-wrap table {
    width: 100%;
    border: 1px solid #dedede;
    border-collapse: collapse
}

#goodsDetail .chart-table-wrap table td,
#goodsDetail .chart-table-wrap table th {
    padding: .13333333rem 0;
    font-size: .34666667rem;
    background-color: inherit !important;
    text-align: center;
    border: 1px solid #dedede
}

#goodsDetail .chart-table-wrap table th {
    font-size: .34666667rem;
    font-weight: 700
}

#goodsDetail .chart-table-wrap table tr:nth-child(2n+1) {
    background-color: #f9f9f9
}

#goodsScores {
    left: 200%;
    top: 1.2rem;
    background: #f2f5f7;
    padding-bottom: 1rem
}

#goodsScores .reviewType {
    padding-top: .18666667rem;
    padding-bottom: .26666667rem;
    margin-bottom: .26666667rem;
    background: #fff;
    text-align: center
}

#goodsScores .reviewType a {
    display: inline-block;
    width: 2.66666667rem;
    height: 1.09333333rem;
    line-height: .37333333rem;
    padding: .13333333rem;
    margin-left: .2rem;
    margin-right: .2rem;
    border: 2px solid #f5f5f5;
    background: #f5f5f5;
    border-radius: 4px;
    color: #333
}

#goodsScores .reviewType a.on {
    color: #ff8a00;
    border-color: #ff8a00
}

#goodsScores .reviewType a:active {
    opacity: .8
}

#goodsScores .reviewType a span {
    display: block
}

#goodsScores .allScores {
    border-bottom: 1px solid #e4e4e4;
    padding: .4rem .8rem;
    height: 3.33333333rem
}

#goodsScores .stars {
    color: #333;
    width: 2.69333333rem;
    padding-top: .58666667rem;
    text-align: center
}

#goodsScores .stars .icons-stars_bg {
    width: 100%;
    text-align: left;
    margin-top: .2rem
}

#goodsScores .details {
    width: 4.66666667rem;
    height: .50666667rem;
    line-height: .50666667rem;
    color: #666
}

#goodsScores dt,
#goodsScores dd {
    display: inline-block
}

#goodsScores dt {
    width: 2.4rem;
    height: .50666667rem
}

#goodsScores dd {
    width: 2.13333333rem;
    background: #dcdcdc;
    height: .10666667rem;
    position: relative;
    top: -0.05333333rem
}

#goodsScores .process {
    display: block;
    height: .10666667rem;
    background: #ff8a00
}

.icons-scores_bg .s_0_5,
.icons-stars_bg .s_0_5 {
    width: 10%
}

.icons-scores_bg .s_1_0,
.icons-stars_bg .s_1_0 {
    width: 20%
}

.icons-scores_bg .s_1_5,
.icons-stars_bg .s_1_5 {
    width: 30%
}

.icons-scores_bg .s_2_0,
.icons-stars_bg .s_2_0 {
    width: 40%
}

.icons-scores_bg .s_2_5,
.icons-stars_bg .s_2_5 {
    width: 50%
}

.icons-scores_bg .s_3_0,
.icons-stars_bg .s_3_0 {
    width: 60%
}

.icons-scores_bg .s_3_5,
.icons-stars_bg .s_3_5 {
    width: 70%
}

.icons-scores_bg .s_4_0,
.icons-stars_bg .s_4_0 {
    width: 80%
}

.icons-scores_bg .s_4_5,
.icons-stars_bg .s_4_5 {
    width: 90%
}

.icons-scores_bg .s_5_0,
.icons-stars_bg .s_5_0 {
    width: 100%
}

#shareBtns.sectionShow .selectContent {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#shareBtns .selectContent {
    left: 0;
    background: #f2f5f7;
    padding-top: 1rem;
    text-align: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

#shareBtns .addthis_sharing_toolbox a {
    display: inline-block;
    width: 1.14666667rem;
    height: 1.14666667rem;
    line-height: 1.14666667rem;
    text-decoration: none;
    border-radius: .26666667rem !important;
    margin: 0 .13333333rem;
    color: #333;
    border: 0
}

#shareBtns .addthis_sharing_toolbox a .at-icon-wrapper,
#shareBtns .addthis_sharing_toolbox a .at-icon-wrapper>svg {
    width: 100% !important;
    height: 100% !important;
    line-height: 1 !important
}

#shareBtns .addthis_sharing_toolbox .at_flat_counter {
    display: inline-block;
    font-size: .29333333rem !important;
    line-height: .4rem !important;
    font-weight: normal
}

#shareBtns .cancel {
    display: block;
    width: 100%;
    height: 1.33333333rem;
    line-height: 1.33333333rem;
    border-top: 1px solid #dcdcdc;
    margin-top: .93333333rem;
    background: #fff;
    color: #ff8a00
}

#shareBtns .cancel:active {
    background: #fbfbfb
}

video {
    object-fit: fill
}

#videoPlayer .selectBg {
    opacity: 1
}

#videoPlayer .selectContent {
    top: 0;
    left: 0
}

#videoPlayer.sectionShow .closeLayer {
    display: block
}

#videoPlayer .videoBox {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -50%;
    padding-bottom: 1.06666667rem
}

#videoPlayer .videoBox .video {
    border: 0;
    width: 10rem;
    height: 6.66666667rem;
    background: #fff
}

.go-back {
    padding: 0 .9375rem;
    height: 2.125rem;
    line-height: 2.125rem;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    display: block
}

.go-back span {
    display: block;
    margin-top: -2.5rem;
    text-align: center;
    font-size: 1rem;
    color: #000
}

.go-back i {
    font-size: 1.875rem;
    color: #666
}

.good {
    margin: .5rem 0 .25rem 0;
    padding: 0 .9375rem
}

.good .picture {
    display: inline-block;
    width: 32%;
    position: relative
}

.good .picture img {
    width: 100%
}

.good .info {
    display: inline-block;
    width: 66%;
    vertical-align: top
}

.good .info .name {
    display: block;
    font-size: 1rem;
    height: 2.5rem;
    line-height: 1.25rem;
    overflow: hidden;
    margin: .5rem 0;
    text-overflow: ellipsis
}

.good .info .shop-price {
    display: block;
    font-size: 1.5rem;
    font-weight: bold
}

.fittings {
    width: 100%;
    overflow: hidden
}

.fittings .master {
    display: none
}

.fittings .swiper-container {
    background-color: #eee
}

.fittings .featured {
    height: 2.5rem;
    line-height: 2.5rem;
    padding-left: .9375rem
}

.fittings .featured li {
    margin-right: 1rem;
    font-size: .875rem;
    color: #999;
    width: auto
}

.fittings .featured li.on {
    color: #fd7932
}

.fittings .suits .js_peijianSortWrap {
    display: none
}

.fittings .suits .js_peijianSortWrap.current {
    display: block
}

.fittings .suits li {
    padding: .5rem 0;
    margin: 0 .9375rem;
    border-bottom: 1px solid #dedede
}

.fittings .suits li .price {
    display: inline-block;
    vertical-align: middle;
    width: 8%;
    text-align: center;
    overflow: hidden
}

.fittings .suits li .price span {
    display: none
}

.fittings .suits li .g_img {
    display: inline-block;
    vertical-align: middle;
    width: 20%
}

.fittings .suits li .g_img img {
    width: 100%
}

.fittings .suits li .g_name {
    display: inline-block;
    vertical-align: middle;
    width: 68%
}

.fittings .suits li .g_name a {
    display: block;
    font-size: 1rem;
    height: 2.5rem;
    line-height: 1.25rem;
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis
}

.fittings .suits li .g_name .cost-price {
    font-size: .95rem
}

.fittings .suits li .g_name .cost-price .market-price {
    margin-left: 1.5rem;
    text-decoration: line-through;
    color: #999
}

.fittings .suits li .g_name .cost-price .shop-price {
    color: #c00
}

.fittings .infos {
    position: fixed;
    bottom: 0;
    padding: .5rem 0;
    border-top: 1px solid #dedede;
    width: 100%;
    z-index: 3;
    background-color: #fff
}

.fittings .infos .totals {
    float: left;
    width: 57%;
    font-size: 1rem;
    line-height: 1.3rem;
    margin: 0 0 0 3%
}

.fittings .infos .totals .totalPrice {
    display: none
}

.fittings .infos .totals .finalPrice {
    display: block
}

.fittings .infos .totals .finalPrice span:last-child {
    color: #c00;
    font-size: 1.25rem;
    font-weight: bold
}

.fittings .infos .totals .totalSave {
    display: block
}

.fittings .infos .add-to-cart {
    float: right;
    width: 40%;
    margin-top: .125rem
}

.fittings .infos .add-to-cart a {
    width: 90%;
    text-align: center;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 1.125rem;
    background-color: #fd7932;
    color: #fff;
    border-radius: 6px;
    display: block
}

#js_pageElemBox {
    border-radius: .13333333rem
}

.tc_arrivalNotice {
    background: #fff;
    padding-bottom: .26666667rem;
    font-size: .32rem
}

.tc_arrivalNotice .title {
    height: 1.06666667rem;
    color: #333;
    font-size: .53333333rem;
    line-height: 1.06666667rem;
    padding: 0 .26666667rem;
    border-bottom: .01333333rem solid #eaeaea
}

.tc_arrivalNotice .title i {
    right: .13333333rem;
    top: .13333333rem;
    text-align: center;
    line-height: .66666667rem;
    width: .8rem;
    height: .8rem;
    font-family: Arial;
    font-style: normal
}

.tc_arrivalNotice .tips {
    padding: .26666667rem;
    line-height: .4rem;
    color: #333
}

.tc_arrivalNotice .content {
    padding: 0 .26666667rem
}

.tc_arrivalNotice .content p {
    color: #5f5f5f;
    line-height: .4rem
}

.tc_arrivalNotice .content a {
    color: #036;
    text-decoration: underline
}

.tc_arrivalNotice .content li {
    margin-top: .26666667rem
}

.tc_arrivalNotice .content .text {
    margin-bottom: .26666667rem
}

.tc_arrivalNotice .content .need {
    color: #f60;
    margin-right: .04rem
}

.tc_arrivalNotice .write .inputText {
    width: 100%;
    height: .8rem;
    line-height: .53333333rem;
    font-size: .4rem;
    background: #fff;
    border: 1px solid #ddd;
    padding: .13333333rem .26666667rem;
    color: #666
}

.tc_arrivalNotice .write .inputText:focus {
    box-shadow: 0 0 4px #f60
}

.tc_arrivalNotice .write .code {
    width: 70%
}

.tc_arrivalNotice .write .code_img {
    width: 20%;
    height: .8rem;
    margin-left: 5%
}

.tc_arrivalNotice .write .code_img img {
    height: 100%
}

.tc_arrivalNotice .submit {
    color: #fff;
    padding: .13333333rem .4rem;
    font-size: .34666667rem;
    font-weight: bold;
    text-align: center;
    background: #ff8a00;
    border-radius: 4px;
    margin-top: .26666667rem
}

#actions_msg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}

#actions_msg p {
    position: fixed;
    top: 50%;
    left: 25%;
    z-index: 10;
    width: 50%;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    border-radius: .1rem;
    font-size: .45333333rem;
    padding: .2rem .6rem;
    color: #fff
}

.markup-buy-wrap {
    height: auto !important;
    margin-bottom: .4rem;
    padding: .4rem .5rem 0 0;
    position: relative;
    color: #999;
    line-height: .5rem !important
}

.markup-buy-wrap.show-less {
    max-height: 1.4rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.markup-buy-wrap .icons-selects {
    position: absolute;
    top: -0.1rem;
    right: .2rem;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.markup-buy-wrap.show-less .icons-selects {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.markup-buy-wrap .mark-buy-tit {
    color: #ff8a00
}

.markup-buy-wrap .mark-buy-a {
    color: #4490de !important;
    text-decoration: underline !important;
    white-space: nowrap
}

.CartBtn
{
    background: #6BBA2D;
    color: #fff;

    width: 100%;
    height: 1.86666667rem;
    font-size: 1.26em;
    font-weight: 600;
    margin-bottom: -0.4rem;
    text-align:center;
    line-height: 1.6em;
}

.dvPharmacyListContainer {
        float: left;
        width: 100%;
        min-height: 290px;
        border: 0px solid red;
        overflow-y: hidden;
        overflow-x: auto;
        padding-bottom: 30px;
        margin: auto;
    }
    .dvPharamacies {
        float: left;
        width: 100%;
        min-height: 240px;
        border: 0px solid red;
        overflow-y: hidden;
        overflow-x: hidden;
        margin: auto;
    }
    .dvPharmacyInformation {
        width: 100%;
        float: left;
        min-height: 10px;
        border-top: 3px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
    }
    .dvTitle {
        float: left;
        max-height: 30px;
        font: normal 11px Verdana,Arial,sans-serif;
        color: #707070;
        padding-top: 7px;
        min-height: 20px;
        width: 200px;
    }
    .dvDescription {
        overflow-x: hidden;
        overflow-y: auto;
        height: 290px;
        float: left;
        margin-left: 10px;
        width: 100%;
        font-size: 11px;
        font-family: Verdana;
        font-weight: normal;
    }
    .dvPharmaList {
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        height: auto;
        float: left;
        border: 0px solid red;
    }
    .spnPharmacyLinks {
        min-height: 20px;
        float: left;
        font-family: Verdana;
        font-size: 11px;
        font-weight: bold;
        color: #2f2f2f;
        cursor: pointer;
    }
    
    .dvPharmacyDetailsContainer {
        border-right: 0px solid #e7e7e7;
        min-height: 100px;
        width: 40%;
        text-align: left;
        margin: 1px 0px 1px 0px;
        opacity: 0.9;
    }
    .dvInformations {
        float: left;
        max-height: 200px;
        font: normal 11px Verdana,Arial,sans-serif;
        color: #707070;
        padding-top: 7px;
        padding-bottom: 7px;
        min-height: 20px;
        width: 200px;
    }
    .dvLeftPharmacyNormal {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: -1px;
    border: 0px solid red;
    background-image: url(../UploadedImages/Icons/PharmacySrNo.png);
    background-repeat: no-repeat;
    color: #00fd0b;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    padding: 5px 1px 0px 0px;
    text-align: center;
}
    .dvLeftPharmacyNight {
        float: left;
        width: 24px;
        height: 24px;
        margin-right: -1px;
        border: 0px solid red;
        background-image: url(../UploadedImages/Icons/NightPharmacySrNo.png);
        background-repeat: no-repeat;
        color: #7602fe;
        font-family: Verdana;
        font-weight: bold;
        font-size: 11px;
        padding: 5px 1px 0px 0px;
        text-align: center;
    }
    .dvRightPharmacy {
        border: 0px solid green;
        float: left;
        /*width: 255px;*/
        width:100%
    }
    .dvImageContainer {
        display: block;
        float: left;
        width: 100%;
    }
    .spnPharmacyTitle {
        font-family: Verdana;
        color: #3f4342;
        font-size: 13px;
        font-weight: bold;
        float: left;
        /*margin: 0px 0px 0px 6px;*/
    }
    .spnPharmacyAddress {
        font-family: Verdana;
        color: #515352;
        font-size: 10px;
        font-weight: normal;
        float: left;
        text-align: left;
        margin: 5px 0px 0px 4px;
    }
    .imgPharmacy {
        width: 120px;
        height: 35px;
        border: 1px solid #d8d8d8;
        margin: 5px 0px 10px 0px !important;
    }
    .spnCommentCounter {
        font-size: 11px;
        font-weight: normal;
        color: #7b7b7f;
        margin: 5px 0px 25px 0px;
    }
    .spnLeaveComment {
        font-style: italic;
    }
    .dvPharmacyDiscountContainer {
        width: 155px;
        padding-left: 0px;
        min-height: 10px;
        border: 0px solid red;
        margin-top: 5px;
        float: left;
        overflow: hidden;
        margin-left: 0px;
    }
    .pharmacyTypeImage {
    float: left;
    margin: 0px 0px 0px 3px;
    width: 13px;
    }
    .Icons {
        float: left;
        width: 25px;
        height: 25px;
        margin-right: 2px;
        margin-left: 2px;
        background-repeat: no-repeat;
    }
    .dvPriceContainer {
        /*float: left;*/
        border-radius: 3px;
        padding: 3px 5px 3px 5px;
        margin-left: 8px;
        border: 0px solid black;
    }
    .spnProductPrice {
        font-family: Verdana;
        color: Black;
        font-size: 19px;
        font-weight: normal;
        /*float: left;*/
    }
    .dvNextType {
        background-color: #75e412 !important;
        color: White;
        font-size: 15px;
        font-weight: bold;
        border-radius: 5px;
        /*width: 22px;*/
        min-height: 10px;
        padding: 4px 3px 4px 3px;
        /*float: right;
        margin: 2px 0px 0px 0px;*/
    }
    .dvAvailContainer {
        /*width: 130px;*/
        min-height: 10px;
        float: left;
        border-radius: 2px;
        padding: 3px 5px 3px 5px;
        /*margin-left: 30px;*/
        text-align: left;
        border: 0px solid black;
    }
    .dvPharmacyListHover_2 {
        background-color: #f3f5f4;
        opacity: 0.9;
    }

.SuperDealIcon
{
    background-image: url(../UploadedImages/Icons/SuperDeal.png);
}

.SuperDealIconFade
{
    background-image: url(../UploadedImages/Icons/SuperDealHover.png);
}

.CouponsIcon
{
    background-image: url(../UploadedImages/Icons/Coupon.png);
}

.CouponsIconFade
{
    background-image: url(../UploadedImages/Icons/CouponsHover.png);
}

.PacketsIcon
{
    background-image: url(../UploadedImages/Icons/Packets.png);
}

.PacketsIconFade
{
    background-image: url(../UploadedImages/Icons/PacketsHover.png);
}


.ExpiredIcon
{
    background-image: url(../UploadedImages/Icons/Expired.png);
}

.ExpiredIconFade
{
    background-image: url(../UploadedImages/Icons/ExpiredsHover.png);
}

.DiscountIcon
{
    background-image: url(../UploadedImages/Icons/Discounts.png);
    text-align: center;
    color: #66e000;
    font-size: 10px;
    height: 25px !important;
    padding-top: 5px;
}

.DiscountIconFade
{
    background-image: url(../UploadedImages/Icons/DiscountsHover.png);
}

.IconsBig
{
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 2px;
    margin-left: 2px;
    background-repeat: no-repeat;
}


.IconsBigSmall
{
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 2px;
    margin-left: 2px;
    background-repeat: no-repeat;
}


.SuperDealIconBig
{
    background-image: url(../UploadedImages/Icons/SuperDealBig.png);
}

.SuperDealIconBigSmall
{
    background-image: url(../UploadedImages/Icons/SuperDealBigSmall.png);
}

.CouponsIconBig
{
    background-image: url(../UploadedImages/Icons/CouponBig.png);
}

.CouponsIconBigSmall
{
    background-image: url(../UploadedImages/Icons/CouponBigSmall.png);
}

.PacketsIconBig
{
    background-image: url(../UploadedImages/Icons/PacketBig.png);
}

.PacketsIconBigSmall
{
    background-image: url(../UploadedImages/Icons/PacketBigSmall.png);
}

.ExpiredIconBig
{
    background-image: url(../UploadedImages/Icons/ExpiredBig.png);
}

.ExpiredIconBigSmall
{
    background-image: url(../UploadedImages/Icons/ExpiredBigSmall.png);
}

.DiscountIconBig
{
    background-image: url(../UploadedImages/Icons/DiscountBig.png);
    text-align: center;
    color: #66e000;
    padding-top: 12px;
    font-size: 17px;
    height: 38px !important;
}

.DiscountIconBigSmall
{
    background-image: url(../UploadedImages/Icons/DiscountBigSmall.png);
    text-align: center;
    color: #66e000;
    padding-top: 12px;
    font-size: 14px;
    height: 38px !important;
}

.SuperDealIconBigFade
{
    background-image: url(../UploadedImages/Icons/SuperDealBigFade.png);
}

.SuperDealIconBigFadeSmall
{
    background-image: url(../UploadedImages/Icons/SuperDealBigFadeSmall.png);
}

.CouponsIconBigFade
{
    background-image: url(../UploadedImages/Icons/CouponBigFade.png);
}

.CouponsIconBigFadeSmall
{
    background-image: url(../UploadedImages/Icons/CouponBigFadeSmall.png);
}

.PacketsIconBigFade
{
    background-image: url(../UploadedImages/Icons/PacketBigFade.png);
}

.PacketsIconBigFadeSmall
{
    background-image: url(../UploadedImages/Icons/PacketBigFadeSmall.png);
}

.ExpiredIconBigFade
{
    background-image: url(../UploadedImages/Icons/ExpiredBigFade.png);
}

.ExpiredIconBigFadeSmall
{
    background-image: url(../UploadedImages/Icons/ExpiredBigFadeSmall.png);
}

.DiscountIconBigFade
{
    background-image: url(../UploadedImages/Icons/DiscountBigFade.png);
    text-align: center;
    color: #66e000;
    padding-top: 12px;
    font-size: 17px;
    height: 38px !important;
}

.DiscountIconBigFadeSmall
{
    background-image: url(../UploadedImages/Icons/DiscountBigFadeSmall.png);
    text-align: center;
    color: #66e000;
    padding-top: 12px;
    font-size: 14px;
    height: 38px !important;
}

.dvPriceContainer:hover {
    cursor: pointer;
    background-color: #75e412 !important;
    color: white;
}

.spnProductPrice:hover {
    color: White;
}

.dvAvailContainer a {
    color: #6BBA2D;
    font-size: 12px;
}