/* 未能缩小。正在返回未缩小的内容。 (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,97): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,114): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,130): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,145): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,161): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,186): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,211): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,224): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,260): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,276): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,289): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,341): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,396): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,450): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,505): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,558): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (322,57): run-time error CSS1039: Token not allowed after unary operator: '-mainColor' (345,980): run-time error CSS1039: Token not allowed after unary operator: '-purple' (345,1037): run-time error CSS1039: Token not allowed after unary operator: '-mauve' (345,1090): run-time error CSS1039: Token not allowed after unary operator: '-pink' (345,1145): run-time error CSS1039: Token not allowed after unary operator: '-brown' (358,467): run-time error CSS1039: Token not allowed after unary operator: '-purple' (358,519): run-time error CSS1039: Token not allowed after unary operator: '-mauve' (358,569): run-time error CSS1039: Token not allowed after unary operator: '-pink' (358,619): run-time error CSS1039: Token not allowed after unary operator: '-brown' (358,1523): run-time error CSS1039: Token not allowed after unary operator: '-purple' (358,1584): run-time error CSS1039: Token not allowed after unary operator: '-mauve' (358,1643): run-time error CSS1039: Token not allowed after unary operator: '-pink' (358,1702): run-time error CSS1039: Token not allowed after unary operator: '-brown' (358,1929): run-time error CSS1039: Token not allowed after unary operator: '-gradualRed' (358,2075): run-time error CSS1039: Token not allowed after unary operator: '-gradualOrange' (358,2142): run-time error CSS1039: Token not allowed after unary operator: '-gradualGreen' (358,2209): run-time error CSS1039: Token not allowed after unary operator: '-gradualPurple' (358,2275): run-time error CSS1039: Token not allowed after unary operator: '-gradualPink' (358,2339): run-time error CSS1039: Token not allowed after unary operator: '-gradualBlue' */ /*头部*/ @charset "utf-8"; @font-face{font-family: 'numberFont'; src: url(/Content/css/fonts/numberFont.ttf) format('truetype'), url(/Content/css/fonts/numberFont.woff) format('woff'), url(/Content/css/fonts/numberFont.otf) format('truetype');} :root{ --mainColor:#ffc400; } /* CSS Document */ *{margin:0;padding:0; box-sizing:border-box;} input{outline:none;border:none; vertical-align:middle;} input::-webkit-input-placeholder{color:#a3a3a3 !important;} input::-moz-placeholder{/* Mozilla Firefox 19+*/color:#a3a3a3 !important;} input:-moz-placeholder{/* Mozilla Firefox 4 to 18*/color:#a3a3a3 !important;} input:-ms-input-placeholder{/* Internet Explorer 10-11*/color:#a3a3a3 !important;} img{border:none; display:block;} ul li{list-style:none;outline: none;} a{text-decoration: none; cursor: pointer;} .cursor{ cursor: pointer;} a:hover{text-decoration:none;} table{border-collapse: collapse;} html{height:100%;} .el-form-item__content,.el-form-item__label{line-height:32px;} .margin_auto_1200{margin:auto;width:1200px;} /** 布局 */ .float-right{float:right} .user-select-none{user-select:none;} /* -- 颜色 -- */ .main_text_color{color:#ffc400!important;} .main_bg_color{background-color:#ffc400!important;} .color-blue{color:#428DFA;} .color-green{color:#00C18B;} .bg-green{background-color:#00C18B;} .red_text_color{color:#FF5533;} .red_bg_color{background-color:#FF5533;} .color_666{color:#666666;} .warning_color{color:#F6900F;} body{font:14px 微软雅黑!important;min-width: 1200px;list-style:none;height:100%;background: #FFFFFF;--purple:#6739b6;--mauve:#9c26b0;--pink:#e03997;--brown:#a5673f;--grey:#979594!important;--gray:#979594!important;--bg:#f4f2f0;--line-bg:rgba(0,0,0,0.1)!important;--black:#3c3c3c;--white:#fff;--gradualRed:linear-gradient(45deg,#f43f3b,#ec008c);--gradualOrange:linear-gradient(45deg,#ff9700,#ed1c24);--gradualGreen:linear-gradient(45deg,#39b54a,#8dc63f);--gradualPurple:linear-gradient(45deg,#9000ff,#5e00ff);--gradualPink:linear-gradient(45deg,#ec008c,#6739b6);--gradualBlue:linear-gradient(45deg,#0081ff,#1cbbb4);} input, textarea, keygen, select, button { font-family: 微软雅黑;} .comWidth{width:1200px;margin: 0 auto;} h1, .h1, h2, .h2, h3, .h3{margin: 0;} ::-ms-clear, ::-ms-reveal{display: none;} /*页面加载变量名闪现*/ [v-cloak] {display: none;} /*translate加载问题修改*/ .transition_none * {-webkit-transition: none !important;-moz-transition: none !important;-ms-transition: none !important;-o-transition: none !important;transition: none !important;} /*首页头部*/ .top{height: 56px;font-size:16px;position:relative;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);z-index:1000;} .top .el-button{font-size:16px;} .topleft{background:#fff;} /*兼容主页导航*/ .compatible-little-page {max-height:80%;overflow:auto } @media screen and (min-width:600px) and (max-width:1111px){.compatible-little-page{padding:12px 50px;width:90%!important;display:flex;justify-content:space-between;flex-wrap:wrap;max-height:80%;overflow:auto}} @media screen and (max-width:600px){.compatible-little-page{padding:12px 50px;width:90%!important;display:flex;justify-content:center;flex-wrap:wrap;max-height:80%;overflow:auto}} /*兼容响应式*/ /*顶部二级气泡*/ .topitem{display:flex;justify-content:end;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%; } .topitem .el-button {padding: 10px 20px;border: 0;} .toggle_slid{display:inline-block;cursor:pointer;padding: 10px 0 10px 10px;position:relative;line-height: 1;} .toggle_slid i{font-size:20px;} /*顶部-缩小-展开-解释*/ .addbrprolist{width:1000px;height:auto;overflow: auto;} .prolist {width: 250px;height: auto;float: left;margin: 0 10px;} .prolistWrap{display: flex;justify-content: space-between;flex-wrap: wrap;} .prolistAWrap{display: flex;justify-content: space-between;flex-wrap: wrap;} .prolistTitle {border-bottom: 1px solid #e5e5e5;width: 100%;} .prolistTitle a,.prolistTitle a:hover{font:bold 15px/40px "微软雅黑" !important; color: #000000 !important;} .prolist a{width: auto;height:40px;color: #444444;font:14px/40px "微软雅黑";margin:0 10px 0 0;display: inline-block;color: #666666;} .prolist a:hover,.prolist a:focus{color: #ffc400;} .topitem .el-button{color: #000000;border-radius: 0;} .topitem .el-button:hover,.topitem .el-button:focus,.topitem .el-button.active{color: #FFC400;background: #ffffff;} #appTop .active .el-button {color: #FFC400;background: #ffffff;} .topitem .el-button a,.topitem .el-button a:hover{color: #000000;} #appTop .topright .el-icon-arrow-right{transition:0.3s;} #appTop .topright .t-name:hover+.el-icon-arrow-right{transform: rotate(90deg);} .topright,.car{float: right; font: 14px/30px "微软雅黑";color:#666666 ;} .topright{padding-right:16px;position:relative;height:100%;background-color:#FFF;} .topright span{display: block;cursor: pointer;} .t-name{display:inline-block; max-width: 80px; overflow: hidden;float: left;text-overflow: ellipsis;white-space: nowrap;text-align:right;} .topright a{font: 14px/30px "微软雅黑";color:#666 ;text-align: center;float: left;margin: 0 10px;} .topright .t-order,.topright a:first-child{display: block; width:auto;min-width: 80px;height: 30px;background: #ffc400;border-radius: 4px;color: #333333;} /*.topright a:hover{color:#ffc400;}*/ .topright a:nth-child(2){display: block; max-width: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .topright a:last-child{margin-right: 0;} .icon-hover{font-size:20px;height:32px;width:32px;margin-left:10px;text-align:center;border-radius:6px;line-height:32px;cursor:pointer;} .icon-hover:hover{background-color:rgba(250,250,250,0.05);} .custom-hover:hover{background-color:rgba(250,250,250,0.05);} .overflow-hidden{overflow:hidden;} .white-nowrap{white-space:nowrap} #appTop .group{position:absolute;top:0;left:0;width:100%;height:100%; overflow-x:auto;white-space:nowrap;} #appTop .group-box{ position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);width:100%;height:100vh;z-index:-1;padding-top:56px;} #appTop .group-box .group-box-content{ padding:0 220px;box-shadow:0 3px 3px rgba(0,0,0,0.1) inset;border-radius:0 0 10px 10px;max-height:90%;min-height:400px;transition:all 0.3s ease;} #appTop .group-box .group-box-content-left{overflow-y:auto;padding:20px 40px 20px 20px;overflow-x:hidden;} #appTop .group-box .group-box-content-right{padding:20px 0;width:250px;flex-shrink:0;} #appTop .group-box .group-box-content .group-box-content-item{ padding:7px 10px;border-radius:4px;position:relative;} #appTop .group-box .group-box-content .group-box-content-item:hover{ background:#F8F8F8; } #appTop .group-box .group-box-content .group-box-content-item.active{ background:#fff9e6; } .slide-up-enter-active, .slide-up-leave-active { transition: all 0.5s ease; } .slide-up-enter { opacity: 0; transform: translateY(100%); } .slide-up-leave-to { opacity: 0; transform: translateY(-100%); } .fade-in-enter-active, .fade-in-leave-active { transition:all 0.3s ease; } .fade-in-enter { opacity: 0; } .fade-in-leave-to { opacity: 0; } .menu-search-popper { z-index:999!important; } #appTop .group-box .group-box-content .group-box-content-item .tag { position: absolute; right: 0; top: -15px; z-index: 2; display:block; width:36px; height:18px; text-align:center; background-color: #FF4D4F; color: #fff; font-size: 10px; border-radius: 10px 10px 10px 0; transform: translateX(100%); line-height: 18px; } #appTop .group .active{color:#ffc400;} .droupmenu li{display: block;width: 100%;height:30px;} .droupmenu li a{width: 100%;height: 30px;display: block;font: 14px/30px "微软雅黑";color: #333333;} .droupmenu li:hover a{color: #ffc400;} .el-popover{min-width: 60px !important;} .car{margin:16px 0 0;} .car .el-button{font-size: 12px;color: #666;} .car .el-button:focus,.car .el-button:hover{color: #ffc400; border-color: #dcdfe6; background-color: #FFFFFF;} .el-button--primary,.el-radio-button__orig-radio:checked+.el-radio-button__inner,.el-button--primary:focus, .el-button--primary:hover{color: #101010;} /*表单间距统一调整*/ /*.el-input__inner{height: 36px; line-height: 36px;} */.el-form-item{margin-bottom: 14px;} .el-form-item__error{padding-top: 0px;white-space:nowrap;} /*首页页脚*/ .footer{border-left: 0;border-right: 0;color: #CCCCCC;} .appfoot{max-width: 1200px;margin:auto;border-bottom: 1px solid rgba(255 ,196, 0,.1);overflow: auto;padding:20px 0 20px 30px;} .appfoot img{margin:0px auto;} .appfoot .line{width:1px;border-left: 1px solid rgba(255 ,196, 0,.1);} .appfoot dl dd a{font:14px/26px "微软雅黑" ;color: #B0AEAF;padding: 0 !important;} .appfoot dl dd a:hover{color: #ffc400;} .appfoot dl:last-child,.appfoot dl:nth-child(2){margin-right: 0;} .telnum{width: 180px;height: 40px;display: block;background: #ffc400;text-align: center;font:22px/40px "微软雅黑" ;color: #FFFFFF !important;margin: 10px auto;} /*分页位置导航的样式*/ .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{font-weight: 700; color: #999999;} .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{color: #666666;} /*登录底部*/ .loginfoot{text-align: center;color:#999999;margin: 30px auto 0;} .loginfoot a{color:#999999;} .loginfoot a:hover{color:#ffc400;} .loginfoot span{margin:0 15px;} /*底部备案*/ .copyRight{height:60px;line-height:60px; text-align: center; color: #999999;} .copyRight a{color: #999999;} .copyRight a:hover{color: #ffc400;} /*字体图标*/ @font-face{font-family: 'iconfont'; src: url(/Content/css/fonts/iconfont.eot); src: url(/Content/css/fonts/iconfont.eot?#iefix) format('embedded-opentype'), url(/Content/css/fonts/iconfont.woff) format('woff'), url(/Content/css/fonts/iconfont.ttf) format('truetype'), url(/Content/css/fonts/iconfont.svg#iconfont) format('svg');} .iconfont{font-family:"iconfont" !important; font-size:20px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0; -moz-osx-font-smoothing: grayscale;} .svgicon { width: 26px; height: 26px; vertical-align: -7px; fill: currentColor; overflow: hidden; } /*浮动窗口*/ .floatdiv,.floatdivHide{position: fixed; right:0px;bottom:158px; z-index: 888;width: 76px;height:auto;margin-top:28px ;color: #666;font: 12px/24px "微软雅黑";text-align: center;background:#f7f7f7 ;} .floatdiv i{font-size: 34px;color: #666666;} .floatdivHide{position: fixed;top: 10%;} /*和people公共用的样式*/ .commonCenterArea{width:100%;min-height: 100%;overflow: auto; background-color: #F8F8F8;position:relative;} .commonCenter{padding:8px;} /*头部添加下划线*/ .addh4line{border-bottom: 1px solid #f3f3f3;padding-bottom: 20px;} /*几种常用的尺寸*/ /*@media (min-width: 1200px){.floatdiv,.floatdivHide{right: 0;}} @media (min-width: 1440px){.floatdiv,.floatdivHide{right:30px;}} @media (min-width: 1600px){.floatdiv,.floatdivHide{right:110px;}} @media (min-width: 1920px){.floatdiv,.floatdivHide{right:70px;}}*/ /*消息*/ .fwChat a{border: 0;color: #333333;} /*.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{background-color: #FFFFFF; border: 1px solid #b0b0b0; min-width: 40px; height: 40px; line-height: 40px; border-radius: 0;} .el-pagination.is-background .el-pager li:not(.disabled).active{border: 1px solid #ffc400; background-color: #FFFFFF; color: #ffc400;}*/ /*ie9以下的遮挡*/ .changPayArea{position:fixed;left: 0;top: 0;top: 0;bottom: 0; height:100%;width: 100%;background:rgba(0,0,0,0.62) !important;z-index: 99999;} .payArea{width:500px; height:300px;padding:10px 10px;color: #FFFFFF;z-index: 99999;cursor: pointer; background:#ff6f00;opacity: 1 !important; filter:Alpha(opacity=100);overflow-y: auto; position: fixed;left:50%;margin-left: -250px; top: 50%;margin-top: -150px;} .payArea:hover{opacity:1; filter:Alpha(opacity=100); box-shadow: 0 0 20px 2px #3F3F3F;} .payArea h3{text-align: center;font:18px/40px "微软雅黑";} .payArea p{font: 16px/30px "微软雅黑";} .payArea i{font: 20px/30px "微软雅黑";color: #FFFFFF;margin: 0 6px;} .Abutips{width:368px;height:60px; margin: 0 auto;} .payArea a{width: 120px;height:60px; padding: 10px; display: block;border: 1px solid #BDBDBD;background:#d84700;opacity: 0.6; filter:Alpha(opacity=60);float:left;text-align: center;color: #FFFFFF;margin:10px 20px;border-radius: 4px;} .payArea a:hover{opacity:1; filter:Alpha(opacity=100);} .payArea a i{font-size: 30px;color:#ffc400;margin: 10px;} .payArea a p{font: 16px/40px "微软雅黑";} /*进度条*/ /*第一*/ .forpassArea li p{color: #c0c4cc;font: 14px/30px "微软雅黑";} .forpassArea li:first-child i,.forpassArea li:first-child p{color: #303133;} .forpassArea li:first-child p{font-weight: 700;} .forpassArea li{min-width:56px;width: auto; height: 30px;font: 14px/18px "微软雅黑";text-align: center;float: left;} .grayLine{border-top: 2px solid #c0c4cc;display: block; width: 498px;height: 20px;margin-top:16px;} /*第二*/ #step2{border-top:2px solid #fdd000;} .registerBody #step2{border:none;} #step2.forpassArea li:nth-child(3) i,#step2.forpassArea li:nth-child(3) p{color: #303133;} #step2.forpassArea li:nth-child(3) p{font-weight: 700;} /*第三*/ #step3.order-after-step{border-top:2px solid #39b54a;} #step3 li:nth-child(2) .grayLine{border-color: #ffc400;} #step3.forpassArea li:nth-child(5) i{color: #303133;} #step3.forpassArea li:nth-child(5) p{font-weight: 700;color: #303133;} #step3.forpassArea li:nth-child(7) i,#step3.forpassArea li:nth-child(7) p{color: #c0c4cc;} /*第四步*/ #step4.forpassArea li i,#step4.forpassArea li p{color: #ffc400;} #step4 li:nth-child(2) .grayLine,#step4 li:nth-child(4) .grayLine{border-color: #ffc400;} #step4.forpassArea li:nth-child(7) i{color: #303133;} #step4.forpassArea li:nth-child(7) p{font-weight: 700;color: #303133;} /*弹窗图片轮播*/ .imgMask{position: fixed;height:1400px;width: 100%;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden; z-index: 1000;background: rgba(0,0,0,.6);text-align: left;} .imgMask .showImg{max-height: 600px;max-width: 80%;width: 100%;position: fixed;left: 50%;top:50%; transform: translate(-50%,-50%);border: 10px solid #fff;} .imgMask .bigImg{width: 100%;} .imgMask .prev,.imgMask .next,.imgMask .closeshow{position: fixed;top: 40%;bottom: 50%;width: 60px;height: 60px;border-radius: 2px;font-size: 26px;border: 0;background-color: #282725;opacity: 0.6;font-size: 26px;padding: 0;} .imgMask .prev:hover,.imgMask .next:hover,.imgMask .closeshow:hover{background-color: #282725;font-family: bolder;} .imgMask .closeshow{top:-34px;right:-34px;width: 40px;height: 40px;border-radius: 40px;opacity: 0.7;position:absolute;} .imgMask .prev{left:20px;} .imgMask .next{right: 20px;} /*顶部年假通知*/ .addfixed{width:100%;background-color: #ff8f00;position: fixed;top:0px;z-index:9999;font: 22px/60px "微软雅黑";color: #FFFFFF;text-align: center;} .addfixed .notice{width:1300px;margin: 0 auto;} .addfixed .notice a,.addfixed .notice a:hover{text-decoration: underline; font-style: italic;color: #551a8b;} small {color: #FF4400;white-space: normal;} .tipcolor {color: #FF4400;} .baoJiaTipWrap{background: #FFF6D8;border: 1px solid #FFC400;line-height:28px;color: #D98A00;} .baoJiaTipWrap .el-icon-close{line-height:28px;} .appTop_nav_title:hover{ color: #FFC400;} /*侧边栏*/ .el-container {height: calc(100% - 148px);} .scrollbar {height: 100%;padding:0;min-width:1000px;} /*左侧栏*/ #asideLeft{background:#222;flex-shrink:0;} #asideLeft .el-scrollbar__wrap{overflow-x:hidden;} .address-dialog .el-scrollbar__wrap{overflow-x:hidden;} .address-dialog .btns{opacity:0;} .address-dialog .el-table__row:hover .btns{opacity:1;} .el-checkbox {margin-right: 10px;} .el-checkbox__label {padding-left: 5px;} .el-radio__label{padding-left: 5px;} .isCollapse_pro{width:50px !important;transition:0.5s;min-width:50px;} .el-menu{border-right:none;} .nav_title{display: inline-block;width:60px;text-align:left;} .el-menu-item .t_bg{background: #FFF;padding: 4px 8px;} .el-menu-item.is-active .t_bg{background: #F1EDEB;} /*侧边导航的选中样式*/ .el-menu-vertical-demo:not(.el-menu--collapse) {width: 200px;height:100%;overflow:auto;} #menuOne {position:relative;z-index:100;overflow-x:hidden;} #menuOne .iconfont{color:#cecece;font-size:19px;font-weight:lighter;display:inline-block;width:20px;} #menuOne .el-menu-item{border-left:4px solid rgba(34,34,34,0);transition:none!important;box-sizing:border-box;border-bottom:1px solid rgba(255,196,0,0.1);} #menuOne .el-menu-item:hover{background:#312F29!important;} #menuOne .el-menu-item.is-active{border-left:4px solid #ffc400;background-color:#FFF!important;color:#222!important;} #menuOne .el-menu-item span{font-size:16px;} #menuOne .is-active .el-submenu__title{color: #FFC400!important;} #menuOne .is-active .el-submenu__title .iconfont{color: #FFC400!important;} #menuOne .el-submenu__title{border-bottom:1px solid rgba(255,196,0,0.1);user-select:none;font-size:16px;border-left:4px solid rgba(34,34,34,0);overflow:hidden;} #menuOne .el-submenu{border-bottom:1px solid rgba(255,196,0,0.1);} #menuOne .el-submenu .el-menu-item span{font-size:14px;color:#cecece;} #menuOne .el-menu-item.is-active span{font-weight:bolder;user-select:none;color:#333;} #menuOne .el-menu-item.is-active::before{position:absolute;right:0;bottom:-10px;z-index:2;display:block;width:10px;height:10px;background-image:url(/Content/img/swallow.svg);background-size:100%;content:"";transform:rotate(90deg)} #menuOne .el-menu-item.is-active::after{position:absolute;top:-10px;right:0;z-index:2;display:block;width:10px;height:10px;background-image:url(/Content/img/swallow.svg);background-size:100%;content:"";transform:rotate(180deg)} #menuOne .el-menu-item.is-active .iconfont{color:#222!important;} .el-menu--popup .newurl-item{color:#fff;} .el-menu--popup .newurl-item:hover { background: #312F29 !important; color:#fff; } #menuTwo { overflow-x: hidden; border-right: 1px solid #f2f2f2; position: relative; z-index: 99; width: 0; transition: all 0.2s ease; } #menuTwo.showTwoBox{width:180px;} #menuTwo .el-menu-item{transition:none!important;box-sizing:border-box;height:36px;line-height:36px;padding:0px 10px!important;} #menuTwo .el-menu-item.one-children-item{padding:0 10px!important;} #menuTwo .el-menu-item>div{border-radius:5px; height:100%;width:100%;} #menuTwo .el-submenu .el-menu-item>div{padding-left:20px;padding-right:10px!important;color:#666;} #menuTwo .el-submenu .el-menu-item>div:hover{color:var(--mainColor);color:#ffc400;} #menuTwo .el-menu-item.is-active>div{background-color:#FBDF83!important;color:#222!important;} #menuTwo .el-menu-item.is-active span{font-weight:bolder;user-select:none;} #menuTwo .el-menu-item.is-active .iconfont{color:#222!important;} #menuTwo .el-submenu__title{padding-left:20px!important;color:#000;height:46px;line-height:46px;} #menuTwo .el-submenu .el-menu-item{min-width:100px;} #searchMenu{background:#FFF;z-index:1000;} .c_wrap i{vertical-align: text-bottom;} .el-submenu__icon-arrow{right:10px;} .logo_wrap{transition:0.5s;float: left;width: 150px;display: flex;align-items: center;overflow:hidden;height:56px;margin-left:16px;} /* -- flex弹性布局 -- */ .inline-flex{display:inline-flex}.flex{display:flex}.basis-xs{flex-basis:20%}.basis-sm{flex-basis:40%}.basis-df{flex-basis:50%}.basis-lg{flex-basis:60%}.basis-xl{flex-basis:90%}.flex-sub{flex:1}.flex-twice{flex:2}.flex-treble{flex:3}.flex-direction{ flex-direction: column;}.flex-wrap{flex-wrap:wrap}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-center{ align-self: flex-center;}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.align-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-none{flex:none;}.width_0{ width: 0;} .flex-grow-1{flex-grow:1;} /* -- 内外边距 -- */ .margin-auto{margin:auto;} .margin-0{margin:0!important}.margin-left-10{margin-left:10px}.margin-right-10{margin-right:10px}.margin-xs{margin:10px}.margin-sm{margin:20px}.margin{margin:16px}.margin-lg{margin:30px}.margin-xl{margin:40px}.margin-left-5{margin-left:5px}.margin-top-5{margin-top:5px}.margin-top-xs{margin-top:10px}.margin-top-sm{margin-top:20px}.margin-top{margin-top:16px}.margin-top-lg{margin-top:30px}.margin-top-xl{margin-top:40px}.margin-right-xs{margin-right:10px}.margin-right-sm{margin-right:20px}.margin-right{margin-right:16px}.margin-right-lg{margin-right:30px}.margin-right-xl{margin-right:40px}.margin-bottom-xs{margin-bottom:10px}.margin-bottom-xxs{margin-bottom:5px}.margin-bottom-sm{margin-bottom:20px}.margin-bottom{margin-bottom:16px}.margin-bottom-lg{margin-bottom:30px}.margin-bottom-xl{margin-bottom:40px}.margin-left-xs{margin-left:10px}.margin-left-sm{margin-left:20px}.margin-left{margin-left:16px}.margin-left-lg{margin-left:30px}.margin-left-xl{margin-left:40px}.margin-lr-xs{margin-left:10px;margin-right:10px}.margin-lr-sm{margin-left:20px;margin-right:20px}.margin-lr{margin-left:16px;margin-right:16px}.margin-lr-lg{margin-left:30px;margin-right:30px}.margin-lr-xl{margin-left:40px;margin-right:40px}.margin-tb-xs{margin-top:10px;margin-bottom:10px}.margin-tb-sm{margin-top:20px;margin-bottom:20px}.margin-tb{margin-top:16px;margin-bottom:16px}.margin-tb-lg{margin-top:30px;margin-bottom:30px}.margin-tb-xl{margin-top:40px;margin-bottom:40px}.padding-0{padding:0!important}.padding-top-0{padding-top:0!important}.padding-right-0{padding-right:0}.padding-xs{padding:10px}.padding-sm{padding:20px}.padding{padding:16px}.padding-lg{padding:30px}.padding-xl{padding:40px}.padding-top-xs{padding-top:10px}.padding-top-sm{padding-top:20px}.padding-top{padding-top:16px}.padding-top-lg{padding-top:30px}.padding-top-xl{padding-top:40px}.padding-right-xs{padding-right:10px}.padding-right-sm{padding-right:20px}.padding-right{padding-right:16px}.padding-right-lg{padding-right:30px}.padding-right-xl{padding-right:40px}.padding-bottom-xs{padding-bottom:10px}.padding-bottom-sm{padding-bottom:20px}.padding-bottom{padding-bottom:16px}.padding-bottom-lg{padding-bottom:30px}.padding-bottom-xl{padding-bottom:40px}.padding-left-xs{padding-left:10px}.padding-left-sm{padding-left:20px}.padding-left{padding-left:16px}.padding-left-lg{padding-left:30px}.padding-left-xl{padding-left:40px}.padding-lr-xs{padding-left:10px;padding-right:10px}.padding-lr-sm{padding-left:20px;padding-right:20px}.padding-lr{padding-left:16px;padding-right:16px}.padding-lr-lg{padding-left:30px;padding-right:30px}.padding-lr-xl{padding-left:40px;padding-right:40px}.padding-tb-xs{padding-top:10px;padding-bottom:10px}.padding-tb-sm{padding-top:20px;padding-bottom:20px}.padding-tb{padding-top:16px;padding-bottom:16px}.padding-tb-lg{padding-top:30px;padding-bottom:30px}.padding-tb-xl{padding-top:40px;padding-bottom:40px}.padding-tb-xxxl{padding-top:70px;padding-bottom:70px}.padding-tb-5{padding-top:5px;padding-bottom:5px}.padding-top-5{padding-top:5px;}.padding-bottom-5{padding-bottom:5px}.padding-left-5{padding-left:5px}.padding-right-5{padding-right:5px}.padding-bottom-0{padding-bottom:0;}.margin-right-6{margin-right:6px;}.padding-lr-5{padding-left:5px;padding-right:5px}.padding-tb-7{ padding-top: 7px;padding-bottom: 7px;} /* -- 文字 -- */ .line-through{text-decoration:line-through;} .font-size-0{font-size:0} .line-height-initial{line-height:initial!important;} .text-cut>div{display:inline-block;}.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.towLine{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.text-bold{font-weight:bold}.text-center{text-align:center}.text-content{line-height:1.6}.text-left{text-align:left}.text-right{text-align:right}.text-red,.line-red,.lines-red{color:#FF6445}.text-orange,.line-orange,.lines-orange{color:#f37b1d}.text-yellow,.line-yellow,.lines-yellow{color:#fdd000!important}.text-yellow-tow,.line-yellow-tow,.lines-yellow-tow{color:#f9ac19!important}.text-yellow-three,.line-yellow-three,.lines-yellow-three{color:#FFC400!important}.text-olive,.line-olive,.lines-olive{color:#8dc63f}.text-green,.line-green,.lines-green{color:#00C18B;}.text-cyan,.line-cyan,.lines-cyan{color:#1cbbb4}.text-blue,.text-blue .iconfont,.line-blue,.lines-blue{color:#2665D1}.text-purple,.line-purple,.lines-purple{color:var(--purple)}.text-mauve,.line-mauve,.lines-mauve{color:var(--mauve)}.text-pink,.line-pink,.lines-pink{color:var(--pink)}.text-brown,.line-brown,.lines-brown{color:var(--brown)}.text-grey,.line-grey,.lines-grey{color:#979594!important}.text-gray,.line-gray,.lines-gray{color:#979594}.text-black,.line-black,.lines-black{color:#3c3c3c}.text-white,.line-white,.lines-white{color:#fff}.text-shadow{text-shadow:2rpx 4rpx 6rpx rgba(0,0,0,0.4)}.mustTitle:before{content:'*';color:#f56c6c;position:absolute;left:-8px}.text-price{color:#FF4400;}.l-h-df{line-height:16px;}.word-break{word-break:break-all;}.text-bbb{color:#bbb;} .text-ellipsis-1 {overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;} .text-ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* -- 实线 -- */ .dashed,.dashed-bottom,.dashed-left,.dashed-right,.dashed-top,.solid,.solid-bottom,.solid-left,.solid-right,.solid-top,.solids,.solids-bottom,.solids-left,.solids-right,.solids-top{ position: relative;}.dashed-bottom::after,.dashed-left::after,.dashed-right::after,.dashed-top::after,.dashed::after,.solid-bottom::after,.solid-left::after,.solid-right::after,.solid-top::after,.solid::after,.solids-bottom::after,.solids-left::after,.solids-right::after,.solids-top::after,.solids::after{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;border-radius:inherit;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box}.solid::after{border:2px solid #eee}.solid-top::after{border-top:2px solid #eee}.solid-right::after{border-right:2px solid #eee}.solid-bottom::after{border-bottom:2px solid #eee}.solid-left::after{border-left:2px solid #eee}.solids::after{border:4px solid #F1EFEE}.solids-top::after{border-top:4px solid #F1EFEE}.solids-right::after{border-right:4px solid #F1EFEE}.solids-bottom::after{border-bottom:4px solid #F1EFEE}.solids-left::after{border-left:4px solid #F1EFEE} .dashed-top{border-top:1px dashed #eee;} /* -- 文字大小 -- */ .text_size_22{font-size:22px;}.text_size_24{font-size:24px;}.text_size_28{font-size:28px;}.text_size_30{font-size:30px;} .text_size_36{font-size:36px;}.text_size_48{font-size:48px;} .text_size_72{font-size:72px;} .font_family_impact{font-family:Impact;} .text_top{vertical-align:top;line-height:50px;} .text-xs {font-size: 10px}.text-sm{font-size:12px}.text-df{font-size:14px}.text-lg,.text-money,.text-16{font-size:16px}.text-title{font-size:17px}.text-title-tow{font-size:15px!important}.text-money-df{font-size:17px}.text-xl{font-size:18px}.text-xxl{font-size:20px}.text-ssl{font-size:32px}.text-sl{font-size:40px}.text-xsl{font-size:60px} /* -- 盒子阴影 -- */ .shadow-box{transition:all 0.3s;box-shadow:2px 2px 20px #efefef;}.shadow-box:hover{box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)} /* -- 背景 -- */ .bg-red{background-color:#FF5A39;color:#fff}.bg-orange{background-color:#f37b1d;color:#fff}.bg-yellow{background-color:#fdd000;color:#3c3c3c}.bg-yellow-tow{background-color:#f9ac19;color:#3c3c3c}.bg-yellow-three{background-color:#FFC400;color:#3c3c3c}.bg-olive{background-color:#8dc63f;color:#fff}.bg-green{background-color:#00C18B;color:#fff}.bg-cyan{background-color:#1cbbb4;color:#fff}.bg-blue{background-color:#2665D1;color:#fff}.bg-purple{background-color:var(--purple);color:#fff}.bg-mauve{background-color:var(--mauve);color:#fff}.bg-pink{background-color:var(--pink);color:#fff}.bg-brown{background-color:var(--brown);color:#fff}.bg-grey{background: #C4BEBB;color:#fff}.bg-gray{background-color:#f0f0f0;color:#666}.bg-black{background-color:#222;color:#fff}.bg-white{background-color:#fff;color:#666}.bg-shadeTop{background-image:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0.01));color:#fff}.bg-shadeBottom{background-image:linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,1));color:#fff}.bg-red.light{color:#e54d42;background-color:#fadbd9}.bg-orange.light{color:#f37b1d;background-color:#fde6d2}.bg-yellow.light{color:#fdd000;background-color:#fef2ce}.bg-yellow-tow.light{color:#f9ac19;background-color:#fef2ce}.bg-yellow-three.light{color:#FFC400;background-color:#fef2ce}.bg-olive.light{color:#8dc63f;background-color:#e8f4d9}.bg-green.light{color:#39b54a;background-color:#d7f0db}.bg-cyan.light{color:#1cbbb4;background-color:#d2f1f0}.bg-blue.light{color:#2665D1;background-color:#cce6ff}.bg-purple.light{color:var(--purple);background-color:#e1d7f0}.bg-mauve.light{color:var(--mauve);background-color:#ebd4ef}.bg-pink.light{color:var(--pink);background-color:#f9d7ea}.bg-brown.light{color:var(--brown);background-color:#ede1d9}.bg-grey.light{color:#979594;background-color:#e7ebed}.bg-gray.light{color:#666;background-color:#fadbd9}.bg-gray.light{color:#888;background-color:#f1f1f1}.bg-gradual-red{background-image:var(--gradualRed);color:#fff}.bg-default-custom{background:linear-gradient(to left,#f9bb00,#fdd000)!important}.bg-gradual-orange{background-image:var(--gradualOrange);color:#fff}.bg-gradual-green{background-image:var(--gradualGreen);color:#fff}.bg-gradual-purple{background-image:var(--gradualPurple);color:#fff}.bg-gradual-pink{background-image:var(--gradualPink);color:#fff}.bg-gradual-blue{background-image:var(--gradualBlue);color:#fff} /* -- 按钮通用样式 -- */ .btn_b{border:0;cursor:pointer;outline:none;color:#333231;background-color:#FFC400;} .btn_b:hover{opacity:0.9;} .btn_b:active{opacity:1;} .btn-text-hover { padding: 4px 8px; border-radius: 4px; } .btn-text-hover:hover { background-color: rgba(0,0,0,.03); } .online_btn{border:1px solid #ffc400;border-radius:3px;width:230px;height:48px;cursor:pointer;color:#ffc400;background:none;} .online_btn:hover{opacity:0.6;} .width-full{width:100%;} .height-full{height:100%;} .position-relative{position:relative;} /* -- 全局的tabs导航 -- */ .nav_category_wrap ul{border-bottom: 1px solid #EEEEEE;position: relative;height: 46px;} .nav_category_wrap ul li.active {background:#ffc400;color:#222;} .nav_category_wrap ul li.active::before{position: absolute;width: 100%;height: 1px;bottom: -2px;left: 0;content: '';} .nav_category_wrap ul li {position: relative; width:200px; padding:0 24px; line-height: 46px;cursor:pointer;font-size:16px;color:#222;} .nav_category_wrap ul li::after {position: absolute;width: 1px;height: 100%;top: 0px;right: 0;content: '';border-right: 1px solid #dcdfe6;} .nav_category_wrap ul li:hover{outline: 0;opacity:0.9;} .nav_category_wrap .slider .indicator {position: relative;width: 200px; max-width: 100%;height: 2px;border-radius: 1px;} .nav_category_wrap .slider {position: absolute;bottom:-2px; -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);} .custom_nav .el-tabs {width: 100%;min-height: 100%;} .custom_nav .el-tabs__header {width:100%;background-color: #FFFFFF;z-index: 1;margin-bottom:0;} .custom_nav .el-tabs__content {padding: 8px;width: 100%;height: 100%;} .custom_nav .el-tabs__item{position:relative; font-size:16px;padding: 0 24px!important;} .custom_nav .el-tabs__item::after {position: absolute;width: 1px;height: calc(100% - 3px);top: 3px;right: 0;content: '';border-right: 1px solid #E2DFDD;} .custom_nav .el-tabs__item, .custom_nav .el-tabs__active-bar {text-align: center;} .custom_nav .el_tab_item {width: 100%;background-color: #FFFFFF;} .el-tabs--card .el-tabs__item.is-top{min-width:200px;} .el-tabs--card .el-tabs__item.is-top.is-active{background:#ffc400;color:#222;} .el-tabs--card > .el-tabs__header .el-tabs__nav{border:none;} .el-tabs--card > .el-tabs__header .el-tabs__item{border:none;} /*隐藏样式*/ .opacity_0{opacity: 0;} /*底部印品介绍、配送方式、品牌保证的加载*/ .prod_setting_wrap .el-tabs__content{ display: flex;justify-content: center;background-color: white;} .prod_setting_wrap .el-tab-pane{padding-top: 16px;max-width: 1145px;} .prod_setting_wrap .el-tabs__item{width:120px!important;padding:0;text-align:center;} .prod_setting_wrap .el-tabs__active-bar {display:none;} .prod_setting_wrap .el-tabs__header{background: #F1EFEE;border-top:1px solid #FFC400;border-left:1px solid #E2DFDD;margin-bottom: 0;} .prod_setting_wrap .el-tabs__item.is-active{background-color: #FFFFFF;} /* 解决ie图片的问题*/ .prod_setting_wrap .el-image__inner--center{ transform: translate(-50%);} /*全局按钮的通用样式*/ .common_btn{height:36px;width:112px;padding:0;} .appTop_el-popover{ padding: 1px;} .hover_yellow:hover{ color: #FFC400!important;} .img_hove_wrap{ overflow: hidden;} .img_hove_wrap img{ transition: 0.3s;} .img_hove_wrap img:hover{transform: scale(1.05)} .uploadbtn .el-button{width:265px;height:50px;} .popover-tooltip{background:#222;color:#FFF;} .slideleft-enter-active, .slideleft-leave-active { transition: all .5s ease; } .slideleft-enter, .slideleft-leave-to /* .fade-leave-active below version 2.1.8 */ { transform:translateX(-250px); } .its_title_color{color:#131415;} .fu_title_color{color:#333333;} .des_title_color{color:#666666;} .des_des_color{color:#999;} .tip-lineheight{line-height:24px;} .margin-l-5{margin-left:5px;} .bg-light-gray{background:#f8f8f8;} .flex-shrink0{flex-shrink:0;} .flex-shrink1{flex-shrink:1;} .number-font{font-family:numberFont!important;} .inline-block{display:inline-block} .input-width{width:120px} #legalizePage.show{opacity:1;visibility:visible} #legalizePage{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);z-index:1001;opacity:0;visibility:hidden;transition:all .3s ease} #legalizePage .lb-box{width:414px;height:480px;background:#fff;position:relative;border-radius:4px;overflow:hidden} #legalizePage .lb-close{position:absolute;top:10px;right:10px;color:rgba(255,255,255,.6);font-size:32px} #legalizePage .lb-close:hover{opacity:.7} #legalizePage .lb-header{width:100%;height:173px;background:#428dfa;} #legalizePage .lb-btn{width:250px;height:46px;font-size:16px;border-radius:4px} #legalizePage #lb-tobtn{background:#ffd033;color:#333;border:1px solid #ffc400;} #legalizePage .lb-btn:hover{opacity:.7} #legalizePage #wechat-tobtn{border:1px solid #DDD;} .el-message-box__wrapper{overflow-y:auto;} .el-message-box{min-width:400px;} .el-menu--collapse .el-menu-item .el-submenu__icon-arrow, .el-menu--collapse .el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none;} /* 兼容Ie */ @supports (-ms-accelerator:true) { .dashed,.dashed-bottom,.dashed-left,.dashed-right,.dashed-top,.solid,.solid-bottom,.solid-left,.solid-right,.solid-top,.solids,.solids-bottom,.solids-left,.solids-right,.solids-top{ position: relative;}.dashed-bottom::after,.dashed-left::after,.dashed-right::after,.dashed-top::after,.dashed::after,.solid-bottom::after,.solid-left::after,.solid-right::after,.solid-top::after,.solid::after,.solids-bottom::after,.solids-left::after,.solids-right::after,.solids-top::after,.solids::after{content:none;width:200%;height:200%;position:absolute;top:0;left:0;border-radius:inherit;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box} .solid{border:1px solid #eee}.solid-top{border-top:1px solid #eee}.solid-right{border-right:1px solid #eee}.solid-bottom{border-bottom:1px solid #eee}.solid-left{border-left:1px solid #eee}.solids{border:2px solid #F1EFEE}.solids-top{border-top:2px solid #F1EFEE}.solids-right{border-right:2px solid #F1EFEE}.solids-bottom{border-bottom:2px solid #F1EFEE}.solids-left{border-left:2px solid #F1EFEE} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .dashed,.dashed-bottom,.dashed-left,.dashed-right,.dashed-top,.solid,.solid-bottom,.solid-left,.solid-right,.solid-top,.solids,.solids-bottom,.solids-left,.solids-right,.solids-top{ position: relative;}.dashed-bottom::after,.dashed-left::after,.dashed-right::after,.dashed-top::after,.dashed::after,.solid-bottom::after,.solid-left::after,.solid-right::after,.solid-top::after,.solid::after,.solids-bottom::after,.solids-left::after,.solids-right::after,.solids-top::after,.solids::after{content:none;width:200%;height:200%;position:absolute;top:0;left:0;border-radius:inherit;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box} .solid{border:1px solid #eee}.solid-top{border-top:1px solid #eee}.solid-right{border-right:1px solid #eee}.solid-bottom{border-bottom:1px solid #eee}.solid-left{border-left:1px solid #eee}.solids{border:2px solid #F1EFEE}.solids-top{border-top:2px solid #F1EFEE}.solids-right{border-right:2px solid #F1EFEE}.solids-bottom{border-bottom:2px solid #F1EFEE}.solids-left{border-left:2px solid #F1EFEE} } @media (max-width:1366px){ .page_complex .num_price_content { margin-right:4px; } .page_create .num_price_content { margin-right:4px; } } .empty-box{text-align:center;color:#a5a5a5;font-size:14px;line-height:initial;display:flex;justify-content:center;align-items:center;background-color:#fff;animation:show 1s ease;height:0} .empty-box>div{max-width:400px;min-width:120px;min-height:100px;padding-top:110px} @keyframes show{from{opacity:0} to{opacity:1} } .empty-box.noOrder>div{background:url(/Content/img/empty/order.png) no-repeat top center;background-size:auto 100px} .empty-box.noCollection>div{background:url(/Content/img/empty/collection.png) no-repeat top center;background-size:auto 100px} .empty-box.noMessage>div{background:url(/Content/img/empty/message.png) no-repeat top center;background-size:auto 100px} .empty-box.noAddress>div{background:url(/Content/img/empty/address.png) no-repeat top center;background-size:auto 100px} .empty-box.noCart>div{background:url(/Content/img/empty/cart.png) no-repeat top center;background-size:auto 100px} .empty-box.noCoupon>div{background:url(/Content/img/empty/coupons.png) no-repeat top center;background-size:auto 100px} .empty-box.noInvoice>div{background:url(/Content/img/empty/invoice.png) no-repeat top center;background-size:auto 100px} .empty-box.noCertificate>div{background:url(/Content/img/empty/certificate.png) no-repeat top center;background-size:auto 100px} .empty-box.noExpress>div{background:url(/Content/img/empty/express.png) no-repeat top center;background-size:auto 100px} .el-table--enable-row-hover .el-table__body tr:hover>td,.el-upload-list__item:hover{background-color:#fafafa} /*el-message-box 确认按钮样式全局覆盖*/ .el-message-box .el-message-box__btns .el-button--primary{color:#606266;background-color:#fff;border-color:#dcdfe6} .el-message-box .el-message-box__btns .el-button--primary:hover{color:#ffc400;background-color:#fff9e6;border-color:#ffedb3} /*使用customClass:'button-primary' 重定义确认按钮样式*/ .el-message-box.button-primary .el-message-box__btns .el-button--primary { color: #333; background-color: #ffc400; border-color: #ffc400 } .el-message-box.button-primary .el-message-box__btns .el-button--primary:hover { opacity:0.8; } .streamer{position:relative;overflow:hidden} .streamer::before{position:absolute;content:'';top:-50%;left:-50%;width:200%;height:200%;background:-webkit-linear-gradient(45deg,transparent 30%,#fff 35%,transparent 40%);background:linear-gradient(45deg,transparent 30%,#fff 35%,transparent 40%);background-size:200% 100%;animation:Streamer 4s linear infinite;-webkit-animation:Streamer 4s linear infinite;z-index:10} @keyframes Streamer{0%{background-position:100% 0} 40%{background-position:-100% 0} 100%{background-position:-100% 0} } @-webkit-keyframes Streamer{0%{background-position:100% 0} 40%{background-position:-100% 0} 100%{background-position:-100% 0} } .imgicon-tip{position:absolute;top:-72px;left:142px;z-index:10;pointer-events:none;} .amap-sug-result{ z-index:2048; } /*公共 自定义 radio-group 选中样式*/ .custom-radio-group{} .custom-radio-group .el-radio{text-align:center;margin-right:10px;position:relative;display:inline-block} .custom-radio-group .el-radio__input{display:none;} .custom-radio-group .el-radio__label{padding:0 10px;font-size:13px;display:block;} .custom-radio-group .el-radio.is-bordered{margin-left:0!important; margin-bottom:10px;padding:2px;display:flex;align-items:center;justify-content:center;float:left; white-space:normal;} .custom-radio-group .el-radio.is-bordered.is-checked::after{content:'';position:absolute;bottom:0;right:0;display:block;width:0;height:0;border:10px solid;border-color:transparent #ffc400 #ffc400 transparent;z-index:9} .custom-radio-group .el-radio.is-bordered.is-checked::before{content:'';position:absolute;bottom:4px;right:1px;display:block;width:6px;height:3px;border:2px solid;border-color:transparent transparent #fff #fff;z-index:10;transform:rotate(-45deg)} .invoice-upload{ } .invoice-upload .el-upload--picture-card{ } .invoice-upload.hide-add .el-upload--picture-card{ display:none; } .invoice-upload .el-upload-list--picture-card .el-upload-list__item-thumbnail{ object-fit:contain; } .el-notification .el-notification__content{word-break:break-all} .auto-width{width:auto;} .el-badge__content{box-sizing:content-box;} .customMessageBox{overflow:initial} /*动画-上下移动*/ @keyframes moveUpDown { from{ transform:translateY(0) } to{ transform:translateY(10px) } }