body{background: #F2F3F5}
.clear{clear:both;}
/*   预约成功弹框样式*/
.weui-dialog.weui-dialog--visible, .weui-dialog.weui-toast--visible, .weui-toast.weui-dialog--visible, .weui-toast.weui-toast--visible{border-radius: 0.8rem;}
.weui-dialog__title{color: #0D0D0D;font-size: 20px;font-weight: bold;}
.weui-dialog__bd{padding: 1rem 1rem;line-height: 1.5rem;color: #5F5F5F;}
.weui-dialog__ft:after{border:none !important;}
.weui-dialog__ft{width: 8rem;height: 1.5rem;background: #FFAD2C;line-height: 1.3rem;border-radius: 1rem;font-size: 16px;letter-spacing: 5px;margin: 0 auto 1rem;}
.weui-dialog__ft a{line-height: 1.5rem;color: #fff!important;}

.weui-uploader__input-box a{width: 100%;height: 100%;display: block;}

/*预约客户*/
.content{width: 100%; padding-top: 2.5rem;}
.content ul{width: 100%;margin: 0 auto;}
.content ul li{background: #fff;/*border-radius: 0.5rem;*/padding: 0.5rem 1rem 1rem 1rem;margin: 0.5rem auto;  position: relative;}
.content ul li p:first-child{font-size: 0.7rem;padding: 0.3rem 0}
.content ul li .goods{padding-top: 0.4rem;border-top: 1px solid #EBEBEB}
.content ul li .img{width: 3.5rem;height: 3.5rem;border-radius: 0.5rem;float: left;margin-right: 0.4rem}
.content ul li .title{color: #000;font-size: 0.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content ul li .title span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: auto;display: block;float: left;}
.content ul li .date{font-size: 0.5rem;color: #BCBCBC}



.content ul li .label{font-size: 0.55rem}
.content .date{ position: absolute; right: 0rem; bottom:calc( 50% - .6rem); }

.content .weui-navbar{background:#ffffff;margin-top:10px;}
.content .weui-navbar__item:after{border:0;}
.content .weui-navbar:after{border-bottom:0;}
.content .weui-navbar__item{color:#000000; font-size: 0.8rem;padding: 0.4rem 0!important;}
.content .weui-navbar__item a{width: 100%;display: block;}

/*商家注册*/
.regist{width: 100%;background: #fff;padding-top: 2.5rem;}
.regist .logo{width: 100%;margin: 0.4rem auto;height: 3.5rem;display: block}
.regist .logo .uplogo{width: 2rem;height: 2rem;opacity: 0;position: absolute;bottom:0;right:0;margin: 0 auto;display: block;z-index: 2;}
.regist #logos{width: 3.5rem;height: 3.5rem;border-radius: 50%;margin: 0 auto;display: block;position: relative;}
.regist .logo #logos:after{content:'';position: absolute;bottom:0;right:0;background: url(/m/static/images/camera.png) no-repeat 50%;background-size: cover;width: 1rem;height: 1rem;}
.regist .weui-cells_form{width: 100%;margin: 1rem auto;}
.regist .weui-label{color: #000;}

.regist .auth{font-size: 0.6rem;border:1px solid #EE7F35;color: #EE7F35;padding: 0.1rem 0.2rem;border-radius: 0.3rem;position: absolute;right: 0.5rem;top: 0.4rem;}
.regist .tips{color: #999;font-size: 0.6rem;padding: 10px 15px 30px;}

.regist .yyzz{width: 7rem;height: 4rem;opacity: 1;position: relative;border: 1px solid #F2F2F2;border-radius: 0.3rem;}
.regist .yyzz:after{content:'';position: absolute;top:0;left:0;background: url(/m/static/images/icon_yyzz.png) no-repeat 50%;background-size: cover;width: 7rem;height: 4rem;}
.regist #yyzzs li{width: 7rem!important;height: 4rem!important;border-radius: 0.3rem;}

/*案例发布*/
.release{padding-top: 2.5rem}
.release .weui-label{color: #000;font-weight: bold;}
.release .weui-cells_form{width: 100%;margin:0.6rem auto;padding: 0.5rem 0}
.release .weui-cell:before{left: 0!important;}
.release .weui-uploader__info{font-size: 0.5rem}
.weui-textarea{width: 95%;margin: 0 auto;background: #F7F7F7;border-radius: 0.5rem;}
.release .weui-btn:after{border: 0!important;}
.release .weui-uploader__file{position: relative;}
.release .weui-uploader__file i{color: red;position: absolute;top: 0;right: 0;}

/*商家中心*/
.shop .bghead .headimg{width: 100%;display: block;padding-top: 1.6rem}
.shop .headimg img{width: 3.5rem;height: 3.5rem;border-radius: 50%;display: block;margin: 0 auto;}
.shop .headimg p{width: 100%;text-align: center;display: inline-block;color: #fff}
.shop .headimg p:nth-child(2){font-weight: bold;font-size: 1rem;padding-top: 0.4rem;}
.shop .headmenu{width: 95%;margin: -.5rem auto;border-radius: 1rem;background: #fff}
.shop .headmenu a{width: 33%;float: left;text-align: center;margin: 0.75rem auto;color: #9D9194;border-right: 1px solid #eaeaea; font-size: 0.7rem !important;}
.shop .headmenu a p{font-size: 1.2rem !important;}
.shop .headmenu a:nth-child(3){border-right: 0px!important;}

.shop .headmenu i{font-size: 25px}
.shop .menuli{width: 90%;margin: .3rem auto 1.2rem auto;padding: 0.6rem;border-radius: 0.8rem;background: #fff;box-shadow:2px 2px 5px #eaeaea;}
.shop .weui-panel__bd{padding:0 0.6rem}
.shop .weui-cell__hd i{font-size: 25px;margin-right: 0.8rem}
.shop .weui-cell__bd p{font-size: 0.75rem;color: #7f7f7f}
.shop .iconjiudian{color: #FF0000}
.shop .iconkaibiao{color: #FFA932}
.shop .icondingdan{color: #4CB3FF}
.shop .iconlaibinanpai{color: #18DFCA}

/*vip*/
.Vip{width: 90%; margin: .9rem auto .5rem  auto;padding: 0.6rem; position: relative; border-radius: 0.8rem;  background-image: linear-gradient(to right, #FCDB8C , #FEF9E1);box-shadow:2px 2px 5px #eaeaea;}
.Vip .msg{ width:calc(100% - 4rem); }
.Vip span{  display: block; color: #4c4c4c; line-height: .75rem; font-size: .6rem; }
.Vip .btn{ width: 3.5rem; height: 1.3rem; line-height: 1.3rem; position: absolute; right: 0rem; top: calc(50% - .65rem); text-align: center; border-radius: .8rem; background: #FECC45; color: #000;  font-size: .65rem; }
/*用户中心*/
.user .bghead .headimg{width: 100%;display: block;padding-top: 2rem}
.user .headimg img{width: 3.5rem;height: 3.5rem;border-radius: 50%;display: block;margin: 0 auto;}
.user .headimg p{width: 100%;text-align: center;display: inline-block;color: #000}
.user .headimg p:nth-child(2){font-weight: bold;font-size: 1rem;padding-top: 0.6rem;}
.user .headmenu{width: 95%;margin: -.5rem auto; box-shadow:0px 0px 3px #e0e0e0;border-radius: 1rem;background: #fff}
.user .headmenu a{width: 49%;float: left;text-align: center;margin: 1rem auto;color: #302D2A}
.user .headmenu a:first-child{border-right: 1px solid #efefef}
.user .headmenu a p{margin-bottom: 0!important;}
.user .headmenu i{font-size: 1.6rem;}

.user .shopimg{width: 95%;margin: 1.5rem auto;height: 6rem;}
.user .shopimg img{width: 100%;height: 100%;border-radius: 0.5rem}

/*案例管理*/
.case{padding-top: 2.5rem;}
.case .weui-navbar{background:#ffffff;margin-top:10px;}
.case .weui-navbar__item:after{border:0;}
.case .weui-navbar:after{border-bottom:0;}
.case .weui-navbar__item{color:#000000; font-size: 0.8rem;padding: 0.4rem 0!important;}
.case .weui-cell__bd .img{width:85%;border-radius: 0.4rem;}
.case .weui-cell__ft{text-align: left;}
.case .weui-cell__ft .title{color:#0c0402; font-size: 0.95rem;}
.case .weui-cell__ft .tag span{padding:0.2rem; font-size: 0.75rem; color: #ca2f5e; line-height: 1.6rem;}
.case .weui-cell__ft .price{color:#fd1b32;text-align: right;font-size: 0.85rem;line-height: 2rem;}

.case .weui-media-box_appmsg .weui-media-box__hd{width:28%;height:28%;}
.case .weui-panel__bd .img{width: 4rem;height: 4rem;border-radius: 0.5rem;}
.case .weui-panel__bd .title{color:#0c0402;font-size: 0.8rem;}
.case .weui-panel__bd .tag { margin-top: 0.2rem;}
.case .weui-panel__bd .price{color:#fd1b32;text-align: right;font-size: 0.85rem;line-height: 2rem;}

.case .weui-media-box{padding: 0.4rem!important;}
.case .weui-media-box:after{border-bottom:1px solid #e3e3e3;}
.case .weui-panel__ft{color:#9d9d9d;padding: 0.5rem}
.case .weui-panel__ft .date{padding: 0.3rem 0.5rem 0;font-size: 0.6rem;}
.case .weui-panel__ft .btn{border:1px solid #b5b5b5;border-radius: 0.3rem; padding:0.1rem 0.8rem !important;float: right;margin-right: 0.3rem;line-height: 1rem;}
.case .weui-panel__ft .btn a{ color: #9d9d9d;font-size: 0.6rem}
.case .weui-panel__ft .fb{border:1px solid #ffb400;}
.case .weui-panel__ft .fb a{color: #ffb400;}
.case .caselist{margin-top:10px;}

/*案例详情*/
.casedetail .img-inner{height: 14rem;}
.casedetail .detail-box{width:90%;border-radius: 0.5rem;margin:-2rem auto 1rem;box-shadow: 2px 2px 3px #eaeaea;padding:1.1rem 0.5rem 0.6rem;position: relative;z-index: 1;background-color: #fff;}
.casedetail .detail-box .label{width: 100%; }
.casedetail .detail-box .de-font{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #21201B;font-weight: bold;}


.casedetail .price-con{margin-top:0.3rem;display: flex;justify-content: space-between;}
.casedetail .company-box{margin-top: -0.5rem;height: 4rem;display: flex;padding: 0.6rem 0.5rem;}
.casedetail .list-01 img{width:3.5rem;height: 3.5rem;border-radius: 0.5rem;}
.casedetail .list-03{flex-direction: column;display: flex;border-left: 1px solid #eaeaea;padding: 0.5rem 0 0.5rem 1rem;text-align: center;}
.casedetail .list-03 a img{width: 1rem;height: 1rem;margin: 0.5rem 1rem;display: block}
.casedetail .list-02{flex-direction: column;display: flex;margin-left: 0.3rem;width: 50%;}
.casedetail .list-02 span:nth-of-type(1){font-size: 0.8rem;font-weight: bold;color: #2F2F2F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 90%;}
.casedetail .list-02 span:nth-of-type(2){font-size: 0.6rem;margin: 0.2rem;}
.casedetail .introduce-box{width: 90%;border-radius: 0.5rem;margin: -0.5rem auto 1rem;box-shadow: 2px 2px 3px #eaeaea;padding: 1.1rem 0.5rem 1.1rem;position: relative;background-color: #fff;}
.casedetail .introduce-box .in-title{font-weight: bold;font-size: 0.9rem;color: #0A0B0C;}
.casedetail .introduce-box .item-font{font-size: 0.65rem;margin-top:0.4rem;}
.casedetail .img-box{width: calc( 90% + 1rem );margin: 0 auto;color:#000;padding-bottom: 3rem;}
.casedetail .img-box .img-title{ font-size: 0.9rem; font-weight: bold; color: #0A0B0C; text-indent: 0.5rem; margin: 0.5rem 0;}
.casedetail .img-box img{border-radius: 0.5rem;margin: 0.3rem auto;  }
.casedetail .fixbtn{position: fixed;bottom: 0;left: 0;width: 100%; background: #fff; border-top: 1px #f1f1f1 solid; padding: .8rem 0;margin: 0 auto;z-index: 1}
.casedetail .fixbtn span{text-align: center;display: inline-block;float: left;color: #fff;padding: 0.3rem 0rem;width: 40%;}

.casedetail .product-box{background: #fff;height: 2.5rem;width:90%; padding: 0 0.5rem; margin: -0.5rem auto 1rem;border-radius: 0.5rem;line-height: 2.5rem;box-shadow: 2px 2px 3px #eaeaea;}
.casedetail .product-box i{line-height: 2.5rem;font-size: 1rem;color: #FBA134;margin:0 0.3rem auto 0.3rem;}
.casedetail .product-box span{line-height: 2.5rem;height: 2.5rem;display: inline-block;float: left;color: #000;}
.casedetail .product-box span img{width: 1.5rem;height: 1.5rem;border-radius: 50%;margin: 0.5rem auto auto -0.4rem;}
.casedetail .product-box span a{font-size: 0.6rem;color: #8A8A8A;}
.casedetail .product-box span:nth-child(3){float: right;margin-right: 0.5rem;}
.casedetail .product-box span:nth-child(4){float: right;margin-right: 0.5rem;}

/*商家详情*/
.shopdetail .img-inner{height: 14rem;}
.shopdetail .detail-box{position:relative;width:90%;height: 4rem;border-radius: 0.5rem;margin:-2rem auto 0.3rem;box-shadow: 2px 2px 3px #eaeaea;padding:1.1rem 0.5rem 0.6rem;position: relative;z-index: 1;background-color: #fff;}
.shopdetail .detail-box p{color: #2F2F2F;font-size: 0.65rem;padding: 0.1rem 0}
.shopdetail .detail-box .de-font{ font-size: 1rem; position: relative; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #21201B;font-weight: bold;}
.shopdetail .yuyuebtn{ position: absolute; top: 1rem; right: 0.5rem;}
.shopdetail .yuyuebtn label{bottom: 0.5rem;right: 0.8rem; margin-top: 0.5rem; text-align: center; font-size: 0.6rem; display: block; color: #b1b1b1;}

/*.shopdetail .price-con{margin-top:0.3rem;display: flex;justify-content: space-between;}*/
.shopdetail .price-con{margin-top:0.3rem;text-align: left;}

.shopdetail .list-01 img{width:4rem;height: 100%;border-radius: 0.3rem;}
.shopdetail .list-03{flex-direction: column;display: flex;padding: 0.5rem;text-align: center;}
.shopdetail .list-03 img{width: 1rem;height: 1rem;margin: 0.5rem 0 auto 1rem;}
.shopdetail .list-03 span{font-size: 0.5rem;margin-top: 0.3rem;}
.shopdetail .list-02{flex-direction: column;display: flex;margin-left: 0.3rem;width: 50%;}
.shopdetail .list-02 span:nth-of-type(1){font-size: 0.8rem;font-weight: bold;color: #2F2F2F;overflow: hidden;text-overflow: ellipsis;display: inline-block;width:100%;white-space:nowrap;line-height: 1.7rem;}
.shopdetail .list-02 span:nth-of-type(2){font-size: 0.6rem;margin: 0.2rem;}
.shopdetail .introduce-box{width: 90%;border-radius: 0.5rem;margin: 0.5rem auto 1rem;box-shadow: 2px 2px 3px #eaeaea;padding: 1.1rem 0.5rem 1.1rem;position: relative;background-color: #fff;}
.shopdetail .introduce-box .in-title{font-weight: bold;font-size: 0.9rem;color: #0A0B0C;  display: block; text-indent: 0.5rem; width: 4.45rem; background: url("../images/dian.png") no-repeat top right; background-size: 0.7rem; height: 1.4rem; line-height: 1.4rem;}
.shopdetail .introduce-box .item-font{font-size: 0.65rem;margin-top:0.4rem; padding: 0 0.5rem;}

.shopdetail .fixbtn{position: fixed;bottom: 0;left: 0;width: 100%; background: #fff; border-top: 1px #f1f1f1 solid; padding: .8rem 0;margin: 0 auto;z-index: 1}
.shopdetail .fixbtn span{text-align: center;display: inline-block;float: left;color: #fff;padding: 0.3rem 0rem;width: 40%;}



.shopdetail .product-box{background: #fff;height: 2.5rem;width:90%; padding: 0 0.5rem; margin: 0 auto 0.5rem;border-radius: 0.5rem;line-height: 2.5rem;}
.shopdetail .product-box i{line-height: 2.5rem;font-size: 1rem;color: #FBA134;margin:0 0.3rem auto 0.3rem;}

.shopdetail .product-box span img{width: 1.5rem;height: 1.5rem;border-radius: 50%;margin: 0.5rem auto auto -0.4rem;}
.shopdetail .product-box span a{font-size: 0.6rem;color: #8A8A8A;}
.shopdetail .product-box span:nth-child(3){float: right;margin-right: 0.5rem;}
.shopdetail .product-box span:nth-child(4){float: right;margin-right: 0.5rem;}

.shopdetail .gift-box{width: 90%;border-radius: 0.5rem;margin: 0.5rem auto 0.5rem;box-shadow: 2px 2px 3px #eaeaea;padding: 0.2rem 0.5rem;position: relative;background-color: #fff;}
.shopdetail .gift-box .in-title{ text-indent: 0.5rem; font-weight: bold;font-size: 0.9rem;color: #0A0B0C;}
.shopdetail .gift-box .item-font{font-size: 0.65rem;margin-top:0.4rem;}
.shopdetail .gift-box .list{position: relative;padding: 0.5rem 0;}
.shopdetail .gift-box .list:first-child{border-bottom: 1px solid #f2f2f2}
.shopdetail .gift-box .list p:nth-child(2){ padding-left: 0.5rem; font-size: 0.7rem; color: #939393; transition: height 0.7s;  width: 95%; overflow: hidden; }
.shopdetail .gift-box a{background: #f5f5f5; display: block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 50%; text-align: center; position: absolute;top: 0.3rem;right: 0.5rem;}
.shopdetail .gift-box a i{ color: #999;font-size: 0.8rem;}
.shopdetail .introduce-box .in-content { overflow: hidden; transition: height 0.7s; margin-bottom: 0.3rem; font-size: 0.7rem; color: #939393; }
.shopdetail .introduce-box a{background: #f5f5f5; display: block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 50%; text-align: center; position: absolute;top: 0.8rem;right: 1rem;}
.shopdetail .introduce-box a i{ color: #999;font-size: 0.8rem;}

.shopdetail .case-box{width: 90%;border-radius: 0.5rem;margin: 0.5rem auto 4.5rem;box-shadow: 2px 2px 3px #eaeaea;padding: 1.1rem 0.5rem 0.8rem;position: relative;background-color: #fff;}
.shopdetail .case-box label{font-weight: bold;font-size: 0.9rem;color: #0A0B0C; float: left;  display: block; text-indent: 0.5rem; width: 4.45rem; background: url("../images/dian.png") no-repeat top right; background-size: 0.7rem; height: 1.4rem; line-height: 1.4rem;}
.shopdetail .case-box a{font-size: 0.6rem;color: #8A8A8A;float: right; margin-top: 0.3rem; margin-right: 0.5rem;}
.shopdetail .case-box .case-list{height: 4rem;display: flex;padding: 0.5rem 0.5rem 0.3rem;background: #fff;border: 1px solid #f2f2f2;border-radius: 0.5rem;margin-bottom: 0.8rem;}
.vvb-box{
    position: absolute;
    top: 11.3rem;
    left: 33%;
    z-index: 2;
    width: 39%;
}
.three-btn-box{
    display: flex;
    /*justify-content: space-between;*/
    text-align: center;
}
.banner-btn{
    border-radius: 10px;
    text-align: center;
    color: #000;
    line-height: 1.1rem;
    margin: 0 3px;
    width: 2rem;
    height: 1.1rem;
    border: none;
    background: #fff;
    font-size: 12px;
    -webkit-appearance: none;
}
.activebg{
    background: #FD2138;
    color: #fff!important;
}
.player-video-box{
    width:100%;
    /*background: #000;*/
    display: none;
    margin: 0.5rem 0 0 0;
}
.video-inner{
    width:100%;
    height: 14rem;
    object-fit: fill;
}
.bofang-icon{
    font-size: 40px;
    color: #fff9ec;
    position: absolute;
    z-index: 5;
    top:6rem;
    left: 45%;
    display: none;
}