@charset "utf-8";

/* 单选 */

.xQuery-radio-item {
    display: none;
}

.xQuery-radio-item+.xQuery-radio-label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    min-height: 16px;
    padding-left: 16px !important;
    cursor: default;
}

.xQuery-radio-item+.xQuery-radio-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 12px;
    height: 12px;
    border: solid 1px #666;
    border-radius: 50%;
}

.xQuery-radio-item+.xQuery-radio-label:after {
    content: '';
    display: none;
    position: absolute;
    left: 3px;
    top: 4px;
    width: 8px;
    height: 8px;
    background: #666;
    border-radius: 50%;
}

.xQuery-radio-item:checked+.xQuery-radio-label:after {
    display: block;
}

.xQuery-radio-item:disabled+.xQuery-radio-label {
    opacity: 0.5;
    filter: aplha(opacity=50);
}


/* 多选 */

.xQuery-checkbox-item {
    display: none;
}

.xQuery-checkbox-item+.xQuery-checkbox-label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    min-height: 16px;
    padding-left: 16px !important;
    cursor: default;
}

.xQuery-checkbox-item+.xQuery-checkbox-label:before {
    content: '';
    position: absolute;
    background: #f5f5f5;
    left: 0;
    top: 3px;
    width: 10px;
    height: 10px;
    border: solid 1px #666;
}

.xQuery-checkbox-item+.xQuery-checkbox-label:after {
    content: '\e6f3';
    display: none;
    font-family: iconfont !important;
    position: absolute;
    left: 0px;
    top: 3px;
    width: 12px;
    height: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 12px;
}

.xQuery-checkbox-item:checked+.xQuery-checkbox-label:before {
    background: #eee;
}

.xQuery-checkbox-item:checked+.xQuery-checkbox-label:after {
    display: block;
}

.xQuery-checkbox-item:disabled+.xQuery-checkbox-label {
    opacity: 0.5;
    filter: aplha(opacity=50);
}


/* 错误提示 */

.xQuery-error-tip {
    border: 1px solid #0083c5;
    cursor: default;
    color: #0083C5;
    background: #d6ebf6;
    padding: 3px 10px 3px 25px;
    line-height: 18px;
    position: relative;
}

.xQuery-error-tip .icon {
    position: absolute;
    left: 5px;
    top: 3px;
}


/* 表单 */

.xQuery-text-item {
    position: relative;
    line-height: 24px;
    padding: 2px 10px;
    border: solid 1px #ccc;
    background-color: #fff !important;
    width: 200px;
}

input.xQuery-text-item {
    height: 24px;
}

textarea.xQuery-text-item {
    height: 120px;
}

.xQuery-text-item.calendar {
    background-repeat: no-repeat;
    background-image: url(../images/base/calendar.png);
    background-position: right center;
}

.xQuery-text-item.error {
    border: solid 1px #ed9ea1;
    box-shadow: 1px 1px 2px #ffd4d1 inset;
    background-color: #feeeed !important;
    background-image: url(../images/base/error.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.xQuery-text-item.true {
    border: solid 1px #00b98d;
    box-shadow: 1px 1px 2px #c5fff1 inset;
    background-color: #e6fdf8 !important;
    background-image: url(../images/base/true.png);
    background-repeat: no-repeat;
    background-position: right center;
}

textarea.xQuery-text-item.error {
    background-position: right 5px;
}

textarea.xQuery-text-item.true {
    background-position: right 5px;
}

.xQuery-text-item:focus {
    background-color: #fff !important;
    border-color: #0037a1;
    box-shadow: 0 0 3px #3b79d6;
    background-image: none !important;
}

.xQuery-text-item.calendar:focus {
    background-image: url(../images/base/calendar.png) !important;
}

.xQuery-text-item:disabled,
.xQuery-text-item.true:disabled,
.xQuery-text-item.error:disabled {
    background: #f3f3f3 !important;
    box-shadow: none !important;
    border-color: #ccc !important;
}

.xQuery-form-label {
    width: 145px;
    text-align: right;
    white-space: nowrap;
    line-height: 30px;
    left: 0;
    top: 0;
    position: absolute;
    padding-right: 5px;
}

.xQuery-form-group {
    width: 50%;
    position: relative;
    float: left;
}

.xQuery-form-group.large {
    width: 100%;
}

.xQuery-form-group.small {
    width: 33%;
}

.xQuery-form-info {
    position: relative;
    margin-left: 150px;
    line-height: 30px;
    min-height: 30px;
}

.xQuery-form-group.mini .xQuery-form-label {
    width: 65px;
}

.xQuery-form-group.mini .xQuery-form-info {
    margin-left: 70px;
}

.xQuery-form-box+.xQuery-error-tip {
    /*-webkit-transition:all ease-out 0.3s;transition:all ease-out 0.3s;*/
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    bottom: 0;
    background: none;
    z-index: 1;
    border: none;
    padding: 0 0 0 20px;
    color: #ee5359;
    margin-top: -18px;
}

.xQuery-form-box+.xQuery-error-tip .icon {
    left: 0;
    top: 1px;
}

.xQuery-form-box.mini+.xQuery-error-tip {
    position: absolute !important;
    left: 227px;
    top: 5px;
    z-index: 100;
    margin: 0 !important;
}

.xQuery-form-box.error+.xQuery-error-tip {
    margin-top: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
    position: relative;
}

.xQuery-form-box.error .xQuery-text-item.error {
    background-image: none !important;
}

.xQuery-form-box {
    position: relative;
    z-index: 2;
    background: #fff;
}

.xQuery-times-button {
    vertical-align: middle;
    position: relative;
    color: #fff !important;
    cursor: pointer;
    width: 80px;
    line-height: 28px;
    text-align: center;
    border: solid 1px #1857b0;
    background: #1857b0;
    display: inline-block;
}

.xQuery-times-button:hover {
    background: #00478e;
}

.xQuery-times-button.disabled,
.xQuery-times-button.disabled:hover {
    cursor: default;
    opacity: 0.5;
    filter: aplha(opacity=50);
    background: #eee;
    color: #333 !important;
    border: solid 1px #ccc;
}

.xQuery-image-code {
    border: solid 1px #ccc;
    height: 28px;
    width: 100px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.xQuery-image-code img.code {
    width: 100%;
    height: 100%;
}

.xQuery-form-button {
    display: inline-block;
    padding: 0 20px;
    font-size: 14px;
    line-height: 28px;
}

.xQuery-form-button.blue {
    background: #1857b0;
    color: #fff;
    border: solid 1px #1857b0;
}

.xQuery-form-button.gray {
    background: #fff;
    color: #666;
    border: solid 1px #999;
}

.xQuery-form-button.blue:hover {
    background: #00478e;
    border: solid 1px #00478e;
}

.xQuery-form-button.gray:hover {
    border: solid 1px #1857b0;
    color: #1857b0;
}

.xQuery-pwd-mid {
    display: inline-block;
    position: relative;
    height: 16px;
    vertical-align: middle;
}

.xQuery-pwd-mid span.mid {
    display: block;
    width: 60px;
    background: #ddd;
    height: 16px;
    float: left;
    margin-right: 5px;
    text-align: center;
    cursor: default;
    color: #fff;
    line-height: 16px;
    font-size: 12px !important;
}

.xQuery-pwd-mid span.mid.active.m1 {
    background: #f00;
}

.xQuery-pwd-mid span.mid.active.m2 {
    background: #ff962e;
}

.xQuery-pwd-mid span.mid.active.m3 {
    background: #6ba501;
    margin-right: 0;
}

.xQuery-form-list:before,
.xQuery-form-list:after {
    display: table;
    content: "";
    line-height: 0;
}

.xQuery-form-list:after {
    clear: both;
}


/* 折叠icon */

.xQuery-slider-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
}

.xQuery-slider-btn em {
    position: absolute;
    width: 12px;
    height: 6px;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -6px;
}

.xQuery-slider-btn em:before {
    position: absolute;
    z-index: 1;
    content: '';
    top: 0;
    left: 0;
    border-top: 6px solid #999;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.xQuery-slider-btn em:after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 0;
    left: 2px;
    border-top: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.xQuery-slider-btn.current em:before {
    border-bottom: 6px solid #999;
    border-top: none;
}

.xQuery-slider-btn.current em:after {
    border-bottom: 4px solid #fff;
    border-top: none;
    top: 2px;
}


/* 上传 */

.xQuery-upload-item {
    display: inline-block;
    position: relative;
    max-width: 100%;
}

.xQuery-upload-main {
    border: solid 1px #ccc;
    height: 28px;
    line-height: 28px;
    background: #fff;
    padding: 0 10px;
    position: relative;
}

.xQuery-upload-main label {
    display: block;
    position: relative;
    cursor: default;
}

.xQuery-upload-main label .icon {
    font-size: 18px;
    color: #999;
    position: absolute;
    left: 0;
    top: 1px;
}

.xQuery-upload-main label span {
    margin-left: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.xQuery-upload-submit+label {
    margin-right: 44px;
}

.xQuery-upload-submit {
    position: absolute;
    right: 2px;
    top: 2px;
    padding: 0 10px;
    line-height: 22px;
    bottom: 2px;
    color: #fff;
    background: #666;
    cursor: pointer;
}

.xQuery-upload-submit:hover {
    background: #1857b0;
}

.xQuery-upload-main.mini {
    display: inline-block;
    border: none;
    padding: 0;
}

.xQuery-upload-preview:after {
    clear: both;
    display: block;
    content: '';
}

.xQuery-upload-preview {
    position: relative;
    margin-left: -10px;
}

.xQuery-upload-preview.mini {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

.xQuery-upload-preview-box {
    position: relative;
    border: solid 1px #ddd;
    float: left;
    margin: 10px 0 0 10px;
}

.xQuery-upload-preview-box.mini {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    float: none;
    border: none;
    width: auto !important;
    height: auto !important;
}

.xQuery-upload-preview-box .box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.xQuery-upload-preview-box .box.m1 {
    z-index: 1;
    background: #f9f9f9;
}

.xQuery-upload-preview-box .box.m2 {
    z-index: 2;
}

.xQuery-upload-preview-box .box.m2:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    background: #fff;
    z-index: -1;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.xQuery-upload-icon {
    font-size: 30px;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    cursor: default;
    position: absolute;
}

.xQuery-upload-info {
    position: absolute;
    width: 100%;
    z-index: 3;
    left: 0;
    bottom: -1px;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    cursor: default;
}

.xQuery-upload-info em {
    display: block;
    position: relative;
}

.xQuery-upload-info i.name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 5px;
    display: block;
}

.xQuery-upload-info i.name.mini {
    margin-right: 50px;
}

.xQuery-upload-info i.size {
    position: absolute;
    right: 5px;
    top: 0;
}

.xQuery-upload-info:before {
    content: '';
    position: absolute;
    right: -1px;
    bottom: 0;
    left: -1px;
    top: 0;
    background: #000;
    z-index: -1;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.xQuery-upload-preview-box .box.m1.file+.xQuery-upload-info+.xQuery-upload-oprate .xQuery-upload-button.m1 {
    margin-top: -23px;
}

.xQuery-upload-oprate {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.xQuery-upload-button {
    position: absolute;
    width: 80px;
    left: 50%;
    margin-left: -40px;
    top: 50%;
}

.xQuery-upload-button.m1 {
    margin-top: -15px;
}

.xQuery-upload-button.m2 {
    margin-top: -35px;
}

.xQuery-upload-button .button {
    display: block;
    line-height: 30px;
    text-align: center;
    background: #333;
    color: #fff;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.xQuery-upload-button .button:hover {
    background: #f60;
    text-decoration: none;
}

.xQuery-upload-delete {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    right: -10px;
    top: -10px;
    cursor: pointer;
    background: #666;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    overflow: hidden;
    z-index: 10;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.xQuery-upload-delete i {
    font-size: 12px;
    position: relative;
    color: #fff;
}

.xQuery-upload-preview-box:hover .xQuery-upload-delete {
    opacity: 1;
    filter: alpha(opacity=100);
}

.xQuery-upload-delete:hover {
    background: #f60;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.xQuery-upload-preview-box:hover .xQuery-upload-oprate {
    opacity: 1;
    filter: alpha(opacity=100);
}


/* loading */

.xQuery-master-loading {
    position: absolute;
    width: 60px;
    display: inline-block;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    margin: -15px 0 0 -40px;
    border-radius: 30px;
    text-align: center;
    font-size: 12px;
    left: 50%;
    top: 50%;
    background-color: rgba(0, 0, 0, .1);
    background-color: #eee\0;
    *background-color: #eee;
    background-image: url(../images/base/btn_refreshing.gif);
    background-repeat: no-repeat;
    background-position: 10px center;
}

.xQuery-master-loading.mini {
    width: 14px;
    overflow: hidden;
    text-indent: -9999px;
    padding: 0;
    height: 14px;
    line-height: 14px;
    margin: -7px 0 0 -7px;
    border-radius: 0;
    background: url(../images/base/btn_refreshing.gif) no-repeat -1px;
}

.xQuery-master-loading.relative {
    position: relative;
}


/* error */

.xQuery-error-content {
    position: absolute;
    top: 50%;
    margin-top: -135px;
    left: 0;
    right: 0;
}

.xQuery-error-content.mini {
    margin-top: -15px;
}

.xQuery-error-img {
    position: relative;
    margin: 0 auto !important;
    display: block;
}

.xQuery-error-text {
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #666;
}

.xQuery-error-text a {
    color: #900;
    text-decoration: underline;
}

.xQuery-error-text a:hover {
    color: #2559a8;
    color: #900;
}

.xQuery-error-content.mini .xQuery-error-text {
    font-size: 12px;
}


/* master */

.xQuery-master-container {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: url(../images/base/piel_black_1_1_alpha_4.png) repeat;
}

.xQuery-master-container.xQuery-master-none {
    background: none;
}

.xQuery-master-button {
    height: 34px;
    padding-top: 20px;
}

.xQuery-master-button1 {
    height: 34px;
    padding-top: 40px;
}

.xQuery-master-button a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    color: #262626;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 5px;
}

.xQuery-master-button a.blue {
    background: #ffd44a;
    border: solid 1px #ffd44a;
    color: #262626 !important;
}

.xQuery-master-button a.orange {
    background: #f60;
    border: solid 1px #f60;
    color: #fff !important;
}

.xQuery-master-button a.gray {
    background: #fff;
    border: solid 1px #d7d7d7;
    color: #666;
}

.xQuery-master-button a.blue:hover {
    /* background:#ffd44a;border:solid 1px #ffd44a;  */
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.xQuery-master-button a.orange:hover {
    background: #cb5100;
    border: solid 1px #cb5100;
    text-decoration: none;
}

.xQuery-master-button a.gray:hover {
    border: solid 1px #ffd44a;
    color: #262626;
    text-decoration: none;
}


/* confirm */

.xQuery-confirm-container {
    padding: 40px;
    left: 50%;
    background: #fff;
    box-shadow: 0 0 3px #666;
    z-index: 1;
    border-radius: 4px;
}

.xQuery-confirm-icon {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: left;
}

.xQuery-confirm-icon span.icon {
    font-size: 40px;
    color: #0054a7;
    position: relative;
    top: 5px;
}

.xQuery-confirm-icon span.m1 {
    color: #0054a7;
}

.xQuery-confirm-icon span.m2 {
    color: #11b16b;
}

.xQuery-confirm-icon span.m3 {
    color: #0054a7;
}

.xQuery-confirm-icon span.m4 {
    color: #0054a7;
}

.xQuery-confirm-icon span.m5 {
    color: #0054a7;
}

.xQuery-confirm-icon span.m6 {
    color: #0054a7;
}

.xQuery-confirm-icon span.m7 {
    color: #0054a7;
}


/* .xQuery-confirm-icon+.xQuery-confirm-content{ margin-left:60px;} */

.xQuery-confirm-content {
    font-size: 16px;
    color: #262626;
    text-align: center;
}

.xQuery-confirm-content .icon-error {
    font-size: 22px;
    color: #ffd44a;
    margin-right: 15px;
}

.xQuery-confirm-title {
    font-size: 18px;
    font-weight: normal;
    color: #0054a7;
    margin-bottom: 10px;
}

.xQuery-confirm-content .xQuery-master-button {
    text-align: center;
    margin-left: -10px;
}


/* waiting */

.xQuery-waiting-container {
    text-align: center;
    left: 0;
    right: 0;
    z-index: 1;
}

.xQuery-waiting-content {
    display: inline-block;
    z-index: 1;
    max-width: 400px;
    border-radius: 5px;
    position: relative;
    padding: 5px;
    font-size: 14px;
    line-height: 22px;
    min-height: 22px;
    overflow: hidden;
}

.xQuery-waiting-icon {
    font-size: 18px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.xQuery-waiting-text {
    display: block;
    text-align: left;
}

.xQuery-waiting-loading {
    /* position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px; */
    width: 50px;
    height: 50px;
    display: block;
    z-index: 1;
    margin: 10px auto;
}

.xQuery-waiting-container.loading {
    margin-top: -35px;
    top: 50%;
}

.xQuery-waiting-container.loading .xQuery-waiting-content {
    min-width: 70px;
    min-height: 70px;
    padding: 0;
}

.xQuery-waiting-container.loading .xQuery-waiting-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: -1;
}

.xQuery-waiting-container.true .xQuery-waiting-content {
    box-shadow: 1px 1px 3px #4fbf4c;
    background: #e6fdf8;
    color: #4fbf4c;
    border: solid 1px #4fbf4c;
}

.xQuery-waiting-container.false .xQuery-waiting-content {
    box-shadow: 1px 1px 3px #ed9ea1;
    background: #feeeed;
    color: #f8756c;
    border: solid 1px #ed9ea1;
}

.xQuery-waiting-container.tip .xQuery-waiting-content {
    box-shadow: 1px 1px 3px #999;
    color: #fff;
}

.xQuery-waiting-container.tip .xQuery-waiting-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: -1;
}

.xQuery-waiting-container.true .xQuery-waiting-content,
.xQuery-waiting-container.false .xQuery-waiting-content {
    padding-left: 30px;
}


/* dialog */

.xQuery-dialog-container {
    background: #fff;
    box-shadow: 0 0 3px #666;
    z-index: 1;
    border-radius: 4px;
}

.xQuery-dialog-head {
    padding: 0 24px;
    position: relative;
    border-bottom: solid 1px #f6f6f6;
}

.xQuery-dialog-head .title {
    height: 55px;
    position: relative;
    line-height: 55px;
    font-size: 16px;
    color: #262626;
    overflow: hidden;
}

.xQuery-dialog-close {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 18px;
    z-index: 200;
}

.xQuery-dialog-close i {
    color: #999999;
    display: block;
    position: relative;
    text-align: center;
    line-height: 20px;
    float: left;
    font-size: 20px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.xQuery-dialog-close:hover i {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.xQuery-da-content {
    position: relative;
    /* max-height: 600px;
    overflow-y: auto; */
}

.xQuery-dialog-container .xQuery-master-button {
    text-align: center;
    padding-bottom: 20px;
    display: none;
}

.xQuery-master-button-border {
    border-top: 1px solid #f6f6f6;
}

.xQuery-dialog-confirm {
    position: relative;
    text-align: center;
    font-size: 14px;
    padding: 20px 0;
    color: #666;
}

.xQuery-dialog-confirm.m {
    padding-bottom: 10px;
    margin: 0 16px;
}

.xQuery-dialog-confirm span.icon {
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.xQuery-dialog-confirm span.icon.m1 {
    color: #ffd44a;
}

.xQuery-dialog-confirm span.icon.m2 {
    color: #11b16b;
}


/* select */

.xQuery-searchable-item {
    position: relative;
    display: inline-block;
    min-width: 60px;
}

.xQuery-searchable-title {
    height: 28px;
    line-height: 28px;
    background: #fff;
    text-align: left;
    border: solid 1px #ddd;
    cursor: default;
    padding: 0 25px 0 10px;
    text-align: left;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.xQuery-searchable-title.error {
    border: solid 1px #ed9ea1;
    background: #feeeed;
}

.xQuery-searchable-title.true {
    border: solid 1px #00b98d;
    background: #e6fdf8;
}

.xQuery-searchable-title.disabled {
    opacity: 0.8;
    filter: aplha(opacity=80);
    cursor: default;
    border: solid 1px #ddd;
    background: #f9f9f9;
}

.xQuery-searchable-title:before {
    content: '';
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    position: absolute;
    z-index: 4;
    right: 11px;
    top: 50%;
    margin-top: -3px;
}

.xQuery-searchable-title:after {
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999;
    position: absolute;
    z-index: 3;
    right: 10px;
    top: 50%;
    margin-top: -2px;
}

.xQuery-searchable-body {
    position: absolute;
    z-index: 100;
    left: 0;
    display: none;
    right: 0;
    border: solid 1px #ddd;
    padding: 5px;
    background: #fff;
}

.xQuery-searchable-input {
    position: relative;
    padding: 2px 5px;
    border: solid 1px #ddd;
    border-radius: 2px;
}

.xQuery-searchable-input.focus {
    box-shadow: 0 0 3px #3b79d6;
    border: solid 1px #0037a1;
}

.xQuery-searchable-input input {
    height: 22px !important;
    line-height: 22px !important;
    width: 100% !important;
    border: none !important;
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
}

.xQuery-searchable-main {
    position: relative;
    overflow: hidden;
}

.xQuery-searchable-bottom {
    position: relative;
    margin-top: 5px;
}

.xQuery-searchable-bottom:after {
    display: block;
    clear: both;
}

.xQuery-searchable-sure {
    position: relative;
    padding: 0 10px;
    line-height: 28px;
    background: #51555a;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
}

.xQuery-searchable-sure:hover {
    background: #343537;
}

.xQuery-searchable-info {
    position: relative;
}

.xQuery-searchable-list {
    position: relative;
}

.xQuery-searchable-body.multiple .xQuery-searchable-items {
    padding-left: 20px;
}

.xQuery-searchable-body.multiple .xQuery-searchable-items:after {
    content: '\e6f3';
    font-family: 'iconfont' !important;
    position: absolute;
    left: 2px;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -6px;
    z-index: 2;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
}

.xQuery-searchable-body.multiple .xQuery-searchable-items:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -6px;
    z-index: 1;
}

.xQuery-searchable-body.multiple .xQuery-searchable-list.active .xQuery-searchable-items:after {
    color: #fff;
}

.xQuery-searchable-body.multiple .xQuery-searchable-list.active .xQuery-searchable-items:before {
    background: #2773be;
}

.xQuery-searchable-items {
    position: relative;
    line-height: 28px;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
    padding: 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.xQuery-searchable-list:hover .xQuery-searchable-items {
    background: #0054a7;
    color: #fff;
}

.xQuery-searchable-body.multiple .xQuery-searchable-list.active .xQuery-searchable-items {
    background: #fff;
    color: #2773be;
}

.xQuery-searchable-null {
    line-height: 24px;
    display: none;
    padding: 0 5px;
    margin-bottom: 5px;
    font-size: 12px;
    text-align: left;
    border: solid 1px #ed9ea1;
    background-color: #feeeed;
    color: #f60;
}

.xQuery-searchable-input+.xQuery-searchable-null {
    margin-top: 5px;
    margin-bottom: 0;
}

.xQuery-searchable-input+.xQuery-searchable-null+.xQuery-searchable-main {
    margin-top: 5px;
}


/* page */

.xQuery-page-item {
    text-align: center;
    color: #999;
    padding-left: 1px;
    height: 30px;
    line-height: 30px;
    font-size: 12px !important;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.xQuery-page-item .button {
    display: inline-block;
    float: left;
    position: relative;
    margin-left: -1px;
    position: relative;
    z-index: 1;
    font-family: verdana;
    color: #333;
    vertical-align: middle;
    height: 28px;
    border: solid 1px #ddd;
    line-height: 28px;
    text-align: center;
}

.xQuery-page-item a.button:hover,
.xQuery-page-dian.button:hover {
    text-decoration: none;
    color: #0054a7;
    z-index: 2;
    border: solid 1px #0054a7;
    background: #deefff;
}

.xQuery-page-item span.button.disabled {
    cursor: default;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background: #f5f5f5;
}

.xQuery-page-button.button,
.xQuery-page-current.button {
    min-width: 22px;
    padding: 0 5px;
}

.xQuery-page-current.button {
    cursor: default;
    background: #0054a7;
    color: #fff;
    z-index: 2;
    box-shadow: 0 0 5px #00478e inset;
    border: solid 1px #00478e;
}

.xQuery-page-dian.button {
    width: 30px;
    cursor: pointer;
    line-height: 22px;
}

.xQuery-page-dian.button:hover {}

.xQuery-page-prev.button,
.xQuery-page-next.button {
    padding: 0 10px;
}

.xQuery-page-text {
    line-height: 30px;
    float: left;
}

.xQuery-page-text.m {
    margin-left: 5px !important;
}

.xQuery-page-select {
    float: left;
    margin: 0 5px;
}

.xQuery-page-input {
    float: left;
    width: 38px;
    margin: 0 3px;
    position: relative;
    height: 16px;
    line-height: 16px;
    text-align: center;
    padding: 6px 0;
    box-shadow: none !important;
    border: solid 1px #ddd;
}

.xQuery-page-input:focus {
    background-color: #fff !important;
    border-color: #0037a1;
    box-shadow: 0 0 3px #3b79d6 !important;
}

.xQuery-page-submit {
    margin-left: 5px !important;
    position: relative;
    padding: 0 10px;
}

.xQuery-page-submit:hover {
    background: #0054a7 !important;
    box-shadow: 0 0 5px #00478e inset;
    border: solid 1px #00478e;
    color: #fff !important;
}

.xQuery-page-content.center {
    text-align: center;
    position: relative;
}

.xQuery-page-content.right {
    text-align: right;
    position: relative;
}

.xQuery-page-content.left {
    text-align: left;
    position: relative;
}


/* fuzzy */

.xQuery-fuzzy-container {
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    padding: 1px;
}

.xQuery-fuzzy-empty {
    line-height: 30px;
    color: #f00;
    padding: 0 10px;
    font-size: 12px;
    cursor: default;
}

.xQuery-fuzzy-empty i.icon {
    margin-right: 5px;
    position: relative;
    vertical-align: middle;
    top: -1px;
}

.xQuery-fuzzy-content {
    position: relative;
    overflow: hidden;
}

.xQuery-fuzzy-load {
    position: relative;
    height: 200px;
    cursor: default;
}

.xQuery-fuzzy-load i.icon {
    width: 80px;
    height: 60px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -40px;
    background: url(../images/base/loader.gif) no-repeat;
}

.xQuery-fuzzy-info {
    position: relative;
}

.xQuery-fuzzy-item {
    position: relative;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px !important;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.xQuery-fuzzy-item.mini {
    padding-right: 85px;
}

.xQuery-fuzzy-item span.tip {
    position: absolute;
    right: 10px;
    top: 0;
    color: #999;
}

.xQuery-fuzzy-item:hover {
    background: #0054a7;
    color: #fff;
    text-decoration: none;
}

.xQuery-fuzzy-item:hover span.tip {
    color: #ddd;
}


/* scrollTop */

.xQuery-scrollTop-button {
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    left: 50%;
    bottom: 10px;
    z-index: 99;
    filter: apha(opacity=60);
    opacity: 0.6;
    background: #0054a7;
    cursor: pointer;
}

.xQuery-scrollTop-button:after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -16px;
    border-bottom: 16px solid #fff;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
}

.xQuery-scrollTop-button:before {
    position: absolute;
    content: '';
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -15px;
    border-bottom: 15px solid #0054a7;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.xQuery-scrollTop-button:hover {
    filter: apha(opacity=100);
    opacity: 1;
}


/* pop */

.xQuery-pop-container {
    position: absolute;
}

.xQuery-pop-container.xQuery-pop-cityQuery {
    width: 407px;
}

.xQuery-pop-container.xQuery-pop-citySearch {
    width: 474px;
}

.xQuery-pop-container:before {
    content: '';
    background: #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
    position: absolute;
    width: 100%;
    height: 100%;
}

.xQuery-pop-container.left-bottom:before {
    left: -3px;
    top: 3px;
}

.xQuery-pop-container.right-bottom:before {
    left: 3px;
    top: 3px;
}

.xQuery-pop-container.left-top:before {
    left: -3px;
    top: -3px;
}

.xQuery-pop-container.right-top:before {
    right: -3px;
    top: -3px;
}

.xQuery-pop-content {
    position: relative;
    z-index: 2;
    background: #fff;
    border: solid 1px #ddd;
}

.xQuery-pop-text {
    line-height: 24px;
    color: #888;
    position: relative;
    padding: 5px 10px 0;
    cursor: default;
}

.xQuery-pop-tab {
    height: 29px;
    border-bottom: solid 2px #004d9d;
    position: relative;
    padding: 0 10px;
    margin-top: 10px;
}

.xQuery-pop-text+.xQuery-pop-tab {
    margin-top: 5px;
}

.xQuery-pop-text+.xQuery-pop-tab+.xQuery-pop-close {
    top: 10px;
}

.xQuery-pop-tab ul {
    position: relative;
}

.xQuery-pop-tab ul li {
    height: 28px;
    line-height: 26px;
    color: #666;
    background: #fff;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    position: relative;
    padding: 0 25px 0 10px;
    border: solid 1px #ddd;
    border-bottom: none;
    margin-right: 5px;
    float: left;
    cursor: pointer;
}

.xQuery-pop-tab ul li:before {
    position: absolute;
    z-index: 1;
    content: '';
    top: 12px;
    right: 10px;
    border-top: 4px solid #666;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.xQuery-pop-tab ul li:after {
    position: absolute;
    z-index: 2;
    content: '';
    top: 12px;
    right: 11px;
    border-top: 3px solid #f5f5f5;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.xQuery-pop-tab ul li.current {
    color: #004d9d;
    border: solid 2px #004d9d;
    border-bottom: none;
    line-height: 24px;
    padding: 0 24px 0 9px;
    height: 29px;
}

.xQuery-pop-tab ul li.current:before {
    border-top-color: #004d9d !important;
    right: 9px;
}

.xQuery-pop-tab ul li.current:after {
    right: 10px;
}

.xQuery-pop-tab ul li.current:before,
.xQuery-pop-tab ul li.current:after {
    top: 11px;
}

.xQuery-pop-tab ul.mini li {
    padding-right: 10px;
}

.xQuery-pop-tab ul.mini li:before,
.xQuery-pop-tab ul.mini li:after {
    display: none;
}

.xQuery-pop-tab ul.mini li.current {
    padding-right: 9px;
}

.xQuery-pop-main {
    position: relative;
    padding: 0 10px;
    cursor: default;
}

.xQuery-pop-null {
    position: relative;
    height: 100px;
}

.xQuery-pop-null p {
    text-align: center;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -12px;
    line-height: 24px;
    position: absolute;
}

.xQuery-pop-list {
    position: relative;
    padding-bottom: 10px;
    display: none;
}

.xQuery-pop-box {
    position: relative;
}

.xQuery-pop-label {
    position: absolute;
    left: 0;
    top: 7px;
    color: #f60;
    font-size: 14px;
}

.xQuery-pop-list ul {
    position: relative;
    margin-left: -5px;
    padding: 5px 0 0 0;
}

.xQuery-pop-list .xQuery-pop-label+ul {
    margin-left: 13px;
}

.xQuery-pop-list .xQuery-pop-label+ul li {
    width: 57px;
}

.xQuery-pop-list .xQuery-pop-label+ul li a {
    max-width: 47px;
}

.xQuery-pop-list ul:after {
    content: '';
    display: block;
    clear: both;
}

.xQuery-pop-list ul li {
    float: left;
    position: relative;
    height: 22px;
    width: 60px;
    margin: 5px 0 0 5px;
}

.xQuery-pop-list ul li a {
    display: block;
    float: left;
    padding: 0 5px;
    line-height: 22px;
    color: #666;
    max-width: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.xQuery-pop-list ul li a:hover {
    color: #004d9d;
    text-decoration: underline;
}

.xQuery-pop-list ul li a.current {
    background: #004d9d;
    color: #fff;
    text-decoration: none;
}

.xQuery-pop-close {
    position: absolute;
    right: 10px;
    top: 16px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.xQuery-pop-close i.icon {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 16px;
    font-size: 16px;
    color: #888;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.xQuery-pop-close:hover i.icon {
    color: #f60;
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}


/* xQuery-scroll-dragger */

.xQuery-scroll-dragger {
    position: absolute;
    background: rgba(0, 0, 0, .1);
    background: #e6e6e6\0;
    *background: #e6e6e6;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
    z-index: 100;
}

.xQuery-scroll-dragger.dialog {
    background: #666\0;
    *background: #666;
}

.xQuery-scroll-bar {
    position: absolute;
    background: rgba(0, 0, 0, .3);
    background: #a2a2a2\0;
    *background: #a2a2a2;
    border-radius: 10px;
}

.xQuery-scroll-dragger.hover,
.xQuery-scroll-dragger:hover {
    background: rgba(0, 0, 0, .4);
    background: #b3b3b3\0;
    *background: #b3b3b3;
}

.xQuery-scroll-dragger.hover .xQuery-scroll-bar,
.xQuery-scroll-dragger:hover .xQuery-scroll-bar {
    background: rgba(0, 0, 0, .6);
    background: #555\0;
    *background: #555;
}

.xQuery-scroll-dragger.hover .xQuery-scroll-bar.in {
    background: rgba(0, 0, 0, .9);
    background: #111\0;
    *background: #111;
}

.xQuery-scroll-dragger.grid {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    background: none;
}


/* calender */

.xQuery-pop-content {}

.xQuery-calendar-cut {
    position: absolute;
    cursor: pointer;
    top: 0;
    height: 36px;
    width: 20px;
    z-index: 10;
}

.xQuery-calendar-prev {
    left: 10px;
}

.xQuery-calendar-next {
    right: 10px;
}

.xQuery-calendar-cut i.icon {
    position: absolute;
    display: block;
    left: 5px;
    top: 50%;
    margin-top: -6px;
    width: 6px;
    height: 12px;
}

.xQuery-calendar-prev i.icon:before {
    content: '';
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-right: 4px solid #fff;
    position: absolute;
    z-index: 4;
    left: 2px;
    top: 2px;
}

.xQuery-calendar-prev i.icon:after {
    content: '';
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #999;
    position: absolute;
    z-index: 3;
    left: 0px;
    top: 0;
}

.xQuery-calendar-next i.icon:before {
    content: '';
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid #fff;
    position: absolute;
    z-index: 4;
    right: 2px;
    top: 2px;
}

.xQuery-calendar-next i.icon:after {
    content: '';
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #999;
    position: absolute;
    z-index: 3;
    right: 0px;
    top: 0;
}

.xQuery-calendar-prev:hover i.icon:after {
    border-right-color: #f60;
}

.xQuery-calendar-next:hover i.icon:after {
    border-left-color: #f60;
}

.xQuery-calendar-cut.disabled {
    cursor: default;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.xQuery-calendar-prev.disabled:hover i.icon:after {
    border-right-color: #999;
}

.xQuery-calendar-next.disabled:hover i.icon:after {
    border-left-color: #999;
}

.xQuery-calendar-main {
    cursor: default;
    font-family: verdana, microsoft yahei !important;
}

.xQuery-calendar-info {
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}

.xQuery-calendar-info:after {
    content: '';
    display: block;
    clear: both;
}

.xQuery-calendar-item {
    position: relative;
    float: left;
    margin-left: -1px;
}

.xQuery-calendar-head {
    position: relative;
    text-align: center;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
}

.xQuery-calendar-head.first {
    margin-left: 10px;
}

.xQuery-calendar-head.last {
    margin-right: 10px;
}

.xQuery-calendar-head a {
    color: #666;
    font-size: 14px;
    position: relative;
    display: block;
    line-height: 36px;
    cursor: default;
    font-weight: bold;
}

.xQuery-calendar-head a.btn {
    cursor: pointer;
}

.xQuery-calendar-head a.btn:hover {
    color: #0054a7;
    text-decoration: none;
}

.xQuery-calendar-body {
    position: relative;
    padding: 0 10px;
    width: 182px;
    height: 183px;
    overflow: hidden;
}

.xQuery-calendar-body:before {
    content: '';
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ddd;
}

.xQuery-calendar-warp {
    position: relative;
    top: 0;
}

.xQuery-calendar-box {
    position: relative;
}

.xQuery-calendar-week {
    position: relative;
    height: 24px;
    margin-bottom: 3px;
}

.xQuery-calendar-week span {
    display: block;
    width: 26px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    float: left;
}

.xQuery-calendar-week span.weekend {
    color: #f60;
}

.xQuery-calendar-week span.normal {
    color: #666;
}

.xQuery-calendar-day {
    position: relative;
}

.xQuery-calendar-overs {
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    font-family: Georgia;
    line-height: 126px;
    color: #f5f5f5;
    text-align: center;
    font-size: 130px;
    z-index: 2;
    font-style: italic;
}

.xQuery-calendar-day ul {
    position: relative;
    height: 156px;
    z-index: 3;
}

.xQuery-calendar-tool {
    position: relative;
    height: 26px;
    border-top: solid 1px #ddd;
    padding: 10px 0;
    margin: 0 10px;
}

.xQuery-calendar-tool a.button {
    display: block;
    float: right;
    margin-left: 10px;
    border: solid 1px #ddd;
    padding: 0 10px;
    line-height: 24px;
    position: relative;
    color: #666;
}

.xQuery-calendar-tool a.button:hover {
    background: #0054a7;
    text-decoration: none;
    color: #fff;
    border: solid 1px #0054a7;
}

.xQuery-calendar-list {
    position: relative;
}

.xQuery-calendar-list ul {
    position: relative;
}

.xQuery-calendar-list ul:after {
    content: '';
    display: block;
    clear: both;
}

.xQuery-calendar-day ul li {
    position: relative;
    width: 26px;
    float: left;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
    color: #666;
    font-family: verdana !important;
}

.xQuery-calendar-month ul li,
.xQuery-calendar-year ul li {
    float: left;
    width: 33.33%;
    line-height: 46px;
    font-size: 14px;
    color: #666;
    text-align: center;
    cursor: pointer;
}

.xQuery-calendar-list ul li.weekend {
    color: #f60;
}

.xQuery-calendar-list ul li.now {
    color: #f00;
    font-weight: bold;
}

.xQuery-calendar-list ul li:hover {
    background: #0054a7;
    color: #fff;
}

.xQuery-calendar-list ul li.current {
    background: #2576c7;
    color: #fff;
}

.xQuery-calendar-list ul li.hover {
    background: #015db8;
    color: #fff;
}

.xQuery-calendar-list ul li.disabled {
    color: #ddd !important;
    background: none !important;
    cursor: default !important;
}

.xQuery-calendar-year {
    position: relative;
    overflow: hidden;
}

.xQuery-calendar-year-cut {
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -25px;
    height: 50px;
    width: 26px;
    z-index: 2;
    transition: all ease-out .3s;
}

.xQuery-calendar-year-cut:after {
    background: #000;
    transition: all ease-out .3s;
    position: absolute;
    opacity: 0.2;
    filter: alpha(opacity=20);
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.xQuery-calendar-year-prev {
    left: -26px;
}

.xQuery-calendar-year-next {
    right: -26px;
}

.xQuery-calendar-year-cut i.icon {
    display: block;
    text-align: center;
    color: #333;
    font-size: 22px;
    line-height: 50px;
}

.xQuery-calendar-year-cut.disabled {
    display: none;
}

.xQuery-calendar-year-cut:hover:after {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.xQuery-calendar-year:hover .xQuery-calendar-year-prev {
    left: 0;
}

.xQuery-calendar-year:hover .xQuery-calendar-year-next {
    right: 0;
}

.xQuery-calendar-year-main {
    position: relative;
    overflow: hidden;
}

.xQuery-calendar-year-info {
    width: 200%;
    position: relative;
}

.xQuery-calendar-year-info:after {
    content: '';
    display: block;
    clear: both;
}

.xQuery-calendar-year-main ul {
    float: left;
    width: 182px;
}

.xQuery-calendar-info.level .xQuery-calendar-item {
    float: none;
}

.xQuery-calendar-info.level .xQuery-calendar-body {
    width: auto;
}

.xQuery-calendar-info.level .xQuery-calendar-warp {
    position: relative;
}

.xQuery-calendar-info.level .xQuery-calendar-warp:after {
    content: '';
    display: block;
    clear: both;
}

.xQuery-calendar-info.level .xQuery-calendar-list {
    float: left;
    width: 182px;
}

.xQuery-calendar-info.level .xQuery-calendar-month {
    margin-left: 20px;
}

.xQuery-calendar-info.level .xQuery-calendar-month:after {
    content: '';
    width: 1px;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    background: #ddd;
}


/* mt-pop-container */

.mt-pop-container {
    position: absolute;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.mt-pop-shadow {
    position: absolute;
    background: #ddd;
    z-index: 1;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.mt-pop-container.left-top .mt-pop-shadow {
    left: 3px;
    top: 3px;
    right: -3px;
    bottom: -3px;
}

.mt-pop-container.right-top .mt-pop-shadow {
    left: -3px;
    top: 3px;
    right: 3px;
    bottom: -3px;
}

.mt-pop-container.left-bottom .mt-pop-shadow {
    left: 3px;
    top: -3px;
    right: -3px;
    bottom: 3px;
}

.mt-pop-container.right-bottom .mt-pop-shadow {
    left: -3px;
    top: -3px;
    right: 3px;
    bottom: 3px;
}

.mt-pop-content {
    border: solid 1px #ddd;
    background: #fff;
    z-index: 2;
    position: relative;
    padding: 5px 10px;
}

.mt-pop-tip {
    color: #666;
    margin-bottom: 5px;
    padding: 0 10px;
}

.mt-pop-tab {
    border-bottom: solid 2px #2559a8;
    position: relative;
}

.mt-pop-tab ul {
    position: relative;
    height: 31px;
}

.mt-pop-tab ul.mini {
    padding-left: 10px;
}

.mt-pop-tab ul.mini li {
    border: none;
    line-height: 32px;
    margin: 0;
    height: 31px;
}

.mt-pop-tab ul.mini li.current {
    padding: 0 8px;
    line-height: 28px;
}

.mt-pop-tab ul li {
    line-height: 28px;
    height: 30px;
    color: #666;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    position: relative;
    padding: 0 10px;
    border: solid 1px #ddd;
    border-bottom: none;
    margin-right: 5px;
    float: left;
    cursor: pointer;
    white-space: nowrap;
}

.mt-pop-tab ul li i {
    position: relative;
    margin-left: 2px;
}

.mt-pop-tab ul li:hover {
    color: #2559a8;
}

.mt-pop-tab ul li.current {
    border: solid 2px #2559a8;
    color: #2559a8;
    border-bottom: none;
    padding: 0 9px;
    line-height: 28px;
    height: 31px;
    background: #fff;
}

.mt-pop-main {
    position: relative;
}

.mt-pop-item {
    padding: 5px 0 0 0;
    position: relative;
    float: none;
    width: auto;
}

.mt-pop-item ul {
    height: 1%;
    overflow: hidden;
    position: relative;
}

.mt-pop-item ul li {
    width: 55px;
    padding-left: 12px;
    float: left;
    height: 24px;
}

.mt-pop-item ul li.mini {
    padding-left: 20px;
}

.mt-pop-item ul li a {
    color: #666;
    display: block;
    font-size: 12px;
    float: left;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mt-pop-item ul li a:hover {
    text-decoration: underline;
    color: #b50229;
}

.mt-pop-list {
    position: relative;
    padding-left: 40px;
}

.mt-pop-label {
    position: absolute;
    left: 20px;
    top: 0;
}

.mt-pop-load {
    position: relative;
    height: 120px;
}

.mt-pop-load img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -12px;
}

.mt-pop-load p {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -12px;
    text-align: center;
}

.mt-pop-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 100;
    cursor: pointer;
    color: #888;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.mt-pop-close.mini {
    top: 5px;
}

.mt-pop-close:hover {
    color: #b50229;
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* mt-fuzzy-content */

.mt-fuzzy-content {
    max-height: 210px;
    overflow: hidden;
    position: relative;
}

.mt-pop-fuzzy li {
    height: 30px;
    font-size: 12px;
    padding: 0 10px;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mt-pop-fuzzy li.current {
    background: #7aaddf;
    color: #fff;
    z-index: 2;
}

.mt-pop-fuzzy li:hover {
    background: #2773be;
    color: #fff;
    z-index: 2;
}

.mt-pop-fuzzy li i.tip {
    position: absolute;
    top: 0;
    right: 10px;
}

.mt-pop-null {
    background: #deefff;
    line-height: 20px;
    font-size: 12px;
    border: solid 1px #ff7d26;
    padding: 5px 10px;
    position: relative;
    z-index: 10;
    color: #666;
}


/* mt-loop-item */


/*.mt-loop-item{ position:relative; width:574px;}
.mt-loop-button{ position:absolute; top:0; bottom:0; cursor:pointer; border:solid 1px #ddd; border-radius:3px; width:10px; text-align:center; color:#777; background:#f9f9f9;}
.mt-loop-button i{ position:absolute; left:0; right:0; text-align:center;line-height:24px; top:50%; margin-top:-12px; font-size:12px; font-weight:bold;}
.mt-loop-button.prev{ left:0; text-indent:-1px;}
.mt-loop-button.next{ right:0;}
.mt-loop-button:hover{ border-color:#f60; color:#f60;}
.mt-loop-button.disabled,.mt-loop-button.disabled:hover{ opacity:0.6; filter:alpha(opacity=60); cursor:default; border-color:#ddd; color:#777;}
.mt-loop-list{ position:relative; margin:0 24px; overflow:hidden;}
.mt-loop-list ul.list{ position:relative; height:80px; width:1000%;}
.mt-loop-list ul.list li{ height:80px; width:80px; background:#eee; float:left; margin-right:10px; text-align:center; line-height:80px; font-size:30px; color:#999;}
*/


/* ui-copy-item */


/*.ui-copy-item{ position:relative; margin:30px 0 10px; width:600px;}
.ui-copy-text{height:34px; line-height:34px;min-height:34px; padding:0px 10px; color:#666; background:#f5f5f5; border:solid 1px #ccc;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.ui-copy-button{ position:absolute; width:150px; right:0px; top:0px;}
.ui-copy-button a{height:36px; line-height:36px; display:block; text-align:center; font-size:14px; background:#2559a8; color:#fff; position:relative;}
.ui-copy-button a:hover,.ui-copy-button a.hover{background:#b50229; color:#fff; text-decoration:none;}*/


/* mt-calendar-group */

.mt-calendar-group .clear {
    clear: both;
}

.mt-calendar-group {
    position: relative;
    font-family: Verdana, microsoft yahei !important;
}

.mt-calendar-item {
    width: 203px;
    position: relative;
    padding: 3px 0 5px;
    float: left;
}

.mt-calendar-head {
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-bottom: solid 1px #ddd;
    margin: 0 0 10px;
    padding-bottom: 3px;
    position: relative;
}

.mt-calendar-head.first {
    margin-left: 10px;
}

.mt-calendar-head.last {
    margin-right: 10px;
}

.mt-calendar-head a {
    color: #666;
    font-size: 14px;
    -webkit-transition: none;
    transition: none;
}

.mt-calendar-head a i {
    font-weight: bold;
    font-family: Verdana, arial;
    font-style: normal;
}

.mt-calendar-head a:hover {
    text-decoration: none;
    color: #1487d3;
}

.mt-calendar-head a.disabled,
.mt-calendar-head a.disabled:hover {
    color: #666;
    cursor: text;
}

.mt-calendar-body {
    position: relative;
    width: 203px;
    height: 183px;
    border-left: solid 1px #ddd;
    margin-left: -1px;
    overflow: hidden;
}

.mt-calendar-warp {
    position: relative;
    height: 300%;
}

.mt-calendar-main {
    padding: 0 10px;
    width: 183px;
}

.mt-calendar-week {
    height: 24px;
    line-height: 24px;
    position: relative;
    margin-bottom: 3px;
    /*background:#eee;*/
}

.mt-calendar-week span {
    float: left;
    width: 26px;
    display: block;
    text-align: center;
    font-size: 12px;
}

.mt-calendar-week span.weekend {
    color: #f60;
}

.mt-calendar-week span.normal {
    color: #666;
}

.mt-calendar-day {
    position: relative;
}

.mt-calendar-overs {
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    font-family: Georgia;
    line-height: 126px;
    color: #f5f5f5;
    text-align: center;
    font-size: 130px;
    z-index: 2;
    font-style: italic;
}

.mt-calendar-number {
    height: 156px;
    position: relative;
    z-index: 3;
    cursor: pointer;
    background: url(../images/base/piel_black_1_1_alpha_0.png) repeat;
}

.mt-calendar-number li {
    float: left;
    width: 26px;
    height: 26px;
    font-size: 12px;
    font-family: Verdana !important;
    text-align: center;
    cursor: pointer;
    line-height: 26px;
    color: #666;
}

.mt-calendar-number li.weekend {
    color: #f60;
}

.mt-calendar-number li.now {
    color: #f00;
    font-weight: bold;
}

.mt-calendar-number li:hover {
    color: #fff;
    background: #0099ff;
}

.mt-calendar-number li.changed,
.mt-calendar-number li.changed:hover {
    color: #fff;
    background: #76c8ff;
}

.mt-calendar-number li.selected,
.mt-calendar-number li.selected:hover {
    color: #fff;
    background: #43b4ff;
}

.mt-calendar-number li.disabled,
.mt-calendar-number li.disabled:hover {
    color: #ddd;
    cursor: default;
    background: none;
    font-weight: normal;
}

.mt-calendar-number li.selected.disabled,
.mt-calendar-number li.selected.disabled:hover {
    background: #ddd;
    color: #fff;
    cursor: default;
}

.mt-calendar-month-btn {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 8px;
    z-index: 4;
    cursor: pointer;
}

.mt-calendar-month-btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5.5px 0 0 -3px;
    width: 6px;
    height: 11px;
    background: url(../images/base/JQ-calendar-bg-3.gif) no-repeat;
}

.mt-calendar-month-btn.prev {
    left: 10px;
}

.mt-calendar-month-btn.next {
    right: 10px;
}

.mt-calendar-month-btn.prev i {
    background-position: 0px -3px;
}

.mt-calendar-month-btn.next i {
    background-position: -13px -3px;
}

.mt-calendar-month-btn.prev:hover i {
    background-position: 0px -21px;
}

.mt-calendar-month-btn.next:hover i {
    background-position: -13px -21px;
}

.mt-calendar-month-btn.disabled {
    filter: alpha(opacity=40);
    opacity: 0.4;
    cursor: default;
}

.mt-calendar-month-btn.prev.disabled:hover i {
    background-position: 0px -3px;
}

.mt-calendar-month-btn.next.disabled:hover i {
    background-position: -13px -3px;
}

.mt-calendar-button {
    height: 24px;
    margin: 0 10px;
    padding: 8px 0;
    border-top: solid 1px #ddd;
    position: relative;
    z-index: 10;
}

.mt-calendar-button a.btn {
    display: block;
    font-size: 12px;
    height: 22px;
    border: solid 1px #ccc;
    line-height: 22px;
    padding: 0px 5px;
    float: right;
    margin-left: 8px;
    cursor: pointer;
    color: #666;
    -webkit-transition: none;
    transition: none;
}

.mt-calendar-button a.btn:hover {
    border: solid 1px #43b4ff;
    color: #fff;
    background: #43b4ff;
    text-decoration: none;
}

.mt-calendar-time {
    position: absolute;
    left: 0;
    top: 11px;
    line-height: 18px;
    color: #666;
}

.mt-calendar-time-item {
    position: relative;
    float: left;
    z-index: 1;
}

.mt-calendar-time-item em.number {
    height: 20px;
    font-size: 12px !important;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    display: block;
    line-height: 20px;
    *line-height: 18px;
    width: 20px;
    font-size: 11px;
    color: #fff;
    background: #999;
    position: relative;
    z-index: 2;
}

.mt-calendar-time-separator {
    float: left;
    font-size: 14px;
    font-weight: bold;
    font-size: 11px;
    cursor: default;
}

.mt-calendar-time-box {
    position: absolute;
    bottom: 20px;
    padding-bottom: 6px;
    cursor: pointer;
    background: url(../images/base/piel_black_1_1_alpha_0.png) repeat;
    z-index: 1;
}

.mt-calendar-time-box.hour {
    left: -5px;
    width: 153px;
}

.mt-calendar-time-box.minute {
    left: -37px;
    width: 180px;
}

.mt-calendar-time-box.second {
    left: -69px;
    width: 180px;
}

.mt-calendar-time-box i {
    color: #666;
    position: absolute;
    bottom: 1px;
    line-height: 10px;
    cursor: pointer;
}

.mt-calendar-time-box.hour i {
    left: 7px;
}

.mt-calendar-time-box.minute i {
    left: 38px;
}

.mt-calendar-time-box.second i {
    left: 70px;
}

.mt-calendar-time-box .box {
    padding: 3px;
    background: #666;
}

.mt-calendar-time-box .box .inner {
    max-height: 120px;
    overflow: hidden;
    position: relative;
}

.mt-calendar-time-box ul {
    position: relative;
    height: 1%;
    overflow: hidden;
}

.mt-calendar-time-box ul li {
    float: left;
    width: 20px;
    height: 20px;
    padding: 2px;
    text-align: center;
    cursor: default;
    position: relative;
    overflow: hidden;
}

.mt-calendar-time-box ul li a {
    font-size: 11px;
    color: #fff;
    font-family: Verdana !important;
    line-height: 18px;
    display: block;
    -webkit-transition: none;
    transition: none;
}

.mt-calendar-time-box ul li a:hover {
    background: #0099ff;
    color: #fff;
    text-decoration: none;
}

.mt-calendar-time-box ul li a.selected,
.mt-calendar-time-box ul li a.selected:hover {
    background: #43b4ff;
    color: #fff;
}

.mt-calendar-time-box ul li a.disabled,
.mt-calendar-time-box ul li a.disabled:hover {
    background: none;
    cursor: default;
    color: #999;
}

.mt-calendar-time-scroll {
    background: #5c5c5c !important;
}

.mt-calendar-time-scroll .mt-scroll-bar {
    background: #404040 !important;
}

.mt-calendar-time-scroll:hover {
    background: #444 !important;
}

.mt-calendar-time-scroll:hover .mt-scroll-bar {
    background: #222 !important;
}

.mt-calendar-time-tip {
    position: absolute;
    white-space: nowrap;
    border-radius: 3px;
    background: #666;
    padding: 0 5px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    *line-height: 18px;
    height: 20px;
    font-size: 12px;
}

.mt-calendar-time-tip i {
    color: #666;
    position: absolute;
    line-height: 10px;
}

.mt-calendar-time-tip.x {
    left: 95px;
    top: 0px;
    -webkit-animation: time_tip_x 1s ease-out infinite;
    animation: time_tip_x 1s ease-out infinite;
}

.mt-calendar-time-tip.x i {
    left: -8px;
    top: 4px;
}

.mt-calendar-time-tip.x i.c1 {
    display: inline;
}

.mt-calendar-time-tip.y {
    left: -18px;
    top: 27px;
    -webkit-animation: time_tip_y 1s ease-out infinite;
    animation: time_tip_y 1s ease-out infinite;
}

.mt-calendar-time-tip.y i {
    left: 50%;
    top: -6px;
    margin-left: -8px;
}

.mt-calendar-time-tip.y i.c2 {
    display: inline;
}

@-webkit-keyframes time_tip_x {
    50% {
        -webkit-transform: translate(-5px, 0);
    }
}

@keyframes time_tip_x {
    50% {
        transform: translate(-5px, 0);
    }
}

@-webkit-keyframes time_tip_y {
    50% {
        -webkit-transform: translate(0, 5px);
    }
}

@keyframes time_tip_y {
    50% {
        transform: translate(0, 5px);
    }
}

.mt-calendar-time-item:hover {
    z-index: 2;
}

.mt-calendar-time-item:hover .mt-calendar-time-icon {
    display: inline;
}

.mt-calendar-time-item:hover em.number {
    background: #666;
}

.mt-calendar-time-item:hover .mt-calendar-time-box {
    -webkit-animation: hoverIn .3s ease forwards;
    animation: hoverIn .3s ease forwards;
    display: block;
}

@-webkit-keyframes hoverIn {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
    }
}

@keyframes hoverIn {
    0% {
        opacity: 0;
        transform: translate(0, 10px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-webkit-keyframes hoverOut {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(0, 10px);
    }
}

@keyframes hoverOut {
    0% {
        opacity: 1;
        transform: translate(0, 0);
    }

    100% {
        opacity: 0;
        transform: translate(0, 10px);
    }
}

.mt-calendar-fast {
    padding: 0 10px;
    position: relative;
    height: 183px;
    overflow: hidden;
}

.mt-calendar-inner {
    width: 183px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.mt-calendar-panel {
    width: 200%;
    position: relative;
    height: 183px;
}

.mt-calendar-panel .box {
    width: 183px;
    float: left;
    height: 183px;
    padding: 0;
    border: none;
    background: none;
}

.mt-calendar-panel .box ul {
    position: relative;
    width: 183px;
    height: 180px;
    padding-top: 3px;
}

.mt-calendar-panel .box ul li {
    width: 40px;
    height: 45px;
    float: left;
    text-align: center;
    line-height: 45px;
    width: 61px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    font-family: 微软雅黑, Verdana !important;
    color: #666;
    position: relative;
}

.mt-calendar-panel .box ul li:hover {
    background: #0099ff;
    color: #fff;
}

.mt-calendar-panel .box ul li.selected {
    background: #43b4ff;
    color: #fff;
}

.mt-calendar-panel .box ul li.disabled {
    color: #ddd;
    cursor: default;
    background: none;
}

.mt-calendar-panel .box ul li.disabled.selected {
    background: #ddd;
    color: #fff;
}

.mt-calendar-fast-btn {
    background-image: url(../images/base/arrow.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 81px;
    cursor: pointer;
    z-index: 10;
    top: 50%;
    margin-top: -40.5px;
    position: absolute;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.mt-calendar-fast-btn.prev {
    background-position: -72px 0;
    left: 0;
    -webkit-transform: translate(-35px, 0);
    transform: translate(-35px, 0);
}

.mt-calendar-fast-btn.next {
    background-position: 0 0;
    right: 0;
    -webkit-transform: translate(35px, 0);
    transform: translate(35px, 0);
}

.mt-calendar-fast-btn:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.mt-calendar-fast-btn.disabled {
    display: none;
}

.mt-calendar-fast:hover .mt-calendar-fast-btn {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}


/* mt-picker-main */

.mt-picker-main {
    padding: 10px;
    position: relative;
    height: 88px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.mt-pop-clear {
    position: relative;
    height: 22px;
    padding: 0 10px;
    margin-top: -5px;
}

.mt-pop-clear a.btn {
    float: right;
    border: solid 1px #ddd;
    padding: 0 10px;
    line-height: 20px;
    font-size: 12px;
    border-radius: 3px;
}

.mt-pop-clear a.btn:hover {
    color: #0099ff;
    border-color: #0099ff;
}

.mt-picker-item {
    width: 50px;
    position: relative;
    padding: 30px 0;
    float: left;
}

.mt-picker-button {
    position: absolute;
    left: 0;
    right: 0;
    height: 24px;
    overflow: hidden;
    color: #888;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.mt-picker-button i {
    font-size: 18px;
    font-weight: bold;
}

.mt-picker-button.prev {
    top: 0;
}

.mt-picker-button.next {
    bottom: 0;
}

.mt-picker-button.prev i {
    line-height: 22px;
}

.mt-picker-button.next i {
    /* line-height:20px;*/
}

.mt-picker-button.disabled,
.mt-picker-button.disabled:hover {
    background: none !important;
    cursor: default !important;
    color: #888 !important;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.mt-picker-box {
    position: relative;
    padding: 0 1px;
    height: 28px;
}

.mt-picker-box input {
    border: solid 1px #ddd;
    font-weight: bold;
    width: 100% !important;
    cursor: text;
    position: relative;
    float: left;
    height: 16px;
    padding: 5px 0 !important;
    left: -1px;
    border-radius: 3px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    font-family: Verdana;
    color: #666;
}

.mt-picker-box input.disabled {
    opacity: 0.6;
    filter: alpha(opacity=60);
    box-shadow: none !important;
    color: #888 !important;
    border: solid 1px #ddd !important;
    cursor: default !important;
    background: #eee !important;
}

.mt-picker-separator {
    float: left;
    line-height: 88px;
    font-size: 14px;
    text-align: center;
    width: 20px;
    font-weight: bold;
}

.mt-picker-item:hover .mt-picker-button:hover {
    background: #0099ff;
    color: #fff;
}

.mt-picker-item:hover .mt-picker-box input {
    box-shadow: 0px 0px 3px #0099ff;
    border: solid 1px #0099ff;
    background-color: #fff;
    background-image: none;
    color: #2559a8;
}


/* mt-menu-container */

.mt-menu-container {
    -webkit-transition: none;
    transition: none;
    cursor: default;
}

.mt-menu-main {
    width: 150px;
    overflow: hidden;
    position: relative;
}

.mt-menu-item {
    border-top: solid 1px #eee;
    position: relative;
    margin-top: -1px;
    padding: 5px 0;
}

.mt-menu-item a {
    display: block;
    color: #333;
    height: 26px;
    line-height: 26px;
    margin: 1px 0;
    position: relative;
    padding: 0 30px 0 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: none;
    transition: none;
}

.mt-menu-item a i {
    position: absolute;
    top: -2px;
}

.mt-menu-item a i.m1 {
    left: 10px;
    color: #2559a8;
}

.mt-menu-item a i.m2 {
    right: 5px;
    color: #777;
    font-weight: bold;
}

.mt-menu-item a:hover {
    background: #2559a8;
    color: #fff;
    text-decoration: none;
}

.mt-menu-item a:hover i {
    color: #fff;
}

.mt-menu-item a.disabled,
.mt-menu-item a.disabled:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
    background: none;
    color: #333;
}

.mt-menu-item a.disabled i.m1,
.mt-menu-item a.disabled:hover i.m1 {
    color: #2559a8;
}

.mt-menu-item a.disabled i.m2,
.mt-menu-item a.disabled:hover i.m2 {
    color: #777;
}


/* mt_range_item */

.mt_range_item {
    position: relative;
}

.mt_range_box {
    background: #f5f5f5;
    border: solid 1px #ddd;
    position: relative;
}

.mt_range_bar {
    position: absolute;
    border: solid 1px #ccc;
    background: #eee;
    cursor: pointer;
}

.mt_range_bar:before {
    position: absolute;
    content: '';
    background: #ccc;
}

.mt_range_bar:after {
    position: absolute;
    content: '';
    background: #ccc;
}

.mt_range_text {
    position: absolute;
    background: url(../images/base/piel_black_1_1_alpha_7.png) repeat;
    border-radius: 3px;
    font-family: Verdana;
    color: #fff;
    text-align: center;
    height: 22px;
    white-space: nowrap;
    line-height: 22px;
    font-size: 12px;
}

.mt_range_text:after {
    content: '';
    position: absolute;
}

.mt_range_bar.disabled {
    border: solid 1px #dedede;
    background: #f7f7f7;
    cursor: default;
}

.mt_range_bar.disabled:before,
.mt_range_bar.disabled:after {
    background: #ddd;
}

.mt_range_item.y {
    padding: 40px 0 10px 0;
}

.mt_range_item.y .mt_range_box {
    height: 3px;
}

.mt_range_item.y .mt_range_bar {
    width: 14px;
    height: 17px;
    bottom: -7px;
}

.mt_range_item.y .mt_range_bar:before {
    left: 4px;
    top: 4px;
    bottom: 4px;
    width: 1px;
}

.mt_range_item.y .mt_range_bar:after {
    right: 4px;
    top: 4px;
    bottom: 4px;
    width: 1px;
}

.mt_range_item.y .mt_range_text {
    top: -30px;
    width: 40px;
    left: 50%;
    margin-left: -20px;
    height: 22px;
    line-height: 22px;
}

.mt_range_item.y .mt_range_text:after {
    left: 50%;
    margin-left: -3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    bottom: -3px;
    border-top: 3px solid rgba(0, 0, 0, .7);
}

.mt_range_item.x {
    padding: 0 40px 0 10px;
}

.mt_range_item.x .mt_range_box {
    width: 3px;
    height: 100%;
}

.mt_range_item.x .mt_range_bar {
    height: 14px;
    width: 17px;
    left: -8px;
}

.mt_range_item.x .mt_range_bar:before {
    left: 4px;
    top: 4px;
    right: 4px;
    height: 1px;
}

.mt_range_item.x .mt_range_bar:after {
    right: 4px;
    left: 4px;
    bottom: 4px;
    height: 1px;
}

.mt_range_item.x .mt_range_text {
    right: -50px;
    width: 40px;
    top: 50%;
    margin-top: -11px;
    height: 22px;
    line-height: 22px;
}

.mt_range_item.x .mt_range_text:after {
    top: 50%;
    margin-top: -3px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    left: -3px;
    border-right: 3px solid rgba(0, 0, 0, .7);
}


/* mt_slider_item */

.mt_slider_item {
    background: #fff;
    position: relative;
    overflow: hidden;
}

.mt_slider_item img.block {
    display: none;
}

.mt_slider_list {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
}

.mt_slider_list ul {
    position: absolute;
    left: 0;
    top: 0;
}

.mt_slider_list ul li {
    color: #fff;
}

.mt_slider_spot {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
}

.mt_slider_spot_list {
    background: url(../images/base/piel_black_1_1_alpha_4.png) repeat;
    padding: 3px 5px;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
}

.mt_slider_spot span {
    display: inline-block;
    margin: 0 2px;
    width: 9px;
    height: 9px;
    background: #b7b7b7;
    border-radius: 50%;
    cursor: pointer;
}

.mt_slider_spot span.current {
    background: #ff3c3c;
}

.mt_slider_arrow {
    position: absolute;
    z-index: 3;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: block;
    width: 35px;
    height: 81px;
    top: 50%;
    filter: alpha(opacity=70);
    opacity: 0.7;
    margin-top: -40.5px;
    background-image: url(../images/base/arrow.png);
    background-repeat: no-repeat;
}

.mt_slider_arrow.prev {
    left: -35px;
    background-position: -72px 0;
}

.mt_slider_arrow.next {
    right: -35px;
    background-position: 0 0
}

.mt_slider_arrow.prev:hover,
.mt_slider_arrow.next:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mt_slider_item:hover .mt_slider_arrow.prev {
    left: 0;
}

.mt_slider_item:hover .mt_slider_arrow.next {
    right: 0;
}

.mt_slider_item.x .mt_slider_list ul {
    bottom: 0;
}

.mt_slider_item.y .mt_slider_list ul {
    right: 0;
}

.mt_slider_item.x .mt_slider_list ul li {
    float: left;
    height: 100%;
}

.load_bg {
    background: url(../images/base/loading_v2.gif) no-repeat center center #fff;
}


/* m_grid_container */

.m_grid_container {
    position: relative;
    height: 450px;
}

.m_grid_warp {
    /*border-left:solid 1px #e6e6e6;border-right:solid 1px #e6e6e6;*/
    z-index: 1;
    position: relative;
}

.m_grid_content {
    border-bottom: solid 1px #e6e6e6;
}

.m_grid_content.locked {
    position: absolute;
    top: 0;
}

.m_grid_content.left {
    left: 0;
}

.m_grid_content.right {
    right: 0;
}

.m_grid_content.unlocked {
    position: relative;
    overflow: hidden;
}

.m_grid_content.center {}

.m_grid_item {
    position: relative;
    top: 0;
    left: 0;
}

.m_grid_thead {
    position: relative;
}

.m_grid_title {
    position: relative;
    line-height: 22px;
}

.m_grid_title.pd {
    padding-right: 15px;
}

.m_grid_sort_button {
    position: absolute;
    width: 15px;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.m_grid_sort_button.up .m_grid_icon.up {
    color: #0054a7;
}

.m_grid_sort_button.down .m_grid_icon.down {
    color: #0054a7;
}

.m_grid_icon {
    cursor: pointer;
    right: 0;
    color: #b9b9b9;
    position: absolute;
    top: 50%;
    height: 5px;
    line-height: 5px;
}

.m_grid_icon.up {
    margin-top: -5px;
}

.m_grid_icon.down {
    margin-top: 1px;
}

.m_grid_tbody {
    position: relative;
    overflow: hidden;
}

.m_grid_error {
    position: relative;
    display: none;
}

.m_grid_list {
    position: relative;
    line-height: 24px;
    min-height: 24px;
}

.m_grid_list:after {
    content: '';
    display: block;
    clear: both;
}

.m_grid_warp:hover .mt-scroll-dragger.grid {
    opacity: 1;
    filter: alpha(opacity=100);
}

.m_grid_select {
    top: 50%;
    position: absolute;
    margin-top: -13px;
    left: 0;
    width: 100%;
}

.m_grid_select .mt-select-title {
    height: 24px;
    line-height: 24px;
}

.m_grid_select .mt-select-title i {
    line-height: 24px;
}

.m_grid_select .mt-select-body {
    max-height: 130px;
}

.m_grid_select .mt-select-list {
    height: 26px;
    line-height: 26px;
}

.m_grid_key {
    padding: 2px 5px !important;
    line-height: 18px;
    position: relative;
}

.m_grid_button {
    height: 22px;
    border: solid 1px #ccc;
    background: #fff;
    line-height: 22px;
    position: relative;
    z-index: 10;
    width: 22px;
    text-align: center;
    position: absolute;
    top: 0;
    cursor: pointer;
}

.m_grid_button.sure {
    right: 0;
}

.m_grid_button.sure:hover {
    background: #0054a7;
    color: #fff;
    border: solid 1px #00478e;
}

.m_grid_key:focus,
.m_grid_key.focus {
    box-shadow: 0 0 3px #0054a7;
    border: solid 1px #0054a7;
    z-index: 1;
}

input.m_grid_key,
input.m_grid_key[readonly] {
    height: 18px;
    float: left;
    background-color: #fff !important;
}

.m_grid_format_icon {
    position: absolute;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    top: 50%;
    margin-top: -12px;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
}

.m_grid_format_icon.m2 {
    right: 24px;
}

.m_grid_key.error,
.m_grid_key.error[readonly] {
    background-image: none;
    border-color: #ed9ea1 !important;
    background-color: #feeeed !important;
    z-index: 1;
}

.m_grid_key.true,
.m_grid_key.true[readonly] {
    background-image: none;
    border-color: #00b98d !important;
    background-color: #e6fdf8 !important;
    z-index: 1;
}

.m_grid_edit_tip {
    position: absolute;
    background: #f00;
    right: 0;
    top: 0;
    width: 5px;
    height: 5px;
}

.m_grid_cell_edit {
    background: url(../images/base/grid_arrow_tip.gif) no-repeat right top;
}

.m_grid_cell_edit.hover {
    background: url(../images/base/grid_arrow_tip_hover.gif) no-repeat right top;
}

.m_grid_import {
    position: relative;
    padding-top: 10px;
}

.m_grid_key.calendar {
    background: #fff !important;
    background-image: none !important;
    padding-right: 24px !important;
}

.m_grid_calendar_icon {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    top: 50%;
    margin-top: -12px;
    right: 0;
    display: block;
    background: url(../images/base/calendar.png) no-repeat 3px center;
    width: 24px;
    height: 24px;
}

.m_grid_new .m_grid_calendar_icon {
    right: 3px;
}

.m_grid_tr.hover {
    background: #f2f6fa;
}

.m_grid_tr.check {
    background: #f8e7d6;
}

.m_grid_thead th.m_grid_cell {
    background: #d0e2f5 !important;
}

.m_grid_title {
    color: #5a82aa;
}

.m_grid_detail_btn {
    cursor: pointer;
    border: solid 1px #999;
    position: absolute;
    width: 11px;
    height: 11px;
    display: block;
    top: 50%;
    margin-top: -6.5px;
    background: #fff;
}

.m_grid_detail_btn:after {
    content: '';
    position: absolute;
    left: 1px;
    right: 1px;
    height: 1px;
    background: #999;
    top: 50%;
    margin-top: -0.5px;
}

.m_grid_detail_btn:before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 1px;
    width: 1px;
    background: #999;
    left: 50%;
    margin-left: -0.5px;
}

.m_grid_detail_btn:hover {
    border-color: #333;
}

.m_grid_detail_btn:hover:before,
.m_grid_detail_btn:hover:after {
    background: #333;
}

.m_grid_detail_btn.checked:before {
    display: none;
}

.m_grid_detail_btn.hidden {
    visibility: hidden;
}

.m_grid_container table,
.m_grid_container .m_grid_cell {
    border: none !important;
}

.m_grid_even {
    background: #f5f5f5;
}

.m_grid_container .m_grid_cell a {
    text-decoration: underline;
    color: #589eeb;
}

.m_grid_warp_public_20 {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
}

.m_grid_warp_public_10 {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}

.m_grid_tr_sum td.m_grid_cell {
    border-top: solid 1px #000 !important;
    color: #ff962e;
    font-weight: bold;
}

.m_grid_page {
    text-align: right;
    padding: 15px 10px 10px 0;
    z-index: 2;
}

.fuzzy_grid_page {
    padding: 8px 10px 10px;
}

.c_grid_page {
    position: absolute;
    right: 10px;
    top: -45px;
    padding: 0;
}

.mt-pop-fuzzy-grid {
    position: relative;
    height: auto;
}

.mt-pop-fuzzy-grid .mt-master-error {
    height: 250px;
    margin-top: -100px;
}

.mt-pop-fuzzy-grid .mt-master-show {
    width: 250px;
    margin-bottom: 10px !important;
}

input.m_grid_check_single[type=checkbox],
input.m_grid_check_single[type=radio],
input.m_grid_check_all[type=checkbox],
input.m_grid_check_all[type=radio] {
    margin-right: 0 !important;
}

.m_grid_detail_container {
    position: absolute;
    z-index: 100;
    background: #fff;
}

.m_grid_detail_content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.m_grid_detail_tool {
    position: absolute;
    /* left:-32px; top:28px;*/
    left: -44px;
    top: 0;
    width: 29px;
    z-index: 10;
}

.m_grid_detail_tool a.btn {
    display: block;
    height: 29px;
    margin: 10px 0;
    line-height: 29px;
    text-align: center;
    font-size: 12px;
    position: relative;
}

.m_grid_detail_tool a.btn i {
    transition: all .3s ease-out;
    background: #ccc;
    position: relative;
    z-index: 2;
    border-radius: 50%;
    display: block;
}

.m_grid_detail_tool a.btn em {
    position: absolute;
    z-index: -1;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-10px, 0);
    transition: all .3s ease-out;
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
    left: 35px;
    top: 2px;
    bottom: 2px;
    padding: 0 8px;
    line-height: 25px;
}

.m_grid_detail_tool a.btn em:after {
    content: '';
    left: -4px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #000;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.m_grid_detail_tool a.btn em:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: #000;
    z-index: -1;
}

.m_grid_detail_tool a.btn:hover i {
    background: #333;
}

.m_grid_detail_tool a.btn:hover em {
    transform: translate(0, 0);
    opacity: 1;
    filter: alpha(opacity=100);
}

.m_grid_detail_tool:after {
    content: '';
    background: #ccc;
    left: 50%;
    margin-left: -0.5px;
    z-index: -1;
    top: 10px;
    bottom: 10px;
    width: 1px;
    position: absolute;
}

.m_grid_detail_tool:hover a.btn em {
    display: block;
}


/*.m_grid_detail_container .m_grid_thead th.m_grid_cell{background:#fff1e4 !important;}
.m_grid_detail_container .m_grid_title{ color:#cf9a64;}
.m_grid_detail_container .m_grid_even{ background:#fffdfa;}
.m_grid_detail_container .m_grid_tr.hover{ background:#fff9f3;}
.m_grid_detail_container .m_grid_tr.check{ background:#ffebd9;}*/


/* 上传按钮 */

.content-img-list {
    display: inline-block;
    padding: 0;
}

.content-img-list-item {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 150px;
    vertical-align: middle;
    overflow: hidden;
    line-height: 150px;
    border: 1px solid #d7d7d7;
    background-color: #eeeeee;
}

.content-img-list-item img {
    width: 100%;
    height: 100%;
}

.photo-upload-hint-delete {
    font-size: 12px;
    color: #666666;
    line-height: 32px;
    text-align: center;
    background-color: #eeeeee;
}

.content-upload-text {
    font-size: 12px;
    color: #666666;
    line-height: 32px;
    text-align: center;
    background-color: #eeeeee;
}

.content-upload-btn {
    margin: 10px 0;
    text-align: center;
}

.photo-upload-btn:hover {
    background: #f6f6f6;
    border-color: #d7d7d7;
    text-decoration: none;
    color: #666666;
}

.photo-upload-btn {
    vertical-align: middle;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
    color: #262626;
    background: #ffffff;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.dl-z-dt-upload {
    margin: 20px 0 !important;
}

.dl-z-dt-upload a {
    margin: 0 0 0 60px !important;
}

.dd-z-remark {
    margin-left: 60px !important;
}

.photo-upload-btn input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.photo-upload-btn i {
    margin-right: 5px;
}


.dl-z-dt-upload {
    margin: 20px 0 !important;
}

.dl-z-dt-upload a {
    margin: 0 0 0 60px !important;
}

.dd-z-remark {
    margin-left: 60px !important;
}

/* 上传框 */

.photo-upload-case-btn {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-width: 1px;
    border-style: solid;
    border-color: #d7d7d7;
    text-align: center;
    position: relative;
    color: #666666;
    background-color: #ffffff;
}

.photo-upload-case-btn i {
    font-size: 26px;
    margin-top: 20px;
    display: inline-block;
}

.photo-upload-case-btn p {
    font-size: 14px;
    line-height: 32px;
}

.photo-upload-case-btn input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.photo-upload-case-btn:hover {
    background-color: #f6f6f6;
    color: #666666;
}


/* 提示框 */

.public-tooltip-text {
    width: 300px;
    padding: 40px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 #f8f8f8;
    margin-bottom: 20px;
}

.public-tooltip-text h3 {
    font-size: 16px;
    color: #262626;
    line-height: 32px;
    font-weight: normal;
}

.public-tooltip-text p {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}

.public-tooltip-btn {
    margin-top: 40px;
    text-align: center;
}

.toopltip-itmes-icon {
    overflow: hidden;
}

.toopltip-itmes-icon .tip-title {
    font-size: 16px;
    color: #262626;
    line-height: 32px;
    font-weight: normal;
    text-align: center;
}

.toopltip-itmes-icon .tip-txt {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    text-align: center;
}

.toopltip-itmes-icon .tip-title i {
    font-size: 24px;
    margin: 0 15px 0 2px;
    color: #ffd44a;
    display: inline-block;
    vertical-align: middle;
}


/* .toopltip-itmes-icon h3.col-yellow{color:#ffd44a;} */

.toopltip-itmes-icon .tip-title.col-green i {
    color: #61be3c;
}

.toopltip-itmes-icon .tip-title.col-blue i {
    color: #1165d3;
}

.toopltip-itmes-icon .tip-title.col-red i {
    color: #ff0000;
}

.toopltip-itmes-icon .lefticon {
    float: left;
    text-align: center;
    line-height: 32px;
    width: 26px;
}

.toopltip-itmes-icon .lefticon i {
    font-size: 24px;
}

.toopltip-itmes-icon .right-text {
    margin-left: 40px;
}

.toopltip-itmes-icon .lefticon.icon-color-yellow {
    color: #ffd44a;
}

.toopltip-itmes-icon .lefticon.icon-color-green {
    color: #61be3c;
}

.toopltip-itmes-icon .lefticon.icon-color-blue {
    color: #1165d3;
}

.toopltip-itmes-icon .lefticon.icon-color-red {
    color: #ff0000;
}

.word-upload-list li {
    font-size: 14px;
    line-height: 32px;
}

.word-upload-list li a {
    color: #999999;
}

.bg-white {
    background-color: #ffffff;
    padding: 1px 0;
}

.list-table {
    padding: 0 10px 10px;
}

.clear {
    clear: both;
}

.x-footer-page {
    overflow: hidden;
}

.x-public-form-text.error+.xQuery-error-tip {
    background: none;
    border: none;
    padding: 0 0 0 25px;
    color: #ee5359;
    margin-top: 5px;
}

.x-public-form-text.error+.xQuery-error-tip i {
    top: 1px;
}

.x-footer-btn {
    padding: 20px 0;
    text-align: center;
}


/* 面包屑 */

.crumbs {
    padding: 10px 5px 0;
    line-height: 32px;
    font-size: 14px;
}

h1 {
    font-size: 28px;
    line-height: 36px;
}

h2 {
    font-size: 24px;
    line-height: 32px;
}

h3 {
    font-size: 20px;
    line-height: 28px;
}

h4 {
    font-size: 16px;
    line-height: 24px;
}

h5 {
    font-size: 14px;
    line-height: 22px;
}

h6 {
    font-size: 12px;
    line-height: 20px;
}

.text-gray {
    color: #999999;
}

.text-black {
    color: #262626;
}

.mar-auto {
    margin: 0 auto;
}

.mar-0 {
    margin: 0 !important;
}

.pad-0 {
    padding: 0 !important;
}

.hidden {
    overflow: hidden;
}

.hide {
    display: none;
}

.x-items-title-white .layui-btn {
    font-size: 14px;
}

.x-mar-lf-r-20 {
    margin: 0 20px;
}

.x-pad-lf-r-20 {
    padding: 20px 20px 5px;
}

.x-mar-lf-r-10 {
    margin: 0 10px;
}

.no-top-border {
    border-top: none !important;
}

.p-blank {
    padding: 24px 0;
    text-align: center;
}

.p-blank p {
    font-size: 14px;
    color: #aaaaaa;
    line-height: 20px;
    margin-top: 10px;
}

.text-green {
    color: #00b853;
}

.red {
    color: #FB602D;
}

.out-link-layer {
    margin-bottom: 17px;
}

.out-link-layer .title1 {
    height: 24px;
    line-height: 24px;
    display: flex;
    justify-content: center;
    margin-bottom: 7px;
}

.out-link-layer .title1 .tips {
    display: inline-block;
    width: 252px;
    height: 22px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #262626;
    line-height: 22px;
    text-align: left;
}

.out-link-layer .title2 {
    display: flex;
    height: 24px;
    line-height: 24px;
    justify-content: center;
    word-break: break-all;

}

.out-link-layer .title2 .placeholder-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 16px;
}

.out-link-layer .title2 .tips {
    display: inline-block;
    text-align: left;
    width: 252px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
}

.out-link-layer .title2 .loading-color2 {
    color: #FC5531;
}

.exclamatory-mark-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/exclamatory-mark.png);
    background-size: contain;
    margin-right: 16px;
}

.obei_logo {
    display: inline-block;
    width: 110px;
    height: 26px;
    background-image: url(../images/obei_logo.png);
    background-size: contain;
}

.outlink-title-wrap {
    text-align: center;
    width: 100%;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
}