@charset "utf-8";
/*** 格式化浏览器*/
:root {
    --font-size-default: 10px;
    --line-height-default: 1.5;
    --text-default: #333;
    --color-red: hsl(0, 100%, 50%);
    --color-green: hsl(168, 100%, 28%);
    --color-yellow: hsl(24, 100%, 50%);
    --color-blue: hsl(211, 100%, 50%);
    --color-white: hsl(0, 0%, 100%);
}
*, *::before, *::after {
    box-sizing: border-box;
    word-wrap: break-word;
}
html {
    font-size: var(--font-size-default, 10px);
    font-family: sans-serif;
    line-height: var(--line-height-default, 1.6);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body, button, input, select, td, textarea, th {
    color: var(--text-default);
    font: 400 1.5rem -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
    font-variant-numeric: tabular-nums lining-nums;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: 'tnum';
    line-height: var(--line-height-default);
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, figure, fieldset, legend, textarea, pre {
    margin: 0;
    padding: 0;
}
address, caption, cite, code, dfn, em, th, var, button, input, optgroup, option, select, textarea {
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
}
button, input {
    overflow: visible;
    outline: 0;
}
/* 链接和图片 */
a, area {
    color: var(--text-default);
    text-decoration: none;
    cursor: pointer;
    display: inherit;

    &:hover, &:focus, &:active {
        outline: 0;
        text-decoration: none;
    }
}
img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
sub, sup {
    vertical-align: baseline;
}
/* 语义元素 */
address, article, aside, details, figcaption, figure, footer, header, hgroup, legend, menu, nav, section {
    display: block;
    margin: 0;
    padding: 0;
}
time {
    display: inline;
}
audio, canvas, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
}
svg:not(:root) {
    overflow: hidden;
}
fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #dfdfdf;
}
legend {
    font-size: 32px;
    line-height: 2;
    padding: 0 20px;

    small {
        font-size: 15px;
        color: #999;
    }
}
/* 表单元素优化 */
input:focus {
    border: 1px solid #32A5F7;
    box-shadow: none;
    z-index: 9999;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto;
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box;

    &::-webkit-search-cancel-button,
    &::-webkit-search-decoration {
        -webkit-appearance: none;
    }
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
/* 标题和文本 */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    color: var(--text-default);
    font-weight: 500;
}
p {
    margin-top: 0;
    margin-bottom: 20px;
}
small {
    font-size: 80%;
}
/* 列表元素 */
dl, ol, ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
/* 按钮优化 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*更改鼠标手势*/
.ery-click,.ery-pointer,.im-icon{cursor:pointer}
/*  文字反色 */
.ery-text-reverse,.ery-text-reverse a,.ery-text-reverse a:hover,.ery-text-reverse h1,.ery-text-reverse h2,.ery-text-reverse h3,.ery-text-reverse h4,.ery-text-reverse h5,.ery-text-reverse h6,.ery-text-reverse a:hover{color: var(--color-white,hsl(0,0%,100%)) !important;}
/*  浮动  */
.ery-pos-r{position: relative;}
.ery-pos-f,.ery-extra{position: fixed;}
.ery-pos-a{position: absolute;}
/*    *   默认为横向正向排列    *   平均分布    *   自动换行 */
.ery-fex, .ery-fex-c, .ery-fex-l, .ery-fex-r, .ery-fex-a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap:wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
/* 主轴对齐方式 */
.ery-fex-l {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.ery-fex {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.ery-fex-c {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.ery-fex-r {-webkit-box-pack: end !important;-webkit-justify-content: flex-end !important;-ms-flex-pack: end !important;justify-content: flex-end !important;}
.ery-fex-a {-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 多线轴对齐 */
.ery-fex-contc {-webkit-align-content: center !important;-ms-flex-line-pack: center !important;align-content: center !important;}
.ery-fex-contr {-webkit-align-content: flex-start !important;-ms-flex-line-pack: start !important;align-content: flex-start !important;}
.ery-fex-contsb {-webkit-align-content: space-between !important;-ms-flex-line-pack: justify !important;align-content: space-between !important;}
.ery-fex-contsa {-webkit-align-content: space-around !important;-ms-flex-line-pack: distribute !important;align-content: space-around !important;}
/* 交叉轴对齐 */
.ery-fex-itemst {-webkit-box-align: start;-webkit-align-items: flex-start !important;-ms-flex-align: start;align-items: flex-start !important;}
.ery-fex-itemsc {-webkit-box-align: center;-webkit-align-items: center !important;-ms-flex-align: center;align-items: center !important;}
.ery-fex-itemsb {-webkit-box-align: end;-webkit-align-items: flex-end !important;-ms-flex-align: end;align-items: flex-end !important;}
.ery-fex-itemsl {-webkit-align-items: baseline !important;align-items: baseline !important;}
/* 方向控制 */
.ery-fex-column {-webkit-flex-direction: column !important;-ms-flex-direction: column !important;flex-direction: column !important;}
.ery-fexre-row {-webkit-flex-direction: row-reverse !important;-ms-flex-direction: row-reverse !important;flex-direction: row-reverse !important;}
.ery-fexre-column {-webkit-flex-direction: column-reverse !important;-ms-flex-direction: column-reverse !important;flex-direction: column-reverse !important;}
/* 换行控制 */
.ery-fex-nowrap {-webkit-flex-wrap: nowrap !important;-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important;}
.ery-fex-rewrap {-webkit-flex-wrap: wrap-reverse !important;-ms-flex-wrap: wrap-reverse !important;flex-wrap: wrap-reverse !important;}
/* 流方向组合 */
.ery-flex-rno {-webkit-flex-flow: row nowrap !important;flex-flow: row nowrap !important;}
.ery-flex-cno {-webkit-flex-flow: column nowrap !important;flex-flow: column nowrap !important;}
.ery-flex-rrw {-webkit-flex-flow: row-reverse wrap-reverse !important;flex-flow: row-reverse wrap-reverse !important;}
.ery-flex-crw {-webkit-flex-flow: column wrap-reverse !important;flex-flow: column wrap-reverse !important;}

/*栅格*/
.ery-cont,.ery-no-cont{
    width: 95%;
    margin: 0 auto;
}
[class*="ery-x"],.layout {
    width: 100%;
}
.ery-hidden {
    display: none !important;
}
.ery-show {
    display: block !important;
}

.ery-x1{
    width:8.33333333%;
}
.ery-x2{
    width:16.66666666%;
}
.ery-x3{
    width:25%;
}
.ery-x4{
    width:33.33333333%;
}
.ery-x5{
    width:41.66666666%;
}
.ery-x6{
    width:50%;
}
.ery-x7{
    width:58.33333333%;
}
.ery-x8{
    width:66.66666666%;
}
.ery-x9{
    width:75%;
}
.ery-x10{
    width:83.33333333%;
}
.ery-x11{
    width:91.66666666%;
}
.ery-x12{
    width:100%;
}
/* 响应式断点 - 从小到大 */
@media (min-width: 365px) {
    .ery-cont {width: 95%;}
    .ery-xl1 { width: 8.33333333%; }
    .ery-xl2 { width: 16.66666666%; }
    .ery-xl3 { width: 25%; }
    .ery-xl4 { width: 33.33333333%; }
    .ery-xl5 { width: 41.66666666%; }
    .ery-xl6 { width: 50%; }
    .ery-xl7 { width: 58.33333333%; }
    .ery-xl8 { width: 66.66666666%; }
    .ery-xl9 { width: 75%; }
    .ery-xl10 { width: 83.33333333%; }
    .ery-xl11 { width: 91.66666666%; }
    .ery-xl12 { width: 100%; }
    .ery-hidden-l { display: none !important; }
    .ery-show-l { display: block !important; }
}

@media (min-width: 769px) {
    .ery-xs1 { width: 8.33333333%; }
    .ery-xs2 { width: 16.66666666%; }
    .ery-xs3 { width: 25%; }
    .ery-xs4 { width: 33.33333333%; }
    .ery-xs5 { width: 41.66666666%; }
    .ery-xs6 { width: 50%; }
    .ery-xs7 { width: 58.33333333%; }
    .ery-xs8 { width: 66.66666666%; }
    .ery-xs9 { width: 75%; }
    .ery-xs10 { width: 83.33333333%; }
    .ery-xs11 { width: 91.66666666%; }
    .ery-xs12 { width: 100%; }
    .ery-hidden-s { display: none !important; }
    .ery-show-s { display: block !important; }
}

@media (min-width: 1025px) {
    .ery-cont {width: 960px;}
    .ery-xm1 { width: 8.33333333%; }
    .ery-xm2 { width: 16.66666666%; }
    .ery-xm3 { width: 25%; }
    .ery-xm4 { width: 33.33333333%; }
    .ery-xm5 { width: 41.66666666%; }
    .ery-xm6 { width: 50%; }
    .ery-xm7 { width: 58.33333333%; }
    .ery-xm8 { width: 66.66666666%; }
    .ery-xm9 { width: 75%; }
    .ery-xm10 { width: 83.33333333%; }
    .ery-xm11 { width: 91.66666666%; }
    .ery-xm12 { width: 100%; }
    .ery-hidden-m { display: none !important; }
    .ery-show-m { display: block !important; }
}

@media (min-width: 1401px) {
    .ery-cont {width: 1300px;}
    .ery-xb1 { width: 8.33333333%; }
    .ery-xb2 { width: 16.66666666%; }
    .ery-xb3 { width: 25%; }
    .ery-xb4 { width: 33.33333333%; }
    .ery-xb5 { width: 41.66666666%; }
    .ery-xb6 { width: 50%; }
    .ery-xb7 { width: 58.33333333%; }
    .ery-xb8 { width: 66.66666666%; }
    .ery-xb9 { width: 75%; }
    .ery-xb10 { width: 83.33333333%; }
    .ery-xb11 { width: 91.66666666%; }
    .ery-xb12 { width: 100%; }
    .ery-hidden-b { display: none !important; }
    .ery-show-b { display: block !important; }
}

/*文字颜色*/
.ery-text-black{color: var(--text-default) !important;}
.ery-text-white{color: var(--color-white,hsl(0,0%,100%)) !important;}
.ery-text-red{color: var(--color-red,hsl(0,100%,50%)) !important;}
.ery-text-green{color: var(--color-green,hsl(168,100%,28%)) !important;}
.ery-text-yellow{color: var(--color-yellow,hsl(24,100%,50%)) !important;}
.ery-text-blue{color: var(--color-blue,hsl(211,100%,50%)) !important;}

.ery-text-green-1{color: hsl(168,100%,89%) !important;}
.ery-text-green-2{color: hsl(168,100%,82%) !important;}
.ery-text-green-3{color: hsl(168,100%,74%) !important;}
.ery-text-green-4{color: hsl(168,100%,66%) !important;}
.ery-text-green-5{color: hsl(168,100%,59%) !important;}
.ery-text-green-6{color: hsl(168,100%,51%) !important;}
.ery-text-green-7{color: hsl(168,100%,43%) !important;}
.ery-text-green-8{color: hsl(168,100%,35%) !important;}
.ery-text-green-9{color: hsl(168,100%,20%) !important;}
.ery-text-yellow-1{color: hsl(24,100%,89%) !important;}
.ery-text-yellow-2{color: hsl(24,100%,83%) !important;}
.ery-text-yellow-3{color: hsl(24,100%,76%) !important;}
.ery-text-yellow-4{color: hsl(24,100%,70%) !important;}
.ery-text-yellow-5{color: hsl(24,100%,63%) !important;}
.ery-text-yellow-6{color: hsl(24,100%,56%) !important;}
.ery-text-yellow-7{color: hsl(24,100%,43%) !important;}
.ery-text-yellow-8{color: hsl(24,100%,37%) !important;}
.ery-text-yellow-9{color: hsl(24,100%,30%) !important;}
.ery-text-blue-1{color: hsl(211,100%,89%) !important;}
.ery-text-blue-2{color: hsl(211,100%,83%) !important;}
.ery-text-blue-3{color: hsl(211,100%,76%) !important;}
.ery-text-blue-4{color: hsl(211,100%,70%) !important;}
.ery-text-blue-5{color: hsl(211,100%,63%) !important;}
.ery-text-blue-6{color: hsl(211,100%,56%) !important;}
.ery-text-blue-7{color: hsl(211,100%,43%) !important;}
.ery-text-blue-8{color: hsl(211,100%,37%) !important;}
.ery-text-blue-9{color: hsl(211,100%,30%) !important;}
.ery-text-red-1{color: hsl(0,100%,89%) !important;}
.ery-text-red-2{color: hsl(0,100%,83%) !important;}
.ery-text-red-3{color: hsl(0,100%,76%) !important;}
.ery-text-red-4{color: hsl(0,100%,70%) !important;}
.ery-text-red-5{color: hsl(0,100%,63%) !important;}
.ery-text-red-6{color: hsl(0,100%,56%) !important;}
.ery-text-red-7{color: hsl(0,100%,43%) !important;}
.ery-text-red-8{color: hsl(0,100%,37%) !important;}
.ery-text-red-9{color: hsl(0,100%,30%) !important;}
.ery-text-white-1{color: hsl(0,0%,97%) !important;}
.ery-text-white-2{color: hsl(0,0%,94%) !important;}
.ery-text-white-3{color: hsl(0,0%,91%) !important;}
.ery-text-white-4{color: hsl(0,0%,88%) !important;}
.ery-text-white-5{color: hsl(0,0%,85%) !important;}
.ery-text-white-6{color: hsl(0,0%,82%) !important;}
.ery-text-white-7{color: hsl(0,0%,79%) !important;}
.ery-text-white-8{color: hsl(0,0%,76%) !important;}
.ery-text-white-9{color: hsl(0,0%,73%) !important;}
.ery-text-black-1{color: hsl(0,0%,70%) !important;}
.ery-text-black-2{color: hsl(0,0%,64%) !important;}
.ery-text-black-3{color: hsl(0,0%,58%) !important;}
.ery-text-black-4{color: hsl(0,0%,53%) !important;}
.ery-text-black-5{color: hsl(0,0%,47%) !important;}
.ery-text-black-6{color: hsl(0,0%,42%) !important;}
.ery-text-black-7{color: hsl(0,0%,36%) !important;}
.ery-text-black-8{color: hsl(0,0%,31%) !important;}
.ery-text-black-9{color: hsl(0,0%,25%) !important;}

/*文字大小*/
.ery-text-f14{font-size: 1.4rem !important;}
.ery-text-f12{font-size: 1.2rem !important;}
.ery-text-f16{font-size: 1.6rem !important;}
.ery-text-f18{font-size: 1.8rem !important;}
.ery-text-f20{font-size: 2rem !important;}
.ery-text-f24{font-size: 2.4rem !important;}
.ery-text-f26{font-size: 2.6rem !important;}
.ery-text-f30{font-size: 3rem !important;}
.ery-text-f32{font-size: 3.2rem !important;}
.ery-text-f36{font-size: 3.6rem !important;}
.ery-text-fsmall{font-size: 80% !important;}
.ery-text-fbig{font-size: 125% !important;}
/*文字行距*/
.ery-text-lh{line-height: 2 !important;}
.ery-text-lhbig{line-height: 2.4 !important;}
.ery-text-lhno{line-height: 1 !important;}
/*  文字对齐 */
.ery-text-left{text-align: left !important;}
.ery-text-center{text-align: center !important;}
.ery-text-right{text-align: right !important;}
/*  外边距 */
.ery-mag-a{margin:0 auto;}
.ery-mag-a5{margin:5px !important;}
.ery-mag-a10{margin:10px !important;}
.ery-mag-a15{margin:15px !important;}
.ery-mag-a20{margin:20px !important;}
.ery-mag-a25{margin:25px !important;}
.ery-mag-a30{margin:30px !important;}
.ery-mag-a35{margin:35px !important;}
.ery-mag-a40{margin:40px !important;}
.ery-mag-a45{margin:45px !important;}
.ery-mag-a50{margin:50px !important;}
.ery-mag-t5{margin-top:5px !important;}
.ery-mag-t10{margin-top:10px !important;}
.ery-mag-t15{margin-top:15px !important;}
.ery-mag-t20{margin-top:20px !important;}
.ery-mag-t25{margin-top:25px !important;}
.ery-mag-t30{margin-top:30px !important;}
.ery-mag-t35{margin-top:35px !important;}
.ery-mag-t40{margin-top:40px !important;}
.ery-mag-t45{margin-top:45px !important;}
.ery-mag-t50{margin-top:50px !important;}
.ery-mag-b5{margin-bottom:5px !important;}
.ery-mag-b10{margin-bottom:10px !important;}
.ery-mag-b15{margin-bottom:15px !important;}
.ery-mag-b20{margin-bottom:20px !important;}
.ery-mag-b25{margin-bottom:25px !important;}
.ery-mag-b30{margin-bottom:30px !important;}
.ery-mag-b35{margin-bottom:35px !important;}
.ery-mag-b40{margin-bottom:40px !important;}
.ery-mag-b45{margin-bottom:45px !important;}
.ery-mag-b50{margin-bottom:50px !important;}
.ery-mag-l5{margin-left:5px !important;}
.ery-mag-l10{margin-left:10px !important;}
.ery-mag-l15{margin-left:15px !important;}
.ery-mag-l20{margin-left:20px !important;}
.ery-mag-l25{margin-left:25px !important;}
.ery-mag-l30{margin-left:30px !important;}
.ery-mag-l35{margin-left:35px !important;}
.ery-mag-l40{margin-left:40px !important;}
.ery-mag-l45{margin-left:45px !important;}
.ery-mag-l50{margin-left:50px !important;}
.ery-mag-r5{margin-right:5px !important;}
.ery-mag-r10{margin-right:10px !important;}
.ery-mag-r15{margin-right:15px !important;}
.ery-mag-r20{margin-right:20px !important;}
.ery-mag-r25{margin-right:25px !important;}
.ery-mag-r30{margin-right:30px !important;}
.ery-mag-r35{margin-right:35px !important;}
.ery-mag-r40{margin-right:40px !important;}
.ery-mag-r45{margin-right:45px !important;}
.ery-mag-r50{margin-right:50px !important;}
.ery-mag-tb5{margin-top:5px !important;margin-bottom: 5px !important;}
.ery-mag-tb10{margin-top:10px !important;margin-bottom: 10px !important;}
.ery-mag-tb15{margin-top:15px !important;margin-bottom: 15px !important;}
.ery-mag-tb20{margin-top:20px !important;margin-bottom: 20px !important;}
.ery-mag-tb25{margin-top:25px !important;margin-bottom: 25px !important;}
.ery-mag-tb30{margin-top:30px !important;margin-bottom: 30px !important;}
.ery-mag-tb35{margin-top:35px !important;margin-bottom: 35px !important;}
.ery-mag-tb40{margin-top:40px !important;margin-bottom: 40px !important;}
.ery-mag-tb45{margin-top:45px !important;margin-bottom: 45px !important;}
.ery-mag-tb50{margin-top:50px !important;margin-bottom: 50px !important;}
.ery-mag-lr5{margin-left:5px !important;margin-right: 5px !important;}
.ery-mag-lr10{margin-left:10px !important;margin-right: 10px !important;}
.ery-mag-lr15{margin-left:15px !important;margin-right: 15px !important;}
.ery-mag-lr20{margin-left:20px !important;margin-right: 20px !important;}
.ery-mag-lr25{margin-left:25px !important;margin-right: 25px !important;}
.ery-mag-lr30{margin-left:30px !important;margin-right: 30px !important;}
.ery-mag-lr35{margin-left:35px !important;margin-right: 35px !important;}
.ery-mag-lr40{margin-left:40px !important;margin-right: 40px !important;}
.ery-mag-lr45{margin-left:45px !important;margin-right: 45px !important;}
.ery-mag-lr50{margin-left:50px !important;margin-right: 50px !important;}

/*内边距*/
.ery-pad-a{padding:0!important;}
.ery-pad-a5{padding:5px !important;}
.ery-pad-a10{padding:10px !important;}
.ery-pad-a15{padding:15px !important;}
.ery-pad-a20{padding:20px !important;}
.ery-pad-a25{padding:25px !important;}
.ery-pad-a30{padding:30px !important;}
.ery-pad-a35{padding:35px !important;}
.ery-pad-a40{padding:40px !important;}
.ery-pad-a45{padding:45px !important;}
.ery-pad-a50{padding:50px !important;}
.ery-pad-t5{padding-top:5px !important;}
.ery-pad-t10{padding-top:10px !important;}
.ery-pad-t15{padding-top:15px !important;}
.ery-pad-t20{padding-top:20px !important;}
.ery-pad-t25{padding-top:25px !important;}
.ery-pad-t30{padding-top:30px !important;}
.ery-pad-t35{padding-top:35px !important;}
.ery-pad-t40{padding-top:40px !important;}
.ery-pad-t45{padding-top:45px !important;}
.ery-pad-t50{padding-top:50px !important;}
.ery-pad-b5{padding-bottom:5px !important;}
.ery-pad-b10{padding-bottom:10px !important;}
.ery-pad-b15{padding-bottom:15px !important;}
.ery-pad-b20{padding-bottom:20px !important;}
.ery-pad-b25{padding-bottom:25px !important;}
.ery-pad-b30{padding-bottom:30px !important;}
.ery-pad-b35{padding-bottom:35px !important;}
.ery-pad-b40{padding-bottom:40px !important;}
.ery-pad-b45{padding-bottom:45px !important;}
.ery-pad-b50{padding-bottom:50px !important;}
.ery-pad-l5{padding-left:5px !important;}
.ery-pad-l10{padding-left:10px !important;}
.ery-pad-l15{padding-left:15px !important;}
.ery-pad-l20{padding-left:20px !important;}
.ery-pad-l25{padding-left:25px !important;}
.ery-pad-l30{padding-left:30px !important;}
.ery-pad-l35{padding-left:35px !important;}
.ery-pad-l40{padding-left:40px !important;}
.ery-pad-l45{padding-left:45px !important;}
.ery-pad-l50{padding-left:50px !important;}
.ery-pad-r5{padding-right:5px !important;}
.ery-pad-r10{padding-right:10px !important;}
.ery-pad-r15{padding-right:15px !important;}
.ery-pad-r20{padding-right:20px !important;}
.ery-pad-r25{padding-right:25px !important;}
.ery-pad-r30{padding-right:30px !important;}
.ery-pad-r35{padding-right:35px !important;}
.ery-pad-r40{padding-right:40px !important;}
.ery-pad-r45{padding-right:45px !important;}
.ery-pad-r50{padding-right:50px !important;}
.ery-pad-tb5{padding-top:5px !important; padding-bottom: 5px !important;}
.ery-pad-tb10{padding-top:10px !important; padding-bottom: 10px !important;}
.ery-pad-tb15{padding-top:15px !important; padding-bottom: 15px !important;}
.ery-pad-tb20{padding-top:20px !important; padding-bottom: 20px !important;}
.ery-pad-tb25{padding-top:25px !important; padding-bottom: 25px !important;}
.ery-pad-tb30{padding-top:30px !important; padding-bottom: 30px !important;}
.ery-pad-tb35{padding-top:35px !important; padding-bottom: 35px !important;}
.ery-pad-tb40{padding-top:40px !important; padding-bottom: 40px !important;}
.ery-pad-tb45{padding-top:45px !important; padding-bottom: 45px !important;}
.ery-pad-tb50{padding-top:50px !important; padding-bottom: 50px !important;}
.ery-pad-lr5{padding-left:5px !important; padding-right: 5px !important;}
.ery-pad-lr10{padding-left:10px !important; padding-right: 10px !important;}
.ery-pad-lr15{padding-left:15px !important; padding-right: 15px !important;}
.ery-pad-lr20{padding-left:20px !important; padding-right: 20px !important;}
.ery-pad-lr25{padding-left:25px !important; padding-right: 25px !important;}
.ery-pad-lr30{padding-left:30px !important; padding-right: 30px !important;}
.ery-pad-lr35{padding-left:35px !important; padding-right: 35px !important;}
.ery-pad-lr40{padding-left:40px !important; padding-right: 40px !important;}
.ery-pad-lr45{padding-left:45px !important; padding-right: 45px !important;}
.ery-pad-lr50{padding-left:50px !important; padding-right: 50px !important;}

/*边框颜色*/
.ery-bor{border:1px solid var(--text-default) !important}
.ery-bortop{border-top:1px solid var(--text-default) !important}
.ery-borbottom{border-bottom:1px solid var(--text-default) !important}
.ery-borleft{border-left:1px solid var(--text-default) !important}
.ery-borright{border-right:1px solid var(--text-default) !important}

.ery-bor-black{border-color: var(--text-default) !important;}
.ery-bor-white{border-color: var(--color-white,hsl(0,0%,100%)) !important;}
.ery-bor-red{border-color: var(--color-red,hsl(0,100%,50%)) !important;}
.ery-bor-green{border-color: var(--color-green,hsl(168,100%,28%)) !important;}
.ery-bor-yellow{border-color: var(--color-yellow,hsl(24,100%,50%)) !important;}
.ery-bor-blue{border-color: var(--color-blue,hsl(211,100%,50%)) !important;}
.ery-bor-green-1{border-color: hsl(168,100%,89%) !important;}
.ery-bor-green-2{border-color: hsl(168,100%,82%) !important;}
.ery-bor-green-3{border-color: hsl(168,100%,74%) !important;}
.ery-bor-green-4{border-color: hsl(168,100%,66%) !important;}
.ery-bor-green-5{border-color: hsl(168,100%,59%) !important;}
.ery-bor-green-6{border-color: hsl(168,100%,51%) !important;}
.ery-bor-green-7{border-color: hsl(168,100%,43%) !important;}
.ery-bor-green-8{border-color: hsl(168,100%,35%) !important;}
.ery-bor-green-9{border-color: hsl(168,100%,20%) !important;}
.ery-bor-yellow-1{border-color: hsl(24,100%,89%) !important;}
.ery-bor-yellow-2{border-color: hsl(24,100%,83%) !important;}
.ery-bor-yellow-3{border-color: hsl(24,100%,76%) !important;}
.ery-bor-yellow-4{border-color: hsl(24,100%,70%) !important;}
.ery-bor-yellow-5{border-color: hsl(24,100%,63%) !important;}
.ery-bor-yellow-6{border-color: hsl(24,100%,56%) !important;}
.ery-bor-yellow-7{border-color: hsl(24,100%,43%) !important;}
.ery-bor-yellow-8{border-color: hsl(24,100%,37%) !important;}
.ery-bor-yellow-9{border-color: hsl(24,100%,30%) !important;}
.ery-bor-blue-1{border-color: hsl(211,100%,89%) !important;}
.ery-bor-blue-2{border-color: hsl(211,100%,83%) !important;}
.ery-bor-blue-3{border-color: hsl(211,100%,76%) !important;}
.ery-bor-blue-4{border-color: hsl(211,100%,70%) !important;}
.ery-bor-blue-5{border-color: hsl(211,100%,63%) !important;}
.ery-bor-blue-6{border-color: hsl(211,100%,56%) !important;}
.ery-bor-blue-7{border-color: hsl(211,100%,43%) !important;}
.ery-bor-blue-8{border-color: hsl(211,100%,37%) !important;}
.ery-bor-blue-9{border-color: hsl(211,100%,30%) !important;}
.ery-bor-red-1{border-color: hsl(0,100%,89%) !important;}
.ery-bor-red-2{border-color: hsl(0,100%,83%) !important;}
.ery-bor-red-3{border-color: hsl(0,100%,76%) !important;}
.ery-bor-red-4{border-color: hsl(0,100%,70%) !important;}
.ery-bor-red-5{border-color: hsl(0,100%,63%) !important;}
.ery-bor-red-6{border-color: hsl(0,100%,56%) !important;}
.ery-bor-red-7{border-color: hsl(0,100%,43%) !important;}
.ery-bor-red-8{border-color: hsl(0,100%,37%) !important;}
.ery-bor-red-9{border-color: hsl(0,100%,30%) !important;}
.ery-bor-white-1{border-color: hsl(0,0%,97%) !important;}
.ery-bor-white-2{border-color: hsl(0,0%,94%) !important;}
.ery-bor-white-3{border-color: hsl(0,0%,91%) !important;}
.ery-bor-white-4{border-color: hsl(0,0%,88%) !important;}
.ery-bor-white-5{border-color: hsl(0,0%,85%) !important;}
.ery-bor-white-6{border-color: hsl(0,0%,82%) !important;}
.ery-bor-white-7{border-color: hsl(0,0%,79%) !important;}
.ery-bor-white-8{border-color: hsl(0,0%,76%) !important;}
.ery-bor-white-9{border-color: hsl(0,0%,73%) !important;}
.ery-bor-black-1{border-color: hsl(0,0%,70%) !important;}
.ery-bor-black-2{border-color: hsl(0,0%,64%) !important;}
.ery-bor-black-3{border-color: hsl(0,0%,58%) !important;}
.ery-bor-black-4{border-color: hsl(0,0%,53%) !important;}
.ery-bor-black-5{border-color: hsl(0,0%,47%) !important;}
.ery-bor-black-6{border-color: hsl(0,0%,42%) !important;}
.ery-bor-black-7{border-color: hsl(0,0%,36%) !important;}
.ery-bor-black-8{border-color: hsl(0,0%,31%) !important;}
.ery-bor-black-9{border-color: hsl(0,0%,25%) !important;}
.ery-bor-ra{border-radius: 5px}
/*背景颜色*/
.ery-bg-black{background-color: var(--text-default) !important;}
.ery-bg-white{background-color: var(--color-white,hsl(0,0%,100%)) !important;}
.ery-bg-red{background-color: var(--color-red,hsl(0,100%,50%)) !important;}
.ery-bg-green{background-color: var(--color-green,hsl(168,100%,28%)) !important;}
.ery-bg-yellow{background-color: var(--color-yellow,hsl(24,100%,50%)) !important;}
.ery-bg-blue{background-color: var(--color-blue,hsl(211,100%,50%)) !important;}

.ery-bg-green-1{background-color: hsl(168,100%,89%) !important;}
.ery-bg-green-2{background-color: hsl(168,100%,82%) !important;}
.ery-bg-green-3{background-color: hsl(168,100%,74%) !important;}
.ery-bg-green-4{background-color: hsl(168,100%,66%) !important;}
.ery-bg-green-5{background-color: hsl(168,100%,59%) !important;}
.ery-bg-green-6{background-color: hsl(168,100%,51%) !important;}
.ery-bg-green-7{background-color: hsl(168,100%,43%) !important;}
.ery-bg-green-8{background-color: hsl(168,100%,35%) !important;}
.ery-bg-green-9{background-color: hsl(168,100%,20%) !important;}
.ery-bg-yellow-1{background-color: hsl(24,100%,89%) !important;}
.ery-bg-yellow-2{background-color: hsl(24,100%,83%) !important;}
.ery-bg-yellow-3{background-color: hsl(24,100%,76%) !important;}
.ery-bg-yellow-4{background-color: hsl(24,100%,70%) !important;}
.ery-bg-yellow-5{background-color: hsl(24,100%,63%) !important;}
.ery-bg-yellow-6{background-color: hsl(24,100%,56%) !important;}
.ery-bg-yellow-7{background-color: hsl(24,100%,43%) !important;}
.ery-bg-yellow-8{background-color: hsl(24,100%,37%) !important;}
.ery-bg-yellow-9{background-color: hsl(24,100%,30%) !important;}
.ery-bg-blue-1{background-color: hsl(211,100%,89%) !important;}
.ery-bg-blue-2{background-color: hsl(211,100%,83%) !important;}
.ery-bg-blue-3{background-color: hsl(211,100%,76%) !important;}
.ery-bg-blue-4{background-color: hsl(211,100%,70%) !important;}
.ery-bg-blue-5{background-color: hsl(211,100%,63%) !important;}
.ery-bg-blue-6{background-color: hsl(211,100%,56%) !important;}
.ery-bg-blue-7{background-color: hsl(211,100%,43%) !important;}
.ery-bg-blue-8{background-color: hsl(211,100%,37%) !important;}
.ery-bg-blue-9{background-color: hsl(211,100%,30%) !important;}
.ery-bg-red-1{background-color: hsl(0,100%,89%) !important;}
.ery-bg-red-2{background-color: hsl(0,100%,83%) !important;}
.ery-bg-red-3{background-color: hsl(0,100%,76%) !important;}
.ery-bg-red-4{background-color: hsl(0,100%,70%) !important;}
.ery-bg-red-5{background-color: hsl(0,100%,63%) !important;}
.ery-bg-red-6{background-color: hsl(0,100%,56%) !important;}
.ery-bg-red-7{background-color: hsl(0,100%,43%) !important;}
.ery-bg-red-8{background-color: hsl(0,100%,37%) !important;}
.ery-bg-red-9{background-color: hsl(0,100%,30%) !important;}
.ery-bg-white-1{background-color: hsl(0,0%,97%) !important;}
.ery-bg-white-2{background-color: hsl(0,0%,94%) !important;}
.ery-bg-white-3{background-color: hsl(0,0%,91%) !important;}
.ery-bg-white-4{background-color: hsl(0,0%,88%) !important;}
.ery-bg-white-5{background-color: hsl(0,0%,85%) !important;}
.ery-bg-white-6{background-color: hsl(0,0%,82%) !important;}
.ery-bg-white-7{background-color: hsl(0,0%,79%) !important;}
.ery-bg-white-8{background-color: hsl(0,0%,76%) !important;}
.ery-bg-white-9{background-color: hsl(0,0%,73%) !important;}
.ery-bg-black-1{background-color: hsl(0,0%,70%) !important;}
.ery-bg-black-2{background-color: hsl(0,0%,64%) !important;}
.ery-bg-black-3{background-color: hsl(0,0%,58%) !important;}
.ery-bg-black-4{background-color: hsl(0,0%,53%) !important;}
.ery-bg-black-5{background-color: hsl(0,0%,47%) !important;}
.ery-bg-black-6{background-color: hsl(0,0%,42%) !important;}
.ery-bg-black-7{background-color: hsl(0,0%,36%) !important;}
.ery-bg-black-8{background-color: hsl(0,0%,31%) !important;}
.ery-bg-black-9{background-color: hsl(0,0%,25%) !important;}

/*  背景图片自适应   */
.ery-upload-box {
    width: 80px;
}
.ery-upload-delicon{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: rgba(255,255,255,.3);
    color: var(--color-red,hsl(0,100%,50%));
    border-radius: 10px 0 0 0;
    text-align: center;
    line-height: 20px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
}
.ery-bg-imgbox{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.ery-bg-img,.ery-bg-img-w,.ery-bg-img-h,.ery-bg-img-s{
    position: absolute;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.ery-bg-img-w{background-size: 100% auto;}
.ery-bg-img-h{background-size: auto 100%;}
.ery-bg-img-s{background-size: 100% 100%;}
.ery-bg-imgradius,.ery-bg-imgradius .ery-bg-img,.ery-bg-imgradius .ery-bg-img-w,.ery-bg-imgradius .ery-bg-img-h,.ery-bg-imgradius .ery-bg-img-s{
    border-radius: 100%
}
.ery-bg-imgsmallbr,.ery-bg-imgsmallbr .ery-bg-img,.ery-bg-imgsmallbr .ery-bg-img-w,.ery-bg-imgsmallbr .ery-bg-img-h,.ery-bg-imgsmallbr .ery-bg-img-s{
    border-radius: 2px
}
.ery-bg-imgbr,.ery-bg-imgbr .ery-bg-img,.ery-bg-imgbr .ery-bg-img-w,.ery-bg-imgbr .ery-bg-img-h,.ery-bg-imgbr .ery-bg-img-s{
    border-radius: 6px
}
.ery-bg-imgbigbr,.ery-bg-imgbigbr .ery-bg-img,.ery-bg-imgbigbr .ery-bg-img-w,.ery-bg-imgbigbr .ery-bg-img-h,.ery-bg-imgbigbr .ery-bg-img-s{
    border-radius: 10px
}
/*  图片自适应 */
.ery-img-responsive,.ery-img-radius,.ery-img-br,.ery-img-smallbr,.ery-img-bigbr{width:auto;height:auto;max-width:100%;max-height:100%}
.ery-img-radius,.ery-bor-raall{border-radius: 100%}
.ery-img-br,.ery-bor-ra{border-radius: 6px}
.ery-img-smallbr,.ery-bor-rasmall{border-radius: 2px}
.ery-img-bigbr,.ery-bor-rabig{border-radius: 10px}
/*  按钮  */
.ery-button,.ery-button-s,.ery-button-l,.ery-button-b{border:solid 1px #ddd;background:#dedede;font-size: 1.4rem;padding:4px 15px;margin:0;cursor:pointer;text-align:center;white-space: nowrap;display:inline-block;line-height:28px !important;transition:all .5s cubic-bezier(.175,.885,.32,1) 0s}
.ery-button[disabled],.ery-button-s[disabled],.ery-button-l[disabled],.ery-button-b[disabled]{pointer-events:none;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;filter:alpha(opacity=50);opacity:.5}
.ery-button:active,.ery-button-s:active,.ery-button-l:active,.ery-button-b:active{background-image:none;outline:0;transition:all .3s cubic-bezier(.175,.885,.32,1) 0s}
.ery-button:hover,.ery-button-s:hover,.ery-button-l:hover,.ery-button-b:hover{transition:all .3s cubic-bezier(.175,.885,.32,1) 0s}
.ery-button-l{padding:0 5px !important;font-size: 1.2rem !important;line-height: 20px !important;}
.ery-button-s{padding:0 10px !important; line-height: 2.4rem !important;}
.ery-button-b{padding:8px 15px !important;font-size: 1.8rem !important;}

.ery-button.ery-bg-black,.ery-button.ery-bg-red,.ery-button.ery-bg-green,.ery-button.ery-bg-yellow,.ery-button.ery-bg-blue,.ery-button-s.ery-bg-black,.ery-button-s.ery-bg-red,.ery-button-s.ery-bg-green,.ery-button-s.ery-bg-yellow,.ery-button-s.ery-bg-blue,.ery-button-l.ery-bg-black,.ery-button-l.ery-bg-red,.ery-button-l.ery-bg-green,.ery-button-l.ery-bg-yellow,.ery-button-l.ery-bg-blue,.ery-button-b.ery-bg-black,.ery-button-b.ery-bg-red,.ery-button-b.ery-bg-green,.ery-button-b.ery-bg-yellow,.ery-button-b.ery-bg-blue,.ery-button.ery-bor-black:hover,.ery-button-l.ery-bor-black:hover,.ery-button-s.ery-bor-black:hover,.ery-button-b.ery-bor-black:hover,.ery-button.ery-bor-red:hover,.ery-button-l.ery-bor-red:hover,.ery-button-s.ery-bor-red:hover,.ery-button-b.ery-bor-red:hover,.ery-button.ery-bor-yellow:hover,.ery-button-l.ery-bor-yellow:hover,.ery-button-s.ery-bor-yellow:hover,.ery-button-b.ery-bor-yellow:hover,.ery-button.ery-bor-green:hover,.ery-button-l.ery-bor-green:hover,.ery-button-s.ery-bor-green:hover,.ery-button-b.ery-bor-green:hover,.ery-button.ery-bor-blue:hover,.ery-button-l.ery-bor-blue:hover,.ery-button-s.ery-bor-blue:hover,.ery-button-b.ery-bor-blue:hover{color: var(--color-white,hsl(0,0%,100%)) !important;}
.ery-button.ery-bg-white,.ery-button-l.ery-bg-white,.ery-button-s.ery-bg-white,.ery-button-b.ery-bg-white{color: var(--text-default);background-color: rgba(255,255,255,0)}

.ery-button.ery-bg-black,.ery-button-l.ery-bg-black,.ery-button-s.ery-bg-black,.ery-button-b.ery-bg-black{border-color: rgba(0,0,0,1)}
.ery-button.ery-bg-red,.ery-button-l.ery-bg-red,.ery-button-s.ery-bg-red,.ery-button-b.ery-bg-red{border-color: var(--color-red,hsl(0,100%,50%))}
.ery-button.ery-bg-yellow,.ery-button-l.ery-bg-yellow,.ery-button-s.ery-bg-yellow,.ery-button-b.ery-bg-yellow{border-color: var(--color-yellow,hsl(24,100%,50%))}
.ery-button.ery-bg-green,.ery-button-l.ery-bg-green,.ery-button-s.ery-bg-green,.ery-button-b.ery-bg-green{border-color: var(--color-green,hsl(168,100%,28%))}
.ery-button.ery-bg-blue,.ery-button-l.ery-bg-blue,.ery-button-s.ery-bg-blue,.ery-button-b.ery-bg-blue{border-color: var(--color-blue,hsl(211,100%,50%))}

.ery-button.ery-bor-black,.ery-button-l.ery-bor-black,.ery-button-s.ery-bor-black,.ery-button-b.ery-bor-black{color: var(--text-default);background-color:var(--color-white,hsl(0,0%,100%))}
.ery-button.ery-bor-red,.ery-button-l.ery-bor-red,.ery-button-s.ery-bor-red,.ery-button-b.ery-bor-red{color: var(--color-red,hsl(0,100%,50%));background-color:var(--color-white,hsl(0,0%,100%))}
.ery-button.ery-bor-yellow,.ery-button-l.ery-bor-yellow,.ery-button-s.ery-bor-yellow,.ery-button-b.ery-bor-yellow{color: var(--color-yellow,hsl(24,100%,50%));background-color:var(--color-white,hsl(0,0%,100%))}
.ery-button.ery-bor-green,.ery-button-l.ery-bor-green,.ery-button-s.ery-bor-green,.ery-button-b.ery-bor-green{color: var(--color-green,hsl(168,100%,28%));background-color:var(--color-white,hsl(0,0%,100%))}
.ery-button.ery-bor-blue,.ery-button-l.ery-bor-blue,.ery-button-s.ery-bor-blue,.ery-button-b.ery-bor-blue{color: var(--color-blue,hsl(211,100%,50%));background-color:var(--color-white,hsl(0,0%,100%))}
.ery-button.ery-bor-white,.ery-button-l.ery-bor-white,.ery-button-s.ery-bor-white,.ery-button-b.ery-bor-white{color: var(--text-default);background-color:var(--color-white,hsl(0,0%,100%))}

.ery-button.ery-bg-black:hover,.ery-button-l.ery-bg-black:hover,.ery-button-s.ery-bg-black:hover,.ery-button-b.ery-bg-black:hover,.ery-button.ery-bor-black:hover,.ery-button-l.ery-bor-black:hover,.ery-button-s.ery-bor-black:hover,.ery-button-b.ery-bor-black:hover{background-color: #222222 !important; border-color:#222222 !important; }
.ery-button.ery-bg-red:hover,.ery-button-l.ery-bg-red:hover,.ery-button-s.ery-bg-red:hover,.ery-button-b.ery-bg-red:hover,.ery-button.ery-bor-red:hover,.ery-button-l.ery-bor-red:hover,.ery-button-s.ery-bor-red:hover,.ery-button-b.ery-bor-red:hover{background-color: hsl(0,100%,43%) !important; border-color:hsl(0,100%,43%) !important;}
.ery-button.ery-bg-yellow:hover,.ery-button-l.ery-bg-yellow:hover,.ery-button-s.ery-bg-yellow:hover,.ery-button-b.ery-bg-yellow:hover,.ery-button.ery-bor-yellow:hover,.ery-button-l.ery-bor-yellow:hover,.ery-button-s.ery-bor-yellow:hover,.ery-button-b.ery-bor-yellow:hover{background-color: hsl(24,100%,43%) !important; border-color:hsl(24,100%,43%) !important;}
.ery-button.ery-bg-green:hover,.ery-button-l.ery-bg-green:hover,.ery-button-s.ery-bg-green:hover,.ery-button-b.ery-bg-green:hover,.ery-button.ery-bor-green:hover,.ery-button-l.ery-bor-green:hover,.ery-button-s.ery-bor-green:hover,.ery-button-b.ery-bor-green:hover{background-color: hsl(168,100%,20%) !important; border-color:hsl(168,100%,20%) !important;}
.ery-button.ery-bg-blue:hover,.ery-button-l.ery-bg-blue:hover,.ery-button-s.ery-bg-blue:hover,.ery-button-b.ery-bg-blue:hover,.ery-button.ery-bor-blue:hover,.ery-button-l.ery-bor-blue:hover,.ery-button-s.ery-bor-blue:hover,.ery-button-b.ery-bor-blue:hover{background-color: hsl(211,100%,43%) !important; border-color:hsl(211,100%,43%) !important;}
.ery-button.ery-bg-white:hover,.ery-button-l.ery-bg-white:hover,.ery-button-s.ery-bg-white:hover,.ery-button-b.ery-bg-white:hover{color: var(--color-green,hsl(168,100%,28%));background-color: var(--color-white,hsl(0,0%,100%)); border-color:hsl(168,100%,43%) !important;}
/*  输入框     */
.ery-form-group,.ery-form-selectvalue .ery-ipt-icon,.ery-form-item .ery-ipt-icon,.ery-form-item .ery-ipt-btn,.ery-form-mobile-group{
    display: -webkit-flex;
    display: flex;
    display: -moz-flex;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    align-items:center;
    -webkit-align-items: center;
}
.ery-form-group .ery-label{flex-grow: 0;padding: 0 10px;min-width: 120px;text-align: right;color: #666;}
.ery-form-group .ery-form-item,.ery-form-mobile-group .ery-form-item,.ery-form-select{flex-grow: 2;justify-content:flex-start;-webkit-justify-content:flex-start;}
.ery-form-group .ery-form-itemnowarp{flex-grow: 2; display: inline-flex;justify-content:flex-start;-webkit-justify-content:flex-start;}
.ery-form-item .ery-ipt-icon,.ery-form-item .ery-ipt-btn,.ery-form-itemnowarp .ery-ipt-icon,.ery-form-itemnowarp .ery-ipt-btn{ align-items:center;-webkit-align-items: center;flex-grow: 0;white-space:nowrap;padding: 0 10px;background-color: #eee;border:solid 1px hsl(0,0%,94%);}
.ery-form-itemnowarp .ery-ipt-btn,.ery-form-item .ery-ipt-btn{padding: 0;border:none;}
.ery-form-group,.ery-form-mobile-group{ align-items:flex-start ;-webkit-align-items: flex-start;}
.ery-form-group .ery-label,.ery-form-mobile-group .ery-label{line-height: 38px;}
.ery-ipt:focus,.ery-ipt-b:focus,.ery-ipt-s:focus,.ery-ipt-l:focus{
    border-radius:3px;
}
.ery-ipt,.ery-ipt-b,.ery-ipt-s,.ery-ipt-l{
    -webkit-appearance: none;
    background-color: var(--color-white,hsl(0,0%,100%));
    background-image: none;
    border-radius: 4px;
    border: 1px solid #eee;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    line-height: 36px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
.ery-ipt-b,.ery-ipt,.ery-ipt-s,.ery-ipt-l{
    width:100%;
}
.ery-form-itemnowarp .ery-ipt-b,.ery-form-itemnowarp .ery-ipt,.ery-form-itemnowarp .ery-ipt-s,.ery-form-itemnowarp .ery-ipt-l{
    width:0;
    flex-grow: 2;
}
.ery-ipt-b{padding:5px;font-size: 1.8rem;}
.ery-ipt-s{font-size: 1.4rem;padding: 0 5px; line-height: 26px;}
.ery-ipt-l{padding:3px;font-size: 1.2rem;}

.ery-ipt.ery-bor-raall,.ery-ipt-s.ery-bor-raall,.ery-ipt-l.ery-bor-raall{border-radius: 20px;}
.ery-ipt[type = 'text']:disabled,.ery-ipt-s[type = 'text']:disabled,.ery-ipt-l[type = 'text']:disabled{
    background-color: rgba(0,0,0,.08);
}
.ery-form-mobile-group .ery-ipt,.ery-ipt.ery-bor-no,.ery-ipt.ery-bor-no:focus,.ery-ipt.ery-borbottom,.ery-ipt.ery-borbottom:focus{
    border: none;
    box-shadow: none;
}
.ery-ipt.ery-borbottom,.ery-ipt.ery-borbottom:focus{
    border-bottom: 1px solid;
    border-radius: 0;
}

/*手机输入框*/
.ery-form-mobile-group{border-bottom: 1px solid hsl(0,0%,91%); padding: 10px 0;}
.ery-form-mobile-group .ery-label{flex-grow: 0;padding: 0 10px;font-weight: bolder;font-size: 1.4rem;}
.ery-form-mobile-group .ery-ipt{text-align: right}
.ery-form-mobile-group .layui-input,.ery-form-mobile-group .layui-form-select dl dd{
    text-align: right;
}
.ery-form-mobile-group .layui-input{
    border: none;
}
.ery-form-mobile-group .layui-input:focus{
    box-shadow: none;
}
.ery-form-mobile-group:last-child{
    border-bottom: none;
}
/* 卡片 */
.ery-card{
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    border-radius: 8px;
}
.ery-card-title,.ery-card-foot{
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    padding: 15px;
    display:-webkit-box;
    display:flex;
    display:-moz-flex;
    flex-direction:row;
    -ms-flex-direction:row;
    -webkit-flex-direction:row;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    display: -ms-flexbox;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    flex-flow:row nowrap !important;
    -webkit-flex-flow:row nowrap !important;
    align-items: center !important;
    -webkit-align-items: center !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
.ery-card-tag{padding-left: 10px;border-left: 5px solid hsl(168,100%,43%); line-height: 1;}
.ery-card-body{
    padding: 15px;
}
.ery-card-foot{
    border-top: 1px solid #dfdfdf;
    border-bottom: none;
}
/* 磁吸浮动 */
.ery-fixed-top{
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    z-index: 99999999;
}
/* 导航 */
.ery-nav,.ery-nav-small,.ery-nav-big{
    height: 62px;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    line-height: 62px;
}
.ery-nav,.ery-nav-small,.ery-nav-big,.ery-nav>div,.ery-nav-small>div,.ery-nav-big>div,.ery-nav>a,.ery-nav-small>a,.ery-nav-big>a,.ery-nav>li,.ery-nav-small>li,.ery-nav-big>li,.ery-extra-wh,.ery-extra-load{
    justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -webkit-align-items: center;
}
.ery-nav>div,.ery-nav-small>div,.ery-nav-big>div,.ery-nav>a,.ery-nav-small>a,.ery-nav-big>a,.ery-nav>li,.ery-nav-small>li,.ery-nav-big>li{
    display: inline-flex;
    height: 100%;
    text-align: center;
}
.ery-nav-small{
    height: 40px;
    line-height: 38px;
}
.ery-nav-big{
    height: 80px;
    line-height: 78px;
}
.ery-nav-logo{
    max-height: 48px;
    width: auto;
    height: auto;
    line-height: 1;
}
.ery-nav-small .ery-nav-logo,.ery-nav-small .ery-nav-logo img{
    max-height: 32px;
}
.ery-nav-big .ery-nav-logo,.ery-nav-big .ery-nav-logo img{
    max-height: 64px;
}
.ery-nav-one{
    position: relative;
    transition: all .5s ease;
}
.ery-nav-one:hover{
    background-color: rgba(255,255,255,0.3);
}
.ery-nav-menu{
    min-width: 100%;
    left: 0;
    z-index: 9999;
    line-height: 2;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    position: absolute;
    transition: all .5s ease;
    display: none;
}
.ery-nav .ery-nav-menu{
    top: 62px;
}
.ery-nav-big .ery-nav-menu{
    top: 80px;
}
.ery-nav-small .ery-nav-menu{
    top: 40px;
}
.ery-nav-one:hover .ery-nav-menu{
    display: flex;
}