@charset "utf-8";
* {box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;}
html,body{ background:#f5f5f5;overflow:hidden;height: 100%;position:relative;}
.f34{font-size: .34rem;}.fR22{font-size: .22rem;}.fR24{font-size: .24rem;}.fR28{font-size: .28rem;}.fR30{font-size: .3rem;}
.fGreen{color: #55bf7f;}.btnSearch{ background:#55bf7f;}
.fYellow{ color:#f8b551;}
.page{position:absolute;left:0;top:0.9rem;right:0;bottom:0; overflow: hidden; /*padding-bottom: 1rem;*/}
.centerOut{ position: absolute; top: 1rem; bottom: 1rem; width: 7.5rem; overflow-y: auto; overflow-x: hidden;}
/*图标*/
.icon:before{width: .4rem;height:.4rem;display:inline-block;content:"";background: url(../../img/AiMCard/icons.png);background-size: 5rem 5rem;vertical-align: middle;}
/*头部标题栏*/
.bar{position:absolute;right: 0;left: 50%;margin-left:-3.75rem;z-index: 10;width:7.5rem;height: .9rem;padding-right: 0.2rem;padding-left: 0.2rem;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.bar-nav { top: 0;background-color: #fff;}
.bar-nav .icon{width: .4rem;height:.9rem;display:inline-block;padding:.25rem 0;}
.bar-nav .title{ display: block;position:absolute;left: 1.5rem;right:1.5rem;top:0; font-size: 0.34rem; font-weight: 500; line-height: .9rem; color: #333;text-align: center;white-space: nowrap;}
.icon-back:before{background-position: 2.53rem 0;}
.bar-nav .text{font-size: .26rem;color:#666;line-height: .9rem;}
/*底部按钮*/
.bar-footer{bottom: 0; height:1rem; line-height:1rem; padding:0;}
.bar-footer .button{font-size: 0.34rem;background:#45abd3;color: #fff; text-decoration: none;text-align: center; display: block;}
.bar-footer .button.disabled{ background:#b0b0b0;}
/*下部弹窗*/
.overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 1000;visibility: hidden;opacity: 0;-webkit-transition-duration: 400ms;transition-duration: 400ms;}
.overlay-show{visibility: visible;opacity: 1;}
.picker{position: absolute;left: 50%;bottom: 0;margin-left:-3.75rem;z-index: 1001;width: 7.5rem;background:#fff;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;-webkit-transition: transform .3s;transition: transform .3s;}
.picker-in{-webkit-transition-duration: 300ms;transition-duration: 300ms;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.picker header{height: .88rem;line-height: .88rem;padding: 0 .2rem;border-bottom:1px solid #e4e4e4;}
.picker-title{font-size: .34rem;color: #333;}
.picker header .btn{font-size: .3rem;color: #999;margin-left:1rem;cursor: pointer;}
.picker header .active,.picker header .btn:active{color:#55bf7f;}
.picker-cont{background: #f4f4f4;max-height: 4.5rem;overflow-y: auto;}
/*消息弹窗提示 */
.modal { width:6.3rem; position: absolute; z-index: 1100; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);border-radius:0.1rem;background-color:#fff;overflow:hidden; opacity: 0;visibility:hidden;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.modal.modal-in {opacity: 1;visibility: visible;}
.modal-inner {padding:.5rem .3rem;position: relative; background: #fff; color:#45abd3; font-size:.3rem;}
.modal-buttons {position:relative;display: -webkit-box;display: -webkit-flex;display: flex;}
.modal-buttons:before{position: absolute;right: 0;top: -1px;left: 0; height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #45abd3;}
.modal-button {padding: 0 0.24rem;height: .8rem;line-height: .8rem; font-size:.3rem;text-align: center; display: block; position: relative;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; cursor: pointer; background:#fff; color:#45abd3;flex: 1;}
.modal-button:last-child{color: #fff; background: #45abd3;}
.modal .icon-close{position:absolute;top:.2rem;right: .2rem;}
.modal .icon-close:before{ width:0.28rem; height:0.28rem;background-position: -2.14rem 0rem;}
.modal-title{height: .8rem;line-height:.8rem;background-color: #fafafa;font-size: .3rem;color: #010101;padding: 0 .5rem 0 .24rem;}
.modal-cont{text-align: center;padding: .3rem .24rem;}
/*首页*/
.index-cont{position: absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:column;}
.diyLogo{font-size: 0.6rem;flex: 1;padding-top:10%; color:#45abd3;}
.diy-login{flex:2;min-height: 3.5rem;}
.login-btn{display: inline-block;width: 5.6rem;height: 1.1rem;padding-left:1.4rem;line-height:1.1rem;border-radius: .1rem;background-color: #f8b551;color: #fff;text-align: left;box-shadow: 0 0.05rem 0.08rem rgba(0, 0, 0, 0.2);}
.diy-btn{margin-bottom: .8rem;}
.try-btn{background-color: #45abd3;}
.login-btn .icon:before{width:0.64rem;height:0.52rem;background-position: 0rem 0rem;}
.try-btn .icon:before{background-position: -.81rem 0rem;}
.login-btn .text{display: inline-block;margin-left: .3rem;line-height:.45rem;font-size: .32rem;vertical-align: middle;}
.btnSearch2,.btnUse{ color: #45abd3; font-size: .28rem;}
.btnUse{ padding-left: .16rem; margin-left: .1rem; border-left: .01rem solid #d2d2d2}
.fdRight{ position:absolute; top:0rem; right:0.2rem;}
.fdRight .icon1{ width:0.36rem; height:0.28rem;display:inline-block;background: url(../../img/AiMCard/icons.png) no-repeat -1.62rem 0rem;background-size: 5rem 5rem;vertical-align: middle;}
.fdRight .textBox{ width:2rem; padding-top:0.3rem; padding-bottom:0.3rem; background:#fff; box-shadow:0rem 0rem 0.15rem #ccc; position:absolute; top:0.5rem; right:0rem; display:none;}
.fdRight .textBox a{ display:block; font-size:0.32rem; color:#333; line-height:0.7rem;}
.fdRight .textBox a.on{ color:#45abd3;}
.search-fdRight{width: 4.84rem;height: 3.43rem;background:url(../../img/AiMCard/ydBg.png) no-repeat; background-size: 4.84rem 3.43rem;position: fixed;right:0; top: 0.7rem; display: block;  z-index: 1001; display:none}
.search-hint { width: 5.49rem;  height: 9.75rem; background:url(../../img/AiMCard/bg.png) no-repeat; background-size: 5.49rem 9.75rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); display: none; z-index: 1001}
.mb-tutorial img{ width:7.5rem; height:13.33rem;}
.mb-tutorial{ position:fixed; top:0; left:0; display:none;}
.mb-btn{ display:block; width:.44rem; height:.44rem; background:url(../../img/AiMCard/mb-close.png); background-size:.44rem .44rem; position:fixed; top:.2rem; right:.2rem;}

/*上传名片照片*/
.uploadBox .ms{ font-size:0.26rem; color:#333; margin:0.5rem auto;}
.uploadBox .ms .icon{ font-size:0;}
.uploadBox .ms .icon:before{ width:0.3rem; height:0.3rem; background-position:-2.94rem 0rem;}
.card-list{
 margin: 0 auto;
 background: #fff;
 width: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}
.card-list li{
 width: 5.4rem;
 padding-top: 0.1rem;
 background: #fff;
 margin-bottom: 0.1rem;
}
.card-list li .imgbox{ margin:0rem auto; position: relative; height: 3.5rem; text-align: center;}
.card-list li .imgbox img{ max-width:100%; max-height:100%;}
.card-list li .tit{ font-size:0.3rem; color:#000; margin-top:0.2rem;}
.expDesign a{ display:block; text-align:center; height:1.1rem; line-height:1.1rem; color:#666; border:1px solid #f4f4f4; font-size:0.3rem;}
.expDesign a.btn{ color:#ccc; height:1.2rem; line-height:1.2rem;}
.expDesign a.active{ color:#f90;}
.card-list .btn-delete{ position:absolute; right:-0.25rem; top:-0.4rem;}
.card-list .btn-delete:before{ width:0.5rem; height:0.5rem; background-position:-0.56rem -1.16rem;}
/*输入信息*/
.disCells{ -webkit-overflow-scrolling: touch;background-color:#f5f5f5; color:#9e9e9e; overflow-y:auto;overflow-x: hidden; position:relative;     width: 7.1rem; /*margin: 0.15rem auto !important;*/height: calc(100% - 1.2rem)}
.disCells:before{ content: " "; position:absolute; left:0; top:0; right:0; height:1px; border-top:1px solid #cfcfcf; -webkit-transform-origin:0 0; transform-origin:0 0;
 -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
.disCells:after{ content: " "; position:absolute; left:0; bottom:0; right:0; height:1px; border-bottom:1px solid #cfcfcf; -webkit-transform-origin:0 100%; transform-origin:0 100%; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
.disCell{ padding:0.3rem 0.2rem; position:relative; display:-webkit-box; display:-webkit-flex; display:flex;}
.disCell:before{ content: " "; position:absolute; left:0; top:0; right:0; height:1px; border-top:1px solid #cfcfcf; -webkit-transform-origin:0 0; transform-origin:0 0;
-webkit-transform:scaleY(0.5); transform:scaleY(0.5); left:0.2rem; right:0.2rem;}
.disCell_bd{ -webkit-box-flex:1; -webkit-flex:1; flex:1;}
.upload-box, .upload-more-box{width: 1rem;height: 1rem;display: inline-block;position: relative;  margin-right:0.2rem;}
.upload-box .btn-delete, .upload-more-box .btn-delete{ position:absolute; right:-0.2rem; top:-.1rem;}
.upload-box .btn-delete:before, .upload-more-box .btn-delete:before,#morefileList .btn-delete:before{ width:0.38rem; height:0.38rem; background-position:-1.80rem -0.72rem;}
.upload-box input[type="file"], .upload-more-box input[type="file"]{position:absolute;top:0;left:0;opacity: 0;width: 1rem;height: 1rem;}
.upload-box .upload-img, .upload-more-box .upload-img{display:block;width: 1rem;height: 1rem;border: 1px dashed #DFDFDF;border-radius: .04rem;text-align: center;line-height: 1rem;}
.upload-box .upload-img label, .upload-more-box .upload-img label{ margin:0.3rem 0rem 0rem 0.3rem; display:block;}
.upload-box .upload-img label:before, .upload-more-box .upload-img label:before{ display:block; width:0.39rem; height:0.39rem; background-position:-1.24rem -0.7rem;}
.upload-box img, .upload-more-box img{max-width: 100%;max-height: 100%; position: absolute;}
.disCell_ft{ text-align:right;}
.weui-cell__ft .icon:before{ width:0.34rem; height:0.34rem; background-position:-3.39rem 0rem;}
.disCell_bd input{ width:100%; height:0.6rem; font-size:0.34rem; color:#333; border:0; outline:none;}
.disCells .addPage{ width:7.1rem; margin:0px auto; border-top:1px solid #eaeaea; color:#333;}
.disCells .addPage .icon{margin: 0.2rem auto 0.1rem;display:block;}
.disCells .addPage .icon:before{ width:0.48rem; height:0.48rem; background-position:-4.28rem 0rem;}
.weui-cell__ft .icon.add:before{ background-position:-3.82rem 0rem;}
/*风格选择*/
.colorList{ width:7.1rem; padding:0.15rem 0.5rem; margin:0.3rem auto; background:#fff; overflow:hidden;}
.colorList li{ width:1.72rem; height:1.72rem; border:1px solid transparent; border-radius:0.1rem; position:relative; margin:0.2rem 0.15rem; float:left;}
.colorList li .colorBox{ width:1.6rem; height:1.6rem; background:#F3C; display:block; margin:0.04rem 0rem 0rem 0.04rem; border-radius:0.1rem;}
.colorList li .icon{ position:absolute; top:50%; left:50%; margin-top:-0.21rem; margin-left:-0.21rem; display:none;}
.colorList li .icon:before{ width:0.42rem; height:0.42rem; background-position:0rem -0.67rem;}
.colorList p{ font-size:0.28rem; color:#fff; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; line-height:1.72rem;}
.colorList li.greyBorder{border-color:#d1d1d1;}
.colorList li.on{ border-color:#e40312;}
.colorList li.on .icon{ display:block;}
.colorList li.on p{ display:none;}
.colorList li.te.on .icon:before{ background-position:0rem -1.25rem;}
/*关联单号*/
.ass-tit{ font-size:0.48rem;}
.diyLogo p{ font-size: .26rem; color: #b0b0b0}
.diyInp{ flex: 2; min-height: 4rem}
.diyCard{ background: #fff; width: 6.3rem; height: 3.2rem; border-radius: .07rem; margin-left: auto; margin-right: auto; box-shadow: 0 .05rem .1rem rgba(0,0,0,0.3)}
.orderline{ width: 5.9rem; margin: 0 auto}
.orderline:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5}
input.diyOrder { border: 0; outline: 0; padding: 0; width: 5.9rem; color: #ccc; font-size: .3rem; height: .6rem; border-bottom: 1px solid #e5e5e5; margin-top: .9rem; text-align: center}
.btnSearch { border-radius: .4rem; width: 3.6rem; height: .78rem; line-height: .78rem; left: 50%; margin-left: -1.8rem; bottom: -0.39rem; background: #45abd3;}
.order-modal{width:6.3rem;background-color: #fff;font-size:.3rem;text-align: left;}
.order-modal .order-list{padding:.5rem .4rem 0;max-height: 7rem;overflow-y: auto;}
.label-radio{position:relative;display:block;min-height:.5rem;padding-left:.7rem;cursor:pointer;margin-bottom:.3rem;}
.label-radio input[type="radio"]{opacity:0; width:.44rem;height:.44rem;position:absolute;top:0;left:0;z-index:2;}
.label-radio .radio{width:.44rem;height:.44rem;background:url(../../img/AiMCard/icons.png) -1.21rem -1.22rem no-repeat;background-size: 5rem 5rem;position:absolute;top:0;left:0;z-index:1;}
.label-radio input[type="radio"]:checked + .radio{background-position:-1.74rem -1.22rem;}
.orange{color: #ff9900;}
/*错误页面404*/
.errorBox img{ width:4.65rem; height:auto; margin:1rem auto 0.5rem;}
.errorBox p{ font-size:0.32rem; color:#666;}
.errorBox .trueBtn{ display:inline-block; font-size:0.32rem; width:3.6rem; height:0.8rem; text-align:center; line-height:0.8rem; background:#45aad4; color:#fff; border-radius:0.5rem; margin-top:1.6rem;}
/*历史订单*/
.proList2{width:6.7rem;margin:0.3rem auto 0rem;}
.titTime{ height:0.7rem; line-height:0.7rem;}
.desTime{margin-left:-.18rem;color: #b8b8b8;text-indent:2.4em;background: url(../../img/AiMCard/time.png) left center no-repeat; background-size: .38rem .38rem; display:inline-block;}
.titTime p{ display:inline-block; margin-left:0.1rem;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.titTime p input{ width:4.2rem;}
.titTime .copyBtn{ width:1.2rem; height:0.4rem; background:#45aad4; border-radius:0.1rem; display:inline-block; color:#fff; line-height:0.4rem; margin-top:0.12rem;}
.desSort{padding-left: .3rem; padding-right: .3rem;border-left: 1px solid #e5e5e5;}
.desSort ul{background:#b3b2b3; width:5.8rem; text-align:center; padding-top:0.2rem; margin-top:0.2rem;}
.desSort ul img{ width:80%; margin:0.15rem auto; box-shadow:0px 0px 20px #666;}
.desSort.te ul{ margin-top:0.8rem;}
.desSort .proTip{ width:5.8rem; height: .8rem;line-height: .8rem;background: rgba(69,171,211,.5);display: block;left: 0;bottom: 0;}
.proList2 .btn-box{width:100%;height: .8rem;line-height: .8rem;text-align: center;display:-webkit-flex;display: flex;}
.proList2 .btn-box .btn{background: rgba(85,191,127,.7);color: #fff;flex: 1;}
.proList2 .btn-box .btn-relate{background: rgba(255,153,0,.7);}
/*匹配模板*/
.swiper-container {width:6.2rem;height:auto; margin:1rem auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center; padding-top:0.8rem; padding-bottom:0.5rem; border-radius:0.2rem;}
.swiper-pagination-custom{top:0.3rem;bottom:auto;font-size: .34rem;color: #727272;}
.swiper-pagination-custom .current{color: #45abd3;}
.temp-list{width: 5rem;}
.temp-list .img-box{width: 100%;}
.temp-list .img{width: 5rem;overflow: hidden;margin: .4rem 0;box-shadow: .1rem .1rem .2rem rgba(0,0,0,.15);}
.temp-list .img img{width: 5rem;margin: -.09rem -.09rem;}
.temp-list .btn-edit:before{background-position: -3.48rem -3.1rem;margin-top: .16rem;}
.replaceBtn{ display:block; width:1.8rem; height:0.6rem; background:#45abd3; color:#fff; font-size:0.28rem; text-align:center; margin:0rem auto; border-radius:0.3rem; line-height:0.6rem;}
.modal .form-list{margin: 0 .24rem;}
.modal .form-list li{min-height: .7rem;margin-bottom: .4rem;min-height: 1.1rem;display:-webkit-flex;display:flex;padding: 0 .24rem;align-items: center;}
.modal .form-cont{min-height: .7rem;position:relative;min-height: 1.1rem;border-bottom: .01rem solid #eee;flex-grow: 1;font-size: .3rem;display:-webkit-flex;display:flex;align-items: center;flex-wrap: wrap;}
.modal .form-cont .tips{position: absolute;left:0;bottom:-.35rem;font-size: .24rem;color: #ff9900;display:none;}
.modal .form-label{width: 1.5rem;padding-right:.2rem;font-size: .28rem;color: #45abd3;flex-shrink: 0;position: relative;}
.modal .form-label .required{position:absolute;left: -.16rem;color: #e40011;}
.modal .form-cont input{border: 0;font-size: .3rem;width: 100%;}
/*提示条*/
.tip-bar{position:absolute;top:.9rem;left:50%;width:7.5rem;margin-left:-3.75rem;padding:0 .24rem;height: .7rem;background-color: #45abd3;color: #fff;line-height: .7rem;z-index: 9;font-size: .22rem;}
.tip-bar.gray{background-color: #6b6b6b;}
.tip-bar .btn-close{position:absolute;top:0;right:0;width:.7rem;height:.7rem;text-align: center;}
.tip-bar .btn-close:before{ width:0.21rem; height:0.21rem; background-position: -1.62rem -0.37rem;}
.tip-bar .icon-tips:before{background-position: -0.62rem -0.67rem;}
/*更换背景弹窗*/
#bgColor{ background:#f5f5f5;}
#bgColor header{ background:#fff;}
#bgColor_hist,#bgColor_hist_cont{ white-space: nowrap; overflow-x:scroll;}
#bgColor_hist .tab-link{ display:inline-block; width:20%;padding: .2rem 0; color:#999;    border-top: .04rem solid #f5f5f5; text-align:center;}
#bgColor_hist .tab-link.active{ color:#333; border-color:#45abd3;}
#bgColor_hist_cont .tab-cont{width: max-content;}
#bgColor_hist_cont .tab-cont .imgTu{ border:1px solid #f5f5f5; margin:0.3rem 0rem 0.3rem 0.2rem; display:inline-block;}
#bgColor_hist_cont .tab-cont .imgTu.on{ border-color:#45abd3;}
#bgColor_hist_cont .tab-cont .imgTu img{ display:inline-block; width:1.8rem; margin:0.05rem;}
/*load智能识别*/
.loadOut img{ width:1.85rem; margin:1rem auto 0.3rem; display:block;}
[name="processing-num"]{ font-size: 0.8rem; color: #eeb951;}
.loadOut .ms{ font-size:0.32rem; color:#333; margin:1rem auto 0.8rem;}
.loadOut .ms span{ color: #eeb951; font-weight:bold;}
.loadOut .btn{ display:block; width:5.6rem; height:1rem; background:#45aad4; border-radius:0.1rem; font-size:0.34rem; color:#fff; line-height:1rem; margin:0 auto;}

.crop-wrap{margin: .3rem .24rem;}
#crop_img{max-width:5.8rem;max-height: 5.8rem;}
/*loading弹窗*/
.loadBox{ width:4rem; height:2.5rem;background:rgba(0,0,0,0.8); position:fixed; top:50%; margin-top:-2rem; left:50%; margin-left:-2rem; z-index:19; border-radius:10px; color:#fff;}
.loadBox img{ display:block; width:0.8rem; height:0.8rem; margin:0.4rem auto 0.3rem;}
.loadBox p{ text-align: center;}
.loadBox2{ width:3rem; height:1rem; line-height:1rem; margin-top:-0.5rem; margin-left:-1.5rem;}
.overLoading{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);z-index: 1000;}