body{ background: #fff; max-width:640px; min-height:100%; height:auto;line-height: 1.25;}
*{outline:none;box-sizing: border-box;}
.picker-modal-inner{touch-action: pan-y;}



.webmap{display: flex;padding-right: 0;padding-top: 0;}
.webmap .webmap_l{flex: 1; overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;display: flex;align-items: center;}
.webmap .webmap_r{width: 1.2rem; text-align: right;}
.likeIn{display: flex; align-items: right;font-size: 0.24rem !important; justify-content: center; }
.likeIn i{font-size: 0.28rem; color: #999; vertical-align: bottom; margin-right: 0.05rem;}
.likeIn.on i{color: #3191f5;}
.common{ background-color: #fff; padding: 0.26rem;}
.step img{ width: 100%;}

.order .mb_detail_top{display: flex;}
.order .l_img{ width: 1.66rem; cursor: pointer;-webkit-tap-highlight-color:transparent;}
.order .l_img a{display: inline-block; position: relative;}
.order .l_img a p{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; font-size: 0.24rem; color: #fff; 
    background-color: rgba(0, 0, 0, 0.3); display: flex; align-items: center; flex-direction: column;border-radius: 0.1rem; justify-content: center;}
.order .l_img a p i{font-size: 0.4rem;}
.order .l_img img{width: 1.4rem;border-radius: 0.1rem;}
.order .r_cont{flex: 1; font-size: 0.24rem; display: flex; flex-direction: column; }
.order .o_item{ display: flex; height: 0.35rem; line-height: 0.35rem; justify-content: space-around;}
.mt3{margin-top: 0.4rem;}
.order .o_item .o_title{color: #888; width: 1.2rem;}
.order .o_item .o_r{ flex: 1; overflow: hidden; text-overflow: ellipsis; }
.order .o_item .o_r.title{font-weight: bold; color: #444; font-size: 0.26rem;}
.order .des{font-size: 0.22rem;color: #999;margin-top: 0.1rem;}
.order .des li:before{content:''; width:0.1rem; height:0.1rem; display:inline-block; background:#3191f5; border-radius:50%; margin-right:0.1rem; vertical-align: middle}
.order .des li{ font-size:0.22rem; color:#ababab; margin-top:0.12rem;}

.order .o_item .o_r.price{color: #f32623; font-size: 0.3rem; font-weight: bold; line-height: 0.35rem; display: flex;}
.order .o_item .o_r.price span{font-size: 0.24rem;}
.order .o_item .o_r.price i{font-size: 0.2rem; color: #999; text-decoration: line-through; font-weight: normal; margin-left: 3px;}
.order .o_item .o_r.price .vip{background-color: #f32623; padding:0 0.2rem; color: #fff;  border-radius:0.3rem 0.1rem 0.1rem 0.3rem; margin-left:0.1rem;font-size: 0.2rem; font-weight: normal;display: flex; justify-content: center;}

.order .o_item .pageview{font-size: 0.22rem; color: #999;}
.order .o_item .pageview i{font-size: 0.26rem; color: #bbb; margin-right: 0.05rem; }

/* 设计师 */
.Designer{display: flex; align-items: center;margin-top: 0.2rem;}
.Designer .userface{flex: 1;font-size: 0.24rem; color: #3191f5; display: flex; align-items: center;}
.Designer .userface img{width: 0.32rem; height: 0.32rem; vertical-align: middle;border-radius: 50%;margin-right: 0.1rem;}
.Designer .reportMb{color: #999;font-size: 0.22rem;}

/* 举报弹窗 */
.reportAlert{position: fixed;width: 100%; height: 100%; background-color: rgba(0,0,0,.5);top: 0;left: 0;z-index: 1000;display: none;}
.reportAlert .form{background-color: #fff; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;padding: 0.25rem;border-radius: 0.1rem;}
.reportAlert .form h2{text-align: center; font-size: 0.26rem;}
.reportAlert .repClose{width: 0.45rem; height: 0.45rem; background-color: #FFF; display: flex; align-items: center;justify-content: center;position: absolute;right: -0.2rem;top: -0.2rem;border-radius: 50%;}
.reportAlert .repClose i{font-size: 0.24rem;color: #666;}
.reportAlert .formSelect{ display: flex;flex-wrap: wrap; text-align: left;margin-top: 0.2rem;}
.reportAlert .formSelect li{width: 33%; display: flex; align-items: center; margin-bottom:0.2rem;cursor: pointer;font-size: 0.24rem;color: #666;}
.reportAlert .formSelect li i{border: 1px solid #ddd; color: #fff;border-radius: 50%; font-size: 12px; display: inline-block; width:0.26rem; height: 0.26rem; display: flex; align-items: center; justify-content: center; margin-right: 0.1rem;}
.reportAlert .formSelect li.active i{border-color: #3191f5; color: #fff; background-color: #3191f5;}
.reportAlert .formCont{display: flex; flex-direction: column; align-items: center;}
.reportAlert .formCont textarea{width: 100%; border: 1px solid #ddd; height: 1rem; border-radius: 5px;padding:0.1rem;font-size: 0.24rem;}
.reportAlert .formCont .submit{width:1.6rem;text-align:center;background-color: #3995f5;color: #fff;font-size: 0.24rem;line-height:0.5rem; margin-top:0.2rem;border-radius: 5px;}


.buyBtn{display: flex;margin-top: 0.3rem;}
.buyBtn a{font-size: 0.28rem; background-image: linear-gradient(to right,#3191f5,#3191f5); color: #fff; text-align: center; padding: 0.18rem 0;border-radius: 0.1rem;}
.buyBtn a.goserve{background: #d9ac5b; margin-left: 0.2rem;}
.buyBtn a.preview{background: #d9ac5b; margin-right: 0.2rem; width: 1.8rem;}
.buyBtn a:active{opacity: 0.8;}
.buyBtn a.goBuy{flex: 1;}


.muban_tag{ color:#999; font-size:0.22rem; margin-top:0.2rem;}
.muban_tag a{ background:#f5f5f5; color:#999; padding:2px 8px; border-radius:0.05rem; margin-right:5px; margin-bottom:5px; display:inline-block;}

.rec-section {width:100%;height:auto;margin-top:.4rem; border-top: 1px solid #f1f1f1; padding-bottom: 0.2rem;}
.rec-section>h2 {font-size:.28rem;letter-spacing:.01rem;color:#111;font-weight:normal;}
.rec-section>ul {width:100%;height:auto;display: flex;flex-wrap: wrap}
.rec-section>ul>li {width:25%;height:auto;margin-top:.24rem; text-align: center}
.rec-section>ul>li i {font-size: 0.4rem; color: #3191f5;}
.rec-section>ul>li>span {display:block;font-size:.22rem;text-align:center;color:#8d8d96;margin-top:.14rem;}
.rec-section>ul>li:nth-of-type(4n) {margin-right:0;}


/* 推荐模板 */
.section__head__bd {-webkit-box-flex:1;-webkit-flex:1;flex:1; position: relative;padding: 0.2rem 0.2rem 0;}
.section__title {font-size:0.26rem;color:#000;position:relative;padding-left: 0.16rem;}
.section__title:before {content:'';width:0.06rem;height:0.24rem;background:#3191f5;display:inline-block;position:absolute;left:0;top:0.07rem;}
.section__head__bd .more{position:absolute;right:0.1rem;top:0.2rem;font-size:0.22rem;font-weight: normal;}
.section__head__bd .more a{color:#666;}
.about_muban{ clear:both; overflow:hidden; background-color: #fff; padding: 0 0.1rem 0.3rem; margin-top: 0.2rem;}


/* 名片 */
.about_muban.card .list_li .item_bg {width:100%;border-radius:3px 3px 0 0;overflow:hidden; height:2.9rem;background-color: #f7f7f7;border: 1px solid #f1f1f1;display: flex; align-items: center; }
.about_muban.card .list_li .item_bg img {width:100%; height: auto;}

/* 弹出复制框 */
.dialog,.dialog_img,.service_dialog {display:none;position:fixed;top:0;left:0;width:100%;height:100%;font-family:'Microsoft YaHei';line-height:1;z-index:888888 !important}
.shadow {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.5);}
.dialog-content {position: fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;width:90%;text-align:center;background:#fff;border-radius:10px; padding: 15px 0;}
.dialog-action {padding:3px 5px 5px 5px;text-align:right; position: absolute; right:0px; top:-5px;}
.dialog-close-action,.dialog-close-img {display:inline-block;font-size:35px;color:#888;transform:rotate(45deg);}
.dialog-close-action img,.dialog-close-img img {width:1rem;height:1rem;display:block;}
.dialog-content-title {margin-bottom:13px;font-size:16px;font-weight:bold;color:#1a1a1a;}
.dialog-content-explain {margin-bottom:10px;font-size:14px;color:#707070;}
.dialog-content-explain span {color:#3191f5}
.dialog-content-qrcode-image {margin:0 auto 0.2rem;width:50%;}
.dialog-content-qrcode-image p {font-size:12px;padding-bottom:10px;color:#444}
.dialog-content-qrcode-image img {display:block;width:100%;box-shadow:0 0 15px #aaa; border-radius:15px;}
.copy-keyword-action {margin:0 auto;width:85%;line-height:40px;background:#41cd4b;border-radius:5px;font-size:16px;color:#fff; clear:both;cursor:pointer}
.copy-keyword-action:active {opacity:0.7}
.check-tutorial {display:block;padding:20px 0;color:#3191f5;font-size:14px; clear:both}
.check-tutorial img {display:inline-block;margin-right:5px;vertical-align:middle;width:15px;height:auto;}
.check-tutorial span {vertical-align:bottom;color:#3191f5;}
.dialog_img .process_img img{ max-height:60%; max-width:80%;}

/* 预览大图 */
.big_pic_cont {width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(53,53,59,.8);z-index:999999; display: none;}
.big_pic_cont .imgUrl {position:fixed;z-index:999999;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;}
.big_pic_cont .imgUrl img {max-width:95%;max-height:70%;border-radius:10px}
.big_pic_cont .imgUrl .close_pic {font-size:18px;color:#fff;width:30px;height:30px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;border:2px solid #fff;border-radius:50%;position:absolute;bottom:5%;left:50%;margin-left:-15px;}


#fullPage{
    display: none;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 19930428;
}
#fullPage img{
    display: block;
    width: 100%;
}
#canvas{
    width: 100%;
    height: 100%;
    background: none;
    display: block;
}
#fullPage .close_pic {font-size:16px;color:#fff;width:30px;height:30px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;border-radius:50%;position:absolute;bottom:15px;left:50%; margin-left: -15px; background-color:rgba(0,0,0,0.8);border:1px solid rgba(0,0,0,0.8);}

/* 支付弹窗 */
.pay_content{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.55);z-index: 999; bottom:0; top: 0;left:0;right:0;background-size:100% 100%; overflow-y: auto;}
.ment-overlay {position:absolute;top:10%;width:100%;max-width:640px;left: 50%; transform: translateX(-50%); padding-bottom: 70px;}
/* .ment-overlay::before{width: 20px; height: 20px;content: ''; display: block; background: rgba(0,0,0,.8);position: absolute; left: 6px; top: 30%;border-radius:50%} */
.ment-layer-wrap {box-sizing:border-box;border-radius:20px;margin:0 15px;padding:0 0 10px;}
.ment-layer-wrap .top,.ment-layer-wrap .bottom{background:#fffefa;padding: 0 20px; position: relative;}
.ment-layer-wrap .top{padding: 45px 20px 0;border-radius:20px 20px 0 0;}
.ment-layer-wrap .bottom{border-radius:0 0 20px 20px;}
.ment-layer-wrap .center{display: flex; justify-content: center; align-items: center;font-size:0;flex-direction: column; width: 100%;}
.ment-layer-wrap .center::after{content:'';display:block;width: 100%; flex: 1; background: #fff;} 
/* .ment-layer-wrap .center .borderdashed{height:25px;background: url('../images/pay/p3.png') no-repeat left top /100% 27px; width: 100%; } */
.ment-layer-wrap .center .borderdashed{width: 100%;}
.ment-layer-wrap .center .borderdashed img{width: 100%;}
.ment-icon {position:absolute;left:0;right:0;top:-50px;width:90px;height:90px;cursor:pointer;margin:auto;border:1px solid #fff;border-radius:50%;}
.ment-icon::before{content: '';position: absolute; left: -55px; top:-10px; width: 200px; height: 80px; background: url('../images/pay/p1.png') no-repeat center center /100%;z-index: -1;}
.ment-icon img {width:100%;height:100%;box-sizing:border-box;padding:3px;background:#fff;border-radius:50%;}
.ment-icon_xixi {position:absolute;left:0;right:0;top:-65px;width:165px;height:128px;cursor:pointer;margin:auto}
.ment-layer-wrap .closePay{position:absolute; right: 6px; top: 0px; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.ment-layer-wrap .closePay i{font-size: 18px;color: #666;}
.ment-layer-wrap .row {clear:both}
.ment-layer-wrap .p_head {text-align:center;position:relative}
.ment-layer-wrap .p_head p {color:#666;font-size:14px;}
.ment-layer-wrap h4 {font-size:18px;color:#ff4822;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:35px;line-height:35px;font-weight:500;}
.pay_select ul {padding-top:10px;}
.pay_select ul li {display:flex;border-bottom:1px solid #eee;padding:8px 0;cursor:pointer;}
.pay_select li .s_left {width:40px;}
.pay_select li .s_left i {display:block;height:32px;width:22px;background:url(https://www.zhanmang.com/static/m//images/pay/select.png) left 5px no-repeat;-webkit-background-size:100% 100%;background-size:100%;}
.pay_select li.active .s_left i {background:url(https://www.zhanmang.com/static/m//images/pay/select_on.png) left 5px no-repeat;-webkit-background-size:100% 100%;background-size:100%;}
.pay_select li .s_right {flex:1}
.pay_select li .s_right .s_price .y {color:#adadad;font-size:14px;text-decoration:line-through}
.pay_select li .s_right .s_price .g {font-size:14px;color:#ff4822;margin:0 5px;}
.pay_select li .s_right .s_price .x {color:#ff4822;font-size:20px;font-weight:bold}
.pay_select li .s_right .s_price .v {background-color:#fb5904;padding:2px 10px;color:#fff;vertical-align:1px;border-radius:15px 5px  5px 15px;margin-left:8px;font-size:12px;display:inline-block;}
.pay_select li .s_right .s_des {color:#646464;font-size:12px;margin:3px 0 0 5px;}
.btn_conts {display:flex;}
.btn_conts a.cancel_btn {width:40%;margin:12px 0;display:flex;justify-content:center;align-items:center;height:42px;color:#fff;border-radius:23px;background:#ffad3b;cursor:pointer;background-image:linear-gradient(to right,#ffc64c,#ffad3b);}
.pay_btn {flex:1;background:#fb5904;background-image:linear-gradient(to right,#ff7314,#ff1f34);margin:12px 10px 12px 0;color:#fff;height:42px;font-size:15px;display:block;text-align:center;text-decoration:none;border-radius:23px;cursor:pointer;    display: flex;
    justify-content: center;
    align-items: center;}
.pay_btn:active {background:#fb5904}
.kefu {margin:15px 30px 5px;color:#ff4822;height:42px;line-height:42px;border:1px solid #ff4822;box-sizing:border-box;font-size:15px;display:block;text-align:center;text-decoration:none;border-radius:23px;}
.payok {font-weight:bold;color:#fff;height:42px;line-height:42px;margin:10px 0;border-radius:23px;background-color:#46cb01;text-align:center;display:none;}
.p_des_c .p_t {font-size:13px;color:#909090;}
ol,ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
.p_des_c li:before {content:'';width:5px;height:5px;display:inline-block;background:#ff4822;border-radius:50%;margin-right:10px;vertical-align:middle}
.p_des_c li {font-size:12px;color:#ababab;margin-top:8px;}
.payok:active {background:#379c03}
@media (max-width:350px) {.ment-layer-wrap .top{padding: 45px 15px 0;}
.ment-layer-wrap .bottom{padding: 0 15px 0;}
.ment-overlay {top:55px;}
.s_des .sjs .t1{font-size: 11px !important;width: 90px!important;}
.s_des .sjs .t2{font-size: 12px !important;}
.s_des .sjs .t3{font-size: 10px !important;}
.s_des .sjs .t4{margin-left: 10px !important;}
}


.guanzhu_box img {width:150px;margin:0 26%;}
.guanzhu_box p {padding:0;font-size:12px;color:#bbb;text-align:center;}
.reback {position:fixed;top:10px;left:8px;z-index:99;}
.reback .wrap {width:38px;height:38px;border-radius:50%;background:hsla(0,0%,47%,.8);line-height:34px;text-align:center;color:#fff;font-size:30px;}
.reback .wrap i {display:flex;justify-content:center;align-items:center;width:38px;height:38px;line-height:1;}
.reback .wrap i.icon-fanhui:before {margin-left:-2px;}

.p_head .pay_price{color: #ff4822; font-size: 24px; font-weight: bold;}
.p_head .pay_price .yprice{color: #999;font-size: 12px;font-weight: normal;text-decoration: line-through;}
.select_sj{display: flex; margin-top: 12px;position: relative;} 
.select_sj.first{border-bottom:1px solid #ddd;padding-bottom: 10px;}
.s_des{ flex: 1;} 
.s_des .sjs{display: flex;}
.s_des .sjs .t1{font-size: 14px;font-weight: bold;width: 105px;color: #000;}
.s_des .sjs .t2{font-size: 14px;font-weight: bold;color: #ff4822;}
.s_des .sjs .t3{font-size: 12px;text-decoration:line-through;color: #999; margin-left:4px;}
.s_des .sjs .t4{color: #999;
    font-size: 14px;
    margin-left:20px;}
.s_des .bg-tui {
    font-style: normal;
    display: inline-block;
    text-align: center;
    width: 57px;
    height: 16px;
    line-height: 16px;
    background-color: #ff4822;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    margin-left: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px 15px 15px 0;
}
.s_des .edit{cursor: pointer; display: none; float: right;color: #999;font-size: 12px;margin-left: 5px;}
.s_des .desc{display: inline-block; background: #ffdb70;color: #987123; font-size: 11px; line-height: 18px;padding: 0 10px;border-radius: 3px; margin-top: 5px;}
/* .s_des .bg-tui:after {
    content: "";
    border: 8px solid transparent;
    border-right-color: #ff4822;
    position: absolute;
    top: 0;
    left: -12px;
} */
.s_des .tips i{color: #999;font-size: 14px;margin-right: 3px;}
.s_des .tips{color: #999;font-size: 12px;margin-top:8px;}
.agree_checkbox{display: inline-block;position:relative;width: 30px; height: 25px; display: flex;   justify-content: flex-end;cursor: pointer;}
.agree_checkbox .iconfont,.makeType .mli .iconfont {position:relative;border-radius:2px;border: 1px solid #ccc;color:#fff;background:#fff;pointer-events:none;display:flex;font-size:14px;
width:18px;height:18px; align-items: center; justify-content: center;}
.agree_checkbox.active .iconfont,.makeType .mli.active .iconfont {border:1px solid #ff4822;background:#ff4822; color: #fff;}

.makeType{display: flex;margin-top: 10px;width: 100%;}
.makeType .mli{display: flex;width: 33%;flex: 1;}
.makeType .mli .iconfont{margin-top: 5px;border-radius: 50% !important;width:20px;height:20px;}
.makeType .mli .mDesc{margin-left: 8px;}
.makeType .mli .mDesc .t1{font-size: 12px;}
.makeType .mli .mDesc .t2{font-size: 11px;color: #ff4822;}

.payStyle{font-size: 12px;color: #000;font-weight: bold;}
.xzzzfs {clear:both;width:100%;height:auto;zoom:1;overflow:hidden;padding:0px 0 10px; margin-top: 10px;}
.xzzzfs ul{display: flex;}
.xzzzfs ul li {width:100%;padding-left: 10px;line-height:35px;font-size:14px;color:#666;text-align:left;height:35px;position:relative;width:100%;cursor: pointer;border: 1px solid #eee;border-radius: 3px;overflow: hidden;display: flex;align-items: center;}
.xzzzfs ul li.zfbzf{ margin-left: 12px;}
.xzzzfs ul li.wxzf i{color: #46cb01;font-size: 22px; margin-right: 10px;}
.xzzzfs ul li.zfbzf i{color: #00a0e9;font-size:22px; margin-right: 10px;}
.xzzzfs i.s {-webkit-appearance:none;background-color:#fff;border:1px solid #ff4822;padding:9px;border-radius:50px;display:inline-block;position:absolute;right:2px;top:10px;width:22px;height:22px;font-size: 12px;}
.xzzzfs ul li.on{border-color: #ff4822;background: #f5f8fb;}
.xzzzfs ul li.on::after{content:'';width:25px;height:25px;background: url('../images/pay/p2.png') no-repeat right bottom /100%;position: absolute;right:-1px; bottom: -1px;}
.xzzzfs .on i.s:after {content:' ';width:12px;height:12px;border-radius:50px;position:absolute;top:4px;background:#ff4822;text-shadow:0px;left:4px;font-size:12px;}
.pay_vip i{color: #ff4822;font-size: 14px;margin-right: 3px; vertical-align: top;}
.pay_vip{display: block; text-align: center;color: #ff4822;font-size: 13px;}
.p_des_c{margin-top: 15px;}

.quan{ display: flex; justify-content: space-between; margin-top: 10px;position: relative;}
.quan .t1 ,.quan .t2{display: flex; align-items: center;}
.quan .t1 i{ width:18px; height: 18px; background: #ff4822;color: #fff; display: flex; justify-content: center; align-items: center;border-radius: 3px;font-size: 12px;}
.quan .t1 span{margin-left: 5px;color: #333;}
.quan .t2 span{background:#ff4822; color: #fff;line-height: 18px;font-size: 12px;padding: 0 6px;border-radius: 5px;}
.quan .t2 i{font-size: 18px;color: #999; transition: all 0.2s;}
.quan .t2.active i{transform: rotate(90deg);}
/* 优惠券 */
.CouponList{top:30px;border-top:2px solid #ddd;border-radius:5px 5px 0 0; position: absolute; background: #f5f5f5;width: 100%;z-index: 1; padding:0 10px 10px;}
.CouponList .li{display: flex; background: url('../images/pay/p5.png') no-repeat left top;width: 100%;height: calc((100vw - 90px) * 0.1875); background-size:100% 100%;margin-top: 10px;}
.CouponList .li.active{background: url('../images/pay/p6.jpg') no-repeat left top;background-size:100% 100%;}
.CouponList .li .tl{width: 23.4%; text-align: center;display: flex; flex-direction: column; justify-content: center; font-size: 12px; color: #888; }
.CouponList .li.active .tl{color: #fff;}
.CouponList .li .tl .p1{font-size: 14px;font-weight: bold;}
.CouponList .li .tl .p1 span{font-size: 12px;font-weight:normal}
.CouponList .li .tl .p2{font-size: 10px;}
.CouponList .li .tc{flex:1;display: flex; flex-direction: column; justify-content: center; padding:0 15px; overflow: hidden;}
.CouponList .li .tc .p1{font-size: 14px; color:#333;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.CouponList .li .tc .p2{font-size: 10px; color:#888;}
.CouponList .li .tr{width: 15%; display: flex; align-items: center;}
.CouponList .li .tr i{border: 1px solid #ccc; color: #fff; display: block; width: 20px;height: 20px;border-radius: 50%;align-items: center;
    justify-content: center; display: flex;font-size: 14px;}
.CouponList .li.active .tr i{background: #ff4822;border: 1px solid #ff4822;}

.service_dialog {position:fixed;top:0;left:0;width:100%;height:100%;font-family:Microsoft YaHei;line-height:1}
.shadow {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.5)}
.dialog-content {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;width:90%;text-align:center;background:#fff;border-radius:10px; max-width: 640px;}
.dialog-action {padding:3px 10px 5px 5px;text-align:right;cursor: pointer;}
.dialog-close-action,.dialog-close-img {display:inline-block;font-size:30px;color:#888;cursor:pointer;transform: none;}
.dialog-close-action img,.dialog-close-img img {width:1rem;height:1rem;display:block}
.dialog-content-title {margin-bottom:13px;font-size:18px;font-weight:700;color:#1a1a1a}
.dialog-content-explain {margin-bottom:10px;font-size:14px;color:#707070}
.dialog-content-explain span {color:#4ec7ff}
.dialog-content-qrcode-image {margin:0 auto 1rem;width:60%;box-shadow:0 0 1.5rem #ddd}
.dialog-content-qrcode-image p {font-size:12px;padding-bottom:10px;color:#444}
.dialog-content-qrcode-image img {display:block;width:100%}
.dialog-content-explain li{font-size: 14px;color: #ababab;margin-top: 6px;text-align: left;line-height:20px;}



.previewC{ position: fixed; top: 0; z-index: 99999; width: 100%; height: 100%; max-width: 640px;}
.previewC .pmask{position: absolute;top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);max-width: 640px;}
.previewC .iframeC{width: 326px; height:620px;  left: 50%; top:50%; margin-top:-353px; margin-left:-163px;padding-top: 97px;
    position: fixed;   
    background-image: url(../images/phone.svg);
    background-size: 100% 100%; transition: all 0.3s;}
.previewC .show_name{font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 40px;
    white-space: nowrap;
    line-height: 38px;
    padding: 0 24px;
    position: absolute;
    top: 57px;}
.previewC iframe{border: 0;outline: 0;width: 320px; height:486px;margin: 0 3px; background-color: #333;overflow: hidden; -webkit-overflow-scrolling: touch;z-index: 0;}
.previewC .close_preview {
    display: flex;
    position: absolute;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    bottom: -82px;
    left: 50%;    
    width: 70px;
    height: 70px;    -webkit-tap-highlight-color:transparent;
    cursor: pointer;    
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99999999999999999999;
}
.previewC .close_preview i{ display: flex;-webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center; width: 50px;border-radius: 50%;
    height:50px;border: 2px solid #fff;color: #fff; font-size: 20px;}

.previewC .Sarrow{
    bottom: -88px;
    left: 10px;    
    width: 120px;
    height: 70px; position: absolute;}
.previewC .Sarrow i{font-size: 50px; color: #fff;
    animation: rightan 0.5s infinite;position: absolute;
}
@keyframes rightan{
    from{
        left:  0%;
        opacity: 0.1;
        transform:scale(0.5)
    }to{
        left: 50%;
        opacity: 1;
        transform:scale(1.2)
    }
}



/* 模板列表 */
.about_muban{border-top: 0.1rem solid #f6f6f6; }
.cate_list_item{ position: relative;}
.about_muban .list_cont{ clear:both; overflow:hidden; padding:0 6px;}
.about_muban .list_cont.show{display: block;}
.about_muban .list_li {position:relative;width:calc(100% / 3);float:left;padding:0 7px;margin-top:14px;overflow: hidden; }
.about_muban .list_li .item_bg {width:100%;border-radius:3px;overflow:hidden;background-color: #f7f8fa;font-size: 0;position: relative;}
.about_muban .list_li .item_bg img {width:100%;height:100%;}
.about_muban .list_li .icon{padding:0 0.05rem;height: 0.26rem;text-align: center;font-size: 0.2rem; display: flex;  align-items: center;position: absolute; right: 0.1rem; top: 0.1rem; color: #fff;border-radius: 0.05rem; }
.about_muban .list_li .icon.free{background-color: #ff3d3d;}
.about_muban .list_li .icon.vip{background-color: #ffb940;}
.about_muban .list_li .desc{font-size: 0.22rem; color: #f68b0b; margin-top: 0.02rem; height: 0.3rem;}
.about_muban .list_li .item_title {width:100%;flex-direction:row;align-items:center;margin-top: 0.1rem;font-size: 0.24rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.about_muban .list_li .item_title .title {margin-left:0.1rem;font-size:0.22rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex: 1;  color: #666;}
.scene-category {padding: 0 0.1rem 0 0.06rem;height:0.26rem;text-align:center;font-size:0.2rem;color:#f68b0b;background-color:#fae7bf;border-radius:0 100px 100px 0; display: flex;align-items: center}
.scene-category.H5 {background-color:rgba(21,147,255,.1);color:#1593ff;}
.scene-category.hb {background-color:rgba(111,97,236,.1);color:#6f61ec;}
.scene-category.video {background-color:rgba(58,159,107,.1);color:#3a9f6b;}
.scene-category.long {background-color:rgba(243,113,51,.1);color:#f37133;}
.scene-category.form {background-color:rgba(2,173,191,.1);color:#02adbf;}
.scene-category.gc {background-color:rgba(245,166,35,.1);color:#f5a623;}

/* 专题 */
.about_muban .cate_list_item.zhuanti .list_li{width: 50%;}

/* 社交媒体 */
.about_muban .medier .list_cont {font-size:0;white-space:nowrap;overflow:scroll;padding:0 0.2rem 0;margin-right:0.2rem;display:flex;-webkit-overflow-scrolling: touch}
.about_muban .medier .list_cont::-webkit-scrollbar {display: none;}
.about_muban .medier .list_cont  .list_li {flex-shrink:0;width:2.5rem;margin-right:0.2rem;padding: 0;}
.about_muban .medier .list_cont  .list_li img {width:100%; border-radius: 0.06rem;}

/* 长单页 */
.about_muban .long .list_li .item_bg {width:100%;border-radius:3px;overflow:hidden; height:5rem;background-color: #fff;}
.about_muban .long .list_li .item_bg img {width:100%;height: auto;}
.list_more{ text-align: center;display: flex; justify-content: center;align-items: center;margin: 0.2rem 0;}
.list_more::before,.list_more::after{content: ''; flex: 1; display:inline-block;height: 1px; background: #ddd; width: 0.5rem;margin: 0 0.2rem; }
.list_more a{font-size: 0.26rem;color: #666;}



/* 打印界面 */
.printContent{position: fixed; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; left: 0;top: 0;z-index: 1000;display: none;}
.printContent .pCont{position: absolute;left: 50%;top: 50%; background-color: #fff;transform: translate(-50%,-50%);width:90%;border-radius: 0.2rem;padding:0.24rem 0.24rem; }
.printContent .pCont .ptop{display: flex;}
.printContent .pCont .ptop img{width: 1rem;}
.printContent .pCont .ptop .ptop_r{margin-left: 0.2rem;font-size: 0.24rem; display: flex;flex-direction: column; justify-content: space-between;}
.printContent .pCont .ptop .ptop_r .t2{color: #888;}
.printContent .pCont .ptop .ptop_r .t2 span{color: #ff3d3d;}
.printContent .closeOrder{width: 0.6rem;height: 0.6rem;position: absolute;bottom: -0.8rem; left: 50%; transform: translateX(-50%);border-radius: 50%;border: 2px solid #fff;display: flex; align-items: center;justify-content: center;}
.printContent .closeOrder i{font-size: 0.24rem; color: #fff;}
.printContent .sureOrder{background:#fb5904;background-image:linear-gradient(to right,#ff7314,#ff1f34);margin:5px 10px 00;color:#fff;height:42px;font-size:15px;display:block;text-align:center;text-decoration:none;border-radius:23px;cursor:pointer;    display: flex;
    justify-content: center;
    align-items: center;}

.editAddress{font-size: 0.24rem;}
.editAddress .add,.editAddress .show .show_c{border-radius: 0.1rem;overflow: hidden;}
.editAddress .add .txtCont{display: flex;font-size: 0.24rem; border-bottom: 1px solid #eee; line-height: 0.7rem;color: #333;    align-items: center;justify-content: space-between;}
.editAddress .add .txtCont:last-child{border: 0;}
.editAddress .add .txtCont .txt{width: 1rem;}
.editAddress .add .txtCont .txt2{width: 1.9rem;}
.editAddress .add .txtCont .txt3{width: 1.6rem;}
.editAddress .add .txtCont .showCity{flex: 1; line-height: 0.3rem; position: relative;}
.editAddress .add .txtCont .showCity .weui-input{position: absolute;top:50%; left: 0; transform: translateY(-50%);z-index: 1;}
.editAddress .add .shop_figure{display: flex; width: 1.8rem; justify-content: space-between;border: 1px solid #ddd; line-height: 0.3rem;border-radius: 0.1rem;}
.editAddress .add .shop_figure .shop_minus_p,.shop_add_P{width: 0.5rem; height: 0.5rem; display: flex; justify-content: center; align-items: center;font-weight: bold; font-size: 0.24rem;}
.editAddress .add .shop_figure .shop_minus_p{border-right: 1px solid #ddd;}
.editAddress .add .shop_figure .shop_add_P{border-left: 1px solid #ddd;}
.editAddress .add .shop_figure .shop_Num{flex: 1; display: flex; justify-content: center; align-items: center;}
.editAddress .add .shopText{ margin-top: 0.2rem;}
.editAddress .add .shopText textarea{border: 1px solid #ddd; border-radius: 0.1rem;padding: 0.12rem; width: 100%; height: 1.2rem;}


/* 商品详情 */
.printDetail{background-color: #fff;margin-top: 0.2rem;}
.bookDetailContent {
    padding:0.2rem 0 0.3rem 0;
    text-align: justify;font-size:0.26rem;
    max-height: 800px;
  overflow: hidden;
  position: relative;
  }
  .bookDetailContent img {
    max-width: 100%;
    border-radius: 3px;
  }

/* 查看更多 */
.showMore{
    text-align: center;
    position: absolute;
    background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,98%,0)),color-stop(18%,hsla(0,0%,98%,.4)),color-stop(49.1%,#ffffff),to(#ffffff));
    background-image: -o-linear-gradient(top,hsla(0,0%,98%,0),hsla(0,0%,98%,.4) 18%,#ffffff 49.1%,#ffffff);
    background-image: linear-gradient(top,hsla(0,0%,98%,0),hsla(0,0%,98%,.4) 18%,#ffffff 49.1%,#ffffff);
    width: 100%;
    display: flex;flex-direction: column; align-items: center; justify-content: flex-end; 
    height: 2rem;padding-bottom: 0.2rem;
    bottom: 0;
    font-size:0.24rem;color: #3191f5;cursor: pointer;-webkit-tap-highlight-color:transparent;
  }
  .showMore .downLine{width: 0.6rem; height:0.3rem; background: url(../images/down_line.png) center top no-repeat;background-size: 100% 100%; margin-top: 0.1rem;    animation: arrow .4s infinite alternate;}
  @keyframes arrow {
    0% {
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0)
    }
  
    to {
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }
  }