.cpxq dl { height:.9rem; line-height:.9rem; border-bottom:1px solid #f5f6f8; font-size:.28rem;}
.cpxq dl dt { float:left; color:#999; width:20%; margin:0 .24rem}
.cpxq dl dd { float:left; color:#555;}




/* 顶部导航s */
.dingweiactive {
    display: inline-block !important;
}

.details {
    position: relative;
    top: 0.9rem;
    overflow-x: hidden;

}

.details-head ul li {
    height: .9rem;
    font-size: .28rem;
    text-align: center;
    line-height: .9rem;
    
}

.details-head ul li.staractive { color: #ff6700 !important;}
.details-head ul li.staractive:before { content:""; display:inline-block; width:20px; height:20px; background:url(../images/2020721035.png) no-repeat center;background-size: .3rem;position: relative;top: .1rem;}


.details-head ul li .icon-xy-dingwei {
    font-size: .24rem;
    margin-right: .06rem;
    display: none;
}

.classTop {
    top: 0.9rem;
    position: absolute;
}

.classScroll {
    top: 0;
    position: fixed;
}

/* 顶部导航e */

/* 轮播图s */

.details-banner {
    position: relative;
    overflow: hidden;
    height: 7.5rem;
}

.details-banner .swiper-container {
    height: 7.5rem;
    margin: 0 auto;
    position: relative;
    overflow: initial;
    z-index: 1;
}

.details-banner .swiper-container a {
    display: block;
}

.details-banner .swiper-container .details-banner-img {
    display: block;
    height: 7.5rem;
    margin: 0 auto;
}

.details-swiper-pagination {
    width: 1.1rem;
    height: .46rem;
    line-height: .46rem;
    border-radius: .23rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    text-align: center;
    z-index: 1;
    position: absolute;
    bottom: .34rem;
    right: .3rem;
}

.swiper-video .qplayer-center-btn,
.details-types-con-video .qplayer-center-btn {
    opacity: 1;
}

.swiper-sign {
    display: none;
    width: 2.5rem;
    height: .46rem;
    background: url(../images/video-sign.png) no-repeat;
    background-position: 0 0;
    background-size: 2.5rem 1.5rem;
    position: absolute;
    bottom: .34rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1;
}

.swiper-sign-pic {
    background-position: 0 -1.04rem;
}

.swiper-sign-btn {
    width: 1.1rem;
    height: .46rem;
    position: absolute;
    top: 0;
}

.swiper-sign-btn-video {
    left: 0;
}

.swiper-sign-btn-pic {
    right: 0;
}

.BdFalseVideo {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
}

.BdFalseVideo::after {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    background: url(../images/video-play.png) no-repeat;
    background-size: 1.4rem 1.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.BdFalseVideo-img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* 轮播图e */


/* 返回顶部s */
.gettop {
    position: fixed;
    right: .2rem;
    bottom: 1.5rem;
    width: .8rem;
    height: .8rem;
    z-index: 2;
}
.gettop img { width: 100%;}

/* 返回顶部e */


/* 详细内容 */
.details-title {
    padding: .22rem .15rem 0 .25rem;
    background: #fff;
}

.details-title-p {
    color: #333;
    font-size: .42rem;
}

.details-title-line {
    width: .02rem;
    height: .6rem;
    background-color: #ccc;
    margin: 0 .14rem 0 .4rem;
}

.details-title-star {
    width: .7rem;
}

.details-title-star:before { content:""; display:block; width:25px; height:25px; background:url(../images/2020721041.png) no-repeat center; margin:0 auto; background-size:.42rem;}


.details-title-star p {
    text-align: center;
    color: #999;
    font-size: .2rem;
}

.details-title-star p i {
    font-size: .36rem;
}

.details-h {
    background: #fff;
    padding: 0 .25rem .3rem;
    margin-bottom: .2rem;
}

.details-h-price {
    overflow: hidden;
    padding: .24rem 0 0 0;
}

.details-h-price-item {
    width: 33.3%;
}

.details-h-price-item-num {
    font-size: .4rem;
}

.details-h-price-item p:first-child {
    font-size: .28rem;
    color: #ff3333;
    margin-bottom: .04rem;
}

.details-h-price-item p:last-child {
    color: #999;
    font-size: .24rem;
}

.details-h-price-spec {
    font-size: .28rem;
    color: #ff3333;
    margin-bottom: 0.04rem;
}

.details-h-price-spec-num {
    font-size: .4rem;
}

.details-h-price-specqd {
    color: #999;
    font-size: .24rem;
}

.details-h-size {
    margin-top: .34rem;
}

.details-h-size-box {
    width: 7rem;
    height: 1.4rem;
    -webkit-box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .1);
    overflow: hidden;
    padding: .28rem .3rem;
    box-sizing: border-box;
    background:url(../images/2020721113.png) no-repeat 95% center;background-size:.3rem;;
}






.details-h-size-box div img {
    width: .54rem;
    height: .44rem;
}

.details-h-size-box div p {
    line-height: 1;
    color: #666;
    margin-top: .1rem;
}

.details-h-size-box-t {
    text-align: center;
}

.details-h-size-box-t p {
    font-size: .2rem;
}

.details-h-size-box-spec {
    width: 1px;
    height: .8rem;
    background-color: #e5e5e5;
    margin: 0 .25rem 0 .3rem;
}

.details-h-size-box-dt {
    width: 4.4rem;
    margin-right: .3rem;
}

.details-h-size-box-dt p {
    font-size: .24rem;
    margin: .05rem 0;
}

.details-h-size-box-dt p span {
    margin-right: .15rem;
}

.details-h-size-box-icon {
    color: #9a9a9a;
    font-size: .3rem;
}

.details-c {
    background: #fff;
    padding: .25rem 0 .3rem 0;
    margin-bottom: .2rem;
}

.details-c-company {
    padding: 0 .25rem;
}

.details-c-company-avatar {
    width: 1rem;
    height: 1rem;
    margin-right: .2rem;
    border: 1px solid #f5f5f5;
    background: #f9f9f9;
    border-radius: .03rem;
    overflow: hidden;
}


.details-c-company-avatar img { width:100%;}


.details-c-company p .logoShow {
    display: none;
}

.details-c-company-title {
    font-size: .32rem;
    width: 5.8rem;
    margin: .04rem 0;
}

.details-c-company-logo {
    font-size: .26rem;
}

.details-c-company-logo .icon-rec {
    vertical-align: -.06rem;
}

.details-c-company-logo>span {
    margin-right: .25rem;
    color: #777;
    vertical-align: middle;
}

.details-c-company-logo>span span {
    color: #ff6700;
}


.details-c-address {
    margin: .3rem 0;
}

.details-c-address div p {
    font-size: .22rem;
    color: #777;
    text-align: center;
}

.details-c-address div p:first-child {
    font-size: .28rem;
    color: #333;
}

.details-c-address div p.classA {
    color: #0070ff;
}

.details-c-address div p.classB {
    color: #ff3333;
}

.details-c-address div p.classC {
    color: #4abaa8;
}

.details-c-address div:nth-child(2) {
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}

.details-c-foot {
    padding: 0 .6rem;
}

.details-c-foot a {
    display: block;
    width: 2.85rem;
    height: .66rem;
    border-radius: .33rem;
    line-height: .66rem;
    border: 1px solid #ff6700;
    text-align: center;
}

.details-c-foot-all {
    color: #ff6700;
}

.details-c-foot-jinru {
    background-color: #ff6700;
    color: #fff;
}

.vipactive {
    background: url('../images/vip-bj.png') no-repeat;
    background-size: 7.5rem 2.1rem;
    background-color: #fff;
    padding-top: .94rem;
}

.details-types {
    background-color: #fff;
}

.details-types-nav {
    height: .8rem;
    padding: 0 1.4rem;
}

.details-types-nav-item {
    font-size: .24rem;
    height: .7rem;
    border-bottom: .04rem solid #fff;
    padding: .04rem .1rem 0 .1rem;
    color: #999;
}

.details-types-nav-item i {
    font-size: .26rem;
    line-height: 1;
    color: #999;
    margin-right: .08rem;
}

.details-types-nav-item.act {
    color: #111;
    border-bottom: .04rem solid #ff6700;
}

.details-types-nav-item.act i {
    color: #111;
}

.details-types-con .vhtml {
    font-size: .28rem;
    width: 100%;
    padding: .2rem;
    box-sizing:border-box;
}

.details-types-con .vhtml img {
    vertical-align: top;
    height: auto;
    width: 100%;
}

.details-types-con-video {
    width: 100%;
    height: 3.94rem;
    margin-bottom: .2rem;
}

.BdFalseDetailVideo {
    display: block;
    width: 100%;
    height: 3.94rem;
    background-color: #000;
    position: relative;
}

.BdFalseDetailVideo-img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.BdFalseDetailVideo::after {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    background: url(../images/video-play.png) no-repeat;
    background-size: 1.4rem 1.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.details-types-con .vattr {
    font-size: .28rem;
    padding: 0 .25rem;
    height: .9rem;
    line-height: .9rem;
}

.details-types-con .vattr-title {
    width: 2rem;
    margin-right: .3rem;
    color: #999;
}

.details-types-con .vattr-con {
    color: #555;
}

.details-tuijian {
    background: #fff;
    margin-top: .2rem;
}

.details-tuijian .swiper-pagination1 {
    text-align: center;
}

.details-tuijian .swiper-pagination-bullet {
    width: 18px;
    height: 4px;
    display: inline-block;
    border-radius: 2px;
    background: #000;
    opacity: .2;
}

.details-tuijian .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff6700 !important;
}

.details-tuijian .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 4px;
    left: 0;
    width: 100%;
    position: relative;
}

.details-tuijian-box {
    padding: .25rem .25rem 0;
}

.details-tuijian-box-item {
    width: 2.2rem;
    margin-bottom: .2rem;
    margin-right: .2rem;
}

.details-tuijian-box-item-pic {
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: .16rem;
}

.details-tuijian-box-item-name {
    font-size: .24rem;
    height: .6rem;
    line-height: .3rem;
    color: #666;
    margin: .1rem 0 0 0;
    overflow: hidden;
    word-break: break-all;
}

.details-tuijian-box-item-price {
    font-size: .2rem;
    color: #000;
    line-height: 1;
    margin-top: .02rem;
}

.details-tuijian-box-item-price span {
    font-size: .26rem;
    margin-left: .05rem;
}

.details-tuijian-box-item:nth-child(3n) {
    margin-right: 0;
}

.details-foot-title {
    height: .9rem;
    line-height: .9rem;
    color: #999;
}

.details-foot-title i {
    margin-right: .08rem;
    font-size: .28rem;
}

.details-foot-title span {
    font-size: .24rem;
}

.details-more {
    background: #fff;
    margin: .2rem 0;
}

.details-more-box {
    padding: .25rem .25rem .05rem;
}

.details-more-box-item {
    display: block;
    font-size: .22rem;
    width: 2.2rem;
    height: .66rem;
    line-height: .66rem;
    margin-bottom: .2rem;
    padding: 0 .2rem;
    color: #555;
    background: #f7f8f9;
    border-radius: .1rem;
    text-align: center;
    overflow: hidden;
}

.details-foot {
    width: 100%;
    height: 1.08rem;
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 2;
    padding: .12rem .2rem 0 .2rem;
    box-sizing: border-box;
}

.details-foot-box {
    padding: .14rem .14rem .14rem 0;
}

.details-foot-item {
    width: 1.2rem;
    text-align: center;
    padding-top: .06rem;
}

.details-foot-item-icon {
    line-height: 1;
    margin-bottom: .06rem;
}

.details-foot-item-icon i {
    font-size: .36rem;
    color: #666;
}

.details-foot-item-icon img {
    display: block;
    width: .42rem;
    height: .42rem;
    margin: .04rem auto;
}

.details-foot-item-name {
    font-size: .2rem;
    color: #666;
}



.kefu_v16 { float:left; width:1rem; height:1rem;display:block; text-align:center;}
.kefu_v16:before {
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    background: url(../images/2020721142.png) no-repeat center;
    margin: 0 auto;
    background-size: .42rem;}
.kefu_v16 a { display:block; text-align:center;}


.details-foot-item-name_v16:before {
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    background: url(../images/2020721059.png) no-repeat center;
    margin: 0 auto;
    background-size: .4rem;}

.details-foot-item-name_v17:before {
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    background: url(../images/2020721041.png) no-repeat center;
    margin: 0 auto;
    background-size: .42rem;}

.details-foot-btn {
    font-size: .28rem;
    width: 48%;
    height: .8rem;
    line-height: .8rem;
    border: 0;
    color: #fff;
    text-align: center;
    border-radius: .1rem;
}

.details-foot-btn:first-child {
    
    background: -webkit-gradient(linear, left top, right top, from(#f6cc45), to(#f09938));
    background: -o-linear-gradient(left, #f6cc45, #f09938);
    background: linear-gradient(to right, #f6cc45, #f09938);
}

.details-foot-btn:last-child {
   
    background: -webkit-gradient(linear, left top, right top, from(#ed7e31), to(#eb5829));
    background: -o-linear-gradient(left, #ed7e31, #eb5829);
    background: linear-gradient(to right, #ed7e31, #eb5829);
}

/* 询价弹窗 */
.details-popup {

    bottom: -8.5rem;
    transition: bottom 0.3s linear 0s;
    -webkit-transition: bottom 0.3s linear 0s;
    -moz-transition: bottom 0.3s linear 0s;
    -ms-transition: bottom 0.3s linear 0s;
    -o-transition: bottom 0.3s linear 0s;
}

.details-popup-totop {
    bottom: 0;
}

/* @keyframes myfirst
{
from {bottom:-8.5rem;}
to {bottom:0;}
}

@-moz-keyframes myfirst 
{
    from {bottom:-8.5rem;}
    to {bottom:0;}
}

@-webkit-keyframes myfirst 
{
    from {bottom:-8.5rem;}
    to {bottom:0;}
}

@-o-keyframes myfirst 
{
    from {bottom:-8.5rem;}
    to {bottom:0;}
} */
.van-popup--bottom {
    width: 100%;
    top: auto;
    right: auto;
}

.van-popup {
    position: fixed;
    max-height: 100%;
}

.details-flow {
    height: 8.5rem;
    background: #fff;
    width: 100%;
}

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: bottom .5s;
    -o-transition: bottom .5s;
    transition: bottom .5s;
}

.fade-enter,
.fade-leave-active {
    bottom: -10rem;
}

.details-flow-head {
    height: 2rem;
    position: relative;
}

.details-flow-head .avatar {
	box-sizing: border-box;
    width: 2rem;
    height: 2rem;
    border-radius: .08rem;
    padding: .06rem;
    position: absolute;
    top: -.3rem;
    left: .3rem;
    background: #fff;
    -webkit-box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.details-flow-head .avatar img {
    display: block;
    width: 1.88rem;
    height: 1.88rem;
}

.details-flow-head p {
    width: 6.7rem;
    padding-left: 2.5rem;
}

.details-flow-head .title {
    font-size: .28rem;
    height: .9rem;
    padding-top: .2rem;
    box-sizing: border-box;
}

.details-flow-head .price {
    font-size: .28rem;
    color: #ff4040;
    margin-top: .1rem;
}

.details-flow-head .price .mun {
    font-size: .4rem;
}

.details-flow-head .price .facemun {
    font-size: .34rem;
}

.details-flow-head .close {
    width: .84rem;
    height: .84rem;
    background: url('../images/2020721120.png') no-repeat center center;
    background-size: .24rem .24rem;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.details-flow-body {
    border-top: 1px solid #f5f5f5;
}

.details-flow-body-title {
    height: .88rem;
    background: #eee;
    overflow: hidden;
    padding: 0 1rem;
}

.details-flow-body-title div {
    height: .88rem;
    line-height: .88rem;
    font-size: .3rem;
}

.details-flow-body-main {
    padding: 0 .3rem;
    overflow-y: scroll;
    /* ios需要下面这个属性 */
    -webkit-overflow-scrolling: touch;
    max-height: 6.12rem;
}

.details-flow-body-main-list {
    height: 0.7rem;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
    padding: 0 .7rem;
}

.details-flow-body-main-list .L {
    height: 1.2rem;
    font-size: .28rem;
    color: #555;
}

.details-flow-body-main-list .R {
    height: 1.2rem;
    font-size: .28rem;
    text-align: right;
    padding-top: .16rem;
}

.details-flow-body-main-list .R p:first-child {
    color: #ff3333;
    font-size: .2rem;
}

.details-flow-body-main-list .R p:first-child span {
    font-size: .32rem;
}

.details-flow-body-main-list .R p:last-child {
    color: #999;
}

.details-flow-body-stitle {
    height: .88rem;
    background: #eee;
    overflow: hidden;
}

.details-flow-body-stitle div {
    line-height: .88rem;
    font-size: .3rem;
}

.details-flow-body-stitle .L {
    width: 2.2rem;
    padding-left: .6rem;
    text-align: left;
}

.details-flow-body-stitle .M {
    width: 2.2rem;
    padding: 0 0 0 .3rem;
    text-align: center;
}

.details-flow-body-stitle .R {
    width: 3.1rem;
    padding-right: .6rem;
    text-align: right;
}

.details-flow-body-smain {
    overflow-y: scroll;
    /* ios需要下面这个属性 */
    -webkit-overflow-scrolling: touch;
    height: 4.7rem;
}

.details-flow-body-smain .cf-list-nav1 {
    width: 2.2rem;
    background-color: #f9f9f9;
    overflow-y: auto;
}

.details-flow-body-smain .cf-list-nav1 li {
    color: #777;
    height: 1.2rem;
    padding-left: .6rem;
    text-align: left;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    font-size: .28rem;
    position: relative;
}

.details-flow-body-smain .cf-list-nav1 .type-active {
    color: #ff6700;
    background-color: #fff;
}

.details-flow-body-smain .cf-list-nav1 .type-active::before {
    content: "";
    width: .06rem;
    height: .24rem;
    border-radius: .03rem;
    background: #ff6700;
    position: absolute;
    left: .3rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.details-flow-body-smain .cf-list-navright {
    overflow-y: auto;
}

.details-flow-body-smain .cf-list-nav2 {
    width: 1.9rem;
    margin-left: .3rem;
    background-color: #fff;
}

.details-flow-body-smain .cf-list-nav2 li {
    font-size: .28rem;
    color: #777;
    height: 1.2rem;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.details-flow-body-smain .cf-list-nav3 {
    width: 2.8rem;
    margin-right: .3rem;
    background-color: #fff;
}

.details-flow-body-smain .cf-list-nav3 li {
    color: #777;
    height: 1.2rem;
    padding: .12rem .3rem 0;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    text-align: right;
}

.details-flow-body-smain .cf-list-nav3 li p:first-child {
    font-size: .2rem;
    color: #ff3333;
}

.details-flow-body-smain .cf-list-nav3 li p:first-child span {
    font-size: .32rem;
}

.details-flow-body-smain .cf-list-nav3 li p:last-child {
    font-size: .24rem;
    color: #999;
}

.details-flow-body .fn {
    padding: 0 .3rem;
}

.details-flow-body .fn .L {
    width: 1.4rem;
    margin-right: .16rem;
    text-align: left;
    display: block;
    text-align: right;
}

.details-flow-body .fn .L span {
    font-size: .28rem;
}

.details-flow-body .fn .L-l {
    color: #ff4040;
}

.details-flow-body .fn1 {
    margin-top: .5rem;
    height: .7rem;
    line-height: .7rem;
}

.details-flow-body .fn1 .R .van-stepper__input {
    width: 3.7rem;
    height: .66rem;
    margin: 0 .08rem;
    line-height: .3rem;
}

.details-flow-body .fn1 .R .van-stepper__minus,
.details-flow-body .fn1 .R .van-stepper__plus {
    width: .7rem;
    height: .7rem;
    margin: 0;
}

.details-flow-body .fn2 {
    margin-top: .4rem;
    height: .72rem;
    line-height: .72rem;
}

.details-flow-body .fn2 .R input {
    border: 1px solid #e5e5e5;
    border-radius: .1rem;
    height: .72rem;
    padding-left: .2rem;
    -webkit-transition: border-color .1s linear;
    -o-transition: border-color .1s linear;
    transition: border-color .1s linear;
    line-height: .3rem;
}

.details-flow-body .fn2 .R input.active {
    border-color: #ff4040;
    background-color: #fff2f2;
}

.details-flow-body .fn2 .R .name {
    width: 1.6rem;
    margin-right: .2rem;
    box-sizing: border-box;
}

.details-flow-body .fn2 .R .phone {
    width: 3.6rem;
    box-sizing: border-box;
}

.details-flow-body .fn3 {
    margin-top: .4rem; margin-bottom:.2rem;
}

.details-flow-body .fn3 .R textarea {
    width: 4.9rem;
    height: 2.2rem;
    line-height: 1.5;
    border: 1px solid #e5e5e5;
    border-radius: .1rem;
    padding: .16rem .2rem;
}

.details-flow-body .suc img {
    width: 1.72rem;
    height: 1.9rem;
    display: block;
    margin: 2rem auto .5rem;
}

.details-flow-body .suc p {
    text-align: center;
    font-size: .32rem;
}

.details-flow-foot {
    height: 1rem;
    width: 100%;
    background: #fff;
    border-top: 1px solid #f5f5f5;
    position: absolute;
    bottom: 0;
}

.details-flow-foot div {
    font-size: .28rem;
    width: 3.6rem;
    height: .78rem;
    background: #ccc;
    color: #fff;
    line-height: .78rem;
    text-align: center;
    margin-top: .1rem;
}

.details-flow-foot .tel {
    background: -webkit-gradient(linear, left top, right top, from(#ffb300), to(#ff9600));
    background: -o-linear-gradient(left, #ffb300, #ff9600);
    background: linear-gradient(to right, #ffb300, #ff9600);
    border-radius: .12rem .03rem .03rem .12rem;
    margin-right: .05rem;
}

.details-flow-foot .xun {
    background: -webkit-gradient(linear, left top, right top, from(#ff9600), to(#ff5c00));
    background: -o-linear-gradient(left, #ff9600, #ff5c00);
    background: linear-gradient(to right, #ff9600, #ff5c00);
    border-radius: .03rem .12rem .12rem .03rem;
    margin-left: .05rem;
}

.details-flow-foot .query {
    width: 7.3rem;
    height: .78rem;
    color: #fff;
    line-height: .58rem;
    padding: .1rem;
    border-radius: .12rem;
    background: -webkit-gradient(linear, left top, right top, from(#ffb300), to(#ff5c00));
    background: -o-linear-gradient(left, #ffb300, #ff5c00);
    background: linear-gradient(to right, #ffb300, #ff5c00);
}

/* 记述器 */
.van-stepper {
    font-size: 0
}

.van-stepper__minus,
.van-stepper__plus {
    width: .7rem;
    height: .7rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f2f3f5;
    border: 0;
    position: relative;
    padding: .1rem;
    vertical-align: middle
}

.van-stepper__minus::before,
.van-stepper__plus::before {
    width: .18rem;
    height: 1px
}

.van-stepper__minus::after,
.van-stepper__plus::after {
    width: 1px;
    height: .18rem
}

.van-stepper__minus::after,
.van-stepper__minus::before,
.van-stepper__plus::after,
.van-stepper__plus::before {
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #6c6c6c
}

.van-stepper__minus {
    border-radius: 0.08rem 0 0 0.08rem;
    -webkit-border-radius: 0.08rem 0 0 0.08rem;
    -moz-border-radius: 0.08rem 0 0 0.08rem;
    -ms-border-radius: 0.08rem 0 0 0.08rem;
    -o-border-radius: 0.08rem 0 0 0.08rem;
}

.van-stepper__minus::after {
    display: none
}

.van-stepper__plus {
    border-radius: 0 0.08rem 0.08rem 0;
    -webkit-border-radius: 0 0.08rem 0.08rem 0;
    -moz-border-radius: 0 0.08rem 0.08rem 0;
    -ms-border-radius: 0 0.08rem 0.08rem 0;
    -o-border-radius: 0 0.08rem 0.08rem 0;
}

.van-stepper__input {
    width: 3.8rem;
    height: .66rem;
    margin: 0 0.08rem;
    line-height: 0.3rem;
    padding: 1px;
    border: 0;
    border-width: 1px 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #666;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    -webkit-appearance: none;
    background-color: #f2f3f5;
}

.van-stepper input[type=number]::-webkit-inner-spin-button,
.van-stepper input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.van-stepper__minus--disabled {
    background-color: #f7f8fa;
}


/* 大图详情 */
.details-pic-head ul li {
    height: .9rem;
    font-size: .28rem;
}

.details-pic-head ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: .9rem;
}

.details-pic-head ul li .icon-xy-dingwei {
    font-size: .24rem;
    margin-right: .06rem;
    display: none;
}

.details-mytitle {
    background: #fff;
    padding: .3rem;
}

.details-mytitle-name {
    font-size: .32rem;
    margin-bottom: .3rem;
}

.details-mytitle-btnbox {
    padding-bottom: .1rem;
}

.details-mytitle-btn {
    font-size: .3rem;
    width: 3.3rem;
    height: .88rem;
    line-height: .88rem;
    border-radius: .12rem;
    -webkit-box-shadow: 0 0 0.15rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.15rem 0 rgba(0, 0, 0, 0.1);
}

.details-mytitle-btn i {
    font-size: .32rem;
    color: #ff6700;
    margin-right: .12rem;
}

.details-myneirong {
    background: #fff;
    padding: .3rem;
    margin-top: .2rem;
    font-size: .28rem;
}

.details-myneirong span {
    color: #ff4040;
}

textarea {
    width: 400px;
    height: 300px;
    font-size: 12px;
}

/* 询价input蒙层 */
.m-input {
    position: absolute;
    border-radius: .1rem;
    height: .72rem;
    padding-left: .2rem;
}

.input-l {
    width: 2rem;
    margin-right: .2rem;
}

.input-r {
    width: 2.8rem;
    right: .3rem;
}

.input-t {
    width: 5.4rem;
    height: 2.4rem;
}

.details-types-con-item img{max-width:100%;height:auto !important; display:block;margin:0px auto}



.swiper-wrapper b {position:absolute;z-index:6;display:block;width:84px;height:26px;background: url('img/video-intro.png') no-repeat center center;left:10%;margin:90% 0 0 -28px;border-radius:1%;opacity:0.8;filter:alpha(opacity=80);cursor:pointer;}
.swiper-wrapper p {position:absolute;z-index:7;width:100%;background:#000000;text-align:center;margin:0;padding:0;display:none;}
.swiper-wrapper i {position:absolute;z-index:8;display:block;width:24px;height:24px;background:#000000 url('img/icon-close.png') no-repeat center center;background-size:16px 16px;border-radius:50%;font-size:10px;padding:0;right:0;margin:10px 10px 0 0;opacity:0.8;filter:alpha(opacity=80);display:none;}
    





*{margin:0;padding:0;}
.t_tt {width:100%;overflow:hidden}
.t_1 {font-weight:bold; text-align:center}
.t_2 {width:90%;overflow:hidden;margin:0 5%}
.t_3 {margin:30px 5% 30px;color:white;font-size:30px; text-align:center; border:none;width:90%; height:56px;background: rgb(208, 2, 27);-webkit-appearance: none; border-radius: 0;-moz-border-radius: 5px;-webkit-border-radius: 10px;border-radius:5px;line-height:56px;font-weight:bold;}
.t_f_l {float: left;display:inline;margin:20px 10px 0 0;size: 18px;}
.t_f_l strong{color:red;font-weight:bold;}
.imitate-input{margin:10px 0 0 10px;height: 36px;border: 1px solid dodgerblue;border-radius: 3px;padding: 3px 10px;size: 16px;line-height: 36px;outline: none;color: #000;overflow:hidden}
.imitate-placeholder{color: #999;}
.imitate-input:empty::before {content: attr(placeholder);}		
.imitate-input input{width:100%;height:36px;line-height:36px;font-size:16px;border:none;}
.imitate-input input:empty::before {content: attr(placeholder);}


.details-flow-body .fn2 .R .icompany {
    width: 5.4rem;
    box-sizing: border-box;
}



.details-flow-body .fn .L1 {
    margin-right: .16rem;
    text-align: left;
    display: block;
    text-align: right;
}
.btn-red{
width: 3.3rem;
text-align: center;
font-weight: bold;
color: #fff;
text-shadow:1px 1px 1px #fff;
border-radius: 5px;
position: relative;
overflow: hidden;    
border:1px solid #b42323;
box-shadow: 0 1px 2px #e99494 inset,0 -1px 0 #954b4b inset,0 -2px 3px #e99494 inset;
background: -webkit-linear-gradient(top,#d53939,#b92929);
background: -moz-linear-gradient(top,#d53939,#b92929);
background: linear-gradient(top,#d53939,#b92929);}
.btn-red a{font-size:15px;color: #fff;}
.popp-ok { width:100%;
    font-size:.38rem;
    height: .78rem;
    color: #fff;
    border-radius: .12rem;
    background: -webkit-gradient(linear, left top, right top, from(#ffb300), to(#ff5c00));
    background: -o-linear-gradient(left, #ffb300, #ff5c00);
    background: linear-gradient(to right, #ffb300, #ff5c00);}


.text-list-hy {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 14px;
    margin-top: 10px;
    padding: 0 15px;
}
.text-list-hy a {color: #5cb85c;}   



.btn-animate {
  animation: btn-animate 3s infinite;
}

@-moz-keyframes btn-animate {
  0% {
    transform: scale(1);
  }
  8% {
    transform: scale(1.05);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.05);
  }
  75% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}

@-webkit-keyframes btn-animate {
  0% {
    transform: scale(1);
  }
  8% {
    transform: scale(1.05);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.05);
  }
  75% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}

@-o-keyframes btn-animate {
  0% {
    transform: scale(1);
  }
  8% {
    transform: scale(1.05);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.05);
  }
  75% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}

@keyframes btn-animate {
  0% {
    transform: scale(1);
  }
  8% {
    transform: scale(1.05);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.05);
  }
  75% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}    


.kfside {
    position: fixed;
    right: .2rem;
    bottom: 1.5rem;
    width: 1.2rem;
    height: 3.4rem;
    z-index: 2;
} 
.kfside img { width: 100%;}