@charset "utf-8";

.jiemo-shop-detail-title .content {

    background: #fff;

    overflow: hidden;

    margin: 5px auto 20px;

    box-shadow: 0 3px 15px 0 rgba(229, 232, 238, .6)

}



.jiemo-shop-detail-title .content .col-md-2 {

    padding-left: 0

}



.jiemo-shop-detail-title .content img {

    width: 100%

}



.jiemo-shop-detail-title .content h2 {

    font-size: 21px;

    font-weight: bold;

    margin: 35px 0 20px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.jiemo-shop-detail-title .content span {

    font-size: 16px;

    overflow: hidden;

    display: block;

    line-height: 28px;

}



.jiemo-shop-detail-title .content .col-md-4 {

    text-align: right;

    float: right;

}



.jiemo-shop-detail-title .content a {

    display: inline-block;

    line-height: 30px;

    background: #ff6136;

    color: #fff;

    border: 1px solid #ff6136;

    padding: 0 18px;

    margin: 60px 10px 0 0;

    font-size: 21px;

    text-decoration: none;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    border-radius: 6px;

}



.jiemo-shop-detail-title .content a:last-of-type {

    background: #fff;

    color: #ff6136;

    margin-left: 0.7rem

}



.jiemo-shop-detail-title .content a.disabled {

    background: #999;

    pointer-events: none

}



.jiemo-shop-detail-title .content a:hover {

    opacity: .8

}



.detail-bgup-area {

    margin-top: 2rem

}



.detail-bgup-area img {

    width: 100%

}



.detail-bgup-page .swiper-pagination-bullet {

    background: #fff;

    opacity: .6

}



.detail-bgup-page .swiper-pagination-bullet-active {

    width: 18px;

    opacity: 1;

    background: #ff6136;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px

}



.detail-default-bottom {

    margin-top: 2rem;

    padding-top: 0.8rem

}



.detail-default-bcontent {

    width: 100%;

    background: #fff;

    overflow: hidden;

    margin-top: 0.4rem;

    margin-bottom: 2rem;

    padding: 3rem 0

}



.detail-default-bcontent img {

    max-width: 100%;

    display: block;

    margin: auto

}



.detail-default-bcontent h4 {

    font-size: 1.8rem;

    font-weight: bold;

    display: inline-block;

    border-bottom: 0.3rem solid #4eacf5;

    padding-bottom: 1rem;

    margin: 2rem 3rem 0

}



.detail-default-bcontent p {

    line-height: 2rem;

    font-size: 1.1rem;

    color: #666;

    margin: 1.4rem 3rem 0

}



.detail-default-bcontent .jm-cb {

    margin-bottom: 2rem

}



.detail-default-footer {

    text-align: center;

    padding-bottom: 4rem

}



.detail-default-footer img {

    margin-top: 3rem

}



.detail-default-footer h5 {

    font-size: 1.4rem;

    margin-top: 0.8rem

}



.detail-default-footer span {

    display: block;

    font-size: 1rem;

    margin-top: 1rem

}



.detail-quick-pc {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 80px;

    line-height: 80px;

    background: #fff;

    z-index: 3;

    overflow: hidden;

    box-shadow: 0 8px 11px 0 rgba(190, 195, 201, .5);

    opacity: 0;

    pointer-events: none;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    transition: all 0.2s linear

}



.detail-quick-pc h2 {

    font-size: 24px;

    font-weight: bold;

    line-height: 80px

}



.detail-quick-pc a {

    display: inline-block;

    height: 3rem;

    line-height: 2.8rem;

    background: #ff6136;

    color: #fff;

    border: 1px solid #ff6136;

    padding: 0 1.8rem;

    margin: 1rem 0.5rem 0 0;

    font-size: 1.2rem;

    text-decoration: none;

    -webkit-border-radius: 0.3rem;

    -moz-border-radius: 0.3rem;

    -ms-border-radius: 0.3rem;

    border-radius: 0.3rem

}



.detail-quick-pc a:last-of-type {

    background: #fff;

    color: #ff6136;

    margin-left: 0.7rem

}



.detail-quick-pc a.disabled {

    background: #999;

    pointer-events: none

}



.detail-quick-pc.active {

    opacity: 1;

    pointer-events: auto

}



.shop-default-process {

    padding-top: 0.5rem;

    overflow: hidden

}



.shop-default-process img {

    max-width: 100%

}



.shop-default-process .left {

    width: 3.2rem;

    float: left;

    position: relative

}



.shop-default-process .left span {

    display: block;

    width: 31px;

    height: 31px;

    line-height: 24px;

    margin-bottom: 40px;

    background: #ff6136;

    color: #fff;

    text-align: center;

    border: 3px solid #ff9274;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    border-radius: 100%;

    position: relative

}



.shop-default-process .left span i {

    display: block;

    border-top: 0.1rem solid #ff9274;

    position: absolute;

    top: 12px;

    right: -16px;

    width: 16px

}



.shop-default-process .left span em {

    display: block;

    border-left: 0.1rem solid #ff9274;

    position: absolute;

    top: 27px;

    left: 12px;

    height: 44px

}



.shop-default-process .left span:last-of-type em {

    display: none

}



.shop-default-process .right {

    width: 500px;

    float: left

}



.shop-default-process .right .text-area {

    width: 100%;

    margin-bottom: 11px;

    padding: 10px;

    margin-left: 46px;

    background: #fff;

    border: 0.1rem solid #ff9274;

    position: relative

}



.shop-default-process .right .text-area h4 {

    font-size: 1.1rem;

    font-weight: bold;

    white-space: nowrap;

    overflow: hidden

}



.shop-default-process .right .text-area p {

    font-size: 1rem;

    margin-top: 0.2rem;

    overflow: hidden

}



.shop-default-process .right .text-area span {

    display: block;

    width: 31px;

    height: 31px;

    line-height: 24px;

    background: #ff6136;

    color: #fff;

    text-align: center;

    border: 3px solid #ff9274;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    border-radius: 100%;

    position: absolute;

    left: -46px;

    top: 0

}



.shop-default-process .right .text-area span i {

    width: 18px;

    border-top: 1px solid #ff9274;

    display: inline-block;

    position: absolute;

    top: 13px;

    left: 100%

}



@media (max-width: 720px) {

    .jiemo-shop-detail-title .content {

        background: #fff;

        overflow: hidden;

        padding: 0.8rem;

        margin: 1rem -15px;

        box-shadow: 0 3px 15px 0 rgba(229, 232, 238, .6)

    }



    .shop-default-detailtit h3 {

        font-size: 1.4rem

    }



    .detail-default-bcontent h4 {

        margin: 2rem 0 0

    }



    .detail-default-bcontent p {

        margin: 1rem 0 0

    }



    .detail-default-bottom {

        background: #fff;

        border-top: 1.2rem solid #f7f8fc

    }



    .detail-default-bottom .shop-default-title {

        border-bottom: 0.1rem solid #e2e2e2

    }



    .detail-default-bcontent {

        padding: 1rem 0

    }



    .detail-default-footer {

        padding: 15px;

        border-top: 1.2rem solid #f7f8fc;

        border-bottom: 1.2rem solid #f7f8fc

    }



    .detail-default-footer img {

        margin-top: 0

    }



    .detail-default-footer .col-xs-9 {

        text-align: left

    }



    .detail-default-footer h5 {

        font-size: 1.4rem;

        margin-top: 0.8rem

    }



    .detail-default-footer span {

        display: block;

        font-size: 1rem;

        margin-top: 1rem

    }



    .detail-default-footer .detail-phone-border {

        padding: 1rem 0;

        overflow: hidden;

        border-bottom: 0.1rem solid #e2e2e2

    }



    .detail-default-footer .col-md-4:last-child .detail-phone-border {

        border: none

    }



    .detail-default-footer .detail-phone-border img {

        width: 100%

    }



    .detail-default-footer span {

        margin-top: 0.7rem

    }



    .detail-phone-wrapbor {

        border: 0.1rem solid #e2e2e2;

        width: 92%;

        margin: auto;

        overflow: hidden

    }



    .detail-quick-wap {

        position: fixed;

        left: 0;

        bottom: 0;

        width: 100%;

        height: 6rem;

        background: #fff;

        z-index: 3;

        border-top: 0.1rem solid #e2e2e2;

        text-align: center;

        overflow: hidden

    }



    .detail-quick-wap a {

        display: inline-block;

        width: 40%;

        height: 3.6rem;

        line-height: 3.4rem;

        border: 0.1rem solid #ff6136;

        background: #ff6136;

        color: #fff;

        font-size: 1.6rem;

        text-align: center;

        margin-top: 1.2rem;

        margin-left: 1.2rem;

        float: left;

        -webkit-border-radius: 0.2rem;

        -moz-border-radius: 0.2rem;

        -ms-border-radius: 0.2rem;

        border-radius: 0.2rem

    }



    .detail-quick-wap a:last-child {

        float: right;

        margin-right: 1.2rem;

        margin-left: 0;

        background: #fff;

        color: #ff6136

    }



    .detail-quick-wap a.disabled {

        background: #999;

        pointer-events: none

    }



    .shop-default-process .right {

        width: 80%

    }



    .shop-default-process .left span i {

        display: none

    }



    .jiemo-shop-detail-title .content h2 {

        white-space: normal;

        line-height: 3.6rem;

        height: 3.6rem

    }



    .footer-height5 {

        height: 5.5rem;

        display: block;

        clear: both

    }

}

@media (max-width: 678px){.blls_bg5{display:none;}}

@media screen and ( max-width: 980px ) {
.jiemo-shop-detail-title .content .col-md-4 .blls_bg5{display: none;}
.jiemo-shop-detail-title .content .col-md-4 .blls_bg6{display: none;}
}