.uc-confirm, .uc-confirm-one-btn, .uc-alert {
    width: 400px !important;
}

.uc-confirm .layui-layer-content, .uc-confirm-one-btn .layui-layer-content, .uc-alert .layui-layer-content {
    width: 320px !important;
    line-height: 20px !important;
    background: #FFFFFF !important;
    color: #50525B !important;
    margin-left: 20px !important;
    margin-top: 34px !important;
    margin-bottom: 40px !important;
    font-size: 16px !important;
    text-align: center !important;
}
.uc-confirm.content-left .layui-layer-content, .uc-confirm-one-btn.content-left .layui-layer-content, .uc-alert.content-left .layui-layer-content {
    text-align: left !important;
}
.uc-confirm .layui-layer-content .custom_confirm_msg, .uc-confirm-one-btn .layui-layer-content .custom_confirm_msg, .uc-alert .layui-layer-content .custom_confirm_msg{
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    padding: 0 20px;
}

.uc-confirm .layui-layer-btn, .uc-confirm-one-btn .layui-layer-btn, .uc-alert .layui-layer-btn {
    margin-bottom: 15px;
    width: 370px;
    background: #FFFFFF;
}
.uc-confirm .layui-layer-btn a, .uc-confirm-one-btn .layui-layer-btn a, .uc-alert .layui-layer-btn a {
    min-width: 76px;
    height: 34px;
    line-height: 34px;
    border-radius: 4px !important;
    padding: 0 11px !important;
    margin-top: 0px;
    color: #9399A1;
}

.uc-confirm .layui-layer-btn .layui-layer-btn0 {
    background-color: #FFFFFF !important;
    border: 1px solid #C7C9CF !important;
    color: #9399A1 !important;
}
.uc-confirm .layui-layer-btn .layui-layer-btn1 {
    background-color: #35C2BE !important;
    border-color: #35C2BE !important;
    text-align: center !important;
    color: #FFffff !important;
}
.uc-alert .layui-layer-btn .layui-layer-btn0 {
    background-color: #35C2BE !important;
    border-color: #35C2BE !important;
    color: #FFffff !important;
}

.uc-confirm-one-btn .layui-layer-btn .layui-layer-btn0 {
    background-color: #35C2BE !important;
    border-color: #35C2BE !important;
    color: #FFffff !important;
}



.uc-toast{
    min-width: 58px !important;
    border: 0 !important;
    background: #333333 !important;;
    border-radius: 8px !important;;
}
.uc-toast .layui-layer-content {
    padding: 14px 25px !important;
    color: #ffffff !important;
}
.uc-toast .layui-layer-padding {
    color: #FFffff !important;
    padding: 13px 26px 13px 50px !important;
    text-align: left !important;
}
.uc-loading {
    border-radius: 8px !important;
    box-shadow: none !important;
    border: none !important;
    background-color: #333333 !important;
    padding: 8px 25px !important;
    color: #ffffff !important;
    font-size: 14px !important;
}
.uc-loading .layui-layer-loading1 {
    width: auto !important;
}

.uc-loading .layui-layer-content {
    min-width: 58px !important;
    padding-left: 30px !important;
    height: 27px;
    padding-top: 7px !important;
    background-size: 18px !important;
    background-position-y: center !important;
}

.layui-layer-ico.layui-layer-icoerror  {
    left: 26px !important;
    top: 17px !important;
    background: url(../../../assets/images/icon_error.svg) no-repeat !important;
}

.uc-open {
    border-radius: 8px !important;
}

.uc-open .layui-layer-title{
    background: #ffffff;
    border-bottom: none;
    font-size: 16px;
    font-weight: bold;
    color: #50525B;
    border-radius: 8px 8px 0 0;
}

.uc-open .layui-layer-close{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    color: #ffffff;
    background: transparent url(../../images/ico_close.png) no-repeat center;
    background-size: 20px 20px;
}

.uc-open .layui-layer-content iframe{
    border-radius: 0 0 8px 8px;
}



.uc-button{
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #35C2BE;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    background-color: #35C2BE;
    color: #fff;
    cursor: pointer;
}
.uc-button:disabled{
    color: #fff;
    border-color: #C7C9CF;
    background-color: #C7C9CF;
}


.uc-cancel-button{
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #C7C9CF;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    background-color: #ffffff;
    color: #C7C9CF;
    cursor: pointer;
}

.uc-button .icon {
    width: 12px;
    height: 12px;
    background: url(../../../assets/images/icon_btn_refresh.svg);
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
    display: inline-block;
     -webkit-animation: ani-load-loop 1s linear infinite;
     animation: ani-load-loop 1s linear infinite;
}

@keyframes ani-load-loop {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}