ul,li,dl,dt,dd,section,a{ margin:0; padding:0; list-style:none; } body{ color: #333; font-size: 14px;} a{text-decoration:none; color: #333;} p{color: #333333;} p img,.my-img-div>img{max-width:100%; width: 100%; height:auto;vertical-align: middle;} a:active{color: #333;} section { display: block; } input, textarea, select{font-size: 14px; color: #333333;} input[type='search']::-webkit-input-placeholder{color:#999;} input[type='search']::-moz-placeholder{color:#999;/* Mozilla Firefox 19+ */} input[type='search']:-moz-placeholder{color:#999;/* Mozilla Firefox 4 to 18 */} input[type='search']:-ms-input-placeholder{color:#999;/* Internet Explorer 10-11 */ } #Attention{ display: none;!important } .div-img,.div-img img{ width: 100%; height: auto;} .poster-img-style{ width:100%;box-sizing: border-box; padding: 10px 7px 0 20px; background-color: #fff; } .clause_xieyi { /* position: fixed; bottom: 10px; width: 100%; left: 0; z-index: 10; */ margin: 0; padding: 0; } .clause_xieyi .clause-text { display: flex; align-items: center; justify-content: center; } .clause_xieyi input[type="checkbox"] { width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 18px; position: relative; } .clause_xieyi input[type="checkbox"]::before { font-family: "ghdiconfont"; content: "\e786"; position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 100%; color: #979797; font-size: 16px; } .clause_xieyi input[type="checkbox"]:checked::before { font-family: "ghdiconfont"; content: "\e788"; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; color: #c39d59; font-size: 16px; } #tongyi { margin-right: 5px; } /* 清空规格 */ .clear_spc{ margin: 10px 0; color: #C39D59; background-color: #FDF8EF; line-height: 36px; text-align: center; border-radius: 36px; display: none; font-size: 14px!important; } .navBar{ display: flex; align-items: center; justify-content: space-between; /* width: 100%; */ } .nav_bar{ display: flex; align-items: center; justify-content: space-between; } .nav_bar_text{ width: 20%; display: flex; align-items: center; justify-content: center; height: 44px; } .choose_navBar{ color: #C39D59; font-weight: 400; border-bottom: 1px solid #C39D59; } .nav_top{ min-width: 20%; } .clear_spc span{ font-weight: bold; } .container_block{ width: 335px; margin-left: 20px; margin-right: 20px; padding-top: 14px; border-bottom: 1px solid #F3F3F3; /* padding-bottom: 24px; */ } .container_block_row{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .container_block_row_left{ display: flex; align-items: center; justify-content: center; } .container_block_row_left image{ width: 20px; height: 20px; } .container_block_row_time{ font-weight: 400; font-size: 12px; color: #AAAAAA; } .container_block_row_state{ font-size: 13px; color: #666666; line-height: 13px; } .container_block_row_isEnter{ font-weight: 400; font-size: 13px; color: #C39D59; } .container_block_row_noEnter{ font-weight: 400; font-size: 13px; color: #D02502; } .font_blank{ font-weight: 400; font-size: 13px; color: #AAAAAA; } .mui-content{background-color: #f8f8f8;} .isrelease{opacity: 0.5;}/*禁止点击*/ .my-col-xs-3{width: 25%!important;} .my-col-4{width: 33.3%!important;} .my-clo-5{ width: 20%!important; } .sales_volume_modal{ margin-top: 5px; display: flex; font-size: 12px; color: #888888; align-items: center; justify-content: space-between; } .sales_volume_modal .item{overflow: hidden;} .sales_volume_modal .right_icon{ float: left; display: flex; align-items: center; } .sales_volume_modal .right_icon span{padding:0 3px;margin-left: 8px;} /*红色字*/ /* .red-font{ color: #f23030!important;} */ .red-font{ color: #B6291F!important;} .orange-font{color: #C39D59!important;} .red-font2{color: #B6291F;} .red-font3{color: #CC4E4E;} /*蓝色字*/ .blue-font{ color: #008cc7!important;} /*灰色字*/ .gray-font{color: #838383!important;;} /* .gray-font{color: #686868!important;} */ .gray-66{color:#666;} .gray-88 {color: #888888;} .gray-99{color: #999999} .gray-ccc{color: #ccc;} /*棕色字*/ .brown-font{color: #C39D59!important;} /*浅蓝*/ .fontcolor1{ color:#b8daed;} /*绿色*/ .fontcolor2{color:#1aad19} /* 图标颜色 */ .zfb-color{color: #06B4FD;} .wx-color{color: #50B674;} .offline-color{color: #F39C2C;} .default-color{color: #fff!important;background: #C39D59!important;} .delete-line-price{text-decoration: line-through;display: inline-block;font-size: 12px;color: #999999;} /*灰色背景颜色*/ .bgcolor-gray{background-color:#ccc!important;} .bgcolor-white{background-color:#fff!important;} .gray-splitline{width: 100%;height: 10px;background-color: #F5F5F5} .bobyall{margin: 0; min-width: 100vw; min-height: 100vh;} .font7{font-size: 7px!important;} .font9{font-size: 9px!important;} .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;} .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;} .font-bold{ font-weight: bold !important;} .font-normal{ font-weight: normal !important;} .mall0{ margin: 0!important;} .mlr3{ margin: 0 3px;} .mt5{margin-top: 5px;} .mt7{ margin-top: 7px;} .mt10{ margin-top: 10px;} .mt15{ margin-top: 15px;} .mt16{margin-top: 16px;} .mt20{ margin-top: 20px;} .mt25{margin-top: 25px;} .mt30{ margin-top: 30px;} .mt40{ margin-top: 40px!important;} .mt44{ margin-top: 44px!important;} .mt45{ margin-top: 45px!important;} .mt85{ margin-top: 85px!important;} .mb10{margin-bottom: 10px;} .ml5{margin-left: 5px;} .ml10{margin-left: 10px;} .ml12{margin-left: 12px;} .ml16{margin-left: 16px;} .mr2{margin-right: 2px;} .mr5{margin-right: 5px;} .mr10{margin-right: 10px;} .mr12{margin-right: 12px;} .mr16{margin-right: 16px;} .mr20{ margin-right: 20px;} .pr20{ padding-right: 20px;} .pr10{ padding-right: 10px;} .ptb{ padding: 10px 0;} .pt2{padding-top: 2px;} .pt10{padding-top: 10px;} .pt16{padding-top: 16px;} .pt40{padding-top: 40px;} .pt44{padding-top: 44px;} .pt45{padding-top: 45px;} .pt50{ padding-top: 50px;} .pt88{ padding-top:88px!important;} .pt128{ padding-top: 128px!important;} .pb5{padding-bottom: 5px;} .pb10{ padding-bottom: 10px!important;} .pb20{ padding-bottom: 20px!important;} .pb30{ padding-bottom: 30px;} .pb50{ padding-bottom: 50px;} .pb60{padding-bottom: 60px;} .prnone{padding-right: 0px!important;} .has-px-16{padding-left: 16px;padding-right: 16px;} .has-px-10-12{padding: 10px 12px;} /*右边距离*/ .right-interval-sm{margin-right: 20px;} /*左边距离*/ .left-interval-sm{ margin-left: 20px;} /*右边距离20*/ .right-interval-20{margin-right: 20px;} .right-interval-25{margin-right: 25px;} /*右边距离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;} .my-scroll-bottom{padding-bottom: 50px;} .forbt55{bottom: -55px;} /*左右为10的距离*/ .has-px-10{ padding-left: 10px; padding-right: 10px;} .has-px-20{ padding-left: 20px; padding-right: 20px;} .has-px-15{ padding-left: 15px!important; padding-right:15px!important;} .has-allpx-10{padding: 10px;} .has-allpx-16{padding: 16px;} .has-tb15-lr10{padding: 15px 10px;} .has-tb12-lr16{padding: 12px 16px;} /*高度*/ .h40{ height: 40px;} /*屏幕高度居中*/ .my-md-height{padding: 0;margin:0;position: absolute;top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);} /*更多*/ .bottom-tip-floor{line-height: 55px!important;} .showmore{background-color: #fff; text-align: center; color: #686868; font-size: 12px; line-height: 24px;} .showmore .mui-icon{font-size: 16px;} /*背景色为白色,top等于10的距离*/ .box-white-top{background-color: #fff; margin-top: 10px;} /*白色背景*/ .white-badge{background-color: #fff;} .white-badge_important{background-color: #fff!important;} /*相对位置属性*/ .po-relative{ position: relative;} /*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.red-border::before{border: 1px solid #F23030;} .bdbox-1px.blue-border::before{border: 1px solid #008cc7;} .bdbox-1px.brown-border::before{border: 1px solid #C39D59;} .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:#f3f3f3;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;} .b-right-1px{position: relative;} .b-right-1px:after{ position: absolute; right: 0; top: 0; height:100%; width: 1px; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); background-color: #e5e5e5; /*z-index: 10;*/} /* 1px边框 */ .border-bottom-1px{border-bottom: 1px solid #f3f3f3;} /*bar-nav右边item*/ .mui-bar .title-right-set{font-size: 14px; line-height: 44px; color: #888;} /*自定义红色背景、灰色*/ .my-badge-red{ color: #fff; background-color: #B6291F!important;} .my-gray-bg{background-color:#F7F7F7; color: #333;} /*自定义列表*/ .my-li .mui-table-view-cell{ padding:10px 16px; 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-table-view-cell .mui-pull-right.nomargin-right{margin-right: 0!important;} .my-li .mui-navigate-right:after{ right: 10px;} .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 .mui-table-view-cell .text-r{ width:calc(100% - 100px); white-space: normal;} .my-li.xs .mui-table-view-cell{ padding:15px 10px;} /*去掉上下的下划线*/ .noulborder.mui-table-view::before, .noulborder.mui-table-view:after{ height: 0!important;} .mui-navigate-right:after, .mui-push-right:after{right:10px;} /*自定义按钮button*/ .btn-blue{ color:#fff; border:1px solid #008cc7; background-color:#008cc7;} .btn-blue:enabled:active{background-color: #019ddf;} .my-btn-red{ color:#fff !important; border:none !important; background-color:#f23030 !important;} .my-btn-red:enabled:active{background-color: #c00808 !important;} .my-btn-red.mui-btn-outlined{color: #c00808;} .my-btn-yellor{ color:#fff !important; border:none !important; background-color:#C39D59 !important;} .my-btn-yellor:enabled:active{background-color: #C39D59 !important;} .my-btn-yellor.mui-btn-outlined{color: #C39D59;} .mui-btn-outlined{background-color: transparent;} .my-btn-gray{color:#888888 !important; border:1px solid #DDDDDD !important; background-color:#DDDDDD !important;} .my-btn-gray:enabled:active{background-color: #C8C7CC;} .my-btn-gray.mui-btn-outlined{color: #eee;} .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: #cececf;} .my-btn-green{color:#fff !important; border:none!important; background-color:#1aad19 !important;} .my-btn-green:enabled:active{background-color: #98e376;} .my-btn-green.mui-btn-outlined{color: #1aad19;} .my-btn-brown{color:#fff !important; border:none!important; background-color:#C39D59 !important;} /* .my-btn-green:enabled:active{background-color: #98e376;} .my-btn-green.mui-btn-outlined{color: #1aad19;} */ .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;} /*去掉按钮默认样式*/ .no-default-btn{padding: 0;border: none;} .no-default-btn:enabled:active{color:inherit;background-color:inherit;} .my-btn-block{width: 100%;height: 44px;line-height: 44px;padding: 0;font-size: 14px;} /*//列表操作按钮宽高*/ .list-action-btn{width: 68px; line-height: 21px; height: 21px;padding: 0;} /*搜索框组件*/ .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{position: relative;} .my-search-box2 .my-search-input{line-height: 29px;height: 29px; margin-top: 6px!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:0px; top:5px; } .my-search-box2 .my-search-icon{position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: (-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-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: #999!important;} .my-search-title{ right: 10px;left: 44px;display: inline-block;overflow: hidden;width: auto;margin: 0;text-overflow: ellipsis; position: absolute;border-radius: 140px;} .my-search-title.block-head{ left: 10px;} .mui-search .mui-placeholder.left{text-align: left;top: 7px;padding-left: 10px;line-height: 29px;font-size: 12px;} .mui-search .mui-placeholder .mui-icon{ font-size: 22px;} .mui-search .mui-placeholder .search-icon{ font-size: 13px;color: #333;margin-right: 3px;} .my-search-title .my-search-btn{line-height: 29px;padding-left: 10px;} .mui-search input[type="text"].radio50{border-radius: 50px;} .mui-search .mui-placeholder.new-left{display: flex;align-items: center;height: 29px;text-align: left;top: 7px;padding-left: 10px;line-height: 29px;font-size: 12px;} .mui-search .mui-placeholder.left .search-icon{ font-size: 16px;color: #333;margin-right: 3px;} .mui-search input[type="text"], .locar-search .search-back{padding-left: 30px;height: 29px;margin:7px 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;} .has-search-clear .clear-ico{font-size: 20px!important;position: absolute;z-index: 1;/*top: 10px!important; */right:12px; width: 38px; height: 38px;text-align: center;color: #999;/*margin: 0!important;padding: 0!important;*/} .has-search-clear input[type=search]{ padding-right: 30px;} /*黑色图标、黑色文字*/ .black-icon,.black-font{color: #333!important;} /*白色图标、白色文字*/ .white-icon,.white-font{color: #fff!important;} /*自定义a鼠标经过红色边框*/ .my-red-outlined a{color: #333; border: 1px solid #e3e5e9; border-radius:4px; margin-right: 11px; padding:5px 10px; overflow: hidden; font-size: 14px; background-color: #fff; display: inline-block;} .my-red-outlined a.active{border: 1px solid #F23030; color:#F23030;} .my-red-outlined.xs a{ margin-right: 20px; padding:5px 20px;} .my-red-outlined.sm a{ margin-right: 20px; padding:1px 16px; margin-bottom: 9px;} /*自定义a鼠标经过棕色边框*/ .my-brown-outlined a{color: #333; border: 1px solid #F5F5F5; border-radius:4px;margin: 6px 15px 6px 0;padding:5px 10px; overflow: hidden; font-size: 12px; background-color: #F5F5F5; display: inline-block;} .my-brown-outlined a.active{border: 1px solid #C39D59; color:#C39D59;background-color: #FFF8ED;} .my-brown-outlined.xs a{ margin-right: 20px; padding:5px 20px;} .my-brown-outlined.sm a{ padding:4px 16px;} /*自定义高为50的input填入表单*/ .my-input-group-xs .mui-input-row{height: 50px;} /* .my-input-group-xs .mui-input-row label{line-height: 1.9;} */ .my-input-group-xs input[type='text'],.my-input-group-xs input[type='password']{height: 50px;} .my-input-group-xs .mui-input-row .mui-input-clear ~ .mui-icon-clear{top:15px;} /*底部选项菜单*/ .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: #F23030; color: #fff; line-height:50px; font-size: 15px; position: relative;} /*操作按钮置于底部*/ /*侧滑菜单中有些手机不适用于position:fixed,所以用po-ab覆盖其样式*/ .bottom-bar-box{display: table; position:fixed;left: 0; bottom: 0; text-align: center; height: 50px; line-height: 50px;width: 100%; z-index: 11;} .bottom-bar-box.po-ab{ position: absolute!important;} .operation-btn-style button{background-color: #fff;} .bottom-bar-box .items-bar-a{ display: flex;display: -webkit-flex; display: -moz-flex; height: 50px; align-items: center;} /*底部button的样式*/ .action-btn-style{border: 0;border-radius: 0;height: 100%;line-height: 50px;padding: 0;} /*列表标题*/ .list-title-bar{ padding: 10px 0; font-size: 14px !important; margin: 0 !important; background-color: #fff; overflow: hidden;} .list-title-bar-blod{ padding:12px; font-size: 13px; margin: 0 !important; background-color: #fff; overflow: hidden;font-weight: bold;position: relative;} /*左右排布内容*/ .around-layout-p {background-color: #fff;overflow: hidden;} .around-layout-p-border{ border: 1px solid #E7E7E7; margin-bottom: 12px; border-radius: 4px; } .around-layout-p p{padding-left: 10px; padding-right: 10px; overflow: hidden; margin-bottom: 7px;} .around-layout-p-border p{padding: 0;margin: 0!important;} .around-layout-p p:first-child{margin-top: 7px;} .around-layout-p .underline{padding-bottom: 7px;} .around-layout-p .action-list-time{position: relative;} .around-layout-p .action-name{position: relative;padding: 16px 80px 16px 12px; font-size: 15px;line-height: 24px;} .around-layout-p .action-name1{position: relative;padding: 7px 12px; font-size: 15px;line-height: 24px;margin-bottom: 0;} .around-layout-p .action-name .action-state{font-size: 12px;width: 63px;position: absolute;top: 17px;right: 0;background-color: #C39D59;text-align: center;color: #fff;border-radius: 100px 0 0 100px;} .around-layout-p .action-list-time time{padding: 2px 10px;box-sizing: border-box;position: absolute;bottom: 0;left: 0;width: 100%;background-color: #FFF5E2;color: #C39D59;font-size: 12px;} /*价格*/ .price{font-size: 23px; color: #B6291F; font-weight:600;} .symbol-pice{font-size: 16px;font-weight: 300;} /*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-wrap{flex-wrap: wrap;} .flex.align-center {align-items: center;} .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;} .flex-direction-column{flex-direction: column;} .justify-end{justify-content: flex-end;} .flex-item{flex: 1;} /*块级元素*/ .block-level{ display: block;} /*行内元素*/ .inline-level{ display: inline-block;} /*促销*/ /*.layout-box .promotion-sign{display:block;}*/ .layout-box .promotion-text{display: block; margin-left:45px;} .layout-box .promotion-text span{display: block;} .pro-promotion{ font-size: 12px; color: #f23030; line-height: 20px; 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;} .promotion-sign.back-border{border: 1px solid #333;color: #333; }*/ .action-sign{display: inline-block;padding: 3px 6px;line-height: 1;background-color:#FDA660 ;color: #fff;border-radius: 2px;margin-right: 10px;} /* .my-sign1-box{margin-right: 3px; vertical-align: top; width:30px; height: 17px; overflow: hidden; box-sizing: border-box; display: inline-block; text-align: center;} .my-sign1{display: inline-block;padding:0px;border: 1px solid #FFA634;height: 34px;width:60px;color: #FFA634;border-radius: 6px;background-color: #fff;font-size: 26px;line-height:34px;text-align: center;-webkit-transform: scale(.5,.5);transform: scale(.5,.5);-webkit-transform-origin:top left;transform-origin:top left;} */ .my-sign1-box{margin-right: 3px;font-size: 0; vertical-align: top; box-sizing: border-box; display: inline-block; text-align: center;} .my-sign1{display: inline-block;vertical-align:bottom;line-height: 1;padding:2px;border: 1px solid #FFA634;color: #FFA634;border-radius:3px;background-color: #fff;font-size: 11px;text-align: center;} .my_sign1_size20{ font-size: 22px; } .my-sign1-box.md{ width: 45px!important; } .my-sign1-box.md .my-sign1{ width:90px!important; } /*头部下拉选择框*/ .my-header{ padding-left: 0; padding-right: 0;} .my-headericon-l{ padding-left: 20px !important;} .my-headericon-r{ padding-right: 20px !important;} /*下拉样式*/ .my-dropdown-select{position: relative;height: 44px;z-index: 999;} .my-dropdown-select dt { overflow: hidden; } .my-dropdown-select dt a {text-align: center;} .my-dropdown-select dt a.mui-title:after{position: absolute;top: 48%;left: 50%;margin-top: -1px;margin-left: 40px;width:0;height:0; border-width:3px 3px 0;border-style:solid;border-color:#666 transparent transparent;/*灰 透明 透明 */content: ' '; } .my-dropdown-select dt a.mui-title-none:after{display: none;} .my-dropdown-select dt .mui-title.up {color: #f23030; } .my-dropdown-select dt .mui-title.up:after {margin-top: 0;width:0;height:0; border-width:0 3px 3px;border-style:solid;border-color:transparent transparent #f23030;/*透明 透明 红*/} .my-dropdown-select dd { position: relative; } .slide-select { position: absolute;top: 2px;left: 0;z-index: 104;display: none; width: 100%;overflow-y: auto;background-color:#f7f7f7; padding-bottom: 20px;} .slide-select.up{top:44px;} .slide-select-name{color: #333; font-size: 14px; line-height: 23px; height: 23px; margin-bottom: 7px; margin-top: 13px; padding-left: 10px;} .slide-select-text{ padding-left: 10px; padding-right: 10px;} .slide-select-text .title{ padding: 0 10px;} .slide-select-text .font{color: #333; font-size: 14px;} .slide-select-name.tip01{ margin-bottom: 13px;} .slide-select-btn{ text-align: right; margin-top: 13px; padding-left: 10px; padding-right: 10px;} /*头部下拉遮罩层*/ .maskZIndex .mui-backdrop{z-index: 9;} .mar-top{margin-top: 10px;} /*加载中的动图*/ .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,"); } .updownicon{padding-bottom: 8px; padding-top: 8px; position: relative;} .updownicon .mui-icon{display: block; padding-bottom: 0; padding-top: 0;} .updownicon .down-table{display: block; font-size: 9px; line-height:8px; position: absolute; top: 26px; left: 2px; letter-spacing: 1px;} .updownicon .down-table.sm{left: 0px; letter-spacing: 1px;} /*回到顶部*/ .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;overflow: hidden; z-index: 998; -webkit-transition: 500ms;transition: 500ms;transform: translateZ(0px);} .hover-top.bottom-xs{bottom: 70px;} /*无法加载到数据时*/ .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: 120px!important;} .nodate-face.spec-deal{width: 100%; right: 0; left: 0; padding-top: 30px; margin-top: 0px; background-color: #efeff4; position: absolute; z-index: 5;} /*重写底部选项卡 浏览器有用*/ .mui-bar-tab .my-tab-item.red-font{color: #F23030;} .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: #888;} .mui-bar-tab .my-tab-item .mui-icon{top: 3px;width: 24px; height: 24px;padding-top: 0;padding-bottom: 0;font-size: 24px;} .mui-bar-tab .my-tab-item .mui-icon ~ .mui-tab-label{font-size: 11px; display: block;overflow: hidden; text-overflow: ellipsis;} .mui-bar-tab .my-tab-item .mui-icon:active{background: none;} .my-tab-item.mui-plus-hidden, .my-tab-item.mui-wechat-hidden{display: table-cell !important;} .mui-plus .my-tab-item.mui-plus-visible, .mui-wechat .my-tab-item.mui-wechat-visible{display: table-cell !important;} /*更改底部导航样式*/ .mui-bar.mui-bar-tab{ background-color: #fff!important;box-shadow: none!important; /* box-shadow: none!important; border-top: 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;} /*0.5边框的操作按钮*/ .my-btn1-box{ width:68px; height: 21px; overflow: hidden; box-sizing: border-box; display: inline-block;} .my_btn1_auto{ width:auto;margin-bottom: 5px;} .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-box.sales-btn{ width: 72px!important; height: 27px!important;} .my-btn1-box.sales-btn .my-btn1{ height:54px!important;line-height: 54px!important; font-size: 28px!important;} .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-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-input2-box.ms{height:60px; } .my-input1 input[type='text'], .my-input1 input[type="button"], .my-input1 button[type="button"], .my-input1 input[type='password'], .my-input1 textarea{padding:20px 30px; 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;} /*超出时出现省略号*/ .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;} /*滚动区域bottom为50px*/ .warp-bottom{ bottom: 50px;} .my-viable{visibility: hidden;} /*只有浏览器浏览时才添加*/ .only-browser ~ .mui-content .mui-slider.mui-fullscreen .mui-segmented-control ~ .mui-slider-group{ padding-bottom: 50px;;} .payment-total-bar.only-browser{ margin-bottom:46px;} .mineAll.only-browser{ margin-bottom: 50px;} .only-pc-bottom.only-browser{padding-bottom:50px} .browser-warp-bottom.only-browser{ bottom: 50px;} /*.my-prolist-boby .mui-content.mui-scroll-wrapper.only-browser{ bottom: 50px;}*/ /*垂直多级下拉菜单,并选中*/ .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;} .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 {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 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 {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 #F23030;} .cd-accordion-menu .my-navigate-right.my-selected:after{font-family: Muiicons; 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: #F23030; content: '\e472';} /*左边箭头指向*/ .my-navigate-left:before{font-family:Muiicons;font-size:inherit;line-height:1;position:absolute;top:50%;display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-decoration:none;color:#bbb;-webkit-font-smoothing:antialiased;left:10px;content:'\e471';display:block} /*加载动画*/ .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; } /*购物车的小圆点*/ .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: #B6291F;} /*中文括号样式*/ .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; } .my-remark-box{ position: relative; line-height: 20px; height: 40px;} .my-remark-box .remark-title-left{padding: 10px 0; display: inline-block; height: 40px;} .my-remark-box .remark-info{float:right; width: 65%; display: inline-block;line-height:20px;padding: 10px 0; height: 40px; } .my-remark-box .mui-navigate-right:after{right: 6px!important;} .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; } /*侧边浮动按钮*/ .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:280px;} .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); /* 标准的语法（必须放在最后） */ } /*自定义弹窗*/ .coupon-utip-backdrop{position: fixed;z-index: 1000;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, .2);} .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;} /*更改muicss-------------------------------------------------------------*/ /*修改选项卡红色的颜色*/ .mui-segmented-control-negative{border: 1px solid #F23030;} .mui-segmented-control-negative .mui-control-item.mui-active{background-color: #F23030;} .mui-segmented-control-negative .mui-control-item{color: #F23030; border-color: #F23030;border-left: 1px solid #F23030;} /*在滚动区域内*/ .mui-bar-nav ~ .mui-content .mui-scroll-wrapper .mui-pull-top-pocket{top:0px;} /*侧滑菜单*/ .mui-off-canvas-wrap .mui-bar{box-shadow: 0 0 1px rgba(51, 51, 51, .7);} /*侧边导航*/ .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对话框样式*/ .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: 70%; 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;} /*选项卡没有更多显示*/ .my-nopull-tips{ width:100%; height:40px; line-height: 40px; font-size: 11px;color: #686868; font-weight: 300; display: flex;display: -webkit-flex; display: -moz-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;} /*头部*/ .mui-bar-transparent{background-color:rgba(242, 48, 48, 0);} .mui-bar.mui-bar-nav{box-shadow:none; background-color: #fff;} .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-none:after{display: none;} .mui-bar.mui-bar-nav ~ .mui-content .mui-input-group:before{ height: 0;} .mui-bar .mui-icon{font-size: 1.6em;} .mui-bar .mui-icon.mui-action-back{font-size: 24px;color: #888888!important;} .mui-plus-hidden.mui-bar-tab ~ .mui-content{ padding-bottom: 0px!important;} /*App底部选项卡*/ /*.mui-bar-tab .mui-tab-item.red-font{color: #F23030;}*/ .mui-bar-tab .mui-tab-item.mui-active{color:#F23030;} /*App的底部颜色*/ .mui-bar-tab .mui-tab-item{ color: #5d5f6a;} /*横向滚动选项卡*/ .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { color: #C39D59; border-bottom: 2px solid #C39D59; background: none; font-weight: bold; } .mui-segmented-control-none{border-bottom: 1px solid #F5F5F5!important;} .mui-segmented-control-none.mui-segmented-control-inverted .mui-control-item.mui-active { border-bottom:none; } .mui-segmented-control-none.mui-segmented-control-inverted .mui-control-item.mui-active::after{ content: ""; width: 40px; height: 2px; background-color: #C39D59; position: absolute; bottom: 0; left: 50%; margin-left: -20px; } .mui-segmented-control-none .mui-control-item{height: 40px;line-height: 40px;position: relative;} .mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item{ border-bottom:0; border-top: 0; } .mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group-white .mui-slider-item{ background-color: #fff; } .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:#F5F5F5;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-slider-group .mui-slider-item-none::before{display: none;} /*我的订单APP/浏览器*/ /*.mui-bar-tab ~ .mui-content .mui-slider.mui-fullscreen .mui-segmented-control ~ .mui-slider-group{ bottom: 0;}*/ /* .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{ border-bottom: 2px solid #C39D59;} */ .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item-border .mui-control-item.mui-active{position: relative;} .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item-border .mui-control-item.mui-active::after{ content: "";width: 38px;height: 2px;background-color: #C39D59; position: absolute;bottom: 0; left: 50%;margin-left: -18px; } .user-pay-scroll .mui-scroll{background-color: #fff;} .mui-segmented-control.mui-scroll-wrapper{height: 40px;} /*九宫格*/ .mui-table-view.mui-grid-view .my-grid-media.mui-table-view-cell.mui-media{padding: 0px 0px 15px 0px;} .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: 10px 8px;} .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 14px;} .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body.img-name{ font-size: 12px;margin-top: 0;} /*图片视图*/ .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;padding: 0;} /*图文列表*/ .mui-table-view-cell{padding: 0;} .mui-table-view-cell > a:not(.mui-btn){margin: 0;} /*分类左右选项卡*/ .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active{ border-bottom: 1px solid #c8c7cc;} .mui-segmented-control{ font-size: 14px;} /*产品详细页面*/ .mui-bar .mui-segmented-control.mui-segmented-control-inverted{width: auto;} /*列表下划线*/ .mui-table-view-cell:after{background-color:#e5e5e5; transform-origin:left bottom;} .mui-table-view-cell-none:after{display: none;} .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;} /*button背景红颜色*/ .mui-btn-negative, .mui-btn-danger, .mui-btn-red{ color: #fff;border: 1px solid #f23030;background-color: #f23030;} .mui-btn-orange{ color: #fff;border: 1px solid #C39D59;background-color: #C39D59;} /*复选框单选框*/ .mui-radio input[type='radio']:checked:before, .mui-checkbox input[type='checkbox']:checked:before{color: #C39D59;} .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:36px} .mui-radio input[type='radio'], .mui-checkbox input[type='checkbox']{right: auto;} /*开关按钮*/ .mui-switch.mui-active{border-color: #C39D59;background-color: #C39D59;} /*输入表单下划线*/ .mui-input-group:before{background-color:#e5e5e5; transform-origin:left top;} .mui-input-group-none:before{display: none;} .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;} .mui-input-group-none:after{display: none;} /*输入表单样式*/ .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;} .inputfrom-class .hint{margin: 10px 0 0 15px;} /*选项卡+上拉加载下拉刷新*/ .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: 1;} .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:inherit;/*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;} /*//数字输入框*/ .custom-num.mui-numbox{height: 28px; width: 110px; background-color:transparent;} .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;} .custom-num.mui-numbox [class*=numbox-btn], .custom-num.mui-numbox [class*=btn-numbox]{ background-color:#fff;} .custom-num.mui-numbox .mui-input-numbox, .custom-num.mui-numbox .mui-numbox-input{height:115%;} .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: 100px;border: none;overflow: inherit;} .custom-num.my-style-numbox .mui-btn-numbox-minus{ color: #ACACAC;} .custom-num.my-style-numbox .mui-btn-numbox-plus{ color: #C39D59;} .custom-num.my-style-numbox .mui-btn-numbox-minus.red{ color: #B6291F;} .custom-num.my-style-numbox .mui-btn-numbox-plus.red{ color: #B6291F;} .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 #f23030; 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: #f23030; position: absolute; z-index: 1; top: 3px; left: 3px;} */ .custom-num.my-style-numbox .my-input-box{height: 30px;display: inline-block;/*padding: 0 16px;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%; /*width: 30px!important;*/ border: none!important;vertical-align: top;} .cart-hint-text{position: absolute;font-size: 11px;color: #CF0D0D;bottom: -10px;left: 50%;transform: translateX(-50%);white-space: nowrap;} .mui-badge.white-badge{color: #B6291F!important; background-color: #fff!important;} .mui-icon .mui-badge{background: #B6291F;} .mui-icon .mui-badge.cart-badge{line-height: 1; font-size: 8px;border: 1px solid #f23030;background: #fff;color: #f23030; padding: 1px 2px;min-width: 12px;} /*浏览器时隐藏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;} /*箭头美化*/ .font-arrow {font-family: simsun;text-decoration: none;} /*------------------------------------------*/ /*广告bannr、我的订单图片轮播媒介查询*/ .index-banner .mui-slider-group .mui-slider-item img{width: 100%; height: 160px;} .orderpiclist .mui-slider-group .my-order-pic img{height: 70px;} @media screen and (width: 320px) { .index-banner .mui-slider-group .mui-slider-item img{ width: 100%;height: 148.5px;} .orderpiclist .mui-slider-group .my-order-pic img{height: 59.5px;} } @media screen and (width: 360px) { .index-banner .mui-slider-group .mui-slider-item img{ width: 100%;height: 167px;} .orderpiclist .mui-slider-group .my-order-pic img{height: 67px;} } @media screen and (width: 375px) { .index-banner .mui-slider-group .mui-slider-item img{ width: 100%;height: 174px;} .orderpiclist .mui-slider-group .my-order-pic img{height: 69.7px;} } @media screen and (width: 412px) { .index-banner .mui-slider-group .mui-slider-item img{ width: 100%;height: 191.2px;} .orderpiclist .mui-slider-group .my-order-pic img{height: 76.6px;} } @media screen and (width: 414px) { .index-banner .mui-slider-group .mui-slider-item img{ width: 100%;height: 192px;} .orderpiclist .mui-slider-group .my-order-pic img{height: 77px;} } @media screen and (width: 480px) { .index-banner .mui-slider-group .mui-slider-item img{ width: 100%;height: 223px;} .orderpiclist .mui-slider-group .my-order-pic img{height: 89.3px;} } @media screen and (width: 640px) { .index-banner .mui-slider-group .mui-slider-item img{ width: 100%;height: 297px;} .orderpiclist .mui-slider-group .my-order-pic img{height: 119px;} } @media screen and (width: 720px) { .index-banner .mui-slider-group .mui-slider-item img{ width: 100%;height: 334px;} .orderpiclist .mui-slider-group .my-order-pic img{height: 134px;} } @media screen and (width: 750px) { .index-banner .mui-slider-group .mui-slider-item img{ width: 100%;height: 348px;} .orderpiclist .mui-slider-group .my-order-pic img{height: 140px;} } @media screen and (width: 768px) { .index-banner .mui-slider-group .mui-slider-item img{ width: 100%;height: 356.3px;} .orderpiclist .mui-slider-group .my-order-pic img{height: 142.8px;} } @media screen and (width: 1024px) { .index-banner .mui-slider-group .mui-slider-item img{ width: 100%;height: 475px;} .orderpiclist .mui-slider-group .my-order-pic img{height: 190px;} } /*登录页样式*/ .login-input-from {background-color: #fff;} .login-input-from .mui-content { background-color: #fff;} .login-input-from .mui-input-group:before,.login-input-from .mui-input-group:after{height: 0;} .login-input-from .mui-input-group {margin: 30px; background-color: transparent;} .login-input-from .mui-input-group:first-child {margin-top: 40px;} .login-input-from .mui-content-padded {margin-top: 25px; margin-bottom:15px} .login-input-from .logo_title{ text-align: center; height: 155px;} .login-input-from .logo_title img{ margin-top: 70px; width: 80px; height: auto;} .login-input-from .mobile_login{height: 53px;} .login-input-from .mobile_login input[type='text'],.login-input-from .mobile_login input[type='password']{width: 90%;line-height: 24px;margin-top: 8px; font-size:14px;} .login-input-from .mobile_login label{width: 10%; padding: 14px 0px; margin-left: -4px;} .login-input-from .mui-input-row .mui-input-clear ~ .mui-icon-clear{ top: 17px; z-index: 2;} .login-input-from .mui-btn{padding: 10px;} .login-input-from .mobile_login .plac-in{z-index: 1;display: inline-block; width: 85%; position: absolute;top: 0; right: 0;line-height: 40px;margin-top: 8px; color: #8c8b8b;} .agreement{position: fixed;bottom: 60px;text-align: center;font-size: 12px;color: #999;width: 100%;} .agreement a{color: #3D8AC2;} /*服务协议页*/ .agreement-content{padding: 0 16px 30px;background-color: #f8f8f8;margin-top: 20px;} .agreement-content p{margin-bottom: 0;} .agreement-content .indeent-2{text-indent: 2em;} .agreement-content .agreement-title{font-size: 16px;font-weight: 600;} .agreement-content .agreement-text{font-size: 14px;line-height: 24px;} /*分享登录页*/ .share-lo-nav {box-shadow: none;background-color: #fff;} .back-color-white{ background-color: #fff!important;} .login-input-from .share-input .mui-icon{ margin-top: 8px;} .login-input-from .mui-input-row .mui-input-password ~ .mui-icon-eye.mui-active{ color:#000;} .login-input-from .mobile_login.share-input label {width:30%; margin-top: 8px; margin-left: 0px;} .login-input-from .mobile_login input[type='text'],.login-input-from .mobile_login input[type='password']{width: 70%;position: absolute; z-index: 2;right: 0;} .quick-nav{padding: 0 30px;} .share-login-weixin{width: 100%; height: 50px; text-align: center;} .share-login-weixin .lo-weixin-btn{display: inline-block;background-color: #f4f4f4; height: 32px; line-height: 32px; padding: 0px 15px; border-radius: 25px;} .share-login-weixin .lo-weixin-btn .iconfont{color: #40af37; font-size: 18px; vertical-align: middle;} /*母版页tabbar底部选项卡样式*/ /*.mui-bar-tab .my-tab-item{display: table-cell;overflow: hidden; width: 1%;height: 44px;text-align: center;vertical-align: middle;white-space: nowrap; text-overflow: ellipsis;color: #929292;}*/ /*.mui-bar-tab .my-tab-item.mui-active{color: #f23030;} .mui-bar-tab .my-tab-item .mui-icon{top: 3px;width: 24px;height: 24px;padding-top: 0;padding-bottom: 0;} .mui-bar-tab .my-tab-item .mui-icon ~ .mui-tab-label{font-size: 11px;display: block;overflow: hidden; text-overflow: ellipsis;} .mui-bar-tab .my-tab-item .mui-icon:active{background: none;}*/ /*.mui-bar-tab .my-tab-item img{ width: auto; max-height: 44px; max-width: 57px; overflow: hidden;}*/ /*首页*/ .product-box .product-list-tip{width: 100%; height:38px; line-height:38px; background-color:#fff ; border-bottom: 1px solid #ddd; color: #333;} .product-box .product-list-tip .tip-title{float: left; padding:0 0 0 10px;} .product-box .product-list-tip .tip-icon{float: right; padding-right: 10px; font-size: 1.6em!important;} .meau-box .meau-icon-img { display: inline-block; width: 100%; position:relative; padding-top: 15px; min-height: 55px;} .meau-box .meau-icon-img img{width:40px; height: auto; vertical-align: middle;} .meau-box .meau-icon-img .corner-mark{position: absolute;left: 50%;top: 6px;margin-left: 8px;} /* .meau-box .meau-icon-img .corner-mark .mui-badge{padding: 1px 5px; line-height: 1.4;} */ .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; border-bottom:2px solid #efeff4; border-radius:0;} .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01 a, .product-list-text01 .mui-table-view{ border-radius: 0!important;} .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01 a>img{ width: 100%; vertical-align:bottom;} .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; } .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{width: 100%;line-height:18px;position: absolute; z-index: 1;color: #eee;right: 0;bottom: 0; font-size: 12px; background-color: rgba(0, 0, 0, .4);padding: 5px 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: #B6291F; font-size: 12px; text-align: left; padding:0 7px; text-align: left;position: relative;} .shop-list-style .model{font-size: 11px;color: #838383;} .shop-list-style .product-title02{font-size: 13px!important;height: 38px!important;} .shop-list-style .price-change-cart {position: relative;height: 22px;line-height: 22px;} .shop-list-style .price-change-cart .price-parent{display: inline-block;} .shop-list-style .price-change-cart .price-parent .product-price02{font-size: 12px;} /* .shop-list-style .price-change-cart .price-parent .price{font-size: 15px!important;} */ .shop-list-style .price-change-cart .product-cart-icon{position: absolute;top: 50%;right: 10px;transform: translateY(-50%);} .shop-list-style .price-change-cart .product-cart-icon .r-add-pro{height: 24px;width: 24px;line-height: 24px;background-color: #B6291F;font-size: 14px;} .product-item01 .product-info01 .shop-title{font-size: 13px;color: #4A4A4A;font-weight: bold; word-break: break-all;} .product-item01 .product-info01 .shop-title .my-sign1-box{font-weight: normal;margin-right: 6px;} .product-item01 .product-info01 .product-price01 .price{font-size: 18px;font-weight:600; overflow: hidden;} .product-item01 .product-info01 .product-price01 .unit{ color: #555;margin-right: 5px;} .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: 11px; color: #838383; text-align: left; padding:0 7px; margin-bottom: 6px;text-decoration:inherit} .product-list-text01 .product-item01 .product-cart01{ padding: 0 7px; margin-bottom: 8px; height: 30px; line-height: 30px;} .product-list-text01 .product-item01 .product-cart01 .my-btn1-box, .product-item02 .product-info02 .product-cart02 .my-btn1-box{ height: 24px;margin-top: 3px; margin-right: 3px;} .product-list-text01 .product-item01 .product-cart01 .my-btn1-box .my-btn1, .product-item02 .product-info02 .product-cart02 .my-btn1-box .my-btn1{ height: 48px; line-height: 48px;} .product-list-text01 .product-item01 .product-cart01 .product-spec-min{float: left;text-align: left;font-size: 11px;color: #838383;width: calc(100% - 40px);} .product-list-text01 .product-item01 .l-spec{font-size: 12px;color: #888;} .product-list-text01 .product-item01 .r-add-pro, .product-list-text02 .product-item02 .r-add-pro{position: relative!important; width:30px; height: 30px; border-radius: 50%; color: #fff!important;line-height: 24px;font-size: 18px; border: none;padding: 0!important;top:auto!important;} .product-list-text01 .product-item01 .icon-cartfill, .product-list-text02 .product-item02 .icon-cartfill{font-size: 14px} .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: #B6291F; display: inline-block; top: 3px; left: 3px; z-index: 1; } .order-discount{font-size:12px;padding-left: 87px;color:#D02502;padding-top: 5px;}/* 促销优惠叠加 */ .product-list-text02{ width: 100%; height: auto; background-color: #fff;} .product-list-text02 .product-item02{height: auto; padding-top: 10px; background-color: #fff;border-radius: 8px;overflow: hidden;} .product-list-text02 .product-item02.mui-table-view-cell > a:not(.mui-btn) {margin: 0;padding: 0;} .product-list-text02 .product-item02 .product-img{ height: 100px; width: 100px; margin:0 10px 0 10px; overflow: hidden; text-align: center;} .product-list-text02 .shop-list-style .product-img{ height: 110px; width: 110px; margin:0 10px 0 0; overflow: hidden; text-align: center;} .product-list-text02 .shop-list-style{height: auto;} .product-list-text02 .shop-list-style .shop-item .model{padding-top: 5px;box-sizing: border-box;} .product-list-text02 .shop-list-style.mui-table-view-cell:after{display: none;} .product-list-text01 .mui-table-view::before, .product-list-text02 .mui-table-view::before{ height: 0;} .product-item02 .my-media-object{line-height: 100px; width:auto; max-width: 100px; height: 100px; } .product-item02.shop-list-style .my-media-object{width: 110px;height: 110px;max-width: 110px;} .product-item02 .product-info02{ margin-left: 10px;} .product-item02 .product-info02 .product-title02{color: #4A4A4A; font-size: 13px; line-height: 20px; height: 40px; overflow: hidden;font-weight: bold; white-space:normal; margin:0 10px 0 0; } .product-item02 .product-info02 .product-title02 .my-sign1-box{font-weight: normal;} .product-item02 .product-info02 .product-price02{ height: 25px; line-height: 25px; color: #B6291F; font-size: 12px; text-align: left; } .product-item02 .product-info02 .product-price02 .price{font-size: 18px; color: #B6291F; 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;margin-right: 5px;} .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-item02 .product-info02 .pro-dis-cart{ padding-right: 10px;} .goods-store-info{ text-align: left; padding:0 7px; height:25px; /* margin-bottom:4px; */ line-height:27px; position: relative; } .goods-store-info .store-info{ background:#F7F7F7; font-size:11px; color:#888888; padding:6px 55px 6px 10px; line-height:1; position: relative; border-radius: 20px; display: block; max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .goods-store-80{ padding: 0 90px 0 7px; } .sales_volume_goods{ text-align: left; padding: 0 7px; font-size: 11px; color: #838383; } .goods-store-80 .sales_volume_goods{ position: absolute; top: 0; right: 0; -webkit-user-drag: 90px; text-align: right; } .goods-store-info .store-info80{max-width: calc(100% - 170px);} .goods-store-info .sales-volume{ font-size: 11px;color:#838383; position: absolute; top: 50%; right: 10px; line-height: 1; margin-top: -10px; } .goods-store-info .store-info span{color:#C39D59;position: absolute;top:50%;right:10px;line-height:1;margin-top:-6px;} .goods-store-info .store-info span,.goods-store-info .store-info i{font-size:11px;} .bottom-sheet .mui-popover.mui-popover-action .mui-table-view{margin: 0;border-radius: 0;} .bottom-sheet .mui-bar .icon-gouwuche{font-size: 1.3rem;margin-right: 10px;} .bottom-sheet .mui-bar .icon-gouwuche .mui-badge{top: 4px;left: 90%;} .bottom-sheet .mui-popover.mui-popover-action .mui-table-view{color: #333333; overflow: visible;} .bottom-sheet .mui-popover.mui-popover-action .btn .mui-table-view-cell{padding: 0;} .bottom-sheet .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell{overflow: visible;} .bottom-sheet .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .imgBox{border-radius: 4px; height: 80px;width: 80px; position: absolute; top: -10px;} .bottom-sheet .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .imgBox img{height: 80px;width: 80px; line-height: 80px;border-radius: 4px;} .bottom-sheet .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .productTitle03 {margin-left: 120px;} .bottom-sheet .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .productTitle03 :nth-child(2){margin: 10px 0;} .bottom-sheet .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .mui-icon-closeempty {position: absolute;top: 0;right: 0;font-size: 34px;} .bottom-sheet .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .colorType{margin-top: 10px;} .bottom-sheet .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .power{margin: 10px 0;} .bottom-sheet .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell .productColor{margin: 10px 0;} .bottom-sheet .mui-popover .mui-scroll-wrapper:not(.notpo){border-radius: 0;top: 87px !important;margin: 0;bottom: 51px;} .bottom-sheet .mui-popover.mui-popover-action:not(.notpo){background-color: #FFFFFF;height: 460px;border-radius: 12px 12px 0 0;} .bottom-sheet .mui-popover.mui-popover-action .spec-name{color: #888;padding: 4px 0;font-size: 13px;} .bottom-sheet .pro-spec{border-top:0 ;} .bottom-sheet .pro-spec .spec-value{margin: 0;} .bottom-sheet .mui-popover.mui-popover-action .btn{margin-top: 325px;z-index: 999;} .bottom-sheet .mui-popover.mui-popover-action .btn .mui-table-view-cell span{font-size: 16px;line-height: 51px} .bottom-sheet .mui-popover.mui-popover-action .btn a{ background-color:#F23030;color: #fff ;border-radius:0 !important;height: 56px;} .bottom-sheet .mui-popover.mui-popover-action .mui-scroll-wrapper .mui-table-view-cell{padding: 0 15px;} /*.bottom-sheet .mui-popover.mui-popover-action .mui-scroll-wrapper .mui-table-view-cell:last-child{line-height: 28px;}*/ /*.bottom-sheet .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after{height: 0;}*/ .bottom-sheet .mui-popover.mui-popover-action .mui-table-view .imgTitle:after{height: 1px !important;} .bottom-sheet .mui-popover.mui-popover-action .mui-table-view-cell{padding: 11px 10px;} .many-spec-tocart{ position: relative; margin-right: 15px;} .many-spec-tocart .mui-badge{top: -5px;/*right: -7px;left: auto; line-height: 1.2;*/} .b-add-cart-ul li:first-child{padding-top: 7px;} .b-add-cart-ul li{background-color: #fff;} .b-add-cart-ul .number,.b-add-cart-ul .kucun-li{ line-height: 28px;} .b-add-cart-ul .number{ padding-bottom: 10px;} .shop-cart-ul{ background-color:#fff!important;} .shop-cart-ul li{ padding: 4px 10px 7px!important;} .shop-cart-ul-padding0 li{ padding: 4px 0 7px!important;} .shop-cart-ul .number .b-pro-spec{ width: calc(100% - 120px);} .my-custom-popover .newsinfo-title-box, .my-custom-popover .newsinfo-text{background-color: transparent;} .my-custom-popover{ background:#ECDCC0;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{ width: 100%; height: 55px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; text-align: center;} /*.my-custom-popover .sys-title-box span{display: block;}*/ .my-custom-popover .sys-title-box .sys-title-div{color: #CF7A58;font-size: 15px;line-height: 20px;padding-top: 10px;font-weight: bold;} .my-custom-popover .sys-title-box .sys-up-time{ font-size: 10px;color: #FFF8ED;} .my-custom-popover .ent-title{width: 100%;height:55px;border-top-left-radius: 5px;border-top-right-radius: 5px;text-align: center; line-height:55px; font-size: 16px; font-weight: bold;color: #CF7A58;} .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;background-color: #C39D59!important;border: none!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;background-color: #fff;width: auto;left: 10px;right: 10px;border-radius: 4px;} .my-custom-popover .popover-footer-tip{position: absolute;bottom: -48px; z-index: 999; color: #fff;width: 100%; text-align: center; height: 37px;line-height: 37px;font-size: 13px;} .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: #fff; text-align: center; width: 100%;z-index: 999;} .my-custom-popover .popover-footer-action a{ color: #fff; 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,.2);} .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; } .my-custom-popover .colse-popover-btn .ghdiconfont{ display: inline-block; font-size: 28px;color: #fff;} .home-loading{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 998; background-color: #efeff4; text-align: center;} .h-loading-box{position: absolute; top: 50%; left: 50%;margin-left: -50px;margin-top: -30px; width: 100px; height: 60px; z-index: 999; text-align: center;} .home-loading.page-loading{background-color: rgba(0,0,0,0.4);} .home-loading.page-loading p{ color: #fff;} /*商品列表*/ .refresh-top .mui-scroll{border-top: none!important;} .pro-canvas-all, .pro-canvas-all .pro-concent-wrap{ z-index: auto!important;} /* ===== retrie分类下来 ===== */ .retrie{position: relative;height: 40px;background-color: #fff; z-index: 998;} .retrie dt { overflow: hidden;} .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%;position: relative;padding-right: 13px;} .retrie dt a .tapdot{float:right;margin-top: 19px;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: #C39D59; } .retrie dt a.up .tapdot{color: #C39D59;width:0;height:0; border-width:0 3px 3px;border-style:solid;border-color:transparent transparent #C39D59;} /* 新三角形 */ .retrie dt a .seletc-triangle-icon{position: absolute;top: 50%;right: 0;margin-top: -5px;font-size: 10px;color: #333;transition: all 0.1s;display: inline-block;line-height: 1;} /* .retrie dt a .seletc-triangle-icon.icon-newshang{display: none;} */ /* .retrie dt a .seletc-triangle-icon.icon-newxia{transform: rotate(0);} */ .retrie dt a.up .seletc-triangle-icon.icon-newxia{transform: rotate(180deg);color: #C39D59;} /* .retrie dt a.up .seletc-triangle-icon.icon-newshang{display: inline-block;color: #C39D59; } */ /* 结束 */ .retrie dt a .seletc-triangle-icon{font-size: 10px;color: #333;} .retrie dt a .new-change-eleven{ position: relative;} .retrie dt a .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{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: #C39D59; } .retrie dt a.arrow-up .tip-up{border-color:transparent transparent #C39D59;} .retrie dt a.arrow-down .tip-down{border-color:#C39D59 transparent transparent;} .retrie dt a.stock-top-a .iconfont{display:none;height: 12px;margin:0 2px 2px 0;padding:0; vertical-align:middle;font-size: 12px; font-weight:600; color: #555; } .retrie dt .stock-top-a.active, .retrie dt .stock-top-a.active .iconfont{color:#C39D59; display: inline-block;} .retrie dt .select-top-a .iconfont{margin: 0; padding: 0; font-size: 14px;font-weight:600;} .retrie dd { position: relative; } .tip-text-class{width: 56px;display: inline-block;} .retrie .no-after .tip-text-class{ width: 100%; line-height: 40px; display: block;float: left;} .retrie .no-after .n-class-box{display: inline-block; overflow: hidden;} .retrie.shop-prolist dt a{ width: 25%;} .retrie.shop-all-pro dt a:not(:last-child){ width: 19%;} .retrie.shop-all-pro dt a:last-child{ width: 24%;} .retrie.shop-all-pro .no-after .mui-icon{ padding: 0; margin: 0;display: block;float: left;line-height: 40px;margin-left: 5px;} /* ===== slide-area ===== */ .pro-slide-box{background-color: #fff; height: 330px; display: none;} .pro-slide-wrap{ background-color: #fff; height: 270px; padding-bottom:20px;} .slide { position: absolute;top: 0px;left: 0;z-index: 1;display: none; width: 100%; padding:0px 15px 5px; overflow-y: auto;background-color:#fff; max-height: 250px;} .pro-slide-ul{ padding: 0 15px;} .slide li,.pro-slide-ul li{display: block;height:45px;} .slide li a, .pro-slide-ul li{display: block;height:45px;background-color: transparent;line-height:45px;color: #333;font-size: .875rem; position: relative;} .slide li a.select { background-color: #fff; } .slide li a.active:before, .pro-slide-ul li.active:before{position:absolute;content:'';bottom:0;left:0;right: 0; height:1px;background-color:#F23030;transform-origin:left bottom;-webkit-transform:scaleY(.5);transform:scaleY(.5);box-sizing: border-box; z-index: 2;} .pro-slide-ul.after-none li.active:before,.pro-slide-ul.after-none li.active:after{display: none;} .pro-slide-ul.after-none li .ghdiconfont{display: none;} .pro-slide-ul.after-none li.active{color: #B48534;} .pro-slide-ul.after-none li.active .ghdiconfont{ color: #C39D59; font-size: 14px; margin-right: 4px; display: inline-block; box-sizing: border-box;} .slide li a.active:after, .pro-slide-ul li.active:after{ content: "\e93e"; color: #F23030; font-family:"iconfont" !important;font-size:12px; font-weight: bold; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; right:0px; top: 0px;} .pro-slide-ul li{float: left; width: calc((100% - 20px) / 2);} .pro-slide-ul li:nth-child(2n+1){ margin-right: 20px;} /*商品促销*/ .my-prolist-boby .mui-bar.mui-bar-nav{ height: 85px; padding-left: 0px; padding-right: 0px;} .my-prolist-boby .mui-bar.mui-bar-nav section{ padding-top: 45px;} .my-prolist-boby .mui-bar.mui-bar-nav section.nopad{padding-top: 0px;} .my-prolist-boby .mui-content.mui-scroll-wrapper.only-plus{/*padding-top: 40px;*/} .my-prolist-boby .mui-content.mui-scroll-wrapper{padding-top: 85px;} .my-prolist-boby .mui-bar-nav ~ .mui-content .mui-pull-top-pocket, .my-prolist-boby .mui-content.mui-scroll-wrapper .mui-pull-top-pocket{top: 85px;} .my-prolist-boby .mui-backdrop{z-index: 9;} .my-prolist-boby .header-info{padding-left: 10px; padding-right: 10px;} /*分享店铺时*/ .my-prolist-boby.shop-pro-boby .mui-bar.mui-bar-nav{ height: 44px;} .my-prolist-boby.shop-pro-boby .mui-content.mui-scroll-wrapper{padding-top: 45px;} .my-prolist-boby.shop-pro-boby .mui-bar-nav ~ .mui-content .mui-pull-top-pocket{top: 45px;} .my-prolist-boby.shop-pro-boby .three-search-title{left:50px;} /*分类页*/ .my-category-html,.my-category-boby{position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;} .my-category-boby .mui-bar.mui-bar-nav{ height:45px; padding-left: 0px; padding-right: 0px;} .my-category-boby .class-h-info{position: relative; line-height: 45px; height: 45px; text-align: center;} .my-category-boby .class-h-info .cate-top-search{position: absolute; right: 10px; font-size: 25px;} .my-category-boby .class-h-info .header-m{ height:30px; line-height:28px; display: inline-block; border-radius:3px; border: 1px solid #F23030; box-sizing: border-box; color: #F23030;} .my-category-boby .class-h-info .header-m .m-item{ width:120px; text-align: center; display: inline-block;} .my-category-boby .class-h-info .header-m .m-item.active{ background-color: #F23030; color: #fff;} .mui-plus .my-classify{ padding-bottom: 0!important;} .my-classify{padding: 45px 0 50px; height:100%;width: 100%;overflow: hidden;background-color: #f3f5f7;box-sizing: border-box;} .my-classify .cate-meau-l{width: 25%; background-color: #F3F3F3;height:100%;overflow:hidden; float: left;} .my-classify .cate-meau-r{height:100%;overflow:hidden;float: left;} .my-classify .cate-item, .my-classify .cate-item.mui-active{font-size: 14px;line-height:55px;width: 100%; position: relative; border-bottom:none;color:#C39D59;display: block;background-color: #fff; } .my-classify .cate-item{ background-color: #f8f8f8;color: #888;} .my-classify .cate-item.mui-active:before{content: ''; height: 14px; width: 2px; background-color: #C39D59; position: absolute; left: 0; top:50%;margin-top: -7px;} .my-classify .all-pro-a{color: #888;font-size: 14px; line-height: 55px; width: 100%;display: inline-block;text-align: center;white-space: nowrap;text-overflow: ellipsis;} .my-classify .cate-item .fri-name{margin: auto; border-bottom:0;padding: 0 5px; display: block;overflow: hidden;-webkit-transition: background-color .1s linear;transition: background-color .1s linear;text-align: center;white-space: nowrap;text-overflow: ellipsis;} .sub-cate-ul{ background-color:transparent;} .sub-cate-ul>li{ padding:10px 7px 0 20px; margin-bottom: 1px; background-color: #fff; } .sub-cate-ul>li>a{ display: block; line-height:20px;font-weight: bold;padding-bottom: 10px; } /* .sub-cate-ul .min-cate{margin: 0 7px;} */ .sub-cate-ul .min-cate li{float: left; width: 33.3%; text-align: center; margin-bottom: 20px;box-sizing: border-box;padding-right:10px;} .sub-cate-ul .min-cate li>a{ display:block;text-align: center;} .sub-cate-ul .min-cate li>a>img{ width:100%; height:calc((75vw - 67px)/3); display:block; vertical-align: top; margin: auto;border-radius: 6px;} .sub-cate-ul .min-cate li>a>span{height: 30px;margin-top:8px; font-size: 12px; line-height: 20px; display: block; text-align: center;} .table-gap{height: 35px; line-height:35px;display: block; margin-left:15px; border-bottom: 1px solid #eee;color: #333333; font-size: 14px;} .table-gap.one-ret{ margin-left: 30px;} .table-gap.two-ret{ margin-left:45px;} .table-gap:active{color: #333;} .three-search-title{right: 80px;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.plus-only-right{right: 44px!important;} .three-search-title.plus-only-left{left: 88px!important;} .three-search-title.more-right{right: 78px!important;} .three-search-title.more-right ~ .top-action-right a{ margin-left: 0!important; } .prolist-h-three .updownicon{margin-right: -10px;margin-left: 10px; padding-right: 10px;padding-left: 10px;} .prolist-h-three .updownicon .down-table.sm{left: 10px;} .header-titie-btn{line-height: 44px;} /*商品详细页*/ /*=====详细页焦点图=====*/ .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;font-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:13px;color:#333;background-color:#fff;} .loadingfee-box-padding0{padding:11px 0;} .loadingfee-box.xl{padding: 12px 16px;} .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%;} .proinfo-all .mui-slider-group.video-show{z-index: 2;} .int-scroll-height{min-height:80000px;}/*给商品详情的滚动区域给予初始高度*/ .mui-control-content .mui-loading {margin-top: 50px;} .proinfo-boby .mui-segmented-control .mui-control-item{line-height: 42px;} .proinfo-boby .mui-bar .mui-segmented-control{top:0; padding:0 70px 0 70px;} .proinfo-boby .mui-control-item{color: #333;} .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: 11px 16px;} .pro-text01 .title-text{font-size: 14px; color: #4A4A4A;line-height: 20px;font-weight: bold;} .pro-text01 .pro-price{line-height: 23px; color: #B6291F; font-size: 14px;} .pro-text01 .plan-sale-txt{color: #888; font-size: 12px; line-height: 15px;} .pro-text01 .unit{ color: #555;font-size: 12px;margin-left: 2px;} .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: 11px; color: #838383; line-height:11px; margin-top: 6px;} .pro-text01 .pro-remark .sales-tip-icon{line-height: 15px; vertical-align: text-bottom;} .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;} .pro-spec .spec-value {margin: 9px 0 0 0;} .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;} .pro-text03{font-size: 14px;line-height: 25px; color: #333;} .pro-text03 .table-text{background-color: #FFF; padding:16px 10px;} .pro-text03 .table-text p{overflow: hidden; line-height: 30px; margin-bottom: 0;display: flex;align-items: center;} .pro-text03 .table-text .txt-r{ width: 66%;margin-left: 15px;color: #888} .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; } .proinfo-bar-left{ width: 50%; display: table;} .proinfo-bar-left.diplay-table{display: table;} .proinfo-bar-left.diplay-table a{display:table-cell; margin: 0!important;} .proinfo-bar-left.diplay-flex{display: flex;} .proinfo-bar-left.diplay-flex a{flex:1; margin: 0!important;} .proinfo-bar-left a{ display:inline-block;width: 23%; height:50px; text-align:center; word-spacing:0;} .proinfo-bar-left a:first-child{margin-left: 17%;} .proinfo-bar-left a:last-child{margin: 0 17% 0 17%;} .proinfo-bar-left a>span{ display: block; line-height: 9px; height: 15px; text-align: center;} .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:-6px; margin-left:-10px; padding: 1px 5px;color: white;background:#B6291F;} /*飞入购物效果*/ .u-flyer {display: block;width: 13px;height: 13px;border-radius: 10px;position: fixed;z-index: 9999;background:#F23030; opacity: 0.5;} .has-tools-box{position: relative;} .has-tools-box .sales-mail-tip{ bottom: 30px; left: auto;} .has-tools-box .qipao-tip{position: absolute;z-index: 1000;overflow: hidden;width: 26px; height: 12px; top: 100%;left: 50%;} .has-tools-box .qipao-tip:after {position: absolute;top: -19px;left: 0;width: 24px; height: 24px; content: ' ';-webkit-transform: rotate(45deg);transform: rotate(45deg); border-radius: 3px;background: #999;} .sales-mail-tip.mui-popover .mui-popover-arrow{margin-left: 12px; } .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;} /*我的订单*/ /*订单子分类页*/ .order-item{background-color:#fff; margin-top:10px;} .mt{ padding-top:5px; line-height: 20px;} .order-number, .order-time { padding-left: 10px; padding-right: 10px;} .order-number{overflow: hidden; color: #333; background-color: #fff;} .order-time{ font-size: 12px; text-align: left; clear: both;} .order-item .order-supp{position: relative; overflow: hidden; padding-bottom: 10px;} .order-item .order-supp:after{position: absolute;bottom: 0;right: 0;left: 0;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5); transform-origin:left bottom;background-color: #e5e5e5;} .order-item .order-supp-none:after{display: none;} .order-item .order-supp .supp-left{ padding-left: 10px;} .order-item .order-supp .supp-right{ padding-right: 10px;} .order-item .order-supp .supp-left .supp-left-text{margin-right: 8px;} .order-item .order-btn{ text-align: right; padding: 10px;} .sur-pay-time .iconfont{ margin-right: 5px; font-size: 14px; } .pay-time-down{ display: flex; align-items: center;justify-content: flex-end; font-size: 11px; color: #888888; margin-top: 5px; padding-right: 12px; } .order-pic{ background-color:#efeff4;} /*.order-pic .my-pic-item{padding: 3px 0 3px 6px!important; margin-right: -4px!important; }*/ .my-order-pic{ padding: 5px 0 5px 0; text-align:center;} .mui-slider .mui-slider-group .my-order-pic img{width: 93%;} .order-pic .my-pic-item .mui-media-object{vertical-align: middle;} .order-pic .mui-slider-item{border: 0 !important; line-height: 0;} .order-pic .mui-table-view.mui-grid-view{background-color:#efeff4;} .my-scroll .mui-control-item {padding: 0 10px!important;} .my-scroll{ background-color: #fff;} /*订单详情页和确认订单页*/ .oldprice-line{ text-decoration: line-through;font-size: 12px; line-height: 12px; height: 12px;color: red; margin-left: 5px;} .order-action-box{ font-size: 14px;} .order-action-box01{ background-color: #fff; padding-top: 5px; padding-bottom: 10px;} .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;} .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;} .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;border-radius: 4px;overflow: hidden;} .order-action-main .sitem-l .sl-img-box img{ width: auto; max-width: 77px; height: 77px;} .order-action-main .sitem-m p{font-size: 13px!important; padding-left: 0; padding-right: 0;} .order-action-main .sitem-m p:first-child{margin-bottom: 5px; margin-top: 0;} .order-action-main .sitem-m p:last-child{margin-bottom:0px;} .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; height: 78px; position: relative; /* 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;} .con-pro-list .li-remark-box{ position: absolute; bottom:0px; right: 0;} .remark-icon { color: #F23030; font-size: 22px;} /*出库/发货记录*/ .order-goods{ font-size: 14px;} .order-goods-box01,.order-goods-box02{background-color: #fff; overflow: hidden;} .order-goods .goods-item{padding:10px 10px 0 10px;} .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;} .goods-item:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;} /*付款记录*/ .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;} .pay-btn{display: table; position:fixed;left: 0; bottom: 0;padding: 6px 16px;box-sizing: border-box; text-align: center; height:50px;width: 100%; z-index: 11;} .pay-btn-box { width: 100%; text-align: center;} .my-pay-btn{ width: 100%; display: inline-block; height: 38px; text-align: center; font-size: 14px; } .pay-btn100{width: 100%;padding: 0;line-height: 1;height: auto;} .pay-btn100 button{width: 100%;border-radius: 0;height: 43px;} /*收货地址*/ .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 .rec-last{line-height: 35px;} .rec-adress .rec-frist{ display:block;} .rec-adress a{ color: #333;} .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: 140px;} .edit-adress .mui-input-row label ~ input{width: calc(100% - 140px);} .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% - 140px); 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; padding-bottom: 0;} .edit-adress .mui-input-row .mui-switch{margin-right: 0; margin-top: 15px;} /*收款账号*/ .input-from-account .mui-input-row label{ width: 180px;white-space: nowrap; } .input-from-account .mui-input-row label ~ input{width:calc(100% - 180px);} /*备注*/ .order-remark-item{margin:10px 5px; text-align: center; margin-bottom: 5px; } .order-remark-item textarea{width: 97%; margin: 0; border:0; border-radius: 3px; padding: 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;display: -webkit-flex; display: -moz-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;} .accessory-boby .file{position:relative;display:inline-block;background:#f23030;border:1px solid #99D3F5;border-radius:4px;padding:4px 12px;overflow:hidden;color:#1E88C7;text-decoration:none;text-indent:0;line-height:25px} .accessory-boby .file input{position:absolute;font-size:100px;right:0;top:0;opacity:0} .accessory-boby .file:hover{background:#AADFFD;border-color:#78C3F3;color:#004974;text-decoration:none} /*购物车*/ .pro-cart-list{padding: 16px;} .pro-cart-list li{margin-bottom: 10px;} .pro-cart-list li::after{display: none;} .pro-cart-list li .shop-cart-list .mui-radio input[type='radio'][disabled]:before, .mui-checkbox input[type='checkbox'][disabled]:before{background-color: #E8E8E8;border-radius: 50%;} .pro-cart-list li .shop-cart-list{border: 1px solid #F3F3F3; padding:5px 10px 0 4px;border-radius:8px 8px 0 0;} .pro-cart-list li .cart-describe{color: #D02502;font-size: 12px;line-height: 1;padding:5px 24px;background: #FFEEEE;display: inline-block;border-top-left-radius: 4px;border-top-right-radius: 4px;} .pro-cart-list li .cart-describe + .mui-slider-handle .shop-cart-list{border-radius: 0 8px 0 0;} .my-bar-concern .bar-price-count + .bar-action-right{width: 30.5%; display: block;} .shop-cart-group .promotion-space{padding: 0 16px; background-color: #FFF5E2;} .shop-cart-group .promotion-space .pro-promotion{color: #CC4E4E;} .check-wrapper.mui-checkbox input[type='checkbox']{ padding-top: 34px; padding-bottom: 54px; width: 24px;} /* 店铺购物车 */ .cart-store-box{border: 1px solid #f3f3f3;border-bottom:0;display: flex;padding: 10px 16px;} .shop-cart-item-core{margin-left:24px; padding: 5px 0;} .shop-cart-item-core.pading-left{padding-left:100px;} .shop-cart-item-core .cart-product-cell-1{width: 88px; height: 88px;display: block;} .shop-cart-item-core .cart-product-cell-1 img{ width: 100%; height: 100%;} .shop-cart-item-core .cart_image{ width: 88px; height: 88px;display: block; position: absolute; top: 15px; left: 30px; overflow: hidden; } .shop-cart-item-core .cart_image img{ width: 100%; height: 100%; } .shop-cart-item-core .cart_image .cart-preHead{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(207, 13, 13, 0.8);color: #fff;text-align: center;font-size: 12px;} .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.margin-left0{margin-left: 0;} .shop-cart-item-core .cart-product-cell-2.cart-hg{ height: 66px;} .shop-cart-list.multi-line .check-wrapper.mui-checkbox input[type='checkbox']{ padding-top: 42px;padding-bottom: 62px;} .shop-cart-list.multi-line .shop-cart-item-core .cart-product-cell-1{width: 104px; height: 104px;} .shop-cart-list.multi-line .shop-cart-item-core .cart-product-cell-2{margin-left: 114px;} .cart-product-cell-2 .cart-product-name{height: 36px; line-height: 19px; font-size: 13px; } .cart-product-cell-2 .cart-product-name.height-auto{height: auto;} .cart-product-cell-2 .cart-product-spec{height: 21px; line-height: 21px; /*margin-bottom: 5px;*/} .cart-product-cell-2 .pro-info-left{ width: calc(100% - 42px);} .cart-product-cell-2 .pro-info-left0{ width: 100%;position: relative;} .pro-cart-list li .del-cart{border: none;padding: 0;font-size: 14px;line-height: 24px;top: 0;right: 0;position: absolute;} .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;} .cart-product-cell-3{/*margin-top: 5px;*/} .cart-product-cell-3 .price{ font-size: 16px; line-height: 25px;font-weight:normal;} .cart-product-cell-3 .price .symbol-pice{font-size: 13px;} .cart-product-cell-3 .unit-showpicker{ font-size: 12px; line-height:30px;} .cart-product-cell-3 .unit-showpicker .unit-txt-l{ margin-right: -10px;padding-left: 7px;} .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: right; color: #333; padding-top: 5px;padding-right: 5px;box-sizing: border-box;} .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; } /* 购物车调整样式 */ .cart-number{position: relative;display: block;text-align: right;} .cart-number .unit{position: absolute;top: 50%;left: 0;transform: translateY(-50%);} .cart-number .my-style-numbox .mui-btn{font-size: 22px;} .cart-number .unit .mui-icon{font-size: 12px;transform: scale(0.9);} .cart-remarks-input input{border-radius: 0 0 8px 8px;width: 100%;background-color: #F3F3F3;color: #888;font-size: 11px;line-height: 24px;height: 24px;border: none;box-sizing: border-box;padding-left: 28px;margin-bottom: 0;} .cart-remarks-reinput{ position: relative; padding-left: 50px; background-color: #F3F3F3; } .cart-remarks-reinput .name{ position: absolute; top: 50%; left: 12px; font-size: 11px; line-height: 1; margin-top: -5.5px; } .posi_re{ position: relative; } .remark_div_new_parent{ margin: 5px -10px -10px ; } .remark_div_new{ position: relative; padding-left:65px; background-color: #F3F3F3; line-height: 24px; } .remark_div_new::after{ font-family: "ghdiconfont"; content: "\e616"; position: absolute; top: 50%; right: 8px; font-size: 14px; line-height: 1; margin-top: -7px; } .remark_div_new .name{ position: absolute; top: 50%; left: 10px; font-size:11px; line-height: 1; margin-top: -5.5px; } .remark_div_new input{ width: 100%; padding-right: 20px; border: none; background: none; font-size: 12px; } .pro-cart-list li .shop-cart-list .spc{color: #838383;font-size: 11px;padding: 2px 4px;display: block;margin-top: 4px;line-height: 1;} .spc_name_icon{ position: relative; padding-right: 20px; font-size: 12px; color: #666; display: block; margin-top: 4px; z-index: 100; } .spc_name_icon .ellipsis-text{ display: block; } .spc_name_icon .ghdiconfont{ position: absolute; top: 0; font-size: 12px; color: #B8B8B8; right: 0; } /*购物车空的时候*/ .empty-shoppingcart{padding: 40px;} .empty-shoppingcart .empty-cart-icon{width: 120px; height: 120px; margin: 0 auto; display: flex;display: -webkit-flex; display: -moz-flex;} .empty-shoppingcart .empty-cart-icon img{width: 120px;height: 120px;} .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;} /*确认订单*/ .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;} .my-bar-concern .order-bar-left + .bar-action-right{width: 37.5%;} .my-bar-concern .confirm-btn{border-radius: 0; padding: 0; height: 50px;} /*提交成功、支付成功*/ .submit-state-info{ padding:50px 10px 50px 10px;} .submit-state-info.sm-p{padding:10px 10px 0px 10px;} .submit-state-info .state-succeed-mark{ width: 100px; height: 100px; background-color: #F23030; margin: 0 auto; border-radius: 50px; display: flex;display: -webkit-flex; display: -moz-flex;} .submit-state-info .state-succeed-mark .mui-icon{ color: #FFF; font-size: 80px; margin: auto;} .submit-state-info.sm-p .state-succeed-mark{width: 80px;height: 80px;border-radius: 40px;} .submit-state-info .dis-result-su{display: flex;display: -webkit-flex; display: -moz-flex;margin: 0 auto; } .submit-state-info .dis-result-su .iconfont{color: #F23030; font-size: 80px; margin: auto;} .submit-state-info.sm-p .mui-icon{ font-size: 55px!important;} .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;} .u-sav-popo .sav-li{padding:15px 0; text-align: center; display:block;} .qrCode-pay-hint{width: 100%;text-align: center;position: absolute;bottom: 0;} /*我的预存款*/ .submit-state-info .state-succeed-mark .iconfont.icon-moneybagfill{font-size: 60px;} /*订单付款*/ .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;} .order-pay-way .pay-way-03,.order-pay-way .pay-way-04{width: 35px; height: 35px; display:flex; margin-right: 10px;} .order-pay-way .pay-way-03 .iconfont{color: #108ee9;font-size: 37px; margin: auto;} .order-pay-way .pay-way-04 .iconfont{color: #00c901;font-size: 37px; margin: auto;} /*线下支付、充值*/ .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;} .right-input-box input{padding: 0; margin: 0; height: 21px;line-height: 21px; border: 0;text-align: right;} /* 充值记录 */ .recharge-box .re-top{display: flex; display: -webkit-flex; flex-direction: row;} .recharge-box .re-top .re-l{ width: 50px; text-align: center;display: flex; display: -webkit-flex; justify-content: center; align-items: center;} .recharge-box .re-top .re-l .iconfont{font-size: 25px;} .recharge-box .re-top .re-l .wx-ico{color: #50B674;} .recharge-box .re-top .re-l .line-ico{color:#F0AD4E;} .recharge-box .re-top .re-l .pay-ico{color:#108ee9;} .recharge-box .re-top .re-r{width: calc(100% - 50px);padding-right: 10px; box-sizing: border-box;} .recharge-box .bank-info{margin-left: 50px;} /*我的*/ .personal-user{ position: relative; background-color: #F23030; 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;} .couponin-icon .mesion{font-size:20px;} .icon-bgcolor01{background-color: #ff7e45;} .icon-bgcolor02{background-color: #7790fe;} .icon-bgcolor03{background-color: #c568f5;} .icon-bgcolor04{background-color: #558ded;} .icon-bgcolor05{background-color: #fa3c3c;} .icon-bgcolor06{background-color: #00c670;} .icon-bgcolor07{background-color: #3ac2db;} .icon-bgcolor08{background-color: #93ace4;} .icon-bgcolor09{background-color: #ffce54;} .icon-bgcolor10{background-color:#92B8B1;} .icon-bgcolor11{background-color:#f0884e;} .icon-bgcolor12{background-color:#04d102;} .icon-bgcolor13{background-color:#FDAFAE;} .icon-bgcolor14{background-color:#00c901;} .icon-bgcolor15{background-color:#d0a42b;} .icon-bgcolor16{background-color:#FBBC5B;} .icon-bgcolor17{background-color:#F16B6B;} .icon-gradient-bgcolor1{background: linear-gradient(52deg, #AAB3CE 0%, #BBC2D8 100%);} .icon-gradient-bgcolor2{background: linear-gradient(52deg, #F2C771 0%, #F0DA87 100%);} .icon-gradient-bgcolor3{background: linear-gradient(52deg, #E98A7A 0%, #FBA993 100%);} .icon-gradient-bgcolor4{background: linear-gradient(52deg, #EBA95C 0%, #F5BD5F 100%);} .icon-gradient-bgcolor5{background: linear-gradient(52deg, #96C7EC 0%, #95D5FF 100%);} /*用户付款记录*/ .user-pay-scroll{ background-color: #fff;} /*关于订货帮*/ .about-us-box{ padding:30px 10px 10px 10px;} .about-us-box.sm-box{ padding:10px;} .about-us-logo{text-align: center; margin-top: 20px; height: 160px;} .about-us-box.sm-box .about-us-logo{height:auto;} .about-us-box.sm-box .about-us-logo img{width: 120px;height: 120px;} .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;} .info-cen-box{width: 220px;margin: 0 auto;text-align: left;} /*意见反馈*/ .feedback-all{ padding:10px 10px 0px 10px;} .issue-list span{ display: inline-block; background-color: #FFF; font-size: 12px; color: #333333; margin-right: 15px; padding: 8px; margin-bottom: 10px; border-radius: 5px;} /*我的账号*/ .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 ul li{ height: 40px;} .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;} /*公司信息、供货商信息、收款账号*/ .read-only-list .mui-input-group label{width: 150px; line-height: 18px; padding-left: 10px; padding-right: 10px;white-space: nowrap;} .read-only-list .mui-input-row label~span{ width: calc(100% - 150px); line-height:21px; display: inline-block; padding: 10px 10px 10px 0; height: 40px;} /*保存修改*/ .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 #F23030; 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%;} /*搜索页*/ .searchpage-box{left: 10px;} .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:4px;float: left; background: #F3F3F3;padding:5px 6px; margin: 6px; font-size: 12px;color: #202A38;min-width: 60px;text-align: center;} /*广告外链接页*/ .ad-iframe,.ad-iframe body{width: 100%; height: 100%;} .ad-iframe .mui-iframe-wrapper{top: 45px; bottom: 0px;} .ad-iframe header input{height: 25px; margin: 10px 0; padding: 0; background-color: transparent; border-radius: 0; border:0; /*box-shadow: 0 1px 0 rgba(51, 51, 51, .1);*/} /*图片预览*/ .imgshow-boby .mui-preview-image.mui-fullscreen{position:fixed;z-index:20;background-color:#000} .imgshow-boby .mui-preview-footer,.mui-preview-header{position:absolute;width:100%;left:0;z-index:10} .imgshow-boby .mui-preview-header{height:44px;top:0} .imgshow-boby .mui-preview-footer{height:50px;bottom:0} .imgshow-boby .mui-preview-header .mui-preview-indicator{display:block;line-height:25px;color:#fff;text-align:center;margin:15px auto 4;width:70px;background-color:rgba(0,0,0,.4);border-radius:12px;font-size:16px} .imgshow-boby .mui-preview-image{display:none;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .imgshow-boby .mui-preview-image.mui-preview-in{-webkit-animation-name:fadeIn;animation-name:fadeIn} .imgshow-boby .mui-preview-image.mui-preview-out{background:0 0;-webkit-animation-name:fadeOut;animation-name:fadeOut} .imgshow-boby .mui-preview-image.mui-preview-out .mui-preview-footer,.mui-preview-image.mui-preview-out .mui-preview-header{display:none} .imgshow-boby .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} .imgshow-boby .mui-zoom{-webkit-transform-style:preserve-3d;transform-style:preserve-3d} .imgshow-boby .mui-slider .mui-slider-group .mui-slider-item img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:cover} .imgshow-boby .mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img{width:100%} .imgshow-boby .mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item{display:inline-table} .imgshow-boby .mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img{display:table-cell;vertical-align:middle} .imgshow-boby .mui-preview-loading{position:absolute;width:100%;height:100%;top:0;left:0;display:none} .imgshow-boby .mui-preview-loading.mui-active{display:block} .imgshow-boby .mui-preview-loading .mui-spinner-white{position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;height:50px;width:50px} .imgshow-boby .mui-preview-image img.mui-transitioning{-webkit-transition:-webkit-transform .5s ease,opacity .5s ease;transition:transform .5s ease,opacity .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} } .imgshow-boby .mui-slider-img-content{position:absolute;bottom:10px;left:10px;right:10px;color:#fff;text-align:center;line-height:21px} /*支付页*/ .pay-tip-boby :after,.pay-tip-boby :before{-webkit-tap-highlight-color:transparent;} .pay-tip-boby table{border-collapse:collapse;border-spacing:0;} .pay-tip-boby fieldset,.pay-tip-boby img{border:0;} .pay-tip-boby caption,.pay-tip-boby th{text-align:left;} .pay-tip-boby q:after,.pay-tip-boby q:before{content:"";} .pay-tip-boby input:password{ime-mode:disabled;} .pay-tip-boby :focus{outline:0;} .pay-tip-boby a{text-decoration:none;} .pay-tip-boby body{background:#F4F4F8;} .pay-tip-boby .weixin-tip{position:absolute;top:15px;right:20px;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;padding:55px 0 0;width:265px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAACICAMAAABQgAwUAAAAMFBMVEUAAADY2NjY2NjY2NjY2NjY2NjY2NjY2NjX19fY2NjY2NjY2NjY2NjY2NjY2NjY2Njr/TvvAAAAD3RSTlMAxy89c9CdTRyG7lvcD7FzqbJAAAACFklEQVR42uWYy4rkMBAErZdlPdzx/3+7LAw0tH0Y2orDsnnyKQlSVaWytoc6xrEpigFoinUAIBnWABAE5woW9o6GPbGwI1jYGSzsgoV9goU9wMLe0bA7FnYCC7uBhV2wsE+wsAdY2AENGyzsBBZ2Q8MuWNgH94pLbgELO6Bhg4VdwcJuaNgTCzuChZ3Bwg5o2GBhV7CwdzTsjoUdwcLOYGEXLOwTLOwBFvaOht2xsBNY2I1f6lhaenvhrfpkAblab+k9b/OD0iuX2F9/x8D+7ZL2pmpbuj+6o3Vg//oWmPU9p65VkXL6+oIJ8S738nwj62Pb1lvHACH+fBs7sG59U3yrVD3rce3GVcp8qGkPAGTprQUYy6xfaE8i82b6S7/pfZnzdYQIHeOXdfYKpHoFcmrvWlM8RW+CDO8JMWoNM/+FeyB4UfMpL48g5qG1Iqc29YI3mqq2knXvEJu2onJoQy9ok4mkQZf/GjqitUvQyqN6SU8NOvOhHq25xNCWj6LFQdLiyKuaZWpxBC2OrFVHxdryElbQsVtBx6KN0qAd4a71yo610uxa2b0s5xg052I5p26d4MCqusZFwzrAnqQhSogSMnkNcr+GUS3kEKWS62NJFlNCToWLZpWMe14RReGqdjz2PfNECbkGbrQ/Nj5q5y7j8/HRTW5UhvHfA7Mdzitji8rfWsgX3gVZ91eO22odKed6LLf9A/sRnc74RV7lAAAAAElFTkSuQmCC) no-repeat right top;background-size:45px 68px;text-align:left;} .pay-tip-boby .weixin-tip-img{display:none;padding:110px 0 0;} .pay-tip-boby .weixin-tip-img::after{display:block;margin:15px auto;background-size:cover;content:' ';} .pay-tip-boby .weixin-tip-img.iphone::after{width:150px;height:150px;background-image:url(data:image/png;base64,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);} .pay-tip-boby .weixin-tip-img.android::after{width:173px;height:240px;background-image:url(data:image/png;base64,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);} /*加盟页*/ .join-header-box{ background-image: url(../images/join-back.jpg);background-size: cover;background-color:transparent;} .join-header-title{ padding-top: 20px; color: #fff; line-height: 32px; text-align: center;} .join-header-title .join-company{ color: #fff; font-size: 16px; font-weight: 600; text-align: center;} .join-header-title .join-btn{ margin-top: 20px; display: inline-block; height: 32px; width: 100px; border-radius: 30px; background-color: #fff; /*color: #b3b5bb;*/ color: #888;line-height: 32px; text-align: center;} .join-company-info .com-text{ padding-top: 10px; padding-bottom: 10px;} .login-rec-text{ padding: 10px 15px 10px 15px; background-color: #fff;} .login-rec-text p{margin-bottom:0px;} .login-input-group .my-input1-box,.login-input-group .my-input2-box{ margin-top: 10px; } .login-input-group input,.login-input-group textarea,.login-input-group button{ margin-bottom: 0px; border: 1px solid #e9ecf3!important;} .tell-verify-box .input-text{ width: calc(100% - 130px)!important; margin-right: 20px;} .tell-verify-box .ver-tell-btn{ width: 110px !important; height: 40px;} .tipinfo-eg-box{ background-color: #fff;border-radius:3px; } .tipinfo-eg-box::before{border: 1px solid #e9ecf3;} .tipinfo-eg-box .eg-title{padding-top: 10px; padding-bottom: 10px;} .tipinfo-eg-box .ico-span{ border:1px solid #333; width:38px; height:38px; border-radius: 50%;display: flex;display: -webkit-flex;display: -moz-flex;} .tipinfo-eg-box .ico-span .iconfont{ margin: auto; font-size:18px;} .tipinfo-eg-box .my-li>li::after{ height:0!important;} .tipinfo-eg-box .my-li>li{ padding: 10px 15px!important;} .tipinfo-eg-box .my-li{ margin: 0 1px;} /*微信时才显示定位*/ .mui-wechat .get-loca-box{ position: relative;} .mui-wechat .get-loca-box input{ padding-right:80px!important;} .mui-wechat .get-loca-box .get-icon-btn, .mui-wechat .get-loca-box .get-icon-loading{position: absolute; right:1px; top: 1px; width:38px; height:38px; display: inline-block; line-height: 40px;text-align: center} .mui-wechat .get-loca-box .get-icon-btn{font-size: 22px; display:block!important;} .mui-wechat .get-loca-box .get-icon-loading { background-color: #fff; display: flex;display: -webkit-flex; display: -moz-flex;} .mui-wechat .get-loca-box .get-icon-loading i{margin: auto;} .mui-wechat .get-loca-box .get-icon-loading .mui-spinner:after{ background-size: 20px 20px;background-color: #fff;} /*分享注册页*/ .back-color-gray{ background-color: #f5f5f5!important;} .re-tell-box{ margin: 40px 20px 60px 20px;} .my-halfpx-box{width:100%; height: 47px; overflow: hidden; box-sizing: border-box;} .my-halfpx1{ border: 1px solid #f0f0f0; 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;} .re-tell-box .mui-input-row input[type='tel']{padding:26px 0px; height: 94px; width:calc(100% - 100px); border-radius: 6px; font-size: 28px; line-height: 42px; } .re-tell-box .mui-input-row label{padding:0px 20px; height: 94px; width: 100px; border-radius: 6px; font-size: 28px; line-height: 94px; } .re-tell-box .mui-input-row label i{font-size: 24px;height: 94px;line-height: 94px; position: absolute; padding-bottom: 1px;} .re-tell-box .mui-input-row label span{margin-left: 30px;} .fuwu-tip-box{ text-align: center;} .fuwu-tip-box p{ margin: 0;} .fuwu-tip-box .wx-qrcode{ width: 150px; height: auto; margin-top: 10px;} .fuwu-tip-box .wx-qrcode-tip{padding-bottom: 5px; display: inline-block; width: 150px; background-color: #fff; color: #888;} .join-re-btn { margin-left: 20px!important; margin-right: 20px!important;} .re-psd-btn{position: fixed;left: 2.5rem;right: 2.5rem;top: 17.5rem;} .re-code-box .re-co-text{width:calc(100% - 130px)} .re-code-box .re-clock-btn{ width: 110px; font-size: 14px; line-height: 21px; height: 47px; padding:13px 15px;} .re-code-box button:disabled, button.mui-disabled, .mui-btn:disabled, .mui-btn.mui-disabled{ opacity: 1;} .re-code-box input[type='text'],.re-code-box input[type='password']{height: 94px; padding: 26px 30px;border: 1px solid #f0f0f0!important;} .re-code-box .my-input1-box{height: 47px; } /*商品分享页 */ .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: #f7f7f7; /* height: calc(80vw * 4 / 3 + 184px); */ height: 75vh; position: fixed;width: 100%;bottom: 0;left: 0;} .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: #C39D59;} .share-pover-box .tab-content .mui-control-content{ height:calc(75vh - 122px)!important;padding-top: 15px;} .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 .mui-scroll-wrapper{margin: 0;} .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 input{border: none;margin: 0;} .share-pover-box .s-title-text{ line-height: 0px;} .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: 15px 30px;} .share-pover-box .tab-code-content .code-img-box{margin: 0 auto;width: 180px; height: auto; line-height: 0;} .share-pover-box .tab-code-content .code-img-box70{margin: 0 auto;width: calc((75vh - 192px) * 3 / 4); height:calc(75vh - 192px)!important;;} .share-pover-box .tab-code-content .code-img-box.sm-w{ width: 160px;} .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: 42px;font-size: 10px; height: 42px; display: flex;display: -webkit-flex; display: -moz-flex; align-items: center;justify-items: center;} .my-accessory-bar.share-bar .icon-box-border{border: 1px solid #F7F7F7;} .my-accessory-bar.share-bar .icon-box .iconfont{ margin: auto; color: #fff; font-size: 20px;top:auto; width: auto;height: auto;} .my-accessory-bar.share-bar .icon-box .mui-icon{ margin: auto; color: #fff; font-size: 24px;top:auto; width: auto;height: auto;} .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;} /*选择商品*/ .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;display: -webkit-flex; display: -moz-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{ margin: 0!important; height: 29px;} .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;} /*侧滑菜单里面栏目样式*/ .my-side-box{padding-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;padding: 11px 10px;} .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;} /*侧滑菜单里面栏目样式——商品列表*/ /*bottom-bar-box与wrapper同级防止加载数据很多使bottom-bar-box初始时在内容高度的下面要滑动后才显示出来*/ .my-pro-side{bottom: 50px; background-color:#f8f8f8;} .my-pro-side .mod-list{ padding: 10px 10px 0px 10px; margin-bottom: 10px; background-color: #fff; max-height: 134px; overflow: hidden;box-sizing: border-box;} .my-pro-side .mod-list .m-inner{padding: 5px 0 15px 0;line-height: 20px;} .my-pro-side .mod-list .m-inner .m-title{ width: 55%; padding-right: 15px;} .my-pro-side .mod-list .m-inner .m-show-all{width:45%;display:inline-block; text-align:right;color: #848484; font-size: 12px; padding-right: 16px; position: relative;} .my-pro-side .mod-list .m-inner .m-show-all.active{color: #B48534;} .my-pro-side .mod-list .m-inner .m-show-all:after{color: #848484;content: "\e63d"; position:absolute; right: 0; top:0px; font-size: 14px; font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;} .my-pro-side .mod-list .m-inner .m-show-all.up:after{content: "\e63e";} .my-pro-side .mod-list .tags-selection a{float: left; width:calc((100% - 16px) / 3); height:32px;line-height:32px;text-align: center; display: inline-block; border-radius: 4px; background-color: #F3F3F3; color: #202A38; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin:0 8px 10px 0; padding: 0 5px;} .my-pro-side .mod-list .tags-selection a.active{background-color: #FFF8ED; color: #B48534; border: 1px solid #B48534; box-sizing: border-box; line-height:30px;} .my-pro-side .mod-list .tags-selection a:nth-child(3n){margin-right: 0;} .my-pro-side .mod-list.multi-level .m-inner {padding:0 0 10px 0;} .my-pro-side .mod-list.multi-level .tags-selection{padding-top: 10px;} .my-pro-side .mod-list.multi-level .tags-selection:last-child{padding-bottom: 0;} .pro-sure-loading{font-size: 22px!important;color: rgba(255,255,255,0.7);position: relative;top:5px; height: 10px; line-height: 10px;} /*消息*/ .messages .couponin-icon {margin-top:10px;} .messages .mesBox {width:80%;} .messages .mesBox span{display:block;} .messages .showMessage {font-size:12px;color:#888;} .messages .mui-badge{position: absolute;top: 12px;left:34px;} .news-table-li .news-dot{width: 6px; height: 6px; border-radius: 50%; background-color: #F23030; display: inline-block; margin-bottom: 2px;margin-right: 5px;} .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%;} /*物流跟踪*/ .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} /*引导页*/ .black-boby{background-color: black;} .guide-box .skip-btn{/*color: #fff;*/ width: auto; position: absolute; top: 20px; right: 20px;} .guide-box .guide-img {width: 100%;} .guide-box .gologin-btn {position: absolute;bottom: 40px;width: 60%;left: 20%;} /*首页楼层模板*/ .frool-table-box{background-color: #fff;padding: 16px;} .frool-table-box.bg_none{background: none;} .frool-table-box .mui-grid-view.mui-grid-9{border-left: none;border-top: none;} .frool-table-box .mui-grid-view.mui-grid-9{ margin: 0;} .frool-table-box .frool-div-li{ margin-top: 10px;} .frool-table-box .frool-div-li:first-child{ margin-top:0px;} .frool-table-box .frool-div-li .border-round{border-radius: 10px;overflow: hidden;} .around-img-box{line-height:0} .around-img-box img{width:100%} .around-img-box div{ position: relative;} .around-img-box div:before{position: absolute;content: '';/*border-right: 1px solid #efeff4;*/height: 100%;right: 0;top: 0;} .around-img-box div:after{position: absolute;content: '';border-top: 1px solid #efeff4;width: 100%;left: 0;top: 0;display: none;} .around-img-box.img-list-01 div:before{border-right:none;} .around-img-box.img-list-02 div:nth-child(2n):before{border-right:none;} .around-img-box.img-list-03 div:nth-child(3n):before{border-right:none;} .around-img-box.img-list-04 div:nth-child(4n):before{border-right:none;} /* .grid-img-box .mui-grid-view.mui-grid-9 .mui-table-view-cell{border-right:1px solid #efeff4;border-bottom:1px solid #efeff4;padding:0} */ .grid-img-box .mui-grid-view.mui-grid-9 .mui-table-view-cell{padding:0} .grid-img-box .mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){padding:0} .grid-img-box .grid-txt-l{width:50%;text-align:center;height:50px;display:flex} .grid-img-box .grid-txt-l p{width:100%;text-align:center;margin:auto;/*white-space:normal*/} .grid-img-box .mui-col-xs-4 .grid-txt-l p{font-size:12px} .grid-img-box .mui-col-xs-3 .grid-txt-l p{font-size:9px} .grid-img-box .mui-col-xs-3 .grid-txt-l{width:45%} .grid-img-box .mui-col-xs-3 .grid-img-r{width:55%} .grid-img-box .mui-col-xs-3 .grid-img-r img{width:100%;height:auto} .grid-img-box .grid-img-r{width:50%;padding:3px;height:50px;display:flex} .grid-img-box .grid-img-r img{height:100%;margin:auto} .product-list-text01 .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01.mui-col-xs-12{border-right:none;border-left:none} .graphic-tit {text-align:center;line-height:20px;font-size:18px; padding:0px 10px 10px 10px;position:relative; color: #333;font-weight: bold;} .graphic-tit02{text-align:left;padding:0px 10px 10px 10px;font-size:16px; line-height: 20px;position: relative; color: #333;} .graphic-tit .iconfont{vertical-align: bottom; font-size: 20px;} .graphic-tit .type-title{margin: 0 5px;} /*促销活动详情*/ .pro-ac-info p{ margin: 0;} /*为适应小程序,下拉刷新上拉加载类,重写样式*/ .sw-fix-h{width:100%;display:block;height:40px;background-color:#fff;position:fixed;top:44px;z-index:2} .sw-head-box{-webkit-overflow-scrolling:touch;width:100%;display:block;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;line-height:40px;height:40px;background-color:#fff;} .sw-head-box::-webkit-scrollbar{display:none} .sw-head-box a{padding:0 15px;display:inline-block;height:38px;line-height:38px} .sw-head-box a.active{border-bottom:2px solid #F23030;color:#F23030} .sw-item-box .mui-table-view::before{height: 0;} /*随心配*/ .canvas-html{overflow:hidden;margin:0;padding:0;width:100%;height:100%} .canvas-all-box{width:100%;height:100%;position: relative;} .canvas-container img{width:100%;height:100%;} .canvas-all-box .canvas-container{width:calc(100% - 55px); height: 100%; float: left; } .canvas-all-box .canvas-side{width:55px; height: 100%; float: left;background-color: #333;color: #fff; text-align: center;} .canvas-all-box .canvas-side a{ color: #fff; display: block; padding: 8px 0; position: relative;} .canvas-all-box .canvas-side a.go-back-page{ margin-bottom:4px;} .canvas-all-box .canvas-side a.active:not(.go-back-page){ color: #f23030;} .canvas-all-box .canvas-side a.active:not(.go-back-page):after{content: "";width: 100%;height: 1px;background-color: #f23030;display: block;position: absolute;bottom: 0;} .select-level-list{position: absolute; top: 0; right: 55px; z-index: 3; width: 100px; height: 100%; background-color:rgba(0,0,0,0.3);} .select-level-list .s-header-title{position: relative;line-height: 20px; padding: 10px; background-color: rgba(0,0,0,0.3); text-align: center; color: #fff; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;} .select-level-list .s-header-title a{color: #fff;} .select-level-list .s-header-title a.my-navigate-left:before{ left: 2px;} .select-level-list .s-table-lst{ background-color: transparent; color: #fff; } .select-level-list .s-table-lst.mui-table-view:before{height: 0;} /*.select-level-list .s-table-lst.mui-table-view:after{ height: 1px;}*/ .select-level-list .mui-table-view-cell:last-child:after{ height: 1px;} .select-level-list .s-table-lst .mui-table-view-cell > a:not(.mui-btn).mui-active, .select-level-list .s-table-lst .mui-table-view-cell.mui-active{ background-color: rgba(0,0,0,0.3);} .select-level-list .s-table-lst li img{ width: 100%; height: auto;} .select-level-list .mui-pull-bottom-pocket .mui-pull .mui-pull-caption{ color: #fff;} .select-level-list .mui-pull-bottom-tips{line-height: 40px; text-align: center; color: #fff;} .select-level-list .mui-pull-bottom-tips .mui-pull-loading, .select-level-list .my-nopull-tips{color: #fff;} .select-level-list .nodate-face p{color: #ddd;} .canvas-all-box .left-pro-btn{position: absolute;top: 50%;left: 50%;margin-top: -60px;margin-left: -100px;border-radius: 5px;background-color: #fff;color: #555;z-index: 999;width: 200px;} .canvas-all-box .left-pro-btn.sm{ margin-top: -40px;} .canvas-all-box .left-pro-btn span{display:block;padding: 0 10px;line-height:40px; position: relative;} .canvas-all-box .left-pro-btn span > .poto-input-file{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0; z-index: 1000;} .canvas-all-box .left-pro-btn span:last-child{border-bottom:none} .canvas-action-box{position: fixed;width:calc(100% - 55px);height: 100%;display: flex;display: -webkit-flex; display: -moz-flex;background-color:rgba(0,0,0,.55);top: 0;left: 0;} .canvas-action-box .c-item-box{width: 100%; text-align: center; margin: auto; height: 100px;} .canvas-action-box .c-item{ text-align: center; color: #fff; width: 80px; display: inline-block;} .canvas-action-box .c-item .c-item-bg{background-color: #fff; text-align: center; line-height: 50px; width: 50px;height: 50px;border-radius: 50%;display: inline-block;color: #f23030;margin: auto;margin-bottom: 10px;} .canvas-action-box .close-c-box{background-color: #fff; color: #555; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; position: absolute; top: 10px; right: 10px; } .canvas-all-box .boottom-action-box{position:absolute;bottom:0;width:calc(100% - 55px)} .canvas-all-box .boottom-action-box .tab-bottom-box{width:100%;height:90px;background-color:rgba(0,0,0,.3)} .canvas-all-box .tab-bottom-box .tab-choose-box{box-sizing:border-box;padding:5px;width:100%;height:100%} .canvas-all-box .tab-bottom-box .tab-choose-box a{position:relative;display:inline-block;width:80px;height:80px;background-color:rgba(255,255,255,.5)} .canvas-all-box .tab-bottom-box .tab-choose-box a:after{position:absolute;right:0;bottom:0;z-index:2;width:0;height:0;border-bottom:35px solid rgba(0,0,0,.5);border-left:35px solid transparent;content:' '} .canvas-all-box .tab-bottom-box .tab-choose-box a .iconfont{position:absolute;right:0;bottom:0;z-index:3;margin:0;padding:15px 0 0 15px;width:35px;height:35px;border:none;color:#fff;text-align:center;font-size:18px;line-height:20px} .canvas-all-box .tab-bottom-box .tab-choose-box a img{width:100%;height:100%} .poto-popover{ width: calc(100% - 55px);} .cu-img-view{position: fixed;z-index: 999;left: 50%; top:50%; height: 65%; width:auto; max-width:80%; 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 */} /*手机上传场景图*/ .select-bottom-btn .s-input-file{position: absolute;width: 100%;height: 100%;left: 0;z-index: 5;opacity: 0;} .up-match-ul {padding:10px 0px 10px 10px; box-sizing: border-box;} .up-match-ul.pdno{ padding: 0;} .up-match-ul li{position: relative; background-color: #fff; float: left; width: calc((100vw - 40px) / 3); height:calc((100vw - 40px) / 3); line-height: 0;margin-right: 10px; margin-bottom:10px; display: flex;display: -webkit-flex; display: -moz-flex;} .up-match-ul.update-img-join li{ width: calc((100vw - 50px) / 3); height:calc((100vw - 50px) / 3);} .up-match-ul.update-img-join li:nth-child(3n){ margin-right: 0px;} /*.up-match-ul li img{width: 100%; height: auto; margin: auto;}*/ .up-match-ul li img{width: 100%; height:100%; margin: auto;} /*.up-match-ul li:nth-child(3n){ margin-right: 0px;}*/ .up-match-ul li .del-img-btn{position:absolute;color: #5d5f6a;top: -16px;right: -12px;font-size: 26px;width: 40px;height: 40px;text-align: center;line-height: 40px;} .up-match-ul .add-img-li{ background-color: #fff; border: 1px solid #ccc; box-sizing: border-box;} .up-match-ul .add-img-li .add-ing-font{margin: auto; text-align: center;line-height: 21px;} .up-match-ul .add-img-li .add-ing-font .iconfont{ font-size: 30px; color:#5d5f6a; } .up-match-ul .add-img-li .add-img-input{ width: 100%;height: 100%;position: absolute;left: 0; top: 0;opacity: 0; z-index: 5;} /*店铺关注页*/ .focus-shop-box01 .focus-img{width: 150px; height: auto;} .focus-shop-box01.app-code-img{ border-bottom: 1px solid #ddd;} .att-shop-box .mark-view-img{position: fixed;width: 100%;height:auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 999;} .att-shop-box .mark-view-img img{ width: 100%;} .att-shop-box .mui-backdrop{background-color:#000;} .att-shop-box .att-bar-nav{box-shadow: 0 0 1px rgba(51, 51, 51, .7); top: 0;} .att-shop-box .pic-code{padding-top:40px;width:100%;text-align:center} .att-shop-box .pic-code img{margin:auto;width:130px;height:130px} .att-shop-box .pic-code h4,.pic-code h5{color:#333} .att-shop-box .state-txt{padding:0 20px;color:#333;font-size:14px} .att-shop-box .btn-drown-box,.state-txt{margin-top:30px;text-align:center} .att-shop-box .btn-drown-box button{margin:auto;margin-bottom:15px;padding:10px 0;width:65%} .att-shop-box .btn-drown-box button .iconfont{margin-right:8px;font-size:24px} .att-shop-box .btn-drown-box .android-btn{border:1px solid #9cc63e;background-color:#9cc63e} .att-shop-box .btn-drown-box .android-btn:enabled:active{border:1px solid #6a8a24;background-color:#6a8a24} .att-shop-box .btn-drown-box .ios-btn{border:1px solid #0c84b9;background-color:#0c84b9} .att-shop-box .btn-drown-box .ios-btn:enabled:active{border:1px solid #08628a;background-color:#08628a} .att-shop-box .show-box{color:#fff} .att-shop-box .show-box .show-txt{position:absolute;top:50%;z-index:999;margin-top:-75pt;padding:0 20px;text-align:center} .att-shop-box .show-box .iconfont{position:absolute;top:20px;right:-25px;z-index:999;font-size:90pt} /*预售商品列表*/ .sales-pro-list{ background-color: #fff; padding-top: 10px; } .sales-pro-list .mui-table-view{background-color: #fff;} .sales-pro-list .product-item02{padding-top: 0; min-height:150px; height: auto; margin-top: 10px;background-color: #fff;} .sales-pro-list .sales-end-time{ line-height: 30px; margin-bottom: 10px;} .sales-pro-list .product-item02 .product-info02 .product-spec{ text-decoration: line-through;font-size: 10px; line-height: 12px; height: 12px;} .sales-pro-list .product-item02 .product-info02 .product-cart02{ padding-top: 0;} .sales-pro-list .sales-info{ font-size: 10px; line-height: 12px;} .sales-pro-list .my-progressbar-box{ width: 72px; margin-top: 3px; margin-left: 10px; position: relative; height: 7px;} /*.sales-pro-list .sales-progressbar-cell{ margin-top: 25px; }*/ .sales-pro-list .mui-progressbar-success span{ background-color: #FA8A8A;border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .sales-pro-list .mui-progressbar{ height: 100%;border-radius: 5px; background: #fff; border:1px solid #FA8A8A; box-sizing: border-box;} .sales-pro-list .my-progressbar-box .sales-pro-sum{ position: absolute; top: 0px; right: 0; left: 0;font-size:5px; color: #555;line-height:8px;text-align: center;} .sales-pro-list .product-item02 .product-info02 .product-cart02 .my-btn1-box{margin-top: 0px!important; margin-right: 0px!important;} .sales-pro-list .product-item02 .product-info02 .price-btn-cell{ height: 27px; margin-top: 4px; } .sales-pro-list .product-item02 .product-info02 .skill-price{ margin-top: 2px;} .sales-pro-list .product-item02 .product-info02 .sales-spec{line-height: 18px;} .sales-pro-list .product-item02 .product-info02 .product-title02{line-height: 18px;height: 36px;} .proinfo-eg-sales .my-progressbar-box{display: inline-block; width: 110px; position: relative; height:10px;} .proinfo-eg-sales .mui-progressbar-success span{background-color:#f23030;border-bottom-right-radius:5px;border-top-right-radius:5px} .proinfo-eg-sales .mui-progressbar{height:10px;border-radius:5px;background:rgba(246,201,68,.6);background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.2)),color-stop(.75,rgba(255,255,255,.2)),color-stop(.75,transparent),to(transparent));background-color:#faaea1;background-size:10px 10px} .proinfo-eg-sales .my-progressbar-box .sales-pro-sum{ position: absolute; top: 0px; right: 0; left: 0;font-size:10px; color: #fff;line-height:12px!important;text-align: center;} .proinfo-eg-sales{position: relative; background-color: #fff;} .proinfo-eg-sales .p-eg-title{background-color:#f23030;color:#fff; width:auto; min-width: 80px; height:26px;padding:0 15px;box-sizing:border-box;border-top-right-radius:5px;line-height:26px;text-align:center;display:inline-block;/*position:absolute;*/top:-26px;z-index:2} .proinfo-eg-sales .p-eg-info{border:1px solid #f23030;width:100%;height:50px;line-height:20px;background-color:#fff;} .proinfo-eg-sales .progress-box{display:inline-block;width:140px;height:12px;line-height:12px;border-radius:10px;color:#fff;border:1px solid #f23030} .proinfo-eg-sales .pro-bg-sum{display:inline-block;background-color:#f23030;width:50px;border-radius:8px;text-align:center} .proinfo-eg-sales .p-eg-info .p-eg-left{height:50px;padding:5px 5px 5px 10px;box-sizing:border-box} .proinfo-eg-sales .p-eg-info .p-eg-right{background-color:#CF141B;text-align:center;color:#fff;height:100%;padding:4px 10px 6px 10px;box-sizing:border-box} .proinfo-eg-sales .p-eg-time-bg{background-color:#fff;width:18px;height:18px;color:#f23030;text-align:center;line-height:18px;border-radius:5px;display:inline-block} @media only screen and (max-width:320px ) { .proinfo-eg-sales .p-eg-info .p-eg-left, .proinfo-eg-sales .p-eg-info .p-eg-left .font11, .proinfo-eg-sales .p-eg-info .p-eg-left .font10{ font-size: 9px!important;} .proinfo-eg-sales .my-progressbar-box{width:60px;} .sales-pro-list .my-progressbar-box{width: 40px;} } .sales-myscroll {width: 100%;height: 60px;line-height: 30px;overflow: hidden;} /*点击查看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, .my-coupon-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;} .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:#F23030;line-height:15px;height:15px;display:inline-block; text-align: center; font-size:10px;padding:0 2px;vertical-align:text-bottom} .ent-list-ul .color-border:before{ border: 1px solid #F23030;} .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;} /*优惠卷*/ .cate-cont-padding{padding: 16px;} .cate-cont p{margin-bottom:0} .cate-cont .quan-item{position:relative;width:100%;height:90px;margin-bottom:10px;} .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: #FFF8ED;} .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-details-box p.title{font-size:12px;font-weight: bold;} .cate-cont .quan-item .q-type-left .q-details-box p:first-child{font-weight: bold;font-size: 13px;} .cate-cont .quan-item .q-type-left .q-details-box p{color: #C39D59;} .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:"\e65b1";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:"\e64e1";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:"\e6e41";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:#C39D59;font-size:12px;padding:2px;white-space: nowrap;} .cate-cont .quan-item .q-type-left .q-limit .a_limit:before{border:1px solid #C39D59} .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:#fff} .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:#FFF8ED;color:#C39D59;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:#C39D59;font-size:10px;} .cate-cont .quan-item .q-ops-right p:last-child{ margin-top: 4px; } .cate-cont .quan-item .q-ops-right .q-price{width:108px;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; line-height: 18px; float:right;font-size:16px;color:#fff;position:relative;} .cate-cont .quan-item .q-ops-right .q-opbtns .q-opbtns-txt{ word-wrap: break-word;width:20px;margin:0 auto; text-align: center;font-size: 11px; 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%;border-left: 1px dashed #E7D4B4;} .coupon-scroll-list .mui-scroll{width:100%!important} .coupon-scroll-list .mui-scroll .mui-control-item{width:33.3%} .mui-control-item-border{border-bottom: 1px solid #F5F5F5;} .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:#A2A2A2;} .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} .cate-cont.due-coupon-list .quan-item .q-ops-right,.cate-cont.due-coupon-list .quan-item .q-type-left{background-color: #F3F3F3;} .cate-cont.due-coupon-list .quan-item .q-type-left .q-details-box p{color: #888;} .cate-cont.due-coupon-list .quan-item .q-ops-right p{color: #888;} @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: 10px;right: 10px;width: auto;} .my-coupon-popover .popover-content-coupon-scroll .mui-scroll{padding: 10px;background-color: #fff;} .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 .sys-footer-btn .mui-btn{ border-radius: 40px;min-width: 100px;} /* .my-coupon-popover .cate-cont .quan-item .q-ops-right{width:40%} */ .my-coupon-popover .cate-cont .quan-item .q-circle i{ background-color:#fff;} /* .my-coupon-popover .cate-cont .quan-item .q-type-left{width:calc(100% - 140px)} */ .my-coupon-popover .cate-cont .quan-item .q-ops-right .q-price .q-price-big{font-size:20px} .my-coupon-popover .cate-cont .quan-item .q-ops-right p{font-size:10px} /*商品详情优惠卷*/ .quan-tip-item{position:relative;height:20px;line-height:20px;text-align:center;background-color:#FFEEEE;font-size:10px;white-space:nowrap;margin-right:10px;cursor:pointer;display:inline-block} .quan-tip-item .ico-left,.quan-tip-item .ico-right{position:absolute;top:0;display:block;overflow:hidden;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent} .quan-tip-item .ico-left{left:-1px;border-left:6px solid #fff} .quan-tip-item .ico-right{right:-1px;border-right:6px solid #fff} .quan-tip-item .text{padding:0 10px;color:#BA2E0C;font-size:12px} .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, .point-popver .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;} .cart-coupon-li{ background-color: #fff;} .cart-coupon-li .quan-tip-item .ico-left{border-left: 6px solid #fff;} .cart-coupon-li .quan-tip-item .ico-right {right: -1px;border-right: 6px solid #fff;} .cart-coupon-li .lj-name{color: #888;font-size: 12px;margin-right: 10px;} .cart-coupon-popover{ bottom: 50px!important;} .mui-plus .cart-coupon-popover{ bottom:0px!important;} .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: #C39D59; 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: 27px; font-size: 10px;} .order-coupon-popover .coupon-pover-box .use-tip-btn{position: absolute; right: 10px; font-size: 12px;} /*商品列表优惠卷*/ .pro-coupon-li{ line-height: 20px!important; padding: 10px!important;text-align: left;} .prolist-coupon-po{ z-index: 1001;position: fixed;z-index: 1001;bottom:0; right: 0;left: 0;width: 100%; } /*.op-nolist{opacity: 0!important;}*/ /* 积分当钱花弹窗 */ .point-popver{height: 400px;width: 100%;border-radius: 20px 20px 0 0;} .point-popver .title{padding: 20px 0 15px;text-align: center;font-size: 13px;border-bottom: 1px solid #F5F5F5;} .point-popver .mui-radio label{padding-right: 5px;} .point-popver .mui-radio input[type='radio']{top: 0;} .point-popver .mui-radio input[type='radio']:checked:before{content: "\e442";} .point-popver .points-input{width: 55px;height: 26px;line-height: 26px;box-sizing: border-box;border: 1px solid #E8E8E8;border-radius: 2px;padding: 0 7px;margin-bottom: 0;} /*-----------------分销------------------------*/ /*分销中心*/ .dist-centre-top{width: 100%; border-radius: 5px; color: #fff;box-shadow: 0 2px 4px rgba(255,121,70,.4); 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); /* 标准的语法（必须放在最后） */ } .dist-centre-top.sub-h .info-wrap p:last-child{ margin-bottom: 0px;} .dist-centre-top .info-wrap p{ color: #fff;} .dist-centre-top .info-wrap .link-btn{ display: inline-block;padding:3px 15px; background-color:rgba(207,42,1,.5); border-radius:15px;} .dist-centre-top .info-from{ display: table; width: 100%; padding-bottom: 0px;} .dist-centre-top .info-from .from-cell{ display: table-cell;} .dist-centre-top .info-from .from-cell p{ margin-bottom: 5px;} .dist-centre-top .info-from .from-cell P:last-child{ margin-bottom: 0;} .dist-meau-box .dist-icon-item{display: inline-block;width: 100%;position: relative;min-height: 55px;} .dist-meau-box .dist-meau-icon{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; width: 50px; height: 50px; border-radius: 10px; border-bottom-right-radius:0; display: flex;display: -webkit-flex;display: -moz-flex; } .dist-meau-box .dist-meau-icon .iconfont{margin: auto;color: #fff;} .dist-meau-box .bg-01{background-color: #9999ff;} .dist-meau-box .bg-02{background-color: #6699ff;} .dist-meau-box .bg-03{background-color: #66ccff;} .dist-meau-box .bg-04{background-color: #ff9966;} .dist-meau-box .bg-05{background-color: #ff9999;} .dist-meau-box .bg-06{background-color: #f9be1f;} .dist-pro-list .plan-up-tip, .dist-plan-tip{font-size: 8px;color: #fff; position: relative; top: -3px; padding: 0 2px; display: inline-block; height: 12px; line-height: 12px; 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); /* 标准的语法（必须放在最后） */ } .pro-text01 .dist-plan-tip{ top: -2px; line-height: 15px; height: 15px; font-size: 9px;} .dist-pro-list .plan-up-tip:before{ position: absolute; top: 0; left: -6px; content:""; border-color: #ff3704 transparent; border-width:5px 0 0 7px;border-style: solid;} .dist-pro-list .l-sold{font-size: 10px;color: #888;line-height: 12px;padding-left:7px;} .dist-pro-list .product-item02 .l-sold{ position: relative;top: -2px;} .dist-pro-list .product-item01 .product-cart01 .text-l{ line-height: 30px;} .dist-pro-list .plan-pice{ margin-right:4px;} .dist-pro-list .product-item02 .plan-pice{font-size:17px;} .dist-pro-list .product-item02 .plan-cell{position: relative; top:-4px; line-height:19px; height: 19px;} .dist-pro-list .product-item02 .product-info02 .product-title02{line-height: 15px;height: 30px;} .dist-pro-list .product-item02 .spec-info{line-height: 15px;} /*分销订单*/ .dist-list-control{ width: 100%!important;} .dist-list-control a{ width: 25%!important;} /*我的客户*/ .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;} /*我的店铺二维码分享*/ .for-shop-qrcode{ width: 100%; height:auto;text-align: center;} .for-shop-qrcode img{height: calc(100vh - 105px); width: auto; margin-top: 20px;} .pro-float-sharebtn{ position: fixed; top:66%; right: 20px; z-index: 998; background-color:rgba(243,166,140,0.5);; color: #Ed6d3d; width:40px; height:40px; border-radius: 50%; text-align: center; font-size: 12px; line-height: 15px; padding:5px 0;box-shadow: #f3a68c 0px 0px 8px; } .pro-float-sharebtn .s-txt{ width: 25px; display: inline-block;} /*微信支付页*/ .wx-pay-box .wx-pay-txt{margin:30px 0 18px 0;font-size: 18px;} .wx-pay-box .wx-pay-money{font-size: 52px; margin-bottom: 30px;} /*扫一扫*/ .scan-boby{background-color:#000} .scan-concent{width:100%;position:absolute;top:0;bottom:80px;text-align:center;z-index:1} .scan-concent .scan-tip{position:absolute;width:100%;top:50%;text-align:center;color:#fff} .scan-concent img{width:100%;height:auto;max-width:100%} .scan-footer.mui-bar.mui-bar-tab{background-color:#000!important;height:90px;padding:20px 10px 5px;text-align:center;color:#FFF;z-index:2} .set-flash-ico{position:fixed;right:0;bottom:40px;z-index:21;color:#fff;width:40px;height:40px;text-align:center;line-height:30px;color:#ccc} .set-flash-ico:after{/*content:"\e651";*/content: "\e793";font-family:ghdiconfont!important;font-size:20px;font-style:normal;-webkit-font-smoothing:antialiased} .set-flash-ico.active{color:#f7ce46} .set-flash-ico.active:after{/*content:"\e876"*/content: "\e799";} .scan-footer.mui-bar.mui-bar-tab>a:before{height:0} .scan-footer .my-tab-item{color:#fff} .scan-footer .my-tab-item.active{color:#C39D59} .scan-footer .my-tab-item .mui-icon{font-size:30px;top:6px;width:auto;height:auto;margin-bottom:8px} .pro-canvas-popo.mui-popover-action{top:50px;background-color: #fff; border-top-left-radius:15px; border-top-right-radius:15px;} .pro-canvas-popo .search-img{ width: 60px; height: 60px; display:block; position: absolute; left: 50%; top: -25px;margin-left: -30px; } .pro-canvas-popo .search-img img{ width: 100%; height: 100%;border-radius: 50%;} .pro-canvas-popo .search-img .iconfont{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: (-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; font-size:38px;margin-top:2px;} .pro-canvas-popo .popo-close{font-size: 30px;padding: 5px 0 0 5px;color: #555;} .pro-canvas-popo .pro-canvas-wrap{ top: 80px; margin: 0; border-radius: 0;} .pro-canvas-popo .pro-canvas-wrap ul{ margin: 0!important;} .pro-canvas-popo .pro-canvas-wrap ul li{ float: left;} .discern-img-load{position: fixed;z-index:2;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,.3);} .discern-img-load .main-loading{ width: 100%;} /*返回到微信小程序按钮*/ .back-wx-btn{position: fixed;bottom: 100px;display: block;z-index: 1000;right: 20px;background-color: #1aad19;width: 40px;height: 40px;border-radius: 50%;box-shadow: 0 0 6px #999;color: #fff;text-align: center;line-height: 40px;font-size:24px!important;} /* 定制规格 */ .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;font-size: 12px;} .button-select a.active {border: 1px solid #C39D59; color: #C39D59; background-color: #FFF8ED;box-sizing: border-box;line-height: 30px;} /* 条款样式 */ .clause{ display: flex; margin-top: 280px; width: 100%; justify-content: center; } .clause-text{ display: flex; font-size: 12px; color: #999999; } .clause-btn{ color: #C39D59; } /* 新增首页协议弹框 */ .IsShowAgreement { position: fixed; z-index: 100000; top: 0; width: 100%; left: 0; /* overflow: hidden; */ display: none; } .IsShowAgreement .black-bg { background: rgba(0, 0, 0, .6); z-index: 1000; top: 0; left: 0; position: fixed; width: 100%; height: 100%; } .IsShowAgreement .info-arreement{ width: 80%; top: 30%; z-index: 1001; text-align: center; padding-top:21px; border-radius: 8px; background-color: #fff; position: fixed; left: 10%; } .IsShowAgreement .title{ font-size: 15px; color: #333; } .IsShowAgreement .name{ font-size: 15px; margin: 5px 0; color: #348DC5; } .IsShowAgreement .btn{ color: #F03D38; padding: 12px 0; margin-top: 20px; border-top: 1px solid #F2F2F2; } /* 首页、分类搜图弹窗 */ /* 搜索栏搜图按钮 */ .soutu-icon{ width: 30px; height: 30px; display: flex; align-items: center; position: absolute; right: 0; top: 7px; z-index: 2; } .isShowPhotoRecognition{ position: fixed; z-index: 100000; top: 0; width: 100%; left: 0; /* overflow: hidden; */ display: none; } .isShowPhotoRecognition .black-mask { background: rgba(0, 0, 0, .6); z-index: 1000; top: 0; left: 0; position: fixed; width: 100%; height: 100%; } .isShowPhotoRecognition .close-scan-btn{ position: absolute; z-index: 1001; right: 50%; bottom: -40px; transform: translateX(17px); font-size: 35px; color: #fff; } .isShowPhotoRecognition .photo-scan-content{ display: flex; align-items: center; justify-content: space-around; width: 270px; height: 100px; background-color: #fff; border-radius: 4px; left: 50%; top: 50%; position: fixed; z-index: 1001; transform: translate(-135px,-50px); } .isShowPhotoRecognition .scan-item{ text-align: center; } .isShowPhotoRecognition .scan-item .scan-icon{ font-size: 22px; margin-bottom: 8px; } /* 推荐搭配 */ .recommended-collocation{ background-color: #fff; border-top: 10px solid #F8F8F8; padding: 16px; border-bottom: 10px solid #F8F8F8; } .recommended-collocation .mui-slider .mui-slider-group .mui-slider-item{ width: 308px; margin-right: 10px; } .recommended-collocation .recommended-item{ display: flex; width: 308px; height: 100px; border: 1px solid #F3F3F3; padding: 10px; } .recommended-item .items-img { position: relative; width: 80px; height: 80px; border-radius: 4px; } .recommended-item .items-img.xl{ position: relative; width: 100px; height: 100px; border-radius: 4px; } .recommended-item .items-img img { width: 100%; height: 100%; border-radius: 4px; } .recommended-item .items-img.xl .sold-out { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 100px; text-align: center; background-color: rgba(0, 0, 0, 0.5); font-size: 12px; color: #fff; } .recommended-item .items-info { display: flex; justify-content: space-between; flex-direction: column; margin-left: 10px; flex: 1; } .recommend-productList .recommended-item{ display: flex; padding: 14px 16px; border-bottom: 1px solid #F3F3F3; } .recommend-bottom-btns{ display: flex; width: 100%; height: 50px; align-items: center; background-color: #fff; position: fixed; left: 0; bottom: 0; z-index: 10; } .recommend-bottom-btns .left-part{ flex: 1; padding: 0 16px; line-height: 50px; border-top: 1px solid #f3f3f3; } .recommend-bottom-btns .right-part{ width: 140px; line-height: 50px; text-align: center; background-color: #C39D59; color: #fff; font-size: 14px; } .recommend-bottom-btns .right-part.disable{ background-color: #999999; } /* 猜你喜欢 */ .guess-title{ width: 100%; height: 42px; background-color: #fff; /* line-height: 42px; text-align: center; */ } .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: 40px; right: 10px; } /* 选择分类去到商品列表 */ .class-select-parent{ position: relative; height: 30px; line-height: 30px; } .class-select-parent .class-select{ height: 20px; line-height: 20px; border-radius: 20px; min-width: 60px; text-align: center; background-color: #fff; padding: 0 4px; font-size: 12px; position: absolute; top: 50%; left: 30px; z-index: 11; margin-top: -10px; } .class-select-parent .class-select .off-btn{font-size: 12px;margin-left: 4px;} /* 商品详情下载视频 */ .download_video_bg{ display: none; position: fixed;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);z-index: 1000; } .download_video{ display: none; box-sizing: border-box; position: fixed;top:50%;left:10%;width:80%;height: 120px;background-color: #fff;z-index: 1001;margin-top:-60px;border-radius: 5px;text-align: center; } .download_video .title{ color: #030303; padding: 20px 0; } .download_video .progress-parent{ padding:0 50px 0 16px; position: relative; } .download_video .progress{ border-radius: 10px; border: 1px solid #E9E9E9; height: 10px; position: relative; overflow: hidden; } .download_video .progress-in{ width: 80%; background-color: #3F89BF; position: absolute; top:0; left: 0; height: 10px; } .download_video .progress-parent .number{ position: absolute; font-size: 12px; line-height: 1; margin-top: -6px; color: #333; top: 50%;right: 16px; } /* 裁剪 */ .cropper_popup { position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 2000; box-sizing: border-box; display: none; } .cropper_popup .cropper { height: calc(100% - 50px); display: flex; align-items: center; justify-content: center; } .cropper_popup .btns { position: fixed; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; overflow: hidden; } .cropper_popup .btns .btn { background-color: #fff; color: #333; font-size: 14px; height: 50px; width: 50%; border-radius: 0; position: relative; display: flex; align-items: center; justify-content: center; } .cropper_popup .btns .btn.ok { background-color: #B48534; color: #fff; } .cropper_popup .btns .btn.action{ background-color: #fff; color:#B48534; } .cropper_popup.cropper_width .cropper{ width: calc(100% - 50px); height: 100%; } .cropper_popup.cropper_width .btns{ position: fixed; bottom: 0; left: calc(100% - 50px); width: 50px; display: block; height: 100%; } .cropper_popup.cropper_width .btns .btn{ width: 100%; height: 25%; } /**道多多*/ .header_fixed_two { position: fixed; top: 0; left: 0; width: 100%; height: 88px; line-height: 88px; background-color: #fff; z-index: 100; box-sizing: border-box; } .header_fixed_two .header{position: relative;padding: 0 44px; line-height: 44px; border-bottom: 1px solid #F3F3F3; text-align: center; box-sizing: border-box;} .header_fixed_two .header .title{ font-size: 17px; } .header_fixed_two .nav_left, .header_fixed_two .nav_right { position: absolute; top: 0; line-height: 44px; width: 44px; text-align: center; } .header_fixed_two .nav_left { left: 0; } .header_fixed_two .nav_right { right: 0; } .header_fixed_two .search_model{ padding: 0 44px; position: relative; } .header_fixed_two .input { display: flex; align-items: center; height: 44px; padding:6px 0; box-sizing: border-box; position: relative; } .header_fixed_two .input input { padding: 0 35px; width: 100%; height: 34px; line-height: 34px; font-size: 11px; color: #AAAAAA; margin: 0; text-align: left; border-radius: 15px; box-sizing: border-box; background-color: rgba(211, 211, 211, 0.16); } .header_fixed_two .input .search_icon { position: absolute; top: 50%; left: 12px; line-height: 1; font-size: 16px; margin-top: -8px; } .store_list { overflow: hidden; padding: 5px; background: #fff; } .store_list image { width: 100%; height: 100%; } .store_list .item { padding: 5px; width: 50%; box-sizing: border-box; float: left; } .store_list .item .item_in { border: 1px solid #F3F3F3; border-radius: 4px; padding: 8px; position: relative; } .store_list .item_img { padding-left:66px; position: relative; min-height: 70px; } .store_list .item .img { width: 60px; height: 60px; position: absolute; top: 0; left: 0; } .store_list .item .follow_btn{ background-color: #C39D59; color: #fff; font-size: 12px; width: 56px; line-height: 1; padding:6px 0; white-space: nowrap; border-radius: 15px; position: absolute; bottom: 8px; right: 8px; border: none; z-index: 10; } .store_list .item .follow_btn.action{ background-color: #AAAAAA; } .store_list .item .item_info{ color: #AAAAAA; font-size: 11px; } .store_list .item .label{ white-space: nowrap; line-height: 20px; min-height: 26px; } .store_list .item .label span{ text-align: center; display: inline-block; width: 30%; line-height: 1; padding:5px 2px 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 10px; margin-right: 4px; border-radius: 15px; } /* //一行一个 */ .store_list .item_one{ width: 100%; } .store_list .item_one .item_img{ padding-left: 100px; height: 88px; } .store_list .item_one .item_img .img{ width: 88px; height: 88px; } .store_list .img img{width: 100%;height: 100%;} .store_list .item_one .title{ padding-right: 60px; } .store_list .item_one .item_info{ width: calc(100% - 107px); position: absolute; right: 0; bottom: 8px; height: auto; } .store_list .item_one .follow_btn{ bottom: inherit; top: 8px; } .store_list .item_one .item_info .label span{ width: 64px; padding:6px 2px 4px; } .store_list .item_one .item_info .number{ display: flex; margin-top: 5px; } .store_list .item_one .item_info .number .number_item{ flex: 1; } /* 侧边栏 */ .fix-bottom-content{ padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box!important; } .defaut_quck_screen { width: 80%; height: 100%; background: #fff; top: 0; right: -100%; position: fixed; z-index: 1004; transition: all 0.3s; } .defaut_quck_screen_action { right: 0; } .sceen_model_bg{ background-color: rgba(0,0,0,.4); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; display: none; } .defaut_quck_screen .sceen_model{ color: #202A38; font-size: 14px; } .defaut_quck_screen .sceen_model .sceen_title{ padding: 12px; position: relative; } .defaut_quck_screen .sceen_model .sceen_title .right_text{ display: flex; align-items: center; position: absolute; top: 50%; right: 0; color: #888888; font-size: 12px; line-height: 1; margin-top: -6px; } .defaut_quck_screen .sceen_model .sceen_title .right_text .ghdiconfont{ font-size: 12px; margin-right: 16px; } .defaut_quck_screen .sceen_model .sceen_item{ padding-bottom: 16px; border-bottom: 1px solid #F5F5F5; } .defaut_quck_screen .sceen_model .btn_list{ overflow: hidden; padding: 0 6px; } .defaut_quck_screen .sceen_model .btn_list .btn{ width: 33%; float: left; padding:5px 6px; } .defaut_quck_screen .sceen_model .btn_list .btn button{ font-size: 12px; color: #202A38; width: 100%; border: 1px solid #F8F8F8; background-color: #F8F8F8; white-space: nowrap; line-height: 30px; padding: 0; overflow: hidden; text-overflow: ellipsis; } .defaut_quck_screen .sceen_model .btn_list .btn.action button{ border: 1px solid #C39D59; color: #C39D59; background-color: #FFF8ED; } .my-fixbottom-btn { width: 100%; position: absolute; bottom: 0; left: 0; } .my-fixbottom-btn .action-btn { float: left; width: 50%; text-align: center; line-height: 44px; font-size: 14px; white-space: nowrap; color: #a4a4a4; border-top: 1px solid #EAEAEA; background-color: #fff; } .my-fixbottom-btn .action-btn.btn-r { color: #fff; border-top: 1px solid #B48534; background-color: #B48534; } /* 操作提示弹框 */ .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: #B48534!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: #C39D59; 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; } /* 提交订单的时候要验证优惠券是否选择 */ .black_bg{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 1001; background:rgba(0,0,0,.3); } /* 没有选择优惠券需要提示一下 */ .coupon_tip_popup{ position: fixed; top: 50%; left: 50%; background-color: #fff; width: 270px; height:166px; display:none; margin: -83px 0 0 -135px; border-radius: 8px; z-index: 2000; } .coupon_tip_popup .img{ width: 270px; height:166px; } .coupon_tip_popup .coupon_tip_ab{ position: absolute; width: 270px; height:166px; top: 0; left: 0; } .coupon_tip_popup .coupon_tip{ padding: 60px 0 36px 0; text-align: center; font-size: 14px; color: #C39D59; font-weight:bold ; } .coupon_tip_popup .btns{ display: flex; align-items: center; justify-content: center; } .coupon_tip_popup .btns .btn{ padding:0 8px; } .coupon_tip_popup .btns .btn button{ border: 1px solid #C39D59; font-size: 14px; color: #C39D59; padding: 0; width: 100px; background: #fff; line-height: 34px; border-radius: 20px; } /* l轮播插件样式 */ .swiper_default { width: 100%; height: 100%; } .swiper_default .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper_default .swiper-slide .width100,.swiper_default .swiper-slide img { display: block; width: 100%; /* height: 100%; */ /* object-fit: cover; */ } .swiper_default .swiper-pagination-bullet-active { background-color: #999; } /* ；轮播客服 */ .banner_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 999; display: none; } .banner_slider_fixed{ position: fixed; top: 50%; left: 10%; width: 80%; height: auto; transform: translateY(-50%); z-index: 1000; background: #fff; border-radius: 4px; display: none; } .banner_slider_fixed .banner_cur{ position: absolute; top: 50%; background-color: #CCCCCC; color: #fff; border-radius: 24px; width: 24px; height: 24px; text-align: center; line-height: 24px; } .banner_slider_fixed .banner_cur.banner_left{ left: 20px; } .banner_slider_fixed .banner_cur.banner_right{ right: 20px; } .banner_slider_fixed .banner_title{ text-align: center; padding: 24px; font-size: 15px; color: #030303; font-weight: bold; } .banner_slider_fixed .mui-slider{ width: 120px; height: 120px; margin: 0 auto 24px; } .banner_slider_fixed .off_btn{ padding: 12px; color: #C39D59; text-align: center; border-top: 1px solid #F2F2F2; } /* 楼层装修新增tab栏目 */ .header_floor_nav{ min-height: 44px; max-height: 84px; height: auto; background-repeat: no-repeat!important; background-size: 100% auto!important; } .home_body_bg{ min-height: 100vh; background-repeat: no-repeat!important; background-size: 100% auto!important; } .header_floor_top{ height: 44px; position: relative; } .header_floor_tab{ height: 40px; display: flex; white-space: nowrap; color: #666; overflow-x: auto; } .header_floor_tab .tab{ flex: 1; position: relative; margin-right: 16px; text-align: center; font-size: 14px; line-height: 40px; color: #fff; } .header_floor_tab .tab.action{ color: #fff; font-size: 16px; font-weight: bold; } .shop_list_floor { padding:0 10px; margin-top: -10px; } .shop_list_floor li,.shop_list_floor ul,.shop_list_floor .product-list-text01{ background: none!important; } .shop_list_floor .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01{padding: 6px;border: none;} .shop_list_floor li .shop-item{ background-color: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #f3f3f3; } .all_shop_list_floor{ padding: 0; margin-top: 0; } .all_shop_list_floor .mui-table-view.mui-grid-view .mui-table-view-cell.product-item01{padding: 0;border: 1px solid #e8e8e8;} .all_shop_list_floor li .shop-item{ border-radius: 0; } /* 推荐搭配悬浮框 */ .recommended_collocation_popup{ position: absolute; bottom: 100%; left: 0; width: 100%; background-color: rgba(0,0,0,.6); color: #fff; padding: 7px; display: none; } .recommended_collocation_popup .recommended_collocation_in{ display: flex; align-items: center; } .recommended_collocation_popup img{ width: 30px; height: 30px; margin: 0 3px; background-color: #fff; border-radius: 4px; } .recommended_collocation_popup .tip{ font-size: 12px; margin-left: 5px; } .recommended_collocation_popup .go_look_btn{ border: 1px solid #fff; color: #fff; width: 48px; line-height: 23px; border-radius: 23px; font-size: 12px; margin-left: 8px; text-align: center; } .recommended_collocation_popup .off_btn{ color: #fff; position: absolute; top: 50%; right: 0; width:38px; height: 28px; line-height: 28px; margin-top: -14px; } /* 搭配弹框 */ /* 上下移动的动画 */ /* 上下移动的动画 */ .my-prop-scale { transition: all 0.3s; transform: translateY(100%); position: fixed; width: 100%; bottom: 0; overflow: hidden; left: 0; z-index: 1002; box-sizing: border-box; background: #fff; border-radius: 12px 12px 0 0; } .my-prop-scale .header-title { position: relative; padding-left: 15px; line-height: 44px; color: #030303; display: flex; align-items: center; font-size: 14px; } .my-prop-scale .header-title .iconfont { font-size: 20px; margin: 0 3px; } .my-prop-scale .header-title .off_btn { position: absolute; top: 0; right: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; color: #999999; } .prop-scale-action { transform: translateY(0); } .goods_info_popup { position: relative; padding: 16px 44px 16px 123px; min-height: 108px; border-radius: 4px; font-size: 12px; color: #838383; margin-bottom: 10px; } .goods_info_popup .img { position: absolute; top: 50%; left: 24px; margin-top: -44px; } .goods_info_popup .off_btn { position: absolute; top: 10px; right: 16px; font-size: 20px; } .goods_info_popup .img img { width: 88px; height: 88px; border-radius: 4px; } .goods_info_popup .name { font-size: 14px; color: #000; } .goods_info_popup .price_modal { color: #888888; font-size: 11px; } .goods_info_popup .price { font-size: 17px; color: #D02502; } .goods_info_popup .del { margin-left: 4px; text-decoration: line-through; } .goods_info_popup_in { padding: 0 24px; max-height: 60vh; overflow-y: auto; } .goods_info_popup_in .goods_btn_info { margin-bottom: 12px; } .goods_info_popup_in .title { color: #888888; font-size: 11px; } .goods_info_popup_in .my-box-outlined { padding: 4px 15px; background-color: #F5F5F5; display: inline-block; position: relative; line-height: 20px; margin: 7px 15px 7px 0px; box-sizing: border-box; border-radius: 3px; font-size: 12px; color: #333333; white-space: normal; text-align: left; border: 1px solid #F5F5F5; } .goods_info_popup_in .my-box-outlined.active { color: #B48534; border: 1px solid #B48534; background-color: #FFF8ED; } .goods_info_popup_in .my-box-outlined.no_action { background-color: #F5F5F5; border: 1px solid #F5F5F5; color: #A7A7A7; opacity: 0.8; } /* 多类目标识 */ .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: #FFF6E6; color: #C39D59; padding: 2px 4px; display: inline-block; line-height: 1; width: auto; font-size: 12px; } .pre_deposit_category_details{ line-height: 1; font-size: 12px; background:#FFE6BC; color: #BC7900; padding:8px 10px; border-radius: 4px; font-weight: bold; margin-bottom: 18px; } .advance_deposit_list{ color: #333333; font-size: 13px; padding:0 16px; display: none; 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; 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_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; } /* 案例 */ .casecenter_header{ background-color: #fff;z-index: 200!important; padding: 0!important; } .casecenter_header.hide_tab{ height: 44px; } .casecenter_content_height{ padding-top: 88px!important; } .casecenter_title_fixed{ position: fixed; top: 88px; left: 0; width: 100%; background-color: #fff; z-index: 300; padding:12px 12px; } .casecenter_title_fixed .select-item{ display: inline-block; width: 33.33%; padding: 4px; } .casecenter_title_fixed .select-item .item_in{ line-height: 30px; border-radius: 30px; background-color: #F2F3F5; color: #333333; font-size: 12px; text-align: center; white-space: nowrap; padding: 0 4px; overflow: hidden; text-overflow: ellipsis; } .casecenter_title_fixed .actived .item_in{ background-color: #DEB265; color: #fff; } .casecenter_tab { display: flex; align-items: center; justify-content: center; background-color: #fff; } .casecenter_tab .tab_item{ flex: none; width: 50%; align-items: center; text-align: center; justify-content: center; height: 44px; line-height: 44px; } .casecenter_tab .tab_item .tab-name{ position: relative; display: inline-block; padding-right: 20px; font-size: 13px; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; } .casecenter_tab .tab_item .tab-name .iconfont{ position: absolute; top: 50%; right: 0; line-height: 1; font-size: 16px; margin-top: -8px; } .casecenter_tab .tab_item.action{ color: #C39D59; } .casecenter_tab .tab_item.action .iconfont{ transform: rotate(180deg); } /* 一屏幕一个 */ .case-hall-list { padding: 16px; } .case-hall-list .life-item{ border: none; padding: 0!important; border: 1px solid #E6E6E6; margin-bottom: 16px; border-radius: 8px; } .case-hall-list .list-image-box img{ border-radius: 0!important; } .case-hall-list .list-image-box .flex-between-box{ position: absolute; bottom: 0; left: 0; padding: 10px; box-sizing: border-box; width: 100%; } .case-hall-list .flex-between-box .pv,.case-hall-list .flex-between-box .life-btns{ background-color: rgba(0,0,0,.4); color: #fff!important; border-radius: 12px; font-size: 11px!important; padding: 0 8px; width: auto!important; display: flex; align-items: center; } .case-hall-list .flex-between-box .life-btns .ghdiconfont{ margin-right: 3px; font-size: 14px; } .case-hall-list .flex-between-box .life-btns .icon-newdianzan-dianjihou{ color: #D02502; } .case-hall-list .life-item .life-name{ margin: 0!important; padding:12px 16px; } /* 一行两个 */ .case-hall-two-list{ display: flex!important; display: -webkit-flex; justify-content: space-between; padding: 6px; box-sizing: border-box; padding: 6px; } .case-hall-two-list .masonry-l, .case-hall-two-list .masonry-r{ width: 50%; padding: 6px; } .case-hall-two-list .masonry_item{ border: 1px solid #E6E6E6; border-radius: 8px; margin-bottom: 13px; } .case-hall-two-list .masonry_item .name{ color: #4A4A4A; font-size: 14px; font-weight: bold; margin: 8px 10px 0; } #item2mobile .mui-slider-right1{ position: absolute; top: 0; right: 0; z-index: 100; } #item2mobile .mui-slider-right1 .mui-btn-red{ background-color: rgba(0,0,0,.5); color: #fff; border: none; line-height:20px; padding: 2px 6px; border-radius: 0 0 0 8px; font-size: 11px; } .casecenter .items{ padding: 0!important; margin-bottom: 16px; border:1px solid #e8e8e8 } .casecenter .mui-slider-right1{ padding: 0; right: 16px!important; } .casecenter .mui-table-view-cell{ position: relative; padding: 16px; } .casecenter .mui-table-view-cell:after{display: none;} .casecenter .banner_img,.case-hall-two-list .banner_img{ position: relative; } .casecenter .banner_img .is_putaway,.case-hall-two-list .banner_img .is_putaway{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,.5); color: #fff; text-align: center; padding-top: 20%; } .casecenter .banner_img .is_putaway::after,.case-hall-two-list .banner_img .is_putaway::after{ content: "已下架"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .case-hall-two-list .list-image-box img{ width: 100%; } .case-hall-two-list .masonry_item .flex-between-box>div{ font-size: 11px; color: #666666; padding: 6px 10px 12px 10px; display: flex; align-items: center; } .case-hall-two-list .masonry_item .flex-between-box .ghdiconfont{ font-size: 14px; } .case-hall-two-list .masonry_item .flex-between-box .icon-newdianzan-dianjihou{ color: #D02502; } /* 案例详情 */ .casecenter_title_modal{ display: flex; padding: 10px 0 16px 0; margin: 16px -8px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); } .casecenter_title_modal .casecenter_title{ flex: 1; padding: 0 12px; } .casecenter_title_modal .title{ font-size: 14px; color: #333333; font-weight: bold; } .casecenter_title_modal .sub{ font-size: 12px; color: #666666; } .casecenter_title_modal .title_btn{ flex: none; padding: 0 10px; text-align: center; position: relative; font-size: 10px; } .casecenter_title_modal>div:nth-of-type(2)::before{ content: ""; position: absolute; width: 1px; height: 32px; background-color: #EEEEEE; left: 0; top: 50%; margin-top: -16px; } .casecenter_title_modal .title_btn .ghdiconfont{ font-size: 18px; margin-bottom: 4px; } .casecenter_title_modal .title_btn .ghdiconfont.icon-newshipinhao{ color: #FF9C39; } .casecenter_goods_list { overflow: hidden; white-space: nowrap; padding-bottom: 16px; } .casecenter_goods_list .hall-product-items{ position: relative; padding:6px 6px 6px 84px; min-height: 88px; font-size: 12px; color: #333; border: 1px solid #F3F3F3; } .casecenter_goods_list .hall-product-items .img{ position: absolute; width: 68px; height: 68px; border-radius:4px; left: 10px; top: 10px; } .casecenter_goods_list .hall-product-items .pro-info,.casecenter_goods_list .hall-product-items .pro-info .spec-box{ margin-left: 0; margin-top: 0; } .casecenter_goods_list .hall-product-items img{ width: 100%; } /* 一行两个 */ .casecenter_goods_list.two{ margin: 0 -6px; } .casecenter_goods_list.two .hall-product-items{ width: calc(50% - 10px); float: left; padding: 10px; display: block; margin: 0 5px; } .casecenter_goods_list.two .hall-product-items .img{ position: static; width: 100%; height: auto; } .casecenter_goods_list.two .hall-product-items .name{ font-weight: bold; display: inline-block; height: 40px; line-height: 20px; font-size: 13px; color: #333333; } /* end */ .casecenter-detail-footer .flex{ width: 100%; } .hall-detail-footer.casecenter-detail-footer .btns{ flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 14px; } .hall-detail-footer .btns .icon_text{ margin-right: 6px; } .hall-detail-footer.casecenter-detail-footer .btns::after{ display: none; } /* 我的收藏 */ .mytracks-items.casecenter .items{ display: block; } .mytracks-items.casecenter .items .items-img{ width: 100%; height: auto; position: relative; } .mytracks-items.casecenter .items .flex-between-box{ position: absolute; bottom: 10px; left: 0; padding: 10px; box-sizing: border-box; width: 100%; } .mytracks-items.casecenter .items .flex-between-box .pv, .mytracks-items.casecenter .items .flex-between-box .life-btns-box, .mytracks-items.casecenter .items .flex-between-box .share_btn{ display: flex; color: #666; background-color: rgba(0, 0, 0, .4); color: #fff !important; border-radius: 12px; font-size: 11px !important; padding: 0 8px; width: auto !important; align-items: center; font-size: 12px; } .mytracks-items.casecenter .items .flex-between-box .life-btns { width: 64px; height: 24px; line-height: 24px; border: 1px solid #999; border-radius: 12px; text-align: center; color: #333; font-size: 12px; margin-left: 12px; } .mytracks-items.casecenter .items .flex-between-box .share_btn{ } .case-hall-two-list .masonry_item.margin_botom0{ margin-bottom: 0; } .case-hall-two-list .mui-table-view-cell{ margin-bottom: 12px; } /* 案例图片大于3 */ .casecenter_goods_img{ position: relative; padding-right: 160px; line-height: 54px; height: 51px; background-color: #F2F3F5; color: #333333; font-size: 12px; padding: 0 16px; border-radius: 4px; } .casecenter_goods_img::after{ font-family: "ghdiconfont"; content: '\e616'; position: absolute; top: 0; right: 6px; font-size: 20px; } .casecenter_goods_img span{ color: #C39D59; } .casecenter_goods_img .img_modal{ position: absolute; top: 4px; right: 26px; } .casecenter_goods_img .img_modal img{ width: 46px; height: 46px; border-radius: 4px; margin-right: 6px; } .goods_popup_list{ position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 100; border-radius: 20px 20px 0 0; } .goods_popup_list .title{ line-height: 44px; font-size: 15px; color: #333333; text-align: center; } .goods_popup_list .goods_list_scroll{ overflow-y: auto; height: 70vh; padding:0 16px; } .footer_popup_goods{ position: relative; line-height: 44px; padding:0 40% 0 16px ; } .footer_popup_goods .buy-btn{ position: absolute; top: 0; right: 0; width: 40%; text-align: center; background-color: #C39D59; color: #fff; font-size: 13px; } /* vip信息展示 */ .vip_modal_parent{ padding: 0 16px 12px 16px; background-color: #fff; } .vip_modal_parent_in{ position: relative; } .vip_modal_parent .vip_modal{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding:16px 11px; color: #6D2B2B; font-size:12px; box-sizing: border-box; } .vip_modal_parent .vip_modal .title{ font-size: 16px; margin-bottom: 2px; font-weight: bold; } .vip_modal_parent .vip_modal .title_my{ margin-bottom: 10px ; font-size: 12px; } .vip_modal_parent .vip_modal .time{ font-size: 11px; } .vip_modal_parent .vip_modal .title_my .price_yh{ color: #FE1574; } .vip_modal_parent .vip_modal .receive_vip{ position: absolute; top: 32px; left: 197px; width: 68px; height: 24px; line-height: 24px; text-align: center; border-radius: 24px; background: linear-gradient(to right, #F2C28D,#F5BD7F); color: #fff;font-weight: bold; } /* 我的会员中心 */ .my_vip_bg{ background: linear-gradient(to bottom, #FEF2F2 , #FFF2F2,#F2F2F2); } .card_vip{ margin: 7px 16px 7px 16px; position: relative; } .my_vipbg{ width: 100%; line-height: 1; font-size: 0; display: inherit; } .card_vip .user_info{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; font-size: 11px; color: #6D2B2B; } .card_vip .user_info .name{ font-weight: bold; font-size: 16px; color: #333333; margin-bottom:3px; } .card_vip .user_info .logo{ width: 46px; height: 46px; border-radius: 50%; margin: 12px 0 2px; border: 1px solid #fff; } .card_vip .user_info .time{ margin-top: 2px; } .card_vip .user_info .record{ position: absolute; top: 16px; right: 16px; font-size: 12px; } .card_vip .user_info .renew_btn{ font-weight: bold; font-size: 12px; background-color: #F2C28D; color: #000; width: 71px; padding:5px 0; line-height: 1; margin: 6px auto; border-radius: 22px; } /* 权益 */ .vip_title{ color: #000; font-size: 12px; font-weight: bold; padding: 11px 16px; } .equity_modal{ background-color: #FBE7E7; padding:0 16px; position: relative; color: #6D2B2B; font-size: 12px; padding-bottom: 11px; } .equity_modal.yello{ background-color:#FEF6F5 ; /* margin-top: 25px; */ } .equity_modal .title{ font-weight: bold; padding:15px 0 9px 0; line-height: 17px; } .equity_modal .reward_title{ position: absolute; top: -11px; right: 16px; color: #000; line-height:27px; height: 25px; width: 90px; text-align: center; border-radius:25px; background: linear-gradient(to bottom, #F2C28D,#F2DAB1); box-shadow: 0 3px 6px 1px #E1B380; } .reward_modal{ position: relative; min-height: 60px; padding-top:10px; } .reward_modal .reward{ margin-bottom: 8px; } .equity_modal .reward_img{ position: absolute; top:0; right:41px; } .equity_modal .reward_img img{ width:43px; height: 48px; } .equity_modal .reward_img img:last-child{ margin-left: 5px; } /* 优惠券样式 5 */ .coupon_list{ margin-top: 10px; padding: 0 ; overflow: hidden; } .coupon_list .coupon_item{ float: left; width: 50%; padding: 10px 11px; } .coupon_modal{ height: 50px; background-color: #FBF1F1 ; border-radius: 6px; overflow: hidden; font-size: 10px; position: relative; padding-right: 58px; } .coupon_modal .left{ color: #CF191D; font-size: 10px; text-align: center; display: flex; align-items: center; justify-content: center; height: 50px; position: relative; } .coupon_modal .left::after,.coupon_modal .left::before{ content: ""; width: 10px; height: 10px; background-color: #FBE7E7; border-radius: 50%; position: absolute; right: -8px; z-index: 100; } .coupon_modal .left::before{ bottom: -5px; } .coupon_modal .left::after{ top: -5px; } .coupon_modal .type{ background-color: #CF1A1E; color: #fff; display: inline-block; font-size: 8px; width: 46px; text-align: center; transform: rotate(-45deg); position: absolute; top: 2px; left: -12px; line-height: 16px; } .coupon_modal .number{ background-color: #E9A862; color: #fff; display: inline-block; font-size: 8px; width: 40px; text-align: center; transform: rotate(-45deg); position: absolute; bottom: 0px; right: -14px; white-space: nowrap; line-height: 16px; } .coupon_modal .right{ width: 55px; height: 100%; background: linear-gradient(to right, #FF9B9B,#CF191D); color: #fff; font-size: 16px; position: absolute; top: 0; right: 0; text-align: center; z-index: 10; } .coupon_modal .right .coupon_price{ padding-top: 6px; } .coupon_modal .right span{ font-size: 12px; } .coupon_modal .right .price_tip{ font-size: 8px; } /* 长久权益 */ .equity_list{ padding: 5px 35px 16px 35px; } .equity_list .item{ background: linear-gradient(to right, #FFE3C4,#FFCC9A); position: relative; border-radius: 8px; padding: 8px 0; height: 87px; font-size: 12px; color: #6D2B2B; margin-bottom:20px; } .equity_list .item .icon_title{ display: flex; align-items: center; padding-left:17px; } .equity_list .item .icon_title img{ width: 13px; height: 13px; margin-right: 3px; } .equity_list .item .right_icon{ width: 72px; height: 72px; position: absolute; top: 11px; right:21px; } .equity_list .title_type{ padding: 5px 17px 2px; font-size: 15px; font-weight: bold; } .equity_list .tip{ padding: 0 17px; font-size: 12px; } .equity_list .tip span{ font-size: 20px; line-height: 1; color: #B6291F; } .error_tip{ font-size: 8px; color: #B5742B; display: flex; align-items: center; justify-content: center; } .error_tip .iconfont{ font-size: 10px; } /* 会员购买页面 */ .vip_user_modal{ background-color: rgba(217, 209, 200, 0.28); position: relative; padding: 20px 19px 0 72px; } .vip_user_modal .logo{ position: absolute; width: 46px; height: 46px; border-radius: 50%; top: 6px ; left: 14px; border: 1px solid #fff; } .vip_user_modal .right_btn{ position: absolute; clear: #000000; font-size: 12px; top: 23px ; right: 19px; display: flex; align-items: center; justify-content: center; } .vip_user_modal .name{ font-size: 16px; color: #333333; margin-bottom: 4px; font-weight: bold; } .vip_user_modal .tip{ font-size: 12px; padding-bottom: 10px; color: #6D2B2B; } .vip_user_modal .right_btn .share_btn{ line-height: 26px; width: 26px; height: 26px; font-size: 20px; margin-left: 10px; } .vip_tab{ display: flex; align-items: center; justify-content: center; text-align: center; padding-top: 10px; } .vip_tab .tab{ flex: 1; padding: 2px 0; font-size: 12px; color: #838383; position: relative; border-bottom: 1px solid #BEBEBE; } .vip_tab .tab.action{ color: #000000; font-weight: bold; border-bottom: 2px solid #F2C28D; } .tab_content_parent{ width: 100%; overflow-x: auto; } .tab_content{ padding: 9px 16px 15px 16px; white-space: nowrap; } .tab_content .item{ width: 100px; height: 120px; display: inline-block; margin-right: 16px; border: 1px solid #9E9E9E; text-align: center; color: #1D1D1D; border-radius: 4px; overflow: hidden; background: linear-gradient(to bottom, #F8F5EE , #FAF4F4); padding-top: 16px; } .tab_content .item.action{ border: 1px solid #F2C28D; } .tab_content .item .price_vip span{ font-size: 12px; } .tab_content .item .price_vip{ font-size: 22px; color: #B6291F; margin-bottom: 7px; } .tab_content .item .del_price{ color: #838383; text-decoration:line-through; } .member_purchase{ padding-bottom: calc(constant(safe-area-inset-bottom) + 93px); /* 兼容 iOS < 11.2 */ padding-bottom: calc(env(safe-area-inset-bottom) + 93px); /* 兼容 iOS >= 11.2 */ } .footer_purchase_btn{ position: fixed; bottom: 0; left: 0; width: 100%; height: 93px; background-color: #fff; z-index: 100; box-sizing: content-box; box-shadow: 0 -3px 6px 1px rgba(0,0,0,0.08); text-align: center; font-size: 12px; color: #000000; padding-bottom: calc(constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */ padding-bottom: calc(env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */ } .footer_purchase_btn .purchase{ margin: 11px 16px 0; height: 48px; border-radius: 6px; font-size: 16px; color: #734E18; font-weight: bold; display: flex; align-items: center; justify-content: center; background: linear-gradient(to left, #F2C28D , #FFE3C4); } .footer_purchase_btn .purchase.purchase_red{ color: #D02502; background: linear-gradient(to left, #F29E8D , #FFC4C4); } .footer_purchase_btn .check_box{ display: flex; align-items: center; justify-content: center; margin-top: 6px; } .footer_purchase_btn .check_box .go_fw{ color: #E7C68C; } .footer_purchase_btn .check_box .ghdiconfont{ font-size: 17px; color: #CCCCCC; margin-right: 4px; } .footer_purchase_btn .check_box .icon-newfangxuankuang-mian{ color: #E7C68C; } /* 上传订单提示弹框 */ .lottery_pop_box_bg{ width: 100%; height: 100%; background-color: rgba(0,0,0,.4); position: fixed; top: 0; left: 0; z-index: 2000; display: none; } .lottery_pop_box{ display: none; position: fixed; top: 45%; left: 50%; z-index: 2000; width: 100%; transform: translate(-50%,-50%); } .lottery_pop_box .bg_img{ width: 100%; height: auto; } .lottery_pop_box .off_btn{ position: absolute; top: 20%; right: 10%; font-size:11px; color: #fff; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.36); line-height: 24px; border-radius: 50%; } .lottery_pop_box .content_pop{ position: absolute; top: 38%; left:0; width: 100%; color: #fff; padding:0 25%; font-size: 13px; } .birthday_text{ font-weight: bold;color: #FFD501;font-size: 21px;line-height: 1; } .lottery_pop_box .footer_btn{ width: 116px; height: 42px; line-height: 42px; text-align: center; color: #FDF4D5; font-size: 16px; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; bottom: 12%; left: 50%; margin-left: -58px; } .lottery_pop_box .footer_btn_gift{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); } .lottery_pop_box .footer_btn_gift img{ width: 173px; height: 34px; } /* 没有选择优惠券需要提示一下 */ .coupon_tip_popup { position: fixed; top: 50%; left: 50%; background-color: #fff; width: 270px; height: 166px; margin: -83px 0 0 -135px; border-radius: 8px; z-index: 2000; } .coupon_tip_popup .img { width: 270px; height: 166px; } .coupon_tip_popup .coupon_tip_ab { position: absolute; width: 270px; height: 166px; top: 0; left: 0; } .coupon_tip_popup .coupon_tip { padding: 38px 27px 26px 27px; text-align: center; font-size: 14px; color: #C39D59; font-weight: bold; } .coupon_tip_popup .btns { display: flex; align-items: center; justify-content: center; } .coupon_tip_popup .btns .btn { padding: 0 8px; } .coupon_tip_popup .btns .btn button { border: 1px solid #C39D59; font-size: 14px; color: #C39D59; padding: 0; width: 100px; background: #fff; line-height: 34px; border-radius: 20px; } .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; } /*底部会员提示 */ .goods_bottom_vip{ position: fixed; bottom: calc(constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */ bottom: calc(env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */ left: 0; width: 100%; display: none; z-index: 100; } .goods_bottom_vip50{ bottom: calc(constant(safe-area-inset-bottom) + 50px); /* 兼容 iOS < 11.2 */ bottom: calc(env(safe-area-inset-bottom) + 50px); /* 兼容 iOS >= 11.2 */ } .goods_bottom_vip img{ width: 100%; display: inherit; } .goods_bottom_vip .title,.goods_bottom_vip .right_vip_btn,.goods_bottom_vip .right_icon{ position: absolute; bottom: 11px; font-size: 16px; color: #D02502; } .goods_bottom_vip .title{ left: 12px; } .goods_bottom_vip .right_vip_btn{ right: 54px; color: #fff; font-size: 12px; border-radius: 17px; padding: 2px 12px; background-color: #CF0D0D; } .goods_bottom_vip .right_icon{ position: absolute; right: 12px; color: #fff; font-weight: bold; font-size: 18px; bottom: 12px; } /* 西铁灯位备注弹框 */ .bg_remark{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1004; background:rgba(0,0,0,.3); } .remark_popup{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1006; background-color: #fff; padding-bottom: calc(constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */ padding-bottom: calc(env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */ border-radius: 20px 20px 0 0; overflow: hidden; } .remark_popup .title{ position: relative; background-color: #FFF8ED; text-align: center; padding: 12px 0; font-size: 16px; color: #333333; font-weight: bold; } .remark_popup .title .off_btn{ width:44px; height: 30px; margin-top: -15px; position: absolute; line-height: 30px; top: 50%; right: 5px; color: #999999; font-size: 12px; font-weight: normal; } .remark_popup .centent{ padding: 16px; } .isReark{ display: none; } .remark_popup .centent .tip{ font-size: 14px; color: #333333; font-weight: bold; } .remark_popup .centent .btn_two{ padding: 0 5px; display: flex; align-items: center; justify-content: center; margin: 24px 0; } .remark_popup .centent .btn_two .btn{ flex: 1; text-align: center; line-height: 30px; background-color: #F5F5F5; margin: 0 27.5px; border-radius: 4px; color: #333333; font-size: 14px; font-weight: bold; border: 1px solid #F5F5F5; } .remark_popup .centent .btn_two .btn.action{ border: 1px solid #C39D59; background-color: #FFF8ED; color: #C39D59; } .remark_popup .input{ position: relative; padding: 0 0 0 78px; margin-bottom:18px; } .remark_popup .input .name{ position: absolute; top: 50%; left: 0; font-size: 12px; line-height: 1; margin-top: -6px; } .remark_popup .input textarea{ border: 1px solid #D8D8D8; font-size: 12px; width: 100%; border-radius:8px; padding: 8px 11px; word-wrap: break-word; box-sizing: border-box; height: 60px; margin-bottom: 0; line-height:16px; } .footer_ok_btn{ padding:3px 16px; } .footer_ok_btn button{ background-color: #C39D59; color: #fff; font-size: 14px; line-height: 40px; width: 100%; padding: 0; border-radius: 4px; } /* 多活动 */ .ai_kefu_cart { display: flex; align-items: center; justify-content: center; position: fixed; right: 10px; bottom:210px; width: 45px; height: 45px; background-color: #fff; border-radius: 50%; box-shadow: 0 6px 12px 1px rgba(0,0,0,0.12); z-index: 100; } .ai_kefu_cart .ghdiconfont{ color: #D02502; font-size: 20px; } .ai_kefu_cart .pages{ background-color: #D02502; color: #fff; width: 20px; height: 20px; line-height: 20px; border-radius: 20px; position: absolute; right: 0; top: 0; font-size: 11px; text-align: center; } .ai_kefu_cart .name{ background-color: #D02502; color: #fff; width: 45px; height: 14px; line-height: 14px; border-radius: 7px; position: absolute; bottom: -5px; left: 0; font-size: 10px; text-align: center; } /* 商品详情促销信息 */ #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; } #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: #C39D59!important; text-align: center; font-size: 12px; margin: 0 10px 0 42px!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-btn{ 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 .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; }