html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif;
}

/**页面加载不闪屏*/
[v-cloak] {
    display: none;
}

/**关闭IE中input的眼睛*/
::-ms-reveal {
    display: none;
}

/**关于img，兼容IE10*/
img {
    width: auto;
    height: auto;
}

:focus {
    outline: none;
}

/**关于button S**/
.ms-btn-default,
.ms-btn-prompt,
.ms-btn-primary,
.ms-btn-danger,
.ms-btn-warning,
.ms-btn-plain-prompt,
.ms-btn-plain-primary,
.ms-btn-plain-danger,
.ms-btn-plain-warning {
    font-size: 14px;
    box-shadow: none;
    height: auto;
    padding: 2px 12px;
}

.ms-btn-default {
    border: 1px solid #DCDEE3;
    background: #fff;
    color: #000000;
}

.ms-btn-prompt {
    border: 1px solid #007AFF;
    background: #007AFF;
    color: #FFFFFF;
}

.ms-btn-primary {
    border: 1px solid #3DC27B;
    background: #3DC27B;
    color: #FFFFFF;
}

.ms-btn-danger {
    border: 1px solid #F45151;
    background: #F45151;
    color: #FFFFFF;
}

.ms-btn-warning {
    border: 1px solid #F8894E;
    background: #F8894E;
    color: #FFFFFF;
}

.ms-btn-plain-prompt {
    border: 1px solid #007AFF;
    background-color: transparent;
    color: #007AFF;
}

.ms-btn-plain-primary {
    border: 1px solid #3DC27B;
    background-color: transparent;
    color: #3DC27B;
}

.ms-btn-plain-danger {
    border: 1px solid #F45151;
    background-color: transparent;
    color: #F45151;
}

.ms-btn-plain-warning {
    border: 1px solid #F8894E;
    background-color: transparent;
    color: #F8894E;
}

.ms-btn-loading .mint-button-text {
    display: flex;
    align-items: center;
}

.ms-btn-loading .mint-button-text .ms-btn-icon {
    margin-right: 10px;
}

.ms-btn-loading .mint-button-text .ms-btn-icon .mint-spinner-snake {
    border: 2px solid transparent;
}

/**关于button E**/
/*关于搜索S*/
.ms-search {
    position: relative;
}

.ms-search .mint-searchbar-inner {
    background-color: #F4F4F4;
}

.ms-search .mint-searchbar-core {
    background-color: transparent;
    font-size: 14px;
}

.ms-search .mint-searchbar {
    background-color: #fff;
}

.ms-search .mint-searchbar-inner .mintui-search {
    font-size: 22px;
    color: #333333;
    margin-right: 8px;
}

.ms-search .mint-searchbar-cancel {
    color: #000000;
}

/*关于搜索E*/
/*关于MessageBox S*/
.mint-msgbox {
    border-radius: 8px;
}

.mint-msgbox-title {
    color: #000;
    padding: 0 32px 16px;
}

.mint-msgbox-content {
    padding: 0 32px 16px;
}

.mint-msgbox-message {
    color: #666;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
}

.mint-msgbox-input input {
    font-size: 16px;
    color: #000;
    padding: 10px 12px;
    box-sizing: border-box;
}

.mint-msgbox-confirm {
    color: #007AFF;
}

/*关于MessageBox E*/
/*关于Toast S*/
.ms-toast {
    padding: 10px 20px !important;
}

.ms-toast .mint-toast-text {
    display: inline-block;
    text-align: left;
}

.ms-toast-success {
    padding: 30px 34px !important;
}

.ms-toast-success .mint-toast-text {
    padding-top: 14px !important;
}

.ms-icon-success {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin: 0 auto;
    position: relative;
}

.ms-icon-success:after {
    border: 2px solid transparent;
    border-left: 0;
    border-top: 0;
    content: " ";
    top: 3px;
    left: 10px;
    position: absolute;
    width: 8px;
    height: 18px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    border-color: #fff;
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}

/*关于Toast E*/
/*关于Indicator S*/
.mint-indicator-wrapper {
    padding: 20px 30px !important;
    z-index: 999;
}

.mint-indicator .mint-indicator-wrapper .mint-spinner-snake {
    width: 20px !important;
    height: 20px !important;
}

.mint-indicator-text {
    font-size: 14px;
}

/*关于Indicator E*/
/*关于radio样式S*/
.ms-radio .mint-radio-label {
    font-size: 14px;
    color: #000;
}

.ms-radio .mint-radio-core {
    border: 1px solid #949494;
}

.mint-radio-input:checked + .mint-radio-core {
    background-color: #007AFF;
    border-color: #007AFF;
}

.ms-radio .mint-radio-input:checked + .mint-radio-core::after {
    border-color: #fff;
    background-color: transparent;
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}

.ms-radio .mint-radio-core::after {
    border-radius: 0;
    border: 2px solid transparent;
    border-left: 0;
    border-top: 0;
    content: " ";
    top: 3px;
    left: 6px;
    position: absolute;
    width: 4px;
    height: 8px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.ms-radio .mint-radio-input[disabled] + .mint-radio-core {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}

/*关于radio样式E*/
/*关于cehckbox样式S*/
.ms-checkbox .mint-checkbox-label {
    font-size: 14px;
    color: #000;
}

.ms-checkbox .mint-checkbox-core {
    border-radius: 4px;
    width: 18px;
    height: 18px;
    border: 1px solid #949494;
}

.ms-checkbox .mint-checkbox-input:checked + .mint-checkbox-core {
    background-color: #007AFF;
    border-color: #007AFF;
}

.ms-checkbox .mint-checkbox-input[disabled] + .mint-checkbox-core {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}

.ms-checkbox .mint-checkbox-core::after {
    top: 2px;
    width: 4px;
    height: 10px;
    left: 6px;
}

/*关于checkbox样式E*/
/*关于action sheet样式S*/
.ms-actionsheet {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.ms-actionsheet .mint-actionsheet-list li.mint-actionsheet-listitem:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.ms-actionsheet .mint-actionsheet-listitem, .ms-actionsheet .mint-actionsheet-button {
    font-size: 16px;
    color: #000;
}

/*关于action sheet样式E*/
/*关于日期选择样式s*/
.ms-datetime .mint-datetime-action {
    width: auto;
    color: #007AFF;
    padding: 0 20px;
    box-sizing: border-box;
}

/*关于日期选择样式e*/
/*关于开关switch样式S*/
.ms-switch .mint-switch-core {
    width: 42px;
    height: 22px;
}

.ms-switch .mint-switch-core::before {
    width: 40px;
    height: 21px;
}

.ms-switch .mint-switch-core::after {
    width: 20px;
    height: 20px;
}

.ms-switch .mint-switch-input:checked + .mint-switch-core {
    border-color: #007AFF;
    background-color: #007AFF;
}

.ms-switch .mint-switch-input[disabled] + .mint-switch-core::before, .ms-switch .mint-switch-input:disabled + .mint-switch-core::before {
    border-color: #DCDEE3;
    background-color: #DCDEE3;
}

.ms-switch .mint-switch-input[disabled]:checked + .mint-switch-core, .ms-switch .mint-switch-input:disabled:checked + .mint-switch-core {
    border-color: #85BFFF;
    background-color: #85BFFF;
}

/*关于开关switch样式E*/
/*关于slide (range)滑块样式S*/
.ms-range {
    height: 20px;
    line-height: 20px;
}

.ms-range .mt-range-thumb {
    width: 20px;
    height: 20px;
}

.ms-range .mt-range-content {
    margin-right: 20px;
}

.ms-range .mt-range-runway {
    right: -20px;
}

.ms-range .mt-range-progress {
    background-color: #007AFF;
}

/*关于slide (range)滑块样式e*/
/*关于进度条样式S*/
.ms-progress .mt-progress-progress {
    background-color: #007AFF;
}

/*关于进度条样式E*/

/**自定义*/
.ms-fragment {
    position: relative;
}