/* 未能缩小。正在返回未缩小的内容。
(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)
    }
}
