:root {
    --el-color-primary: #3470ff;
    --el-color-success: #67c23a;
    --el-color-warning: #e6a23c;
    --el-color-danger: #f83737;
    --el-color-error: #c45656;
    --el-color-info: #909399;
    --el-text-color: #161f35;
    --el-border-color: #d2d2d2;
}

html{box-sizing:border-box;outline:0}

*,*::before,*::after{box-sizing:inherit;outline:inherit}

body{margin:0;line-height:1.6;color:var(--el-text-color);font-size:16px;font-family: Open Sans,Helvetica,Arial,sans-serif;word-break:break-all}
.touch body {font-size: 13px;line-height: 1.4;}
a{color:inherit}
svg.icon{width:1em;height:1em;fill:currentColor}
.link{cursor: pointer;color: inherit}
.link-primary{cursor: pointer;color: var(--el-color-primary);}
.link:hover,
.link-primary:hover{text-decoration: underline;color: var(--el-color-primary);}
.main {min-height: 60vh;}
.ul,.ol{list-style: none;padding: 0;margin: 0;}
.table{border-collapse: collapse; border-spacing: 0;}
[hidden]{ display: none !important;}
.hidden{opacity:0 !important;position:absolute !important;width:0 !important;height:0 !important;overflow:hidden !important;}
.font-blue {color: var(--el-color-primary) !important;}
.bg-blue {background-color: var(--el-color-primary) !important; color: #fff !important;}
/* layout begin */
.content{ min-height:calc(100% - 300px) }
button{border: none;background-color: transparent;cursor: pointer;color: inherit;}
.paw_box{ display:flex;flex-direction:column;justify-content:center;width:100%;background-color:#fff;padding:30px 50px 80px 50px;margin:0 auto }
@media screen and (max-width: 1090px) {
    .paw_box { padding: 10px; }
}
.ellipsis-2 {word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.ellipsis-3 {word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
/* layout end */


/* flex begin */
.flex-box{display:flex !important}
.flex-inline{display:inline-flex !important}
.align-start{align-items:flex-start !important}
.align-center{align-items:center !important}
.align-end{align-items:flex-end !important}
.justify-start{justify-content:flex-start !important}
.justify-center{justify-content:center !important}
.justify-end{justify-content:flex-end !important}
.justify-between{justify-content:space-between !important}
/* flex end */

/* margin begin */
.m0 { margin: 0px !important; }
.mt0{ margin-block-start: 0px !important; }
.mr0{ margin-inline-end: 0px !important; }
.mb0{ margin-block-end: 0px !important; }
.ml0{ margin-inline-start: 0px !important; }

.m10 { margin: 10px !important; }
.mt10{ margin-block-start: 10px !important; }
.mr10{ margin-inline-end: 10px !important; }
.mb10{ margin-block-end: 10px !important; }
.ml10{ margin-inline-start: 10px !important; }

.m16 { margin: 16px !important; }
.mt16{ margin-block-start: 16px !important; }
.mr16{ margin-inline-end: 16px !important; }
.mb16{ margin-block-end: 16px !important; }
.ml16{ margin-inline-start: 16px !important; }

.m20 { margin: 20px !important; }
.mt20{ margin-block-start: 20px !important; }
.mr20{ margin-inline-end: 20px !important; }
.mb20{ margin-block-end: 20px !important; }
.ml20{ margin-inline-start: 20px !important; }

.m25 { margin: 25px !important; }
.mt25{ margin-block-start: 25px !important; }
.mr25{ margin-inline-end: 25px !important; }
.mb25{ margin-block-end: 25px !important; }
.ml25{ margin-inline-start: 25px !important; }

.m30 { margin: 30px !important; }
.mt30{ margin-block-start: 30px !important; }
.mr30{ margin-inline-end: 30px !important; }
.mb30{ margin-block-end: 30px !important; }
.ml30{ margin-inline-start: 30px !important; }
/* margin end */

/* padding begin */
.p0 { padding: 0px !important; }
.pt0{ padding-block-start: 0px !important; }
.pr0{ padding-inline-end: 0px !important; }
.pb0{ padding-block-end: 0px !important; }
.pl0{ padding-inline-start: 0px !important; }

.p10 { padding: 10px !important; }
.pt10{ padding-block-start: 10px !important; }
.pr10{ padding-inline-end: 10px !important; }
.pb10{ padding-block-end: 10px !important; }
.pl10{ padding-inline-start: 10px !important; }

.p16 { padding: 16px !important; }
.pt16{ padding-block-start: 16px !important; }
.pr16{ padding-inline-end: 16px !important; }
.pb16{ padding-block-end: 16px !important; }
.pl16{ padding-inline-start: 16px !important; }

.p20 { padding: 20px !important; }
.pt20{ padding-block-start: 20px !important; }
.pr20{ padding-inline-end: 20px !important; }
.pb20{ padding-block-end: 20px !important; }
.pl20{ padding-inline-start: 20px !important; }

.p30 { padding: 30px !important; }
.pt30{ padding-block-start: 30px !important; }
.pr30{ padding-inline-end: 30px !important; }
.pb30{ padding-block-end: 30px !important; }
.pl30{ padding-inline-start: 30px !important; }
/* padding end */

/* pagination begin */
.pager { margin: 40px auto; font-size: 0; height: 30px; text-align: center; }
.pager .page_num { font-size: 12px; height: 100%;  display: inline-block; line-height: 2; border: 1px solid #eee;padding: 3px 15px;
    box-sizing: border-box; border-left: 0; text-decoration: none; }
.pager .page_num:first-child { border-top-left-radius: 20px; border-bottom-left-radius: 20px; margin-right: 0; border-left: 1px solid #eee; }
.pager .page_num:last-child { border-top-right-radius: 20px; border-bottom-right-radius: 20px; margin-left: 0; border-left: 0; }
.pager .page_num.off { height: 100%; border: 1px solid #eee; color: #e3e3e3 !important; cursor: not-allowed !important; }
.pager .page_num.on1 { background-color: var(--el-color-primary); color: #fff; border: 1px solid var(--el-color-primary); }
/* pagination end */

/* breadcrumb begin */
.a_breadcrumb{margin:0 0 20px 0;font-size:14px;color: #808080;display: flex;flex-wrap: wrap;align-items: center;}
.a_breadcrumb a{text-decoration:none;}
.a_breadcrumb a[href]{cursor:pointer}
.a_breadcrumb a[href]:hover{text-decoration:underline;color: var(--el-color-primary);}
.a_breadcrumb .a_sep{margin:0 5px;}
.a_breadcrumb a:last-child{color:var(--el-text-color);}
/* breadcrumb end */

.mg-t10 {margin-top: 10px !important;}
.mg-t20 {margin-top: 20px !important;}
.mg-t40 {margin-top: 40px !important;}
.font-gray {color: #909aa8 !important;}
.p-relative {position:relative;}
.pagination {text-align: center;}
.pagination .layui-laypage-prev {border-radius: 20px 0 0 20px !important;}
.pagination .layui-laypage-next {border-radius: 0 20px 20px 0 !important;}