* {
    margin: 0;
    padding: 0;
}
.bys-clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.bys-clearfix {zoom:1}
/*加载图标1*/
@keyframes bys-load-icon-1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.bys-load-icon-1{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 50%;
    border: solid transparent 4px;
    border-top: solid #4a4848 4px;
    border-left: solid #4a4848 4px;
    animation: bys-load-icon-1 .8s linear infinite;
}
/*加载图标2*/
.bys-load-icon-2 {
    margin-top: 11px;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    animation: bys-load-icon-2 1s linear infinite;
}
@keyframes bys-load-icon-2 {
    0% {
        background-color: rgba(0,0,0, 1);
        box-shadow: 15px 0px 0px 0px rgba(0,0,0, 0.67), 30px 0px 0px 0px rgba(0,0,0, 0.33);
    }
    17% {
        background-color: rgba(0,0,0, 0.67);
        box-shadow: 15px 0px 0px 0px rgba(0,0,0, 1), 30px 0px 0px 0px rgba(0,0,0, 0.67);
    }
    33% {
        background-color: rgba(0,0,0, 0.33);
        box-shadow: 15px 0px 0px 0px rgba(0,0,0, 0.67), 30px 0px 0px 0px rgba(0,0,0, 1);
    }
    50% {
        background-color: rgba(0,0,0, 0);
        box-shadow: 15px 0px 0px 0px rgba(0,0,0, 0.33), 30px 0px 0px 0px rgba(0,0,0, 0.67);
    }
    67% {
        background-color: rgba(0,0,0, 0.33);
        box-shadow: 15px 0px 0px 0px rgba(0,0,0, 0), 30px 0px 0px 0px rgba(0,0,0, 0.33);
    }
    83% {
        background-color: rgba(0,0,0, 0.67);
        box-shadow: 15px 0px 0px 0px rgba(0,0,0, 0.33), 30px 0px 0px 0px rgba(0,0,0, 0);
    }
    100% {
        background-color: rgba(0,0,0, 1);
        box-shadow: 15px 0px 0px 0px rgba(0,0,0, 0.67), 30px 0px 0px 0px rgba(0,0,0, 0.33);
    }
}
#BysAlertMsgBox {
    width: 100%;
}
.bys-alert-box {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
    z-index: 9999;
    opacity: 0;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.71, 0.855, 1);
    animation-timing-function: cubic-bezier(0.215, 0.71, 0.855, 1);
}
.bys-alert-box-1 {
    z-index: 9999;
    opacity: 0;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.71, 0.855, 1);
    animation-timing-function: cubic-bezier(0.215, 0.71, 0.855, 1);
}
.bys-alert-box.showBox,.bys-alert-box-1.showBox {
    opacity: 1;
}
.bys-alert-shadow {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
}
/*默认效果  ---begin*/
@-webkit-keyframes bys-zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes bys-zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}
.bys-zoom-in {
    -webkit-animation-name: bys-zoom-in;
    animation-name: bys-zoom-in;
}
@-webkit-keyframes bys-zoom-in-hide {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes bys-zoom-in-hide {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
    }
}
.bys-zoom-in-hide {
    -webkit-animation-name: bys-zoom-in-hide;
    animation-name: bys-zoom-in-hide;
}
/*默认效果  ---end*/

/*上方弹出   ---begin*/
@-webkit-keyframes bys-slideIn-down {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bys-slideIn-down {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bys-slideIn-down {
    -webkit-animation-name: bys-slideIn-down;
    animation-name: bys-slideIn-down;
}
@-webkit-keyframes bys-slideIn-down-hide {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

@keyframes bys-slideIn-down-hide {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

.bys-slideIn-down-hide {
    -webkit-animation-name: bys-slideIn-down-hide;
    animation-name: bys-slideIn-down-hide;
}
/*上方弹出   ---end*/

/*下方弹出   ---begin*/
@-webkit-keyframes bys-slideIn-up {
    0% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bys-slideIn-up {
    0% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bys-slideIn-up {
    -webkit-animation-name: bys-slideIn-up;
    animation-name: bys-slideIn-up;
}
@-webkit-keyframes bys-slideIn-up-hide {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

@keyframes bys-slideIn-up-hide {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

.bys-slideIn-up-hide {
    -webkit-animation-name: bys-slideIn-up-hide;
    animation-name: bys-slideIn-up-hide;
}
/*下方弹出   ---end*/

/*左边弹出   ---begin*/
@-webkit-keyframes bys-slideIn-left {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bys-slideIn-left {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bys-slideIn-left {
    -webkit-animation-name: bys-slideIn-left;
    animation-name: bys-slideIn-left;
}
@-webkit-keyframes bys-slideIn-left-hide {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

@keyframes bys-slideIn-left-hide {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

.bys-slideIn-left-hide {
    -webkit-animation-name: bys-slideIn-left-hide;
    animation-name: bys-slideIn-left-hide;
}
/*左边弹出   ---end*/

/*右边弹出   ---begin*/
@-webkit-keyframes bys-slideIn-right {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bys-slideIn-right {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bys-slideIn-right {
    -webkit-animation-name: bys-slideIn-right;
    animation-name: bys-slideIn-right;
}
@-webkit-keyframes bys-slideIn-right-hide {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

@keyframes bys-slideIn-right-hide {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

.bys-slideIn-right-hide {
    -webkit-animation-name: bys-slideIn-right-hide;
    animation-name: bys-slideIn-right-hide;
}
/*右边弹出   ---end*/

/*淡入淡出   ---begin*/
@-webkit-keyframes bys-fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes bys-fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.bys-fadeIn {
    -webkit-animation-name: bys-fadeIn;
    animation-name: bys-fadeIn;
}
@-webkit-keyframes bys-fadeIn-hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes bys-fadeIn-hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.bys-fadeIn-hide {
    -webkit-animation-name: bys-fadeIn-hide;
    animation-name: bys-fadeIn-hide;
}
/*淡入淡出  ---end*/