/* 解决vue初始化问题 */ [v-cloak] { display: none; } /* ----------------------------与订货端一样的样式开始--------------------------*/ ul,li,dl,dt,dd,section,input, a {margin: 0;padding: 0;list-style: none;} a{text-decoration:none; color: #333;} p{color: #333333;} a:active{color: #333;} section { display: block; } input, textarea, select{font-size: 14px; color: #333333;} .delete-line-price{text-decoration: line-through;display: inline-block;font-size: 12px;color: #999999;} /* 清空规格 */ .clear_spc{ margin: 10px 0; color: #008cc7; background-color: #EAF7FF; line-height: 36px; text-align: center; border-radius: 36px; display: none; font-size: 14px!important; } .set_default{ color: #008CC7; font-size: 12px; margin-left: 4px; } .clear_spc span{ font-weight: bold; } .my-col-xs-3{width: 25%!important;} .my-clo-5{ width: 20%!important;} .isrelease{opacity: 0.5;};/*禁止点击*/ /*mui-popover list点击高亮*/ .mui-popover .mui-table-view-cell.mui-active{background-color: #F7F7F7 !important;} /*背景色为白色,top等于10的距离*/ .box-white-top{background-color: #fff; margin-top: 10px;} /*白色背景*/ .white-badge{background-color: #fff;} /*自定义列表*/ .my-li .mui-table-view-cell{ padding:10px; font-size: 14px; line-height: 20px;} .my-li .mui-table-view-cell > a:not(.mui-btn){ margin: -10px;} .my-li .mui-table-view-cell:after{ left: 0;} .my-li .mui-table-view-cell .mui-pull-right{ margin-right: 20px;} .my-li .mui-scroll{top: 10px;} .my-li>.mui-table-view:first-child{margin-top:0} .my-li .mui-table-view-cell .mui-pull-right.nomargin-right{margin-right: 0!important;} .my-li .mui-navigate-right:after{ right: 10px;font-size: 16px;} .my-li .mui-table-view-cell .mui-navigate-right > .mui-badge{right: 30px;} .last-li-after .mui-table-view-cell:last-child:after{height: 1px;} .my-li.last-li-after:before{height: 0;} .my-li.xs .mui-table-view-cell{ padding:15px 10px;} .my-new-li .mui-table-view-cell{padding: 14px 16px;} .my-new-li .mui-table-view-cell > a:not(.mui-btn){margin: 0;padding: 0;} .my-new-li .mui-navigate-right:after{right: 0;} .mui-navigate-right:after, .mui-push-right:after{right:10px;font-size: 18px;} .mui-navigate-right .mui-pull-right{ margin-right: 20px;} /*自定义lable*/ .inputfrom-class .mui-input-row label {padding: 11px !important;} .border-bottom1 { border-bottom: 1px solid #F0F0F0!important; } /* 黑色字 */ .black33{color: #333;} /*红色字*/ .red-font{ color: #F23030;} .important{color: #EE0A24;margin-right: 2px ;} /*灰色字*/ .gray-font{color: #686868!important;} /* .gray-font{color: #686868!important;} */ .gray-66{color: #666666;} .gray-88 {color: #888888;} .gray-99{color: #999999} .gray-cc{color:#ccc} /*红色字体*/ .orange-red{color: #F23030;} /*蓝色字体*/ .blue-font{color: #008CC7;} .blue-font2{color: #00A0E9;} /*白色字体*/ .white-font{color: #fff;} /*黑色字体*/ .black-font{color: #555!important;} /*灰色背景颜色*/ .bgcolor-gray{background-color:#ccc!important;} .bgcolor-white{background-color:#fff!important;} .bgcolor-f8{background-color: #f8f8f8;} /*自定义橘红色背景角标*/ /*超出隐藏*/ .over-hidden{overflow:hidden;} /*红色背景*/ .my-badge-red{ color: #fff; background-color: #F23030!important;} /*input提示语变白*/ input.invalid::-webkit-input-placeholder{ color: #FFFFFF; } /*input提示语居右*/ input.placeholderRight::-webkit-input-placeholder{ text-align: right; } /*input提示语变灰*/ input.gray::-webkit-input-placeholder{ color: #757575; } /*bar-nav右边item*/ .mui-bar .title-right-set{font-size: 15px; font-weight: 500; line-height: 44px; color: #000;} .mt5{margin-top: 5px;} .mt7{ margin-top: 7px;} .mt10{ margin-top: 10px;} .mt12{margin-top: 12px;} .mt15{ margin-top: 15px;} .mt16{margin-top: 16px;} .mt20{ margin-top: 20px!important;} .mt30{ margin-top: 30px;} .mt40{ margin-top: 40px!important;;} .mt44{ margin-top: 44px;} .mt45{ margin-top: 45px;} .ml5{margin-left: 5px;} .ml10{ margin-left: 10px;} .ml16{margin-left: 16px;} .ml40{margin-left: 40px;} .mr5{margin-right: 5px;} .mr10{margin-right: 10px;} .mr20{ margin-right:20px;} .mb10{ margin-bottom: 10px;} .ptnone{ padding-top: 0px!important;} .pt10{padding-top: 10px;} .pt44{padding-top: 44px;} .pt85{ padding-top: 85px!important;} .pt88{ padding-top:88px!important;} .ptb5{ padding-top: 5px; padding-bottom: 5px;} .top44{ top:44px;} .pl6{padding-left: 6px;} .pl7{padding-left: 7px;} .pl10{padding-left: 10px;} .pr10{padding-right: 10px;} .pb10{padding-bottom: 10px;} .pb50{padding-bottom: 50px;} .pb20{padding-bottom: 20px;} /*右边距离*/ .right-interval-sm{margin-right: 20px;} /*左边距离*/ .left-interval-sm{ margin-left: 20px;} /*底部btn框*/ .pay-btn{display: table; position:fixed;left: 0; bottom: 0; text-align: center; height: 50px; line-height: 50px;width: 100%; z-index: 11;} /*右边距离20*/ .right-interval-20{margin-right: 20px;} /*右边距离15*/ .right-interval-15{margin-right: 15px;} /*右边距离10*/ .right-interval-10{margin-right: 10px;} /*右边距离5*/ .right-interval-5{margin-right: 5px!important;} /*左边距离20*/ .left-interval-20{margin-left: 20px;} /*左边距离10*/ .left-interval-10{margin-left: 10px;} /*左边距离5*/ .left-interval-5{margin-left: 5px;} .h40{ height: 40px;} .w30{ width: 30px; } .flex-1{flex: 1} .has-px-10{padding-left: 10px; padding-right: 10px;} .has-px-20{ padding-left: 20px; padding-right: 20px;} .has-px-15{ padding-left: 15px; padding-right:15px;} .has-px-16{padding-left: 16px;padding-right: 16px;} .has-allpx-10{padding: 10px;} .has-tb15-lr10{padding: 15px 10px;} .has-allpx-16{padding: 16px;} .has-tb15-lr10{padding: 15px 10px;} .has-tb12-lr16{padding: 12px 16px;} .has-tb10-lr12{padding: 10px 12px;} .has-tb8-lr16{padding: 8px 16px;} .po-relative{ position: relative; } /* 灰色间隔 */ .my-gap{width: 100%;height: 10px;background-color: #F8F8F8;} /*更多*/ .showmore{text-align: center; color: #686868; font-size: 12px; line-height: 45px;} .showmore .mui-icon{font-size: 16px;} /*更改mui.css*/ /*头部*/ /* .mui-bar .mui-icon{font-size: 1.82em;} */ .mui-plus-hidden.mui-bar-tab ~ .mui-content{ padding-bottom: 0px!important;} .mui-bar.mui-bar-nav{box-shadow:none!important; background-color: #fff!important;} .mui-bar.mui-bar-nav.no-border{ box-shadow: none!important;} .mui-bar.mui-bar-nav.no-border:after{ height: 0;} .mui-bar.mui-bar-nav:after{position:absolute;content:'';bottom:0;left:0;right: 0; height:1px;background-color:#e5e5e5;transform-origin:left bottom;-webkit-transform:scaleY(.5);transform:scaleY(.5);box-sizing: border-box; z-index: 2; } .mui-bar.mui-bar-nav ~ .mui-content .mui-input-group:before{ height: 0;} /*内容*/ .mui-bar-nav~.mui-content >.mui-scroll-wrapper{top: 44px;} /*底部选项卡*/ .mui-bar-tab .mui-tab-item.mui-active{color:#00A0E9;} .mui-bar-tab .mui-tab-item{ color: #5d5f6a;} /*列表下划线*/ .mui-table-view-cell:after{background-color:#e5e5e5;left: 0;width:100%; transform-origin:left bottom;} .mui-table-view::after{background-color:#e5e5e5; transform-origin:left bottom;} .mui-table-view::before{background-color:#e5e5e5; transform-origin:left top;} .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after{background-color:#e5e5e5; transform-origin:left bottom;} .mui-table-view.no-before::before{height: 0;} /*输入表单下划线*/ .mui-input-group:before{background-color:#e5e5e5; transform-origin:left top;} .mui-input-group .mui-input-row:after{ left: 0; background-color: #e5e5e5; transform-origin: left bottom;} .mui-input-group:after{background-color:#e5e5e5; transform-origin: left bottom;} /*输入表单样式*/ .inputfrom-boby-bgcolor{background-color: #fff; height: 100%;} .inputfrom-boby-bgcolor .mui-content{background-color: #fff;} .inputfrom-class .mui-input-row label{font-size: 14px; color: #333; line-height: 1.3;} .inputfrom-class .mui-input-row label ~ input{ float: left; padding: 11px 42px 11px 0px; font-size: 14px; color: #333;} .inputfrom-class .mui-input-row label ~ input[type="text"]:disabled{color: #333333!important; -webkit-appearance:none;} .inputfrom-class .mui-input-row label ~ input[disabled]{color: #333333!important;} /*复选框单选框*/ .mui-radio input[type='radio']:checked:before, .mui-checkbox input[type='checkbox']:checked:before{color: #008cc7;} .mui-radio.mui-left input[type='radio'], .mui-checkbox.mui-left input[type='checkbox']{left: auto;} .mui-radio input[type='radio']:before, .mui-checkbox input[type='checkbox']:before{font-size: 20px;} .mui-radio.mui-left label, .mui-checkbox.mui-left label{padding-left:30px !important;} .mui-radio input[type='radio'], .mui-checkbox input[type='checkbox']{right: auto;} /*0.5px边框*/ .bdbox-1px{position: relative; } .bdbox-1px::before{position:absolute;left:0;top:0;width:200%;height:200%;border-radius:6px;box-sizing:border-box;border:1px solid #e5e5e5;content:'';transform:scale(.5,.5);-ms-transform:scale(.5,.5);-moz-transform:scale(.5,.5);-webkit-transform:scale(.5,.5);-o-transform:scale(.5,.5);transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top} .bdbox-1px.blue-border::before{border: 1px solid #008CC7;} .bdbt-1px{position:relative} .bdbt-1px:before{top:0;transform-origin:left top;} .bdbt-1px:after,.bdbt-1px:before{position:absolute;left:0;right: 0; box-sizing:border-box;height:1px;background-color:#e5e5e5;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5)} .bdbt-1px:after{bottom:0;transform-origin:left bottom;} .b-bottom-1px{position:relative} .b-bottom-1px:after{position:absolute;content:'';bottom:0;left:0;right: 0; height:1px;background-color:#e5e5e5;transform-origin:left bottom;-webkit-transform:scaleY(.5);transform:scaleY(.5);box-sizing: border-box; z-index: 2; } .b-bottom-1px.b-bottom-left:after{ left:10px;} .b-top-1px{position:relative} .b-top-1px:before{position:absolute;top:0;left:0;box-sizing:border-box;right:0;height:1px;background-color:#e5e5e5;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);transform-origin:left top;} /*促销*/ /*.layout-box .promotion-sign{display:block;}*/ .layout-box .promotion-text{display: block; margin-left: 35px;} /*.promotion-text{width:68%;padding:0 4px;}*/ .layout-box .promotion-text span{display: block;} .pro-promotion{ font-size: 13px; color: #333; line-height: 15px; margin: 7px 0 7px 0;} /*.promotion-sign{border: 1px solid #F23030; border-radius: 3px; margin-right: 3px;font-size: 13px; color: #f23030; line-height: 15px;} */ .my-sign1-box{margin-right: 3px; vertical-align: top; width:45px; height: 17px; overflow: hidden; box-sizing: border-box; display: inline-block; text-align: center;} .my-sign1{display: inline-block;padding:0px;border: 1px solid #f23030;height: 30px;width:80px;color: #f23030;border-radius: 6px;background-color: #fff;font-size: 24px;line-height:30px;text-align: center;-webkit-transform: scale(.5,.5);transform: scale(.5,.5);-webkit-transform-origin:top left;transform-origin:top left;} .my-sign1-box.md{ width: 45px!important; } .my-sign1-box.md .my-sign1{ width:90px!important; } /*列表标题*/ .list-title-bar{position: relative; padding-top: 10px; padding-bottom: 10px; font-size: 14px !important; margin: 0 !important; padding-left: 10px; padding-right: 10px; background-color: #fff; overflow: hidden; line-height: 20px;} /*左右排布内容*/ .around-layout-p {background-color: #fff;overflow: hidden;} .around-layout-p p{padding-left: 10px; padding-right: 10px; overflow: hidden; margin-bottom: 7px; word-break:break-all;} .around-layout-p p:first-child{margin-top: 7px;} .around-layout-p .underline{padding-bottom: 7px;} /*去掉mui基本样式图文列表*/ .out-table-view .mui-table-view-cell{padding: 0;} .out-table-view .mui-table-view-cell > a:not(.mui-btn){margin: 0;} .mui-table-view-cell{ padding: 11px 10px; } /*选项卡+上拉加载下拉刷新*/ .pullrefresh-tab-boby .mui-bar~.mui-content .mui-fullscreen {top: 44px;height: auto;} .pullrefresh-tab-boby .mui-pull-top-tips {position: absolute;top: -20px;left: 50%;margin-left: -25px;width: 40px;height: 40px;border-radius: 100%;z-index: 11111;} .pullrefresh-tab-boby .mui-bar~.mui-pull-top-tips {top: 24px;} .pullrefresh-tab-boby .mui-pull-top-wrapper {width: 42px;height: 42px;display: block; text-align: center;background-color: #efeff4;border: 1px solid #ddd;border-radius: 25px;background-clip: padding-box;box-shadow: 0 4px 10px #bbb;overflow: hidden;} .pullrefresh-tab-boby .mui-pull-top-tips.mui-transitioning {-webkit-transition-duration: 200ms;transition-duration: 200ms;} .pullrefresh-tab-boby .mui-pull-top-tips .mui-pull-loading {margin: 0;} .pullrefresh-tab-boby .mui-pull-top-wrapper .mui-icon, .pullrefresh-tab-boby .mui-pull-top-wrapper .mui-spinner {margin-top: 7px;} .pullrefresh-tab-boby .mui-pull-bottom-tips {text-align: center; background-color: #efeff4;font-size: 15px;line-height: 40px;color: #777;} .pullrefresh-tab-boby .mui-pull-top-canvas {overflow: hidden;background-color: #fafafa;border-radius: 40px;box-shadow: 0 4px 10px #bbb;width: 40px;height: 40px;margin: 0 auto;} .pullrefresh-tab-boby .mui-pull-top-canvas canvas {width: 40px;} .pullrefresh-tab-boby .mui-table-view{ background-color: transparent;} .pullrefresh-tab-boby .mui-control-content .mui-loading {margin-top: 50px;} /*重写底部选项卡*/ .mui-bar-tab .my-tab-item{display: table-cell;overflow: hidden; width: 1%;text-align: center;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;color: #5d5f6a;} /*无法加载到数据时*/ .nodate-face{ margin: 0 auto; text-align: center; margin-top: 30px;} .nodate-face p{text-align: center; color:#C0C0C0;} .nodate-face p .iconfont{font-size: 50px;} .nodate-face p .fontXS{font-size: 100px;} .nodate-face .error-img{width: 100px;} .nodate-face.spec-deal{width: 100%; right: 0; left: 0; padding-top: 30px; margin-top: 0px; background-color: #efeff4; position: absolute; z-index: 5;} /*hander三个显示的时候*/ .three-search-title{right: 44px;left: 44px;display: inline-block;overflow: hidden;width: auto;margin: 0;text-overflow: ellipsis; position: absolute;} .three-search-title.plus-right{ right: 88px!important; left: 88px!important;} .three-search-title.more-right{right: 78px!important;} .three-search-title.more-right ~ .top-action-right a{ margin-left: 0!important; } /*搜索框组件*/ .my-search-box{border: 0; border-radius: 6px; /*background-color: rgba(0, 0, 0, .1);*/font-size: 14px;height: 29px; margin: 7px 0!important;} .my-search-box .mui-icon-clear{top:-5px!important;} .my-search-box.mui-search .mui-placeholder{top:-6px} .my-search-box .my-search-input{margin: 0!important;background-color:#f4f4f4!important;padding-left: 30px; padding-right: 30px; font-size: 16px; text-align: left; float: left;} .my-search-box .my-search-btn{width:20px;height: 29px;display: inline-block;position: absolute; left: 5px; top: 0;} .my-search-box .my-search-icon{ padding: 0px !important;position: absolute;top: 50%;left: 50%; margin: 0;margin-top: -11px; margin-left: -8px !important;} .h-search-posi{position: relative; z-index: 3; top:44px; height: 44px; line-height: 44px;} .h-search-posi~.mui-content .mui-pull-top-pocket{top: 88px;} .h-search-posi~.job-module~.mui-content .mui-pull-top-pocket{top:128px;} .my-search-box2 .my-search-input{line-height: 29px;height: 29px;margin: 0!important;background-color:#f4f4f4!important;padding-left: 15px; padding-right:45px; font-size: 14px; text-align: left;} .my-search-box2 .my-search-btn{width:40px;height:34px;display: inline-block;position: absolute; right: 10px; top:5px;} .my-search-box2 .my-search-icon{position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: (-50%,-50%); transform: translate(-50%,-50%);} .searchbox-new{position: relative;font-size: 14px;height: 36px;} .searchbox-new .my-search-input{background-color:#f4f4f4;padding: 0 30px;font-size: 16px;text-align: left;height: 36px;} .searchbox-new .my-search-icon{position: absolute;top: 50%;left: 5px;transform: translateY(-50%);} /*自定义搜索框*/ .search-white{ background-color: rgba(255,255,255, .5)!important;} .search-back{background-color: #f4f4f4!important;} .my-search-title .mui-placeholder .mui-icon{font-size: 22px;} .my-search-title.mui-active:before{color: #fff!important;} .my-search-title .mui-input-clear ~ .mui-icon-clear{color: #eee!important;} .mui-search .mui-placeholder .mui-icon{ font-size: 22px;} .mui-search .mui-placeholder{ font-size: 14px;} .mui-search input{margin-bottom:0px; padding-left: 30px;height: 29px;margin:0;font-size: 16px;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center; border: 0;border-radius: 6px;line-height: 21px;width: 100%;padding: 10px 15px;outline: none;-webkit-appearance: none;} /*回到顶部*/ .hover-top{position: absolute;width:35px;height:35px;right:10px;bottom:20px;background-color: #fff; border: 1px solid #888; border-radius: 25px; color: #888; text-align:center; padding-top:5px; cursor:pointer; opacity:0.9; z-index: 999;} .hover-top.bottom-xs{bottom: 70px;} .hover-top.bottom-big{bottom:100px;} .mui-plus .plus-default-high{bottom:50px;} /*加载中的动图*/ .my-position-wite{position: absolute;top: 50%;margin-top: -12px;left: 50%;margin-left: 32px;} .mui-spinner {display: inline-block;width: 24px; height: 24px; -webkit-transform-origin: 50%;transform-origin: 50%; -webkit-animation: spinner-spin 1s step-end infinite; animation: spinner-spin 1s step-end infinite; } .mui-spinner:after {display: block;content: "";width: 100%; height: 100%;background-position: 50%; background-size: 100%;background-repeat: no-repeat;} .mui-spinner-custom:after { background-image: url("data:image/svg+xml;charset=utf-8,"); } /*加载中的动图*/ .mui-btndisable {display: inline-block;width: 24px; height: 24px;} .mui-badge.white-badge{color: #008CC7; background-color: #fff;} /*侧边浮动按钮*/ .my-float-btn{ position:fixed; right: 0; width:30px;text-align: center; height:120px; box-sizing: border-box; padding: 10px 0; background-color: rgba(153,204,255,0.8); border-bottom-left-radius: 6px; border-top-left-radius: 6px; color: #fff; z-index: 3;} .my-float-btn:active{ color: #ccc;} .my-float-btn.big-h{ height: 145px;} .my-float-btn.posi01{top:140px;} .my-float-btn.posi02{top:305px;} .my-float-btn.posi03{top:170px;} .my-float-btn .icon-tip{ width: 20px; height: 20px; border-radius: 50%;line-height: 20px; display: inline-block; background-color: #fff; color: #99ccff; } .my-float-btn .text-title{ width:20px; height: 100%; display: inline-block;} .my-float-btn .text-sum-tip{width: 20px; height: 20px; border-radius: 50%;line-height: 20px; display: inline-block; background: -webkit-linear-gradient(#ff3704, #ff7946); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#ff3704, #ff7946); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#ff3704, #ff7946); /* Firefox 3.6 - 15 */ background: linear-gradient(#ff3704, #ff7946); /* 标准的语法（必须放在最后） */ } /*按钮颜色*/ .my-btn-red2{color:#fff !important; border:none !important; background: -webkit-linear-gradient(#ff3704, #ff7946); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#ff3704, #ff7946)!important; /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#ff3704, #ff7946)!important; /* Firefox 3.6 - 15 */ background: linear-gradient(#ff3704, #ff7946)!important; /* 标准的语法（必须放在最后） */ }} .my-btn-red2:enabled:active{background-color: #F23030!important;} .my-btn-red2.mui-btn-outlined{color: #F23030;} .my-btn-gray2{color:#fff !important; border:none!important; background-color:#cececf !important;} .my-btn-gray2:enabled:active{background-color: #C8C7CC;} .my-btn-gray2.mui-btn-outlined{color: #CCCCCC;} .my-btn-blue{color: #fff;background-color: #00A0E9;border: none;} .my-btn-nodata{width: 132px;height: 40px;line-height: 40px;text-align: center;border-radius: 4px;} /*//列表操作按钮宽高*/ .list-action-btn{width: 68px; line-height: 21px; height: 21px;padding: 0;} /* ----------------------------与订货端一样的样式结束--------------------------*/ /*更改mui.css*/ /*更改底部导航背景颜色*/ .mui-bar.mui-bar-tab{ background-color: #fff!important;box-shadow: none!important;} .mui-bar.mui-bar-tab>a{position: relative;} .mui-bar.mui-bar-tab>a:before{position: absolute;left: 0; top:0px; height:1px; width:100%; content: ''; -webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #e5e5e5; transform-origin:left top; z-index: 10; box-sizing: border-box;} /*更改搜索框*/ /*.mui-search input[type='search']{height:29px;} .mui-search .mui-placeholder{ font-size: 14px;}*/ /*更改折叠面板样式*/ .mui-table-view-cell.mui-collapse .mui-collapse-content{margin: 11px -10px -11px;padding: 8px 10px;} .mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-input-group, .mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-slider{ margin: -8px -10px;} .mui-table-view-cell > a:not(.mui-btn){margin: -11px -10px;} /*九宫格*/ .mui-table-view.mui-grid-view .my-grid-media.mui-table-view-cell.mui-media{padding: 5px 2px;} .mui-grid-view.mui-grid-9 .mui-table-view-cell{border-bottom: 0;border-right: 0;} .mui-grid-view.mui-grid-9{ margin:0px 0 5px 0; background-color: #fff;} .mui-grid-view.mui-grid-9 .mui-media .mui-icon{ font-size: 1.8em;} .mui-grid-view.mui-grid-9 .mui-table-view-cell{padding: 5px 2px;} /*图片视图*/ .mui-table-view.mui-grid-view{padding: 0;} .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01{margin: 0;padding: 0;} .mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn){margin: 0;} /*图文列表*/ .mui-table-view-cell.mui-media{padding: 0;} .mui-table-view-cell.mui-media > a:not(.mui-btn){margin: 0;} /*侧边导航*/ .mui-off-canvas-left, .mui-off-canvas-right{background:#fff;width:80%;} .mui-table-view-inverted{color:#333; background:#fff;} .mui-table-view-inverted .mui-table-view-cell:after{background-color:#e5e5e5;} /*产品详细页面*/ .mui-bar .mui-segmented-control.mui-segmented-control-inverted{width: auto;} .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { color: #00A0E9; border-bottom: 2px solid #00A0E9; background: none; } .mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item{ border-top: 0; border-bottom:0; } .mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item:before{position:absolute;top:0;left:0;box-sizing:border-box;right:0;height:1px;background-color:#e5e5e5;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);transform-origin:left top; z-index: 3;} .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{ border-bottom: 2px solid #00A0E9;} .user-pay-scroll .mui-scroll{background-color: #fff;} .mui-segmented-control.mui-scroll-wrapper{height: 40px;} /*侧滑菜单*/ .mui-off-canvas-wrap .mui-bar{box-shadow: 0 0 1px rgba(51, 51, 51, .7);} /*修改mui对话框样式*/ .mui-popup .mui-popup-inner{ padding: 15px;} .mui-popup .mui-popup-title{font-size: 16px;color: #333} .mui-popup .mui-popup-title+.mui-popup-text{ line-height:38px; margin: 0;} .mui-popup .mui-popup-input{ /*padding: 15px 0;*/} .mui-popup .mui-popup-text{/*padding: 15px 0;*/} .mui-popup .mui-popup-input input{ width: 95%; height: 30px; /*margin: 0;*/} .mui-popup .mui-popup-button{/*color: #333;*/font-size: 14px; font-weight: 300!important;} .mui-popup .mui-popup-button.mui-popup-button-bold{/*background-color: #008cc7;color: #fff;*/font-weight: 300;} /*修改选项卡蓝色的颜色*/ .mui-segmented-control{border: 1px solid #008cc7;} .mui-segmented-control .mui-control-item.mui-active{background-color: #008cc7;} .mui-segmented-control .mui-control-item{color: #008cc7; border-color: #008cc7;border-left: 1px solid #008cc7;} /*浏览器时隐藏header去掉padding,APP时则显示出来*/ .mui-plus .mui-plus-visible.mui-bar-nav~.mui-content{padding-top: 44px!important;} .mui-plus-visible.mui-bar-nav~.mui-content{padding-top: 0px!important;} /* ----------------------------通用样式开始--------------------------*/ body{color: #333333; font-size: 14px;} /*主颜色蓝色*/ .my-blue-bg{ background-color: #00A0E9 !important; color: #fff!important; border:none !important;} .my-gray-bg{background-color:#F7F7F7; color: #333;} .my-white-bg{background-color: #ffffff;} /*价格*/ .price{font-size: 23px; color: #f23030; font-weight:600;} .symbol-pice{ font-size: 16px;} /*flex弹性盒子布局*/ .box-flex-f{display: -moz-box; display: -webkit-box; display: box;} .box-flex-c{-moz-box-flex:1.0; /* Firefox */-webkit-box-flex:1.0; /* Safari 和 Chrome */box-flex:1.0;} .flex {display: flex;} .flex.align-center {align-items: center;} .flex.align-start{align-items: flex-start;} .flex-box{display: flex;align-items: center;justify-content: center;} .flex-between-box{display: flex;align-items: center;justify-content: space-between;} .justify-between{justify-content: space-between;} .justify-end{justify-content: flex-end;} .flex-direction-column{flex-direction: column;} .flex-item{flex: 1;} .flex-wrap{flex-wrap: wrap;} /*自定义switch开关*/ .mui-switch.mui-active{ border-color: #008cc7; background-color: #008cc7;} /*橙色字*/ .orange-font{color: #fb5210;} /*橙色价格样式*/ .Oprice-style{color: #fb5210; font-size: 16px;} .Oprice-style .small-symbol{font-size: 10px;} /*蓝色边框*/ .bluish-border{border: 1px solid #099; border-radius: 5px; line-height: 12px; font-size: 9px; padding: 2px;} /*自定义选中状态时主颜色蓝色边框*/ .my-blue-outlined a{color: #333; border: 1px solid #e3e5e9; border-radius:4px; margin:0 10px 10px 0; padding:5px 10px;font-size: 14px; background-color: #fff; display: inline-block; line-height: 21px;} .my-blue-outlined a.active{border: 1px solid #00A0E9; color:#00A0E9;} .my-blue-outlined.xs a{ margin-right: 15px; padding:5px 20px;} .my-blue-outlined.sm a{ margin-right: 15px; padding:1px 16px; margin-bottom: 9px;} .no_right .mui-navigate-right::after{display: none!important;} /*0.5边框的操作按钮*/ .blue-btn-style{ border: 1px solid #00A0E9!important; color:#00A0E9!important;} .blue-btn-style:enabled:active{background-color: #019ddf; color: #fff!important;} .my-btn1-box{ width:68px; height: 21px; overflow: hidden; box-sizing: border-box;} .my-btn1-box.verysm{ width: 30px;height: 18px;} .my-btn1-box.sm{ width: 50px;} .my-btn1-box.xs{width: 102px;} .my-btn1-box.verysm .my-btn1{ height: 36px!important;font-size: 20px!important;line-height: 36px;} .my-btn1{padding:0px; border: 1px solid #bfbfbf; height: 42px; width:200%;color: #333; border-radius: 6px; background-color: #fff; font-size: 24px; line-height: 42px; text-align: center; -webkit-transform: scale(.5,.5); transform: scale(.5,.5); -webkit-transform-origin:top left; transform-origin:top left;} .my-btn2-box{ width:82px; height: 34px; overflow: hidden; box-sizing: border-box;} .my-btn2{padding:0px; border: 1px solid #bfbfbf; height: 68px; width:200%;color: #333; border-radius: 6px; background-color: #fff; font-size: 26px; line-height: 68px; text-align: center; -webkit-transform: scale(.5,.5); transform: scale(.5,.5); -webkit-transform-origin:top left; transform-origin:top left;} .my-btn2-box.xs{width: 102px;} .my-btn2-box.width-auto{width: auto;} .my-btn3-box{ width:66px; height: 26px; overflow: hidden; box-sizing: border-box;} .my-btn3{padding:0px; border: 1px solid #bfbfbf; height: 52px; width:200%;color: #333; border-radius: 6px; background-color: #fff; font-size: 26px; line-height: 52px; text-align: center; -webkit-transform: scale(.5,.5); transform: scale(.5,.5); -webkit-transform-origin:top left; transform-origin:top left;} .my-input1-box{ width:100%; height: 40px; overflow: hidden; box-sizing: border-box;} .my-input2-box{width:100%; height: 130px; overflow: hidden; box-sizing: border-box;} .my-input3-box{width:100%; height: 180px; overflow: hidden; box-sizing: border-box;} .my-input4-box{width:100%; height: 80px; overflow: hidden; box-sizing: border-box;} .my-input1 input[type='text'], .my-input1 input[type='number'], .my-input1 input[type="button"], .my-input1 button[type="button"], .my-input1 input[type='password'], .my-input1 textarea{padding:10px 15px; border: 1px solid #bfbfbf; height: 200%; width:200%;color: #333; border-radius: 6px; background-color: #fff; font-size: 28px; line-height: 42px; -webkit-transform: scale(.5,.5); transform: scale(.5,.5); -webkit-transform-origin:top left; transform-origin:top left;} /*取消点击时的高亮效果*/ .mui-table-view-cell.mui-active{background-color: #fff;} .mui-table-view-cell.mui-active > .mui-slider-handle{background-color: #fff;} .mui-table-view-cell > a:not(.mui-btn).mui-active{background-color: #fff;} /*底部选项菜单有颜色*/ .my-bar-concern{ display: table; position: fixed; left: 0; bottom: 0; z-index: 10; text-align: center; width: 100%; height: 50px; background-color: #fff;} .my-bar-concern .bar-action-right{width: 50%; background-color: #008cc7; color: #fff; line-height:50px; font-size: 15px; position: relative;} /*操作按钮置于底部*/ /*侧滑菜单中有些手机不适用于position:fixed,所以用po-ab覆盖其样式*/ .bottom-bar-box{display: table; position:fixed;background-color: #fff;left: 0; bottom: 0; text-align: center; height: 50px; line-height: 50px;width: 100%; z-index: 11;} .bottom-bar-box-scrren{padding: 0 4px;} .bottom-bar-box.po-ab{ position: absolute!important;} .operation-btn-style button{background-color: #fff;} .bottom-bar-box .items-bar-a{ display: flex; height: 50px; align-items: center;} .bottom-bar-box .btn-style{border: 0;border-radius: 0;height: 100%;line-height: 50px;padding: 0;} .bottom-bar-box .screen-footer-btn{padding:5px;box-sizing: border-box;} .bottom-bar-box .screen-footer-btn button{width: 100%;height: 40px;box-sizing: border-box;color: #666;border:1px solid #DCDEE0;} .bottom-bar-box .screen-footer-btn button.action{color: #fff;border:1px solid #00A0E9;background-color: #00A0E9;} .bottom-bar-box .screen-footer-btn button.error{color: #fff;border:1px solid #888;background-color: #333;} /*底部button的样式*/ .action-btn-style{border: 0;border-radius: 0;height: 100%;line-height: 50px;padding: 0;} .btn-blue{ color:#fff; border:1px solid #00A0E9; background-color:#008cc7;width: 97%;} .btn-blue:enabled:active{background-color: #00A0E9;} .pay-btn-box { width: 100%; text-align: center;} .my-pay-btn{ width: 97%; display: inline-block; height: 40px; text-align: center; font-size: 15px; margin: 4px auto auto auto; line-height: 10px;} /*.my-action-btn{ display: inline-block;}*/ /*取消点击按钮高亮*/ .clickButton{background-color: rgb(255,255,255) !important;} /*button背景红颜色*/ .mui-btn-negative, .mui-btn-danger, .mui-btn-red{ color: #fff;border: 1px solid #f23030;background-color: #f23030;} /*居中*/ .align-font{ text-align: center;} /*底部弹出栏字体颜色*/ .mui-popover .mui-table-view-cell > a:not(.mui-btn){color: #008CC7;} /*顶部导航栏弹出菜单*/ .my-top-popover{position: absolute;top: 16px;right: 6px;} .my-top-popover .mui-popover-arrow {left: auto;right: 6px;} .my-top-popover.sm-info-po{ width: 130px; height: 70px;} .my-top-popover.sm-info-po .meau-a{ line-height:70px; display: block; text-align: center;} .my-top-popover.black-center .mui-table-view-cell > a:not(.mui-btn){text-align: center;color: #333333;} /*字体大小*/ .bold{font-weight: bold;} .font1{font-size: 14px;} .font2{font-size: 12px;} .font3{font-size: 16px;} .font4{font-size: 13px;} .font5{font-size: 18px;} .font6{font-size:24px;} .font10{font-size: 10px!important;} .font11{font-size: 11px!important;} .font12{font-size: 12px!important;} .font13{font-size: 13px;} .font14{font-size: 14px!important;} .font15{font-size: 15px!important;} .font16{font-size: 16px!important;} .font17{font-size: 17px!important;} .font18{font-size: 18px!important;} .font20{font-size: 20px!important;} .font22{font-size:22px!important;} .font25{font-size: 24px!important;} .font24{font-size: 24px!important;} .font28{font-size: 28px!important;} .font40{font-size: 40px;} .font50{font-size: 50px!important;} .font70{font-size: 70px!important;} .isTclModel{display: none;} /*字体颜色*/ .color1{color:#333 ;} .color2{color: #888;} .color3{color: #FFFFFF;} .color4{color: #F23030;} .color5{color:#00A0E9} .priceNum{color: #f23030;font-weight: 600;font-size: 18px;overflow: hidden;} /*行内块元素*/ .display-inline{display: inline-block;} /*通用内外边距*/ .margintb{margin-top: 10px; margin-bottom: 10px;} .marginlr{margin: 0 10px;} .marginleft{margin-left: 4px;} .mar-top{ margin-top: 10px;} .paddingtb{padding: 10px 0;} .paddinglr{padding: 0 10px;} .scorllBody{height: 100%;background-color: #FFFFFF} /*固定在顶部操作*/ .mui-bar.has-operation-bar{height: 95px;} .mui-bar.has-operation-bar .operation-bar-top{padding-top: 50px;} .mui-bar-nav.has-operation-bar~.mui-content{padding-top:95px;} .mui-bar-nav.has-operation-bar~.mui-content .mui-pull-top-pocket{top:95px;} /*flex弹性盒子布局*/ .box-flex-f{display: -webkit-box;} .box-flex-c{-webkit-box-flex: 1;} /*块级元素*/ .block-level{ display: block;} /*行内元素*/ .inline-level{ display: inline-block;} /*右边0.5px边框*/ .b-right-1px{position: relative;} .b-right-1px:after{ position: absolute; left: 0; height:100%; width: 1px; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); background-color: #e5e5e5; /*z-index: 10;*/} /*form的input右边距离*/ .from-right input{ padding-right: 35px;} /*数字输入框*/ .custom-num.mui-numbox{height: 28px; width: 110px; background-color:#fff} .custom-num.mui-numbox{ padding: 0 30px 0 30px; height: 28px; width: 110px;} .custom-num.mui-numbox .mui-btn-numbox-minus, .custom-num.mui-numbox .mui-btn-numbox-plus{width: 30px; line-height: 28px;} .custom-num.mui-numbox [class*=numbox-btn], .custom-num.mui-numbox [class*=btn-numbox]{ background-color:#fff;} /*.custom-num.sm.mui-numbox{height: 21px; width: 100px;} .custom-num.sm.mui-numbox{ padding: 0 30px 0 30px; height: 21px; width: 100px;} .custom-num.sm.mui-numbox .mui-btn-numbox-minus, .custom-num.sm.mui-numbox .mui-btn-numbox-plus{width: 30px; line-height: 19px;} .custom-num.sm.mui-numbox [class*=numbox-btn], .custom-num.mui-numbox [class*=btn-numbox]{ background-color:#fff;} .custom-num.sm.mui-numbox .mui-input-numbox, .custom-num.sm.mui-numbox .mui-numbox-input{ height: 110%;}*/ .custom-num.sm.mui-numbox.my-style-numbox { padding: 0 10px 0 10px; height: 20px; width: 78px;} .custom-num.sm.my-style-numbox .mui-btn-numbox-minus, .custom-num.sm.my-style-numbox .mui-btn-numbox-plus{width: 20px; line-height: 20px; border-radius: 50%;} .custom-num.sm.my-style-numbox .mui-btn-numbox-minus{border:1px solid #008cc7; color: #008cc7;} .custom-num.sm.my-style-numbox .mui-btn-numbox-plus{background-color: #008cc7; color: #fff;} .custom-num.sm.my-style-numbox .my-input-box{height: 100%;display: inline-block;padding: 0 16px;border-top: 1px solid #008cc7;border-bottom: 1px solid #008cc7; position:initial; } .custom-num.sm.my-style-numbox .mui-input-numbox, .custom-num.sm.my-style-numbox .mui-numbox-input{text-overflow: initial; font-size:12px; padding: 0px!important; height: 100%;border: none!important;vertical-align: top;} .custom-num.sm.my-style-numbox button:disabled,.mui-btn:disabled{ opacity: 1;} .custom-num.my-style-numbox .mui-btn-numbox-minus, .custom-num.my-style-numbox .mui-btn-numbox-plus{width:30px; border-radius: 50%;line-height: 30px;} .custom-num.my-style-numbox.mui-numbox{padding: 0 15px 0 15px; height: 30px; width: 86px;border: none;} .custom-num.my-style-numbox .mui-btn-numbox-minus{ color: #008cc7;} .custom-num.my-style-numbox .mui-btn-numbox-plus{ color: #fff;} .custom-num.my-style-numbox .mui-btn-numbox-minus:before{ position: relative; z-index: 2;} .custom-num.my-style-numbox .mui-btn-numbox-minus .jian-bg{width: 24px; height: 24px; border-radius: 50%;border:1px solid #008cc7; position: absolute; z-index: 1; top: 3px; left: 3px;} .custom-num.my-style-numbox .mui-btn-numbox-plus:before{ position: relative; z-index: 2;} .custom-num.my-style-numbox .mui-btn-numbox-plus .add-bg{width: 24px; height: 24px; border-radius: 50%;background-color: #008cc7; position: absolute; z-index: 1; top: 3px; left: 3px;} .custom-num.my-style-numbox .my-input-box{height: 24px;display: inline-block;padding: 0 16px;border-top: 1px solid #008cc7;border-bottom: 1px solid #008cc7; position: absolute; width: 56px; left: 13px; top: 3px; z-index: 1;} .custom-num.my-style-numbox .mui-input-numbox, .custom-num.my-style-numbox .mui-numbox-input{text-overflow: initial; font-size:12px; padding: 0px!important; height: 100%;border: none!important;vertical-align: top;} .custom-num.my-style-numbox button:disabled,.mui-btn:disabled{ opacity: 1;} /*垂直多级下拉菜单,并选中*/ .cd-accordion-menu {padding:0 16px;} .cd-accordion-menu ul {display: none;} .cd-accordion-menu li {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: relative;} .cd-accordion-menu input[type=checkbox] {position: absolute;opacity: 0;} .cd-accordion-menu label, .cd-accordion-menu a {position: relative;display: block;background: #fff;height: 40px;line-height: 40px;padding-left: 30px;font-size: 14px;} .cd-accordion-menu label {cursor: pointer;} .cd-accordion-menu label:after{position: absolute; left: 0; bottom: 0px; height:1px; width: 100%; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); transform-origin:left bottom; background-color: #e5e5e5; /*z-index: 10;*/} .cd-accordion-menu ul li:after, .edit-goods-par .cd-accordion-menu>li:not(.has-children):after{position: absolute; left: 0; bottom: 0px; height:1px; width: 100%; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); transform-origin:left bottom; background-color: #e5e5e5; /*z-index: 10;*/} .cd-accordion-menu input[type=checkbox]:checked+label+ul, .cd-accordion-menu label.active+ul, .cd-accordion-menu input[type=checkbox]:checked+label:nth-of-type(n)+ul {display: block;} .cd-accordion-menu>li:last-of-type>label, .cd-accordion-menu>li:last-of-type>a, .cd-accordion-menu>li>ul>li:last-of-type label, .cd-accordion-menu>li>ul>li:last-of-type a {box-shadow: none;} .cd-accordion-menu ul label span,.cd-accordion-menu label span{width: 100%;display: inline-block;} .cd-accordion-menu ul label, .cd-accordion-menu ul a {padding-left: 50px;} .cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a {padding-left: 70px;} .cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {padding-left: 90px;} .cd-accordion-menu ul ul ul ul a {padding-left: 110px;} .cd-accordion-menu label::before { font-family: "iconfont"; content: "\e76d"; position: absolute;top: 0;left:0; font-size: 10px; color: #333; } .cd-accordion-menu .active::before{ font-family: "iconfont"; content: "\e7eb"; position: absolute;top: 0;left:0; font-size: 10px; color: #00A0E9; } .cd-accordion-menu ul label::before,.cd-accordion-menu ul .active::before{ left: 20px; } .cd-accordion-menu ul ul label::before,.cd-accordion-menu ul ul .active::before{ left: 40px; } .cd-accordion-menu label:after{background-color: #F0F0F0;} /* .cd-accordion-menu label::before { position: absolute;top: 48%;margin-top: -1px; margin-left: -20px;width: 0;height: 0;border-width: 4px 4px 0;border-style: solid;border-color: #333 transparent transparent;content: ' '; } */ /* .cd-accordion-menu .active::before {margin-top: 0;width: 0;height: 0;border-width: 0 4px 4px;border-style: solid;border-color: transparent transparent #008cc7;} */ .cd-accordion-menu .my-navigate-right.my-selected:after{font-family: "iconfont"; line-height: 1; position: absolute;top: 50%; display: inline-block; -webkit-transform: translateY(-50%);transform: translateY(-50%);text-decoration: none; -webkit-font-smoothing: antialiased;font-size: 32px; font-weight: 600;right: 9px;color: #00A0E9; content: '\e769';font-size: 14px;} /*侧栏菜单label样式*/ .from-label-height label {height: 40px;padding:10px;line-height: 21px;} /*加载动画*/ .my-spinner{padding:250px 0;width:100%;text-align:center} .my-spinner.def{padding: 0;} .my-spinner.md{padding: 0;position: absolute;top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);} .my-spinner.calc-md{padding: 0;position: fixed;top:45%; top: calc((100vh / 2) - 25px); top:-moz-calc((100vh / 2) - 25px); top:-webkit-calc((100vh / 2) - 25px);} .my-spinner>div{width:16px;height:16px;background-color:#fb5210;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both} .my-spinner.size-sm>div{ width:14px;height:14px;} .my-spinner .my-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s} .my-spinner .my-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s} @-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)} 40%{-webkit-transform:scale(1)} } @keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)} 40%{transform:scale(1);-webkit-transform:scale(1)} } /*公用加载动画位置*/ .my-styleload-box{position: absolute; width: 100%; height: 100%; z-index:1001; } /*日期控件的样式*/ .date-box button{ border: 0; padding: 7px 12px;} .date-box span{ display: inline-block; margin: auto;} .date-box.date-side-style .title-tip{ display: flex;} .date-box.date-side-style button{ padding: 0 2px;/*padding:0px;*/ max-width: 95px; height: 18px;} .date-box.date-side-style button:enabled:active{ color:inherit; background-color: transparent;} @media only screen and (max-width:320px) { .date-box.date-side-style button{padding: 0; width: 71px;} } .date-box.date-side-style .ui-alert{ padding: 0 2px;/*padding:0px;*/ max-width: 95px; height: 18px;} /*.date-box.date-side-style .ui-alert:enabled:active{ color:inherit; background-color: transparent;}*/ @media only screen and (max-width:320px) { .date-box.date-side-style .ui-alert{padding: 0; width: 71px;} } /*主要的五个菜单头部*/ .mui-bar.my-index-header .mui-title{color: #fff;} .mui-bar-nav.my-index-header{box-shadow:none;} .mui-bar-nav.my-index-header .mui-icon{ color: #fff;} /*距内容区域有一定距离*/ .input-save-btn{ width: 100%; text-align: center; margin-top: 25px;} /*在滚动区域内*/ .mui-bar-nav ~ .mui-content .mui-scroll-wrapper .mui-pull-top-pocket{top:0px;} /*设置input disable时的颜色*/ .my-disabled-input input[disabled]{ color: #333;} /*隐藏掉双滚动条*/ .my-scrollbar-sub .mui-scrollbar:last-child { display: none!important;} .my-sliderscroll-box .mui-slider + .mui-scrollbar { display: none!important;} .my-scrollbar-none + .mui-scrollbar{ display: none!important;} /*选项卡没有更多显示*/ .my-nopull-tips{ width:100%; height:40px; line-height: 40px; font-size: 11px;color: #686868; font-weight: 300; display: flex;} .my-nopull-tips .tip-text{ margin: auto;} /*加载刷新的文字样式*/ .mui-pull .mui-pull-loading{ font-size:11px;} .mui-pull .mui-pull-caption{font-size: 11px;color: #686868; font-weight: 300;} .mui-pull-bottom-tips .mui-pull-loading{font-size: 11px;color: #686868; font-weight: 300;} /*高为100%*/ .overall-height{ height: 100% !important;} /*去input默认样式*/ .input-no-style{ border: 0; text-align: center; width: 100%;} /*只有浏览器浏览时才添加*/ /*滚动页面里wrapper的距底部50个像素*/ .browser-warp-bottom.only-browser{padding-bottom: 50px;} .browser-warp-bottom.xs.only-browser{padding-bottom:100px;} .mui-plus .plus-warp-bottom{padding-bottom:50px;} .my-viable{visibility: hidden;} /*标志的小圆点*/ .dot-badge{border-radius: 50%; font-size: 10px;line-height: 1.4;position: absolute;top: -2px;left: 100%;width: 8px; height: 8px;padding: 0;margin-left: -3px;background: #f23030;} /* ===== retrie分类下来 ===== */ .retrie{position: relative;height: 40px;background-color: #fff;border-bottom: 1px solid #e8e8e8; z-index: 997;} .retrie dt { overflow: hidden; border-bottom: 1px solid #bfbfbf; } .retrie dt a {position: relative;float: left;width: 50%;height: 39px;line-height: 40px;color: #333;font-size: .875rem;text-align: center;} .retrie dt a .tap-title{display: inline-block;max-width: 90%;} .retrie dt a .tapdot{float:right;margin-top: 18px;margin-left:5px;width:0;height:0; border-width:3px 3px 0;border-style:solid;border-color:#666 transparent transparent; content: ' '; } .retrie dt a.up {color: #008cc7; } .retrie dt a.up .tapdot{color: #008cc7;width:0;height:0; border-width:0 3px 3px;border-style:solid;border-color:transparent transparent #008cc7;} .retrie dt a .new-change-eleven,.new-change-eleven{ position: relative;} .retrie dt a .tip-up,.tip-up{position: absolute; margin-top:15px;margin-left:5px; width:0;height:0; border-width:0 3px 3px;border-style:solid;border-color:transparent transparent #666;} .retrie dt a .tip-down,.tip-down{position: absolute;margin-top:21px;margin-left:5px;width:0;height:0; border-width:3px 3px 0;border-style:solid;border-color:#666 transparent transparent; content: ' '; } .retrie dt a.arrow-up .change-txt, .retrie dt a.arrow-down .change-txt{color: #008cc7; } .retrie dt a.arrow-up .tip-up, .tip-up.active{border-color:transparent transparent #008cc7;} .retrie dt a.arrow-down .tip-down, .tip-down.active{border-color:#008cc7 transparent transparent;} /*中文括号样式*/ .bracket-font{margin-left: -6px;} .my-popover-action .mui-table-view-cell > a:not(.mui-btn){ padding: 10px 0;} .my-remark-cell .mui-navigate-right:after{right: 6px!important;line-height: 20px;} .my-remark-cell .mui-input-row label{ padding: 11px 10px; line-height:1; } .my-remark-cell .mui-input-row label ~ input{ line-height:1; text-align: right; padding-right: 20px; } .new-style-right-icon .mui-navigate-right:after{font-family:"iconfont"!important;content: "\e77a"!important;font-size: 16px;} .new-style-right-icon .mui-table-view-cell.mui-collapse.mui-active>.mui-navigate-right:after{font-family:"iconfont"!important;content: "\e7ec"!important;font-size: 16px;} .my-remark-li .re-input{float:right; width: 65%; display: inline-block;line-height:20px; height: 20px; border: 0; text-align: right; margin: 0; padding: 0; } /*备注*/ .order-remark-item{text-align: center; margin-top: 5px;} .order-remark-item textarea{width: 97%; margin: 0; border:0; border-radius:3px; padding: 10px;} .order-remark-item .mui-btn{ margin-bottom: 5px;} /*利用mui弹窗 写的提示框*/ .sales-mail-tip.mui-popover .mui-popover-arrow.mui-bottom {margin-left: -5px;} .sales-mail-tip.top-tip .mui-popover-arrow{margin-left:5px!important; } .sales-mail-tip.mui-popover .mui-popover-arrow.mui-bottom{height: 12px; } .sales-mail-tip{padding: 5px;font-size: 12px;position: absolute;z-index:1001; line-height: 18px; background-color: #999;color: #fff;} .sales-mail-tip.mui-popover .mui-popover-arrow.mui-bottom:after, .sales-mail-tip.mui-popover .mui-popover-arrow:after {background-color: #999;width: 24px;height: 24px;} /*超出隐藏*/ .my-ellipsis{display: -webkit-box; overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:1;-webkit-box-orient: vertical;} .my-ellipsis-2{display: -webkit-box; overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .my-ellipsis-3{display: -webkit-box; overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp: 3;-webkit-box-orient: vertical;} /*标题样式通用*/ .graphic-tit {text-align:center;line-height:20px;font-size:16px; padding:0px 10px 10px 10px;position:relative; color: #F23030;} .graphic-tit02{text-align:left;padding:0px 10px 10px 10px;font-size:16px; line-height: 20px;position: relative; color: #F23030;} .graphic-tit .iconfont{vertical-align: bottom; font-size: 20px;} .graphic-tit .type-title{margin: 0 5px;} /*非直营标识*/ .is-agency-bg{position: absolute;left: 0;top:-1px;font-size: 60px!important;z-index: 2; color: #fff;} .is-agency-txt{position: absolute;margin-top:21px;z-index: 3;color: #f23030;left:6px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);font-size: 12px;} .is-agency-txt.posi1{margin-top: 13px;left:4px;} /*flex禁止ios微信浏览器回弹机制*/ .wx-flexscroll-html{ position: fixed; top: 0;left: 0;width: 100%; height: 100%;} .wx-flexscroll-html body{ height: 100%;} /*自定义弹窗*/ .coupon-utip-backdrop{position: fixed;z-index: 1000;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, .2);} .prolist-coupon-po{ z-index: 1001;position: fixed;z-index: 1001;bottom:0; right: 0;left: 0;width: 100%; } .use-tip-box{background-color: #fff; border-radius: 5px; width: 280px; height:340px; position: fixed;z-index: 1001; right: 0;left:0; bottom:80px; margin:0 auto; } .use-tip-box .no-w-bg{background-color: transparent;} .use-tip-box .u-concent p{ margin-bottom: 5px;} .use-tip-box .u-concent { padding:10px 20px; } .use-tip-box.auto-h{ height: auto; margin: auto; bottom: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .use-tip-box .close-div{ height: 30px;} .use-tip-box .close-div .close-icon{position: absolute; top: 0;right: 0;font-size: 34px;} /* ----------------------------通用样式结束--------------------------*/ /*首页*/ .header-item-box{background-color: #00A0E9} .header-item-box .mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active{ background-color: #008CC7;} .header-item-box .b-right-1px:after{ height: 80%!important; bottom: 5px;} .header-item-box ul li:first-child{border-left:0;} .header-item-box .mui-grid-view.mui-grid-9{ background-color: transparent; border-top: 0; border-left: 0; padding: 18px 10px 18px 10px;} .header-item-box .state-item{font-size: 14px!important; color: #fff; margin-top: 0;} .header-item-box .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{color: #fff; margin-top: 7px; font-weight: bold; font-size: 1.1rem; height: 20px; line-height: 20px;} @media only screen and (max-width: 340px) { .header-item-box .state-item{font-size: 0.5rem!important} } .my-title a{ display: block;} /* .my-title a .right-text{float: right;font-size: 12px;color: #999;margin-right: 12px;} */ .my-chart{width:100%;height:230px;} .table-box-list .my-li .mui-table-view-cell{ padding: 5px 10px;} .table-box-list.manu-top-info .sitem-l{ width: 52px; padding-right: 10px; height:60px; display:flex;} .table-box-list.manu-top-info2:not(.two-lines-text) .sitem-l{ width: 52px; padding-right: 10px; height:84px; display:flex;} .table-box-list:not(.two-lines-text) .sitem-m p:nth-child(3){ margin-top: 3px;} .table-box-list.two-lines-text .sitem-l{ width: 52px; padding-right: 10px; height: 64px; display:flex;} .table-box-list.two-lines-text .sitem-m p:nth-child(2){ margin-top: 3px;} .table-box-list .sitem-l .sl-img-box{ margin: auto;} .table-box-list.manu-top-info .sitem-l .sl-img-box .iconfont{ font-size: 20px; color: #fff; margin: auto;} .table-box-list.manu-top-info .sitem-l .sl-img-box>span{width: 35px; height: 35px;display: flex; border-radius: 5px;} .table-box-list .sitem-l .sl-img-box .icon-bg-01{background-color: #fbbc5b; } .table-box-list .sitem-l .sl-img-box .icon-bg-02{background-color: #4d96e2;} .table-box-list .sitem-l .sl-img-box .icon-bg-03{background-color: #7a6bff;} .table-box-list .sitem-l .sl-img-box .icon-bg-04{background-color: #56b394;} .table-box-list .sitem-l .sl-img-box .icon-bg-05{background-color: #5BC9E6;} .table-box-list .sitem-r{ width: 100px;} .table-box-list .sitem-number{ font-size: 18px;} .table-box-list .salesman-opens-li{display: flex;align-items: center;width: calc(100% - 52px);} .table-box-list .salesman-opens-li .item-text{flex: 1;font-size: 14px;color: #666666;padding-right: 2px;text-align: right;} .table-box-list .salesman-opens-li .name{color: #333;text-align: left;padding-right: 8px;} .table-box-list .flex-items-a{display: flex; align-items: center;} .table-box-list.manu-top-info .mar-top-p { margin-top: 3px;} .table-box-list.manu-top-info .mar-top-p p{margin-top: 5px;} .table-box-list.manu-top-info .mar-top-p p:first-child{margin-top: 0;} .manu-top-info2 .sitem-l .sl-img-box .iconfont{font-size: 26px;} .manu-top-info2 .sitem-l .sl-img-box.rank-color-01{ color: #fdafae;} .manu-top-info2 .sitem-l .sl-img-box.rank-color-02{ color: #ffd193;} .manu-top-info2 .sitem-l .sl-img-box.rank-color-03{ color: #ebd7c3;} .my-progressbar-box {width: 160px; line-height: 21px; height: 21px;} .my-progressbar-box .mui-progressbar{margin-top: 4px; height: 4px; border-radius:0;} .mui-progressbar-success span {background-color: #fbbc5b; border-radius: 2px;} .my-progressbar-box .pro-percent{font-size: 10px; line-height: 12px;} .my-custom-popover .newsinfo-title-box, .my-custom-popover .newsinfo-text{background-color: transparent;} .my-custom-popover{background-color: #f3f3f3;position: fixed;border-radius: 5px;z-index: 999;width: 260px;height: 320px;right: 0;left: 0;margin: auto;top: -65px;bottom: 0;} @media only screen and (min-height:260px) and (max-height: 414px) { .my-custom-popover{height: 220px;} } .my-custom-popover .sys-title-box{ position: relative; background-image: -webkit-linear-gradient(top, #4298cc, #008cc7); width: 100%; height:50px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; text-align: center; line-height: 20px; display: flex; justify-content: center; align-items: center;} /*.my-custom-popover .sys-title-box span{display: block;}*/ .my-custom-popover .sys-title-box .sys-title-div{ width: 85%;} .my-custom-popover .sys-title-box .sys-up-time{ position: absolute; right: 10px; bottom: 0px; font-size: 9px;} .my-custom-popover .sys-footer-btn{ line-height: 50px; height: 50px; text-align: center; position: absolute;bottom: 0;left: 0;width: 100%;} .my-custom-popover .sys-footer-btn .mui-btn{ border-radius:15px;width: 100px; height: 32px; line-height: 32px; padding: 0; margin:9px 0;font-size: 12px; border: 1px solid #008cc7!important;background-color: #008cc7!important;} /*.my-custom-popover .popover-content-box{ background-color: #fff; position: fixed;top:150px; bottom: 150px; left: 50px;right: 50px;}*/ .my-custom-popover .popover-content-scroll{ top: 60px;bottom: 50px;} .my-custom-popover .popover-footer-tip{position: absolute;bottom: -48px; z-index: 999; color: #f3f3f3;width: 100%; text-align: center; height: 37px;line-height: 37px;} .my-custom-popover .popover-footer-tip .p-f-info{ display: inline-block;height: 37px;line-height: 37px; padding: 0 10px;} .my-custom-popover .popover-footer-tip .p-f-info input[type=checkbox]{top: 8px; width: 20px; height: 20px;} .my-custom-popover .popover-footer-action{position: absolute; bottom: -90px; color: #f3f3f3; text-align: center; width: 100%;z-index: 999;} .my-custom-popover .popover-footer-action a{ color: #f3f3f3; line-height: 31px;display: inline-block;height:31px;} .my-custom-popover .down-page-btn i, .my-custom-popover .next-page-btn i{ font-size: 30px;} .my-custom-popover .down-page-btn, .my-custom-popover .next-page-btn{width: 60px; font-size: 12px;} .my-custom-popover .down-page-btn{position: absolute; left: 0; top: 0;} .my-custom-popover .next-page-btn{ position: absolute; right: 0; top: 0;} .popover-boby .mui-backdrop{background-color: rgba(0,0,0,.6);} .my-custom-popover .colse-popover-btn{padding: 0 20px;} .my-custom-popover .colse-popover-btn .iconfont{ display: inline-block; font-size: 28px;color: #fff; font-weight: 500; } /*首页的子页排行*/ .mui-bar.has-operation-bar .operation-bar-top .date-box{ margin-top: 5px; width: 85%; margin: auto; display: flex; background-color: #fff; border-radius: 5px; height: 35px; line-height: 35px;} .date-box .iconfont{font-size: 22px;color: #008cc7;padding-top: 6px; padding-bottom: 5px; margin-left: 0px!important;} .all-table-list{ font-size: 14px; width: 100%;position: relative;} .all-table-list thead td{ background-color:#f7f7f7;} .all-table-list tr td{ height: 40px; line-height: 40px;} .all-table-list tr td:first-child{padding-left: 10px;} .all-table-list tr td:nth-child(2), .all-table-list tr td:nth-child(3){ text-align: center;} .all-table-list tr td:last-child{padding-right: 10px; text-align: right;} .my-side-box{bottom:50px;} @media only screen and (min-width: 320px){ .my-side-box .mui-input-row label{width:40%;} .my-side-box .mui-input-row label~input{ width: 60%;} } .my-side-box .mui-input-group:before{ height: 0px;} .my-table-view-config .title-tip{ padding-bottom: 11px; line-height: 18px;} .mui-table-view-cell.my-table-view-config{padding-bottom: 0px;} .mui-table-view-cell.my-table-view-config:after{left: 0px;} .my-table-view-config .my-blue-outlined a{ font-size: 12px; margin-bottom: 11px;} .mui-table-view-cell.my-table-view-config.mui-active{ background-color: #fff;} .sidebar-seacher-box input[type=search]{ margin-bottom: 0; background-color:transparent; height: 40px; font-size: 14px;} .sidebar-seacher-box .mui-search.mui-active:before{ margin-top: -12px;} .my-sideseach-header{ background-color: #fff;} .my-sideseach-header .mui-title{font-size: 16px;} .my-sideseach-header~div{padding-top: 45px;} .ranking-number{font-size: 20px;} /*订单页面*/ .oldprice-line{ text-decoration: line-through;font-size: 12px; line-height: 12px; height: 12px;color: red; margin-left: 10px;} .close-kup{display: inline-block;height: 40px;position: absolute;z-index: 999;width: 60%;} .my-scroll .mui-control-item {padding: 0 10px!important;} .my-scroll{ background-color: #fff;} .my-sliderscroll-box .mui-table-view li>a{display: block;} /*出库/发货记录*/ .order-goods{ font-size: 14px;} .order-goods-box01,.order-goods-box02{background-color: #fff; overflow: hidden;} .order-goods .goods-item{padding:10px;} .order-stock-input input[type=text]{width: 65%; height: auto; margin-bottom: 0;padding-left: 0;border: 0;padding: 0;} /*.order-stock-input input[type=text]{height: auto; margin-bottom: 0;padding-left: 0;border: 0;padding: 0;} .order-stock-input .goout-input{ width: 100px; display: inline-block;} .order-stock-input .tory-input{/* width: 75px; display: inline-block;*/}*/ .goods-item:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;} .order-goods-box01 .cart-product-cell-2 .cart-product-name{ height: 18px; /*margin-top: 5px;*/} .order-goods-box01 .cart-product-cell-3{/* margin-top: 7px; margin-bottom: 5px;*/} .order-goods-box01 .shop-cart-item-core .cart-product-cell-1{width: 77px; height: 77px;} .order-goods-box01 .shop-cart-item-core .cart-product-cell-1 img{width: 77px; height: 77px;} .order-goods-box01 .shop-cart-item-core .cart-product-cell-2 { margin-left:87px} .order-goods-box01 .shop-cart-item-core .cart-product-cell-4 span{line-height: 20px; margin-top: 2px;} .order-goods-box01 .o-goods-info{font-size: 12px;} .order-goods-box01 .o-goods-info .o-info-left{width: 40%; padding-right: 5px;} .order-goods-box01 .o-goods-info .o-info-right{width: 60%;} .spc_name_icon{ position: relative; padding-right: 20px; font-size: 12px; color: #666; display: block; margin-top: 4px; } .spc_name_icon .ellipsis-text{ display: block; } .spc_name_icon .ghdiconfont{ position: absolute; top: 0; font-size: 12px; color: #B8B8B8; right: 0; } .order-goods .sitem-l{text-align: center; width: 87px; box-sizing: border-box; -webkit-box-sizing:border-box; } .order-goods .sitem-l .sl-img-box{ width: 77px; height: 77px; float: left; margin-right: 10px; overflow: hidden;} .order-goods .sitem-l .sl-img-box img{ width: auto; max-width:77px; height: 77px;} .order-goods .sitem-r{ display: block; font-size: 13px; line-height: 16px; padding-top: 3px; padding-bottom: 3px; -webkit-box-sizing:border-box; box-sizing: border-box;} .order-goods .sitem-r p{font-size: 13px!important;} .order-goods .sitem-txt{ overflow: hidden; height: 19px; line-height: 19px; font-size: 13px!important; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient :vertical; text-overflow: ellipsis;} .order-goods .sitem-txt.two-line{height: 38px;-webkit-line-clamp: 2;} .cotnetndiv-all div:first-child{ margin-top: 0px;} .order-goods-box02{ margin-top: 10px;} .order-goods-box02 .mui-btn-link{ padding: 0; line-height: 21px; color: #333;} /*发货*/ .delivery-list-box .text-input{margin-bottom: 0;padding: 0;border: 0; height: auto; line-height: 20px;margin-left: 40px;width: 55%;} .delivery-list-box .text-input::-webkit-input-placeholder{color:#CCC;} /*收款记录*/ .coll-record-box p{font-size: 12px;} .coll-record-box p:nth-child(2){ padding-top: 7px;} .coll-record-box p:nth-child(5){ padding-bottom:7px; margin-bottom:0px;} /*收款记录详情/收款确认详情*/ .pay-record-info p{font-size: 12px;} .pay-record-info p:nth-child(6),.pay-record-info p:nth-child(2){ padding-top: 7px;} .pay-record-info p:last-child,.pay-record-info p:nth-child(5){ padding-bottom:7px; margin-bottom:0px;} /*选择商品*/ .selecet-pro-boby .mui-inner-wrap .mui-scroll-wrapper{top: 89px !important; bottom: 50px;} .selecet-pro-boby .mui-inner-wrap .mui-scroll-wrapper .mui-table-view:before,.mui-table-view:after{height: 0;} .my-seletop-box{ width: 100%; height: 44px; background-color: transparent; display: flex; align-items: center;} .my-seletop-box .seacherbox{width: 100%; height: 29px;} .my-seletop-box .seacherbox .mui-search{ width: 100%; right:0; left: 0; padding-left: 10px; padding-right: 10px;} .my-seletop-box input[type='search']{ margin-bottom: 0; background-color: rgba(255, 255, 255, .6);} .my-seletop-box .seacherbox .mui-search.mui-active:before{left:15px; top:80%;} .my-seletop-box .seacherbox .mui-search .mui-placeholder{ top: -2px;} /*客户页面*/ .customer .my-li .mui-table-view-cell .mui-pull-right{margin-right: 0;} .customer .addcicon{font-size: 23px;margin-left: 4px;} .custor .my-scroll-bottom .mui-table-view:before{height: 0 !important;} .customer .company p.mui-clearfix{height:21px;} .custorBox{height: 21px;} .width-80%{width: 80%;} .tops{top: 44px;} .level-box{line-height: 13px;height: 13px; display: inline-block;} .classLevel{background: #fbbc5b; color: #FFFFFF;border-radius: 2px;margin-left: 5px;font-size: 9px; line-height: 13px;white-space: pre-wrap; padding:2px;} .classLevel.bg-green{background-color: #00C87E;} .classLevel.bg-red{background-color: #ffcaca!important;color:#fb2727!important} .company .tips{ border-radius: 3px; padding: 6px; margin-top: 7px ;line-height: 13px;font-size: 13px !important;} .operation-bar{display: flex;width: 100%;height: 44px;position: fixed;bottom:0;background-color: #F2F2F2;z-index: 1;} .operation-barf8{background-color: #F8F8F8} .operation-bar .check-all label{font-size: 12px;line-height: 44px} .operation-bar .check-all input[type="checkbox"]{left: 10px;margin-top: 7px;} .operation-bar .operation-btnbox{display: flex;align-items: center;justify-content: center} .operation-bar .choose-count{flex: 1;padding: 0 8px;text-align: right;line-height: 44px;color: #999;} .operation-bar .operation-btnbox .operation-btn{font-size: 13px;line-height: 13px;padding: 10px 11px;margin-right: 8px;color: #999999;border: 1px solid #DCDEE0;border-radius: 4px;min-width: 65px;} .operation-bar .operation-btnbox .operation-btn.blue-btn{background: #169BD5;color: #ffffff;border-color: #169BD5} /* 浏览器 */ .operation-bar.only-browser{bottom: 50px;} @media screen and (max-width: 320px) { .company .tips{padding: 4px;} } /*客户详情页面*/ .scroll-top-b{ top: 44px;} .scroll-top-px{ top: 44px; bottom: 0px !important;} .title-to-adress{line-height:44px;} .cusrorInfor .header .mui-title{ right: 70px; left: 70px;} .cusrorInfor .mui-scroll-wrapper{bottom: 50px;} .cusrorInfor .box-white-top{margin-bottom: 10px;} .cusrorInfor .mui-input-group textarea{border: .5px solid #CCCCCC; border-radius: 3px;} .mui-table-view-cell.mui-collapse.mui-active{margin-top: 0;} .operation-btn-style .custom-red-btn{background-color: #EB3C3C;color: #fff;border-color: #EB3C3C;} .operation-btn-style .custom-green-btn{background-color: #07C160;color: #fff;border-color: #07C160;} .operation-btn-style .custom-blue-btn{background-color: #00A0E9;color: #fff;border-color: #00A0E9;} .operation-btn-style .custom-mult-btn{background-color: #FAAB0C;color: #fff;border-color: #FAAB0C;} .multlevel-label{position: absolute;right: 16px;top: 10px;display: inline-block;width: 40px;height: 20px;line-height: 20px;border: 1px solid #FFAC2A;text-align: center;font-size: 12px;border-radius: 4px;color: #FFAC2A;} /* 客户详情页面调整样式 */ .custor-infor-header{ /* min-height: 138px; */ background-color: #fff; padding: 0; z-index: 111; position: relative; } .custor-content-margin{ padding-top: 184px!important; } .custor-infor-header .header{height: 44px; border-bottom: 1px solid #F0F0F0;padding: 0 10px;} .header-fixed{position: fixed;width: 100%;background-color: #fff;z-index: 100;top: 0;left: 0;} .custor-infor{ /* display: flex; align-items: center; */ /* margin-top: 44px; */ /* height: 86px; */ box-sizing: border-box; width: 100%; padding:19px 16px; font-size: 15px; color: #333; position: relative; border-bottom: 1px solid #F0F0F0; background-color: #fff; } .custor-infor .name{font-weight: bold;} .custor-infor .img{ width: 58px; height: 58px; /* position: absolute; top: 14px; left: 16px; */ } .custor-infor .img-in{ width: 58px; height: 58px; position: relative; } .custor-infor .img-in img{ border-radius: 50%; width: 100%;height: 100%; overflow: hidden; border: 1px solid #f8f8f8; } .custor-infor .img-in .multlevel-label{ border: none; background-color: #FAAB0C; color: #fff; font-size: 10px; height: auto; width: auto; top: 100%; padding:3px; line-height: 1; margin-top: -10px; } .crm-multlevel-label{ border: none; background-color: #FAAB0C; color: #fff; font-size: 10px; height: auto; width: auto; top: 100%; padding:3px; line-height: 1; border-radius: 4px; } .custor-infor .address{ font-size: 14px; color: #666; } .custor-tab-change{overflow: hidden;line-height: 44px;position: sticky;width: 100%;top: 44px;z-index: 100;background-color: #fff;border-bottom: 1px solid #f8f8f8;} .custor-tab-change .tab{ width: 25%; float: left; text-align: center; font-size: 14px; color: #969799; position: relative; } .custor-tab-change .tab.action-text::after{ content: ""; height: 3px; width: 40px; background-color: #00A0E9; position: absolute; bottom: 0; left: 50%; margin-left: -20px; } .custor-tab-change .action{ height: 3px; background-color: #00A0E9; border-radius: 3px; width: 40px; position: absolute; bottom: 0; left: 12.5%; z-index: 100; margin-left: -20px; } /* 竞品信息 */ .competitive-list {width: 100%;background-color: #fff;padding: 10px 16px;box-sizing: border-box;} .competitive-list .item-tive{ border-radius: 8px; margin-bottom: 10px; padding: 15px 16px; box-sizing: border-box; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); position: relative; } .competitive-list .item-tive .state{ position: absolute; color: #666; font-size: 14px; top: 15px; right: 8px; } .competitive-list .item-tive .state.blue{color: #00A0E9;} .competitive-list .item-tive .state .iconfont { color: #ccc; font-size: 14px; } .competitive-list .item-tive .people{font-size: 12px;color: #999;margin-top: 5px;} .custor-tab-change .action-text{color: #333;font-weight: bold;} /* 拜访记录 */ .visit-list{ padding: 20px 19px 20px 35px; position: relative; } .visit-list::after{ content: ""; width: 1px; height: 100%; background-color: #F8F8F8; position: absolute; top: 20px; left: 17.5px; } .visit-list .visit-item{ margin-bottom: 18px; position: relative; } .visit-list .visit-item .time{font-size: 12px;color: #999;margin-bottom: 8px;position: relative;} .visit-list .visit-item .time::after{ font-family: "iconfont"; content: "\e76e"; position: absolute; top:3px; left: -25px; z-index: 100; font-size: 15px; line-height: 1; z-index: 1; color: #999; } .visit-list .visit-item .state{font-size: 14px;color: #666;float: right;} .visit-list .visit-item .state.red{color: #EB3C3C;} .visit-list .visit-item .state.blue{color: #00A0E9;} .visit-list .visit-item .item-in{ padding: 16px 12px; border-radius: 8px; box-sizing: border-box; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } .visit-list .item-in .name-time{ font-size: 15px; font-weight: bold; color: #333; margin-bottom: 16px; } .visit-list .item-in .name-time .name{ float: right; font-weight: normal; font-size: 14px; } .visit-list .item-in .visit-info{ position: relative; font-size: 14px; color: #666; } .visit-info .info-in{color: #999;margin-left: 5px;} .visit-list .item-in .visit-info .iconfont{ position: absolute; top:50%; right: 0; color: #CCCCCC; font-size: 14px; line-height: 1; margin-top: -7px; } .bottom-bar-box-change button{ width: 45%; margin: 5px 2%; color: #00A0E9!important; border: 1px solid #00A0E9; height: 40px; background: #fff!important; border-radius: 4px; } .bottom-bar-box-change button.fnish-btn{ color: #fff!important; border: 1px solid #00A0E9; background-color: #00A0E9!important; } /* 侧边栏 */ .sidebar-fixed{ position: fixed; top: 0; right: -1000px; background-color: #fff; height: 100%; width: 80%; display: none; z-index: 1000; } .sidebar-fixed-bg{ position: fixed; top: 0; right: 0; display: none; height: 100%; width: 100%; z-index: 999; background-color: rgba(0,0,0,0.3); } .sidebar-fixed .header-title{ padding: 59px 16px 16px; font-size: 14px; color: #333; } /*新增客户页面*/ .addButton{height: 40px; width: 58%;border: 0;font-size: 14px;padding: 6px 0 !important;} .addInput .mui-radio input[type='radio']{ margin-left: 11px; line-height: 32px;} .inputfrom-class .mui-input-group textarea{border: .5px solid #CCCCCC; border-radius: 3px;} .addInput .mui-radio label{margin-left: 30px; width: 40%;} .addclass .pay-btn{top: 140px;} .areaAdd .pay-btn{top: 100px;} .addInput .mui-radio .dele { line-height: 40px; margin-right: 20px;} .addInput #add-address .mui-icon-plusempty{margin-top: 8px;} .scorll-bottom{margin-bottom: 50px;} .my-right .mui-pull-right{line-height: 40px; margin-right: 15px;} .rank-list li span:first-child{ display: inline-block; width: 70%;} .rank-list li .mui-icon{ line-height: 20px;} .cublock-span{ width:75%; display: inline-block;} .add-cu-box .mui-input-row label ~ input{position: absolute;z-index: 2;} .add-cu-box .must-in{z-index:1; display: inline-block;width: 65%;position: absolute;top: 0;right: 0;line-height: 40px;padding-left: 100px;color: #008cc7;} .add-cu-box .must-in.sm-pleft{padding-left: 72px;} .add-cu-box .mui-input-row .mui-input-clear~.mui-icon-clear{z-index:3;} /* 新增客户样式调整 */ .add-custor-add .mui-table-view-cell { padding: 0; } .add-custor-add .mui-collapse { /* padding: 0 16px!important; */ border-bottom: 10px solid #F8F8F8 !important; } .add-custor-add .mui-table-view-cell .my-li .mui-input-row { padding: 0 16px; box-sizing: border-box; } .add-custor-add .mui-input-group .mui-input-row:after { width: calc(100% - 32px); left: 16px; } .add-custor-add .mui-table-view-cell .title-coll { padding: 0 16px !important; } .add-custor-add .mui-table-view-cell a { margin: 0 !important; padding: 0 !important; line-height: 50px; } .add-custor-add .mui-input-group .mui-input-row:after { background-color: #f0f0f0 !important; } .add-custor-add .mui-input-group .mui-input-row:last-child::after { display: none; } .add-custor-add .mui-input-group .mui-input-row { height: 50px; padding: 5px 16px!important; } /* .mui-navigate-right:after{right: 13px;font-size: 16px;} .my-li .mui-navigate-right:after{right: -4px;font-size: 16px;} */ .add-custor-add .inputfrom-class .mui-input-row label { line-height: 40px; height: 40px; padding: 0 !important; width: 30%; color: #666; } .add-custor-add .addButton { line-height: 40px; height: 40px; padding: 0 !important; } .add-custor-add .inputfrom-class .mui-input-row label~input { padding: 5px !important; /* margin-top: 5px; */ font-size: 14px; box-sizing: border-box; line-height: 1; /* height: 30px; */ width: 57%; } .add-custor-add .mui-table-view-cell.mui-collapse .mui-collapse-content { margin-top: 0; } .add-custor-add .mui-table-view-cell.mui-collapse .mui-collapse-content, .add-custor-add .mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-input-group { margin: 0; padding: 0; } .add-custor-add .mui-input-row .cooperation-flex { display: flex; align-items: center; } .add-custor-add .mui-input-row .cooperation-flex .mui-radio { padding-left: 26px; } .add-custor-add .cooperation-flex .mui-radio.mui-left input[type='radio'] { top: 50%; left: 0; font-size: 18px; line-height: 26px; margin-top: -13px; } .add-custor-add .mui-input-row .cooperation-flex label { width: auto; } .add-custor-add .cooperation-flex .mui-input-row{height: 40px;padding: 0!important;} .add-custor-add .cooperation-flex .mui-input-row label{margin-left: 30px!important;} .add-custor-add .mui-input-row .mui-input-clear~.mui-icon-clear, .add-custor-add .mui-input-row .mui-input-password~.mui-icon-eye { z-index: 100 !important; color: #ccc; top: 50%; margin-top: -18px; line-height: 38px; } .add-custor-add .mui-input-row.password-row .mui-input-clear~.mui-icon-clear { right: 30px; } /*我的*/ .personal-user{ position: relative; background-color: #008cc7; height:140px;} .user-setting{position:absolute; top: 5px; right: 10px; width: 40px; height: 40px; display:flex; z-index: 2;} .user-setting .iconfont{ color:#fff; font-size: 25px; margin: auto;} .my-user-info{width:100%; height: 96px;position: absolute; top: 50%; margin-top: -48px; text-align: center; z-index: 1;} .my-user-img{width: 66px; height: 66px; border-radius: 50%; overflow: hidden;position: absolute; left: 50%; margin:0 0 0 -33px;} .my-user-img img{width: 100%; height: 100%;} .my-user-name{ position: absolute; top: 50%; margin: 25px 0 0 0px; width: 100%; text-align: center; color: #fff;} .couponin-icon{width:25px; height: 25px; border-radius:5px; display: flex; display: -webkit-flex; display: -moz-flex;margin-right: 10px;} .user-in-item-info{ line-height: 25px;} .couponin-icon .iconfont{ margin: auto; color: #fff;} .icon-bgcolor01{background-color: #ff7e45;} .icon-bgcolor02{background-color: #56b394;} .icon-bgcolor03{background-color: #93ace4;} .icon-bgcolor04{background-color: #7790fe;} .icon-bgcolor05{background-color: #c568f5;} .icon-bgcolor06{background-color: #00c670;} .icon-bgcolor07{background-color: #92B8B1;} .icon-bgcolor08{background-color: #fa3c3c;} .icon-bgcolor09{background-color: #558ded;} .icon-bgcolor10{background-color: #3ac2db;} .icon-bgcolor11{background-color: #ffce54;} .icon-bgcolor12{background-color: #EC971F;} .icon-bgcolor13{background-color: #04d102;} .icon-bgcolor14{background-color:#00c901;} .icon-bgcolor15{background-color:#00C901;} .icon-bgcolor16{background-color:#FBBC5B;} /* 我的页面修改样式 */ .personal-user .toggle{font-size: 14px;color: #333;} .my-top{line-height: 50px;height: 50px;padding-left:16px;background-color: #fff;font-size: 14px;} .my-top .mui-pull-right{width: 88px;text-align: center;} .my-top .my-top-icon{ display: inline-block; width: 33px; box-sizing: border-box; height: 50px; position: relative; } .my-top .my-top-icon #newsnum{ position: absolute; top: 2px; right: 0; } .my-top .my-top-icon .iconfont{font-size: 21px; color: #333;} .user-info-change{position: relative;padding:8px 16px;background-color: #fff;} .user-info-change-in{ height: 120px; width: 100%; background: url(../images/my.png) no-repeat; background-size: 100% 100%; position: relative; } .user-info-change-in .user-img{position: absolute; top: 50%;right: 18px;width: 76px;height: 76px;border-radius: 50%;border: 2px solid #fff; margin-top: -38px;overflow: hidden;} .user-info-change-in .user-img img{ width: 100%; } .user-info-change-in .user-name{ padding: 32px 16px; font-size: 20px; color: #fff; } .my-function-flex{ overflow: hidden; clear: both; } .my-title-all{clear: both;padding: 10px 16px 4px;font-weight: bold;} .my-function-flex .my-item{width: 25%;float: left;box-sizing: border-box;background-color: #fff;text-align: center;padding: 15px 0;} .my-function-flex .my-item .iconfont{font-size: 26px;color: #00A0E9;margin-bottom: 9px;} .my-function-flex .my-item .img{width: 30px;height: 30px;margin: 0 auto 10px;} .my-function-flex .my-item img{width: 100%;} .my-function-flex .my-item .name{font-size: 12px;color: #666;} .my-list-icon{clear: both;} /*客户预存款*/ .c-deposit-list .mui-table-view{ background-color: transparent;} /*.c-count-top{ position: relative; z-index: 2;}*/ /*公司信息、供货商信息、收款账号*/ .read-only-list.widthall .mui-input-group label{width: 100%;} .read-only-list .mui-input-group label{width: 90px; line-height: 18px; padding-left: 10px; padding-right: 10px;} .read-only-list.widthall .mui-input-group label{width: 100%;} .read-only-list .mui-input-row label~span{ width: calc(100% - 90px); line-height:21px; display: inline-block; padding: 10px 10px 10px 0; height: 40px;} /*关于订货帮*/ .about-us-box{ padding:30px 10px 10px 10px;} .about-us-logo{text-align: center; margin-top: 20px; height: 160px;} .about-us-logo img{ width: 150px; height: 150px;} .about-us-boby p{ text-align: center;} .about-us-boby p:first-child{ font-size: 16px;} .about-us-footer{ display: table; position: fixed; left: 0; bottom: 10px; text-align: center; width: 100%;} .about-us-footer p{font-size: 12px; margin-bottom:0px;} /*我的账号*/ .user-account-info{background-color: #fff; padding-left: 10px;} .user-account-info .user-account-l{position: relative;width: 60px; height:80px; padding: 10px 0;} .user-account-info .user-account-l img{width: 60px; height: 60px; border-radius: 50%; border:1px solid #e5e5e5;} .user-account-info .user-account-r{padding-left: 15px; width: calc(100% - 75px);} .user-account-info .user-account-r .mui-table-view::before, .user-account-info .user-account-r .mui-table-view::after{height: 0;} .user-account-info .user-account-l .add-img-input{width: 100%;height: 100%;position: absolute;left: 0; top: 0;opacity: 0;z-index: 5;} .logout-btn{margin-top: 20px;} /*保存修改*/ .input-save-update{ padding: 0 10px;} .input-save-update .input-info{ margin-top: 20px; position: relative;} .input-save-update .input-info input[type="text"]{ border: 0; background-color: transparent; padding-left: 0;} .input-save-update .mui-input-row .mui-input-clear ~ .mui-icon-clear{width: auto;} .input-save-update .input-info span:not(.mui-icon-clear){ display: block; width: 100%; height: 6px; border: 1px solid #008CC7; border-top: none; position: absolute; top:30px;} .input-save-update .input-save-btn{ margin-top: 10px;} .input-save-update .input-save-btn .my-pay-btn{width: 100%;} /*代下单页面*/ .product-list-tip{height: 44px;line-height: 44px; background-color: #fff;} .product-list-tip.mui-bar{ box-shadow: none;} .product-list-tip .mui-icon{/*font-size: 1.4rem;*/color:#333 !important;/* line-height: 32px;*/} /*.seacherbox input::-webkit-input-placeholder{text-align: center;}*/ .custorOders .mui-inner-wrap .mui-scroll-wrapper{top: 89px !important;} .custorOders .mui-content > .mui-table-view:first-child{margin-top: 0;} .custorOders>.mui-table-view:first-child{margin-top: 0 !important;} /*.mui-table-view.mui-grid-view .mui-table-view-cell.product-item01 .product-info01{width: 100%; background-color: #fff; height: 57px; padding: 0 7px;}*/ .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01:nth-child(2n+1){border-right: 1px solid #efeff4;} .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01:nth-child(2n){border-left: 1px solid #efeff4;} .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01{background-color:#fff;} .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01 .goods-item{border-radius: 8px;overflow: hidden;border: 1px solid #efeff4;} .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01 a>img{width: 100%;} .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01 .product-info01{width: 100%; background-color: #fff; /*height: 98px;*/ /* padding-bottom: 3px;*/} .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01 .product-info01 .product-title01{height: 54px; line-height: 18px; font-size: 14px; margin:6px 0 0px 0; padding: 0 7px; color: #333; overflow:hidden; white-space:normal;text-align: left; } .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01.border-round-item{padding: 5px;} .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01.border-round-item:nth-child(2n), .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01.border-round-item:nth-child(2n+1){border: none;} .product-item01 .pro-img-box, .product-item02 .pro-img-box{ position: relative; line-height: 0;display: block;} .product-item01 .pro-img-box .img-tip-posi, .product-item02 .pro-img-box .img-tip-posi{line-height: 21px;position: absolute; z-index: 1;color: #eee;right: 0;bottom: 0; font-size: 12px; background-color: rgba(0, 0, 0, 0.5);padding: 0px 5px;} .product-item01 .pro-img-box .pro-spec-ico, .product-item02 .pro-img-box .pro-spec-ico{position: absolute;top: 0px;right: 0px;font-size: 65px;display: block;line-height: 65px;color: #FDA660;} .product-item02 .pro-img-box .pro-spec-ico{font-size: 50px;line-height: 50px;} .product-item01 .product-info01 .product-price01{ width: 100%; height: 29px; line-height: 29px; color: #f23030; font-size: 12px; text-align: left; padding-left: 7px; text-align: left;position: relative;} .product-item01 .product-info01 .product-price01 .price{font-size: 18px;font-weight:600; overflow: hidden;} .product-item01 .product-info01 .product-price01 .unit{ color: #555;} .product-item01 .product-info01 .product-price01 .link-numbox, .product-item01 .product-info01 .product-price01 .link-to-cart{font-size: 24px; position:absolute;right:0px; top:18px;padding-right: 10px;color:#686868;} .product-item01 .product-info01 .product-spec{ width: 100%; height:15px; line-height: 15px; overflow: hidden; font-size: 12px; color: #888; text-align: left; padding:0 7px;text-decoration:inherit} .product-list-text01 .product-item01 .product-cart01{ padding: 0 7px; margin-bottom: 8px;} .product-list-text01 .product-item01 .l-spec{font-size: 12px;color: #888;line-height:15px;} .product-list-text01 .product-item01 .r-add-pro, .product-list-text02 .product-item02 .r-add-pro{position: relative; width:30px; height: 30px; border-radius: 50%;color: #fff;line-height: 24px;font-size: 18px; border: none;padding: 0;} .product-list-text01 .product-item01 .r-add-pro:before, .product-list-text02 .product-item02 .r-add-pro:before{ position: relative; z-index: 2;} .product-list-text01 .product-item01 .r-add-pro .add-bg, .product-list-text02 .product-item02 .r-add-pro .add-bg{position: absolute; width: 24px; height: 24px; border-radius: 50%; background-color: #008cc7; display: inline-block; top: 3px; left: 3px; z-index: 1; } .product-list-text02{ width: 100%; height: auto; background-color: #fff;} .product-list-text02 .product-item02{height: 120px; padding-top: 10px;} .product-list-text02 .product-item02 .product-img{position: relative;height: 100px; width: 100px; margin:0 10px 0 10px; overflow: hidden; text-align: center;} .product-item02 .my-media-object{line-height: 100px; width:auto; max-width: 100px; height: 100px; } .product-item02 .product-info02{ margin-left: 10px;} .product-item02 .product-info02 .product-title02{color: #000; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; white-space:normal; margin:0 10px 0 0; } .product-item02 .product-info02 .product-price02{ height: 25px; line-height: 25px; color: #f23030; font-size: 12px; text-align: left; } .product-item02 .product-info02 .product-price02 .price{font-size: 18px; color: #f23030; font-weight:600; overflow: hidden;} .product-item02 .product-info02 .product-spec{text-decoration:none;height:15px; line-height: 15px; overflow: hidden; font-size: 12px; color: #888; text-align: left;} .product-item02 .product-info02 .product-price02 .unit{ color: #555;} .product-item02 .product-info02 .product-price02 .link-numbox, .product-item02 .product-info02 .product-price02 .link-to-cart{font-size: 24px; margin-top: 10px;padding-right: 10px;color:#686868;} .product-item02 .product-info02 .product-cart02{ padding-right: 10px; padding-top: 8px;} /*=========================================================*/ .product-list-text01 .product-item01 .marked{padding: 0 7px; height: 41px;} .product-list-text01 .product-item01 .product-cart{ padding: 0 7px; height: 30px;} .product-list-text01 .product-item01 .product-cart .iconfont{font-size: 24px;margin-bottom:7px ;} .product-list-text01 .product-item01 .product-cart .custom-num.mui-numbox{padding: 0 20px 0 20px;height: 23px;width: 80px;} .product-list-text01 .product-item01 .product-cart .custom-num.mui-numbox .mui-btn-numbox-minus, .product-list-text01 .product-item01 .product-cart .custom-num.mui-numbox .mui-btn-numbox-plus{width: 20px;line-height: 18px;} /*.product-list-text01 .product-item01 .iconfont{font-size: 24px;margin-top:10px ;}*/ .product-list-text01 .product-item01 .product-info01 .gray-font{overflow: hidden;} .product-list-text01 .product-item01 .productPric{line-height: .9;margin-top: 4px;text-align: left;} /*.product-list-text02 .product-item02 .iconfont{font-size: 24px;margin:10px 16px 0 0;}*/ .product-list-text01{ width: 100%; height: auto; background-color: #fff;} .product-list-text01 .mui-table-view:before,.product-list-text01 .mui-table-view:after{height: 0;} .product-list-text02{ width: 100%; height: auto; background-color: #fff; } .product-list-text02 .product-item02 a{ margin-top:0; padding: 0;} .product-list-text02 .product-item02 .product-img{ height: 100px; width: 100px; margin:0 10px; overflow: hidden; text-align: center;} .product-list-text02 .product-item02 .product-img img{height: 100px;width: 100px;} .product-item02 .my-media-object{line-height: 100px; width:auto; max-width: 100px; height: 100px; } .product-item01 .productName{color: #333333; font-size: 14px; line-height: 18px; height: 36px; overflow: hidden; white-space:normal; } .product-item01 .marked .storage{margin-top: 4px;font-size: 12px;} .product-item02 .product-info02 .product-title02{color: #000; font-size: 15px; height: 40px; overflow: hidden; white-space:normal; margin:0 10px 0 0; } .product-item02 .product-info02 .product-price02{ height: 25px; line-height: 25px; color: #f23030; font-size: 12px; text-align: left; } .product-item02 .product-info02 .storage{margin-right: 15px;margin-top: 10px;} .product-item02 .product-info02 .product-price02 .price{font-size: 18px; color: #f23030; font-weight:600; overflow: hidden;} .product-item02 .product-info02 .product-spec{text-decoration:none;height:15px; line-height: 15px; overflow: hidden; font-size: 12px; color: #888; text-align: left;} .product-item02 .product-info02 .product-price02 .unit{ color: #555;} .product-item02 .product-info02 .types{/*margin-top: 8px;*/} .custorOders .mui-popover.mui-popover-action .mui-table-view{margin: 0;border-radius: 0;} .custorOders .mui-bar .icon-gouwuche{font-size: 1.3rem;margin-right: 10px;} .custorOders .mui-bar .icon-gouwuche .mui-badge{top: 4px;left: 90%;} .custorOders .mui-popover.mui-popover-action .mui-table-view{color: #333333; overflow: visible;} .custorOders .mui-popover.mui-popover-action .btn .mui-table-view-cell{padding: 14.5px 15px;} .custorOders .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell{overflow: visible;} .custorOders .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .imgBox{border-radius: 4px; height: 80px;width: 80px; position: absolute; top: -10px;} .custorOders .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .imgBox img{height: 80px;width: 80px; line-height: 80px;border-radius: 4px;} .custorOders .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .productTitle03 {margin-left: 120px;} .custorOders .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .productTitle03 :nth-child(2){margin: 10px 0;} .custorOders .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .mui-icon-closeempty {position: absolute;top: 0;right: 0;font-size: 34px;} .custorOders .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .colorType{margin-top: 10px;} .colorType a{border:1px solid #BFBFBF;border-radius: 4px;overflow: hidden; font-size: 14px;margin-right: 20px;padding: 1px 16px; margin-bottom: 4px;margin-top: 4px;display: inline-block;} .custorOders .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .power{margin: 10px 0;} .custorOders .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .productColor{margin: 10px 0;} .custorOders .mui-popover .mui-scroll-wrapper{border-radius: 0;top: 85px !important;margin: 0;bottom: 51px;} .custorOders .mui-popover.mui-popover-action{background-color: #FFFFFF;height: 460px;} .custorOders .pro-spec{border-top:0 ;} .custorOders .pro-spec .spec-value{margin: 0;} /*.custorOders .mui-popover.mui-popover-action .mui-scroll-wrapper{bottom: 44px;height: 300px;}*/ .custorOders .mui-popover.mui-popover-action .btn{margin-top: 320px;} .custorOders .mui-popover.mui-popover-action .btn .mui-table-view-cell span{font-size: 16px;} .custorOders .mui-popover.mui-popover-action .btn a{ background-color:#008cc7;color: #fff ;border-radius:0 !important;margin:-11px -15px;} .custorOders .mui-popover.mui-popover-action .mui-scroll-wrapper .mui-table-view-cell{padding: 0 15px;} .custorOders .mui-popover.mui-popover-action .mui-scroll-wrapper .mui-table-view-cell:last-child{line-height: 28px;} /*.custorOders .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after{height: 0;}*/ .custorOders .mui-popover.mui-popover-action .mui-table-view .imgTitle:after{height: 1px !important;} .many-spec-tocart{ position: relative; margin-right: 15px;} .many-spec-tocart .mui-badge{top: -5px;/*right: -7px;left: auto;*/ line-height: 1.4;} .b-add-cart-ul li:first-child{padding-top: 7px;} .b-add-cart-ul li{background-color: #fff;} .b-add-cart-ul .kucun-li{ padding-bottom: 10px;} .b-add-cart-ul .number{ line-height: 28px;} .shop-cart-ul{ background-color:#fff!important;} .shop-cart-ul li{ padding: 4px 10px 7px!important;} .shop-cart-ul .number .b-pro-spec{ width: calc(100% - 120px);} /*产品详情页面*/ /*=====详细页焦点图=====*/ .mui-preview-image.mui-fullscreen {position: fixed;z-index: 20;background-color: #000;} .mui-preview-header, .mui-preview-footer {position: absolute;width: 100%;left: 0;z-index: 10;} .mui-preview-header {height: 44px;top: 0;} .mui-preview-footer {height: 50px;bottom: 0px;} .mui-preview-header .mui-preview-indicator {display: block;line-height: 25px;color: #fff;text-align: center;margin: 15px auto 4px;width: 70px;background-color: rgba(0, 0, 0, 0.4); border-radius: 12px;ont-size: 16px;} .mui-preview-image {display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .mui-preview-image.mui-preview-in {-webkit-animation-name: fadeIn;animation-name: fadeIn;} .mui-preview-image.mui-preview-out {background: none;-webkit-animation-name: fadeOut;animation-name: fadeOut;} .mui-preview-image.mui-preview-out .mui-preview-header, .mui-preview-image.mui-preview-out .mui-preview-footer {display: none;} .mui-zoom-scroller {position: absolute;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center; align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;left: 0;right: 0; bottom: 0;top: 0;width: 100%;height: 100%;margin: 0;-webkit-backface-visibility: hidden;} .mui-zoom {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {width: 100%;} .mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {display: inline-table;} .mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {display: table-cell;vertical-align: middle;} .mui-preview-loading {position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: none;} .mui-preview-loading.mui-active {display: block;} .mui-preview-loading .mui-spinner-white {position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;height: 50px;width: 50px;} .mui-preview-image img.mui-transitioning {-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;transition: transform 0.5s ease, opacity 0.5s ease;} @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .loadingfee-box{padding:11px 10px;font-size:14px;color:#333;background-color:#fff;border-top:1px solid #f2f2f2;} .loadingfee-box .fee{margin-left:40px;} .proinfo-boby{position: fixed;top: 0;left: 0;width: 100%;height: 100%;}/*解决ios回弹穿透*/ .proinfo-all, .proinfo-all .proinfo-boby, .proinfo-all .proinfo-div, .proinfo-all .mui-slider, .proinfo-all .mui-slider-group{height: 100%;} .int-scroll-height{min-height:80000px;}/*给商品详情的滚动区域给予初始高度*/ .proinfo-boby .mui-segmented-control .mui-control-item{line-height: 42px;} .proinfo-boby .mui-bar .mui-segmented-control{top:0; padding:0 60px 0 60px;} .proinfo-boby .mui-control-item.mui-active{font-size: 15px;} .pro-img-slider .pagination{position:absolute;bottom:15px;right:15px;display:block;background-color:rgba(100,100,100,.6);border-radius:10px;padding:0 10px;line-height:20px;height:20px;color:#fff} .pro-video-box{width: 100vw!important;height: 100vw!important;background-color: #000;} .pro-video-box .v-concent{/*width: 100%; height: auto;*/ position: absolute; top: 50%;left:0;-moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2;} .pro-video-box .v-poster{width:100vw!important; height: auto; position: absolute; top:0; left:0;} .pro-video-box .v-play{cursor:pointer;z-index:100;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);color:#fff;font-size:24px!important;width:62px;height:62px;line-height:62px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background-color:rgba(0,0,0,.3);text-align:center;padding-left:4px;box-sizing:border-box} .pro-video-box .rprogress{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index: 3; margin:auto;width:60px;height:60px;text-align:center;line-height:60px} .pro-video-box .rprogress .ladtit{color:#fff;font-size:14px} .pro-video-box .rschedule{position:absolute;top:50%;left:50%;margin-top:-23px;margin-left:-23px;width:46px;height:46px;border:3px solid rgba(0,183,229,.9);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;background-color:transparent;box-shadow:0 0 15px #2187e7;opacity:.9;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear} @-webkit-keyframes spin{0%{-webkit-transform:rotate(0)} to{-webkit-transform:rotate(360deg)} } @keyframes spin{0%{transform:rotate(0)} to{transform:rotate(360deg)} } .pro-text01{background-color: #fff; text-align: left; padding: 7px 10px 0 10px;} .pro-text01 .title-text{font-size: 14px; color: #333;line-height: 20px;} .pro-text01 .pro-price{line-height: 23px; color: #f23030; font-size: 17px; text-align: left;} .pro-text01 .unit{ color: #555;} .pro-text01 .my-btn1-box{width:64px;} .pro-text01 .promotion-text{/*width:68%;margin-left:0;*/ padding:0 4px;display: block;} .pro-text01 .promotion-text span{ display: block;} .pro-text01 .pro-remark{font-size: 12px; color: #333; line-height:15px; margin-top: 7px; padding-bottom: 7px;} .pro-text02{ font-size:13px;min-height:100vh;color: #333!important; padding: 10px 5px 0 5px;} .pro-text02.active{background-color: #FFF;} .pro-text02 p {margin: 0; padding: 0;} .pro-text02 p img{margin: 0; padding: 0; vertical-align:bottom;width: 100%;} .pro-text03{font-size: 14px;line-height: 25px; color: #333;} .pro-text03 .table-text{background-color: #FFF; padding:10px;} .pro-text03 .table-text p{overflow: hidden; line-height: 30px; margin-bottom: 0;} .pro-text03 .table-text .txt-r{ margin-left: 100px;} .pro-text03 .my-li{ font-size: 14px; color: #333; line-height: 20px;} .pro-text03 .my-li::after{left: 0px;} .pro-text03 .my-li .file-name-l{ display: inline-block; width: calc(100% - 80px);} .pro-text03 .my-li>li:last-child{margin-bottom: 10px;} .pro-text03 .my-li>li>a{height: 40px; } .pro-spec{ border-top: 10px solid #EFEFF4; background-color: #fff;padding: 7px 10px 7px 10px;} .pro-spec .spec-name{color: #333; font-size: 14px; line-height: 24px; height: 24px;} .pro-spec .spec-value {margin: 9px 0 7px 0;} .proinfo-bar-left a{ display: inline-block;width: 23%; height:50px; text-align:center; word-spacing:0;} .proinfo-bar-left a:last-child{margin: 0 17% 0 17%;width: 36px;} .proinfo-bar-left a>span{ display: block; line-height: 9px; height: 15px; text-align: center;width: 42px;margin-top: 4px;} .proinfo-bar-left .focus-info{ color: #333; font-size: 9px;} .btm-act-icn{display: block; margin: 0 auto; font-size: 22px!important; color: #333; margin: 10px 0 4px 0; position:relative;} .btm-act-icn .mui-badge {font-size: 10px;line-height: 1.4;position: absolute;top: -4px; margin-left: -16px; padding: 1px 5px; color: white;} .proinfo-bar-left{width: 50%;height: 50px;} .proinfo-div .my-bar-concern .proinfo-bar-left span>span{margin-left: 6px;} /*飞入购物效果*/ .u-flyer {display: block;width: 15px;height: 15px;border-radius: 10px;position: fixed;z-index: 99999;background:#008cc7 !important;} /*购物车*/ .pro-cart-list{ /*background-color: transparent;*/} .pro-cart-list li{ /*margin-bottom: 10px;*/} .my-bar-concern .bar-price-count + .bar-action-right{width: 37.5%; display: block;} .shop-cart-group .promotion-space{padding: 5px 10px 5px 10px; background-color: #eee;} .check-wrapper.mui-checkbox input[type='checkbox']{ padding-top: 34px; padding-bottom: 54px; width: 24px;} .shop-cart-list{ padding-left: 4px; padding-right: 10px;} .shop-cart-item-core{margin-left: 24px; padding: 5px 0;} .shop-cart-item-core .cart-product-cell-1{width: 88px; height: 88px;display: block; position: relative;} .shop-cart-item-core .cart-product-cell-1 img{ width: 88px; height: 88px;} .shop-cart-item-core .cart-product-cell-2{margin-left: 98px; line-height: 16px; font-size: 13px;} .shop-cart-item-core .cart-product-cell-2.cart-hg{ height: 57px;} .cart-product-cell-2 .cart-product-name{height: 36px; line-height: 19px; font-size: 13px;} .cart-product-cell-2 .cart-product-spec{height: 21px;line-height: 21px;} .cart-product-cell-2 .pro-info-left{ width: calc(100% - 42px);} .cart-product-spec .spec-l{width: calc(100% - 60px);} .cart-product-spec .select-spec-r{width: 60px; text-align: right;color: #008cc7;} .cart-product-cell-3{/*margin-top: 5px;*/} .cart-product-cell-3 .price{ font-size: 16px; line-height: 28px;font-weight:normal;} .cart-product-cell-3 .price .symbol-pice{font-size: 13px;} .li-remark-box{position: relative; width:30px; text-align:right; height:18px!important;} .li-remark-box .has-remark-tip{ position: absolute; top:2px; right:2px; background-color: #f23030; width: 4px; height: 4px; border-radius: 2px;} .unit-showpicker{ font-size: 12px; line-height:30px;} .custom-num.sm + .unit .unit-showpicker{line-height:22px;} .unit-showpicker .unit-txt-l{ margin-right: -10px;padding-left: 7px;} .unit-smline{font-size: 12px; line-height:20px;padding-left: 7px;} /*.cart-product-cell-3 .mui-numbox{ width: 84px; height: 25px; padding: 0 25px 0 25px;} .cart-product-cell-3 .mui-numbox [class*=btn-numbox]{width: 25px;}*/ .bar-check-all.mui-checkbox input[type='checkbox']{left: 10px; margin-top: 11px;} .bar-check-all.mui-checkbox label{ line-height: 50px; color: #333; font-size: 14px;} .bar-price-count{text-align: left; color: #333; padding-top: 5px;} .bar-price-count .bottom-total-price{font-size: 10px;} .payment-total-bar{ margin-bottom: 0px; -moz-box-shadow:-5px -5px 25px #ddd inset;-webkit-box-shadow:-5px -5px 25px #ddd inset;box-shadow:-5px -5px 25px #eee inset; } .empty-shoppingcart{padding: 40px;} .empty-shoppingcart .empty-cart-icon{width: 100px; height: 100px; margin: 0 auto; display: flex;} .empty-shoppingcart .empty-cart-icon .mui-icon{margin: auto; font-size:80px;color: #5d5f6a;} .empty-shoppingcart .empty-cart-info{text-align: center; margin-top: 30px;} /*确认订单和订单详情*/ .mt{ padding-top:5px; line-height: 20px;} .order-number, .order-time{ padding-left: 10px; padding-right: 10px;} .order-number{overflow: hidden; background-color: #fff;} .order-time{ font-size: 12px; text-align: left; clear: both;} .sur-pay-time .iconfont{ margin-right: 5px; font-size: 14px; } .export-popover-b{ position: fixed; height: 168px; width: 263px; top: 50%; margin-top: -146px; left: 50%; margin-left: -140px; background-color: #fff; } .export-popover-b .content-text{text-align: center; font-size: 12px;} .export-popover-b .title-bar{ text-align: center; position: relative; padding-top: 20px; padding-bottom: 10px; font-size: 14px !important; margin: 0 !important; padding-left: 10px; padding-right: 10px; background-color: #fff; overflow: hidden; line-height: 20px;} .export-popover-b .po-btn-box{ width: 100%; height: 50px; line-height: 50px; background-color: #fff; padding-top: 8px; padding-bottom: 8px;} .pice-popover-b{position: fixed;/* height: 292px; */width: 280px;top: 50%;margin-top: -146px;left: 50%;margin-left: -140px;} .pice-popover-b .po-input-group{padding:0 10px;} .po-input-group .my-input1-box,.po-input-group .my-input2-box,.po-input-group .my-input4-box{ margin-top: 10px; } .pice-popover-b .po-btn-box{ width: 100%; height: 50px; line-height: 50px; background-color: #fff; padding-top: 8px; padding-bottom: 8px;} .my-bar-concern .order-bar-left{font-size: 14px; text-align: right; width: 62.5%; line-height: 50px; padding-right: 13px;} .my-bar-concern .order-bar-left .price{ font-size: 18px; color: #F23030;} .my-bar-concern .order-bar-left + .bar-action-right{width: 37.5%;} .my-bar-concern .confirm-btn{border-radius: 0; padding: 0; height: 50px;border: 0;} .con-order-list{background-color: transparent;} .con-order-list .mui-table-view-cell{ padding: 0; margin-top: 10px;} .con-order-list .mui-table-view-cell:first-child{ margin-top: 0px;} .con-order-list .mui-slider-handle{ padding: 10px;} .con-pro-list .li-remark-box{ position: absolute; bottom:0px; right: 0;} .order-action-box{ font-size: 14px;} .order-action-box01{ background-color: #fff; padding-top: 5px;} .order-action-box01 .mui-table-view:before{height: 0px;} .order-action-box01 .my-li .mui-table-view-cell a{padding-right: 20px;} .order-action-box01 .mui-table-view-cell > a:not(.mui-btn){ white-space:inherit;} .order-adress-tell{ padding: 5px 10px;} .order-adress-tell .mui-pull-right{ margin-right: 20px;} .order-adress{ clear: both; padding: 5px 10px;} .orderinfo-editaddress .mui-table-view-cell:after{ height: 0;} .orderinfo-editaddress p{ margin:0;} .orderinfo-editaddress p:not(:first-child){ padding-left: 10px; padding-right: 10px;} .orderinfo-editaddress p:last-child{ padding-bottom: 10px;} .order-action-main .sitem-l{text-align: center; width: 87px; box-sizing: border-box; -webkit-box-sizing:border-box; } .order-action-main .sitem-l .sl-img-box{ width:77px; height: 77px; float: left; margin-right: 10px; overflow: hidden;position: relative;} .order-action-main .sitem-l .sl-img-box .pro-spec-ico{position: absolute;top: 0px;right: 0px;font-size: 40px;line-height: 40px;display: block;color: #FDA660;} .order-action-main .sitem-l .sl-img-box img{ width: auto; max-width: 77px; height: 77px;} .order-action-main .sitem-l .sl-img-box a{ position: relative; } .order-action-main .sitem-l .sl-img-box a .select_gift{ position: absolute; bottom: 0; left: 0; width: 100%; line-height: 24px; color: #fff; font-size: 12px; z-index: 10; background: #00A0E9; } .order-action-main .sitem-m p{font-size: 13px!important;} .order-action-main .sitem-m p:first-child{margin-bottom: 5px;} .order-action-main .sitem-m{ display: block; font-size: 13px!important; line-height: 16px; /*padding-top: 3px; padding-bottom: 3px;*/ padding-right: 5px; -webkit-box-sizing:border-box; box-sizing: border-box;} .order-action-main .sitem-txt{ overflow: hidden; height: 19px; line-height: 19px; font-size: 13px!important; padding-right: 5px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient :vertical; text-overflow: ellipsis;} .order-action-main .sitem-txt.two-line{height: 38px;-webkit-line-clamp: 2;} .order-action-main .sitem-r{ display:block; font-size: 13px; line-height: 16px;/* padding-top: 3px; padding-bottom: 3px;*/ -webkit-box-sizing:border-box; box-sizing: border-box;} .order-action-main .sitem-r .sitem-txt{ padding-right: 0px;/* height: 26px;*/} .order-action-main .sitem-r span,.order-action-main .sitem-r p{ text-align: right;} .order-action-main .sitem-m.has-other-stase p:first-child{ margin-bottom: 0;} .order-action-main .bottom-info-style span:first-child{ margin-right: 5px;} .con-pro-list .li-remark-box{ position: absolute; bottom:0px; right: 0;} .my-handle-box .sitem-m, .my-handle-box .sitem-r{height: 57px;} @media only screen and (max-width:320px ) { .ma-sm .my-btn2-box{ width: 68px;} } /*收货地址*/ .rec-adress{margin-top: 10px; background-color: #fff; padding-top: 5px; overflow: hidden;} .rec-adress p{padding-left: 10px; padding-right: 10px; line-height: 25px; margin-bottom: 0;} .rec-adress p:last-child{line-height: 35px;} .rec-adress a{ color: #333;} .rec-adress .rec-frist{ display:block;} .rec-adress label{padding: 0;} .rec-adress .mui-radio input[type='radio'],.rec-adress .mui-checkbox input[type='checkbox']{top: 0;} .rec-adress input[type='radio']{ line-height: 35px;} /*新建地址*/ .edit-adress .mui-input-row label{ width: 95px;} .edit-adress .mui-input-row label ~ input{width: calc(100% - 95px);} .edit-adress .adress-picker{ width: 100%; border: 0; background: transparent; padding: 0; box-sizing: border-box;} .edit-adress .mui-input-row .adress-picker label{ text-align: left;} .edit-adress .mui-input-row .ui-alert{ width: calc(100% - 95px); float: left;padding: 11px 42px 11px 0px; text-align: left; font-size: 14px; line-height: 18px; color: #333333;} .edit-adress .mui-input-group .address-big{ min-height: 40px; height: auto !important;} .edit-adress .mui-input-group .change-wp{height: 60px; line-break: 60px; padding: 0;} .edit-adress .mui-input-group .change-wp label{ color:#666;width: 100% !important; height: 60px; line-height: 60px; padding-top: 0 !important; padding-bottom: 0 !important;} .edit-adress .mui-input-row .mui-switch{margin-right: 0; margin-top: 15px;} /*商品页面*/ .goods .seacherbox .mui-search .mui-placeholder{ top: -2px;} .goods .seacherbox a{padding: 10px 10px;} .mui-plus.goods .mui-inner-wrap .mui-scroll-wrapper{top: 88px !important;} .mui-plus.goods .product-list-tip{ margin-top: 44px;} /*提交成功、支付成功*/ .submit-padding{padding: 27px 32px} .submit-state-info{ padding:50px 10px 50px 10px;} .submit-state-info.new-p{padding: 23px 0 32px;box-shadow: 0px 4px 12px 0px rgba(20,28,49,0.1);border-radius: 6px} .submit-state-info.sm-p{padding:10px 10px 0px 10px;} .submit-state-info .state-succeed-mark{ width: 100px; height: 100px; background-color: #008CC7; margin: 0 auto; border-radius: 50px; display: flex;} .submit-state-info .state-succeed-mark .mui-icon{ color: #FFF; font-size: 80px; margin: auto;} .submit-state-info .state-succeed-info{width: auto; height: auto; margin: 0 auto; text-align: center; margin-top: 30px;} .submit-state-info .state-succeed-info p:last-child{ font-size: 12px;} .pay-count-btn{text-align: center;} .state-succeed-info .title{font-size: 17px;line-height: 17px;color: #008CC7;font-weight: bold;margin-bottom: 8px} .state-succeed-info .text{font-size: 13px;line-height: 13px;color: #767676} .state-succeed-info .info-flex{display: flex;justify-content: space-between;padding: 0 24px;margin-bottom: 12px} .submit-state-info .bottom-btn{display: flex;justify-content: center;margin-top: 20px;} .sumbit-btn{width: 124px;height: 44px;line-height: 44px;padding: 0;font-size: 13px;background-color: inherit;} .sumbit-btn + .sumbit-btn{margin-left: 10px;} /*附件*/ .accessory-ul.mui-table-view::before,.accessory-ul.mui-table-view::after{height: 0;} .accessory-ul .mui-table-view-cell:first-child::before{ position: absolute;top: 0;right: 0;left: 0;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5); transform-origin:left top;background-color: #e5e5e5; } .accessory-ul .mui-table-view-cell:last-child::after{height: 1px;} .acce-photo{margin:20px 0; text-align: center;} .Anodate-box{background-color: #efeff4;} .my-accessory-bar{box-shadow:none;} .mui-bar-tab.my-accessory-bar .my-tab-item.mui-active{color: #5d5f6a;} .mui-bar-tab.my-accessory-bar ~ .mui-content{padding-bottom:100px;} .my-accessory-bar .my-tab-item{ height: 100px;} .my-accessory-bar .mui-tab-label{ font-size: 12px;} .my-accessory-bar .icon-box{ border-radius: 10px; width: 50px; height: 50px; display: flex; margin: auto;} .my-accessory-bar .icon-box .iconfont{ margin: auto; color: #fff;;} .my-accessory-bar .icon-box.icon-bg-01{background-color: #009F95; } .my-accessory-bar .icon-box.icon-bg-02{background-color:#C568F5;} .my-accessory-bar .icon-box.icon-bg-03{background-color:#FA3C3C;} .wrap-text{word-break:break-all;} .my-accessory-bar .my-tab-item input[type="file"]{width: 50px;height: 100%;opacity: 0;position: absolute;z-index: 21;} /*订单付款*/ .edit-ios{-webkit-user-select:text!important;} .edit-pay-money{min-width: 30px;display: inline-block;} .order-pay-way .list-title-bar{ padding-left: 10px; padding-right: 10px; } .order-pay-way .pay-way-01{ background-color: #F0AD4E; width: 35px; height: 35px; display:flex; border-radius: 5px; margin-right: 10px;} .order-pay-way .iconfont{ color: #FFF; font-size: 22px; margin: auto;} .order-pay-way .pay-way-02{ background-color: #4CD964; width: 35px; height: 35px; display:flex; border-radius: 5px; margin-right: 10px;} .order-pay-way .pay-way-title{line-height: 17px;} .order-pay-way .pay-way-vice{ height: 12px; line-height: 12px; font-size: 12px; margin-top: 5px;} .order-pay-way .pay-way-title02{line-height:35px !important;} /*线下支付、充值*/ .pay-shroff-number{padding: 5px 10px 0 10px; overflow: hidden;} .pay-shroff-number .pay-item-l.mui-radio input[type='radio']{ padding-top: 21px;} .pay-shroff-number .pay-item-r{ margin-left: 30px;} .pay-shroff-number .pay-item-r p{margin-bottom: 5px;} .pay-shroff-number.b-bottom-1px:after{left: 15px;} .pay-shroff-number.b-bottom-1px:last-child:after{height: 0;} /*商品详情*/ .pro-class .mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after {color: #333; right: 0;} .pro-class .mui-row:first-child{background-color: #F7F7F7;} .pro-class .mui-row:after{display: block;} .pro-class-price .mui-row:after{display: block;} .pro-class .mui-row:first-child:after{display: table;} /*修改商品*/ .change-goods-page .m-scroll-wrap{top:108px; bottom:0px; padding-bottom: 50px;} .change-goods-page .sub-scroll-wrap{top:44px; bottom: 50px;} .change-goods-page .mui-bar-nav~.mui-content{padding-bottom: 50px;} .silderParent .mui-input-row:nth-child(2){height: 80px;} .assign .mui-navigate-right:after, .mui-push-right:after { content: '\e468';font-size: 22px;color: #333333;} .change-box .mui-input-row .mui-badge{position: absolute;right: 30px;top: 12px;} .mui-input-group .specList .mui-input-row{height:auto;} .mui-input-group .specList .mui-input-row span{border: 1px solid #BFBFBF;padding:3px 8px;border-radius:4px;margin:0 10px 11px 0;display:inline-block;line-height: 1;padding-left: 6px;} .mui-input-group .specList .mui-slider{padding:0 15px;} .egood-step{position: fixed;top: 44px;left: 0; width: 100%; height:64px; background-color: #fff; display: table;width: 100%;z-index:10;} .egood-step a{display: table-cell; text-align: center;position: relative;} .egood-step .guide-tip{position: relative; margin-top:10px; display: inline-block;vertical-align: middle; background-color:#e9ecf3; height:24px; width:24px; line-height:24px;border-radius: 50%;text-align: center;font-size:12px;color: #555;} .egood-step a.active .guide-tip, .egood-step a.selected .guide-tip{background-color:#009999; color: #fff;} .egood-step a.selected .guide-tip:after{content: '\e472'; font-family: Muiicons;font-size: 24px;font-weight: 400;font-style: normal;line-height: 1;display: inline-block;text-decoration: none;-webkit-font-smoothing: antialiased;position: absolute;top: 0;left: 0;} .egood-step a.selected .guide-tip .s-tip{display: none;} .egood-step .to-line{ position: absolute;top:20px; left:30%; right: 30%; display: inline-block; height:4px; border-radius:3px; background-color: #e9ecf3;} .egood-step .last-step.active ~ .to-line{background-color:#009999;} .egood-step a p{ margin-top: 3px; margin-bottom: 0; font-size: 12px; color: #686868; line-height: 20px;} .edit-goods-par .e-f-type{ color: #009999; font-weight: bold;} .edit-goods-par .cd-accordion-menu li .icon-edit-btn, .edit-goods-par .e-par-list li .icon-edit-btn{position: absolute;right: 0px;width:60px;height: 40px;line-height: 40px;z-index: 2;text-align: center; padding-left:20px;color: #666;} .edit-goods-par .cd-accordion-menu a.active:after, .edit-goods-par .e-par-list li .name-tip.active:before{position: absolute; right:60px; top: 9px; content: '\e472'; width: 22px;height: 22px; border-radius: 11px; color: #fff; background-color: #008cc7;font-family: Muiicons;font-size: 24px;font-weight: 400;font-style: normal;line-height: 1;display: inline-block;text-decoration: none;-webkit-font-smoothing: antialiased;} .edit-goods-par .e-par-list li{padding: 0; padding-left: 26px; line-height:40px; height:40px;position: relative;} .edit-goods-par .e-par-list li .name-tip{display:block;margin-right: 60px;} .edit-goods-par .cd-accordion-menu ul label, .edit-goods-par .cd-accordion-menu ul a{ padding-right:88px;} .edit-goods-par .cd-accordion-menu .my-sign1-box{ vertical-align: text-bottom!important;} .edit-unit-tab .mui-control-item.mui-active{ color: #009999!important;border-bottom: 2px solid #009999!important;} .edit-unit-tab{padding-bottom: 1px;} .unit-txt-row .txt-row{padding:0px 15px;line-height: 40px; } .unit-txt-row .txt-input{display: inline-block;width: 95px;padding: 0;height: 28px;border: 1px solid #aaa;font-size: 12px;padding-left: 5px; } .unit-txt-row input[type=checkbox]{ position: initial;} .edit-pro-level li.mui-table-view-cell{line-height: 25px;} .edit-pro-level li .e-input{padding: 0 0 0 5;height: 25px;border: 1px solid rgba(0,0,0,.2); text-align: center;} .my-row-group .row-txt .row-title:after{content: '\e581'; font-family: Muiicons;font-size: 16px;font-weight: 400;font-style: normal;color: #686868;line-height: 1;display: inline-block;text-decoration: none;-webkit-font-smoothing: antialiased;} .my-row-group .row-txt.up .row-title:after{content: '\e580';} .my-row-group .row-txt-right{ font-family: 'Helvetica Neue',Helvetica,sans-serif;line-height: 1.1;float: right;width: 65%;padding: 11px 15px;padding-left: 0;} /*新增商品图片上传*/ .img-update .mui-input-row.spec {height: auto;padding: 10px;} .img-update .mui-input-group .mui-input-row.img-box {height: 120px;} .img-update .mui-input-row .mui-btn {width: 100%;padding: 10px 6px;} .img-update .my-btn3-box {margin-right: 10px;margin-top: 3px;} .img-update .z-file input{position:absolute;top:0;right:0;margin:0;opacity:0; height:60px;width:60px!important;} .change-box .img-item{width: 60px;height: 60px;} .change-box .img-item img { width: 60px; height: 60px; } .change-box .z-addImg { margin-right: 10px;} .change-box .z-file { width:60px;height:60px; background: url(../images/z_add.png) no-repeat; background-size: 100% 100%; margin-right: 10px; } .change-box .z-file input::-webkit-file-upload-button { width: 1rem; height: 1rem; border: none; position: absolute; outline: 0; opacity: 0; } .change-box .z-file input#file { display: block; width: auto; border: 0; vertical-align: middle;} .change-box .close-up-img{position: absolute; background-color: #fff; border: 1px solid #f23030; color: #f23030; border-radius: 50%; font-size: 16px; top: -6px; right: -6px} .change-box .mui-input-row label.mui-navigate-right~input{ padding-right: 25px;} .pro-update-img .up-img-box{ padding-left: 10px; box-sizing: border-box;} .pro-update-img .up-img-box .img-item{position: relative; width: 67px; height: 67px; width:calc((100vw - 50px) / 4); height: calc((100vw - 50px) / 4); margin-right: 10px; margin-bottom: 10px;} .pro-update-img .up-img-box .img-item img{ width: 100%; height: 100%;} .pro-update-img .up-img-box .close-up-img{position: absolute; top: -8px; right: -8px; width:22px; height:22px;line-height:22px; text-align: center; border-radius: 50%; background-color:rgba(0,0,0,0.5); color: #fff;} .pro-update-img .up-img-box .close-up-img .mui-icon{ vertical-align: top; font-size: 22px;} .pro-update-img .up-img-box .img-file-btn{ width: 100%; height: 100%; border: 1px dashed #CCCCCC; display: inline-block;position: relative;} .pro-update-img .up-img-box .img-file-btn .iconfont{ font-size: 30px; color: #ccc; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 2; } .pro-update-img .up-img-box .img-file-btn .up-file-input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;opacity: 0;} /*搜索页*/ .searchpage-box-right{right: 10px;} .searchpage-box{right: 44px; height:44px; line-height: 44px;} .mui-input-row.mui-search.searchpage-box .mui-icon-clear{top: 2px;} .searchpage-box.mui-search:before{ margin-top: -22px;} .searchpage-box .mui-placeholder{ line-height: 44px;height: 44px;} .searchtitle{ padding:15px 10px; line-height: 30px; display: none;} .searchtitle .sea-l{font-size: 14px; color: #333333;} .searchtitle .sea-r{ color:#333; font-size:30px;} .delete.history{width: 100%;float: left} .delete.history:after{clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;} .delete.history>a{ border-radius:10px;float: left; background: #fff;padding:6px; margin: 6px; font-size: 14px;color: #686868;} /*商品分享页 */ .share-pro-list .product-spec{ font-size: 12px; color: #888; line-height: 15px;} .share-pro-list .cart-product-cell-3{margin-top:0px;} .share-pro-list .cart-product-cell-3 .price{line-height: 20px;} .share-pro-list .cart-product-cell-2 .cart-product-name{ margin-bottom:1px;} .share-pover-box{ background-color: #fff; height: 75vh;} .is-show-price{color: #4A4A4A;margin-top: 14px;line-height: 20px;font-size: 12px;color: #4A4A4A; display: flex; /*flex布局*/ justify-content: flex-end; align-items: flex-end; /*右对齐*/} .is-show-price .ghdiconfont{color: #888;margin-right: 5px;} .is-show-price .icon-newfangxuankuang-mian{color: #348DC5;} .share-pover-box .tab-content .mui-control-content{ height:calc(75vh - 122px)!important;} .share-pover-box.sm-height{ background-color: #f7f7f7; height: 390px;} /* .share-pover-box.sm-height .tab-content .mui-control-content{ height:270px;} */ .share-pover-box .tab-title{ background-color: #fff;} .share-pover-box .mui-input-group{ background-color: transparent;} .share-pover-box .mui-input-group .mui-input-row{background-color: #fff;} .share-pover-box p,.share-pover-box textarea{ margin: 0px; } .share-pover-box .s-title-text textarea{ border: none; height: 80px; padding: 10px;} .share-pover-box .s-title-text{ line-height: 0px;} .share-pover-box .s-title-text input{border: none;margin: 0;} .share-pover-box .share-title{ height: 50px;line-height: 50px; font-size: 16px;} .share-pover-box .details-share{padding:0 16px;} .share-pover-box .details-share-title{font-size: 13px;color: #888;padding: 10px 0;} .share-pover-box .details-share .s-title-text{border: 1px solid #F5F5F5;} .share-pover-box .mui-input-group:before, .share-pover-box .mui-input-group:after{ height: 0px;} .share-pover-box .tab-code-box .tab-code-btn{padding: 10px 30px 0;} .share-pover-box .tab-code-content .code-img-box{margin: 0 auto;width: 170px; height: auto; line-height: 0;} .share-pover-box .tab-code-content .code-img-box70{margin: 0 auto;width: calc((75vh - 272px) * 3 / 4); height:calc(75vh - 272px)!important;padding-top: 15px;} .share-pover-box .tab-code-content .code-img-box img{width: 100%; height: auto; } /*分享nav*/ .my-accessory-bar.share-bar .my-tab-item{ height: 80px;} .my-accessory-bar.share-bar .icon-box{ border-radius: 50%; width: 40px; height: 40px; display: flex; margin: auto;border: 1px solid #F7F7F7;} .my-accessory-bar.share-bar .icon-box .iconfont{ margin: auto; color: #fff; font-size: 20px;} .my-accessory-bar.share-bar .icon-box.icon-bg-01{background-color: #04d102; } .my-accessory-bar.share-bar .icon-box.icon-bg-02{background-color:#0fc812;} .my-accessory-bar.share-bar .icon-box.icon-bg-03{background-color:#6eb9fa;} .my-accessory-bar.share-bar .icon-box.icon-bg-04{background-color:#d32024;} .my-accessory-bar.share-bar .icon-box.icon-bg-05{background-color:#009F95;} .my-accessory-bar.share-bar .icon-box.icon-bg-06{background-color:#C8C7CC;} .my-accessory-bar.share-bar .icon-box.icon-color-01 .mui-icon{color: #5AB82C; } .my-accessory-bar.share-bar .icon-box.icon-color-02 .mui-icon{color:#A0CC39;} .my-accessory-bar.share-bar .icon-box.icon-color-03 .mui-icon{color:#56AEFD;} .my-accessory-bar.share-bar .icon-box.icon-color-04 .mui-icon{color:#F8C861;} .my-accessory-bar.share-bar .icon-box.icon-color-05 .mui-icon{color:#F88731;} /*消息列表*/ .news-table-li .news-dot{width: 6px; height: 6px; border-radius: 50%; background-color: #F23030; display: inline-block; margin-bottom: 2px;margin-right: 5px;} .news-count .mui-badge{ left: 70%;top: 3px;} .news-table-li .news-title{ width: calc(100% - 30px);} .news-table-li .news-adit-icon{ width: 30px; text-align: right;} .newsinfo-title-box{ background-color: #fff; padding: 10px 10px 5px 10px; overflow: hidden;} .newsinfo-title-box p{ margin-bottom: 0;} .newsinfo-text{ background-color: #fff; padding-top: 5px; padding-bottom: 5px;} .newsinfo-text p{ margin-bottom: 0; word-break: break-all;} .newsinfo-text img{margin: 0;padding: 0;vertical-align: bottom; width: 100%;} .sys-count-icon{ position: relative;} .sys-count-icon .mui-badge{top: -12px;} .news-meau-btn .mui-icon{ margin: 0; padding: 0;} .news-meau-btn .notice-type-icon .mui-icon {font-size: 16px!important;margin: 0;padding: 0; margin-right: 3px;} .news-meau-btn .add-notice-icon .mui-icon{font-size: 18px!important;} /*物流跟踪*/ .wuliu-list-box{ padding-left: 28px;} .wuliu-list-box li{overflow:inherit;} .wuliu-list-box li p{ color: #686868;} .wuliu-list-box li:first-child p{ color: #333;} .wuliu-list-box li:first-child i{border-color:#fb8a00;width:12px;height:12px;left:-16px} .wuliu-list-box li:first-child i:after{background-color:#fb8a00;width:8px;height:8px;margin:-4px 0 0 -4px} .wuliu-list-box li i{z-index:1;position:absolute;left:-14px;top:13px;display:block;width:8px;height:8px;background:#fff;border-radius:8px;border:1px solid #e5e5e5} .wuliu-list-box li i:after{content:"";position:absolute;top:50%;left:50%;margin:-2px 0 0 -2px;display:block;width:4px;height:4px;background:#e5e5e5;border-radius:6px} .wuliu-list-box li:before{content:"";display:block;width:1px;height:100%;background:#e5e5e5;position:absolute;left:-10px;top:20px} .wuliu-list-box li:after{left:10px!important} /*新增通知*/ .sed-to-user .mui-input-row{ padding-left: 10px;padding-right: 10px;} .sed-to-user input[type='checkbox']{ line-height: 30px;} .sed-to-user .mui-radio.mui-left input[type='radio'], .sed-to-user .mui-checkbox.mui-left input[type='checkbox']{ left: 10px;} .add-news-box .my-input1 input[type='text'], .add-news-box .my-input1 textarea{border-radius:0px; border: 1px solid #e5e5e5;} .notice-input{ padding: 10px 10px;width:100%;height:100%;background-color: #fff;overflow-y: auto; } .notice-input:empty::before{ color:#333; ; content:attr(placeholder);} .notice-input img{margin: 0;padding: 0;vertical-align: bottom;width: 100%;} /*物流公司检索*/ .mui-indexed-list .mui-search input{ height: 34px;} .indexedhtml,.indexedhtml body{height: 100%;overflow: hidden;} /*.indexedhtml .mui-bar {-webkit-box-shadow: none;box-shadow: none;}*/ /*我的应收款*/ .pay-order-list .mui-navigate-right:after, .pay-order-list .mui-push-right:after{right: 0;} /*我的店铺二维码分享*/ .for-shop-qrcode{ width: 100%; height:auto; /* text-align: center; position:fixed; top: 50%; left: 0; width: 100%; height: 200px; margin-top: -120px;*/} .for-shop-qrcode img{ width:100%; height:auto;} /*点击查看iframe详情*/ .iframe-body-page{height: 100%;position: fixed;top: 0;width: 100%;z-index: 999;} .top-progressbar>.mui-progressbar{ top: 0!important; height: 3px; background:transparent;} .top-progressbar>.mui-progressbar.mui-progressbar-infinite:before{background: #5bbd27;} .top-progressbar>.mui-progressbar span{background: #5bbd27;} /*选择登录入口弹窗*/ .login-ent-popover{ height: 255px;width:auto; left: 15px; right: 15px;} .login-ent-popover .popover-footer-action{ bottom: -60px;} .login-ent-popover .popover-content-scroll{ top:90px; bottom: 10px;} .login-ent-popover .e-tip{ line-height:20px; text-align: center; font-size: 16px; padding-top:20px;} .my-custom-popover .ent-title{width: 100%;height:50px;border-top-left-radius: 5px;border-top-right-radius: 5px;text-align: center; line-height:50px; font-size: 16px; font-weight: 600;} .ent-list-ul .cell-logo {width: 25px;} .ent-list-ul .cell-title{font-size: 16px;} .ent-list-ul .cell-logo img{width:100%;height:auto;vertical-align:middle} .ent-list-ul .cell-tip{color:#008CC7;line-height:15px;height: 15px;display: inline-block;font-size:10px;padding:0 2px;vertical-align:text-bottom} .ent-list-ul .cell-tip::before{border: 1px solid #008CC7;} .ent-list-ul .color-border:before{ border: 1px solid #008CC7;} .ent-list-ul li{word-break:keep-all;display:block;white-space:nowrap;line-height:50px;margin:0 15px;cursor:pointer; overflow: hidden;} .ent-list-ul li>span{margin-left:10px;display:inline-block} .ent-list-ul li>span:first-child{margin-left:0} .login-from-po {width: 260px; } .login-from-po .mui-input-row label{width: 20%; } .login-from-po .mui-input-row label~input{ width: 80%; margin-top: 3px;} .login-from-po .mui-input-group{ background-color: transparent;} .login-from-po .mui-input-group .mui-input-row:after,.login-from-po .mui-input-group:after{ left: 13px; right: 13px;} /*分享图片素材*/ .fodder-header{ z-index: 21;} .fodder-img-list{background-color: #efeff4;} .fodder-img-list li{ width: 50%; float: left;} .fodder-img-list li img{ width:100%; vertical-align: bottom;} .fodder-img-list li:nth-child(2n){ padding-left: 5px;} .fodder-img-list li:nth-child(2n+1){ padding-right: 5px;} .fodder-img-list li > .f-img-info{ margin-bottom: 0; line-height:20px; padding: 10px 0; text-align: center;} .fodder-img-list li > input{ display: none;} .fodder-img-list li .img-a{ position: relative; display: block;} .fodder-img-list li .img-a .img-select-radio{ position: absolute; top:0px; right:0px;} .fodder-img-list .mui-radio input[type='radio']:before{font-size: 26px;} .fodder-img-list .mui-radio input[type='radio']{ width: 50px;height: 50px;text-align: right;top: 0px;padding-top: 5px;padding-right: 10px;right: -5px;} .fodder-img-list .mui-radio input[type=radio]:before{content: '\e442'; color:rgba(204, 204, 204,0.6);} .mui-radio input[type='radio']:checked:before{color: #008cc7;} .fodder-boby .mui-slider .mui-slider-group .mui-slider-item img{ width:auto; height: 83%;} @media only screen and (min-height: 812px){ .fodder-boby .mui-slider .mui-slider-group .mui-slider-item img{ width:auto; height:72%;} } .fodder-boby .mui-preview-image.mui-fullscreen{background-color: #efeff4; } .fodder-boby .mui-preview-header{ top: 44px;} /*分销*/ /*招募分销员*/ .has-custor-list .img-l{ width:50px; height:50px;border-radius: 50%;} .has-custor-list .img-l::before{border-radius: 50%;} .has-custor-list .img-l img{ width:50px; height:50px; border-radius: 50%; margin-right: 10px; box-sizing: border-box;} .has-custor-list .tetx-r{width: calc(100% - 60px); margin-left: 10px; } .has-custor-list .float-right-top{ line-height:22px; height: 22px; min-width: 140px; display: inline-block; position: absolute; top: 10px; right: 0px; background-color:#ff6666; padding-left:16px; padding-right: 10px; color: #fff;} .has-custor-list .float-right-top:before{ content: ""; position: absolute;top: 0;display: block;overflow: hidden; width: 0;height: 0;border-top: 11px solid transparent;border-bottom: 11px solid transparent;left: -1px;border-left:12px solid #fff;} .has-custor-list .mui-table-view-cell .mui-pull-right{ margin-right: 30px;} /*分销员详情*/ .dist-account-top .img-l{width: 75px; height:75px;} .dist-account-top .img-l::before{border-radius:0;} .dist-account-top .img-l img{ width: 100%; height: 100%;} .dist-account-top .tetx-r{margin-left: 10px; line-height:25px;} .dist-account-top .tetx-r p{ margin-bottom: 0;} .dist-account-info { line-height: 30px;} .dist-account-info .iconfont{ font-size:18px; color: #999; margin-right: 5px;} /* 团队招募 */ .dis-rec-box{padding-bottom:80px;text-align: center;} .dis-rec-box .rec-img{height: calc(100vh - 240px); width: auto; margin: 10px auto 0 auto;} .dis-rec-box .face-img{width:75%; height: auto; margin:60px auto 0 auto;} .share-poster-slider .slider-loding{display: block;width: 262px;height: calc(100vh - 200px); margin: 10px auto 0 auto;position: relative;} .share-poster-slider .loding-box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #f3f3f3;} .share-poster-slider .loding-ico{position: absolute;top: 50%;left: 50%; margin-left: -16px; margin-top: -16px;} /* 定制规格 */ .spec-pover-box{height:440px;} .spec-pover-box .spec-title-box{padding: 11px 10px;background-color: #f7f7f7;height: 85px;} .spec-pover-box .spec-title-box .imgBox{border-radius: 4px;height: 80px;width: 80px;position: absolute;top: -10px;} .spec-pover-box .spec-title-box .imgBox img{height:100%;width: 100%;line-height: 80px;border-radius: 4px;} .spec-pover-box .spec-title-box .close-pop{position: absolute;top: 0;right: 0;font-size: 34px;} .spec-pover-box .spec-title-box .spec-tile{margin-left: 120px;} .spec-pover-box .concent-wra{height: 220px;top: 160px;} .spec-pover-box .my-search-box{height: auto;position: relative;} .spec-pover-box .my-search-input{padding-left: 12px;padding-right: 40px;} .spec-pover-box .my-search-btn{right: 10px;left: auto;width:40px;height:34px;} .button-select a{border-radius: 15px;background-color: #f6f6f6;color: #2e2d2d;height: 32px;line-height: 32px;margin: 0 8px 10px 0;padding: 0 16px;display: inline-block;} .button-select a.active {background-color: #f6f6f6;color: #008CC7;border: 1px solid #008CC7;box-sizing: border-box;line-height: 30px;} .spec-pover-box .c-footer-action{position: absolute;width: 100%;bottom: 0px;line-height: 50px; background-color: #fff;} .select-spec-box li{display: table;width: 100%;} .select-spec-box li .item-cell{display: table-cell;} .select-spec-box .spec-del{display: block;width: 18px; height: 18px; border-radius: 50%; line-height: 18px; text-align: center; background-color: #B6291F;} .select-spec-box .spec-del .iconfont{color: #fff;} .select-spec-box .num-r{text-align: right;min-width: 107px;} .select-spec-box .num-m{padding:0 10px 0 5px;box-sizing: border-box;} .show-spec-box + .select-spec-box{display: none;} .show-spec-box.up + .select-spec-box{display: block;} .pop-spec-tap{top: 85px;bottom: 50px;} .pop-spec-tap .my-search-btn{top: 10px;} .pop-spec-tap .concent-wra{top:50px;height: 270px;} /*优惠卷*/ .cate-cont p{margin-bottom:0} .cate-cont .quan-item{position:relative;width:100%;height:90px;} .cate-cont .quan-item .q-type-left{width:calc(100% - 140px);height:100%;padding:0 10px;box-sizing:border-box; position:relative;border-top-left-radius:3px;border-bottom-left-radius:3px;background-color:#fff} .cate-cont .quan-item .q-type-left .q-details-box{ position: absolute; left: 10px; top:50%; -webkit-transform:translateY(-50%);transform:translateY(-50%);display: -moz-box; display: -webkit-box; display: box;right: 0;} .cate-cont .quan-item .q-type-left .q-range{-moz-box-flex:1.0; /* Firefox */-webkit-box-flex:1.0; /* Safari 和 Chrome */box-flex:1.0;} .cate-cont .quan-item .q-type-left.rangesign:before{content:"\e65d";position:absolute;left:0;bottom:0;font-family:iconfont!important;font-size:50px;height:35px;font-style:normal;color:#fe7761} .cate-cont .quan-item .q-type-left.getstate01:after{content:"\e65b";position:absolute;right:-15px;top:50%;margin-top:-10px;font-family:iconfont!important;font-size:50px;font-style:normal;color:#ffd2bd;z-index:4} .cate-cont .quan-item .q-type-left.getstate02:after{content:"\e64e";position:absolute;right:-15px;top:50%;margin-top:-10px;font-family:iconfont!important;font-size:50px;font-style:normal;color:#ffd2bd;z-index:4} .cate-cont .quan-item .q-type-left.getstate03:after{content:"\e6e4";position:absolute;right:-15px;top:50%;margin-top:-10px;font-family:iconfont!important;font-size:50px;font-style:normal;color:#ffd2bd;z-index:4} .cate-cont .quan-item .q-type-left .q-count-bg{position:absolute;right:-3px;bottom:0;width:0;height:0;border-color:#ffd2bd transparent;border-width:0 0 30px 40px;border-style:solid} .cate-cont .quan-item .q-type-left .q-count-info{position:absolute;right:2px;bottom:1px;font-size:9px;color:#ff4743;z-index:2} .cate-cont .quan-item .q-type-left .q-limit .a_limit{margin-right:8px;line-height:18px;color:#fb5210;font-size:12px;padding:2px;white-space: nowrap;} .cate-cont .quan-item .q-type-left .q-limit .a_limit:before{border:1px solid #fb5210} .cate-cont .quan-item .q-circle{position:absolute;z-index:3;display:block;width:18px;height:100%;overflow:hidden;left:-9px} .cate-cont .quan-item .q-circle i{position:absolute;width:18px;height:9px;display:block;overflow:hidden;background-color:#efeff4} .cate-cont .quan-item .q-circle .i1{top:-1px;border-bottom-left-radius:9px;border-bottom-right-radius:9px} .cate-cont .quan-item .q-circle .i2{bottom:-1px;border-top-left-radius:9px;border-top-right-radius:9px} .cate-cont .quan-item .q-ops-right{background-color:#fe7761;color:#fff;width:140px;height:100%; /*display: flex;display: -webkit-flex; display: -moz-flex;align-items:center;*/text-align:center;position:relative; display: table;} .cate-cont .quan-item .q-ops-right p{color:#fff;font-size:12px} .cate-cont .quan-item .q-ops-right .q-price{width:100px;display:block;/*float:left;*/font-size:12px; display: table-cell; vertical-align: middle;} .cate-cont .quan-item .q-ops-right .q-price .q-price-big{font-size:22px;font-weight:700} /* .cate-cont .quan-item .q-ops-right .q-opbtns{width:40px;height:100%;background-color:#fa1712; background-image:-moz-linear-gradient(top,#fa1712,#fe4d49); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fa1712),color-stop(1,#fe4d49)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa1712', endColorstr='#fe4d49', GradientType='0'); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa1712', endColorstr='#fe4d49'); background-image:linear-gradient(to bottom,#fa1712 0,#fe4d49 100%); float:left;font-size:16px;color:#fff;position:relative;} */ .cate-cont .quan-item .q-ops-right .q-opbtns{width:32px;height:100%;background-color:#C39D59; float:right;font-size:16px;color:#fff;position:relative;} .cate-cont .quan-item .q-ops-right .q-opbtns .q-opbtns-txt{width:20px;margin:0 auto; text-align: center; position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);-ms-transform:translate(-50%,-50%); /* IE 9 */-moz-transform:translate(-50%,-50%); /* Firefox */-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */-o-transform:translate(-50%,-50%); /* Opera */} .cate-cont .quan-item .q-ops-right b{position:absolute;z-index:2;top:0;left:-1px;display:block;width:3px;height:100%;background:url(../images/small-circle.png) top left repeat-y} .coupon-scroll-list .mui-scroll{width:100%!important} .coupon-scroll-list .mui-scroll .mui-control-item{width:33.3%} .cate-cont.due-coupon-list .quan-item .q-ops-right{background-color:#ccc} .cate-cont.due-coupon-list .quan-item .q-ops-right .q-opbtns{background-color:#999;background-image:-moz-linear-gradient(top,#999,#b7b6b6);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#999),color-stop(1,#b7b6b6));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#b7b6b6', GradientType='0');-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#b7b6b6');background-image:linear-gradient(to bottom,#999 0,#b7b6b6 100%)} .cate-cont.due-coupon-list .quan-item .q-type-left .q-count-bg{border-color:#ccc transparent} .cate-cont.due-coupon-list .quan-item .q-type-left .q-count-info{color:#fff} .cate-cont.due-coupon-list .quan-item .q-type-left.getstate03::after{color:#dedede} .cate-cont.due-coupon-list .quan-item .q-type-left.rangesign::before{color:#999} .cate-cont.due-coupon-list .quan-item .q-type-left .q-limit .a_limit{color:#999} .cate-cont.due-coupon-list .quan-item .q-type-left .q-limit .a_limit:before{border:1px solid #999} .cate-cont.due-coupon-list .quan-item .q-type-left{border:1px solid #f2f2f2} @media only screen and (max-width:320px){ .cate-cont .quan-item .q-ops-right{width:100px} .cate-cont .quan-item .q-type-left{width:calc(100% - 100px)} .cate-cont .quan-item .q-ops-right .q-price .q-price-big{font-size:14px} .cate-cont .quan-item .q-ops-right p{font-size:10px} .cate-cont .quan-item .q-type-left .q-range p:last-child{font-size: 6px!important;} } .my-coupon-popover{right: 15px; left: 15px; width:auto; height: auto; max-height: 430px;} .my-coupon-popover .mui-scroll{background-color: #FFD2BD; border-radius: 5px;padding-bottom: 10px;} .my-coupon-popover .popover-content-scroll{bottom:60px;left: 5px;right: 5px;width: auto;} .my-coupon-popover .sys-footer-btn{padding-left: 15px; padding-right: 15px;} .my-coupon-popover .sys-footer-btn .mui-btn{ width: 100%; border-radius: 5px;} .my-coupon-popover .cate-cont .quan-item .q-ops-right{width:100px} .my-coupon-popover .cate-cont .quan-item .q-circle i{ background-color:#FFD2BD;} .my-coupon-popover .cate-cont .quan-item .q-type-left{width:calc(100% - 100px)} .my-coupon-popover .cate-cont .quan-item .q-ops-right .q-price .q-price-big{font-size:14px} .my-coupon-popover .cate-cont .quan-item .q-ops-right p{font-size:10px} .coupon-pover-box{background-color:#efeff4;height: 405px; border-top-left-radius: 10px; border-top-right-radius:10px;} .coupon-pover-box .c-title{ line-height:45px; text-align: center; background-color: #fff;position: relative;border-top-left-radius: 10px; border-top-right-radius: 10px;} .coupon-pover-box .c-title .close-a-ico{ position: absolute; top:0px; right:0px;font-size: 34px;} .coupon-pover-box .c-footer-action,.spec-pover-box .c-footer-action{position: absolute;width: 100%;bottom: 0px;line-height: 50px; background-color: #fff;} .coupon-pover-box .mui-scroll-wrapper{ height: 300px;} .coupon-pover-box .mui-scroll-wrapper.coupon-p-dis{ height: 340px;} .cate-cont .check-wrapper.mui-checkbox input[type='checkbox']{ padding: 0; width: 20px; height: 20px;left: 0;top: 0;} .cate-cont .mui-checkbox{ display: inline-block;width:18px;height: 18px; border-radius: 50%; background-color: #fff; } .cate-cont .mui-checkbox input[type='checkbox']:before{ color: #fff; content:""; } .cate-cont .mui-checkbox input[type='checkbox']:checked:before{content: '\e472'; font-size: 25px; margin-right: 5px; font-weight: 600; color: #F23030; line-height: 18px;width: 18px;height: 18px;position: absolute;left: 50%;margin-left: -13px;} /*确认订单优惠卷*/ .order-coupon-popover .coupon-pover-box{height: 485px;} .o-unable-coulist.cate-cont .quan-item .q-ops-right .q-price{ width: 100%;} .o-unable-coulist.cate-cont .quan-item{ height: 110px;} .o-unable-coulist.cate-cont .quan-item .q-info{ height:90px;} .o-unable-coulist.cate-cont .quan-item .q-tip{line-height: 20px; font-size: 10px;} .order-coupon-popover .coupon-pover-box .use-tip-btn{position: absolute; right: 10px; font-size: 12px;} /* 搜索 */ .mui-content-search{ padding-top: 92px; } .my-bar-header{ height: 92px; background-color: #fff; padding: 0; } .my-bar-header .header{ position: relative; } .my-bar-header .header .mui-icon{ /* margin-left: -10px; */ padding-right: 10px; padding-left: 10px; position: absolute; top:0; left: 0; } .my-bar-header .header .addcicon{ position: absolute; top: 0; right: 0; width: 50px; text-align: center; font-size: 18px; line-height: 44px; } .my-bar-header .search_header{ padding:4px 50px 4px 40px; height: 44px; /* display: none; */ } .my-bar-header .search_header .input{background-color: #F8F8F8;border-radius: 8px;overflow: hidden;padding-left: 20px;position: relative;} .my-bar-header .search_header .input:after{ content: "\e767"; font-family: "iconfont"; position: absolute; top: 50%; left: 10px; font-size:16px; line-height: 1; margin-top: -8px; color: #999999; } .my-bar-header .search_header .input input{border: none;margin-bottom: 0;height: 36px;background-color: #F8F8F8;} .my-bar-header .title{text-align: center;font-size: 17px;color: #333;line-height: 44px;margin: 0;font-weight: 500;} .my-bar-header .tab_parent{overflow: hidden;text-align: center;border-bottom: 1px solid #F3F3F3;} .my-bar-header .tab_parent .tab{width: 25%;float: left;height: 48px;line-height: 48px;font-size: 13px;box-sizing: border-box;padding-left:5px ;} .my-bar-header .tab_parent .tab .tab_in{display: inline-block;position:relative;padding:0 10px;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .my-bar-header .tab_parent .tab .tab_in span{padding-right: 8px;} .my-bar-header .tab_parent .tab i{font-size: 12px;position: absolute; top: 50%;right: 0;margin-top: -6px;line-height: 1;} .my-bar-header .tab_parent .tab.action{color: #00A0E9;} .search-model { height: 48px; line-height: 48px; box-sizing: border-box; padding: 5px 0 5px 16px; /* position: absolute; bottom: 0; left: 0; */ width: 100%; background-color: #fff; border-bottom: 1px solid #F3F3F3; position: relative; } .search-input{ padding-right: 50px; width: 100%; height: 36px; line-height: 36px; box-sizing: border-box; position: relative; line-height: 1; } .search-model .input{ position: absolute; top: 0; left: 0; height: 36px; background-color: #F8F8F8; font-size: 13px; color: #888; text-align: left; border: none; box-sizing: border-box; display: flex; align-items: center; border-radius: 8px; padding:8px 50px 8px 29px ; width: calc(100% - 50px); margin-bottom: 0; } .search-model .input input{border: none;margin: 0;padding: 0;line-height: 1;height: auto;background: none;} .search-model input::-webkit-input-placeholder{ line-height: normal; } .search-model .search-input .del-search{ position: absolute; top: 0; right: 42px; z-index: 99; display: none; font-size: 16px; width: 40px; text-align: center; line-height: 30px; color: #D9D9D9; } .search-model .search-input .search-icon{ position: absolute; top: 50%; left: 12px; margin-top: -7px; font-size: 14px; line-height: 1; z-index: 100; } .search-model .scenen-icon{ position: absolute; bottom: 0; right: 0; padding: 0; width: 50px; font-size: 20px; text-align: center; height: 30px; line-height: 30px; } /* 客户列表 */ .customer-screen-padding{ padding: 11px 6px!important; } .customer-screen-padding .title-tip{padding-left:6px;} .customer-change{ padding: 0 8px 0 30px; } .customer-change.mui-checkbox input[type='checkbox']{ z-index: 100; top: 50%; margin-top: -20px; left: 0; font-size: 20px; line-height: 40px; } .customer-change .title-parent{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .customer-change .companyName { font-size: 15px; font-weight: bold; max-width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: none; margin-right: 5px; } .customer-change .classLevel { font-size: 10px; flex: none; max-width: 50%; white-space: nowrap; margin-left: 0!important; margin-right: 5px; line-height: 14px; height: 14px; padding: 0 3px; background-color: rgba(250, 171, 12, 0.1); color: #FAAB0C; text-overflow: ellipsis; overflow: hidden; font-weight: normal; } .customer-change .classLevel.bg-green{ color: #07C160; background-color: rgba(7, 193, 96, 0.1); } .customer-change .classLevel.bg-blue{ background-color: #E2F6FF; color: #00A0E9; } .customer-change .classLevel.bg-red{ background-color: #FFC4C4; color: #D02502; } .vip_state{ background-color: #FFC4C4; color: #D02502; font-size: 10px; line-height: 1; padding: 3px 5px; border-radius: 4px; margin: 0 5px; } .customer-change .right-btns{position: absolute;top: 50%;margin-top: -14px; right: 0;line-height: 28px;height: 28px;display: none;} .customer-change .right-btns .tips {border-radius: 4px;background-color: #00A0E9;color: #fff;} .customer-change .right-btns .blue-btn-style{background-color: #fff;margin-right: 10px;} .customer-change.new-customer-change .right-btns{position: relative;margin-top: 0;} .customer-change.new-customer-change .operation-btn{min-width: 42px;height: 28px;line-height: 28px;border-radius:4px; background-color: #00A0E9;color: #fff;font-size: 14px;text-align: center;margin-left: 5px;padding: 0 8px;} .customer-change.new-customer-change .data-box{background-color: #E5F5FD;width: 74px;height: 36px;text-align: center;padding: 2px;border-radius: 4px;color: #00A0E9; font-size: 12px;line-height: 16px;margin-right: 5px;overflow: hidden;} /* 新crm样式 */ .new-crmbox{ background-color: #f5f5f5; border-radius: 5px; padding: 10px 0; display: flex; flex-wrap: wrap; } .new-crmbox .crm-item{ width: 33%; text-align: center; } /* 客户列表编辑的样式 */ .customer-change-edit{ padding-left: 8px; } /* .customer-change-edit{padding-right: 114px;} */ .customer-change-edit.mui-checkbox input[type='checkbox']{display: none;} .customer-change-edit .right-btns{display: block !important;} .customer-screen.sm a{ min-width: 33%; max-width: 66%; float: left; margin: 0!important; box-sizing: border-box; padding: 5px 6px; border: none; } .customer-screen.sm a .btn{ display: flex; align-items: center; /* justify-items: center; */ justify-content: center; height: 38px; border: 1px solid #CCCCCC; padding: 6px 1px; border-radius: 4px; } .customer-screen.sm a span{ display: block; width: 100%; font-size: 12px; line-height: 16px; text-align: center; color: #333333; } .customer-screen.sm a.active .btn{ border: 1px solid #00A0E9; } .customer-screen.sm a.active .btn span{color: #00A0E9;} /* Tidak ada data yang tersedia saat ini */ .null-page { padding-top: 7.5rem; text-align: center; } .null-page img { width: 7.5rem !important; height: 7.5rem !important; } .null-page p{color: #999;} /* 切换点击弹出框样式 */ .select_class_popup{ border-top: 1px solid #F3F3F3; overflow: hidden; width: 100%; position: fixed; top: 92px; background-color: #FFF; z-index: 1000; padding:0 8px; box-sizing: border-box; display: none; } .poppup_bg{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); top:92px; left: 0; z-index: 888; display: none; } .select_class_popup .label_item_list{ width: 33.3%; float: left; font-size: 14px; color: #333; height: 266px; overflow-y: auto; padding:0 8px; box-sizing: border-box; } .select_class_popup .label_item_list .item{ padding: 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select_class_popup .label_item_list .item.action{ color: #00A0E9; padding-left: 20px; position: relative; } .select_class_popup .footer_btn{overflow: hidden;padding: 8px 4px;box-sizing: border-box;width:100%} .select_class_popup .footer_btn .btn{width: 50%;padding:0 8px;box-sizing: border-box;float: left;} .select_class_popup .footer_btn .btn button{ width: 100%; background-color: #F7F7F7; color: #202A38; line-height: 38px; height: 38px; padding: 0; border-radius: 4px; border: none; } .select_class_popup .footer_btn .ok button{background-color: #00A0E9;color: #fff;} .select_class_popup .label_item_list .item.action::after{ content: "\e769"; font-family: "iconfont"; position: absolute; top: 50%; left: 0; font-size: 14px; line-height: 1; margin-top: -7px; } /* 品牌跟标签的弹出框样式 */ .select_default_popup_tap .label_item_list{width: 100%;overflow: hidden;} .select_default_popup_tap .label_item_list .item{width: 50%;float: left;} .cancel-bg{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); top:0; left: 0; z-index: 1002; display: none; } .cancel-popup{ position: fixed; width: 80%; top: 50%; left: 10%; background-color: #fff; border-radius: 4px; transform: translateY(-50%); z-index: 1003; box-sizing: border-box; display: none; text-align: center; } .cancel-popup .textarea{ padding:0 16px; } .cancel-popup .title{ font-size: 17px; padding:20px 14px; font-weight: bold; color: #333; } .cancel-popup .tip{ font-size: 15px; margin-bottom: 16px; color: #333; } .cancel-popup textarea{background-color: #F8F8F8;border: none;color: #666;font-size: 14px;} .cancel-popup .btns{display: flex;height: 48px;line-height: 48px;align-items: center;justify-content: center;border-top: 1px solid #F2F2F2;} .cancel-popup .btns .btn{flex: 1;color:#C39D59 ;} .cancel-popup .btns .btn.cancel{color: #666;border-right: 1px solid #F2F2F2;} .vr-box{ display: flex; align-items: center; justify-content: center; background: #000; opacity: 0.4; color: #fff; border-radius: 12px; width: 56px; height: 24px; } .vr-box.float-box{ position: absolute; z-index: 2; bottom: 10px; right: 10px; } .date-clearIcon { line-height: 40px; font-size: 20px; color: #ccc; } /* 推广工具-朋友圈营销 */ .share_goods_list{ overflow: hidden; padding: 16px 8px; } .share_goods_list .goods_spc_title{ display: block; clear: both; float: none; color: #333; font-size: 14px; padding:0 0 14px 0 ; white-space: nowrap; font-weight: bold; overflow: hidden; text-overflow: ellipsis; } .share_goods_list .item{ width: 25%; float: left; font-size: 12px; color: #333; box-sizing: border-box; padding: 0 8px; margin-bottom: 16px; position: relative; } .share_goods_list .item .checked_btn{ position: absolute; top: 0; left: 0; z-index: 100; font-size: 20px; background-color: #fff; border-radius: 50%; color: #C7C7C7; } .share_goods_list .item .checked_btn.icon-duoxuanzhong{ color: #00A0E9; } .share_goods_list .item .img{ position: relative; width: 100%; border-radius: 4px; overflow: hidden; } .share_goods_list .item .img img{width: 100%;} .share_goods_list .item .img .bottom{ position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; line-height: 22px; text-align: center; background-color: rgba(0,0,0,.4); } .share_goods_list .item .name{ margin-top: 6px; line-height: 18px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; height: 36px; } .footer_select_extension_margin{ margin-bottom: 50px; } .footer_select_extension{ position: fixed; bottom: 0; left: 0; width: 100%; box-sizing: content-box; z-index: 100; font-size: 14px; background-color: #fff; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); color: #999; } .footer_select_extension .footer_select_goods{ white-space: nowrap; height: 100px; box-sizing: border-box; padding: 10px 4px; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05); overflow-x: auto; overflow-y: hidden; display: none; } .footer_select_extension .footer_select_goods img{width: 100%;display: inline-block;} .footer_select_extension .footer_select_goods .goods_item{ width: 88px; height: 80px; line-height: 80px; overflow: hidden; padding: 0 4px; box-sizing: border-box; position: relative; display: inline-block; } .footer_select_goods .goods_item .off_btn{ position: absolute; line-height: 1; top: 5px; font-size: 20px; right: 5px; color: #EB3C3C; background-color: #fff; border-radius: 50%; } .footer_select_extension .footer_in{ box-sizing: border-box; height: 44px; line-height: 44px; border-top: 1px solid #F3F3F3; padding: 0 120px 0 16px; position: relative; } .footer_select_extension i{font-size: 14px;} .footer_select_extension .ok_btn{ position: absolute; top: 0; right: 0; border-radius: 0; width: 120px; height: 44px; background-color: #AAAAAA; color: #fff; } .footer_select_extension .ok_btn.action{ background-color: #00A0E9; } /* 业务员打卡明细 */ .visit-record-list .visit-record-item{ height: 40px; padding-left: 16px; } .visit-record-list .visit-record-item .record-item{ /* height: 100%; */ padding: 0 6px 0 0; line-height: 40px; flex: 1; } .visit-record-list .visit-record-item .record-item.l{ flex: 1.5; } .visit-record-list .visit-record-item .record-item.xl{ flex: 2; } /* vant弹出层 */ .my-vant-popup { position: relative; width: 80vw; height: 100vh; } .my-vant-popup .scroll-view{ height: calc(100% - 50px); padding-bottom: 50px; overflow-y: scroll; } .mui-mask-bgcolor { background-color: rgba(0, 0, 0, .4) !important; } /* 客户列表批量转让 */ .popup-bg{ position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); z-index: 100; display: none; } .select-customer-popup{ position: fixed; top: 0; right: -100%; width: 80%; background-color: #fff; height: 100%; z-index: 101; } #selectDealerScroll .sidebar-seacher-box{ position: relative; /* padding-top: 88px; */ } .select-dealer-header{ /* position: absolute; top: 0; left:0; */ height: 88px; width: 100%; text-align: center; font-size: 16px; } .select-dealer-header .header{ line-height: 44px; position: relative; } .select-dealer-header .header .back-btn{ position: absolute; top: 0; left: 0;width: 44px;height: 44px; } #selectDealerScroll .search-store{ width: 90%; margin:0 auto 5px; line-height: 30px; border: 1px solid #e8e8e8; border-radius: 30px; position: relative; } #selectDealerScroll .search-store .search-icon{ position: absolute; top: 50%; left: 0; width: 30px; text-align: center; line-height: 1; font-size: 16px; color: #999; margin-top: -8px; } #selectDealerScroll .search-store input{border: none;line-height: 30px;height: 30px;text-align: left;padding-left: 30px;} .select-dealer-list { padding:0 16px; } .select-dealer-list .dealer-item{ padding: 16px 30px 16px 0; border-bottom: 1px solid #e8e8e8; font-size: 14px; color: #333; position: relative; } .select-dealer-list .dealer-item.action::after{ font-family: "iconfont"; content: "\e769"; position: absolute; top: 50%; right: 0; width: 30px; text-align: center; font-size: 18px; line-height: 1; color: #169BD5; margin-top: -9px; } .transfer-success{ position: fixed; top:50%; left: 5%; width: 90%; font-size: 14px; display: none; transform: translateY(-50%); background-color: #fff; border-radius: 10px; z-index: 200; overflow: hidden; } .transfer-success .header-title{ height: 44px; line-height: 44px; text-align: center; position: relative; font-size: 17px; font-weight: bold; } .transfer-success .header-title .off-btn{ position: absolute; top: 0; right: 0;width: 44px; font-weight: normal; font-size: 20px; z-index: 10; } .success-list-parent{padding:0 16px;overflow-y: auto; max-height:312px;} .transfer-success .success-list { padding-bottom: 16px; color: red; } .transfer-success .success-list .item{ margin-bottom: 5px; } .transfer-success .success-tip{ display: flex; padding: 0 16px 16px 16px; } .transfer-success .success-tip .tip-flex{flex:1} .transfer-success .success-tip span{ margin: 0 6px; } .transfer-success .success-tip .success{color:green;} .transfer-success .success-tip .error{color:red;} .transfer-success .footer-btn{ line-height:44px; text-align: center; background-color: #00A0E9; color: #fff; } /* 包括物流查询 */ .search_package .red{color: #F03D38;} .search_package .searchbox-new { padding: 0 40px 0 0; /* margin-bottom: 6px; */ } .search_package .searchbox-new .my-search-input { background-color: #fff; border: 1px solid #CCCCCC; border-right: none; border-radius: 4px 0 0 4px; padding-left: 10px; } .search_package .searchbox-new .my-search-icon { width: 40px; height: 36px; border-radius: 0 4px 4px 0; line-height: 36px; text-align: center; border: 1px solid #CCCCCC; left: inherit; right: 0; } .search_package .date-picker { max-width: 100px; padding: 6px 10px; border-radius: 4px; border: 1px solid #ccc; height: 30px; box-sizing: border-box; } .search_package .package-item { padding: 11px 0; border-bottom: 1px solid #F3F3F3; font-size: 12px; } .search_package .package-item .order_no{ font-size: 13px; color: #333333; font-weight: bold; } .search_package .right_btn{ float: right; width: 70px; padding: 0; font-size: 11px; height: 21px; border:none; background-color: #00A0E9; color: #fff; } .search_package .right_btn.orange{ background-color: #EEAE3F; } .search_package .right_btn.green{ background-color: #07C160; } .search_package .right_btn .ghdiconfont{ font-size: 11px; } .search_package .package-item .name .number{ margin-left: 30px; display: inline-block; } .search_package_pages { width: 18px; height: 18px; text-align: center; line-height: 16px; display: inline-block; border-radius: 18px; margin-right: 6px; border: 1px solid #333333; } /* //侧边栏 */ .search_package .sidebar_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 100; /* display: none; */ } .search_package .sidebar_modal { width: 86%; height: 100%; /* display: none; */ position: fixed;; top: 0; right: 0; background-color: #fff; z-index: 1000; padding-top: 40px; } .search_package .package_model { position: relative; padding: 3px 10px 3px 70px; } .search_package .package_model .name { position: absolute; top: 3px; left: 10px; font-weight: bold; line-height: 30px; } .search_package .package_model .time_input { display: flex; align-items: center; justify-content: center; } .search_package .package_model .time_input input { border: none; text-align: center; } .search_package .logistics_status .title { margin-top: 10px; border-top: 1px solid #F0F0F0; padding: 10px; font-weight: bold; } .search_package .logistics_status .btns { overflow: hidden; padding: 0 5px; } .search_package .logistics_status .btns .btn { float: left; width: 33%; padding: 5px; box-sizing: border-box; } .search_package .logistics_status .btns .btn button { width: 100%; border: 1px solid #CCCCCC; color: #333333; background-color: #fff; font-size: 13px; } .search_package .logistics_status .btns .btn.action button, .search_package .footer_btns .btn.action button { color: #00A0E9; border: 1px solid #00A0E9; } .search_package .footer_btns { position: absolute; bottom: 0; left: 0; width: 100%; padding: 8px; overflow: hidden; box-sizing: border-box; } .search_package .footer_btns .btn { padding: 8px; float: left; width: 50%; } .search_package .footer_btns .btn button { width: 100%; line-height: 44px; padding: 0; color: #666666; border: 1px solid #DCDEE0; } /* 操作提示弹框 */ .display_block{ display: block; } .display_none{ display: none; } .mark_for_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 1000; /* display: none; */ } .mark_for_warehousing{ position: fixed; bottom: 0; left: 0; width: 100%; padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background-color: #fff; z-index: 1001; border-radius: 20px 20px 0 0; color: #333333; } .mark_for_warehousing .popup_title{ line-height:44px; text-align: center; font-size: 16px; position: relative; border-bottom: 1px solid #F5F5F5; color: #333333; } .mark_for_warehousing .popup_title .checked_all{ position: absolute; top: 0; right: 20px; width: 60px; font-size: 13px; display: flex; align-items: center; justify-content: center; height: 44px; } .mark_for_warehousing .icon-newyuanxuanzhong{ color: #00A0E9!important; } .mark_for_warehousing .select_list_pack{ overflow-y: auto; height: 300px; padding: 0 18px; font-size: 14px; } .mark_for_warehousing .select_list_pack .item{ border-bottom: 1px solid #F5F5F5; line-height: 48px; position: relative; } .mark_for_warehousing .select_list_pack .item .checked{ position: absolute; top: 50%; right: 0; line-height: 30px; color: #979797; font-size: 20px; width: 30px; text-align: center; margin-top: -15px; } .mark_for_warehousing .bottom_btn{ padding: 5px 8px; display: flex; align-items: center; justify-content: center; } .mark_for_warehousing .bottom_btn .btn{flex: 1;padding: 0 8px;} .mark_for_warehousing .bottom_btn button{ width: 100%; background-color: #fff; color: #999999; line-height: 44px; border-radius: 4px; border: 1px solid #DCDEE0; padding: 0; } .mark_for_warehousing .bottom_btn .ok button{ background-color: #479EE3; color: #fff; } .mark_for_warehousing .operation-area { width: 100%; height: 130px; background-color: #fff; margin-top: 20px; box-sizing: content-box; } .mark_for_warehousing .picker-box-parent { position: relative; padding: 6px 10px 6px 100px; } .mark_for_warehousing .picker-box-parent .picker-title { position: absolute; top: 6px; text-align: right; width: 56px; left: 30px; line-height: 30px; } .mark_for_warehousing .picker-box-parent .iconfont { color: #A5A5A5; font-size: 14px; } .mark_for_warehousing .operation-area .picker-box { width: 250px; height: 40px; line-height: 40px; border: 1px solid #F3F3F3; border-radius: 4px; padding: 5px 12px; display: flex; justify-content: space-between; align-items: center; } /* 店铺样式 */ .store_info_all{ padding:2px 8px; } .store_info_all .store_info_in{ background-color: #F7F7F7; color: #888888; font-size: 11px; text-align: left; border-radius: 13px; position: relative; padding:4px 20px 4px 10px; min-width: 80px; } .store_info_all .store_info_in .right_text{ position: absolute; top:50%; line-height: 1; right: 8px; margin-top: -6px; color: #C39D59; } .store_info_all .store_info_in .iconfont{ font-size: 12px; } .edit_goods_radio .flex_radio{ display: flex;align-items: center; } .edit_goods_radio .flex_radio .flex_none{ flex: none; } .edit_goods_radio .radio{ position: static!important; line-height: 26px; } .edit_goods_radio label{padding: 4px 15px 4px; line-height: 26px;} .edit_goods_radio .number_input{ width:42px; border: 1px solid #e8e8e8; height: 26px; margin: 0 8px; padding: 0; text-align: center; } .takeAdressPopup_popup,.pay_refund_popup{ width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 1000; background-color: rgba(0,0,0,.6); display: none; } .takeAdressPopup,.payRefundPopup{ position: fixed; top: 50%; left: 50%; width: 270px; margin: -61px 0 0 -135px ; z-index: 1001; background: #fff; border-radius: 4px; display: none; } /* 订单详情超出部分退款提示框 */ .payRefundPopup{margin:0 0 0 -135px;transform: translateY(-50%);} .payRefundPopup .popup_title{ font-size: 15px; color: #030303; font-weight: bold; text-align: center; padding: 18px 0 20px 0; } .payRefundPopup .refund_tip{ padding: 0 16px; max-height: 200px; font-size: 14px; overflow-y: auto; } .payRefundPopup .refund_tip p{ margin-bottom: 0; padding-bottom: 0; } .payRefundPopup .bottom_btn{ line-height: 40px; margin-top: 16px; display: flex; border-top: 1px solid #e8e8e8; } .payRefundPopup .bottom_btn .btn{ flex: 1; } .payRefundPopup .bottom_btn .ok{ border-left: 1px solid #e8e8e8; } .payRefundPopup .bottom_btn .ok button{ color: #C39D59; } .payRefundPopup .bottom_btn .btn button{ width: 100%; line-height: 40px; padding: 0; border: none; } .takeAdressPopup .title{ text-align: center; position: relative; padding: 18px; font-size: 18px; color: #666666; border-bottom: 1px solid #F2F2F2; } .takeAdressPopup .title .off_btn{ position: absolute; top: 50%; right: 0; border: none; color: #999999; width: 40px; padding: 0; height: 40px; font-size: 20px; margin-top: -20px; } .takeAdressPopup .popup_btn{ position: relative; width: 100%; display: flex; } .takeAdressPopup .popup_btn button{ border: none; flex: 1; color: #333333; font-size: 14px; padding:23px 0; font-weight: bold; } .takeAdressPopup .popup_btn:after{ content: ""; width: 2px; height: 36px; background: #F2F2F2; position: absolute; top: 50%; left: 50%; margin-top: -18px; } /* 底部按钮 */ .bottom-btn-box{ position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; background-color: #fff; border-top: 1px solid #f5f5f5; padding: 5px 16px; display: flex; justify-content: space-between; z-index: 10; } .bottom-btn-box .btn{ flex: 1; /* width: calc((100% - 12px) / 2); */ height: 40px; line-height: 40px; text-align: center; border-radius: 4px; font-size: 14px; color: #00A0E9; border: 1px solid #00A0E9; } .bottom-btn-box .btn + .btn{ margin-left: 12px; } .bottom-btn-box .btn.mui-hidden + .btn{ margin-left: 0; } .bottom-btn-box .btn.blue-active{ background-color: #00A0E9; color: #fff; } /* 多类目标识 */ .pre_deposit_category{ display: none; } .pre_deposit_category_in{ background:linear-gradient(to right,#FFE6BC ,#FFFAF2 ,#FFE6BC); color: #BC7900; padding: 6px 10px; border-radius: 8px 8px 0 0; margin-bottom: 8px; display: inline-block; } .pre_deposit_category_default{ background-color: #ECF9FF; color: #00A0E9; padding: 2px 4px; display: inline-block; line-height: 1; width: auto; font-size: 12px; } .advance_deposit_list{ color: #333333; font-size: 13px; padding:0 16px; display: none; background-color: #fff; border-top:1px solid #F5F5F5 ; } .advance_deposit_list .item{ padding:15px 0; color: #333333; border-bottom:1px solid #F5F5F5 ; } .advance_deposit_list .item .right_price{ float: right; } /* 预存款多类目输入 */ /* 预存款固定类目支付 */ .advance_deposit_list_input{ display: none; } .advance_deposit_list_input .item { padding:13px 16px 13px 10px; border-top:1px solid #F5F5F5; font-size: 13px; color: #202A38; } .advance_deposit_list_input .item .price{ float: right; color: #333333; font-size: 15px; } .pay_type_list .title{ padding: 16px; border-bottom: 1px solid #F3F3F3; } .yck_icon{ color: burlywood; font-size: 20px; } .advance_deposit_list_input .input_modal{ position: relative; padding: 6px 0; } .advance_deposit_list_input .input_modal .checked_icon{ margin-right: 10px; color: #D5D8DE; font-size: 18px; } .advance_deposit_list_input .input_modal .checked_icon.icon-newdanxuan{ color: #0094DE; } .advance_deposit_list_input .input_modal .default{ color: #D02502; float: none; font-size: 11px; } .advance_deposit_list_input .input_modal .input{ position: absolute; top: 50%; right: 0; width: 150px; height: 26px; margin-top: -13px; text-align: right; font-size:12px; padding: 0 12px; border: 1px solid #E8EAED; } .advance_deposit_list_input .input_modal_price{ color: #999999; margin-top: 6px; font-size: 11px; } .advance_deposit_list_input .input_modal_price .balance{ float: right; margin-right: 4px; } /* 修改价格之后弹框 */ .change_pruce_bg{ width: 100%; /* display: none; */ height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.4); z-index: 10; } .change_pruce_popup{ position: fixed; /* display: none; */ top: 50%; left: 10%; width: 80%; background-color: #fff; z-index: 11; border-radius: 4px; transform: translateY(-50%); } .change_pruce_popup .title{ padding: 18px; text-align: center; font-size: 15px; color: #030303; } .change_pruce_popup .change_group{ margin-bottom: 20px; padding: 0 16px 30px 16px; } .change_pruce_popup .change_group span{ color: #D02502; } .change_pruce_popup .po_btn_box{ display: flex; align-items: center; text-align: center; border-top: 1px solid #e8e8e8; } .change_pruce_popup .po_btn_box .btn{ flex: 1; line-height: 44px; } .select_price_type{ display: flex; margin-top: 16px; position: relative; } .select_price_type .name{ white-space: nowrap; line-height: 30px; margin-right: 16px; } .select_price_type .mui-select{ line-height: 30px; margin: 0; padding: 0 16px; color: #999; border: 1px solid #e8e8e8!important; } .select_price_type .icon_bottom{ position: absolute; top: 8px; z-index: 10; right:8px; line-height: 1; font-size: 14px; } .yesMember{ background: linear-gradient(to left, #FEEFC3 ,#FDE7A2); color: #31353E; border-radius: 8px; text-align: center; display: inline-block; height: 14px; line-height: 14px; font-size: 10px; padding: 0 5px; } .line_height1{ line-height: 1!important; } .noMember_inline{ display: inline-block; } .text_left{ text-align: left; } .noMember{ background: linear-gradient(to left, #FEEFC3 ,#FDE7A2); color: #31353E; border-radius:8px; text-align: center; display: flex; align-items: center; justify-content: flex-start; height: 14px; line-height: 14px; padding: 0 5px; font-size:10px; } .height40{ min-height: 20px; line-height: 20px; } .pl8{ padding-left: 8px; } /* 商品详情促销信息 */ /* .my_promotion{ background-color: rgba(0, 160, 233, 0.1); padding:10px 16px 8px 8px; } */ .my_promotion .promotion-text p{ margin-bottom: 0; } .my_promotion .promotion-text span{ /* color: #00A0E9; */ font-size: 12px; } #lookPromotions{ border-radius: 10px 10px 0 0; overflow: hidden; background-color: #fff; } #lookPromotions .popup_title{ position: relative; padding: 12px 0; text-align: center; color: #26292C; font-weight: bold; font-size: 16px; } #lookPromotions .popup_title .off_btn{ position: absolute; top: 50%; right: 0; line-height: 40px; width: 40px; margin-top: -20px; color: #999999; font-weight: normal; } #lookPromotions .c-footer-action{ padding: 16px; } .content_look{ max-height: 60vh; min-height: 40vh; overflow-y: auto; background-color: #F6F6F6; margin: 0 16px 0 16px; border-radius: 8px; color: #26292C; position: relative; font-size: 14px; } .content_look .pro_item{ padding:8px 16px; margin-bottom: 0; } #pro-promotionHtml{ position: relative; font-size: 12px; padding-bottom: 24px; line-height: 20px; } .promotion_text_height{ overflow: hidden; } .footer_promotion{ position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; } .footer_promotion .btn_promotion{ height: 25px; line-height: 25px; background-color: transparent!important; color: #00A0E9!important; text-align: center; font-size: 12px; margin: 0 10px 0 52px!important; display: flex; align-items: center; } .footer_promotion .btn_promotion i{ font-size: 10px; margin-left: 4px; } .footer_promotion .look_promotion{ float: left; } .footer_promotion .promotion-info{ float: right; } /* 商品详情库存信息三等分 */ #txtpriceDetail{ overflow: hidden; } #txtpriceDetail .goods_item{ float: left; width: 33.3333%; font-size: 11px; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: 0!important; } #txtpriceDetail .goods_item:nth-of-type(3n-2){ text-align: left; } #txtpriceDetail .goods_item:nth-of-type(3n-1){ text-align: center; } /* 错误弹框 */ .error_fix_top{ width: 100%; position: fixed; bottom: 50px; bottom:calc(50px + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */ bottom: calc(50px + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */ left: 0; background-color: #fef0f0; border: 1px solid #fde2e2; color: #f56c6c; border-radius: 0; padding: 0 7px; line-height: 30px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:12px; z-index: 1000; display: flex; font-weight: bold; align-items: center; box-sizing: border-box; } .error_fix_top_app{ bottom: 0px; bottom:calc(0px + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */ bottom: calc(0px + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */ } .error_fix_top .off_btn{ position: absolute; top: 0; right: 0; line-height:30px; width: 25px; text-align: center; font-size: 10px; color: #999; } .error_fix_top text{ color: #FF0B1D; font-size: 15px; margin-right: 2px; }