@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}
@charset "UTF-8";
/**
 * 如果你项目需要使用原生的CSS变量，
 * 请写在 ./common/variable.css中
 * 这里CSS变量会重复引入，且不会保留（通过设置!;）
 * 这里适合需要兼容IE浏览器的项目
*/
/*主色*/
body {
    color: var(--dark, #000);
    background-color: #f0f3fa;
}
.dark {
    color: var(--dark, #333);
}
a {
    color: inherit;
}
.black {
    color: #000;
}
/*蓝色*/
.blue, a.dark:hover {
    color: #3F7FE0;
}
/*hover蓝色*/
a.blue:hover {
    color: #0057c3;
}
/*灰色*/
.gray {
    color: #6A6A6A;
}
/*白色*/
.white {
    color: #fff;
}
/* 绿色 */
.green {
    color: #01cf97;
}
/* 橘色 */
.orange {
    color: #f28c48;
}
/* 红色 */
.red {
    color: #f4615c;
}
/* 浅色 */
.light {
    color: #f7f9fa;
}
@charset "UTF-8";
/**
 * 如果你项目需要使用原生的CSS变量，
 * 请写在 ./common/variable.css中
 * 这里CSS变量会重复引入，且不会保留（通过设置!;）
 * 这里适合需要兼容IE浏览器的项目
*/
/**
 * @description 页面结构公用CSS，以下代码为原型页面示意CSS，实际项目请删除，用不到
 */
/*滚动条影响header布局-修复*/
html {
  overflow-y: scroll;
}
/*低版本浏览器提示*/
.global-note {
    display: none;
    position: fixed;
    width: 100%;
    padding: 6px 0;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    color: red;
    background-color: rgb(255, 243, 240);
    z-index: 30;
}
/*头部样式*/
.header {
    position: fixed;
    width: 100%; 
    background-color: #fff;
    padding-bottom: 16px;
    z-index: 18;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
}
/*.header::before {
    opacity: .1;
    content: '';
    width: 100%; height: 100%;
    position: absolute;
    top: 0; left: 0;
    background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
}*/
.yir-logo-con {
    display: block;
    position: absolute;
    top: -4px; left: 16px;
    /* padding: 3px 0; */
    font-size: 0;
}
.yir-logo1 {
    display: inline-block;
    width: 138px;
    height: 42px;
    background-image: url(../images/yw_logo1_new.png);
    background-image: url(../images/yw_logo1_new.png), none;
    background-repeat: no-repeat;
    background-size: 100%;
}
.yir-logo2 {
    display: inline-block;
    width: 67px;
    height: 32px;
    background-image: url(../images/yw_logo2_mini.png);
    background-image: url(../images/yw_logo2.png), none;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: 6px;
}
.constr {
    /*1240px - 32px;*/
    max-width: 1208px;
    margin: auto;
    padding: 0 16px;
}
.header .constr {
    /* height: 80px; */
    position: relative;
}
.hd-nav {
    text-align: right;
    margin-top: 22px;
    /*padding-right: 11px;*/
    margin-right: 178px;
    margin-left: 185px;
    font-size: 0;
}
.hdn-h3 {
    display: inline-block;
    position: relative;
}
.hdn-h3.han-email {
    display: none;
}
:hover > .hdn-drop-ul {
    /* display: block; */
    opacity: 1;
    visibility: visible;
}
.hdn-drop-ul {
    position: absolute;
    /* display: none; */
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s;
    padding: 1rem 8px;
    top: 35px; left: 16px;
    color: #000;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #d6d6d6;
    min-width: 274px;
    z-index: 2;
}
.hdn-drop-ul::before, .hdn-drop-ul::after {
    content: "";
    position: absolute;
    border-width: 0 8px 8px 8px;
    left: 31px;
    border-style: solid;
}
.hdn-drop-ul::before {
    top: -8px; left: 31px;
    border-color: transparent transparent #E0E0E0 transparent;
}
.hdn-drop-ul::after {
    top: -7px;
    border-color: transparent transparent white transparent;
}
.hdn-drop-li {
    margin: 2px 0;
    border-radius: 4px;
}
.hdn-drop-li:hover {
    color: #3F7FE0;
}
.hdn-drop-li.active {
    background-color: #F0F3FA;
    color: #3F7FE0;
}
.hdn-item {
    font-size: 14px;
    line-height: 1rem;
    display: block;
    padding: 6px 8px;
    font-weight: normal;
    text-align: left;
}
.nav-a {
    float: left;
    text-align: center;
    padding: 8px 10px;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
}
.nav-a:hover,
.active > .nav-a {
    /*background-color: rgba(0, 0, 0, .1);*/
    color: #3F7FE0;
}
.hda-about {
    display: block;
    float: right;
    font-size: 13px;
    line-height: 14px;
    color: #3F7FE0;
    padding: 10px 16px;
    border: 1px solid #3F7FE0;
    border-radius: 2px;
    margin-top: 22px;
}
.yir-email-header {
    /* float: right; */
    /* margin-top: 22px; */
}
.yir-email-header.ui-button {
    padding: 10px 8px;
    display: inline-block;
    vertical-align: middle;
}
.yir-hbr-con {
    display: table-cell;
    position: absolute;
    right: 16px; top: 0;
}
.yir-lg {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    /* margin-top: 33px; */
    /* margin-left: 22px; */
    margin-right: 18px;
    position: relative;
    max-height: 14px;
    padding-left: 13px;
    border-left: 1px solid rgba(106, 106, 106, .5);
}
.yir-lg .yiri-arrow-down {
    margin-left: 0;
}
.yir-lg-btn {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #000;
    font-weight: normal;
    padding: 8px 4px;
}
.yir-lg-ul {
    position: absolute;
    top: 48px;
}
/*底部样式*/
.footer {
    background-color: #191e22;
}
.footer-con {
    position: relative;
    /*min-height: 290px;*/
    background-color: #242a31;
}
.footer-con::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/grid_bg@1x2.png);
    background-repeat: repeat-x;
    height: 100%;
    width: 100%;
}
.footer-con .constr {
    overflow: hidden;
    padding: 64px 16px;
    min-height: 146px;
    position: relative;
}
.fc-logo-con {
    position: absolute;
    top: 64px;
    /*max-width: 145px;*/
}
.fc-logo {
    position: relative;
    display: block;
    width: 142px; height: 43px;
    background-image: url(../images/yw_logo_white_mini_new.png);
    background-image: url(../images/yw_logo_white_new.png), none;
    background-repeat: repeat-x;
    background-size: 100%;
    padding-bottom: 16px;
    margin-bottom: 13px; 
}
.fc-logo::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 48px; height: 1px;
    background-color: #fff;
    opacity: .5;
}
.fc-invet-txt {
    opacity: .8;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
}
.fc-info {
    position: absolute;
    top: 64px; right: 12px;
    color: #fff;
    opacity: .8;
    font-size: 13px;
    line-height: 20px;
}
.fci-title {
    font-size: 18px;
    line-height: 18px;
    opacity: 1;
    font-weight: 300;
    margin-bottom: 29px;
}
.fci-contact {
    overflow: hidden;
    max-width: 400px;
    float: left;
}
/*.fci-address {
    margin-bottom: 24px;
}*/
.fci-address + .fci-address {
    margin-bottom: 24px;
}
.fci-email {
    text-decoration: underline
}
.fci-copyright {
    max-width: 268px;
    /*margin-left: 40px;*/
    /*float: left;*/
    opacity: .8;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
}
/*中间内容*/
.content {
    min-height: 500px;
    min-height: 70vh;
    min-height: calc(100vh - 80px - 274px);
    padding-top: 80px;
    overflow: hidden;
}
.yir-banner {
    position: relative;
    margin-top: -80px; 
    height: 336px;
    background-color: rgba(0, 0, 0, .1);
}
.yir-banner-bg {
    position: absolute;
    background-color: rgb(41, 97, 182);
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url(../images/bgb_other.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.yir-bh-con {
    color: #fff;
    position: absolute;
    bottom: 0;
    min-height: 128px;
}
.yir-bh-title {
    font-size: 40px;
    line-height: 48px;
}
.yir-bh-txt {
    margin-top: 8px;
    font-size: 20px;
    line-height: 24px;
}
.yir-transparent {
    overflow: hidden;
}
.yir-transparent .yir-constr {
    overflow: hidden;
}
.yir-highlight {
    background-color: #3F7FE0;
    overflow: hidden;
}
.yir-constr {
    /*1240px - 32px;*/
    max-width: 1208px;
    margin: auto;
    padding: 0 16px;
}
.yir-white {
    background-color: #fff;
}
.yir-white-con {
    max-width: 1240px;
    margin: auto;
}
/*图片figure*/
.yir-fg {
    width: 100%;
    margin: 0;
}
/*页面文本h1~h4*/
.yir-h2 {
    font-size: 24px;
    line-height: 32px;
    color: #000;
    text-align: left;
}
.yir-highlight .yir-h2 {
    color: #fff;
}
/*页面btn*/
.yir-btns {
    font-size: 0;
}
/* 页面tab */
.yir-transparent.yir-tab {
    margin: -48px auto 80px;
}
.yir-tab .ui-tab-contents {
    margin-top: 64px;
}
/*页面小图标*/
.yiri-arrow-down {
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 4px;
    width: 6px; height: 4px;
    background-image: url(../images/i_rd.png);
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='4' viewBox='0 0 6 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.065.392C-.1.175-.018 0 .274 0h5.448c.28 0 .368.182.209.392L3.296 3.853c-.165.217-.437.21-.596 0L.065.392z' fill='%23000' fill-rule='evenodd' opacity='.9'/%3E%3C/svg%3E"), none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.yiri-sound {
    display: block;
    width: 14px; height: 14px;
    background-image: url(../images/i_sound.png);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4v4h2.667L6 11.333V.667L2.667 4H0zm9 2a3 3 0 0 0-1.667-2.687V8.68A2.983 2.983 0 0 0 9 6zM7.333.153v1.374A4.67 4.67 0 0 1 10.667 6a4.67 4.67 0 0 1-3.334 4.473v1.374A5.998 5.998 0 0 0 12 6 5.998 5.998 0 0 0 7.333.153z' fill='%236A6A6A' fill-rule='nonzero'/%3E%3C/svg%3E"), none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.yiri-calendar {
    display: block;
    width: 33px; height: 36px;
    background-image: url(../images/i_calendar.png);
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='36' viewBox='0 0 33 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.806 3.597a3.596 3.596 0 0 1 3.597 3.597v25.18a3.596 3.596 0 0 1-3.597 3.598H3.626a3.596 3.596 0 0 1-3.598-3.597l.018-25.18a3.58 3.58 0 0 1 3.58-3.598h1.798V0H9.02v3.597H23.41V0h3.597v3.597h1.799zm0 28.778V12.59H3.626v19.785h25.18zm-4.443-14.281L13.68 28.777l-5.72-5.719 1.907-1.907 3.813 3.814 8.778-8.778 1.906 1.907z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E"), none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.yiri-f-doc, .yiri-f-pdf, .yiri-f-ppt, .yiri-f-webcast  {
    width: 32px; height: 40px;
    background-image: url(../images/pdf.png);
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='40' viewBox='0 0 32 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M22.687 0H1.089C.487 0 0 .468 0 1.376v37.91c0 .246.487.714 1.089.714H30.91c.602 0 1.089-.468 1.089-.714V9.27c0-.302-.02-2.896-.057-7.782A1.5 1.5 0 0 0 30.443 0h-7.756z' fill='%23FFF'/%3E%3Cpath d='M8.634 24c-.271 0-.532-.086-.754-.247-.812-.591-.92-1.25-.87-1.697.143-1.233 1.712-2.523 4.668-3.837 1.173-2.496 2.289-5.57 2.954-8.14-.778-1.644-1.535-3.777-.983-5.029.193-.438.434-.774.884-.92.178-.057.627-.13.792-.13.393 0 .739.491.984.794.23.285.751.888-.291 5.15 1.05 2.108 2.54 4.255 3.967 5.725 1.023-.179 1.902-.27 2.62-.27 1.22 0 1.96.276 2.262.845.25.471.147 1.021-.304 1.635-.434.59-1.033.902-1.731.902-.948 0-2.053-.581-3.284-1.73a38.175 38.175 0 0 0-6.884 2.137c-.652 1.343-1.277 2.425-1.859 3.218C10.006 23.493 9.317 24 8.635 24zm2.076-3.881c-1.666.91-2.345 1.657-2.395 2.078-.007.07-.028.252.336.523.117-.035.795-.336 2.06-2.601zm10.635-3.363c.635.475.79.715 1.206.715.183 0 .703-.008.944-.334.116-.159.161-.26.179-.314-.096-.05-.223-.15-.916-.15-.394.001-.89.018-1.413.083zm-5.826-4.983a52.939 52.939 0 0 1-2.085 5.726A39.827 39.827 0 0 1 18.5 15.97c-1.053-1.187-2.105-2.67-2.98-4.197zm-.473-6.407c-.076.025-1.037 1.33.075 2.435.74-1.602-.041-2.446-.075-2.435zM30.911 40H1.09C.487 40 0 39.538 0 38.967V28h32v10.967c0 .57-.487 1.033-1.089 1.033z' fill='%23FF282A'/%3E%3Cpath d='M9.54 37h-.995v-6h1.758c.259 0 .516.04.77.122.254.082.482.204.684.366.202.163.365.36.49.59.124.23.186.49.186.778 0 .304-.053.58-.158.827a1.727 1.727 0 0 1-.44.622 1.989 1.989 0 0 1-.679.391 2.659 2.659 0 0 1-.878.138H9.54V37zm0-5.26v2.378h.912c.122 0 .242-.02.361-.061a.912.912 0 0 0 .327-.2c.1-.092.18-.22.24-.386a1.8 1.8 0 0 0 .05-.953.967.967 0 0 0-.53-.659c-.155-.078-.36-.118-.614-.118H9.54zm8.994 2.093c0 .494-.054.916-.162 1.266-.108.35-.244.643-.41.88a2.09 2.09 0 0 1-.56.558 2.826 2.826 0 0 1-.6.305 2.52 2.52 0 0 1-.531.13c-.16.018-.279.028-.357.028h-2.312v-6h1.84c.514 0 .966.08 1.355.24.39.16.713.373.97.639s.449.569.576.907c.128.34.191.689.191 1.047zm-2.95 2.45c.674 0 1.16-.21 1.458-.634.298-.424.448-1.037.448-1.84 0-.25-.03-.497-.091-.74a1.575 1.575 0 0 0-.353-.664 1.86 1.86 0 0 0-.708-.48c-.299-.123-.685-.184-1.16-.184h-.581v4.543h.986zm5.404-4.542v1.889h2.553v.667h-2.553V37h-1.011v-6h3.82v.74h-2.809z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"), none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.yiri-f-ppt {
    background-image: url(../images/ppt.png);
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='40' viewBox='0 0 32 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M22.687 0H1.089C.487 0 0 .468 0 1.376v37.91c0 .246.487.714 1.089.714H30.91c.602 0 1.089-.468 1.089-.714V9.27c0-.302-.02-2.896-.057-7.782A1.5 1.5 0 0 0 30.443 0h-7.756z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cpath fill='%23FF8C0D' d='M6 7h20v2H6zM6 21h20v2H6zM24 10v10H8V10h16zm-9 3v4l3-2-3-2z'/%3E%3Cpath d='M30.911 40H1.09C.487 40 0 39.538 0 38.967V28h32v10.967c0 .57-.487 1.033-1.089 1.033z' fill='%23FF8C0D' fill-rule='nonzero'/%3E%3Cpath d='M10.465 37v-2.223h1.312c.586-.01 1.032-.198 1.336-.562.297-.347.446-.73.446-1.153 0-.312-.059-.583-.176-.812a1.369 1.369 0 0 0-.438-.547 1.745 1.745 0 0 0-.633-.336 3.3 3.3 0 0 0-.648-.062H9.602V37h.863zm1.277-3.04h-1.277v-1.839h1.246c.234-.005.44.048.617.16.117.068.208.16.274.278.062.13.093.29.093.48 0 .23-.077.438-.23.625-.162.193-.402.292-.723.297zM15.207 37v-2.223h1.313c.585-.01 1.03-.198 1.335-.562.297-.347.446-.73.446-1.153 0-.312-.059-.583-.176-.812a1.369 1.369 0 0 0-.438-.547 1.745 1.745 0 0 0-.632-.336 3.3 3.3 0 0 0-.649-.062h-2.062V37h.863zm1.277-3.04h-1.277v-1.839h1.246c.235-.005.44.048.617.16.117.068.209.16.274.278.062.13.093.29.093.48 0 .23-.076.438-.23.625-.161.193-.402.292-.723.297zM20.918 37v-4.926h1.559v-.77h-3.985v.77h1.559V37h.867z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E"), none;
}
.yiri-f-webcast {
    background-image: url(../images/webcast.png);
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='40' viewBox='0 0 32 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M22.687 0H1.089C.487 0 0 .468 0 1.376v37.91c0 .246.487.714 1.089.714H30.91c.602 0 1.089-.468 1.089-.714V9.27c0-.302-.02-2.896-.057-7.782A1.5 1.5 0 0 0 30.443 0h-7.756z' fill='%23FFF'/%3E%3Cpath d='M8 13.106a7.989 7.989 0 0 1 7.989 7.989h-1.453A6.537 6.537 0 0 0 8 14.559zm0 2.905a5.085 5.085 0 0 1 5.084 5.084H11.63A3.633 3.633 0 0 0 8 17.464zm0 2.905a2.18 2.18 0 0 1 2.179 2.179H8zM22.525 8.023c.802 0 1.452.65 1.452 1.452v10.168c0 .802-.65 1.452-1.452 1.452H17.44v-1.452h5.084V9.475H9.452v2.179H8V9.475c0-.802.65-1.452 1.452-1.452zm-1.453 2.905v7.262H16.98a9.455 9.455 0 0 0-6.075-6.075v-1.187h10.167zM30.911 40H1.09C.487 40 0 39.538 0 38.967V28h32v10.967c0 .57-.487 1.033-1.089 1.033z' fill='%230D80FF'/%3E%3Cpath d='M4.673 36l.817-3.08h.012L6.316 36h.542l1.067-4.271h-.683l-.674 3.035h-.011l-.827-3.035h-.468l-.83 3.035h-.011l-.671-3.035h-.683L4.134 36h.539zm6.498 0v-.612H9.09v-1.254h1.775v-.574H9.091v-1.22h2.08v-.611H8.443V36h2.728zm2.408 0c.336 0 .616-.112.84-.337.227-.215.343-.507.347-.876 0-.223-.056-.429-.167-.618a.86.86 0 0 0-.528-.366v-.012a1.39 1.39 0 0 0 .31-.196.823.823 0 0 0 .194-.217.986.986 0 0 0 .126-.504c0-.344-.106-.62-.32-.83-.21-.206-.526-.312-.945-.315H11.78V36h1.8zm-.217-2.473h-.934v-1.221h.934c.237.004.41.061.522.173a.61.61 0 0 1 .17.436.58.58 0 0 1-.17.428c-.112.123-.285.184-.522.184zm.062 1.86h-.996v-1.283h.996c.24.004.416.068.527.19a.655.655 0 0 1 .167.452c0 .172-.056.32-.167.445-.111.127-.287.193-.527.197zm3.395.648c.371 0 .693-.105.964-.316.264-.213.443-.518.536-.914h-.685c-.18.388-.451.583-.815.583a.76.76 0 0 1-.392-.097.758.758 0 0 1-.27-.214.711.711 0 0 1-.167-.36c-.031-.149-.047-.433-.047-.853s.016-.706.047-.858a.707.707 0 0 1 .167-.355.817.817 0 0 1 .27-.22.895.895 0 0 1 .392-.09.846.846 0 0 1 .528.179.94.94 0 0 1 .287.439h.685a1.611 1.611 0 0 0-.492-.9c-.26-.24-.596-.362-1.008-.366-.336.004-.616.084-.84.24-.229.155-.395.33-.499.528a1.18 1.18 0 0 0-.143.407c-.03.168-.044.5-.044.996 0 .489.015.819.044.99.016.092.035.168.059.229.025.059.053.12.084.185.104.197.27.37.499.521.224.156.504.238.84.246zM19.017 36l.328-.955h1.62l.33.955h.684l-1.553-4.271h-.542L18.33 36h.686zm1.763-1.53h-1.248l.618-1.866h.012l.618 1.867zm2.915 1.565c.979-.012 1.479-.426 1.5-1.242 0-.303-.094-.568-.284-.797-.191-.232-.487-.376-.888-.43a12.57 12.57 0 0 1-.48-.068c-.211-.039-.364-.11-.46-.21a.471.471 0 0 1-.144-.335c.004-.205.076-.36.214-.463.133-.1.3-.15.498-.15.385.009.738.118 1.058.329l.36-.533c-.392-.283-.854-.43-1.385-.443-.442.004-.783.12-1.023.346-.248.229-.372.53-.372.902 0 .311.099.575.296.791.191.211.47.347.838.408l.565.079c.375.064.56.256.557.574-.008.389-.29.587-.844.595a1.876 1.876 0 0 1-1.213-.425l-.425.486c.456.39 1 .586 1.632.586zM27.252 36v-3.694h1.169v-.577h-2.988v.577h1.169V36h.65z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"), none;
}
.yiri-files {
    float: right;
    padding: 30px 0;
}
.yiri-ficon {
    float: left;
    margin-left: 16px;
}
.yiri-ficon:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
}
.yiri-star, .yiri-star-line, .yiri-cicrle, .yiri-chairperson, .yiri-member   {
    display: inline-block;
    width: 16px; height: 16px;
    background-image: url(../images/i_star.png);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11.28l-4.702 3.192L4.88 9.014.39 5.528l5.681-.182L8 0l1.928 5.346 5.68.182-4.489 3.486 1.583 5.458z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"), none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    vertical-align: -3px;
}
.yiri-star-line {
    background-image: url(../images/i_star_line.png);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.836 13.28l-1.291-4.453 3.662-2.844-4.634-.148L8 1.474 6.427 5.835l-4.634.148 3.662 2.844-1.29 4.453L8 10.676l3.836 2.604z' fill-rule='nonzero' stroke='%23000' fill='none'/%3E%3C/svg%3E"), none;
}
.yiri-cicrle {
    width: 10px; height: 10px;
    background-image: url(../images/i_circle.png);
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='8' r='5' transform='translate(0 -3)' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"), none;
}
.yiri-chairperson {
    width: 12px;
    background-image: url(../images/i_chairperson.png);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 15 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.118 9.707c.593 0 1.15.426 1.323.99l.03.124.904 4.58c.117.592-.17 1.34-.652 1.703-.155.116-3.817 2.844-6.509 2.844-2.691 0-6.354-2.728-6.508-2.844-.446-.335-.724-.998-.672-1.564l.02-.14.903-4.58c.115-.582.641-1.047 1.228-1.107l.126-.006h9.807zm-4.482.949a3.81 3.81 0 0 0-1.386.25 3.342 3.342 0 0 0-1.134.72 3.285 3.285 0 0 0-.75 1.115c-.178.43-.266.903-.266 1.415 0 .52.09 1 .274 1.431.182.43.435.8.757 1.108.32.307.698.544 1.13.711.432.167.899.25 1.399.25.522 0 .997-.09 1.423-.275.428-.186.79-.449 1.08-.788l.317-.37-1.513-1.368-.331.419a1.11 1.11 0 0 1-.404.314c-.168.08-.356.12-.572.12-.223 0-.413-.04-.575-.118-.17-.082-.31-.19-.424-.324a1.476 1.476 0 0 1-.273-.49 1.915 1.915 0 0 1-.1-.62c0-.218.033-.424.1-.62.064-.189.154-.35.273-.49.115-.135.254-.243.421-.325.157-.077.344-.117.566-.117.192 0 .37.043.538.13.167.086.281.184.351.291l.303.464 1.624-1.314-.295-.386a2.68 2.68 0 0 0-1.152-.857 3.664 3.664 0 0 0-1.381-.276zM7.215.018a4.07 4.07 0 0 1 4.064 4.065 4.07 4.07 0 0 1-4.064 4.065A4.07 4.07 0 0 1 3.15 4.083 4.07 4.07 0 0 1 7.215.018z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"), none;
    /*background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.772 6.519A3.256 3.256 0 0 1 2.52 3.266 3.256 3.256 0 0 1 5.772.014a3.256 3.256 0 0 1 3.251 3.252A3.256 3.256 0 0 1 5.772 6.52zM11.5 12.32c.094.473-.135 1.072-.522 1.362-.123.093-3.053 2.276-5.206 2.276-2.154 0-5.084-2.183-5.207-2.276-.386-.29-.616-.889-.522-1.362l.723-3.665c.099-.5.574-.89 1.083-.89h7.845c.509 0 .985.39 1.083.89l.723 3.665zM7.165 10.2l.653-.527a1.746 1.746 0 0 0-.754-.557 2.532 2.532 0 0 0-.955-.192 2.65 2.65 0 0 0-.965.173 2.274 2.274 0 0 0-.773.49 2.228 2.228 0 0 0-.509.758c-.121.294-.182.62-.182.979 0 .365.062.694.187.989.125.294.296.545.514.753.217.208.475.37.773.485.297.115.622.173.974.173.365 0 .691-.063.98-.187.287-.125.527-.3.72-.524l-.606-.547a1.287 1.287 0 0 1-.465.365c-.189.09-.399.134-.629.134a1.44 1.44 0 0 1-.634-.134 1.42 1.42 0 0 1-.47-.36 1.58 1.58 0 0 1-.293-.523 1.932 1.932 0 0 1-.1-.624c0-.218.033-.426.1-.624a1.58 1.58 0 0 1 .293-.523c.128-.15.283-.27.466-.36.182-.09.392-.135.628-.135.218 0 .423.05.615.149.192.1.336.222.432.37z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"), none;*/
}
.yiri-member {
    width: 12px;
    background-image: url(../images/i_member.png);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.772 6.519A3.256 3.256 0 0 1 2.52 3.266 3.256 3.256 0 0 1 5.772.014a3.256 3.256 0 0 1 3.251 3.252A3.256 3.256 0 0 1 5.772 6.52zM11.5 12.32c.094.473-.135 1.072-.522 1.362-.123.093-3.053 2.276-5.206 2.276-2.154 0-5.084-2.183-5.207-2.276-.386-.29-.616-.889-.522-1.362l.723-3.665c.099-.5.574-.89 1.083-.89h7.845c.509 0 .985.39 1.083.89l.723 3.665z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"), none;
}
/*动效*/
/*文本下划线.3s*/
.yir-txt-amt {
    position: relative;
    opacity: .5; 
    transition: opacity .3s;
}
.yir-txt-amt:hover {
    opacity: 1; 
}
.yir-txt-amt::before {
    content: '';
    position: absolute;
    width: 0;
    opacity: .5;
    transition: width .3s;
    background-color: currentColor;
    height: 1px;
    left: 0;
    bottom: 0;
}
.yir-txt-amt:hover::before {
    width: 100%;
}
.yir-txt-line:before {
    content: '';
    position: absolute;
    width: 0;
    opacity: .5;
    transition: width .3s;
    background-color: currentColor;
    height: 1px;
    left: 0;
    bottom: 0;
}
.yir-txt-line:hover:before {
    width: 100%;
}
/*1100分辨率（大于768px，小于1062px）*/
@media screen and (min-width: 768px) and (max-width: 1062px) {
    /*tab过长时移出画面-en*/
    :lang(en) .ir-tab4, 
    :lang(en) .ir-tab5,
    :lang(en) .ir-tab6 {
        margin-left: -140px;
    }
}
/*1100分辨率（大于768px，小于1170px）*/
@media screen and (min-width: 768px) and (max-width: 1170px) {
    /*tab过长时移出画面-en*/
    :lang(en) .hd-nav {
        letter-spacing: -1px;
    }
    :lang(en) .nav-a {
        padding: 8px;
    }
}
@media screen and (max-width: 768px) {
    .constr {
        min-width: auto;
    }
    /* header */
    .header {
        padding: 0;
        min-height: 48px;
    }
    .yir-logo-con {
        top: 6px;
    }
    .yir-logo1 {
        width: 105px; height: 32px;
        /*background-image: url(../images/yw_logo1.png);*/
    }
    .yir-logo2 {
        width: 67px; height: 32px;
        vertical-align: 0;
        /*background-image: url(../images/yw_logo1.png);*/
    }
    :checked ~ .hd-nav {
        display: block;
    }
    .hd-nav {
        display: none;
        margin: 0; padding: 0;
        position: fixed;
        top: 48px; right: 0; left: 0; bottom: 0;
        background-color: #fff;
        border: 0;
        overflow-y: auto;
    }
    .hdn-h3 {
        float: none;
        display: block;
    }
    .hdn-h3.han-email {
        display: block;
    }
    .nav-a {
        float: none;
        display: block;
        text-align: left;
        padding: 16px;
    }
    .nav-a:hover {
        color: currentColor;
    }
    .nav-a .yiri-arrow-down {
        position: absolute;
        margin: 3px 0;
        width: 14px; height: 14px;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 6v2H8v6H6V8H0V6h6V0h2v6z' fill='%2300325A' fill-rule='evenodd'/%3E%3C/svg%3E");
        right: 16px;
    }
    .active > .nav-a .yiri-arrow-down {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='2' viewBox='0 0 14 2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0v2H0V0z' fill='%2300325A' fill-rule='evenodd'/%3E%3C/svg%3E");
    }
    .hdn-drop-ul {
        background-color: #F0F3FA;
        position: relative;
        top: auto; left: auto;
        border: 0;
        padding: 4px 16px;
        opacity: 1;
        visibility: visible;
    }
    .hdn-drop-ul::before, .hdn-drop-ul::after {
        display: none;
    }
    /* :hover > .hdn-drop-ul {
        display: none;
    } */
    :hover > .hdn-drop-ul {
        display: none;
    }
    .active > .hdn-drop-ul {
        display: block;
    }
    .yir-h2 {
        font-size: 20px;
        line-height: 24px;
    }
    .hdn-drop-li {
        margin: 0;
    }
    .hdn-item {
        padding: 12px 0;
    }
    .yir-lg {
        border-left: none;
        position: absolute;
        margin: 0;
        right: 45px; top: 17px;
    }
    .ir-header-icon-slide {
        position: absolute;
        top: 0; right: 0;
        width: 30px; height: 30px;
    }
    .ir-header-icon-slide::before {
        content: '';
        background: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h14v2H0V0zm0 5h14v2H0V5zm0 5h14v2H0v-2z' fill='%2300325A' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat center;
        width: 14px;
        height: 12px;
        display: inline-block;
        margin-top: 18px;
    }
    :checked ~ .ir-header-icon-slide::before {
        height: 14px; margin-top: 17px;
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 4.125L9.625 0 11 1.375 6.875 5.5 11 9.625 9.625 11 5.5 6.875 1.375 11 0 9.625 4.125 5.5 0 1.375 1.375 0 5.5 4.125z' fill='%2300325A' fill-rule='evenodd'/%3E%3C/svg%3E");
    }
    .yir-email-header.ui-button {
        display: none;
    }
    .yir-hbr-con {
        position: unset;
    }
    .yir-bh-title {
        font-size: 24px;
    }
    /* 页面结构 */
    .content {
        padding-top: 48px;
        min-height: calc(100vh - 48px - 332px);
    }
    /* banner-bg */
    .yir-banner {
        height: 200px;
        margin-top: 0;
    }
    /*页脚*/
    .footer-con .constr {
        padding: 32px 40px;
        text-align: center;
    }
    .fc-logo-con {
        position: relative;
        top: auto;
        margin: 0 auto 32px auto;
        max-width: none;
    }
    .fc-logo {
        padding-bottom: 4px;
        margin: 0 auto 8px;
    }
    .fc-logo::after {
        right: 32px;
    }
    .fc-info {
        position: relative;
        right: auto; top: auto;
    }
    .fci-copyright {
        margin-left: 0;
        float: none;
        max-width: none;
    }
    .fci-contact {
        float: none;
        max-width: none;
        margin-bottom: 32px;
    }
    
    .fc-info {
        /* margin-bottom: 32px; */
        /* max-width: 240px; */
    }
    
    .yir-btns {
        text-align: center;
    }
    a.ui-button + .ui-button {
        margin-left: 0;
        margin-top: 8px;
        border: 0;
    }
    /* 页面tab */
    /* .yir-transparent.yir-tab {
    } */
    .ui-tab-tabs.yir-tab-con {
        /*overflow-y: auto;*/
    }
    a.ui-tab-tab {
        font-size: 16px;
        margin-left: 16px;
    }
    /*tab过长时移出画面-en*/
    :lang(en) .ir-tab4 {
        margin-left: calc(50vw - 437.5px);
    }
    :lang(en) .ir-tab5 {
        margin-left: calc(50vw - 593px);
    }
    :lang(en) .ir-tab6 {
        margin-left: calc(50vw - 731px);
    }
    
    /*:lang(zh) .ir-tab3 {
        margin-left: -84px;
    }
    :lang(zh) .ir-tab4 {
        margin-left: -241px;
    }
    :lang(zh) .ir-tab5 {
        margin-left: -346px;
    }
    :lang(zh) .ir-tab6 {
        margin-left: -540px;
    }*/
}
@media screen and (max-width: 532px) {
    /*tab过长时移出画面-en*/
    :lang(en) .ir-tab2 {
        margin-left: calc(50vw - 196.5px);
    }
    :lang(en) .ir-tab3 {
        margin-left: calc(50vw - 291.5px);
    }
    /*tab过长时移出画面-zh*/
    :lang(zh) .ir-tab3 {
        margin-left: calc(50vw - 208px);
    }
    :lang(zh) .ir-tab4 {
        margin-left: calc(50vw - 288px);
    }
    :lang(zh) .ir-tab5 {
        margin-left: calc(50vw - 368px);
    }
    :lang(zh) .ir-tab6 {
        margin-left: calc(50vw - 448px);
    }
}
span-error {
    display: block;
    text-align: center;
    height: 100%;
    min-height: 300px;
    line-height: 300px;
    color: red;
}@charset "UTF-8";
/**
 *
 * @lib.css
 * @author zhangxinxu(.com)
 * @create 15-06-04
 */
/* ---------------------single CSS----------------------- */
/*项目中用到的*/
.mr40 {
    margin-right: 40px;
}
/* overflow */
.ovh {
    overflow: hidden;
}
.ml16 {
    margin-left: 16px;
}
.mt12 {
    margin-top: 12px;
}
.mt24 {
    margin-top: 24px;
}
.mt25 {
    margin-top: 25px;
}
.mb16 {
    margin-bottom: 16px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb24 {
    margin-bottom: 24px;
}
.mb32 {
    margin-bottom: 32px;
}
.pl16 {
    padding-left: 16px;
}
/*以往*/
/* display */
.dn {
    display: none;
}
.di {
    display: inline;
}
.db {
    display: block;
}
.dib {
    display: inline-block;
}
.dt {
    display: table;
}
.dtc {
    display: table-cell;
}
.df {
    display: flex;
}
/* line-height */
.lh14 {
    line-height: 14px;
}
.lh16 {
    line-height: 16px;
}
.lh18 {
    line-height: 18px;
}
.lh20 {
    line-height: 20px;
}
.lh22 {
    line-height: 22px;
}
.lh24 {
    line-height: 24px;
}
.lh28 {
    line-height: 28px;
}
/* margin */
.m0 {
    margin: 0;
}
.ml1 {
    margin-left: 1px;
}
.ml2 {
    margin-left: 2px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml15 {
    margin-left: 15px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 30px;
}
.mr1 {
    margin-right: 1px;
}
.mr2 {
    margin-right: 2px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.mr30 {
    margin-right: 30px;
}
.mr60 {
    margin-right: 60px;
}
.mr120 {
    margin-right: 120px;
}
.mt1 {
    margin-top: 1px;
}
.mt2 {
    margin-top: 2px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mb1 {
    margin-bottom: 1px;
}
.mb2 {
    margin-bottom: 2px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.ma {
    margin: auto;
}
/* flex布局中子项对齐很有用 */
.mla {
    margin-left: auto;
}
.mra {
    margin-right: auto;
}
.mta {
    margin-top: auto;
}
.mba {
    margin-bottom: auto;
}
/* padding */
.p0 {
    padding: 0;
}
.p1 {
    padding: 1px;
}
.pl1 {
    padding-left: 1px;
}
.pt1 {
    padding-top: 1px;
}
.pr1 {
    padding-right: 1px;
}
.pb1 {
   padding-bottom: 1px;
}
.p2 {
    padding: 2px;
}
.pl2 {
    padding-left: 2px;
}
.pt2 {
    padding-top: 2px;
}
.pr2 {
    padding-right: 2px;
}
.pb2 {
    padding-bottom: 2px;
}
.pl5 {
    padding-left: 5px;
}
.p5 {
    padding: 5px;
}
.pt5 {
    padding-top: 5px;
}
.pr5 {
    padding-right: 5px;
}
.pb5 {
    padding-bottom: 5px;
}
.p10 {
    padding: 10px;
}
.pl10 {
    padding-left: 10px;
}
.pt10 {
    padding-top: 10px;
}
.pr10 {
    padding-right: 10px;
}
.pb10 {
    padding-bottom: 10px;
}
.p15 {
    padding: 15px;
}
.pl15 {
    padding-left: 15px;
}
.pt15 {
    padding-top: 15px;
}
.pr15 {
    padding-right: 15px;
}
.pb15 {
    padding-bottom: 15px;
}
.p20 {
    padding: 20px;
}
.pl20 {
    padding-left: 20px;
}
.pt20 {
    padding-top: 20px;
}
.pr20 {
    padding-right: 20px;
}
.pb20 {
    padding-bottom: 20px;
}
.p30 {
    padding: 30px;
}
.pl30 {
    padding-left: 30px;
}
.pt30 {
    padding-top: 30px;
}
.pr30 {
    padding-right: 30px;
}
.pb30 {
    padding-bottom: 30px;
}
/* font-size */
.f0 {
    font-size: 0;
}
.f12 {
    font-size: 12px;
}
.f13 {
    font-size: 13px;
}
.f14 {
    font-size: 14px;
}
.f16 {
    font-size: 16px;
}
.f18 {
    font-size: 18px;
}
.f20 {
    font-size: 20px;
}
.f24 {
    font-size: 24px;
}
.f28 {
    font-size: 28px;
}
/* font-style */
.n {
    font-weight: normal;
    font-style: normal;
}
.b {
    font-weight: bold;
}
.i {
    font-style: italic;
}
/* text-align */
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
.tl {
    text-align: left;
}
.tj {
    text-align: justify;
}
/* text-decoration */
.tdl {
    text-decoration: underline;
}
.tdn, .tdn:hover, .tdn a:hover, a.tdl:hover {
    text-decoration: none;
}
/* white-space */
.nowrap {
    white-space: nowrap;
}
/* word-wrap */
.bk {
    word-wrap: break-word;
}
.ba {
    word-break: break-all;
}
/* vertical-align */
.vm {
    vertical-align: middle;
}
.vb {
    vertical-align: bottom;
}
.vt {
    vertical-align: top;
}
.vn {
    vertical-align: -5px;
}
/*float*/
.fl {
    float: left;
}
.fr {
    float: right;
}
/* clear */
.cl {
    clear: both;
}
/* position */
.rel {
    position: relative;
}
.abs {
    position: absolute;
}
/* overflow */
.ovh {
    overflow: hidden;
}
.ova {
    overflow: auto;
}
/* visibility */
.vh {
    visibility: hidden;
}
.vv {
    visibility: visible;
}
.up {
    text-transform: uppercase;
}
/* ---------------------multiple CSS----------------------- */
/* 清除浮动*/
.fix:after {
    display: table;
    content: '';
    clear: both;
}
/* table等分布局 .table > .dtc */
.table {
    display: table;
    width: 100%;
    table-layout: fixed;
}
/* 基于display:table-cell的自适应布局 
 * 1. .l + .cell，两栏自适应
 * 2. .dt > .cell，等宽自适应
*/
.cell {
    display: table-cell;
    width: 2000px;
}
/* 单行文字溢出虚点显示 */
.ell {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* 可响应focus/click的隐藏 */
.clip {
    position: absolute;
    clip: rect(0 0 0 0);
}
/* 块状元素水平居中 */
.auto {
    margin-left: auto;
    margin-right: auto;
}
/* 大小不定元素垂直居中 */
.middle {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
/* transition过渡 */
.trans {
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
/* 文字无法选中 */
.unselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* disabled */
.disabled {
    opacity: .4;
    filter: alpha(opacity=40);
    cursor: default;
    -ms-pointer-events: none;
    pointer-events: none;
}
@charset "UTF-8";
/**
 * @description 简易常用CSS代码
 */
body {
    /*font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;*/
    font-family: 'Myriad Pro', 'Helvetica Neue', "SF Pro Text", 'PingFang SC', 'PingFang TC', 'Hiragino Sans GB', "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans", sans-serif;
    /*font-family: "STHeiti", "Microsoft JhengHei", "Microsoft YaHei", "宋体", Arial, Helvetica, Verdana, sans-serif;*/
    line-height: 1.5;
    fill: currentColor;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    margin: 0;
}
body, form, ul, ol, dl, dd, p, details {
    margin: 0;
}
ul, ol {
    list-style-type: none;
    padding: 0;
}
img {
    border: 0 none;
    vertical-align: bottom;
}
details, summary {
    display: block;
}
button, input, select, textarea {
    font-size: 1em;
    font-family: inherit;
}
a, a:hover {
    text-decoration: none;
}
@charset "UTF-8";
/**
 *
 * @Button.css
 * @author zhangxinxu
 * @create 15-06-12
 * @edit     17-06-13
                     17-11-07 use png+spin for loading
                     19-07-09 IE9+, no external links
 */
.ui-button {
    display: inline-block;
    line-height: 14px;
    font-size: 14px;
    text-align: center;
    color: #3F7FE0;
    border-radius: 2px;
    padding: 10px 24px;
    min-width: 50px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    transition: border-color .15s, box-shadow .15s, opacity .15s;
    font-family: inherit;
    cursor: pointer;
    overflow: visible;
}
.ui-button + .ui-button {
    margin-left: 16px;
}
.ui-button:not([data-type]),
.ui-button[data-type="normal"] {
    border: 1px solid #3F7FE0;
}
div.ui-button {
    display: block;
}
a.ui-button {
    height: 14px;
    box-sizing: content-box;
}
[type="submit"]:not([class]) {
    position: absolute;
    clip: rect(0 0 0 0);
}
/* Chrome/Firefox的outline会由Keyboard.js帮忙呈现 */
@supports (-webkit-mask: none) {
    button,
    [type="button"],
    [type="submit"],
    [tabindex] {
        outline: 0 none;
    }
}
::-moz-focus-inner {
    border: 0;
}
input.ui-button,
button.ui-button {
    height: 20px;
    box-sizing: content-box;
}
.ui-button:hover {
    color: #4c5161;
    text-decoration: none;
}
.ui-button:not(.disabled):not(.loading):not(:disabled):hover {
    border-color: #ababaf;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.01), inset 0 0 0 100px rgba(0,0,0,.05);
}
.ui-button:not(.disabled):not(.loading):not(:disabled):active {
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1), inset 0 0 0 100px rgba(0,0,0,.1);
}
.ui-button[data-type]:not([data-type="normal"]) {
    border: 0;
    padding-top: 11px;
    padding-bottom: 11px;
    color: #fff;
}
/* primary button */
.ui-button[data-type="primary"],
.ui-button[data-type="remind"],
.ui-button[data-type=""] {
    background-color: #3F7FE0;
}
/* success button */
.ui-button[data-type="success"] {
    background-color: #01cf97;
}
/* warning button */
.ui-button[data-type="warning"],
.ui-button[data-type="warn"] {
    background-color: #f28c48;
}
/* danger button */
.ui-button[data-type="danger"],
.ui-button[data-type="error"] {
    background-color: #f4615c;
}
/* disabled status */
.ui-button.disabled,
.ui-button:disabled {
    opacity: .4;
    cursor: default;
}
/* loading status */
.ui-button.loading {
    color: transparent !important;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    cursor: default;
}
/* for IE9 button按钮以及IE9+ input按钮，三个点 */
input.ui-button.loading,
.ui-button.loading::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M0 512a512 512 0 1 0 1024 0A512 512 0 1 0 0 512z' fill='%232486ff'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M0 512a512 512 0 1 0 1024 0A512 512 0 1 0 0 512z' fill='%232486ff'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M0 512a512 512 0 1 0 1024 0A512 512 0 1 0 0 512z' fill='%232486ff'/%3E%3C/svg%3E");
    background-position-x: calc(50% - 10px), 50%, calc(50% + 10px);
    /* IE不支持calc计算动画，因此是要具体数值代替 */
    background-position-y: 18px, 18px, 18px;
    background-size: 5px 5px;
    animation: bubbling 1s infinite;
}
input.ui-button[data-type]:not([data-type="normal"]).loading,
.ui-button[data-type]:not([data-type="normal"]).loading::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M0 512a512 512 0 1 0 1024 0A512 512 0 1 0 0 512z' fill='%23fff'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M0 512a512 512 0 1 0 1024 0A512 512 0 1 0 0 512z' fill='%23fff'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M0 512a512 512 0 1 0 1024 0A512 512 0 1 0 0 512z' fill='%23fff'/%3E%3C/svg%3E");
}
/* IE9+ */
.ui-button.loading::before {
    content: '';
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    background-repeat: no-repeat;
}
/* IE10+，:invalid伪类IE10+才支持 */
.ui-button.loading::before,
div:invalid {
    width: 20px; height: 20px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512 1024q-104 0-199-40-92-39-163-110T40 711Q0 616 0 512q0-15 10.5-25.5T36 476t25.5 10.5T72 512q0 90 35 171 33 79 94 140t140 95q81 34 171 34t171-35q79-33 140-94t95-140q34-81 34-171t-35-171q-33-79-94-140t-140-95q-81-34-171-34-15 0-25.5-10.5T476 36t10.5-25.5T512 0q104 0 199 40 92 39 163 110t110 163q40 95 40 199t-40 199q-39 92-110 163T711 984q-95 40-199 40z' fill='%232486ff'/%3E%3C/svg%3E") no-repeat center;
    background-size: 20px 20px;
    margin: auto;
    animation: spin 1s linear infinite;
}
/* IE10+ */
.ui-button[data-type]:not([data-type="normal"]).loading::before,
div:invalid {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512 1024q-104 0-199-40-92-39-163-110T40 711Q0 616 0 512q0-15 10.5-25.5T36 476t25.5 10.5T72 512q0 90 35 171 33 79 94 140t140 95q81 34 171 34t171-35q79-33 140-94t95-140q34-81 34-171t-35-171q-33-79-94-140t-140-95q-81-34-171-34-15 0-25.5-10.5T476 36t10.5-25.5T512 0q104 0 199 40 92 39 163 110t110 163q40 95 40 199t-40 199q-39 92-110 163T711 984q-95 40-199 40z' fill='%23fff'/%3E%3C/svg%3E");
}
@keyframes bubbling {
    0% {
        background-position-y: 18px, 18px, 18px;
    }
    15% {
        background-position-y: 15px, 18px, 18px;
    }
    30% {
        background-position-y: 17px, 15px, 18px;
    }
    45% {
        background-position-y: 18px, 17px, 15px;
    }
    60% {
        background-position-y: 18px, 18px, 17px;
    }
}
@keyframes spin {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
/* error */
.ui-button.error {
    border-color: #f4615c !important;
}@charset "UTF-8";
/**
 *
 * @Checkbox.css
 * @author zhangxinxu
 * @create 15-06-18
 * @edit 17-06-14    focusable
**/
input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: -1;
}
/* 无绝对定位的模拟生成实现 */
.ui-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 2px;
    box-sizing: border-box;
    box-shadow: inset 0 1px, inset 1px 0, inset -1px 0, inset 0 -1px;
    background-color: #fff;
    background-clip: content-box;
    color: #d9d9d9;
    transition: color .2s, background-color .1s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: -3px;
    overflow: hidden;
}
:not(:disabled) + .ui-checkbox:hover,
:disabled + .ui-checkbox {
    color: #ababaf;
}
:focus + .ui-checkbox {
    color: #2486ff;
}
:focus + .ui-checkbox:hover {
    color: #0057c3;
}
:checked + .ui-checkbox {
    color: #2486ff;
    background-color: #2486ff;
}
:checked:focus + .ui-checkbox,
:checked + .ui-checkbox:hover {
    color: #0057c3;
    background-color: #0057c3;
}
.ui-checkbox::after {
    content: '';
    display: block;
    width: 100%; height: 100%;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M920.185 224.838c-33.782-33.935-88.619-33.935-122.464 0L409.955 614.564 226.231 429.952c-33.782-33.935-88.68-33.935-122.461 0-33.784 33.997-33.784 89.108 0 123.044l244.925 246.118c33.782 33.998 88.68 33.998 122.463 0l449.028-451.201c33.843-33.967 33.843-89.048-.001-123.075z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
    background-size: 12px 12px;
    visibility: hidden;
}
:checked + .ui-checkbox::after {
    visibility: visible;
}
:disabled + .ui-checkbox {
    opacity: .38;
}
/* error */
.error.ui-checkbox {
    color: #f4615c;
}
@charset "UTF-8";
/**
 *
 * @Color.css
 * @author xinxuzhang
 * @create 16-06-03
**/
input[type='color'] {
    opacity: 0;
}
.ui-color-input {
    width: 40px; height: 40px;
    margin: 0; padding: 0;
    border: 0 none;
    opacity: 0;
    vertical-align: middle;
    /* remove IE caret光标 */
    text-indent: -999px;
    position: relative;
    z-index: -1;
}
.ui-color-track {
    display: inline;
    /*    重要，不会换行    */
    position: absolute;
    width: 40px; height: 40px;
    border-radius: 4px;
    background-color: rgba(25, 28, 34, 0.2);
    cursor: pointer;
}
.ui-color-thumb {
    display: block;
    margin: 7px auto;
    width: 24px; height: 24px;
    border: 1px solid #f7f9fa;
    border-radius: 3px;
    background-color: #4c5161;
    background-clip: content-box;
    transition: background-color .25s;
}
.ui-color-container {
    display: none;
    position: absolute;
    width: 241px;
    padding: 10px 12px;
    border-radius: 4px;
    background-color: #f7f9fa;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    font-size: 14px;
    animation: fadeIn .2s;
    z-index: 21;
}
.ui-color-switch {
    position: absolute;
    top: 12px; right: 12px;
    color: #2486ff;
    border: 1px solid transparent;
    height: 20px;
    line-height: 20px;
    padding: 2px 5px;
    border-radius: 3px;
    background: none;
    font-family: inherit;
    transition: border-color .2s, background-color .2s;
    box-sizing: content-box;
}
.ui-color-switch:hover {
    background-color: #fff;
    border-color: #d0d0d5;
    background-color: #fff;
}
.ui-color-switch:active {
    line-height: normal;
}
.ui-color-current {
    padding-bottom: 20px;
}
.ui-color-current-square {
    display: inline-block;
    width: 20px; height: 20px;
    margin-right: 5px;
    border-radius: 3px;
    box-shadow: inset 0 1px rgba(0, 0, 0, .25), inset 0 -1px rgba(0, 0, 0, .25), inset 1px 0 rgba(0, 0, 0, .25), inset -1px 0 rgba(0, 0, 0, .25);
    background-color: currentColor;
    vertical-align: middle;
}
.ui-color-current-input {
    width: 72px;
    border: 1px solid #d0d0d5;
    background-color: #fff;
    height: 20px;
    line-height: 20px;
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 5px;
    font-size: 13px;
    vertical-align: middle;
    box-sizing: content-box;
    text-transform: uppercase;
    color: inherit;
}
.ui-color-body {
    min-height: 100px;
}
.ui-color-basic {
    overflow: hidden;
}
.ui-color-lump-group {
    width: 72px;
    float: left;
}
.ui-color-lump {
    display: block;
    width: 11px;
    height: 11px;
    margin: 0 1px 1px 0;
    box-sizing: border-box;
    background-color: currentColor;
}
.ui-color-lump:hover,
.ui-color-basic a.active {
    border: 1px solid #fff;
}
.ui-color-basic-l {
    width: 12px;
    float: left;
    overflow: hidden;
}
.ui-color-basic-r {
    margin-left: 25px;
    overflow: hidden;
}
.ui-color-basic-r .ui-color-lump {
    float: left;
}
.ui-color-more {
    display: none;
    height: 100px;
}
.ui-color-more svg {
    width: 100%;
    height: 100%;
}
.ui-color-more-l {
    width: 180px;
    height: inherit;
    float: left;
    position: relative;
}
.ui-color-cover-white {
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #808080);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00808080,endcolorstr=#FF808080,gradientType=0);
    cursor: crosshair;
}
.ui-color-circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 3px solid #fff;
    border-radius: 20px;
    background-color: #f00;
    background-clip: content-box;
    -ms-transform: translate(-11px, -11px);
    transform: translate(-11px, -11px);
}
.ui-color-more-r {
    height: inherit;
    float: right;
    padding-right: 8px;
    position: relative;
}
.ui-color-more-fill {
    display: block;
    width: 16px;
    height: 100%;
    background-color: #f00;
}
.ui-color-cover-white,
.ui-color-more-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: 100px;
}
.ui-color-more-cover {
    background-color: rgba(0, 0, 0, 0.01);
}
.ui-color-more-arrow {
    position: absolute;
    right: 0;
    top: 100%;
}
.ui-color-more-arrow::before {
    content: '';
    position: absolute;
    right: 0;
    top: -5px;
    width: 0;
    height: 0;
    border-width: 5px 6px;
    border-style: solid;
    border-color: transparent;
    border-right-color: #36383f;
    overflow: hidden;
}
.ui-color-footer {
    margin-top: 15px;
    padding-bottom: 5px;
    text-align: right;
}
.ui-color-button-cancel,
.ui-color-button-ensure {
    display: inline-block;
    width: 80px;
    line-height: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: 15px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-family: inherit;
    transition: box-shadow .2s, border-color .2s;
    cursor: pointer;
}
.ui-color-button-cancel {
    border: 1px solid #d0d0d5;
    background-color: #fff;
    color: #4c5161;
}
.ui-color-button-cancel:hover {
    border-color: #ababaf;
    color: #4c5161;
}
.ui-color-button-ensure {
    border: 1px solid #2486ff;
    background-color: #2486ff;
    color: #fff;
}
.ui-color-button-ensure:hover {
    color: #fff;
}
.ui-color-button-cancel:hover,
.ui-color-button-ensure:hover {
    box-shadow: inset 0 1px 2px rgba(0,0,0,.01), inset 0 0 0 100px rgba(0,0,0,.05);
}
.ui-color-button-cancel:active,
.ui-color-button-ensure:active {
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1), inset 0 0 0 100px rgba(0,0,0,.1);
}/**
 *
 * @Datalist.css
 * @author zhangxinxu
 * @create 16-03-29
 *
**/
datalist {
    display: none;
}
.ui-datalist {
    display: none;
    position: absolute;
    animation: fadeIn .2s;
    z-index: 19;
}
.ui-datalist-datalist {
    max-height: 304px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #d0d0d5;
    border: 0 rgba(0, 0, 0, 0.2);
    font-size: 14px;
    position: relative;
    overflow: auto;
}
.ui-datalist-datalist::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.ui-datalist-datalist::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 8px;
}
.ui-datalist-datalist::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}
.ui-datalist-datalist::-webkit-scrollbar-track-piece {
    background-color: #ddd;
}
.ui-datalist-option {
    line-height: 20px;
    padding: 9px 12px;
    background-color: #fff;
    transition: background-color .15s;
    overflow: hidden;
    cursor: pointer;
}
.ui-datalist:empty,
.ui-datalist-option:empty {
    display: none;
}
.ui-datalist-option:not(.disabled):hover {
    background-color: #f0f7ff;
}
.ui-datalist-datalist > .selected {
    background-color: #e0f0ff;
}
.ui-datalist-datalist > .disabled {
    opacity: .4;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui-datalist-value {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    overflow: hidden;
}
.ui-datalist-label {
    float: right;
    color: #a2a9b6;
    font-size: 12px;
}
.ui-datalist-label + .ui-datalist-value {
    margin-right: 60px;
}
@charset "UTF-8";
/**
 *
 * @Date.css
 * @author xinxuzhang
 * @create 15-07-03
 *
**/
::-webkit-clear-button,
::-webkit-inner-spin-button,
::-webkit-calendar-picker-indicator {
    display: none;
}
[type="date"]::-webkit-datetime-edit-text {
    color: transparent;
    background: linear-gradient(to bottom, transparent 9px, #4c5161 9px, #4c5161 10px, transparent 10px) no-repeat center;
    background-size: 80% 100%;
}
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-ampm-field {
    background: none;
    color: #4c5161;
}
:disabled::-webkit-datetime-edit-text,
:disabled::-webkit-datetime-edit-year-field,
:disabled::-webkit-datetime-edit-month-field,
:disabled::-webkit-datetime-edit-day-field,
:disabled::-webkit-datetime-edit-hour-field,
:disabled::-webkit-datetime-edit-minute-field,
:disabled::-webkit-datetime-edit-ampm-field {
    opacity: .4;
}
:valid::-webkit-datetime-edit {
    visibility: hidden;
}
.ui-date-input,
.ui-year-input,
.ui-month-input,
.ui-time-input,
.ui-date-range-input,
.ui-month-range-input {
    position: relative;
}
[class].ui-date-input > input,
[class].ui-year-input > input,
[class].ui-month-input > input,
[class].ui-time-input > input,
[class].ui-hour-input > input,
[class].ui-date-range-input > input,
[class].ui-month-range-input > input {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff;
}
.ui-input:hover > input[readonly] {
    border-color: #ababaf;
}
.ui-input:active > input[readonly] {
    background-color: #f7f9fa;
}
span.ui-date-input > input {
    width: 125px;
}
span.ui-year-input > input,
span.ui-time-input > input {
    width: 85px;
}
span.ui-month-input > input {
    width: 125px;
}
span.ui-date-range-input > input {
    width: 210px;
}
span.ui-month-range-input > input {
    width: 170px;
}
/* Chrome-window/iOS 月份日期控件会根据系统添加中文描述，宽度不定，因此，宽度使用自动宽度 */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    span.ui-time-input > [type="time"] {
        width: auto;
        /* for Safari */
        max-width: 125px;
    }
}
@supports not (-moz-appearance: none) {
    span.ui-time-input > [type="time"] {
        padding-right: 33px;
    }
}
/* 这里定位改成覆盖是为了避免IE浏览器下的focus光标 */
.ui-date-arrow {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    border-right: 6px solid transparent;
    cursor: pointer;
}
.ui-date-arrow::before {
    content: '';
    position: absolute;
    width: 20px; height: 20px;
    top: 0; bottom: 0; right: 0;
    margin: auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-205 297 200 200'%3E%3Cpath d='M-59.3 365.9c-5.1-5.2-13.4-5.2-18.5 0l-27.7 28.3-27.7-28.3c-5.1-5.2-13.4-5.2-18.5 0s-5.1 13.6 0 18.9l46.2 47.1 46.2-47.1c5.1-5.2 5.1-13.6 0-18.9z' fill='%232486ff'/%3E%3C/svg%3E") no-repeat right;
    background-size: 20px 20px;
}
:disabled + .ui-date-arrow {
    cursor: default;
}
:disabled + .ui-date-arrow::before {
    opacity: .4;
}
/* firefox覆盖清除按钮 */
::-moz-focus-inner,
.ui-date-arrow {
    color: #fff;
    background: linear-gradient(to left, currentColor 30px, transparent 30px) no-repeat right;
    background-size: 20px 20px;
}
::-moz-focus-inner,
.ui-date-arrow:active,
:disabled + .ui-date-arrow {
    color: #f7f9fa;
}
/* 选择浮层 */
.ui-date-container {
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    border: 1px solid #d0d0d5;
    border-radius: 4px;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    animation: fadeIn .2s;
}
body > .ui-date-container {
    display: none;
    position: absolute;
    z-index: 9;
}
.ui-date-container a {
    text-decoration: none;
    transition: background-color .2s, color .2s;
}
.ui-date-head {
    padding: 5px 0 0;
    overflow: hidden;
}
.ui-date-half {
    width: 50%;
    float: left;
}
.ui-date-prev, .ui-date-next {
    width: 35px;
    height: 30px;
    text-align: center;
    color: #b6bbc6;
    fill: currentColor;
}
a.ui-date-prev:hover {
    color: #2486ff;
}
span.ui-date-prev {
    color: #ccd0d7;
}
a.ui-date-next:hover {
    color: #2486ff;
}
span.ui-date-next {
    color: #ccd0d7;
}
.ui-date-prev > svg,
.ui-date-next > svg {
    display: block;
    width: 20px;
    height: 20px;
    margin: 5px auto 0;
}
.ui-date-next > svg {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.ui-date-prev {
    float: left;
}
.ui-date-next {
    float: right;
}
.ui-date-switch {
    display: block;
    line-height: 30px;
    margin: 0 35px;
    border-radius: 2px;
    color: #4c5161;
    text-align: center;
}
a.ui-date-switch:hover,
a.ui-date-item:not(.selected):hover {
    color: #4c5161;
    background-color: #f0f0f2;
}
.ui-minute-x,
.ui-hour-x,
.ui-year-x,
.ui-month-x,
.ui-date-x {
    width: 225px;
}
.ui-minute-x[data-step="1"] {
    width: 328px;
}
.ui-minute-x[data-step="2"] {
    width: 276px;
}
.ui-minute-body {
    padding-left: 12px;
    padding-bottom: 12px;
}
.ui-hour-body {
    padding: 8px 0 12px 12px;
}
.ui-year-body,
.ui-month-body,
.ui-date-body {
    padding-left: 5px;
    padding-right: 2px;
    padding-bottom: 5px;
}
.ui-date-item {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    font-size: 13px;
    color: #4c5161;
}
span.ui-date-item {
    opacity: .4;
}
.ui-date-item.col0,
.ui-date-item.col6,
.ui-day-item.col0,
.ui-day-item.col6 {
    color: #f4615c;
}
.ui-date-tr:last-child .ui-date-item:empty {
    display: none;
}
.ui-minute-body .ui-date-item,
.ui-hour-body .ui-date-item {
    width: 45px;
    line-height: 26px;
    margin-top: 4px;
    margin-right: 7px;
}
.ui-year-body .ui-date-item,
.ui-month-body .ui-date-item {
    width: 45px;
    line-height: 54px;
    margin-top: 5px;
    margin-left: 7px;
}
.ui-date-now {
    display: block;
    line-height: 30px;
    margin: 0 5px 5px;
    text-align: center;
}
.ui-day-x {
    padding: 0 2px 0 5px;
    text-align: center;
}
.ui-day-item,
.ui-date-body .ui-date-item {
    display: inline-block;
    width: 28px;
    line-height: 28px;
    margin-right: 3px;
    margin-top: 1px;
    vertical-align: top;
}
.ui-range-x {
    width: 458px;
}
.ui-range-body {
    overflow: hidden;
}
.ui-range-body .ui-date-half + .ui-date-half {
    border-left: 1px solid #f0f0f2;
    margin-left: -1px;
}
.ui-range-footer {
    padding: 5px 15px 15px;
    text-align: right;
}
.ui-range-footer > .ui-button {
    margin-left: 10px;
}
.ui-date-container .selected {
    background-color: #2486ff;
    color: #fff;
    cursor: default;
}
.ui-date-container span.selected {
    opacity: .4;
}
.ui-range-body .ui-date-half {
    width: 229px;
}
.ui-range-body .ui-date-body {
    padding-left: 6px;
    padding-right: 0;
}
.ui-range-body .ui-month-body {
    margin-bottom: 15px;
}
.ui-range-date-body .selected {
    width: 26px;
    line-height: 26px;
    border: 1px solid #2486ff;
    border-right-width: 4px;
    margin-right: 0;
    border-radius: 0;
}
.ui-range-body .selected.col0 {
    margin-left: -6px;
    border-left-width: 7px;
}
.ui-range-body .selected.col6 {
    border-right-width: 10px;
}
.ui-range-body .selected.ui-date-first:not(.col0) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.ui-range-body .selected.ui-date-last:not(.col6) {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.ui-range-body .ui-date-begin,
.ui-range-body .ui-date-end {
    border-radius: 0;
    width: 26px;
    background-color: #fff;
    color: #4c5161;
}
.ui-range-body .ui-date-begin {
    border-right-width: 4px;
    border-left-width: 1px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.ui-range-body .ui-date-end {
    margin-right: 3px;
    border-right-width: 1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.ui-range-body .ui-date-begin:hover,
.ui-range-body .ui-date-end:hover {
    background-color: #fff;
    color: #4c5161;
}
.ui-range-body .ui-date-begin.col6 {
    border-right-width: 0;
    padding-right: 9px;
}
.ui-range-body .ui-date-begin.col0 {
    border-left-width: 1px;
    margin-left: 0;
}
.ui-range-body .ui-date-end.col0 {
    border-left-width: 0;
    padding-left: 7px;
}
.ui-range-body .ui-date-end.col6 {
    border-right-width: 1px;
}
.ui-range-body .ui-date-begin.ui-date-end {
    margin-right: 3px;
    padding: 0;
    border: 1px solid #2486ff;
    border-radius: 2px;
}
.ui-range-body .ui-date-begin + .ui-date-end {
    border-left-width: 1px;
    margin-right: 3px;
}
@charset "UTF-8";
/**
 *
 * @Dialog.css
 * @author zhangxinxu
 * @create 15-06-18
 * @edit   19-10-31
 *
**/
.ui-dialog-container {
    position: fixed;
    left: 0; top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    background-color: rgba(25, 28, 34, 0.88);
    text-align: center;
    color: #4c5161;
    font-size: 14px;
    overflow: auto;
    z-index: 19;
}
.ui-dialog-container:not([open]) {
    display: none;
}
.ui-dialog-animation {
    animation: fadeIn .2s both;
}
/* 多个弹框出现的时候，隐藏后面弹框的背景 */
.ui-dialog-container + .ui-dialog-container {
    transition: background-color .2s;
    background-color: transparent;
}
.ui-dialog-container:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 90%;
    vertical-align: middle;
}
.ui-dialog {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    min-width: 400px;
    border-radius: 4px;
    background-color: #f7f9fa;
    vertical-align: middle;
    outline: none;
    position: relative;
}
.ui-dialog-animation .ui-dialog {
    animation: tinydown .25s;
}
.ui-dialog-title {
    margin: 0;
    line-height: 30px;
    padding: 15px 50px 0 25px;
    font-weight: bold;
    font-size: 14px;
    color: #4c5161;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}
.ui-dialog-close {
    position: absolute;
    top: 8px; right: 7px;
    width: 40px; height: 40px;
    border: 0;
    background: none;
    transition: fill .2s;
    fill: #b6bbc6;
    cursor: pointer;
    z-index: 1;
}
.ui-dialog-close > svg {
    width: 20px;
    height: 20px;
}
.ui-dialog-close:hover {
    background-color: #4c5161;
    background-color: rgba(0, 0, 0, 0);
    fill: #4c5161;
}
.ui-dialog-body {
    min-height: 60px;
    padding: 10px 25px 20px;
}
.ui-dialog-title:empty ~ .ui-dialog-body {
    min-height: 40px;
    padding-top: 30px;
}
.ui-dialog-body:after {
    content: '';
    display: table;
    clear: both;
}
.ui-dialog-footer {
    padding: 3px 25px 25px;
    margin-top: -3px;
    text-align: right;
    max-height: 40px;
    opacity: 1;
    transition: max-height .2s, opacity .2s .1s;
    overflow: hidden;
}
.ui-dialog-footer:empty {
    max-height: 0;
    opacity: 0;
}
.ui-dialog-footer .ui-button {
    margin-left: 15px;
}
.ui-dialog-footer .ui-button:first-child {
    margin-left: 0;
}
.ui-dialog-stretch {
    max-height: 1000px;
    position: absolute;
    top: 20px;
    bottom: 30px;
    left: 50%;
    margin: auto 0 auto -300px;
}
.ui-dialog-stretch .ui-dialog-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}
.ui-dialog-stretch .ui-dialog-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 90px;
    padding: 0 0 0 25px;
    overflow: auto;
}
.ui-dialog-remind {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-105 197 400 400'%3E%3Cstyle%3E.st1%7Bfill:%23fff%7D%3C/style%3E%3Cpath d='M95.5 197.5c110.5 0 200 89.5 200 200s-89.5 200-200 200-200-89.5-200-200 89.5-200 200-200z' fill='%232486ff'/%3E%3Cpath class='st1' d='M90.5 347.5h10c2.8 0 5 2.2 5 5v150c0 2.8-2.2 5-5 5h-10c-2.8 0-5-2.2-5-5v-150c0-2.8 2.2-5 5-5zM90.5 297.5h10c2.8 0 5 2.2 5 5v20c0 2.8-2.2 5-5 5h-10c-2.8 0-5-2.2-5-5v-20c0-2.8 2.2-5 5-5z'/%3E%3C/svg%3E"), none;
}
.ui-dialog-success {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cpath fill='%2301cf97' d='M400.5 200.5c0 110.457-89.542 199.999-199.999 199.999C90.043 400.499.5 310.957.5 200.5m0 0C.5 90.042 90.043.5 200.501.5 310.958.5 400.5 90.042 400.5 200.5'/%3E%3Cpath fill='%23FFF' d='M286.398 147.132c-1.654-1.134-3.306-2.395-6.801-4.293-4.271-2.336-9.259 2.624-12.391 6.816l-77.641 102.279-47.916-63.522c-3.144-4.188-4.902-8.468-13.073-1.859-3.097 2.123.234-.361-3.969 2.881-3.884 3.064-4.105 8.598-.971 12.774 0 0 38.641 55.817 45.883 65.074 10.625 13.22 29.944 12.57 40.087 0 7.483-9.473 77.757-107.584 77.757-107.584 3.14-4.194 2.898-9.697-.965-12.566z'/%3E%3C/svg%3E"), none;
}
.ui-dialog-warning {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cpath fill='%23f28c48' d='M400.5 200.5c0 110.457-89.542 199.999-199.999 199.999C90.043 400.499.5 310.957.5 200.5m0 0C.5 90.042 90.043.5 200.501.5 310.958.5 400.5 90.042 400.5 200.5'/%3E%3Cpath fill='%23FFF' d='M195.503 100.503h10a5 5 0 0 1 5 5v150a5 5 0 0 1-5 5h-10a5 5 0 0 1-5-5v-150a5 5 0 0 1 5-5zM195.503 280.502h10a5 5 0 0 1 5 4.999v20.002a5 5 0 0 1-5 5h-10a5 5 0 0 1-5-5v-20.002a5 5 0 0 1 5-4.999z'/%3E%3C/svg%3E"), none;
}
.ui-dialog-danger {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cpath fill='%23f4615c' d='M400.5 200.5c0 110.457-89.542 199.999-199.999 199.999C90.043 400.499.5 310.957.5 200.5m0 0C.5 90.042 90.043.5 200.501.5 310.958.5 400.5 90.042 400.5 200.5'/%3E%3Cpath fill='%23FFF' d='M195.503 100.503h10a5 5 0 0 1 5 5v150a5 5 0 0 1-5 5h-10a5 5 0 0 1-5-5v-150a5 5 0 0 1 5-5zM195.503 280.502h10a5 5 0 0 1 5 4.999v20.002a5 5 0 0 1-5 5h-10a5 5 0 0 1-5-5v-20.002a5 5 0 0 1 5-4.999z'/%3E%3C/svg%3E"), none;
}
.ui-dialog-alert,
.ui-dialog-confirm {
    max-width: 340px;
    min-height: 40px;
    padding-top: 10px;
    font-size: 16px;
    word-wrap: break-word;
    overflow: hidden;
}
.ui-dialog-remind,
.ui-dialog-success,
.ui-dialog-warning,
.ui-dialog-danger {
    padding: 20px 0 20px 60px;
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-size: 40px 40px;
}
.ui-dialog-alert > h6,
.ui-dialog-confirm > h6 {
    font-size: 15px;
    margin-bottom: 5px;
}
.ui-dialog-alert > :first-child:only-child,
.ui-dialog-confirm > :first-child:only-child {
    margin-top: 0;
}
.ui-dialog-alert > :first-child:not(:only-child),
.ui-dialog-confirm > :first-child:not(:only-child) {
    margin-top: -10px;
}
.ui-dialog-alert > h6 ~ p,
.ui-dialog-confirm > h6 ~ p {
    font-size: 14px;
}
.ui-dialog-alert > p,
.ui-dialog-confirm > p {
    margin: 0;
}
.ui-dialog-loading .ui-dialog-title,
.ui-dialog-loading .ui-dialog-close,
.ui-dialog-loading .ui-dialog-footer {
    visibility: hidden;
}
.ui-dialog-loading .ui-dialog-body {
    min-width: 400px;
}/**
 *
 * @DropList.css
 * @author xinxuzhang
 * @create 15-07-01
 * @edit  19-10-20 sunmeiye
 *
**/
.ui-droplist-x {
    position: absolute;
    width: 111px;
    padding: 8px 0;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    font-size: 14px;
    animation: fadeIn .2s;
    z-index: 9;
}
.ui-droplist-li {
    display: block;
    line-height: 16px;
    border-radius: 4px;
    padding: 6px 8px;
    margin: 2px 8px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}
.ui-droplist-hr {
    border: 0;
    border-bottom: 1px solid #d0d0d5;
    margin: 7px 12px;
    opacity: .4;
}
a.ui-droplist-li:hover {
    color: #3e7fdf;
    background-color: #f0f3fa;
}
a.ui-droplist-li:hover::after {
    background-position: 0 -20px;
}
span.ui-droplist-li {
    color: #a2a9b6;
    cursor: default;
}
.ui-droplist-li[data-sublist]::before {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: 1px;
    float: right;
}
.ui-droplist-x > .selected {
    background-color: #f0f3fa;
    color: #3e7fdf;
}
.selected + .ui-droplist-xx > .ui-droplist-x {
    display: block;
}
.ui-droplist-xx {
    position: relative;
}
.ui-droplist-xx > .ui-droplist-x {
    display: none;
    left: calc(100% - 5px);
    top: -35px;
}
.ui-droplist-xx > .reverse {
    left: auto;
    right: calc(100% - 5px);
}
.ui-droplist-arrow:empty,
.ui-droplist-arrow:not(:empty)::after,
.ui-droplist-li[data-sublist]::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-205 197 200 400'%3E%3Cpath d='M-59.7 271.6c-4.2-4.1-11-4.1-15.3 0l-30.5 29.6-30.5-29.6c-4.2-4.1-11-4.1-15.3 0-4.2 4.1-4.2 10.7 0 14.8l38.2 37c4.2 4.1 11 4.1 15.3 0l38.2-37c4.1-4.1 4.1-10.7-.1-14.8z' fill='%23a2a9b6'/%3E%3Cpath d='M-58.7 471.6c-4.2-4.1-11-4.1-15.3 0l-30.5 29.6-30.5-29.6c-4.2-4.1-11-4.1-15.3 0-4.2 4.1-4.2 10.7 0 14.8l38.2 37c4.2 4.1 11 4.1 15.3 0l38.2-37c4.1-4.1 4.1-10.7-.1-14.8z' fill='%232486ff'/%3E%3C/svg%3E"), none;
    background-size: 20px 40px;
    vertical-align: -5px;
}
a:hover .ui-droplist-arrow:empty,
.ui-droplist-arrow:not(:empty):hover::after {
    background-position: 0 -20px;
}
/**
 *
 * @DropPanel.css
 * @author xinxuzhang
 * @create 15-07-01
 *
**/
.ui-dropanel-x {
    position: absolute;
    width: 260px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    border: 1px solid #d0d0d5;
    border: 0 rgba(0, 0, 0, 0.2);
    font-size: 14px;
    animation: fadeIn .2s;
    z-index: 9;
}
.ui-dropanel-title {
    line-height: 20px;
    margin-top: -2px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
}
.ui-dropanel-close {
    position: absolute;
    top: 3px; right: 2px;
    width: 40px; height: 40px;
    border: 0;
    background: none;
    margin: 0; padding: 0;
    transition: fill .2s;
    fill: #b6bbc6;
    cursor: pointer;
    z-index: 1;
}
.ui-dropanel-close svg {
    width: 20px;
    height: 20px;
}
.ui-dropanel-close:hover {
    background-color: #4c5161;
    fill: #4c5161;
    background: none, none;
}
.ui-dropanel-content {
    display: block;
    min-height: 40px;
    padding: 10px 0 20px;
}
.ui-dropanel-footer {
    text-align: right;
}
.ui-dropanel-footer .ui-button {
    margin-left: 15px;
}
.ui-dropanel-footer .ui-button:first-child {
    margin-left: 0;
}
@charset "UTF-8";
/**
 *
 * @Input.css
 * @author zhangxinxu(.com)
 * @create 15-06-16
 * @edit     17-06-13
 *                 19-07-18 version pure
 */
/*disabled X for IE */
input:not([type=search])::-ms-clear {
    display: none;
}
/* reset [type=search] ui */
[type=search] {
    -webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    margin-right: -2px;
    background: #b6bbc6 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkYiIGQ9Ik0wIDB2MjAwaDIwMFYwSDB6bTE1MS42MzYgMTM2LjQ4MmE3LjM3NCA3LjM3NCAwIDAgMSAwIDEwLjQyN2wtNS4yMTIgNS4yMWE3LjM3MiA3LjM3MiAwIDAgMS0xMC40MjYgMGwtMzYuNDgzLTM2LjQ4NUw2My4wMyAxNTIuMTJhNy4zNyA3LjM3IDAgMCAxLTEwLjQyNCAwbC01LjIxLTUuMjFhNy4zNyA3LjM3IDAgMCAxIDAtMTAuNDI4TDgzLjg4IDEwMCA0Ny4zOTYgNjMuNTE0YTcuMzY4IDcuMzY4IDAgMCAxIDAtMTAuNDI1bDUuMjEtNS4yMWE3LjM2OCA3LjM2OCAwIDAgMSAxMC40MjYgMEw5OS41MTYgODQuMzYgMTM2IDQ3Ljg4YTcuMzcgNy4zNyAwIDAgMSAxMC40MjUgMGw1LjIxMiA1LjIxYTcuMzcgNy4zNyAwIDAgMSAwIDEwLjQyNUwxMTUuMTUzIDEwMGwzNi40ODMgMzYuNDgyeiIvPjwvc3ZnPg==) no-repeat center;
    background-size: 20px 20px;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
    cursor: pointer;
}
[type=search]::-webkit-search-cancel-button:hover {
    background-color: #4c5161;
}
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    background-color: transparent;
}
input[disabled],
input[readonly] {
    cursor: default;
}
input.ui-input,
.ui-input > input {
    height: 40px;
    line-height: 20px;
    padding: 9px 8px;
    border: 1px solid #d0d0d5;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 14px;
    outline: none;
    color: #4c5161;
    transition: border-color .15s, background-color .15s;
}
.ui-input:hover,
.ui-input:hover > input {
    border-color: #ababaf;
}
.ui-input:focus,
.ui-input > input:focus {
    border-color: #2486ff;
}
span.ui-input {
    display: inline-block;
}
div.ui-input > input,
input[width="100%"] {
    width: 100%;
}
/* input with count */
.ui-input-x {
    position: relative;
    padding: 0 56px 0 3px;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
}
.ui-input-x > input {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 20px;
    padding: 9px 0 9px;
    border: 0 none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    right: -6px;
    color: #4c5161;
    font-size: 14px;
    outline: none;
    background: none;
    background-clip: content-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.ui-input-x > .ui-input {
    position: absolute;
    border: 1px solid #d0d0d5;
    border-radius: 4px;
    background-color: #fff;
    top: 0; bottom: 0; left: 0; right: 0;
    transition: border-color .15s, background-color .15s;
}
.ui-input-x .ui-input-count {
    line-height: 38px;
    padding: 0 2px;
    color: #a2a9b6;
    font-size: 12px;
    white-space: nowrap;
    position: absolute;
    font-family: sans-serif;
    right: 8px;
    top: 1px;
    z-index: 1;
}
.ui-input-count slash {
    margin: 0 1px;
}
.ui-input-x > input:not(:disabled):not([readonly]):hover ~ .ui-input {
    border-color: #ababaf;
}
.ui-input-x > input:not(:disabled):not([readonly]):focus ~ .ui-input {
    border-color: #2486ff;
}
.ui-input-x .ui-placeholder {
    padding: 9px 7px;
    z-index: 1;
}
/* type=[search] with icon */
.ui-input-search:not(input) {
    position: relative;
}
.ui-input-search > input:not(.ui-icon-search) {
    padding-left: 40px;
    direction: ltr;
}
.ui-input-search[dir="rtl"] > :not(.ui-icon-search) {
    padding-right: 40px;
    padding-left: 9px;
}
.ui-icon-search {
    position: absolute;
    left: 3px; top: 1px;
    width: 20px; height: 20px;
    color: #b6bbc6;
    background-color: transparent;
    border: solid transparent;
    border-width: 9px 8px;
    box-sizing: content-box;
    transition: color .2s;
    padding: 0; margin: 0;
    text-indent: -99px;
    font-size: 0;
    cursor: pointer;
    outline: 0 none;
    overflow: hidden;
}
[dir="rtl"] > .ui-icon-search {
    left: auto; right: 3px;
}
.ui-input-search:hover .ui-icon-search {
    color: #ababaf;
}
.ui-input-search > :disabled ~ .ui-icon-search {
    color: #b6bbc6;
    cursor: default;
}
.ui-input-search > :focus ~ .ui-icon-search {
    color: #2486ff;
}
.ui-input-search > .error ~ .ui-icon-search {
    color: #f4615c;
}
/**
 * 改成CSS绘制
 */
.ui-icon-search::before,
.ui-icon-search::after {
    content: '';
    position: absolute;
}
.ui-icon-search::before {
    width: 9px; height: 9px;
    border: 2px solid;
    border-radius: 50%;
    left: 2px; top: 2px;
}
.ui-icon-search::after {
    width: 6px;
    border-top: 2px solid;
    transform-origin: left;
    transform: scaleY(1.25) rotate(30deg);
    left: 13px; top: 11px;
}
/**
 * <input>按钮不支持伪元素，我们使用背景图片代替
 * 不建议使用<input>标签按钮，
 */
input.ui-icon-search {
    border: 0; margin: 1px;
    width: 18px; height: 18px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M638.72 638.72a256 256 0 1 0-361.984-361.984A256 256 0 0 0 638.72 638.72zm58.71 119.04a384 384 0 1 1 85.418-95.573l202.24 202.24a64.256 64.256 0 0 1 .597 91.136 63.744 63.744 0 0 1-91.05-.598l-197.206-197.12z' fill='%23b6bbc6'/%3E%3C/svg%3E") center;
    background-clip: content-box;
    /* 不能是18px 18px，否则Chrome下会有显示bug */
    background-size: 17.9px 17.9px;
    box-sizing: content-box;
}
:focus ~ input.ui-icon-search {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M638.72 638.72a256 256 0 1 0-361.984-361.984A256 256 0 0 0 638.72 638.72zm58.71 119.04a384 384 0 1 1 85.418-95.573l202.24 202.24a64.256 64.256 0 0 1 .597 91.136 63.744 63.744 0 0 1-91.05-.598l-197.206-197.12z' fill='%232486ff'/%3E%3C/svg%3E");
}
.error ~ input.ui-icon-search {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M638.72 638.72a256 256 0 1 0-361.984-361.984A256 256 0 0 0 638.72 638.72zm58.71 119.04a384 384 0 1 1 85.418-95.573l202.24 202.24a64.256 64.256 0 0 1 .597 91.136 63.744 63.744 0 0 1-91.05-.598l-197.206-197.12z' fill='%23f4615c'/%3E%3C/svg%3E");
}
/*
 * disabled and readonly
 * 理论上，[readonly]应该使用:read-only伪类更合适，
 * 只不过Firefox还需要-moz-私有前缀，也就是:-moz-read-only，
 * IE也不支持，Edge13+才支持
 * 比较啰嗦，因此，我们使用属性选择器代替
 **/
input.ui-input:disabled,
.ui-input > input:disabled,
.ui-input-x > :disabled ~ .ui-input {
    background-color: #f7f9fa;
}
/*input.ui-input[readonly],
.ui-input > input[readonly],
.ui-input-x > [readonly] ~ .ui-input {
    background-image: linear-gradient(to bottom right, #fff 50%, transparent 50%);
}*/
input.ui-input:disabled,
.ui-input > input:disabled,
.ui-input-x > input:disabled {
    color: #a2a9b6;
}
.ui-input:disabled:hover,
.ui-input > input:disabled:hover,
.ui-input:hover > input:disabled,
.ui-input[readonly]:hover,
.ui-input > input[readonly]:hover,
.ui-input[readonly]:focus,
.ui-input > input[readonly]:focus {
    border-color: #d0d0d5;
}
/* error */
.ui-input.error,
.ui-input > .error {
    border-color: #f4615c !important;
}
.ui-input-count > .error,
.ui-input-count.error {
    color: #f4615c;
}
/**
 *
 * @Keyboard.css
 * @author zhangxinxu
 * @create 17-06-13
 *
**/
.ui-kbd-tips {
    position: absolute;
    left: -9em;
    top: -9em;
    font-family: consolas, "Liberation Mono", courier, monospace;
    font-size: 12px;
    border-radius: 2px;
    color: #fff;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0.8;
    line-height: 13px;
    padding: 0 3px;
    z-index: 99;
}
.ui-kbd-tips kbd {
    font-family: inherit;
}
.ui-outline.ui-outline {
    outline: 1px dotted #2486ff;
    outline: 5px auto -webkit-focus-ring-color;
}
/**
 *
 * @LightTip.css
 * @author xinxuzhang
 * @create 15-06-25
 * @edit   17-06-19
 * @edit   19-09-13 @ziven27 [去jQuery]
**/
.ui-lightip {
    display: none;
    width: 25em;
    margin: 0 auto;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 1em;
    background-color: #4c5161;
    animation: fadeIn .25s both;
    position: fixed;
    top: 0; left: 1rem; right: 1rem;
    z-index: 19;
    outline: none;
    cursor: default;
}
/* 显示 */
.ui-lightip[open] {
    display: inline;
}
/* 成功状态  */
.ui-lightip[data-status="success"] {
    background-color: #01cf97;
}
/* 失败状态  */
.ui-lightip[data-status="error"] {
    background-color: #f4615c;
}
/* 修改文案  */
.ui-lightip-text {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    text-align: left;
    color: #fff;
}
[data-status="success"] .ui-lightip-text {
    padding-left: 23px;
    margin-left: -5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath fill='%23FFF' d='M163.038 57.226c-5.217-4.162-5.713-4.289-11.674-7.244-2.683-1.344-6.633 2.113-8.569 4.67l-52.648 67.042-34.301-43.387c-1.94-2.558-5.516-3.499-8.2-2.293-6.11 3.095-5.496 2.992-10.715 7.029-2.386 1.883-2.535 5.245-.597 7.793 0 0 36.97 46.917 41.44 52.565 6.557 8.068 18.483 7.669 24.744 0 4.62-5.781 61.117-78.506 61.117-78.506 1.937-2.559 1.788-5.918-.597-7.669z'/%3E%3C/svg%3E");
}
[data-status="error"] .ui-lightip-text {
    padding-left: 23px;
    margin-left: -5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath fill='%23FFF' d='M116.153 99.999l36.484-36.486a7.369 7.369 0 0 0 0-10.423l-5.212-5.213a7.375 7.375 0 0 0-10.425 0l-36.484 36.485-36.485-36.485a7.374 7.374 0 0 0-10.424 0l-5.211 5.213a7.365 7.365 0 0 0 0 10.423L84.88 99.999l-36.483 36.485a7.369 7.369 0 0 0 0 10.426l5.211 5.213a7.38 7.38 0 0 0 10.424 0l36.485-36.486L137 152.122a7.38 7.38 0 0 0 10.425 0l5.212-5.213a7.372 7.372 0 0 0 0-10.426l-36.484-36.484z'/%3E%3C/svg%3E");
}
/* 移动端居中呈现  */
@media screen and (max-width: 640px) {
    .ui-lightip {
        width: auto;
        top: 50%; left: 50%;
        right: auto;
        max-width: calc(100% - 2rem - 2em);
        transform: translate(-50%, -50%);
    }
}
@charset "UTF-8";
/**
 *
 * @Loading.css
 * @author zhangxinxu
 * @create 15-06-23
 * @edit   19-09-24  add custom element support
 *
**/
/*
 * 结构如下：
 * <ui-loading></ui-loading>
 *
*/
ui-loading,
.ui-loading {
    text-align: center;
    cursor: default;
    /* icon offset need */
    box-sizing: border-box;
}
ui-loading {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
}
ui-loading[align="center"] {
    position: absolute;
    left: 50%; top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
ui-loading[rows] {
    display: block;
}
ui-loading:not([rows]):not([spin])::before {
    display: block;
}
ui-loading:not([rows]):not([spin])::after {
    display: none;
}
/* 更高高度使用style属性内容或者JS控制 */
ui-loading[rows="2"] {
    height: 40px;
}
ui-loading[rows="3"] {
    height: 60px;
}
ui-loading[rows="4"] {
    height: 80px;
}
ui-loading[rows="5"] {
    height: 100px;
}
ui-loading[rows="6"] {
    height: 120px;
}
ui-loading[rows="7"] {
    height: 140px;
}
ui-loading[rows="8"] {
    height: 160px;
}
ui-loading[rows="9"] {
    height: 180px;
}
ui-loading[rows="10"] {
    height: 200px;
}
ui-loading[rows="11"] {
    height: 220px;
}
ui-loading[rows="12"] {
    height: 240px;
}
ui-loading[rows="13"] {
    height: 260px;
}
ui-loading[rows="14"] {
    height: 280px;
}
ui-loading[rows="15"] {
    height: 300px;
}
ui-loading::after,
.ui-loading::after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
ui-loading::before,
.ui-loading::before,
.ui-loading-before {
    content: '';
    display: inline-block;
    width: 20px; height: 20px;
    margin: 0 .5em;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512 1024q-104 0-199-40-92-39-163-110T40 711Q0 616 0 512q0-15 10.5-25.5T36 476t25.5 10.5T72 512q0 90 35 171 33 79 94 140t140 95q81 34 171 34t171-35q79-33 140-94t95-140q34-81 34-171t-35-171q-33-79-94-140t-140-95q-81-34-171-34-15 0-25.5-10.5T476 36t10.5-25.5T512 0q104 0 199 40 92 39 163 110t110 163q40 95 40 199t-40 199q-39 92-110 163T711 984q-95 40-199 40z' fill='%232486ff'/%3E%3C/svg%3E") no-repeat center;
    background-size: 100%;
    animation: spin 1s linear infinite;
    vertical-align: -4px;
}
ui-loading[spin]::before,
.ui-loading[spin]::before {
    display: none;
}
ui-loading[size="1"]::before,
.ui-loading[size="1"]::before,
[size="1"] > .ui-loading-before {
    width: 10px; height: 10px;
    vertical-align: 0;
}
ui-loading[size="3"]::before,
.ui-loading[size="3"]::before,
[size="3"] > .ui-loading-before {
    width: 30px; height: 30px;
    vertical-align: -8px;
}
ui-loading[size="4"]::before,
.ui-loading[size="4"]::before,
[size="4"] > .ui-loading-before {
    width: 40px; height: 40px;
    vertical-align: -12px;
}
@keyframes spin {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
/* 文本点点点 */
ui-dot {
    display: inline-block;
    height: 1em; line-height: 1;
    text-align: left;
    vertical-align: -.25em;
    overflow: hidden;
}
ui-dot::before {
    display: block;
    content: '...\A..\A.';
    white-space: pre-wrap;
    animation: dot 3s infinite step-start both;
}
@keyframes dot {
    33% {
        transform: translateY(-2em);
    }
    66% {
        transform: translateY(-1em);
    }
}@charset "UTF-8";
/**
 *
 * @Pagination.css
 * @author xinxuzhang
 * @create 15-06-26 ↓7.4%
 * @edit   19-09-19 zhangxinxu
 *
**/
ui-pagination {
    display: block;
    height: 30px;
}
.ui-page {
    display: inline-block;
    min-width: 18px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 5px;
    margin-right: 5px;
    height: 28px;
    line-height: 28px;
    border: 1px solid transparent;
    text-align: center;
    color: #a2a9b6;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: border-color .15s, background-color .15s;
    vertical-align: top;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}
span.ui-page {
    cursor: default;
}
a.ui-page:hover {
    border-color: #b6bbc6;
    color: #a2a9b6;
    text-decoration: none;
}
.ui-page > svg {
    width: 20px;
    height: 20px;
    margin-top: 3px;
}
.ui-page-prev,
.ui-page-next {
    text-align: center;
    fill: currentColor;
    overflow: hidden;
}
/* 当前不可点的按钮颜色 */
span.ui-page-prev,
span.ui-page-next {
    color: #ccd0d7;
}
.ui-page-next svg {
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}
.ui-page-prev {
    margin-left: 0;
}
.ui-page-next {
    margin-right: 0;
}
.ui-page-ellipsis {
    display: inline-block;
}
.ui-page-current {
    color: #fff;
    background-color: #2486ff;
}
.ui-page-text {
    color: #4c5161;
}
.ui-page.loading > svg {
    visibility: hidden;
}
/* IE9+ */
.ui-page.loading::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512 1024q-104 0-199-40-92-39-163-110T40 711Q0 616 0 512q0-15 10.5-25.5T36 476t25.5 10.5T72 512q0 90 35 171 33 79 94 140t140 95q81 34 171 34t171-35q79-33 140-94t95-140q34-81 34-171t-35-171q-33-79-94-140t-140-95q-81-34-171-34-15 0-25.5-10.5T476 36t10.5-25.5T512 0q104 0 199 40 92 39 163 110t110 163q40 95 40 199t-40 199q-39 92-110 163T711 984q-95 40-199 40z' fill='%232486ff'/%3E%3C/svg%3E") no-repeat center;
    background-size: 20px 20px;
    margin: auto;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
/* placeholder */
::-webkit-input-placeholder {
    -webkit-transition: opacity .15s;
    color: #a2a9b6;
    line-height: inherit;
    font-size: 14px;
}
:focus::-webkit-input-placeholder {
    opacity: .38;
}
::-moz-placeholder {
    transition: opacity .15s;
    color: #a2a9b6;
    font-size: 14px;
}
:focus::-moz-placeholder {
    opacity: .38;
}
::placeholder {
    transition: opacity .15s;
    color: #a2a9b6;
    font-size: 14px;
}
:focus::placeholder {
    opacity: .38;
}
:-ms-input-placeholder {
    transition: opacity .15s;
    color: #a2a9b6 !important;
    font-size: 14px;
}
:focus:-ms-input-placeholder {
    opacity: .38;
}
/**
 *
 * @Progress.css
 * @author zhangxinxu
 * @create 19-10-18
 *
**/
.ui-progress {
    display: inline-block;
    width: 10em; height: .25em;
    vertical-align: calc(.25em - 2px);
    border: 0;
    background-color: #d0d0d5;
    color: #2486ff;
    border-radius: 1em;
    overflow: hidden;
}
.ui-progress::-moz-progress-bar {
    background-color: #2486ff;
}
.ui-progress::-webkit-progress-bar {
    background-color: #d0d0d5;
}
.ui-progress::-webkit-progress-value {
    background-color: #2486ff;
}
progress[width="100%"] {
    width: 100%;
}
/* For firefox to match no [value] */
.ui-progress:indeterminate::-moz-progress-bar {
    background-color: inherit;
}
/* remove IE black line */
.ui-progress::-ms-fill {
    border: none;
}
/* IE9 polyfill */
.ui-progress[role] {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
}
.ui-progress[aria-valuenow]::before {
    background-color: #2486ff;
}
/* Determinate only overrides */
.ui-progress[aria-valuenow] {
    background: #d0d0d5;
}
.ui-progress[aria-valuenow]::before {
    content: '';
    display: block;
    height: 100%;
}@charset "UTF-8";
/**
 *
 * @Radio.css
 * @author zhangxinxu
 * @create 15-06-17
 * @edit 17-06-14 focusable
**/
input[type="radio"]:not([class]),
input[type="radio"][class*='ui-'],
input[type="radio"][class=""] {
    position: absolute;
    opacity: 0;
    width: 20px; height: 20px;
    cursor: pointer;
    z-index: -1;
}
.ui-radio {
    display: inline-block;
    width: 20px; height: 20px;
    border: 1px solid #d0d0d5;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    vertical-align: -.5ex;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: border-color .2s;
    overflow: hidden;
}
:not(:disabled) + .ui-radio:hover {
    border-color: #ababaf;
}
:focus + .ui-radio {
    border-color: #2486ff;
}
.ui-radio::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin: 4px auto 0;
    border-radius: 50%;
    background-color: #2486ff;
    visibility: hidden;
}
:checked + .ui-radio::before {
    visibility: visible;
}
:disabled + .ui-radio {
    border-color: #ababaf;
    opacity: .38;
}
/* error */
.error.ui-radio {
    border-color: #f4615c;
}
@charset "UTF-8";
/**
 *
 * @Range.css
 * @author zhangxinxu
 * @create 15-07-20
 * @edit   17-06-16     keyboard support
 *         19-09-23    pure theme
**/
[type="range"],
.ui-range-input {
    height: 20px;
    margin: 0;
    padding: 0;
    touch-action: none;
    visibility: hidden;
    vertical-align: middle;
}
div.ui-range-input > input {
    width: 100%;
    visibility: hidden;
}
.ui-range {
    display: inline-block;
    /* 重要，不会换行 */
    /*position: absolute;*/
    visibility: visible;
    transition: opacity .2s;
}
.ui-range-track {
    height: 4px;
    margin-top: 8px;
    border-radius: 4px;
    background-color: #a2a9b6;
    border-left: 0 solid #2486ff;
    text-align: left;
}
.ui-range-thumb {
    width: 16px; height: 16px;
    position: absolute;
    margin: -7px 0 0 -9px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .25);
    transition: border-color .15s, background-color .15s;
    cursor: pointer;
}
.ui-range-thumb:hover {
    border-color: #ababaf;
}
.ui-range-thumb.active {
    background-color: #f7f9fa;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25);
}
:disabled + .ui-range {
    opacity: .38;
    cursor: default;
}
/* for IE */
:disabled + .ui-range .ui-range-track {
    position: relative;
}
:disabled + .ui-range .ui-range-thumb {
    cursor: inherit;
}/**
 *
 * @Select.css
 * @author zhangxinxu(.com)
 * @create 15-06-18
 * @edited 19-08-27
 *
**/
select {
    display: inline-block;
    height: 40px;
    margin: 0;
    border: 1px solid #d0d0d5;
    padding-right: 27px;
    opacity: 0.0001;
    font-size: 14px;
    font-family: simsun;
    vertical-align: middle;
}
select[multiple] {
    height: auto;
    font-size: 38px;
    font-size: calc(34px - 1px);
    font-family: simsun;
    padding: 0;
    vertical-align: top;
    cursor: pointer;
}
select[multiple] > option {
    min-height: 38px;
    height: 38px;
    padding: 0;
    font-size: inherit;
}
select[multiple] > option:disabled {
    cursor: default;
}
select[hidden],
select[hidden] + .ui-select {
    display: none;
}
select[opacity="1"],
select[opacity="100%"],
select[style*="opacity:1"],
select[style*="opacity: 1"] {
    opacity: 1;
    padding: 0;
}
.ui-select {
    display: inline-block;
    height: 40px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    transition: opacity .2s;
    position: relative;
}
[multiple] ~ .ui-select {
    vertical-align: top;
}
.ui-select.active {
    z-index: 3;
}
.ui-select-button {
    display: block;
    height: 20px;
    padding: 9px 27px 9px 12px;
    color: #4c5161;
    border: 1px solid #d0d0d5;
    border-radius: 4px;
    background-color: #fff;
    text-decoration: none;
    transition: border-color .15s, background-color .15s;
    cursor: pointer;
}
.ui-select-button:hover {
    color: #4c5161;
    border-color: #ababaf;
}
:not(:disabled) + .ui-select > .ui-select-button:active {
    background-color: #f7f9fa;
}
.active > a.ui-select-button {
    border-color: #2486ff;
    border-radius: 4px 4px 0 0;
}
.reverse > a.ui-select-button {
    border-radius: 0 0 4px 4px;
}
.ui-select-text {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ui-select-icon,
.ui-select-text:only-child::after {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath fill='%232486ff' d='M145.659 68.949a12.874 12.874 0 0 0-18.473 0L99.479 97.233 71.772 68.949a12.874 12.874 0 0 0-18.473 0c-5.099 5.208-5.099 13.648 0 18.857l46.18 47.14 46.181-47.14c5.099-5.208 5.099-13.649-.001-18.857z'/%3E%3C/svg%3E") no-repeat center;
    background-size: 20px 20px;
    right: 7px;
    top: 10px;
}
.ui-select-text:only-child::after {
    content: '';
}
.ui-select-datalist {
    position: absolute;
    left: 0;
    right: 0;
    top: 39px;
    display: none;
    max-height: 164px;
    padding: 0;
    border: 1px solid #2486ff;
    background-color: #fff;
    overflow: auto;
}
[multiple] ~ .ui-select > .ui-select-datalist {
    position: static;
    display: block;
    max-height: none;
    height: inherit;
    border-color: #d0d0d5;
    border-radius: 4px;
    box-sizing: border-box;
}
[multiple]:hover ~ .ui-select > .ui-select-datalist {
    border-color: #ababaf;
}
[multiple]:focus ~ .ui-select > .ui-select-datalist {
    border-color: #2486ff;
}
.ui-select-datalist::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.ui-select-datalist::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 8px;
}
.ui-select-datalist::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}
.ui-select-datalist::-webkit-scrollbar-track-piece {
    background-color: #ddd;
}
.active > .ui-select-datalist {
    display: block;
}
.reverse > .ui-select-datalist {
    top: auto;
    bottom: 39px;
}
.ui-select-datalist-li {
    display: block;
    line-height: 20px;
    padding: 9px 12px;
    color: #4c5161;
    background-color: #fff;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color .15s;
    overflow: hidden;
}
.ui-select-datalist-li[href] {
    cursor: pointer;
}
.ui-select-datalist-li:not(:only-child):empty {
    display: none;
}
/* reset default a:hover */
.ui-select-datalist-li:hover {
    color: #4c5161;
}
.ui-select-datalist > .disabled {
    color: #a2a9b6;
    cursor: default;
}
.ui-select-datalist > .selected {
    background-color: #e0f0ff;
}
.ui-select-datalist-li[href]:hover,
[multiple] ~ .ui-select .ui-select-datalist-li[href] {
    color: #4c5161;
    background-color: #f0f7ff;
}
/* disabled */
select:disabled {
    cursor: default;
}
select:disabled + .ui-select {
    opacity: .38;
}
select:disabled + .ui-select .ui-select-button,
select:disabled + .ui-select .ui-select-datalist {
    cursor: default;
    border-color: #ababaf;
}
/* error */
.error .ui-select-button,
.error[multiple] ~ .ui-select .ui-select-datalist,
select.error {
    border-color: #f4615c;
}
@charset "UTF-8";
/**
 *
 * @Switch.css
 * @author zhangxinxu
 * @create 15-06-18
 * @edit     17-06-14    keyboard accessible
**/
.ui-switch {
    display: inline-block;
    width: 44px; height: 26px;
    border: 2px solid;
    border-radius: 26px;
    background-color: currentColor;
    box-sizing: border-box;
    color: #b6bbc6;
    transition: all .2s;
    cursor: pointer;
}
.ui-switch::before {
    content: '';
    display: block;
    width: 22px; height: 22px;
    border-radius: 50%;
    background-color: #fff;
    transition: margin-left .2s;
}
:active + .ui-switch::before {
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}
:checked + .ui-switch {
    color: #2486ff;
}
:checked + .ui-switch::before {
    margin-left: 18px;
}
:disabled + .ui-switch {
    opacity: .38;
    cursor: default;
}
:focus + .ui-switch,
.ui-switch:hover {
    color: #a2a9b6;
}
:checked:focus + .ui-switch,
:checked + .ui-switch:hover {
    color: #0057c3;
}
:disabled + .ui-switch:hover {
    color: #b6bbc6;
}
:checked:disabled + .ui-switch:hover {
    color: #2486ff;
}/**
 *
 * @Tab.css
 * @author xinxuzhang
 * @create 15-06-12
 */
/* tabs */
.ui-tab-tabs {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #d0d0d5;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    white-space: nowrap;
}
.ui-tab-tab {
    /*float: left;*/
    display: inline-block;
    margin-left: 26px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}
.ui-tab-tab:first-child {
    margin-left: 0;
}
.ui-tab-tab a {
    display: block;
    color: #fff;
}
.ui-tab-tab:hover,
.ui-tab-tab:hover a {
    color: #2486ff;
}
.ui-tab-tabs .active,
.ui-tab-tabs .active a,
.ui-tab-tabs .active:hover {
    line-height: 45px;
    padding-top: 2px;
    margin-bottom: -1px;
    border-bottom: 3px solid;
    color: #fff;
    cursor: default;
}
.ui-tab-line {
    display: none;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    border-bottom: 3px solid #fff;
    transition: all .35s;
}
.ui-tab-tabs > .ui-tab-line ~ .ui-tab-tab {
    line-height: 48px;
    padding-top: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
/* contents */
.ui-tab-contents {
    margin-top: 30px;
}
/* 有role属性表示JS已经介入了初始化，锚点hash显示功能去除 */
.ui-tab-content[role]:not(.active),
.ui-tab-content:not([role]):not(:target) {
    display: none;
}
.ui-tab-contents:target-within .ui-tab-content:not(:target) {
    display: none;
}/**
 *
 * @Table.css
 * @author xinxuzhang
 * @create 15-06-24
 *
**/
.ui-table {
    width: 100%;
    line-height: 21px;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse\9;
    font-size: 14px;
    border: 1px solid #d0d0d5;
}
.ui-table thead td,
.ui-table th {
    background-color: #f7f9fa;
    border-bottom: 1px solid #ededed;
    font-weight: normal;
    font-style: normal;
    margin: 0;
}
.ui-table thead td:not([class]):not([align]),
.ui-table th:not([class]):not([align]) {
    text-align: left;
}
.ui-table tbody td {
    background-color: #fff;
    border-bottom: 1px solid #ededed;
}
.ui-table td,
.ui-table th {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 20px;
}
.ui-table td:first-child,
.ui-table th:first-child {
    padding-left: 20px;
}
.ui-table tr {
    cursor: default;
}
.ui-table tr:last-child td {
    padding-bottom: 15px;
    border-bottom: 0;
}
.ui-table ~ .ui-loading {
    height: 300px;
}
@charset "UTF-8";
/**
 *
 * @Textarea.css
 * @author xinxuzhang
 * @create 15-06-17
**/
textarea {
    font-family: inherit;
}
textarea.ui-textarea,
.ui-textarea > textarea {
    line-height: 20px;
    padding: 9px 8px;
    border: 1px solid #d0d0d5;
    border-radius: 4px;
    background-color: #fff;
    outline: none;
    color: #4c5161;
    font-size: 14px;
    transition: border-color .15s, background-color .15s;
    word-break: break-all;
    vertical-align: top;
    box-sizing: border-box;
    resize: none;
    overflow: auto;
}
textarea[resize] {
    resize: both;
}
textarea[resize="vertical"] {
    resize: vertical;
}
textarea[resize="horizontal"] {
    resize: horizontal;
}
div.ui-textarea > textarea {
    width: 100%;
}
/* hover */
.ui-textarea:hover,
.ui-textarea > textarea:hover {
    border-color: #ababaf;
}
/* focus */
.ui-textarea:focus,
.ui-textarea > textarea:focus {
    border-color: #2486ff;
}
/* textarea with count */
.ui-textarea-x {
    position: relative;
    padding: 2px 9px 32px 3px;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
}
.ui-textarea-x > textarea {
    display: block;
    width: 100%;
    line-height: 20px;
    border: 0 none;
    padding: 7px 0 9px;
    right: -6px;
    color: #4c5161;
    font-size: 14px;
    outline: none;
    background: none;
    word-break: break-all;
    overflow: auto;
    resize: none;
    position: relative;
    z-index: 1;
}
.ui-textarea-x > .ui-textarea {
    position: absolute;
    border: 1px solid #d0d0d5;
    border-radius: 4px;
    background-color: #fff;
    top: 0; bottom: 0; left: 0; right: 0;
    transition: border-color .15s, background-color .15s;
}
.ui-textarea-x .ui-textarea-count {
    position: absolute;
    left: 8px; right: 10px; bottom: 0;
    line-height: 32px;
    color: #a2a9b6;
    font-size: 12px;
    text-align: right;
    z-index: 1;
}
.ui-textarea-count slash {
    margin: 0 1px;
}
.ui-textarea-x:hover > .ui-textarea {
    border-color: #ababaf;
}
.ui-textarea-x > textarea:focus ~ .ui-textarea {
    border-color: #2486ff;
}
.ui-textarea-x .ui-placeholder {
    padding: 7px !important;
    z-index: 1;
}
/* resize */
.ui-textarea-resize {
    width: 17px; height: 17px;
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M765.558 510.004a93.65 93.65 0 1 0 191.665 0 93.65 93.65 0 1 0-191.665 0zM765.558 821.46a93.65 93.65 0 1 0 191.665 0 93.65 93.65 0 1 0-191.665 0zM422.15700000000004 821.46a93.65 93.65 0 1 0 191.665 0 93.65 93.65 0 1 0-191.665 0zM422.15700000000004 510.004a93.65 93.65 0 1 0 191.665 0 93.65 93.65 0 1 0-191.665 0zM765.558 202.54a93.65 93.65 0 1 0 191.665 0 93.65 93.65 0 1 0-191.665 0zM66.77700000000002 821.46a93.65 93.65 0 1 0 191.665 0 93.65 93.65 0 1 0-191.665 0z' fill='%23BFBFBF'/%3E%3C/svg%3E") no-repeat 100% 100%;
    background-size: 100%;
}
/* disabled */
.ui-textarea:disabled,
.ui-textarea > textarea:disabled,
.ui-textarea[readonly],
.ui-textarea > textarea[readonly],
.ui-textarea-x > textarea:disabled ~ .ui-textarea,
.ui-textarea-x > textarea[readonly] ~ .ui-textarea {
    background-color: #f7f9fa;
}
.ui-textarea[readonly],
.ui-textarea > textarea[readonly],
.ui-textarea-x > [readonly] ~ .ui-textarea {
    background-color: #fff;
}
.ui-textarea:disabled:hover,
.ui-textarea > textarea:disabled:hover,
.ui-textarea[readonly]:hover,
.ui-textarea > textarea[readonly]:hover,
.ui-textarea[readonly]:focus,
.ui-textarea > textarea[readonly]:focus {
    border-color: #d0d0d5;
}
textarea[readonly],
textarea:disabled {
    resize: none;
}
/* error */
.ui-textarea.error,
.ui-textarea > .error {
    border-color: #f4615c !important;
}
.ui-textarea-count > .error,
.ui-textarea-count.error {
    color: #f4615c;
}@charset "UTF-8";
/**
 *
 * @Tips.css
 * @author xinxuzhang
 * @create 15-06-25
 *
**/
.ui-tips[data-title] {
    text-indent: 0;
    position: relative;
    overflow: visible;
}
.ui-tips[data-title]::before,
.ui-tips[data-title]::after {
    position: absolute;
    left: 50%;
    -ms-pointer-events: none;
    pointer-events: none;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
}
.ui-tips[data-title]::before {
    content: attr(data-title);
    bottom: calc(100% + 12px);
    max-width: 250px;
    padding: 6px 10px;
    line-height: 18px;
    border-radius: 3px;
    background-color: #373c42;
    text-align: left;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    white-space: nowrap;
}
.ui-tips[data-title]::after {
    content: '';
    border: 6px solid transparent;
    border-top-color: #373c42;
    bottom: 100%;
}
.ui-tips[data-title]:hover::before,
.ui-tips[data-title]:hover::after,
.ui-tips[data-title]:focus::before,
.ui-tips[data-title]:focus::after {
    transition: visibility .1s .1s;
    visibility: visible;
}
.ui-tips[data-title]:hover {
    outline: none;
}
/* 朝下的情况 */
.reverse.ui-tips[data-title]::before {
    bottom: auto;
    top: calc(100% + 12px);
}
.reverse.ui-tips[data-title]::after {
    border-color: transparent transparent #373c42;
    bottom: auto;
    top: 100%;
}
/* JS生成的，和CSS定位样式不合并，保持独立 */
.ui-tips-x {
    text-align: center;
    position: absolute;
    z-index: 99;
}
.ui-tips-content {
    display: block;
    max-width: 20em;
    padding: 6px 10px;
    line-height: 18px;
    border-radius: 3px;
    background-color: #373c42;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    text-align: left;
}
.ui-tips-arrow {
    position: absolute;
    top: 100%;
    left: calc(50% - 6px);
    border: 6px solid transparent;
    border-top-color: #373c42;
}
/* 左右箭头方向展示的tips效果 */
.ui-tips-x[data-direction="top"] {
    margin-top: -12px;
}
.ui-tips-x[data-direction="left"] {
    margin-left: -12px;
}
.ui-tips-x[data-direction="right"] {
    margin-left: 12px;
}
.ui-tips-x[data-direction="bottom"] {
    margin-top: 12px;
}
[data-direction="bottom"] .ui-tips-arrow {
    top: -12px;
    border-color: transparent transparent #373c42;
}
[data-direction="left"] .ui-tips-arrow,
[data-direction="right"] .ui-tips-arrow {
    top: calc(50% - 6px);
}
[data-direction="left"] .ui-tips-arrow {
    left: 100%;
    border-color: transparent transparent transparent #373c42;
}
[data-direction="right"] .ui-tips-arrow {
    left: -12px;
    border-color: transparent #373c42 transparent transparent;
}
[data-align="8-6"] .ui-tips-content,
[data-align="6-8"] .ui-tips-content {
    max-width: 600px;
}
[data-align="2-3"] .ui-tips-content,
[data-align="3-2"] .ui-tips-content {
    position: relative;
    left: 10px;
}
[data-align="1-4"] .ui-tips-content,
[data-align="4-1"] .ui-tips-content {
    position: relative;
    left: -10px;
}
/* 错误提示的tips效果 */
.ui-tips-error:not(.none) {
    animation: fadeIn .2s, fallDown .2s;
}
.ui-tips-error .ui-tips-content {
    background-color: #f4615c;
}
.ui-tips-error .ui-tips-arrow {
    border-top-color: #f4615c;
}
@charset "UTF-8";
/**
 *
 * @Table.css
 * @author zhangxinxu
 * @edit 17-10-18 从原Table.css中分离出来
 *
**/
/* table shadow */
.table-x {
    background-color: #fff;
    border: 1px solid #d0d0d5;
}
.table-x table {
    border: 0;
}
/* table without data */
.table-null-x,
.table-error-x {
    height: 300px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.table-error-x {
    line-height: 300px;
}
.table-null {
    display: inline-block;
    vertical-align: middle;
}
.table-null-x::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.table-null-x:empty::before {
    content: '暂无数据';
}
.table-error-x:empty::before {
    content: '数据获取失败';
}
/* 列表分页 */
.table-page-x {
    height: 32px;
    padding: 10px 10px 8px 22px;
    margin-top: -1px;
    border-top: 1px solid #ededed;
    background-color: #f7f9fa;
    position: relative;
}
.table-page-data {
    float: left;
    line-height: 20px;
    padding-top: 5px;
    font-size: 14px;
}
.table-page-total {
    margin: 0 3px;
}
.table-page-per {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}
.table-page-per::after {
    content: '';
    display: inline-block;
    width: 20px; height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-205 197 200 400'%3E%3Cpath d='M-59.7 271.6c-4.2-4.1-11-4.1-15.3 0l-30.5 29.6-30.5-29.6c-4.2-4.1-11-4.1-15.3 0-4.2 4.1-4.2 10.7 0 14.8l38.2 37c4.2 4.1 11 4.1 15.3 0l38.2-37c4.1-4.1 4.1-10.7-.1-14.8z' fill='%23a2a9b6'/%3E%3Cpath d='M-58.7 471.6c-4.2-4.1-11-4.1-15.3 0l-30.5 29.6-30.5-29.6c-4.2-4.1-11-4.1-15.3 0-4.2 4.1-4.2 10.7 0 14.8l38.2 37c4.2 4.1 11 4.1 15.3 0l38.2-37c4.1-4.1 4.1-10.7-.1-14.8z' fill='%232486ff'/%3E%3C/svg%3E") no-repeat;
    background-size: 20px 40px;
    vertical-align: -5px;
}
.table-page-per:hover::after {
    color: #2486ff;
    background-position: 0 -20px;
}
.table-page {
    float: right;
    padding-top: 2px;
}
.table-checkbox td:first-child,
.table-checkbox th:first-child {
    width: 20px;
    padding-right: 0;
    padding-left: 18px;
    text-align: right;
}
.table-checkbox td:first-child + td,
.table-checkbox th:first-child + th {
    padding-left: 13px;
}
.table-checkbox tr:hover td {
    background-color: #f0f7ff;
}
.table-checkbox tr.selected td {
    background-color: #e0f0ff;
}
/* 表格头部操作，搜索，或者大标题 */
.table-header {
    padding: 12px 20px;
    border-bottom: 1px solid #ededed;
}
.table-title {
    line-height: 56px;
    font-size: 24px;
    margin: 0;
}/**
 * 这里书写CSS原生变量，
 * 中后台项目，移动端项目适合
 */
:root {
    /* 这段CSS变量保留 */
    --borderRadius: 4px;
}