/* 防止css污染 */
/* yj-form */
.yj-form>tr>td>.form-label,.yj-form>tr>td>.form-text {
    line-height:28px;color:#333;font-size:12px;
}
.yj-form>tr>td>.form-error-bottom,yj-form>tr>td>.form-error-right {
    line-height:28px;color:#ff0000;font-size:12px;
}
.yj-form>tr>td>div>.form-star {
    color:#ff0000;
}
/* yj-info */
.yj-info>tr>td>.info-label,.yj-info>tr>td>.info-text {
    line-height:28px;color:#333;font-size:12px;
}
/* yj-input */
.yj-input {
    position:relative;display:inline-block;text-align:left;
}
.yj-input>input {
    font-family:inherit;height:28px;text-align:left;border:1px solid #ccc;outline:none;background-color:#fff;color:#333;font-size:12px;
}
.yj-input>#prefix {
    position:absolute;margin-top:-5px;top:50%;left:5px;color:#333;font-size:12px;line-height:1;
}
.yj-input>#suffix {
    position:absolute;margin-top:-5px;top:50%;right:5px;color:#333;font-size:12px;line-height:1;cursor:pointer;
}
/* yj-input-number */
.yj-input-number {
    list-style:none;display:inline-flex;
}
.yj-input-number>.d1 {
    width:28px;height:28px;line-height:26px;text-align:center;border:1px solid #ccc;background-color:#f5f7fa;cursor:pointer;
}
.yj-input-number>.d2>input {
    font-family:inherit;height:28px;text-align:center;border:0px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;outline:none;padding:0px 5px;background-color:#fff;color:#333;font-size:12px;cursor:default;
}
.yj-input-number>li>i {
    display:inline-block;color:#333;font-size:12px;line-height:1;
}
/* yj-textarea */
.yj-textarea {
    display:inline-block;text-align:left;
}
.yj-textarea>textarea {
    display:block;resize:vertical;min-height:28px;line-height:1.4;text-align:left;border:1px solid #ccc;outline:none;padding:5px;background-color:#fff;color:#333;font-size:12px;white-space:pre-wrap;word-wrap:break-word;
}
/* yj-editor */
.yj-editor>.w-e-toolbar {
    height:28px;line-height:28px;
}
.yj-editor>.w-e-toolbar>.w-e-menu {
    padding:0px 10px;
}
.yj-editor>.w-e-toolbar>.w-e-menu>#clear {
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.yj-editor>.w-e-text-container>.w-e-text {
    line-height:1.4;padding:5px;background-color:#fff;color:#333;font-size:12px;
}
.yj-editor>.w-e-text-container>.w-e-text>p {
    line-height:1.4;margin:8px 0px;
}
/* yj-checkbox */
.yj-checkbox {
    list-style:none;display:inline-flex;
}
.yj-checkbox>li {
    position:relative;
}
.yj-checkbox>li>.d1 {
    position:absolute;width:14px;height:14px;margin-top:-7px;top:50%;left:0px;border:1px solid #ccc;background-color:#fff;cursor:pointer;
}
.yj-checkbox>li>.d2{
    position:absolute;width:4px;height:8px;margin-top:-5px;top:50%;left:5px;border-right:1px solid #333;border-bottom:1px solid #333;background-color:#fff;transform:rotate(45deg);cursor:pointer;
}
.yj-checkbox>li>.text{
    display:inline-block;height:28px;line-height:28px;margin-left:19px;color:#333;font-size:12px;cursor:pointer;
}
/* yj-checkbox-group */
.yj-checkbox-group {
    list-style:none;display:inline-flex;
}
.yj-checkbox-group>li {
    position:relative;
}
.yj-checkbox-group>li>.d1 {
    position:absolute;width:14px;height:14px;margin-top:-7px;top:50%;left:0px;border:1px solid #ccc;background-color:#fff;cursor:pointer;
}
.yj-checkbox-group>li>.d2{
    position:absolute;width:4px;height:8px;margin-top:-5px;top:50%;left:5px;border-right:1px solid #333;border-bottom:1px solid #333;background-color:#fff;transform:rotate(45deg);cursor:pointer;
}
.yj-checkbox-group>li>.text{
    display:inline-block;margin-left:19px;color:#333;font-size:12px;cursor:pointer;
}
/* yj-radio-group */
.yj-radio-group {
    list-style:none;display:inline-flex;
}
.yj-radio-group>li {
    position:relative;
}
.yj-radio-group>.checked>.d1 {
    position:absolute;width:14px;height:14px;margin-top:-7px;top:50%;left:0px;border-radius:100%;background-color:#999;cursor:default;
}
.yj-radio-group>.checked>.d2 {
    position:absolute;width:4px;height:4px;margin-top:-2px;top:50%;left:5px;border-radius:100%;background-color:#fff;cursor:default;
}
.yj-radio-group>.checked>.text{
    display:inline-block;margin-left:19px;color:#333;font-size:12px;cursor:default;
}
.yj-radio-group>.unchecked>.d1 {
    position:absolute;width:14px;height:14px;margin-top:-7px;top:50%;left:0px;border:1px solid #ccc;border-radius:100%;background-color:#fff;cursor:pointer;
}
.yj-radio-group>.unchecked>.text{
    display:inline-block;margin-left:19px;color:#333;font-size:12px;cursor:pointer;
}
/* yj-date */
.yj-date {
    display:inline-block;text-align:left;
}
.yj-date>ul {
    list-style:none;display:inline-flex;
}
.yj-date>ul>.d1 {
    position:relative;
}
.yj-date>ul>.d1>input { 
    font-family:inherit;height:28px;border:1px solid #ccc;outline:none;background-color:#fff;color:#333;font-size:12px;
}
.yj-date>ul>.d1>#prefix {
    position:absolute;margin-top:-5px;top:50%;left:5px;color:#333;font-size:12px;line-height:1;
}
.yj-date>ul>.d1>#suffix {
    position:absolute;margin-top:-5px;top:50%;right:5px;color:#333;font-size:12px;line-height:1;cursor:pointer;
}
.yj-date>ul>li>button {
    height:28px;line-height:26px;border:1px solid #ccc;outline:none;border-radius:4px;margin-left:5px;padding:0px 10px;background-color:#f5f7fa;color:#333;font-size:12px;cursor:pointer;
}
/* yj-datepicker */
.yj-datepicker {
    position:relative;display:inline-block;text-align:left;
}
.yj-datepicker>input {
    font-family:inherit;height:28px;text-align:left;border:1px solid #ccc;outline:none;padding-right:22px;background-color:#fff;color:#333;font-size:12px;cursor:pointer;
}
.yj-datepicker>#prefix {
    position:absolute;margin-top:-5px;top:50%;left:5px;color:#333;font-size:12px;line-height:1;
}
.yj-datepicker>#suffix {
    position:absolute;margin-top:-5px;top:50%;right:5px;color:#333;font-size:12px;line-height:1;cursor:pointer;
}
.yj-datepicker>div>.dialog {
    position:absolute;width:243px;border:1px solid #e4e7ed;box-shadow:2px 2px 6px 0 rgba(0,0,0,.1);background-color:#fff;z-index:2051;
}
.yj-datepicker>div>.dialog>.d1 {
    padding:10px;
}
.yj-datepicker>div>.dialog>.d1>ul>li {
    text-align:center;cursor:pointer;
}
.yj-datepicker .ul-1 {
    list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 3fr 1fr 1fr;margin-bottom:5px;background-color:#f0f0f0;
}
.yj-datepicker .ul-1>li {
    height:25px;line-height:25px;color:#333;font-size:12px;
}
.yj-datepicker .ul-1>li>i {
    font-size:12px;
}
.yj-datepicker .ul-2 {
    list-style:none;width:100%;display:grid;grid-template-columns:repeat(7,1fr);grid-column-gap:8px;
}
.yj-datepicker .ul-2>li{
    height:25px;line-height:25px;color:#333;font-size:12px;
}
.yj-datepicker .ul-2>.day-on{
    border-radius:100%;
}
.yj-datepicker .ul-4 {
    list-style:none;width:100%;display:grid;grid-template-columns:40px 40px 40px auto 80px;
}
.yj-datepicker .ul-4>li {
    height:28px;line-height:28px;color:#333;font-size:12px;
}
/* yj-select */
.yj-select {
    position:relative;display:inline-block;text-align:left;
}
.yj-select>input {
    font-family:inherit;height:28px;border:1px solid #ccc;outline:none;padding-right:22px;background-color:#fff;color:#333;font-size:12px;cursor:pointer;
}
.yj-select>#prefix {
    position:absolute;margin-top:-5px;top:50%;left:5px;color:#333;font-size:12px;line-height:1;
}
.yj-select>#suffix {
    position:absolute;margin-top:-5px;top:50%;right:5px;color:#333;font-size:12px;line-height:1;cursor:pointer;
}
.yj-select .dialog {
    position:absolute;border:1px solid #e4e7ed;box-shadow:0 2px 12px 0 rgba(0, 0, 0, .1);background-color:#fff;z-index:2051;
}
.yj-select .dialog>ul {
    list-style:none;overflow-y:auto;padding:5px;max-height:200px;
}
.yj-select .dialog>ul>li {
    position:relative;height:28px;line-height:28px;padding-left:10px;color:#333;font-size:12px;cursor:pointer;
}
.yj-select .dialog>ul>.off:hover{
    background-color:#f0f0f0;
}
/* yj-cascader */
.yj-cascader {
    position:relative;display:inline-block;text-align:left;
}
.yj-cascader>input {
    font-family:inherit;height:28px;border:1px solid #ccc;outline:none;padding-right:22px;background-color:#fff;color:#333;font-size:12px;cursor:pointer;
}
.yj-cascader>#prefix {
    position:absolute;margin-top:-5px;top:50%;left:5px;color:#333;font-size:12px;line-height:1;
}
.yj-cascader>#suffix {
    position:absolute;margin-top:-5px;top:50%;right:5px;color:#333;font-size:12px;line-height:1;cursor:pointer;
}
.yj-cascader .dialog {
    position:absolute;border:1px solid #e4e7ed;box-shadow:0 2px 12px 0 rgba(0, 0, 0, .1);background-color:#fff;z-index:2051;
}
.yj-cascader .dialog>.d1 {
    display:flex;
}
.yj-cascader .dialog>.d1>ul {
    list-style:none;overflow-y:auto;padding:5px;max-height:200px;
}
.yj-cascader .dialog>.d1>ul>li {
    position:relative;height:28px;line-height:28px;padding-left:10px;color:#333;font-size:12px;cursor:pointer;
}
.yj-cascader .dialog>.d1>ul>.branch-off:hover,.yj-cascader .dialog>.d1>ul>.leaf-off:hover{
    background-color:#f0f0f0;
}
.yj-cascader .dialog>.d1>ul>.branch-on>i {
    position:absolute;right:5px;color:#fff;font-size:12px;
}
.yj-cascader .dialog>.d1>ul>.branch-off>i {
    position:absolute;right:5px;color:#333;font-size:12px;
}
/* yj-button */
.yj-button {
    display:inline-block;height:28px;outline:none;padding:0px 10px;font-size:12px;cursor:pointer;
}
.yj-button>i {
    display:inline-block;font-size:12px;line-height:1;
}
.yj-button>#prefix {
    padding-right:5px;
}
.yj-button>#suffix {
    padding-left:5px;
}
/* yj-buttonlist */
.yj-buttonlist {
    list-style:none;display:inline-flex;
}
.yj-buttonlist>li {
    margin-right:1px;text-align:center;color:#fff;cursor:pointer;
}
.yj-buttonlist>li>i {
    display:inline-block;font-size:12px;line-height:1;
}
/* yj-buttonlist-link */
.yj-buttonlist-link {
    list-style:none;display:inline-flex;
}
.yj-buttonlist-link>li {
    text-align:left;padding-right:5px;color:#333;font-size:12px;cursor:pointer;
}
.yj-buttonlist-link>li:last-child {
    padding-right:0px;
}
/* yj-upload-pic */
.yj-upload-pic {
    display:inline-block;text-align:left;
}
.yj-upload-pic>button {
    height:28px;line-height:26px;border:1px solid #ccc;outline:none;border-radius:4px;padding:0px 10px;background-color:#f5f7fa;color:#333;font-size:12px;cursor:pointer;
}
.yj-upload-pic>.tips {
    height:28px;line-height:28px;color:#333;font-size:12px;
}
.yj-upload-pic>ul {
    list-style:none;display:inline-flex;
}
.yj-upload-pic>ul>li {
    position:relative;
}
.yj-upload-pic>ul>li>img {
    border:0px solid #ccc;
}
.yj-upload-pic>ul>li>span {
    position:absolute;top:0px;right:0px;width:12px;height:12px;line-height:12px;background-color:#ddd;text-align:center;
}
.yj-upload-pic>ul>li>span>i {
    display:inline-block;color:#666;font-size:12px;line-height:1;cursor:pointer;
}
/* yj-upload-file */
.yj-upload-file {
    display:inline-block;text-align:left;
}
.yj-upload-file>button {
    height:28px;line-height:26px;border:1px solid #ccc;outline:none;border-radius:4px;padding:0px 10px;background-color:#f5f7fa;color:#333;font-size:12px;cursor:pointer;
}
.yj-upload-file>.tips {
    height:28px;line-height:28px;color:#333;font-size:12px;
}
.yj-upload-file>ul {
    list-style:none;
}
.yj-upload-file>ul>li {
    position:relative;height:28px;line-height:28px;background-color:#f5f7fa;padding-left:5px;padding-right:25px;margin-bottom:5px;
}
.yj-upload-file>ul>li>i {
    color:#666;font-size:12px;
}
.yj-upload-file>ul>li>#remove {
    position:absolute;height:28px;top:0px;right:5px;cursor:pointer;
}
/* yj-pager */
.yj-pager {
    list-style:none;display:inline-flex;
}
.yj-pager>li {
    height:28px;line-height:28px;text-align:center;color:#333;font-size:12px;
}
.yj-pager>.btn {
    margin-right:2px;padding:0px 5px;cursor:pointer;
}
.yj-pager>li>i {
    font-size: 12px;
}
.yj-pager>.on {
    margin-right:2px;padding:0px 7px;
}
.yj-pager>.off {
    margin-right:2px;padding:0px 7px;background-color:#ddd;cursor:pointer;
}