@charset "UTF-8";

/* 点击切换页面的按钮用a标签，其他用button */

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
    outline-offset: 0;
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .5;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

a.btn:hover,
a.btn:focus,
a.btn:active {
    text-decoration: none;
}

.btn {
    color: #5C697B;
    background-color: #ffffff;
    padding: 0.8rem 1.6rem;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 0.9rem;
    white-space: nowrap;
    text-align: center;
    border-radius: .25em;
    min-width: 4.8rem;
    transition: color 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, background-color 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
}

.btn {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: repeat-x;
    background-position: -1px -1px;
    background-size: 110% 110%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background-image: none;
}

.btn:hover {
    text-decoration: none;
    background-repeat: repeat-x;
}

/**************** color **********************/
.btn-master,
.btn-master:active,
.btn-master:focus,
.btn-master:visited {
    color: #2979FF;
    background-color: #FFFFFF;
}

.btn-master:hover {
    color: #fff;
    background-color: #5494FF;
}

.btn.btn-blue,
.btn.btn-blue:active,
.btn.btn-blue:focus,
.btn.btn-blue:visited,
.btn.btn-blue:hover,
.btn.btn-blue-hover,
.btn.btn-blue-hover:active,
.btn.btn-blue-hover:focus,
.btn.btn-blue-hover:visited {
    color: #FFFFFF;
    background: #2979FF;
    box-shadow: 0 0.2rem 1rem 0 rgba(115, 135, 169, 0.1);
    transition: none;
}

.btn-blue-hover:hover {
    color: #FFFFFF;
    background: #5494FF;
}

.btn.btn-plain,
.btn.btn-plain:active,
.btn.btn-plain:focus,
.btn.btn-plain:visited {
    background: #ffffff;
    border: 1px solid #EEEEEE;
    color: #5C697B;
}

/**************** size  ********************/
.btn-sx {
    padding: 0.2rem 0.5rem;
    font-size: 0.6rem;
    line-height: 0.7rem;
    min-width: 0;
}

.btn-sm {
    padding: 0.3rem 0.8rem;
    font-size: 0.7rem;
    line-height: 0.7rem;
    min-width: 0;
}

.btn-common {
    padding: 0.5rem 0.8rem;
    min-width: 8rem;
}

.btn-big {
    padding: 0.65rem 4.4rem;
    min-width: 12rem;
}

.btn-large {
    padding: 0.65rem 9.5rem;
    min-width: 41rem;
}


/**************** shape  ********************/
.btn-radius {
    border-radius: 1.35rem;
}

.btn-radius-right {
    border-radius: 0 1.35rem 1.35rem 0;
}

.btn-radius-left {
    border-radius: 1.35rem 0 0 1.35rem;
}

.btn-radius-diagonal {
    border-radius: 3px 0 3px 0;
}