@charset 'utf-8';

/* 弹窗 */

.hd-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999;
    display: none;
}

.hd-pop-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.hd-pop-content {
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 420px;
    border-radius: 10px;
    padding: 50px;
}

.hd-content {
    text-align: center;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.hd-pop-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjNweCIgaGVpZ2h0PSIyM3B4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyMDQsIDIwNCwgMjA0KSIgZD0iTTIyLjEwNywyMS4zOTkgTDIxLjM5OSwyMi4xMDcgTDExLjUwMCwxMi4yMDcgTDEuNjAwLDIyLjEwNyBMMC44OTMsMjEuMzk5IEwxMC43OTMsMTEuNTAwIEwwLjg5MywxLjYwMCBMMS42MDAsMC44OTMgTDExLjUwMCwxMC43OTMgTDIxLjM5OSwwLjg5MyBMMjIuMTA3LDEuNjAwIEwxMi4yMDcsMTEuNTAwIEwyMi4xMDcsMjEuMzk5IFoiLz48L3N2Zz4=) no-repeat center;
    z-index: 1;
    cursor: pointer;
}

.disable-order-title {
    font-size: 18px;
    font-weight: bold;
}

.disable-order-title:before {
    content: "";
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTgxMTQ4OTUwOTA1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIxMzEiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMy4zODA0NCA5MjAuNDU2NzYyYzIyNS42MTEzODcgMCA0MDkuMTUzNjM0LTE4My41NDMyNyA0MDkuMTUzNjM0LTQwOS4xNTQ2NTdTNzM4Ljk5MTgyOCAxMDIuMTQ4NDcxIDUxMy4zODA0NCAxMDIuMTQ4NDcxIDEwNC4yMjU3ODMgMjg1LjY5MTc0MSAxMDQuMjI1NzgzIDUxMS4zMDMxMjggMjg3Ljc2OTA1MyA5MjAuNDU2NzYyIDUxMy4zODA0NCA5MjAuNDU2NzYyTTUxMy4zODA0NCA5NTcuNjU4MDM2Yy0yNDYuNTE0NDYzIDAtNDQ2LjM1NDkwNy0xOTkuODQwNDQ0LTQ0Ni4zNTQ5MDctNDQ2LjM1NDkwNyAwLTI0Ni41MTQ0NjMgMTk5Ljg0MDQ0NC00NDYuMzU0OTA3IDQ0Ni4zNTQ5MDctNDQ2LjM1NDkwN3M0NDYuMzU0OTA3IDE5OS44NDA0NDQgNDQ2LjM1NDkwNyA0NDYuMzU0OTA3Qzk1OS43MzQzMjQgNzU3LjgxNzU5MiA3NTkuODk0OTAzIDk1Ny42NTgwMzYgNTEzLjM4MDQ0IDk1Ny42NTgwMzZMNTEzLjM4MDQ0IDk1Ny42NTgwMzYgNTEzLjM4MDQ0IDk1Ny42NTgwMzZ6IiBwLWlkPSIyMTMyIiBmaWxsPSIjRkY1NjJBIj48L3BhdGg+PHBhdGggZD0iTTM2Ni4xNDYxMjEgNDQ5LjIzNTUxNGMtMjEuNDA2NTQyIDAtMzguNzM2MjMzLTE3LjYyMTMzMy0zOC43MzYyMzMtMzkuNDAxMzgybDAtNy44ODQ1NzRjMC0yMS43Njk4MTYgMTcuMzI5NjktMzkuMzkxMTQ5IDM4LjczNjIzMy0zOS4zOTExNDkgMjEuNDA3NTY2IDAgMzguNzM2MjMzIDE3LjYyMTMzMyAzOC43MzYyMzMgMzkuMzkxMTQ5bDAgNy44ODQ1NzRDNDA0Ljg4MjM1NCA0MzEuNTg0NTA2IDM4Ny41MzMyMiA0NDkuMjM1NTE0IDM2Ni4xNDYxMjEgNDQ5LjIzNTUxNEwzNjYuMTQ2MTIxIDQ0OS4yMzU1MTQgMzY2LjE0NjEyMSA0NDkuMjM1NTE0IDM2Ni4xNDYxMjEgNDQ5LjIzNTUxNHoiIHAtaWQ9IjIxMzMiIGZpbGw9IiNGRjU2MkEiPjwvcGF0aD48cGF0aCBkPSJNNjY2Ljc3NTA2MyA0NDkuMjM1NTE0Yy0yMS4zODcxIDAtMzguNzM2MjMzLTE3LjYyMTMzMy0zOC43MzYyMzMtMzkuNDAxMzgybDAtNy44ODQ1NzRjMC0yMS43Njk4MTYgMTcuMzQ5MTMzLTM5LjM5MTE0OSAzOC43MzYyMzMtMzkuMzkxMTQ5IDIxLjM4NzEgMCAzOC43NDY0NjYgMTcuNjIxMzMzIDM4Ljc0NjQ2NiAzOS4zOTExNDlsMCA3Ljg4NDU3NEM3MDUuNTIxNTI4IDQzMS41ODQ1MDYgNjg4LjE2MjE2MiA0NDkuMjM1NTE0IDY2Ni43NzUwNjMgNDQ5LjIzNTUxNEw2NjYuNzc1MDYzIDQ0OS4yMzU1MTQgNjY2Ljc3NTA2MyA0NDkuMjM1NTE0IDY2Ni43NzUwNjMgNDQ5LjIzNTUxNHoiIHAtaWQ9IjIxMzQiIGZpbGw9IiNGRjU2MkEiPjwvcGF0aD48cGF0aCBkPSJNMzEzLjk0NjI0OCA3MDkuMzM1MzkxYzQyLjk1NTMyNC03Mi40Nzg3MzEgMTIyLjExMDEwNS0xMTcuNDk4MDY0IDIwNi41NzE3NTItMTE3LjQ5ODA2NCA4My44MjcxOTcgMCAxNjAuMTYxNzQ2IDQyLjQ1MTg1OCAyMDQuMTk0NjEyIDExMy41NzE2MzggNS40MDcxNSA4Ljc0MDA1OCAyLjcwODY5MiAyMC4xOTkwNDEtNi4wMjExMzQgMjUuNjA2MTkxLTguNzQwMDU4IDUuNDA3MTUtMjAuMTk5MDQxIDIuNzA4NjkyLTI1LjYwNjE5MS02LjAyMTEzNC0zNS42NDQ4MjUtNTcuNTc2MzIzLTk5LjU5NTMyMi05NS45NjA1MzktMTcyLjU2NzI4Ny05NS45NjA1MzktNzQuMzYxNjE1IDAtMTM5LjM1ODk1NSAzOS44NjM5MTYtMTc0LjU4MTE1NCA5OS4yNzI5ODEtNS4yMzYyNTggOC44MzExMzItMTYuNjQ1MDk5IDExLjc1MDYyNS0yNS40NzUyMDggNi41MTQzNjdDMzExLjYyMDI3MyA3MjkuNTg1NTk3IDMwOC43MDA3ODEgNzE4LjE3Njc1NiAzMTMuOTQ2MjQ4IDcwOS4zMzUzOTFMMzEzLjk0NjI0OCA3MDkuMzM1MzkxIDMxMy45NDYyNDggNzA5LjMzNTM5MXoiIHAtaWQ9IjIxMzUiIGZpbGw9IiNGRjU2MkEiPjwvcGF0aD48L3N2Zz4=) no-repeat center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    margin-right: 10px;
}

.disable-order-text {
    text-align: left;
    margin-top: 20px;
    font-size: 16px;
    color: #666;
    line-height: 1.8em;
}

.disable-order-text .em {
    color: #FF5F36;
}

.disable-order-btn {
    margin-top: 20px;
}

.disable-order-button {
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    background-color: #5282F0;
    color: #fff;
    font-size: 18px;
}

.disable-order-button:hover {
    transform: translateY(-4px);
}

/**/

.animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

.online_buy {
    opacity: 0;
    visibility: hidden;
}