@charset "utf-8";
*{ box-sizing:border-box; -webkit-appearance: none; }
*:focus { outline: none; }
html, body{ height: 100%;}
body { margin: 0;line-height:1.5; font-size:14px;font-family:"微软雅黑",microsoft yahei; color:#333;}
ul,li{list-style: none; padding: 0; margin: 0;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.btn{ display: inline-block; *display:inline; *zoom:1; padding: 10px 40px; text-decoration: none; position: relative; color:#333;}
.btn{
    width: 99%;
    padding: 10px 0 10px 1%;
    overflow: hidden;
}
.btn button{
    height: 32px;
    border:1px solid transparent;
    border-radius: 4px;
    outline: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}
.btn button:hover {
    transform: scale(1.05);
}
.btn .submit{
    color: #FFFFFF;
    background: #780116;
}
.btn .error{
    color: #FFFFFF;
    background: #6a0600;
}
.btn .await{
    color: #FFFFFF;
    background: #ead100;
}
.btn .warning{
    color: #ffffff;
    background: #e2ea00;
}
.btn .addition{
    color: #ffffff;
    background: #007bff;
}

.btn8{ border:1px solid #d0d0d0;position:relative;color: #666;overflow: hidden;-webkit-transition: color .3s;transition: color .3s;}
.btn8 .bg_brf, .btn8 .bg_aft{background:#780116;position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: -1;
    -webkit-transition: all .3s;transition: all .3s;-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);}
.btn8 .bg_brf{ opacity:0.5;}
.btn8:hover {color: #fff; border-color:#780116;}
.btn8:hover .bg_brf, .btn8:hover .bg_aft{bottom:0;}
.btn8:hover .bg_aft{-webkit-transition-delay: .175s;transition-delay: .175s;}
.btn8 .btn-inner{position: relative; height: 20px;}