@charset "UTF-8";
@font-face {
    font-family: 'Gotham-Black';
    src: url('../fonts/Gotham-Black.otf');
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.otf');
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/Gotham-Book.otf');
}

@font-face {
    font-family: 'ModernEra-Bold';
    src: url('../fonts/modern-era-bold.ttf');
}

@font-face {
    font-family: 'ModernEra-Black';
    src: url('../fonts/modern-era-black.ttf');
}

@font-face {
    font-family: 'ModernEra-Light';
    src: url('../fonts/modern-era-light.ttf');
}

@font-face {
    font-family: 'FrutigerLTArabic-65Bold';
    src: url('../fonts/FrutigerLTArabic-65Bold.ttf');
}

@font-face {
    font-family: 'FrutigerLTArabic-65Bold';
    src: url('../fonts/FrutigerLTArabic-65Bold.otf');
}

@font-face {
    font-family: 'FrutigerLTArabic-75Black';
    src: url('../fonts/FrutigerLTArabic-75Black.ttf');
}
ul {
    list-style-type: none;
}

* {
    box-sizing: border-box;
}
[dir] .webpage-wrapper{
    margin-bottom: -20px;
}
.ze-webpage-container .ze-btn {
    font-size: 14px;
    font-family: ModernEra-Bold, ModernEra;
    cursor: pointer;
}
[dir=rtl] .ze-webpage-container .ze-btn {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.ze-webpage-container .ze-btn-primary {
    height: 40px;
    padding-left: 36px;
    padding-right: 36px;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border: none;
    border-radius: 12px;
    font-weight: bold;
    color: #005174;
}

[dir=ltr] .ze-webpage-container .ze-btn-primary:hover {
    background: linear-gradient(225deg, #3BE97A 0%, #00A11A 100%) rgba(255, 255, 255, 0.15);
}

[dir=rtl] .ze-webpage-container .ze-btn-primary:hover {
    background: linear-gradient(225deg, #3BE97A 0%, #00A11A 100%) rgba(255, 255, 255, 0.15);
}

[dir=ltr] .ze-webpage-container .ze-btn-primary:disabled {
    background: #E2E2E2;
    box-shadow: 0px 6px 12px 0px rgba(226, 226, 226, 0.2);
}

[dir=rtl] .ze-webpage-container .ze-btn-primary:disabled {
    background: #E2E2E2;
    box-shadow: 0px 6px 12px 0px rgba(226, 226, 226, 0.2);
}

.ze-webpage-container .ze-btn-primary:pressed {
    background: linear-gradient(225deg, #3BE97A 0%, #00A11A 100%) rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 6px 0px rgba(0, 177, 64, 0.2);
}

.ze-webpage-container .ze-btn-text {
    width: 97px;
    height: 40px;
    border: none;
    font-weight: normal;
    color: #00F000;
    background-color: #fff;
    border-radius: 12px;
}

[dir=ltr] .ze-webpage-container .ze-btn-text:hover {
    color: rgba(0, 177, 64, 0.85);
}

[dir=rtl] .ze-webpage-container .ze-btn-text:hover {
    color: rgba(0, 177, 64, 0.85);
}

.ze-webpage-container .ze-btn-text:disabled {
    color: rgba(0, 177, 64, 0.7);
}

.ze-webpage-container .ze-btn-text:pressed {
    color: rgba(0, 177, 64, 0.9);
}

.ze-webpage-container .ze-btn-secondary {
    height: 40px;
    margin: 0 16px;
    border: 1.5px solid #00F000;
    font-weight: bold;
    color: #00F000;
    background-color: #fff;
    border-radius: 12px;
}

[dir=ltr] .ze-webpage-container .ze-btn-secondary {
    width: 128px;
}

[dir=rtl] .ze-webpage-container .ze-btn-secondary {
    width: 138px;
}

[dir=ltr] .ze-webpage-container .ze-btn-secondary:hover {
    opacity: 0.85;
}

[dir=rtl] .ze-webpage-container .ze-btn-secondary:hover {
    opacity: 0.85;
}

.ze-webpage-container .ze-btn-secondary:disabled {
    opacity: 0.3;
}

.ze-webpage-container .ze-btn-secondary:pressed {
    opacity: 0.9;
}

.ze-webpage-container .ze-btn-link {
    font-family: revert;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    background-color: #fff;
    border: none;
    text-decoration: underline;
}

.ze-webpage-container .ze-btn-link:hover {
    color: #00F000;
}

.ze-webpage-container .ze-btn-link:disabled {
    color: rgba(0, 0, 0, 0.3);
}

.ze-webpage-container .ze-btn-link:pressed {
    color: #00F000;
}

.ze-webpage-container .glyphicon-calendar:before,
.ze-webpage-container .glyphicon-service-number:before,
.ze-webpage-container .glyphicon-map-marker:before,
.ze-webpage-container .glyphicon-triangle-bottom:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    content: '' !important;
}

.ze-webpage-container .glyphicon-calendar:before {
    background: url("../img/icon-calendar.svg") no-repeat;
}

.ze-webpage-container .glyphicon-map-marker:before {
    background: url("../img/icon-map.svg") no-repeat;
}

.ze-webpage-container .glyphicon-triangle-bottom:before {
    background: url("../img/icon-dropdown-input-select.svg") no-repeat;
}

.ze-webpage-container .glyphicon-service-number:before {
    background: url("../img/icon-service-number.svg") no-repeat;
}

.ze-webpage-container .form-group .input-group.ze-code-correct > input {
    /* color: #D92027 !important;
    background: rgba(217, 32, 39, 0.1) !important; */
    box-shadow: revert;
    border: none !important;
    outline: none !important;
}

.ze-incorrect {
    color: #D92027 !important;
    box-shadow: revert;
    border: none !important;
    outline: none !important;
}

.ze-webpage-container .form-group .input-group.ze-code-correct:after {
    content: attr(content);
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #D92027;
}
[dir=rtl] .ze-webpage-container .form-group .input-group.ze-code-correct:after{font-family: FrutigerLTArabic-65Bold;}
.ze-webpage-container .ze-input, .ze-select input {
    background: rgba(0, 0, 0, 0.03) !important;
    font-family: Gotham-Book, Gotham !important;
    font-weight: normal !important;
    border: none !important;
}

.ze-webpage-container .ze-select input[disabled] {
    color: rgba(0, 0, 0, 0.3) !important;
}

.ze-info-list .ze-select .input-group {
    width: auto !important;
    height: 32px !important;
}

.ze-form-connent .form-group .input-group input {
    height: 40px;
    padding: 12px 24px !important;
    border-radius: 12px 0 0 12px !important;
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.75) !important;
}

.ze-provider .input-group > input {
    height: 48px !important;
    padding: 16px 24px !important;
    font-size: 16px !important;
    color: rgba(0, 0, 0, 0.7) !important;
}

[dir=ltr] .ze-provider .input-group > input {
    border-radius: 24px 0 0 24px !important;
}

[dir=rtl] .ze-provider .input-group > input {
    border-radius: 0 24px 24px 0 !important;
}

.ze-webpage-container .ze-webpage-header-content input.ze-input:disabled {
    color: rgba(0, 0, 0, 0.3) !important;
}

.ze-webpage-container .ze-input:focus, .ze-select input:focus {
    box-shadow: none !important;
}

.ze-webpage-container .ze-input::-webkit-input-placeholder, .ze-select input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3) !important;
}

.ze-message-pop {
    width: 206px;
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    text-align: center;
    position: fixed;
    margin: auto;
    top: 64px;
    z-index: 1000;
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
}

[dir=ltr] .ze-message-pop {
    padding-right: 24px;
    padding-left: 24px;
    left: 0;
    right: 0;
}

[dir=rtl] .ze-message-pop {
    font-family: FrutigerLTArabic-65Bold;
    padding-left: 24px;
    padding-right: 24px;
    left: 0;
    right: 0;
}

.ze-message-pop img {
    width: 20px;
    height: 20px;
}

[dir=ltr] .ze-message-pop img {
    margin-right: 12px;
}

[dir=rtl] .ze-message-pop img {
    margin-left: 12px;
}

.datetimepicker {
    background: #FFFFFF !important;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1) !important;
    border-radius: 16px !important;
    border: none;
}

[dir=ltr] .datetimepicker {
    width: 280px !important;
}

[dir=rtl] .datetimepicker {
    width: 408px !important;
}

.datetimepicker .datetimepicker-switch, .datetimepicker-days .week > th {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}

.datetimepicker .datetimepicker-months .datetimepicker-switch {
    color: #00F000;
}

[dir] .datetimepicker table tr td.active, [dir] .datetimepicker table tr td.active:hover, [dir] .datetimepicker table tr td.active.disabled, [dir] .datetimepicker table tr td.active.disabled:hover {
    background: #00F000 !important;
    border-radius: 12px;
    font-weight: normal;
    color: #FFFFFF;
}

.datetimepicker table tr td, .datetimepicker table tr th {
    width: 24px;
    height: 24px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .datetimepicker table tr td,[dir=rtl] .datetimepicker table tr th{font-family: FrutigerLTArabic-65Bold;}
[dir] .datetimepicker table tr td.today, [dir] .datetimepicker table tr td.today:hover, [dir] .datetimepicker table tr td.today.disabled, [dir] .datetimepicker table tr td.today.disabled:hover {
    border-radius: 12px;
    background-color: rgba(0,117,64, 0.3) !important;
    color: rgba(0, 0, 0, 0.75) !important;
}

.datetimepicker table tr td.old, .datetimepicker table tr td.new {
    color: rgba(0, 0, 0, 0.3);
}

.datetimepicker table tr td span.year, .datetimepicker table tr td span.month {
    width: 72px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    margin-bottom: 16px;
    color: rgba(0, 0, 0, 0.9);
}

[dir=ltr] .datetimepicker table tr td span.year, [dir=ltr] .datetimepicker table tr td span.month {
    margin-left: 13px;
}

[dir=rtl] .datetimepicker table tr td span.year, [dir=rtl] .datetimepicker table tr td span.month {
    margin-right: 13px;
}

[dir] .datetimepicker table tr td.day:hover, [dir] .datetimepicker table tr td.day.focused {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
}

.datetimepicker table tr td span.year:hover, .datetimepicker table tr td span.month:hover {
    border: none;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
}

.datetimepicker table tr td span.active, [dir] .datetimepicker table tr td span.active:hover, [dir] .datetimepicker table tr td span.active.disabled, [dir] .datetimepicker table tr td span.active.disabled:hover {
    background: #00F000;
    color: #005174;
}

.datetimepicker-days table {
    border-collapse: separate;
    border-spacing: 12px;
}

.datetimepicker tfoot .today {
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #00F000;
}
[dir=rtl] .datetimepicker tfoot .today{font-family: FrutigerLTArabic-65Bold;}
.glyphicon-arrow-left:before, .glyphicon-arrow-right:before {
    width: 12px;
    height: 12px;
    display: inline-block;
    content: '' !important;
}

.glyphicon-arrow-left:before {
    background: url("../img/arrow-left.svg") no-repeat center center;
}

.glyphicon-arrow-right:before {
    background: url("../img/arrow-right.svg") no-repeat center center;
}

.ze-webpage-container {
    width: 100%;
    margin: auto;
    position: relative;
}

.ze-webpage-header {
    width: 100%;
    height: 100px;
}

.ze-header-container {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
    padding-top: 18px;
    height: 82px;
    position: relative;
}

.ze-header-container .ze-header-logo {
    display: flex;
    align-items: center;
    height: 110px;
}

.ze-header-container .ze-header-logo img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
[dir=ltr] .ze-header-container .ze-header-logo img.ar-logo {
    display: none;
}
[dir=rtl] .ze-header-container .ze-header-logo img.en-logo {
    display: none;
}
.ze-header-handle {
    display: flex;
    align-items: center;
    height: 64px;
    padding: 16px 0;
    position: relative;
    cursor: pointer;
}

.ze-header-handle .ze-avatar {
    width: 32px;
    height: 32px;
}

.ze-header-handle p {
    line-height: 0px;
    padding: 0 8px;
    margin: revert;
    font-size: 16px;
    color: #fff;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
}
[dir=rtl] .ze-header-handle p{font-family: FrutigerLTArabic-65Bold;}
.ze-header-handle .ze-dropdown {
    width: 16px;
    height: 16px;
}

.ze-header-container ul.ze-custom-menu {
    top: 60px;
    position: absolute;
    width: 256px;
    height: 192px;
    border-radius: 16px;
    z-index: 999;
    margin: revert;
    background: #fff;
    padding: 16px 0;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
}

[dir=ltr] .ze-header-container ul.ze-custom-menu {
    right: 0;
}

[dir=rtl] .ze-header-container ul.ze-custom-menu {
    left: 0;
}

.ze-header-container ul li {
    width: 256px;
    height: 32px;
    padding: 0 24px;
    line-height: 32px;
    cursor: pointer;
}

.ze-header-container ul li:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

ul.ze-custom-menu li a {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    position: relative;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] ul.ze-custom-menu li a {font-family: FrutigerLTArabic-65Bold;}
[dir=ltr] ul.ze-custom-menu li a {
    padding-left: 24px;
}

[dir=rtl] ul.ze-custom-menu li a {
    padding-right: 24px;
}

[dir=ltr] ul.ze-custom-menu li a:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 10px;
}

[dir=ltr] ul.ze-custom-menu li:nth-child(1) a:before {
    background: url("../img/sal-Profile.png") no-repeat;
}

[dir=ltr] ul.ze-custom-menu li:nth-child(2) a:before {
    background: url("../img/sal-Account.png") no-repeat;
}

[dir=ltr] ul.ze-custom-menu li:nth-child(3) a:before {
    background: url("../img/sal-Change-Password.png") no-repeat;
}

[dir=ltr] ul.ze-custom-menu li:nth-child(4) a:before {
    background: url("../img/sal-Support.png") no-repeat;
}

[dir=ltr] ul.ze-custom-menu li:nth-child(5) a:before {
    background: url("../img/sal-Sign-out.png") no-repeat;
}

[dir=ltr] ul.ze-custom-menu li:nth-child(4) a:after {
    content: "";
    width: 208px;
    height: 1px;
    position: absolute;
    left: 0px;
    background: rgba(0, 0, 0, 0.08);
}

[dir=rtl] ul.ze-custom-menu li a:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 10px;
}

[dir=rtl] ul.ze-custom-menu li:nth-child(1) a:before {
    background: url("../img/sal-Profile.png") no-repeat;
}

[dir=rtl] ul.ze-custom-menu li:nth-child(2) a:before {
    background: url("../img/sal-Account.png") no-repeat;
}

[dir=rtl] ul.ze-custom-menu li:nth-child(3) a:before {
    background: url("../img/sal-Change-Password.png") no-repeat;
}

[dir=rtl] ul.ze-custom-menu li:nth-child(4) a:before {
    background: url("../img/sal-Support.png") no-repeat;
}

[dir=rtl] ul.ze-custom-menu li:nth-child(5) a:before {
    background: url("../img/sal-Sign-out.png") no-repeat;
}

[dir=rtl] ul.ze-custom-menu li:nth-child(4) a:after {
    content: "";
    width: 208px;
    height: 1px;
    position: absolute;
    right: 0px;
    background: rgba(0, 0, 0, 0.08);
}

.ze-webpage-header-content {
    width: 100%;
    background: #FFFFFF;
    background: url("../img/s-headerBgImg.svg") no-repeat;
    background-size: contain;
    min-height: 1020px;
}

.ze-webpage-content-inner {
    width: 1200px;
    margin: auto;
    margin-top: 108px;
}

.ze-content-main {
    width: 100%;
    height: 100%;
}

.ze-personal-info {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.ze-personal-info {
    width: 1200px;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    padding: 40px 48px 48px 48px;
}

.ze-personal-info .ze-personal {
    display: flex;
    width: 100%;
    height: 56px;
}

.ze-personal .ze-user-icon {
    width: 56px;
    height: 56px;

}

.ze-personal .ze-user-icon img {
    width: 100%;
    height: 100%;
}

.ze-personal .ze-user-name {
    margin: 0 24px;

}

.ze-personal .ze-user-name p:nth-child(1) {
    line-height: 5px;
    margin: revert;
}

.ze-personal .ze-user-name p:nth-child(2) {
    line-height: 2px;
    margin: revert;
}

.ze-personal-info .ze-info {
    margin-top: 21px;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.ze-personal-info .ze-info .ze-info-title {
    padding-bottom: 24px;
    padding-top: 24px;
    font-size: 16px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .ze-personal-info .ze-info .ze-info-title {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.ze-personal-info .ze-info .ze-info-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.ze-personal-info .ze-info .ze-info-list li {
    display: flex;
    width: 352px;
    height: 96px;
    margin-bottom: 24px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 16px;
}

[dir=ltr] .ze-personal-info .ze-info .ze-info-list li {
    padding: 24px 5px 0 24px;
}

[dir=rtl] .ze-personal-info .ze-info .ze-info-list li {
    padding: 24px 24px 0 5px;
}

.ze-personal-info .ze-info .ze-info-list #address {
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/*.ze-personal-info .ze-info .ze-info-list li:last-child {*/
/*    width: 100%;*/
/*    height: 96px;*/
/*}*/

.ze-features-buttons {
    display: flex;
    width: 100%;
    margin-top: 24px;

}

.ze-features-buttons:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.ze-features-buttons .ze-pay, .ze-features-buttons .ze-renew {
    width: 516px;
    height: 298px;
    padding: 48px 48px 0;
    position: relative;
    background: url("../img/sal-Pay-background.png") no-repeat;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.ze-features-buttons .ze-pay.new-type, .ze-features-buttons .ze-renew.new-type {
    width: auto;
    padding: 48px 39px 0;
}

.ze-features-buttons .ze-pay .ze-pay-title, .ze-features-buttons .ze-renew .ze-renew-title {
    font-size: 32px;
    font-family: ModernEra-Black, ModernEra;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 38px;
    margin: 0;
}
[dir=rtl] .ze-features-buttons .ze-pay .ze-pay-title,[dir=rtl] .ze-features-buttons .ze-renew .ze-renew-title{font-family: FrutigerLTArabic-75Black;}
.ze-features-buttons .ze-pay .ze-pay-info, .ze-features-buttons .ze-renew .ze-renew-info {
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 20px;
    margin: 0;
    margin-top: 70px;
    opacity: 0.8;
}
.ze-features-buttons .ze-pay.new-type .ze-pay-info, .ze-features-buttons .ze-renew.new-type .ze-renew-info {
    margin-top: 48px;
    width: 210px;
}
[dir=rtl] .ze-features-buttons .ze-pay .ze-pay-info,[dir=rtl] .ze-features-buttons .ze-renew .ze-renew-info {font-family: FrutigerLTArabic-65Bold;}
.ze-features-buttons .ze-pay .ze-proceed-payment-but, .ze-features-buttons .ze-renew .ze-proceed-payment-but {
    width: 276px;
    height: 48px;
    margin-top: 32px;
    background: #00F000;
    border-radius: 24px;
    border: 2px solid #00F000;
    font-size: 16px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
}
.ze-features-buttons .ze-pay.new-type .ze-proceed-payment-but, .ze-features-buttons .ze-renew.new-type .ze-proceed-payment-but {
    width: 210px;
}

[dir=ltr] .ze-features-buttons .ze-pay .ze-proceed-payment-but, [dir=ltr] .ze-features-buttons .ze-renew .ze-proceed-payment-but {
    padding-left: 24px;
    text-align: left;
}

[dir=rtl] .ze-features-buttons .ze-pay .ze-proceed-payment-but, [dir=rtl] .ze-features-buttons .ze-renew .ze-proceed-payment-but {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
    text-align: right;
}
[dir=ltr] .ze-features-buttons .ze-pay.new-type .ze-proceed-payment-but, [dir=ltr] .ze-features-buttons .ze-renew.new-type .ze-proceed-payment-but {
    padding-left: 12px;
}

[dir=rtl] .ze-features-buttons .ze-pay.new-type .ze-proceed-payment-but, [dir=rtl] .ze-features-buttons .ze-renew.new-type .ze-proceed-payment-but {
    padding-right: 12px;
}


.ze-proceed-payment-but .ze-circle {
    border: none;
    background: rgba(255, 255, 255, 0.2);
    width: 192px;
    height: 192px;
    position: absolute;
    top: -44px;
    border-radius: 50%;
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
}

[dir=ltr] .ze-proceed-payment-but .ze-circle {
    right: -119px;
}

[dir=rtl] .ze-proceed-payment-but .ze-circle {
    left: -119px;
}

.ze-proceed-payment-but:hover .ze-circle {
    transform: scale(4);
    -webkit-transform: scale(4);
}

[dir=ltr] .ze-features-buttons .ze-pay .ze-proceed-payment-but:hover,
[dir=rtl] .ze-features-buttons .ze-pay .ze-proceed-payment-but:hover,
[dir=ltr] .ze-features-buttons .ze-renew .ze-proceed-payment-but:hover,
[dir=rtl] .ze-features-buttons .ze-renew .ze-proceed-payment-but:hover {
    text-indent: 8px;
}

.ze-features-buttons .ze-pay .ze-checkBill {
    position: absolute;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 20px;
    bottom: 58px;
    text-decoration: underline;
    cursor: pointer;
}

[dir=ltr] .ze-features-buttons .ze-pay .ze-checkBill {
    right: 48px;
}

[dir=rtl] .ze-features-buttons .ze-pay .ze-checkBill {
    left: 48px;
    font-family: FrutigerLTArabic-65Bold;
}
[dir=ltr] .ze-features-buttons .ze-pay.new-type .ze-checkBill {
    left: 48px;
    bottom: 12px;
}

[dir=rtl] .ze-features-buttons .ze-pay.new-type .ze-checkBill {
    right: 48px;
    bottom: 12px;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-features-buttons .ze-pay .ze-proceed-payment-but:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background: url(../img/icon-arrrow-right.svg) no-repeat center center;
    top: 12px;
}

[dir=ltr] .ze-features-buttons .ze-pay .ze-proceed-payment-but:after {
    right: 24px;
    transition: right 0.3s linear;
    -webkit-transition: right 0.3s linear;
}

[dir=rtl] .ze-features-buttons .ze-pay .ze-proceed-payment-but:after {
    background: url(../img/icon-arrrow-left.svg) no-repeat center center;
    left: 24px;
    transition: left 0.3s linear;
    -webkit-transition: left 0.3s linear;
}

[dir=ltr] .ze-features-buttons .ze-pay .ze-proceed-payment-but:hover:after {
    right: 32px;
}

[dir=rtl] .ze-features-buttons .ze-pay .ze-proceed-payment-but:hover:after {
    left: 32px;
}

.ze-features-buttons .ze-renew .ze-proceed-payment-but:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background: url(../img/icon-arrrow-right.svg) no-repeat center center;
    top: 12px;
}

[dir=ltr] .ze-features-buttons .ze-renew .ze-proceed-payment-but:after {
    right: 24px;
    transition: right 0.3s linear;
    -webkit-transition: right 0.3s linear;
}

[dir=rtl] .ze-features-buttons .ze-renew .ze-proceed-payment-but:after {
    background: url(../img/icon-arrrow-left.svg) no-repeat center center;
    left: 24px;
    transition: left 0.3s linear;
    -webkit-transition: left 0.3s linear;
}

[dir=ltr] .ze-features-buttons .ze-renew .ze-proceed-payment-but:hover:after {
    right: 32px;
}

[dir=rtl] .ze-features-buttons .ze-renew .ze-proceed-payment-but:hover:after {
    left: 32px;
}
.ze-features-buttons .ze-freeze-card,
.ze-features-buttons .ze-upgrade {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 318px;
    height: 298px;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    background: #ffffff url("../img/s-bg-upgrade.png") no-repeat;
    cursor: pointer;
}
.ze-features-buttons .ze-freeze-card.js-relocation {
    margin: 0 24px;
}

.ze-features-buttons .ze-freeze-card.js-refund {
    margin: 0 24px;
}

.ze-features-buttons .ze-freeze-card.js-reactive .ze-img-reactive,
.ze-features-buttons .ze-freeze .ze-img-reactive {
    width: 96px;
    height: 96px;
    background: url(../img/sal-Restore.png) no-repeat center center;
    background-size: 100%;
}

.ze-features-buttons .ze-freeze-card .js-replace-stb .ze-img-replace-stb,
.ze-features-buttons .ze-freeze .ze-img-replace-stb {
    width: 96px;
    height: 96px;
    background: url(../img/icon-ReplaceSTB.png) no-repeat center center;
    background-size: 100%;
}

.ze-features-buttons .ze-freeze-card.js-refund .ze-img-reactive,
.ze-features-buttons .ze-freeze.js-refund .ze-img-reactive {
    width: 96px;
    height: 96px;
    background: url(../img/icon-Refund.png) no-repeat center center;
    background-size: 100%;
}

.ze-features-buttons .ze-freeze-card.js-fttr-edge .ze-img-reactive,
.ze-features-buttons .ze-freeze.js-fttr-edge .ze-img-reactive {
    width: 96px;
    height: 96px;
    background: url(../img/Purchase-FTTR-Edge-ONT.png) no-repeat center center;
    background-size: 100%;
}

[dir=ltr] .ze-features-buttons .ze-freeze-card .ze-img-reactive {
    margin: -40px 0 0 60px;
}

[dir=rtl] .ze-features-buttons .ze-freeze-card .ze-img-reactive {
    margin: -40px 60px 0 0;
}

.ze-features-buttons .ze-freeze-card{
    /* width: 660px; */
    margin-right: 0px;
}

[dir=ltr] .ze-features-buttons .ze-upgrade{
    padding-left: 48px;
}

[dir=rtl] .ze-features-buttons .ze-upgrade{
    padding-right: 48px;
}


/*.ze-features-buttons .ze-upgrade:hover {*/
/*background: url("../img/bg-upgrade-hover.png") no-repeat;*/
/*}*/

.ze-features-buttons .ze-upgrade p:nth-of-type(1) {
    margin: 0px;
    line-height: 48px;
}

.ze-features-buttons .ze-upgrade p:nth-of-type(2) {
    width: 134px;
    line-height: 20px;
    height: 41px;
    margin: 0px;
    margin-top: 10px;
}

.ze-features-buttons .ze-upgrade p:nth-of-type(3) {
    width: 178px;
    line-height: 20px;
    height: 41px;
    margin: 0px;
    margin-top: 10px;
}

.ze-features-buttons .ze-upgrade .ze-img-upgrade {
    width: 96px;
    height: 96px;
    background: url(../img/sal-Upgrade.png) no-repeat center center;
}

/* 改造区域，开始:start */
.ze-features-buttons .ze-card-btn {
    display: flex;
    flex-direction: column;
    width: 684px;
}
.ze-features-buttons .ze-card-btn.new-type {
    width: 100%;
}

.ze-features-buttons .ze-card-btn .ze-card-btn-up,
.ze-features-buttons .ze-card-btn .ze-card-btn-down {
    width: 100%;
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

/* .ze-features-buttons .ze-card-btn .ze-card-btn-down {
    margin-top: 24px;
} */

/* 定义卡片样式: 存在四张 */
.ze-features-buttons .ze-relocation,
.ze-features-buttons .ze-freeze,
.ze-features-buttons .ze-pre-upgrade,
.ze-features-buttons .js-relocation,
.ze-features-buttons .ze-pre-to-post,
.ze-features-buttons .ze-fnp-porting,
.ze-features-buttons .ze-salam-tv,
.ze-features-buttons .ze-downgrade{
    width: 318px;
    height: 137px;
    padding: 17px 24px 0 24px;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    cursor: pointer;
    margin-left: 24px;
    display: flex;
    background: #ffffff url("../img/s-bg-Relocation.png") no-repeat;
}

[dir=rtl] .ze-features-buttons .ze-relocation,
[dir=rtl] .ze-features-buttons .ze-freeze,
[dir=rtl] .ze-features-buttons .ze-pre-upgrade,
[dir=rtl] .ze-features-buttons .ze-pre-to-post,
[dir=rtl] .ze-features-buttons .ze-fnp-porting,
[dir=rtl] .ze-features-buttons .ze-salam-tv,
[dir=rtl] .ze-features-buttons .ze-downgrade{
    margin-left: 0;
    margin-right: 24px;
}

.ze-features-buttons .ze-pre-upgrade,
.ze-features-buttons .ze-pre-to-post,
.ze-features-buttons .ze-fnp-porting,
.ze-features-buttons .ze-salam-tv,
.ze-features-buttons .ze-freeze,
.ze-features-buttons .ze-downgrade {
    margin-bottom: 24px;
}

/* 定义卡片内部左半部图片 */
.ze-features-buttons .ze-pre-upgrade .ze-img-upgrade{
    width: 96px;
    height: 96px;
    background: url(../img/sal-Upgrade.png) no-repeat center center;
    background-size: 100%;
}

.ze-features-buttons .ze-downgrade .ze-img-downgrade{
    width: 96px;
    height: 96px;
    background: url(../img/sal-Downgrade.png) no-repeat center center;
    background-size: 100%;
}

.ze-features-buttons .ze-pre-to-post .ze-img-pre-to-post{
    width: 96px;
    height: 96px;
    background: url(../img/Pre-to-Post.svg) no-repeat center center;
    background-size: 100%;
}

.ze-features-buttons .ze-fnp-porting .ze-img-fnp-porting{
    width: 96px;
    height: 96px;
    background: url(../img/icon-FNP.png) no-repeat center center;
    background-size: 100%;
}

.ze-features-buttons .ze-salam-tv .ze-img-salam-tv{
    width: 96px;
    height: 96px;
    background-size: 100%;
    background: url(../img/Salam-TV.svg) no-repeat center center
}
.ze-features-buttons .ze-freeze-card .ze-img-relocation,
.ze-features-buttons .ze-relocation .ze-img-relocation {
    width: 96px;
    height: 96px;
    background: url(../img/sal-Relocation.png) no-repeat center center;
    background-size: 100%;
}

[dir=ltr] .ze-features-buttons .ze-freeze-card .ze-img-relocation {
    margin: -40px 0 0 60px;
}

[dir=ltr] .ze-features-buttons .ze-freeze-card .ze-relocation-right {
    margin: 30px 0 0 60px;
}
[dir=rtl] .ze-features-buttons .ze-freeze-card .ze-img-relocation {
    margin: -40px 60px 0 0;
}

[dir=rtl] .ze-features-buttons .ze-freeze-card .ze-relocation-right {
    margin: 30px 60px 0 0;
}

.ze-features-buttons .ze-freeze-card .ze-img-freeze,
.ze-features-buttons .ze-freeze .ze-img-freeze {
    width: 96px;
    height: 96px;
    background: url(../img/sal-Freeze.png) no-repeat center center;
    background-size: 100%;
}
.ze-features-buttons .ze-freeze-card .ze-img-reactive,
.ze-features-buttons .ze-freeze .ze-img-reactive {
    width: 96px;
    height: 96px;
    background: url(../img/sal-Restore.png) no-repeat center center;
    background-size: 100%;
}

/* 定义卡片内部右边区域 */
.ze-features-buttons .ze-relocation .ze-relocation-right,
.ze-features-buttons .ze-freeze .ze-freeze-right,
.ze-features-buttons .ze-pre-upgrade .ze-relocation-right,
.ze-features-buttons .ze-downgrade .ze-downgrade-right,
.ze-features-buttons .ze-pre-to-post .ze-freeze-right,
.ze-features-buttons .ze-fnp-porting .ze-freeze-right,
.ze-features-buttons .ze-salam-tv .ze-freeze-right{
    margin-left: 8px;
    width: 160px;
}

[dir=rtl] .ze-features-buttons .ze-relocation .ze-relocation-right,
[dir=rtl] .ze-features-buttons .ze-freeze .ze-freeze-right,
[dir=rtl] .ze-features-buttons .ze-pre-upgrade .ze-relocation-right,
[dir=rtl] .ze-features-buttons .ze-downgrade .ze-downgrade-right,
[dir=rtl] .ze-features-buttons .ze-pre-to-post .ze-freeze-right,
[dir=rtl] .ze-features-buttons .ze-fnp-porting .ze-freeze-right,
[dir=rtl] .ze-features-buttons .ze-salam-tv .ze-freeze-right{
    margin-left: 0px;
    margin-right: 8px;
}

.ze-features-buttons .ze-freeze .ze-freeze-right p:nth-child(1),
.ze-features-buttons .ze-relocation .ze-relocation-right p:nth-child(1),
.ze-features-buttons .ze-pre-upgrade .ze-relocation-right p:nth-child(1),
.ze-features-buttons .ze-downgrade .ze-downgrade-right p:nth-child(1),
.ze-features-buttons .ze-pre-to-post .ze-freeze-right p:nth-child(1),
.ze-features-buttons .ze-fnp-porting .ze-freeze-right p:nth-child(1),
.ze-features-buttons .ze-salam-tv .ze-freeze-right p:nth-child(1){
    /* height: 48px; */
    margin: 0px;
    /* line-height: 48px; */
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
}

.ze-features-buttons .ze-pre-upgrade.new-type .ze-relocation-right p:nth-child(1),
.ze-features-buttons .ze-downgrade.new-type .ze-downgrade-right p:nth-child(1),
.ze-features-buttons .ze-pre-to-post .ze-freeze-right p:nth-child(1),
.ze-features-buttons .ze-fnp-porting .ze-freeze-right p:nth-child(1),
.ze-features-buttons .ze-salam-tv.new-type .ze-freeze-right p:nth-child(1),
.ze-features-buttons .ze-freeze .ze-freeze-right p:nth-child(1),
.ze-features-buttons .ze-relocation .ze-relocation-right p:nth-child(1) {
    width: 128px;
}

.ze-features-buttons .ze-freeze .ze-freeze-right p:nth-child(2),
.ze-features-buttons .ze-relocation .ze-relocation-right p:nth-child(2),
.ze-features-buttons .ze-pre-upgrade .ze-relocation-right p:nth-child(2),
.ze-features-buttons .ze-downgrade .ze-downgrade-right p:nth-child(2),
.ze-features-buttons .ze-pre-to-post .ze-freeze-right p:nth-child(2),
.ze-features-buttons .ze-fnp-porting .ze-freeze-right p:nth-child(2),
.ze-features-buttons .ze-salam-tv .ze-freeze-right p:nth-child(2){
    line-height: 20px;
    height: 41px;
    margin: 0px;
}

.ze-features-buttons .ze-pre-upgrade.new-type .ze-relocation-right p:nth-child(2),
.ze-features-buttons .ze-downgrade.new-type .ze-downgrade-right p:nth-child(2),
.ze-features-buttons .ze-pre-to-post.new-type .ze-freeze-right p:nth-child(2),
.ze-features-buttons .ze-fnp-porting.new-type .ze-freeze-right p:nth-child(2){
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ze-features-buttons .ze-freeze.js-fttr-edge.new-type .ze-freeze-right p:nth-child(2) {
    height: 20px;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


[dir=ltr] .ze-features-buttons .ze-freeze-card .ze-img-freeze{
    margin: -40px 0 0 60px;
}
[dir=ltr] .ze-features-buttons .ze-freeze-card .ze-text-freeze{
    margin: 30px 0 0 60px;
}
[dir=rtl] .ze-features-buttons .ze-freeze-card .ze-img-freeze{
    margin: -40px  60px 0 0;
}
[dir=rtl] .ze-features-buttons .ze-freeze-card .ze-text-freeze{
    margin: 30px  60px 0 0;
}

/* 定义卡片样式: 存在五张 */
.ze-features-buttons .ze-pre-upgrade.new-type,
.ze-features-buttons .ze-pre-to-post.new-type,
.ze-features-buttons .ze-fnp-porting.new-type,
.ze-features-buttons .ze-salam-tv.new-type,
.ze-features-buttons .ze-relocation.new-type,
.ze-features-buttons .ze-relocation.new-type,
.ze-features-buttons .ze-freeze.new-type,
.ze-features-buttons .ze-downgrade.new-type{
    width: 204px;
    height: 137px;
    padding: 17px 20px 0 20px;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    cursor: pointer;
}

[dir=rtl] .ze-features-buttons .ze-pre-upgrade.new-type,
[dir=rtl] .ze-features-buttons .ze-pre-to-post.new-type,
[dir=rtl] .ze-features-buttons .ze-fnp-porting.new-type,
[dir=rtl] .ze-features-buttons .ze-salam-tv.new-type,
[dir=rtl] .ze-features-buttons .ze-downgrade.new-type{
    margin-left: 0;
    margin-right: 24px;
}

.ze-turn-to-newer {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 24px;
    height: 89px;
}

.ze-first-title {
    font-size: 20px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .ze-first-title {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.ze-sec-title {
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .ze-sec-title {font-family: FrutigerLTArabic-65Bold;}
.ze-info-list li img {
    width: 48px;
    height: 48px;
}

.ze-info-list li > div {
    margin: 0 16px;
}

.ze-info-list li div p:nth-child(1) {
    font-size: 16px;
    margin: 0;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.9);
    line-height: 24px;
}
[dir=rtl] .ze-info-list li div p:nth-child(1) {font-family: FrutigerLTArabic-65Bold;}
.ze-info-list li div p:nth-child(2) {
    margin: 0;
    height: 24px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    line-height: 24px;
}
[dir=rtl] .ze-info-list li div p:nth-child(2) {font-family: FrutigerLTArabic-65Bold;}
.ze-package-page {
    margin-top: 21px;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.ze-package-page .ze-provider-payment {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    width: 100%;
    margin-bottom: 24px;
}

.ze-package-page .ze-provider-payment .ze-warp {
    display: flex;
}

.ze-package-page .ze-provider-payment .ze-warp .ze-provider:nth-child(2) {
    margin: 0 16px;
}

.ze-package-page .ze-provider-payment .ze-provider {
    width: 224px;
}
.ze-package-page .ze-provider-payment .ze-servtype {
    margin-left: 10px;
}

.ze-provider select {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 24px;
}

.ze-package-page .ze-provider-payment .ze-payment {
    width: 264px;
    height: 48px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 24px;
    padding: 4px;
}

.ze-payment > div {
    width: 128px;
    height: 40px;
    float: left;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .ze-payment > div {font-family: FrutigerLTArabic-65Bold;}
.ze-payment-active {
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    font-weight: bold !important;
    color: rgba(0, 0, 0, 0.9) !important;
}

.ze-package-page .ze-package-card {
    width: 100%;
}

.ze-package-card ul li .ze-circle {
    display: none;
}

.ze-package-card ul li:hover .ze-circle {
    display: block;
}

.ze-package-card ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
}
.ze-package-card ul li {
    position: relative;
    width: 352px;
    height: 424px;
    margin-bottom: 24px;
    padding: 40px 48px 48px 48px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 16px;
}

[dir=ltr] .ze-package-card ul li {
    margin-right: 24px;
}
[dir=ltr] .ze-package-card.downgrade-card ul li {
    margin-right: 60px;
}
[dir=rtl] .ze-package-card ul li {
    margin-left: 24px;
}
[dir=rtl] .ze-package-card.downgrade-card ul li {
    margin-left: 60px;
}
.ze-package-card ul li .ze-card-title {
    display: flex;
    width: 100%;
    height: 62px;
}
.ze-package-card ul li>div{
    width: 256px;
}
.ze-package-card ul li .ze-card-title img {
    width: 62px;
    height: 62px;
}

.ze-package-card ul li .ze-card-title .ze-package-logo:nth-of-type(1) {
    background: url("../img/zooom-100.png") no-repeat;
}

.ze-package-card ul li .ze-card-title .ze-package-logo:nth-of-type(2) {
    background: url("../img/zooom-240.png") no-repeat;
}

.ze-package-card ul li .ze-card-title .ze-package-logo:nth-of-type(3) {
    background: url("../img/zooom-500.png") no-repeat;
}

.ze-package-card ul li:hover .ze-card-title .ze-package-logo:nth-of-type(1) {
    background: url("../img/zooom-100-white.png") no-repeat;
}

.ze-package-card ul li:hover .ze-card-title .ze-package-logo:nth-of-type(2) {
    background: url("../img/zooom-240-white.png") no-repeat;
}

.ze-package-card ul li:hover .ze-card-title .ze-package-logo:nth-of-type(3) {
    background: url("../img/zooom-500-white.png") no-repeat;
}

[dir=ltr] .ze-package-card ul li .ze-card-title .ze-package-type {
    margin-left: 18px;
    height: 62px;
}

[dir=rtl] .ze-package-card ul li .ze-card-title .ze-package-type {
    margin-right: 18px;
    height: 62px;
}

.ze-package-card ul li .ze-card-title .ze-package-type p:nth-child(1) {
    font-size: 16px;
    margin: 0;
    font-family: ModernEra-Black, ModernEra;
    font-weight: 900;
    color: #002035;
    line-height: 19px;
}
[dir=rtl] .ze-package-card ul li .ze-card-title .ze-package-type p:nth-child(1){
    font-family: FrutigerLTArabic-75Black;
}
.ze-package-card ul li .ze-card-title .ze-package-type p:nth-child(2) {
    height: 31px;
    font-size: 14px;
    margin: 0;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    line-height: 31px;
}
[dir=rtl] .ze-package-card ul li .ze-card-title .ze-package-type p:nth-child(2) {font-family: FrutigerLTArabic-65Bold;}
.ze-package-card ul li .ze-card-content {
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .ze-package-card ul li .ze-card-content {font-family: FrutigerLTArabic-65Bold;}
.ze-package-card ul li > div:nth-of-type(2) {
    margin-top: 30px;
}

.ze-package-card ul li > div:nth-of-type(3),.ze-package-card ul li > div:nth-of-type(4) {
    margin-top: 24px;
    margin-bottom: 24px;
}

.ze-package-card ul li .ze-card-tip {
    width: 100%;
    margin-bottom: 42px;
    font-size: 12px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.3);
}

[dir=ltr] .ze-package-card ul li .ze-card-tip {
    float: right;
    text-align: right;
}

[dir=rtl] .ze-package-card ul li .ze-card-tip {
    float: left;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-package-card ul li .ze-card-content .ze-number {
    font-size: 16px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}

[dir=ltr] .ze-package-card ul li .ze-card-content .ze-number {
    float: right;
}

[dir=rtl] .ze-package-card ul li .ze-card-content .ze-number {
    float: left;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}
.ze-package-card ul li .ze-card-content:nth-of-type(4) .ze-number {
    color: #002035;
}

.ze-package-card ul li .ze-card-content .ze-unit {
    font-size: 12px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    line-height: 24px;
}

[dir=ltr] .ze-package-card ul li .ze-card-content .ze-unit {
    float: right;
    padding-left: 4px;
}

[dir=rtl] .ze-package-card ul li .ze-card-content .ze-unit {
    float: left;
    padding-right: 4px;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-subscribe-but {
    width: 256px;
    height: 48px;
    border-radius: 24px;
    border: 2px solid #00F000;
    background: #00F000;
    font-size: 16px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    position: absolute;
    bottom: 36px;
}
[dir=rtl] .ze-subscribe-but {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.ze-package-card ul li:hover {
    background: url("../img/sal-selected-package-background.png") no-repeat !important;
    box-shadow: 0px 8px 32px 0px rgba(0, 32, 53, 0.3);
}

.ze-package-card ul li:hover .ze-card-title > div p:nth-child(1) {
    color: #FFFFFF;
}

.ze-package-card ul li:hover .ze-card-title > div p:nth-child(2) {
    color: rgba(255, 255, 255, 0.9);
}

.ze-package-card ul li:hover .ze-card-content {
    color: rgba(255, 255, 255, 0.9);
}

.ze-package-card ul li:hover .ze-card-content .ze-number {
    color: #FFFFFF;
}

.ze-package-card ul li:hover .ze-card-content .ze-unit {
    color: rgba(255, 255, 255, 0.6);
}

.ze-package-card ul li:hover .ze-card-tip {
    color: rgba(255, 255, 255, 0.6);
}

.ze-package-card ul li:hover .ze-subscribe-but {
    /*background: rgba(255, 255, 255, 0.2) !important;*/
    border: 2px solid #00F000;
    color: #005174;
    background: #00F000;
    position: absolute;
    vertical-align: middle;
    overflow: hidden;
}

[dir=ltr] .ze-package-card ul li:hover .ze-subscribe-but {
    padding-left: 24px;
    text-align: left;
}

[dir=rtl] .ze-package-card ul li:hover .ze-subscribe-but {
    padding-right: 24px;
    text-align: right;
}

.ze-package-card ul li:hover .ze-subscribe-but:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 12px;
}

[dir=ltr] .ze-package-card ul li:hover .ze-subscribe-but:after {
    background: url(../img/icon-arrrow-right.svg) no-repeat center center;
    right: 24px;
    transition: right 0.3s linear;
    -webkit-transition: right 0.3s linear;
}

[dir=rtl] .ze-package-card ul li:hover .ze-subscribe-but:after {
    background: url(../img/icon-arrrow-left.svg) no-repeat center center;
    left: 24px;
    transition: left 0.3s linear;
    -webkit-transition: left 0.3s linear;
}

[dir=ltr] .ze-package-card ul li:hover .ze-subscribe-but:hover:after {
    right: 32px !important;
}

[dir=rtl] .ze-package-card ul li:hover .ze-subscribe-but:hover:after {
    left: 32px !important;
}

/* downgrade-package-container */
.ze-package-card.downgrade-card{
    position: relative;
    overflow: hidden;
    padding: 60px;
}

.ze-footer-container {
    display: flex;
    width: 100%;
    height: 60px;
    background: #002035;
}

.dropdown-list {
    max-height: 136px !important;
    background: #FFFFFF !important;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1) !important;
    border-radius: 16px !important;
    overflow-x: hidden;
}

.dropdown-list > li {
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    padding: 9px 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
[dir=rtl] .dropdown-list > li {font-family: FrutigerLTArabic-65Bold;}
.dropdown-list > li:hover {
    background-color: rgba(0, 0, 0, 0.03) !important;
    color: rgba(0, 0, 0, 0.75) !important;
}

.dropdown-list > .active {
    background-color: rgba(0, 117, 64, 0.1) !important;
    color: rgba(0, 0, 0, 0.75) !important;
}

.dropdown-list > .disabled {
    color: rgba(0, 0, 0, 0.3) !important;
}

.ze-info-list > li:nth-child(1) > div {
    width: auto !important;
    height: auto !important;
}

.ze-info-list .input-group > input {
    font-size: 16px;
    width: 145px;
    height: 32px !important;
    color: rgba(0, 0, 0, 0.9) !important;
}

[dir=ltr] .ze-info-list .input-group > input {
    padding: 9px 0px 9px 12px !important;
    border-radius: 16px 0 0 16px !important;
}

[dir=rtl] .ze-info-list .input-group > input {
    padding: 9px 12px !important;
    border-radius: 0 16px 16px 0 !important;
}

.ze-webpage-container .input-group-addon {
    border: none !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
}

[dir=ltr] .ze-info-list .input-group-addon {
    border-radius: 0 16px 16px 0 !important;
}

[dir=rtl] .ze-info-list .input-group-addon {
    border-radius: 16px 0 0 16px !important;
}

[dir=ltr] .ze-provider .input-group-addon {
    border-radius: 0 24px 24px 0 !important;
}

[dir=rtl] .ze-provider .input-group-addon {
    border-radius: 24px 0 0 24px !important;
}

.ze-webpage-container .input-group-addon span {
    color: #6f6f6f;
}

.form-control-feedback {
    display: none !important;
}

.ze-none {
    display: none;
}

.ze-block {
    display: block;
}

.ze-new-service-information {
    position: relative;
    width: 1200px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.ze-new-service-information .ze-title {
    width: 1104px;
    height: 80px;
    margin: 0 auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 20px;
    line-height: 80px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .ze-new-service-information .ze-title {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.ze-new-service-information .ze-content {
    display: flex;
}

.ze-content-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 890px;
    margin-top: 19px;
}
.new-salam-tv .ze-content-right .ze-form-connent{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.new-salam-tv .ze-content-right .ze-form-connent form{
    flex: 1;
}
[dir=ltr] .new-salam-tv .ze-content-right .ze-form-connent form .form-group{
    margin-left: 128px;
}
[dir=rtl] .new-salam-tv .ze-content-right .ze-form-connent form .form-group{
    margin-right: 128px;
}

.ze-content-right .ze-form-connent form .ze-select-number-list,
.content-right .form-content form .ze-select-number-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 400px;
}
.ze-content-right .ze-form-connent form .ze-select-number-list li,
.content-right .form-content form .ze-select-number-list li{
    width: 194px;
    height: 51px;
    margin-bottom: 12px;
    font-size: 16px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #002035;
    line-height: 51px;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 1.5px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}
.ze-content-right .ze-form-connent form .ze-select-number-list li.active,
.content-right .form-content form .ze-select-number-list li.active{
    background-image: url("../img/s-card-Selected.svg");
    background-position: 100% -1px;
    background-repeat: no-repeat;
    border: 1.5px solid #00F000;

}
.ze-content-right .ze-form-connent form .ze-refresh,
.content-right .form-content form .ze-refresh{
    width: 48px;
    height: 48px;
    align-self: center;
    cursor: pointer;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
}
.ze-content-right .ze-form-connent form .ze-refresh img,
.content-right .form-content form .ze-refresh img{
    margin: 12px;
}
.ze-content-right .ze-form-connent form .ze-control-text,
.content-right .form-content form .ze-control-text{
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.55);
}
.ze-content-right .ze-form-connent form .ze-control-text span,
.content-right .form-content form .ze-control-text span{
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: 300;
    color: #00F000;
    cursor: pointer;
    text-decoration: underline;
}
[dir=ltr] .ze-content-right .ze-form-connent form .ze-refresh,
[dir=ltr] .content-right .form-content form .ze-refresh{
    margin-left: 16px;
}
[dir=rtl] .ze-content-right .ze-form-connent form .ze-refresh,
[dir=rtl] .content-right .form-content form .ze-refresh{
    margin-right: 16px;
}
.ze-new-service-information .ze-content .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
    padding-top: 36px;
}

[dir=ltr] .ze-new-service-information .ze-content .left-steps {
    border-right: 1px solid #ebebeb;
}

[dir=rtl] .ze-new-service-information .ze-content .left-steps {
    border-left: 1px solid #ebebeb;
}

.ze-new-service-information .ze-content .left-steps .steps-top {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 40px;
}

[dir=ltr] .ze-new-service-information .ze-content .left-steps .steps-top {
    padding-right: 44px;
}

[dir=rtl] .ze-new-service-information .ze-content .left-steps .steps-top {
    padding-left: 44px;
}

.ze-new-service-information .ze-content .left-steps span {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.3);
}

[dir=ltr] .ze-new-service-information .ze-content .left-steps span {
    margin-right: 16px;
}

[dir=rtl] .ze-new-service-information .ze-content .left-steps span {
    margin-left: 16px;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-new-service-information .ze-content .left-steps span.active {
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #002035;
}
[dir=rtl] .ze-new-service-information .ze-content .left-steps span.active {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.ze-new-service-information .ze-content .left-steps .steps-top div {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background: #D9D9D9;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    box-sizing: content-box;
    position: relative;
}

.ze-new-service-information .ze-content .left-steps .steps-top div.point-show:after {
    display: inline-block;
    content: " ";
    width: 32px;
    height: 32px;
    background: #fff;
    background-image: url("../img/s-icon-success2.svg");
    background-repeat: no-repeat;
    background-position: center center;
    border: 2px solid #002035;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}

.ze-new-service-information .ze-content .left-steps .steps-top div.active {
    width: 32px;
    height: 32px;
    background: #002035;
    box-shadow: 0px 4px 8px 0px rgba(0, 32, 53, 0.1);
    border: 4px solid #FFFFFF;
}

.ze-new-service-information .ze-content .left-steps .steps-main {
    width: 4px;
    flex: 1;
    transform: skewY(-30deg);
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

[dir=ltr] .ze-new-service-information .ze-content .left-steps .steps-main {
    margin-left: 244px;
}

[dir=rtl] .ze-new-service-information .ze-content .left-steps .steps-main {
    margin-right: 240px;
}

.ze-new-service-information .ze-content .left-steps .steps-main.active {
    width: 4px;
    transform: skewY(-30deg);
    border-left: 1px solid #002035;
    border-bottom: 1px solid #002035;
}

[dir=ltr] .ze-new-service-information .ze-content .left-steps .steps-main.active {
    margin-left: 244px;
}

[dir=rtl] .ze-new-service-information .ze-content .left-steps .steps-main.active {
    margin-right: 240px;
}

.ze-new-service-information .ze-content .left-steps .steps-footer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 40px;
}

[dir=ltr] .ze-new-service-information .ze-content .left-steps .steps-footer {
    padding-right: 44px;
}

[dir=rtl] .ze-new-service-information .ze-content .left-steps .steps-footer {
    padding-left: 44px;
}

.ze-new-service-information .ze-content .left-steps .steps-footer div {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background: #D9D9D9;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    box-sizing: content-box;
}

.ze-new-service-information .ze-content .left-steps .steps-footer div.active {
    width: 32px;
    height: 32px;
    background: #002035;
    box-shadow: 0px 4px 8px 0px rgba(0, 32, 53, 0.1);
    border: 4px solid #FFFFFF;
}

.ze-new-service-information .form-group > div.input-group{
    width: 400px;
}

.ze-new-service-information .form-group:nth-child(1) > div.input-group {
    width: 360px;
}

#ADSL_NUMBER,#ADSL_BILL,#MEDICAL_REPORT,#MEDICAL_REPORT_NEW {
    width: 400px;
}

#ADSL_NUMBER input{
    border-radius: 12px !important;
}

.new-salam-tv .ze-new-service-information .form-group:nth-child(1) > div.input-group.js-install-date{
    width: 400px;
}

.five-connection-main .ze-new-service-information .form-group:nth-child(1) > div.input-group {
    width: 400px;
}

.five-connection-main .ze-form-connent .form-group:nth-child(1) .input-group input {
    border-radius: 12px 0 0 12px !important;
}
.five-connection-main .ze-form-connent .form-group:nth-child(2) .input-group {
    width: 360px;
}
.five-connection-main .ze-form-connent .form-group:nth-child(2) .input-group input {
    border-radius: 12px 0 0 12px !important;
}
.five-connection-main .ze-form-connent .form-group:nth-child(2) button{
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 0 12px 12px 0;
    background: rgba(0, 0, 0, 0.03);
}
[dir=ltr] .five-connection-main .ze-form-connent .form-group:nth-child(3) .input-group input {
    border-radius: 12px !important;
}
.five-connection-main .ze-form-connent .form-group:nth-child(4) .input-group {
    width: 195px;
}
.five-connection-main .ze-form-connent .form-group:nth-child(4) > div.input-group:nth-child(3) {
    margin: 0 10px;
}
.five-connection-main .ze-form-connent .form-group:nth-child(4) > div.input-group .js-open-google-map{
    width: 132px;
    border-radius: 12px;
    border: 2px solid #00F000;
}

.new-five-connection-main .ze-new-service-information .form-group:nth-child(1) > div.input-group {
    width: 400px;
}

.new-five-connection-main .ze-form-connent .form-group:nth-child(1) .input-group input {
    border-radius: 12px 0 0 12px !important;
}

.new-five-connection-main .ze-form-connent .form-group:nth-child(2) .input-group {
    width: 195px;
}
.new-five-connection-main .ze-form-connent .form-group:nth-child(2) > div.input-group:nth-child(3) {
    margin: 0 10px;
}
.new-five-connection-main .ze-form-connent .form-group:nth-child(2) > div.input-group .js-open-google-map{
    width: 132px;
    border-radius: 12px;
    border: 2px solid #00F000;
}

.ze-new-service-information .form-group:nth-child(1) > button {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.03);
    border: none;
}

[dir=ltr] .ze-new-service-information .form-group:nth-child(1) > button {
    padding: 1px 10px 1px 2px;
    border-radius: 0 12px 12px 0 !important;
}

[dir=rtl] .ze-new-service-information .form-group:nth-child(1) > button {
    padding: 1px 2px 1px 10px;
    border-radius: 12px 0 0 12px !important;
}

[dir=ltr] .ze-new-service-information .form-group:nth-child(1) > div.input-group > input,
[dir=ltr] .ze-new-service-information .form-group:nth-child(3) > div.input-group > input,
[dir=ltr] .ze-new-service-information .form-group > div:nth-child(3).input-group > input:nth-of-type(3){
    border-radius: 12px 0 0 12px !important;
}

[dir=rtl] .ze-new-service-information .form-group:nth-child(1) > div.input-group > input,
[dir=rtl] .ze-new-service-information .form-group:nth-child(3) > div.input-group > input,
[dir=rtl] .ze-new-service-information .form-group > div:nth-child(3).input-group > input:nth-of-type(3){
    border-radius: 0 12px 12px 0 !important;
}

.ze-new-service-information .form-group {
    display: flex;
    margin-bottom: 20px;
}

.ze-new-service-information .form-group > label {
    width: 151px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    height: 40px;
    line-height: 40px;
    padding-top: 0 !important;
}

[dir=ltr] .ze-new-service-information .form-group > label {
    text-align: right;
    margin-right: 24px;
}

[dir=rtl] .ze-new-service-information .form-group > label {
    text-align: left;
    margin-left: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=ltr] .ze-new-service-information .form-group .ze-example {
    height: 40px;
    margin-left: 16px;
    line-height: 40px;
}

[dir=rtl] .ze-new-service-information .form-group .ze-example {
    height: 40px;
    margin-right: 16px;
    line-height: 40px;
}

[dir=ltr] .input-group span.input-group-addon {
    padding: 6px 16px 6px 8px;
    border-radius: 0 12px 12px 0;
    background: rgba(0, 0, 0, 0.03);
    border: none;
}

[dir=rtl] .input-group span.input-group-addon {
    padding: 6px 8px 6px 16px;
    border-radius: 12px 0 0 12px;
    background: rgba(0, 0, 0, 0.03);
    border: none;
}

.ze-provider .input-group span.input-group-addon {
    width: 48px;
}

[dir=ltr] .ze-form-connent .form-group:nth-child(4) > .input-group > .input-group > input,
[dir=ltr] .new-salam-tv .ze-form-connent .form-group:nth-child(2) > .input-group > .input-group > input{
    border-radius: 12px 0 0 12px !important;
}

[dir=rtl] .ze-form-connent .form-group:nth-child(4) > .input-group > .input-group > input,
[dir=rtl] .new-salam-tv .ze-form-connent .form-group:nth-child(2) > .input-group > .input-group > input{
    border-radius: 0 12px 12px 0 !important;
}

.ze-form-connent .form-group:nth-child(4) .form-control-feedback {
    width: 40px;
    height: 40px;
    line-height: 40px;
    left: 334px !important;
}

[dir=ltr] .ze-form-connent .form-group:nth-child(4) .input-group-addon {
    border-radius: 0 12px 12px 0 !important;
}

[dir=rtl] .ze-form-connent .form-group:nth-child(4) .input-group-addon {
    border-radius: 12px 0 0 12px !important;
}

.ze-form-connent .form-group:nth-child(4) .input-group-addon {
    border: none !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
}

.ze-form-connent .form-group:nth-child(4) .input-group-addon span {
    color: #F6F6F6;
}

.ze-content-right .ze-mask-layer {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.75);
}

.ze-content-right .ze-mask-layer img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.ze-content-right .ze-mask-layer img:nth-child(2) {
    position: absolute;
    top: 85%;
    cursor: pointer;
}

.tooltip-inner {
    background: rgba(0, 0, 0, 0.75) !important;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #FFFFFF;
    border-radius: 8px;
    height: revert !important;
    padding: 6px 8px !important;
}
[dir=rtl] .tooltip-inner {font-family: FrutigerLTArabic-65Bold;}
.tooltip.top-left .tooltip-arrow {
    border-top-color: rgba(0, 0, 0, 0.75) !important;
}

.tooltip .tooltip-inner {
    min-width: 270px !important;
}

.ze-content-right .ze-but-list .js-cancel {
    font-family: ModernEra-Light, ModernEra;
}
[dir=rtl] .ze-content-right .ze-but-list .js-cancel {font-family: FrutigerLTArabic-65Bold;}
[dir=ltr] .ze-content-right .ze-but-list {
    margin-left: 227px;
    margin-top: auto;
    margin-bottom: 48px;
}

[dir=rtl] .ze-content-right .ze-but-list {
    margin-right: 174px;
    margin-top: 262px;
    margin-bottom: 48px;
}

.ze-webpage-container .ze-check-box-label {
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .ze-webpage-container .ze-check-box-label {
    float: left;
    margin-left: 8px !important;
}

[dir=rtl] .ze-webpage-container .ze-check-box-label {
    float: right;
    margin-right: 8px !important;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-webpage-container .ze-credit-card-sadad-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 400px;
}

.ze-webpage-container .ze-credit-card-sadad {
    width: 192px;
    height: 110px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 16px;
    position: relative;
}

.ze-webpage-container .ze-credit-card-sadad img:nth-of-type(1) {
    width: 82px;
    height: 58px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.ze-border-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 192px;
    height: 110px;
    display: none;
    border-radius: 16px;
    border: 2px solid #00F000;
    background: url("../img/s-card-Selected.svg") no-repeat 100% -2px;
}

.ze-webpage-container .ze-credit-card-sadad.ze-selected div {
    display: block;
}

.ze-webpage-container .ze-credit-card-sadad p {
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    text-align: center;
    margin: 0;
    margin-top: 58px;
}
[dir=rtl] .ze-webpage-container .ze-credit-card-sadad p {font-family: FrutigerLTArabic-65Bold;}
[dir=ltr] .ze-webpage-container .ze-payment-options .input-group > input {
    border-radius: 12px 0 0 12px !important;
}

[dir=rtl] .ze-webpage-container .ze-payment-options .input-group > input {
    border-radius: 0 12px 12px 0 !important;
}

.ze-webpage-container .ze-payment-options .input-group > span:nth-of-type(1) {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.ze-webpage-container .ze-new-service-information .form-group > div.ze-code input {
    border-radius: 12px !important;
}

[dir=ltr] .ze-webpage-container .icon-info {
    margin-left: 8px;
    margin-top: 10px;
}

[dir=rtl] .ze-webpage-container .icon-info {
    margin-right: 8px;
    margin-top: 10px;
}

.ze-webpage-container .icon-info img {
    width: 20px;
    height: 20px;
}

.ze-webpage-container .ze-new-service-information .form-group > div.ze-period {
    font-size: 14px !important;
    font-family: Gotham-Book, Gotham !important;
    font-weight: normal !important;
    color: rgba(0, 0, 0, 0.75) !important;
    line-height: 40px !important;
}

[dir=ltr] .ze-webpage-container .ze-new-service-information .js-preview-installment {
    margin-left: 170px;
    font-family: ModernEra-Light, ModernEra;
}

[dir=rtl] .ze-webpage-container .ze-new-service-information .js-preview-installment {
    margin-right: 170px;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=rtl] .ze-webpage-container .ze-new-service-information .form-group > div.service-conditions {
    display: flex;
    width: 265px;
    margin-left: 0 !important;
    margin-right: 198px !important;
}

.ze-webpage-container .ze-new-service-information .form-group > div.ze-service-fee {
    line-height: 40px !important;
}

.ze-webpage-container .ze-new-service-information .form-group > div.ze-service-fee span:nth-child(1) {
    font-size: 16px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .ze-webpage-container .ze-new-service-information .form-group > div.ze-service-fee span:nth-child(1) {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.ze-webpage-container .ze-new-service-information .form-group > div.ze-service-fee span:nth-child(2) {
    font-size: 12px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    margin-left: 2px;
    margin-right: 2px;
}
[dir=rtl] .ze-webpage-container .ze-new-service-information .form-group > div.ze-service-fee span:nth-child(2) {font-family: FrutigerLTArabic-65Bold;}
.ze-webpage-container .ze-new-service-information .form-group > div.ze-service-fee span:nth-child(3) {
    font-size: 12px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .ze-webpage-container .ze-new-service-information .form-group > div.ze-service-fee span:nth-child(3) {font-family: FrutigerLTArabic-65Bold;}
.ze-webpage-container .ze-new-service-information .ze-payment-options span.form-control-feedback {
    left: 332px !important;
}

.ze-webpage-container input[type=checkbox] {
    cursor: pointer;
    position: relative;
    margin: 0;
}

.ze-webpage-container input[type=checkbox]::after {
    position: absolute;
    top: 11px;
    left: -1.5px;
    background-color: #fff;
    color: #fff;
    width: 16px;
    height: 16px;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: center;
    content: ' ';
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.ze-webpage-container input[type=checkbox]:disabled::after {
    background-color: #cecece;
    /*background-color: #B1D5C5;*/
}

.ze-webpage-container input[type=checkbox]:checked::after {
    content: "";
    border: none;
    background: linear-gradient(225deg, #3BE97A 0%, #00A11A 100%);
}

.ze-webpage-container input[type=checkbox]:checked::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 4px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    z-index: 1;
}

.ze-content-right .ze-content-right-top > div {
    width: 100%;
    height: 96px;
    background: url("../img/s-icon-Success.svg") no-repeat center center;
}

.ze-content-right .ze-content-right-top p:nth-of-type(1) {
    width: 100%;
    font-size: 16px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    text-align: center;
    margin: 0;
    margin-top: 13px;
}
[dir=rtl] .ze-content-right .ze-content-right-top p:nth-of-type(1) {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.ze-content-right .ze-content-right-top p:nth-of-type(2) {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    margin: 0;
    margin-top: 9px;
}
[dir=rtl] .ze-content-right .ze-content-right-top p:nth-of-type(2) {font-family: FrutigerLTArabic-65Bold;}
.ze-content-right .ze-content-right-bottom {
    display: flex;
    width: 794px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 24px;
    overflow: hidden;
    margin-top: 32px;
    padding: 37px 48px;
}

.ze-info-list-left-right form {
}

.ze-info-list-left-right .form-group {
    display: flex;
    margin-bottom: 18px;
}

.ze-info-list-left-right .form-group:last-child {
    margin-bottom: 0;
}

.ze-info-list-left-right .form-group label {
    width: 151px;
    margin: 0;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    height: revert;
    line-height: revert;
    padding-top: 0 !important;
}

[dir=ltr] .ze-info-list-left-right .form-group label {
    text-align: right;
    margin-right: 16px;
}

[dir=rtl] .ze-info-list-left-right .form-group label {
    text-align: left;
    margin-left: 16px;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-info-list-left-right .form-group > div {
    width: 170px;
    align-self: center;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    padding-top: 0 !important;
}

[dir=ltr] .ze-info-list-left-right .form-group > div {
    text-align: left;
}

[dir=rtl] .ze-info-list-left-right .form-group > div {
    text-align: right;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-content-left .ze-upgrade > div:nth-child(1):after, .ze-content-left .ze-upgrade > div:nth-child(2):after {
    height: 167px !important;
}

.ze-content-left .ze-upgrade > div:nth-child(1), .ze-content-left .ze-upgrade > div:nth-child(2) {
    margin-bottom: 145px;
}

.ze-customer-rofile {
    width: 1200px;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    padding: 0px 48px 48px 48px;
}

.ze-customer-rofile .ze-title {
    font-size: 20px;
    line-height: 92px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background: url("../img/bg-card.svg") no-repeat;
}
[dir=rtl] .ze-customer-rofile .ze-title {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.ze-customer-rofile .ze-content {
    width: 100%;
    padding-top: 23px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.ze-customer-rofile .ze-content .ze-referral-campaign {
    width: 100%;
    height: 358px;
    padding: 32px 48px 48px 48px;
    background: #002035;
    box-shadow: 0px 8px 32px 0px rgba(0, 32, 53, 0.3);
    border-radius: 24px;
}

[dir=ltr] .ze-customer-rofile .ze-content .ze-referral-campaign {
    background: url("../img/sal-bg-right-Referralcampaign.png") no-repeat;
}

[dir=rtl] .ze-customer-rofile .ze-content .ze-referral-campaign {
    background: url("../img/sal-bg-left-Referralcampaign.png") no-repeat;
}
[dir=rtl] .ze-customer-rofile .ze-content .ze-referral-campaign img.title-left-img{
    display: none;
}
[dir=rtl] .ze-customer-rofile .ze-content .ze-referral-campaign img.title-right-img{
    display: block !important;
}
.ze-referral-campaign p {
    width: 226px;
    height: 81px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.8);
    line-height: 20px;
    margin: 0;
    margin-top: 20px;
    position: relative;
}
[dir=rtl] .ze-referral-campaign p {font-family: FrutigerLTArabic-65Bold;}
.ze-referral-campaign-but {
    width: 320px;
    height: 48px;
    margin-top: 52px !important;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    border: 2px solid #FFFFFF;
    font-size: 16px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #FFFFFF;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    transition: text-indent 0.3s linear;
    -webkit-transition: text-indent 0.3s linear;
}

[dir=ltr] .ze-referral-campaign-but {
    padding-left: 24px;
    text-align: left;
}

[dir=rtl] .ze-referral-campaign-but {
    padding-right: 24px;
    text-align: right;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

[dir=ltr] .ze-proceed-payment-but:hover {
    transition: text-indent 0.3s linear;
    -webkit-transition: text-indent 0.3s linear;
}

[dir=rtl] .ze-proceed-payment-but:hover {
    transition: text-indent 0.3s linear;
    -webkit-transition: text-indent 0.3s linear;
}

[dir=ltr] .ze-proceed-payment-but:hover {
    text-indent: 8px;
}

[dir=rtl] .ze-proceed-payment-but:hover {
    text-indent: 8px;
}

.ze-referral-campaign-but .ze-circle {
    border: none;
    background: rgba(255, 255, 255, 0.2);
    width: 192px;
    height: 192px;
    position: absolute;
    top: -44px;
    border-radius: 50%;
    transition: transform 0.3s linear;
    -webkit-transition: transform 0.3s linear;
}

[dir=ltr] .ze-referral-campaign-but .ze-circle {
    right: -119px;
}

[dir=rtl] .ze-referral-campaign-but .ze-circle {
    left: -119px;
}

.ze-referral-campaign-but:hover .ze-circle {
    transform: scale(4);
    -webkit-transform: scale(4);
}

.ze-referral-campaign-but:after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
}

[dir=ltr] .ze-referral-campaign-but:after {
    background: url(../img/icon-arrrow-right.svg) no-repeat center center;
    right: 24px;
    top: 12px;
    transition: right 0.3s linear;
    -webkit-transition: right 0.3s linear;
}

[dir=rtl] .ze-referral-campaign-but:after {
    background: url(../img/icon-arrrow-left.svg) no-repeat center center;
    left: 24px;
    top: 10px;
    transition: left 0.3s linear;
    -webkit-transition: left 0.3s linear;
}

[dir=ltr] .ze-referral-campaign-but:hover {
    text-indent: 8px;
}

[dir=rtl] .ze-referral-campaign-but:hover {
    text-indent: 8px;
}

[dir=ltr] .ze-referral-campaign-but:hover:after {
    right: 32px;
}

[dir=rtl] .ze-referral-campaign-but:hover:after {
    left: 32px;
}

.ze-customer-info {
    display: flex;
    margin-top: 32px;
}

.ze-customer-info form {
    width: 368px !important;
}

.ze-customer-info form .form-group {
    display: flex;
    line-height: 40px !important;
    margin-bottom: 6px;
}

[dir=ltr] .ze-customer-info .form-group label {
    width: 186px !important;
    margin-right: 24px !important;
}

[dir=rtl] .ze-customer-info .form-group label {
    width: 186px !important;
    margin-left: 24px !important;
}

[dir=ltr] .ze-bg-mobile-umber img, [dir=ltr] .ze-bg-email-address img {
    width: 16px;
    height: 16px;
    margin-left: 8px;
}

[dir=rtl] .ze-bg-mobile-umber img, [dir=rtl] .ze-bg-email-address img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

[dir=ltr] .ze-bg-mobile-umber-input input, [dir=ltr] .ze-bg-email-address-input input {
    width: 118px !important;
    border-radius: 12px 0 0 12px !important;
    float: left;
    height: 40px !important;
}

[dir=rtl] .ze-bg-mobile-umber-input input, [dir=rtl] .ze-bg-email-address-input input {
    width: 118px !important;
    border-radius: 0 12px 12px 0 !important;
    float: right;
    height: 40px !important;
}

.ze-bg-mobile-umber-input button, .ze-bg-email-address-input button {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.03);
    border: none;
}

[dir=ltr] .ze-bg-mobile-umber-input button, [dir=ltr] .ze-bg-email-address-input button {
    float: left;
    border-radius: 0 12px 12px 0 !important;
}

[dir=rtl] .ze-bg-mobile-umber-input button, [dir=rtl] .ze-bg-email-address-input button {
    float: right;
    border-radius: 12px 0 0 12px !important;
}

.ze-xwraaq {
    display: inline-block;
    width: 113px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    font-size: 16px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #FFFFFF;
    top: 12px;
    position: absolute;
}

[dir=ltr] .ze-xwraaq {
    right: -120px;
}

[dir=rtl] .ze-xwraaq {
    left: -120px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.ze-pop-customer-profile {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
}

.ze-pop-customer-profile .ze-refer-code {
    width: 500px;
    height: 472px;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    padding: 32px 48px;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.ze-refer-code .title, .ze-credit-card-pop-inner .title, .ze-service-detail-inner .title {
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .ze-refer-code .title, .ze-credit-card-pop-inner .title, .ze-service-detail-inner .title {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
[dir=ltr] .ze-refer-code .title img, [dir=ltr] .ze-credit-card-pop-inner .title img, [dir=ltr] .ze-service-detail-inner .title img {
    width: 24px;
    height: 24px;
    float: right;
}

[dir=rtl] .ze-refer-code .title img, [dir=rtl] .ze-credit-card-pop-inner .title img, [dir=rtl] .ze-service-detail-inner .title img {
    width: 24px;
    height: 24px;
    float: left;
}

.ze-refer-code p:nth-of-type(1) {
    margin-top: 56px;
}

.ze-refer-code p:nth-of-type(2) {
    margin-top: 16px;
}

.ze-refer-code p {
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .ze-refer-code p {font-family: FrutigerLTArabic-65Bold;}
.ze-refer-code-content {
    width: 100%;
    height: 154px;
    padding: 16px 24px;
    margin-top: 16px;
    border-radius: 24px;
    background: rgba(0, 0, 0, 0.03);
}

.ze-refer-code-content .form-control.js-content {
    height: auto;
    padding: 0;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    border: none;
    background: none;
}
[dir=rtl] .ze-refer-code-content .form-control.js-content {font-family: FrutigerLTArabic-65Bold;}
[dir=ltr] .ze-refer-code button {
    margin-top: 33px;
    float: right;
}

[dir=rtl] .ze-refer-code button {
    margin-top: 33px;
    float: left;
}

.service-number input {
    background: transparent !important;
}

[dir=ltr] .service-number .input-group {
    margin-left: -12px;
}

[dir=rtl] .service-number .input-group {
    margin-right: -12px;
}

.service-number .input-group-addon {
    background: transparent !important;
}

.service-number:hover .input-group-addon, .service-number:hover input {
    background: rgba(0, 0, 0, 0.03) !important;
}

.service-number > p {
    margin: 0;
    height: 24px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    line-height: 24px;
}
[dir=rtl] .service-number > p {font-family: FrutigerLTArabic-65Bold;}
.ze-footer-container > div {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    font-size: 12px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    margin: 0 auto;
    line-height: 60px;
    color: rgba(255, 255, 255, 0.85);
}
[dir=rtl] .ze-footer-container > div {font-family: FrutigerLTArabic-65Bold;}
.ze-footer-container .ze-footer-container-right ul {
    display: flex;
}

[dir=ltr] .ze-footer-container .ze-footer-container-right ul li {
    margin-left: 24px;
}

[dir=rtl] .ze-footer-container .ze-footer-container-right ul li {
    margin-right: 24px;
}

.ze-footer-container .ze-footer-container-right ul li a {
    color: rgba(255, 255, 255, 0.8);
}

.ze-main-bg-card {
    width: 100%;
    height: 102px;
    background: url("../img/bg-card.svg") no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

.ze-credit-card-pop, .ze-service-detail-pop {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
}

.ze-credit-card-pop-inner, .ze-service-detail-inner {
    width: 648px;
    min-height: 492px;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 48px 32px 48px;
}

.ze-credit-card-pop-inner .ze-credit-card-information, .ze-service-detail-inner .ze-service-detail {
    padding-top: 23px;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    margin-top: 30px;
}

.ze-credit-card-information .form-group > label {
    width: 167px;
    height: 40px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    line-height: 40px;
    padding-top: 0 !important;
}

[dir=ltr] .ze-credit-card-information .form-group > label {
    text-align: right;
    margin-right: 24px;
    float: left;
}

/* credit card details 弹框中radio设置 */
[dir=ltr] .ze-credit-card-information .form-group .ze-control-label.save-as-default-label,
.ze-credit-card-information .form-group .ze-control-label.one-time-use-label
{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 240px;
}
[dir=ltr] .ze-credit-card-information .form-group .ze-control-label.save-as-default-label input[type="radio"],
.ze-credit-card-information .form-group .ze-control-label.one-time-use-label input[type="radio"]
{
    margin: 0px;
}

[dir=rtl] .ze-credit-card-information .form-group > label {
    text-align: left;
    margin-left: 24px;
    float: right;
    font-family: FrutigerLTArabic-65Bold;
}
/* credit card details 弹框中radio设置 */
[dir=rtl] .ze-credit-card-information .form-group .ze-control-label.save-as-default-label,
.ze-credit-card-information .form-group .ze-control-label.one-time-use-label
{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 240px;
}
[dir=rtl] .ze-credit-card-information .form-group .ze-control-label.save-as-default-label input[type="radio"],
.ze-credit-card-information .form-group .ze-control-label.one-time-use-label input[type="radio"]
{
    margin: 0px;
}

[dir=ltr] .ze-credit-card-information .form-group > div.input-group {
    width: 361px;
    float: left;
}

[dir=rtl] .ze-credit-card-information .form-group > div.input-group {
    width: 361px;
    float: right;
}

.ze-credit-card-information .form-group .input-group input {
    height: 40px;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.75) !important;
    font-family: Gotham-Book, Gotham !important;
    font-weight: normal !important;
    background: rgba(0, 0, 0, 0.03) !important;
    border: none !important;
}

.ze-credit-card-information .form-group .input-group input:focus {
    box-shadow: none !important;
}

[dir=ltr] .ze-credit-card-information .form-group .input-group.ze-select input {
    border-radius: 12px 0 0 12px !important;

}

[dir=rtl] .ze-credit-card-information .form-group .input-group.ze-select input {
    border-radius: 0 12px 12px 0 !important;

}

.ze-credit-card-information .form-group {
    height: 40px !important;
    margin-bottom: 20px !important;
}

.ze-credit-card-information .form-group:last-child {
    margin-bottom: 0px !important;
}

.ze-credit-card-information .form-group .input-group.ze-select span.form-clear-input {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

[dir=ltr] .ze-credit-card-information .form-group .input-group.ze-select span.form-clear-input {
    left: 296px !important;
}

[dir=rtl] .ze-credit-card-information .form-group .input-group.ze-select span.form-clear-input {
    right: 296px !important;
}

.ze-credit-card-information .form-group:nth-child(1) > div {
    font-size: 14px !important;
    font-family: Gotham-Book, Gotham !important;
    font-weight: normal !important;
    color: rgba(0, 0, 0, 0.75) !important;
    line-height: 40px !important;
}

.ze-credit-card-pop .ze-credit-card-pop-inner .ze-btn {
    font-size: 14px;
    font-family: ModernEra-Bold, ModernEra;
    cursor: pointer;
}
[dir=rtl] .ze-credit-card-pop .ze-credit-card-pop-inner .ze-btn {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.ze-credit-card-pop .ze-credit-card-pop-inner .ze-btn-primary {
    width: 128px;
    height: 40px;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border: none;
    border-radius: 12px;
    font-weight: bold;
    color: #005174;
}

.ze-credit-card-pop .ze-credit-card-pop-inner .ze-btn-primary:hover {
    background: linear-gradient(225deg, #3BE97A 0%, #00A11A 100%) rgba(255, 255, 255, 0.15);
}

.ze-credit-card-pop .ze-credit-card-pop-inner .ze-btn-primary:disabled {
    background: #E2E2E2;
    box-shadow: 0px 6px 12px 0px rgba(226, 226, 226, 0.2);
}

.ze-credit-card-pop .ze-credit-card-pop-inner .ze-btn-primary:pressed {
    background: linear-gradient(225deg, #3BE97A 0%, #00A11A 100%) rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 6px 0px rgba(0, 177, 64, 0.2);
}

.ze-credit-card-pop .ze-credit-card-pop-inner .ze-btn-text {
    width: 97px;
    height: 40px;
    border: none;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #00F000;
    background-color: #fff;
    border-radius: 12px;
    cursor: pointer;
}
[dir=rtl] .ze-credit-card-pop .ze-credit-card-pop-inner .ze-btn-text {font-family: FrutigerLTArabic-65Bold;}
.ze-credit-card-pop .ze-credit-card-pop-inner .ze-btn-text:hover {
    color: rgba(0, 177, 64, 0.85);
}

.ze-credit-card-pop .ze-credit-card-pop-inner .ze-btn-text:disabled {
    color: rgba(0, 177, 64, 0.7);
}

.ze-credit-card-pop .ze-credit-card-pop-inner .ze-btn-text:pressed {
    color: rgba(0, 177, 64, 0.9);
}

.ze-service-detail-pop {
    height: 700px !important;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    background: none !important;
}

.ze-service-detail-pop .ze-service-detail-inner {
    width: 500px;
    height: 709px;
    padding-top: 25px;
}
.ze-service-number-pop .ze-service-detail-inner {
    width: 636px;
    height: 728px;
    padding-right: 34px;
}
.ze-service-number-pop .ze-service-detail .ze-head {
    display: flex;
    width: 554px;
}
.ze-service-number-pop .ze-service-detail {
    padding-top: 19px;
}
.ze-service-number-pop .ze-service-detail .ze-body ul li {
    display: flex;
    box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.08);
}
.ze-service-number-pop .ze-service-detail .ze-body ul li:hover{
    background: rgba(0, 177, 64, 0.1);
    border-radius: 12px;
}
.ze-service-number-pop .ze-service-detail .ze-body ul li.active{
    background: rgba(0, 177, 64, 0.1);
    border-radius: 12px;
}
.ze-service-number-pop .ze-service-detail .ze-head > div,
.ze-service-number-pop .ze-service-detail .ze-body ul li > div{
    flex: 1;
}
.ze-service-number-pop .ze-service-detail-inner .ze-service-detail .search-wrap {
    display: flex;
    margin-bottom: 20px;
    justify-content: end;
}
.ze-service-number-pop .ze-service-detail-inner .ze-service-detail .search-wrap .input-group input {
    width: 249px;
    height: 40px;
    border: 0;
    border-radius: 12px 0 0 12px;
    background-color: rgba(0, 0, 0, 0.03);
}
.ze-service-number-pop .ze-service-detail-inner .ze-service-detail .form-control:focus {
    box-shadow: none;
}
.ze-service-number-pop .ze-service-detail-inner .ze-service-detail .search-wrap button {
    display: flow;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 0 12px 12px 0;
    background-color: rgba(0, 0, 0, 0.03);
}
.ze-service-number-pop .ze-service-detail-inner .ze-service-detail .search-wrap button .js-search {
    width: 20px;
    height: 20px;
}
.ze-service-detail-inner .ze-service-detail {
    padding-top: 23px;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    margin-top: 25px;
}

.ze-service-detail .ze-head {
    width: 404px;
    height: 40px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    padding: 13px 32px;
}

.ze-service-detail .ze-body ul li {
    height: 40px;
    padding: 13px 32px;
}

.ze-service-detail .ze-head > div, .ze-service-detail .ze-body ul li > div {
    width: 128px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}

[dir=ltr] .ze-service-detail .ze-head > div, [dir=ltr] .ze-service-detail .ze-body ul li > div {
    text-align: left;
    float: left;
}

[dir=rtl] .ze-service-detail .ze-head > div, [dir=rtl] .ze-service-detail .ze-body ul li > div {
    text-align: right;
    float: right;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-service-detail .ze-body {
    width: 404px;
    height: 480px;
    overflow-y: auto;
}
.ze-service-number-pop .ze-service-detail .ze-body {
    width: 554px;
    height: 400px;
}
.ze-service-number-pop .ze-service-detail-inner .ze-pagination {
    display: flex;
    justify-content: end;
}
.ze-service-number-pop .ze-service-detail-inner .ze-pagination .pagination li {
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 8px;
}
.ze-service-number-pop .ze-service-detail-inner .ze-pagination .pagination li.active a {
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    color: #005174;
}
.ze-service-number-pop .ze-service-detail-inner .ze-pagination .pagination li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 8px;
}
.ze-service-number-pop .ze-service-detail-inner .ze-pagination .pagination li.rowtext{
    margin-left: 16px;
}
.ze-service-number-pop .ze-service-detail-inner .ze-pagination .pagination li.rowtext span{
    display: flex;
    align-items: center;
    height: 32px;
    line-height: 0;
}
.ze-service-number-pop .ze-service-detail-inner .ze-pagination .pagination li.rowtext span  .ui-pagination{
    height: 20px;
    border: 0;
}
.ze-service-detail-pop .ze-btn {
    font-size: 14px;
    font-family: ModernEra-Bold, ModernEra;
    cursor: pointer;
}
[dir=rtl] .ze-service-detail-pop .ze-btn {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.ze-service-detail-pop .ze-btn-primary {
    width: 128px;
    height: 40px;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border: none;
    border-radius: 12px;
    font-weight: bold;
    color: #005174;
}

[dir=rtl] .ze-service-detail-pop .ze-service-detail-inner > div:nth-child(3) {
    float: left !important;
}

.ze-service-detail-pop .ze-btn-primary:hover {
    background: linear-gradient(225deg, #3BE97A 0%, #00A11A 100%) rgba(255, 255, 255, 0.15);
}

.ze-service-detail-pop .ze-btn-primary:disabled {
    background: #E2E2E2;
    box-shadow: 0px 6px 12px 0px rgba(226, 226, 226, 0.2);
}

.pay-container {
    width: 1200px;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.pay-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .pay-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.pay-container .main {
    display: flex;
    width: 1200px;
}

.main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
    padding: 36px 0 42px 0;
}

[dir=ltr] .main .left-steps {
    border-right: 1px solid #ebebeb;
}

[dir=rtl] .main .left-steps {
    border-left: 1px solid #ebebeb;
}

.main .left-steps .steps-top {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 40px;
}

[dir=ltr] .main .left-steps .steps-top {
    padding-right: 44px;
}

[dir=rtl] .main .left-steps .steps-top {
    padding-left: 44px;
}

.main .left-steps span {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.3);
}

[dir=ltr] .main .left-steps span {
    margin-right: 16px;
}

[dir=rtl] .main .left-steps span {
    margin-left: 16px;
    font-family: FrutigerLTArabic-65Bold;
}

.main .left-steps span.active {
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #002035;
}
[dir=rtl] .main .left-steps span.active {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.main .left-steps .steps-top div {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background: #D9D9D9;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    box-sizing: content-box;
    position: relative;
}

.main .left-steps .steps-top div.point-show:after {
    display: inline-block;
    content: " ";
    width: 32px;
    height: 32px;
    background: #fff;
    background-image: url("../img/s-icon-success2.svg");
    background-repeat: no-repeat;
    background-position: center center;
    border: 2px solid #002035;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}

.main .left-steps .steps-top div.active {
    width: 32px;
    height: 32px;
    background: #002035;
    box-shadow: 0px 4px 8px 0px rgba(0, 32, 53, 0.1);
    border: 4px solid #FFFFFF;
}

.main .left-steps .steps-main {
    width: 4px;
    flex: 1;
    transform: skewY(-30deg);
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

[dir=ltr] .main .left-steps .steps-main.step-downgrade {
    margin-right: 220px;
}

[dir=rtl] .main .left-steps .steps-main {
    margin-right: 240px;
}

/* downgrade流程 步骤条样式调整 */
[dir=ltr] .main .left-steps .steps-main {
    margin-left: 244px;
}
[dir=rtl] .main .left-steps .steps-main.step-downgrade {
    margin-right: 220px;
}

.main .left-steps .steps-main.active {
    width: 4px;
    transform: skewY(-30deg);
    border-left: 1px solid #002035;
    border-bottom: 1px solid #002035;
}

[dir=ltr] .main .left-steps .steps-main.active {
    margin-left: 244px;
}

[dir=rtl] .main .left-steps .steps-main.active {
    margin-right: 240px;
}

.main .left-steps .steps-footer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 40px;
}

[dir=ltr] .main .left-steps .steps-footer {
    padding-right: 44px;
}

[dir=rtl] .main .left-steps .steps-footer {
    padding-left: 44px;
}

.main .left-steps .steps-footer div {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background: #D9D9D9;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    box-sizing: content-box;
}

.main .left-steps .steps-footer div.active {
    width: 32px;
    height: 32px;
    background: #002035;
    box-shadow: 0px 4px 8px 0px rgba(0, 32, 53, 0.1);
    border: 4px solid #FFFFFF;
}

.pay-container .main .right {
    display: flex;
    flex-direction: column;
    width: 890px;
    padding-bottom: 48px;
}

.pay-container .main .right label {
    display: inline-block;
    width: 125px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .pay-container .main .right label {
    margin-right: 24px;
    text-align: right;
}

[dir=rtl] .pay-container .main .right label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

.pay-container .main .right .right-top {
    display: flex;
    justify-content: center;
    width: 549px;
}

[dir=ltr] .pay-container .main .right .right-top {
    margin: 32px 0 20px 128px;
}

[dir=rtl] .pay-container .main .right .right-top {
    margin: 32px 128px 20px 0;
}

.pay-container .main .right .right-top .label-pay {
    height: 97px;
    padding-top: 13px;
    line-height: 17px;
}

.pay-container .main .right .right-top .credit-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.pay-container .main .right .right-top .select-show.active {
    padding-top: 11px;
    border-radius: 16px;
    background-image: url("../img/s-card-Selected.svg");
    background-position: 100% -1px;
    background-repeat: no-repeat;
    border: 2px solid #00F000;
    box-sizing: border-box;
}

.pay-container .main .right .right-top .credit-card .span-card {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .pay-container .main .right .right-top .credit-card .span-card {font-family: FrutigerLTArabic-65Bold;}
.pay-container .main .right .right-top .sadad {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.pay-container .main .right .right-top .sadad .span-sadad {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .pay-container .main .right .right-top .sadad .span-sadad {font-family: FrutigerLTArabic-65Bold;}
.pay-container .main .right .right-center-fee {
    width: 570px;
    height: 40px;
    margin-bottom: 20px;
}
[dir=ltr] .pay-container .main .right .right-center-fee {
    margin-left: 128px;
}

[dir=rtl] .pay-container .main .right .right-center-fee {
    margin-right: 128px;
}

.pay-container .main .right .right-center-fee .span-num {
    font-size: 16px;
    line-height: 40px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .pay-container .main .right .right-center-fee .span-num {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.pay-container .main .right .right-center-fee .span-currency {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .pay-container .main .right .right-center-fee .span-currency {font-family: FrutigerLTArabic-65Bold;}
.pay-container .main .right .right-center-fee .span-explain {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .pay-container .main .right .right-center-fee .span-explain {font-family: FrutigerLTArabic-65Bold;}
.pay-container .main .right .right-center-number {
    width: 549px;
    height: 40px;
    margin-bottom: 20px;
}

[dir=ltr] .pay-container .main .right .right-center-number {
    margin-left: 128px;
}

[dir=rtl] .pay-container .main .right .right-center-number {
    margin-right: 128px;
}

.pay-container .main .right .right-center-number .number {
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .pay-container .main .right .right-center-number .number {font-family: FrutigerLTArabic-65Bold;}
.pay-container .main .right .right-center-code {
    display: flex;
    width: 570px;
    height: 40px;
    margin-bottom: 88px;

}

[dir=ltr] .pay-container .main .right .right-center-code {
    margin-left: 128px;

}

[dir=rtl] .pay-container .main .right .right-center-code {
    margin-right: 128px;

}

.pay-container .main .right .input-group > input {
    display: inline-block;
    width: 256px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    border: none;
    outline: none;
}

[dir=ltr] .pay-container .main .right .input-group > input {
    padding-left: 24px;
}

[dir=rtl] .pay-container .main .right .input-group > input {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.pay-container .button-sendCode {
    height: 40px;
    font-size: 14px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #00F000;
    outline: none;
    cursor: pointer;
    border: 1.5px solid #00F000;
    background: none;
    border-radius: 12px;
}

[dir=ltr] .pay-container .button-sendCode {
    width: 128px;
}

[dir=rtl] .pay-container .button-sendCode {
    width: 138px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.pay-container .main .right .right-button {
    width: 549px;
    height: 40px;
}

.pay-container .button-pay {
    width: 128px;
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border: none;
    outline: none;
}

[dir=ltr] .pay-container .button-pay {
    margin: 0 8px 0 277px;
}

[dir=rtl] .pay-container .button-pay {
    margin: 0 277px 0 8px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.pay-container .button-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    color: #00F000;
    border: none;
    border-radius: 12px;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .pay-container .button-cancel {font-family: FrutigerLTArabic-65Bold;}
/*支付结果页面*/
.paid-container {
    width: 1200px;
    height: 583px;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.paid-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .paid-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.paid-container .main {
    display: flex;
    width: 1200px;
    height: 498px;
}

.paid-container .main .right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 890px;
    height: 498px;
}

.paid-container .main .right .right-top .done-transaction {
    margin: 16px 0 32px 0;
    font-size: 16px;
    line-height: 19px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .paid-container .main .right .right-top .done-transaction {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.paid-container .main .right .right-center {
    display: flex;
    flex-wrap: wrap;
    width: 794px;
    height: 170px;
    margin-bottom: 48px;
    padding: 28px 40px 28px 24px;
    background: #f7f7f7;
    border-radius: 24px;
    box-sizing: border-box;
}

[dir=ltr] .paid-container .main .right .right-center > div {
    display: flex;
    height: 38px;
    margin-left: 24px;
}

[dir=rtl] .paid-container .main .right .right-center > div {
    display: flex;
    height: 38px;
    margin-right: 24px;
}

.paid-container .main .right .right-center label {
    width: 151px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .paid-container .main .right .right-center label {
    margin: 0 16px 0 0;
    text-align: right;
}

[dir=rtl] .paid-container .main .right .right-center label {
    margin: 0 0 0 16px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

/*freeze-orderInformation 页面样式*/
.freeze-orderInf-container {
    width: 1200px;
    height: 621px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.freeze-orderInf-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .freeze-orderInf-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.freeze-orderInf-container .main {
    display: flex;
    width: 1200px;
    height: 536px;
}

.freeze-orderInf-container .main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
    height: 536px;
}

.freeze-orderInf-container .main .right {
    display: flex;
    flex-direction: column;
    width: 890px;
    height: 536px;
    position: relative;
}

.freeze-orderInf-container .main .right label {
    display: inline-block;
    width: 132px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .freeze-orderInf-container .main .right label {
    margin-right: 24px;
    text-align: right;
}
[dir=rtl] .paid-container .main .right .right-center span {font-family: FrutigerLTArabic-65Bold;}
[dir=rtl] .freeze-orderInf-container .main .right label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=ltr] .freeze-orderInf-container .main .right .right-top {
    display: flex;
    height: 110px;
    margin: 32px 0 0 128px;
}

[dir=rtl] .freeze-orderInf-container .main .right .right-top {
    display: flex;
    height: 110px;
    margin: 32px 128px 0 0;
}

.freeze-orderInf-container .main .right .right-top .form-group {
    margin-bottom: 20px;
}

.freeze-orderInf-container .main .right .right-top .input-group {
    width: 400px;
    height: 40px;
}

.freeze-orderInf-container .main .right .right-top .input-group .form-control {
    height: 40px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.3);
    background: #f7f7f7;
    border: none;
    box-sizing: border-box;
}

[dir=ltr] .freeze-orderInf-container .main .right .right-top .input-group .form-control {
    border-radius: 12px 0 0 12px;
}

[dir=rtl] .freeze-orderInf-container .main .right .right-top .input-group .form-control {
    border-radius: 0 12px 12px 0;
    font-family: FrutigerLTArabic-65Bold;
}

.freeze-orderInf-container .main .right .right-top .input-group .form-control:focus {
    box-shadow: none;
}

.freeze-orderInf-container .main .right .right-top .input-group .input-group-addon {
    background: #f7f7f7;
    border: none;
    box-sizing: border-box;
}

[dir=ltr] .freeze-orderInf-container .main .right .right-top .input-group .input-group-addon {
    border-radius: 0 12px 12px 0;
}

[dir=rtl] .freeze-orderInf-container .main .right .right-top .input-group .input-group-addon {
    border-radius: 12px 0 0 12px;
}

.freeze-orderInf-container .main .right .right-top .input-group .glyphicon-calendar:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    content: " ";
    background: url("../img/icon-date.png") no-repeat center center;
}

[dir=ltr] .freeze-orderInf-container .main .right .right-center-period {
    width: 549px;
    height: 40px;
    margin: 0 0 256px 128px;
}

[dir=rtl] .freeze-orderInf-container .main .right .right-center-period {
    width: 549px;
    height: 40px;
    margin: 0 128px 256px 0;
}

.freeze-orderInf-container .main .right .right-center-period .period {
    font-size: 16px;
    line-height: 40px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .freeze-orderInf-container .main .right .right-center-period .period {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.freeze-orderInf-container .main .right .right-center-period .days {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .freeze-orderInf-container .main .right .right-center-period .days {font-family: FrutigerLTArabic-65Bold;}
.freeze-orderInf-container .main .right .right-button {
    width: 549px;
    height: 40px;
}

.freeze-orderInf-container .button-pay {
    width: 128px;
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border: none;
    outline: none;
}

[dir=ltr] .freeze-orderInf-container .button-pay {
    margin: 0 8px 0 277px;
}

[dir=rtl] .freeze-orderInf-container .button-pay {
    margin: 0 277px 0 8px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.freeze-orderInf-container .button-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    color: #00F000;
    border: none;
    border-radius: 12px;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .freeze-orderInf-container .button-cancel {font-family: FrutigerLTArabic-65Bold;}
/*freeze-confirmorder 页面样式*/
.freeze-confirm-container {
    width: 1200px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.freeze-confirm-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .freeze-confirm-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.freeze-confirm-container .main {
    display: flex;
    width: 1200px;
}

.freeze-confirm-container .main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
}

.freeze-confirm-container .main .right {
    display: flex;
    flex-direction: column;
    width: 890px;
    padding-bottom: 48px;
    position: relative;
}

.freeze-confirm-container .main .right label {
    display: inline-block;
    width: 125px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .freeze-confirm-container .main .right label {
    margin-right: 24px;
    text-align: right;
}

[dir=rtl] .freeze-confirm-container .main .right label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

.freeze-confirm-container .main .right .right-top {
    display: flex;
    justify-content: center;
    width: 549px;
}

[dir=ltr] .freeze-confirm-container .main .right .right-top {
    margin: 32px 0 20px 128px;
}

[dir=rtl] .freeze-confirm-container .main .right .right-top {
    margin: 32px 128px 20px 0;
}

.freeze-confirm-container .main .right .right-top .label-pay {
    height: 97px;
    padding-top: 13px;
    line-height: 17px;
}

.freeze-confirm-container .main .right .right-top .credit-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.freeze-confirm-container .main .right .right-top .select-show.active {
    padding-top: 11px;
    border-radius: 16px;
    background-image: url("../img/s-card-Selected.svg");
    background-position: 100% -1px;
    background-repeat: no-repeat;
    border: 2px solid #00F000;
    box-sizing: border-box;
}

.freeze-confirm-container .main .right .right-top .credit-card .span-card {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .freeze-confirm-container .main .right .right-top .credit-card .span-card {font-family: FrutigerLTArabic-65Bold;}
.freeze-confirm-container .main .right .right-top .sadad {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.freeze-confirm-container .main .right .right-top .sadad .span-sadad {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .freeze-confirm-container .main .right .right-top .sadad .span-sadad {font-family: FrutigerLTArabic-65Bold;}
.freeze-confirm-container .main .right .right-center-fee {
    width: 570px;
    height: 40px;
    margin-bottom: 20px;
}

[dir=ltr] .freeze-confirm-container .main .right .right-center-fee {
    margin-left: 128px;
}

[dir=rtl] .freeze-confirm-container .main .right .right-center-fee {
    margin-right: 128px;
}

.freeze-confirm-container .main .right .right-center-fee .span-num {
    font-size: 16px;
    line-height: 40px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .freeze-confirm-container .main .right .right-center-fee .span-num {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.freeze-confirm-container .main .right .right-center-fee .span-currency {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .freeze-confirm-container .main .right .right-center-fee .span-currency {font-family: FrutigerLTArabic-65Bold;}
.freeze-confirm-container .main .right .right-center-fee .span-explain {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .freeze-confirm-container .main .right .right-center-fee .span-explain {font-family: FrutigerLTArabic-65Bold;}
.freeze-confirm-container .main .right .right-center-number {
    width: 549px;
    height: 40px;
    margin-bottom: 20px;
}
.freeze-orderInf-container .main .right .right-center-number {
    width: 549px;
    height: 40px;
    margin-bottom: 20px;
}

[dir=ltr] .freeze-confirm-container .main .right .right-center-number {
    margin-left: 128px;
}
[dir=ltr] .freeze-orderInf-container .main .right .right-center-number {
    margin-left: 128px;
}

[dir=rtl] .freeze-confirm-container .main .right .right-center-number {
    margin-right: 128px;
}
[dir=rtl] .freeze-orderInf-container .main .right .right-center-number {
    margin-right: 128px;
}

.freeze-confirm-container .main .right .right-center-number .number {
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
.freeze-orderInf-container .main .right .right-center-number .number {
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .freeze-confirm-container .main .right .right-center-number .number {font-family: FrutigerLTArabic-65Bold;}
.freeze-confirm-container .main .right .right-center-code {
    display: flex;
    width: 570px;
    height: 40px;
    margin-bottom: 126px;

}
[dir=rtl] .freeze-orderInf-container .main .right .right-center-number .number {font-family: FrutigerLTArabic-65Bold;}
.freeze-orderInf-container .main .right .right-center-code {
    display: flex;
    width: 570px;
    height: 40px;
    margin-bottom: 126px;

}

[dir=ltr] .freeze-confirm-container .main .right .right-center-code {
    margin-left: 128px;

}

[dir=rtl] .freeze-confirm-container .main .right .right-center-code {
    margin-right: 128px;

}
[dir=ltr] .freeze-orderInf-container .main .right .right-center-code {
    margin-left: 128px;

}

[dir=rtl] .freeze-orderInf-container .main .right .right-center-code {
    margin-right: 128px;

}

.freeze-confirm-container .main .right .input-group > input {
    display: inline-block;
    width: 256px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    border: none;
    outline: none;

}
.freeze-orderInf-container .main .right .input-group .input-code {
    display: inline-block;
    width: 256px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    border: none;
    outline: none;

}

[dir=ltr] .freeze-confirm-container .main .right .input-group > input {
    padding-left: 24px;
}

[dir=rtl] .freeze-confirm-container .main .right .input-group > input {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.freeze-confirm-container .button-sendCode {
    display: inline-block;
    height: 40px;
    font-size: 14px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #00F000;
    outline: none;
    cursor: pointer;
    border: 1.5px solid #00F000;
    border-radius: 12px;
    box-sizing: border-box;
}

.freeze-orderInf-container .button-sendCode {
    display: inline-block;
    height: 40px;
    font-size: 14px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #00F000;
    outline: none;
    cursor: pointer;
    border: 1.5px solid #00F000;
    border-radius: 12px;
    box-sizing: border-box;
}

[dir=ltr] .freeze-confirm-container .button-sendCode {
    width: 128px;
}

[dir=rtl] .freeze-confirm-container .button-sendCode {
    width: 138px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}
[dir=ltr] .freeze-orderInf-container .button-sendCode {
    width: 128px;
}

[dir=rtl] .freeze-orderInf-container .button-sendCode {
    width: 138px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.freeze-confirm-container .main .right .right-button {
    width: 549px;
    height: 40px;
}

.freeze-confirm-container .button-pay {
    width: 128px;
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border: none;
    outline: none;
}

[dir=ltr] .freeze-confirm-container .button-pay {
    margin: 0 8px 0 277px;
}

[dir=rtl] .freeze-confirm-container .button-pay {
    margin: 0 277px 0 8px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.freeze-confirm-container .button-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    color: #00F000;
    border: none;
    border-radius: 12px;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .freeze-confirm-container .button-cancel {font-family: FrutigerLTArabic-65Bold;}

/*submit 页面样式*/
.freeze-sub-container {
    width: 1200px;
    height: 621px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.freeze-sub-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .freeze-sub-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.freeze-sub-container .main {
    display: flex;
    width: 1200px;
    height: 536px;
}

.freeze-sub-container .main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
    height: 536px;
}

.freeze-sub-container .main .right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 890px;
    height: 536px;
}

.freeze-sub-container .main .right .right-top .done-transaction {
    margin: 16px 0 32px 0;
    font-size: 16px;
    line-height: 19px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .freeze-sub-container .main .right .right-top .done-transaction {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.freeze-sub-container .main .right .right-center {
    display: flex;
    flex-wrap: wrap;
    width: 794px;
    height: 208px;
    margin-bottom: 48px;
    background: #f7f7f7;
    border-radius: 24px;
    box-sizing: border-box;
}

[dir=ltr] .freeze-sub-container .main .right .right-center {
    padding: 28px 40px 28px 24px;
}

[dir=rtl] .freeze-sub-container .main .right .right-center {
    padding: 28px 24px 28px 40px;
}

[dir=ltr] .freeze-sub-container .main .right .right-center > div {
    display: flex;
    height: 38px;
    margin-left: 24px;
}

[dir=rtl] .freeze-sub-container .main .right .right-center > div {
    display: flex;
    height: 38px;
    margin-right: 24px;
}

.freeze-sub-container .main .right .right-center label {
    width: 151px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .freeze-sub-container .main .right .right-center label {
    margin: 0 16px 0 0;
    text-align: right;
}

[dir=rtl] .freeze-sub-container .main .right .right-center label {
    margin: 0 0 0 16px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}
/* downgrade-package-container 页面样式*/
.downgrade-package-container {
    width: 1200px;
    height: 621px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.downgrade-package-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .downgrade-package-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.downgrade-package-container .main {
    display: flex;
    width: 1200px;
    height: 536px;
}

.downgrade-package-container .main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
    height: 536px;
}

.downgrade-package-container .main .right {
    display: flex;
    flex-direction: column;
    width: 890px;
    height: 536px;
    position: relative;
}

.downgrade-package-container .main .right label {
    display: inline-block;
    width: 132px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .downgrade-package-container .main .right label {
    margin-right: 24px;
    text-align: right;
}
[dir=rtl] .paid-container .main .right .right-center span {font-family: FrutigerLTArabic-65Bold;}
[dir=rtl] .downgrade-package-container .main .right label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=ltr] .downgrade-package-container .main .right .right-top {
    display: flex;
    height: 110px;
    margin: 32px 0 0 128px;
}

[dir=rtl] .downgrade-package-container .main .right .right-top {
    display: flex;
    height: 110px;
    margin: 32px 128px 0 0;
}

.downgrade-package-container .main .right .right-top .form-group {
    margin-bottom: 20px;
}

.downgrade-package-container .main .right .right-top .input-group {
    width: 400px;
    height: 40px;
}

.downgrade-package-container .main .right .right-top .input-group .form-control {
    height: 40px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.3);
    background: #f7f7f7;
    border: none;
    box-sizing: border-box;
}

[dir=ltr] .downgrade-package-container .main .right .right-top .input-group .form-control {
    border-radius: 12px 0 0 12px;
}

[dir=rtl] .downgrade-package-container .main .right .right-top .input-group .form-control {
    border-radius: 0 12px 12px 0;
    font-family: FrutigerLTArabic-65Bold;
}

.downgrade-package-container .main .right .right-top .input-group .form-control:focus {
    box-shadow: none;
}

.downgrade-package-container .main .right .right-top .input-group .input-group-addon {
    background: #f7f7f7;
    border: none;
    box-sizing: border-box;
}

[dir=ltr] .downgrade-package-container .main .right .right-top .input-group .input-group-addon {
    border-radius: 0 12px 12px 0;
}

[dir=rtl] .downgrade-package-container .main .right .right-top .input-group .input-group-addon {
    border-radius: 12px 0 0 12px;
}

.downgrade-package-container .main .right .right-top .input-group .glyphicon-calendar:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    content: " ";
    background: url("../img/icon-date.png") no-repeat center center;
}

[dir=ltr] .downgrade-package-container .main .right .right-center-period {
    width: 549px;
    height: 40px;
    margin: 0 0 256px 128px;
}

[dir=rtl] .downgrade-package-container .main .right .right-center-period {
    width: 549px;
    height: 40px;
    margin: 0 128px 256px 0;
}

.downgrade-package-container .main .right .right-center-period .period {
    font-size: 16px;
    line-height: 40px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .downgrade-package-container .main .right .right-center-period .period {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.downgrade-package-container .main .right .right-center-period .days {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .downgrade-package-container .main .right .right-center-period .days {font-family: FrutigerLTArabic-65Bold;}
.downgrade-package-container .main .right .right-button {
    width: 549px;
    height: 40px;
}

.downgrade-package-container .button-pay {
    width: 128px;
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border: none;
    outline: none;
}

[dir=ltr] .downgrade-package-container .button-pay {
    margin: 0 8px 0 277px;
}

[dir=rtl] .downgrade-package-container .button-pay {
    margin: 0 277px 0 8px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.downgrade-package-container .button-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    color: #00F000;
    border: none;
    border-radius: 12px;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .downgrade-package-container .button-cancel {font-family: FrutigerLTArabic-65Bold;}
/*downgrade-paymentMethod-container 页面样式*/
.downgrade-paymentMethod-container {
    width: 1200px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}



.downgrade-paymentMethod-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .downgrade-paymentMethod-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.downgrade-paymentMethod-container .main {
    display: flex;
    width: 1200px;
    height: 600px;
}

.downgrade-paymentMethod-container .main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
}

.downgrade-paymentMethod-container .main .right {
    display: flex;
    flex-direction: column;
    width: 890px;
    padding-bottom: 48px;
    padding-top: 20px;
    position: relative;
}

.downgrade-paymentMethod-container .main .right label {
    display: inline-block;
    width: 140px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

.downgrade-paymentMethod-container .main .right .control-label {
    width: 200px;
}

[dir=ltr] .downgrade-paymentMethod-container .main .right label {
    padding: 1px;
    margin-right: 24px;
    text-align: right;
}

[dir=rtl] .downgrade-paymentMethod-container .main .right label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

.downgrade-paymentMethod-container .main .right .right-date {
    width: 549px;
    height: 40px;
    margin-bottom: 20px;
    display: flex;
}

.downgrade-paymentMethod-container .main .right .right-date:nth-of-type(1) {
    margin-top: 32px;
}

[dir=ltr] .downgrade-paymentMethod-container .main .right .right-date {
    margin-left: 128px;
}

[dir=rtl] .downgrade-paymentMethod-container .main .right .right-date {
    margin-right: 128px;
}

.downgrade-paymentMethod-container .main .right .form-group .input-group {
    width: 100%;
    height: 40px;
}

.downgrade-paymentMethod-container .main .right .form-group .input-group .glyphicon-calendar:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    content: " ";
    background: url("../img/icon-date.png") no-repeat center center;
}

.downgrade-paymentMethod-container .main .right .input-group > input {
    display: inline-flex;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px 0 0 12px;
    border: none;
    outline: none;

}

[dir=ltr] .downgrade-paymentMethod-container .main .right .input-group > input {
    padding-left: 24px;
}

[dir=rtl] .downgrade-paymentMethod-container .main .right .input-group > input {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.downgrade-paymentMethod-container .main .right .right-remaining-deposit label {
    width: 170px;
}

.downgrade-paymentMethod-container .main .right .right-remaining-deposit {
    display: flex;
    justify-content: center;
    width: 549px;
}

.downgrade-paymentMethod-container .main .right .right-remaining-deposit .input-group-deposit {
    width: 100%;
    height: 40px;
}

.downgrade-paymentMethod-container .main .right .right-remaining-deposit .input-group-deposit > input {
    display: inline-block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    border: none;
    outline: none;
}

[dir=ltr] .downgrade-paymentMethod-container .main .right .right-remaining-deposit .input-group-deposit > input {
    padding-left: 24px;
}

[dir=rtl] .downgrade-paymentMethod-container .main .right .input-group-deposit > input {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=ltr] .downgrade-paymentMethod-container .main .right .right-remaining-deposit {
    margin: 0 0 20px 128px;
}

[dir=rtl] .downgrade-paymentMethod-container .main .right .right-remaining-deposit {
    margin: 0 128px 20px 0;
}

.downgrade-paymentMethod-container .main .right .right-top {
    display: flex;
    justify-content: center;
    width: 549px;
}

[dir=ltr] .downgrade-paymentMethod-container .main .right .right-top {
    margin: 0 0 20px 128px;
}

[dir=rtl] .downgrade-paymentMethod-container .main .right .right-top {
    margin: 0 128px 20px 0;
}

.downgrade-paymentMethod-container .main .right .right-top .label-pay {
    height: 97px;
    padding-top: 13px;
    line-height: 17px;
}

.downgrade-paymentMethod-container .main .right .right-top .credit-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.downgrade-paymentMethod-container .main .right .right-top .select-show.active {
    padding-top: 11px;
    border-radius: 16px;
    background-image: url("../img/s-card-Selected.svg");
    background-position: 100% -1px;
    background-repeat: no-repeat;
    border: 2px solid #00F000;
    box-sizing: border-box;
}

.downgrade-paymentMethod-container .main .right .right-top .credit-card .span-card {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .downgrade-paymentMethod-container .main .right .right-top .credit-card .span-card {font-family: FrutigerLTArabic-65Bold;}
.downgrade-paymentMethod-container .main .right .right-top .sadad {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.downgrade-paymentMethod-container .main .right .right-top .sadad .span-sadad {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .downgrade-paymentMethod-container .main .right .right-top .sadad .span-sadad {font-family: FrutigerLTArabic-65Bold;}

.downgrade-paymentMethod-container .main .right .right-top .js-voucher-payment,
.downgrade-paymentMethod-container .main .right .right-top .js-mada {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.downgrade-paymentMethod-container .main .right .right-top .js-voucher-payment .span-sadad,
.downgrade-paymentMethod-container .main .right .right-top .js-mada .span-sadad {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}

[dir=rtl] .downgrade-paymentMethod-container .main .right .right-top .js-voucher-payment .span-sadad,
[dir=rtl] .downgrade-paymentMethod-container .main .right .right-top .js-mada .span-sadad {
    font-family: FrutigerLTArabic-65Bold;
}

.downgrade-paymentMethod-container .main .right .right-top .js-apple-pay {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.downgrade-paymentMethod-container .main .right .right-top .js-apple-pay .span-sadad {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .downgrade-paymentMethod-container .main .right .right-top .js-apple-pay .span-sadad {font-family: FrutigerLTArabic-65Bold;}


.downgrade-paymentMethod-container .main .right .right-center-fee {
    width: 570px;
    height: 40px;
    margin-bottom: 20px;
}

[dir=ltr] .downgrade-paymentMethod-container .main .right .right-center-fee {
    margin-left: 128px;
}

[dir=rtl] .downgrade-paymentMethod-container .main .right .right-center-fee {
    margin-right: 128px;
}

.downgrade-paymentMethod-container .main .right .right-center-fee .span-num {
    font-size: 16px;
    line-height: 40px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .downgrade-paymentMethod-container .main .right .right-center-fee .span-num {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.downgrade-paymentMethod-container .main .right .right-center-fee .span-currency {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .downgrade-paymentMethod-container .main .right .right-center-fee .span-currency {font-family: FrutigerLTArabic-65Bold;}
.downgrade-paymentMethod-container .main .right .right-center-fee .span-explain {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .downgrade-paymentMethod-container .main .right .right-center-fee .span-explain {font-family: FrutigerLTArabic-65Bold;}
.downgrade-paymentMethod-container .main .right .right-center-number {
    width: 549px;
    height: 40px;
    margin-bottom: 20px;
}

[dir=ltr] .downgrade-paymentMethod-container .main .right .right-center-number {
    margin-left: 128px;
}

[dir=rtl] .downgrade-paymentMethod-container .main .right .right-center-number {
    margin-right: 128px;
}

.downgrade-paymentMethod-container .main .right .right-center-number .number {
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .downgrade-paymentMethod-container .main .right .right-center-number .number {font-family: FrutigerLTArabic-65Bold;}

.downgrade-paymentMethod-container .main .right .right-center-code {
    display: flex;
    width: 570px;
    height: 40px;
}

[dir=ltr] .downgrade-paymentMethod-container .main .right .right-center-code {
    margin-left: 128px;
}

[dir=rtl] .downgrade-paymentMethod-container .main .right .right-center-code {
    margin-right: 128px;

}

.downgrade-paymentMethod-container .main .right .input-group-code > input {
    display: inline-block;
    width: 256px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    border: none;
    outline: none;

}

[dir=ltr] .downgrade-paymentMethod-container .main .right .input-group-code > input {
    padding-left: 24px;
}

[dir=rtl] .downgrade-paymentMethod-container .main .right .input-group-code > input {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.downgrade-paymentMethod-container .button-sendCode {
    display: inline-block;
    height: 40px;
    font-size: 14px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #00F000;
    outline: none;
    cursor: pointer;
    border: 1.5px solid #00F000;
    border-radius: 12px;
    box-sizing: border-box;
}

[dir=ltr] .downgrade-paymentMethod-container .button-sendCode {
    width: 128px;
}

[dir=rtl] .downgrade-paymentMethod-container .button-sendCode {
    width: 138px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.downgrade-paymentMethod-container .main .right .right-button {
    width: 549px;
    height: 40px;
    margin-top:auto;
}

.downgrade-paymentMethod-container .button-pay {
    width: 128px;
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border: none;
    outline: none;
}

[dir=ltr] .downgrade-paymentMethod-container .button-pay {
    margin: 0 8px 0 277px;
}

[dir=rtl] .downgrade-paymentMethod-container .button-pay {
    margin: 0 277px 0 8px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.downgrade-paymentMethod-container .button-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    color: #00F000;
    border: none;
    border-radius: 12px;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .downgrade-paymentMethod-container .button-cancel {font-family: FrutigerLTArabic-65Bold;}

/* downgrade-payment-confirmation 页面样式*/
.downgrade-payment-confirmation {
    width: 1200px;
    height: 621px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.downgrade-payment-confirmation .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .downgrade-payment-confirmation .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.downgrade-payment-confirmation .main {
    display: flex;
    width: 1200px;
    height: 536px;
}

.downgrade-payment-confirmation .main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
    height: 536px;
}

.downgrade-payment-confirmation .main .right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 890px;
    height: 536px;
}

.downgrade-payment-confirmation .main .right .right-top .done-transaction {
    margin: 16px 0 32px 0;
    font-size: 16px;
    line-height: 19px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .downgrade-payment-confirmation .main .right .right-top .done-transaction {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.downgrade-payment-confirmation .main .right .right-center {
    display: flex;
    flex-wrap: wrap;
    width: 794px;
    height: 208px;
    margin-bottom: 48px;
    background: #f7f7f7;
    border-radius: 24px;
    box-sizing: border-box;
}

[dir=ltr] .downgrade-payment-confirmation .main .right .right-center {
    padding: 28px 40px 28px 24px;
}

[dir=rtl] .downgrade-payment-confirmation .main .right .right-center {
    padding: 28px 24px 28px 40px;
}

[dir=ltr] .downgrade-payment-confirmation .main .right .right-center > div {
    display: flex;
    height: 38px;
    margin-left: 24px;
}

[dir=rtl] .downgrade-payment-confirmation .main .right .right-center > div {
    display: flex;
    height: 38px;
    margin-right: 24px;
}

.downgrade-payment-confirmation .main .right .right-center label {
    width: 151px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .downgrade-payment-confirmation .main .right .right-center label {
    margin: 0 16px 0 0;
    text-align: right;
}

[dir=rtl] .downgrade-payment-confirmation .main .right .right-center label {
    margin: 0 0 0 16px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}



/*renew-confirmOrder 页面样式*/
.renew-container {
    width: 1200px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.renew-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .renew-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.renew-container .main {
    display: flex;
    width: 1200px;
}

.renew-container .main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
}

.renew-container .main .left-steps .steps-main {
    height: 420px;
}

.renew-container .main .right {
    display: flex;
    flex-direction: column;
    width: 890px;
    position: relative;
    padding-bottom: 48px;
}

.renew-container .main .right label {
    display: inline-block;
    width: 140px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .renew-container .main .right label {
    margin-right: 24px;
    text-align: right;
}

[dir=rtl] .renew-container .main .right label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=ltr] .renew-container .main .right .right-period {
    width: 549px;
    height: 40px;
    margin: 32px 0 20px 128px;
}

[dir=rtl] .renew-container .main .right .right-period {
    width: 549px;
    height: 40px;
    margin: 32px 128px 20px 0;
}

.renew-container .main .right .right-period .period {
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .renew-container .main .right .right-period .period {font-family: FrutigerLTArabic-65Bold;}
.renew-container .main .right .form-group {
    display: flex;
    width: 549px;
    height: 40px;
}

[dir=ltr] .renew-container .main .right .form-group {
    margin: 0 0 20px 133px;
}

[dir=rtl] .renew-container .main .right .form-group {
    margin: 0 133px 20px 0;
}

.renew-container .main .right .form-group .control-label {
    padding: 0;
}

.renew-container .main .right .form-group .input-group {
    width: 400px;
    height: 40px;
}

.renew-container .main .right .form-group .ze-payment-options .form-control {
    width: 360px;
    margin: 0;
}

.renew-container .main .right .form-group .input-group .form-control {
    height: 40px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.3);
    background: #f7f7f7;
    border: none;
}
[dir=rtl] .renew-container .main .right .form-group .input-group .form-control {font-family: FrutigerLTArabic-65Bold;}
.renew-container .main .right .right-tooltip {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 102px;
}

[dir=ltr] .renew-container .main .right .right-tooltip {
    left: 685px;
}

[dir=rtl] .renew-container .main .right .right-tooltip {
    left: 182px;
}

.renew-container .main .right .right-tooltip .btn-default {
    width: 20px;
    height: 20px;
    background: url("../img/icon-info.png") no-repeat center;
    border-radius: 20px;
    border: none;
    box-sizing: border-box;

}

.tooltip.top-left .tooltip-arrow {
    left: 7px;
    border-top-color: rgba(0, 0, 0, 0.75);
}

.renew-container .main .right .right-top {
    display: flex;
    justify-content: center;
    width: 549px;
    height: auto;
}
[dir=ltr] .renew-container .main .right .right-top {
    margin: 0 0 20px 118px;
}

[dir=rtl] .renew-container .main .right .right-top {
    margin: 0 118px 20px 0;
}

.renew-container .main .right .right-top .label-pay {
    height: 97px;
    padding-top: 13px;
    line-height: 17px;
}

.renew-container .main .right .right-top .credit-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

[dir=ltr] .renew-container .main .right .right-top .select-show.active {
    padding-top: 11px;
    border-radius: 16px;
    background-image: url("../img/s-card-Selected.svg");
    background-position: 100% -1px;
    background-repeat: no-repeat;
    border: 2px solid #00F000;
    box-sizing: border-box;
}

[dir=rtl] .renew-container .main .right .right-top .select-show.active {
    padding-top: 11px;
    border-radius: 16px;
    background-image: url("../img/s-card-Selected.svg");
    background-position: 100% -1px;
    background-repeat: no-repeat;
    border: 2px solid #00F000;
    box-sizing: border-box;
}

.renew-container .main .right .right-top .credit-card .span-card {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .renew-container .main .right .right-top .credit-card .span-card {font-family: FrutigerLTArabic-65Bold;}
.renew-container .main .right .right-top .sadad {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.renew-container .main .right .right-top .sadad .span-sadad {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .renew-container .main .right .right-top .sadad .span-sadad {font-family: FrutigerLTArabic-65Bold;}
[dir=ltr] .renew-container .main .right .right-center-fee {
    width: 570px;
    height: 40px;
    margin-bottom: 20px;
    margin-left: 128px;
}

[dir=rtl] .renew-container .main .right .right-center-fee {
    width: 570px;
    height: 40px;
    margin-bottom: 20px;
    margin-right: 128px;
}

.renew-container .main .right .right-center-fee .span-num {
    font-size: 16px;
    line-height: 40px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .renew-container .main .right .right-center-fee .span-num {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.renew-container .main .right .right-center-fee .span-currency {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .renew-container .main .right .right-center-fee .span-currency {font-family: FrutigerLTArabic-65Bold;}
.renew-container .main .right .right-center-fee .span-explain {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .renew-container .main .right .right-center-fee .span-explain {font-family: FrutigerLTArabic-65Bold;}
.renew-container .main .right .js-preview-installment {
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #00F000;
    line-height: 17px;
}

[dir=rtl] .renew-container .main .right .js-preview-installment {
    margin: -20px 284px 0 0 !important;
    font-family: FrutigerLTArabic-65Bold;
}
.renew-container .main .right .right-center-number {
    width: 549px;
    height: 40px;
    margin-bottom: 20px;
}
[dir=ltr] .renew-container .main .right .right-center-number {
    margin-left: 128px;
}

[dir=rtl] .renew-container .main .right .right-center-number {
    margin-right: 128px;
}

.renew-container .main .right .right-center-number .number {
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .renew-container .main .right .right-center-number .number {font-family: FrutigerLTArabic-65Bold;}
.renew-container .main .right .right-center-code {
    display: flex;
    width: 570px;
    height: 40px;
    margin-bottom: 48px;
}
[dir=ltr] .renew-container .main .right .right-center-code {
    margin-left: 128px;
}

[dir=rtl] .renew-container .main .right .right-center-code {
    margin-right: 128px;
}
.renew-container .main .right .input-group > input {
    display: inline-block;
    width: 256px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    border: none;
    outline: none;
}
[dir=ltr] .renew-container .main .right .input-group > input {
    padding-left: 24px;
}

[dir=rtl] .renew-container .main .right .input-group > input {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}
.renew-container .button-sendCode {
    display: inline-block;
    height: 40px;
    font-size: 14px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #00F000;
    outline: none;
    cursor: pointer;
    border: 1.5px solid #00F000;
    background: none;
    border-radius: 12px;
    box-sizing: border-box;
}
[dir=ltr] .renew-container .button-sendCode {
    width: 128px;
}

[dir=rtl] .renew-container .button-sendCode {
    width: 138px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.renew-container .main .right .right-button {
    width: 549px;
    height: 40px;
}
.renew-container .button-pay {
    width: 128px;
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border: none;
    outline: none;
}
[dir=ltr] .renew-container .button-pay {
    margin: 0 8px 0 277px;
}

[dir=rtl] .renew-container .button-pay {
    margin: 0 277px 0 8px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.renew-container .button-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    color: #00F000;
    border: none;
    border-radius: 12px;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .renew-container .button-cancel {font-family: FrutigerLTArabic-65Bold;}
/*renew-submit 页面样式*/
.renew-sub-container {
    width: 1200px;
    height: 663px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.renew-sub-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .renew-sub-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.renew-sub-container .main {
    display: flex;
    width: 1200px;
    height: 578px;
}

.renew-sub-container .main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
    height: 578px;
}

.renew-sub-container .main .left-steps .steps-main {
    height: 420px;
}

.renew-sub-container .main .right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 890px;
    height: 578px;
}

.renew-sub-container .main .right .right-top .done-transaction {
    margin: 16px 0 32px 0;
    font-size: 16px;
    line-height: 19px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .renew-sub-container .main .right .right-top .done-transaction {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.renew-sub-container .main .right .right-center {
    display: flex;
    flex-wrap: wrap;
    width: 794px;
    height: 208px;
    margin-bottom: 90px;
    background: #f7f7f7;
    border-radius: 24px;
    box-sizing: border-box;
}
[dir=ltr] .renew-sub-container .main .right .right-center {
    padding: 28px 40px 28px 24px;
}

[dir=rtl] .renew-sub-container .main .right .right-center {
    padding: 28px 24px 28px 40px;
}

[dir=ltr] .renew-sub-container .main .right .right-center > div {
    display: flex;
    height: 38px;
    margin-left: 24px;
}

[dir=rtl] .renew-sub-container .main .right .right-center > div {
    display: flex;
    height: 38px;
    margin-right: 24px;
}
.renew-sub-container .main .right .right-center label {
    width: 151px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}
[dir=ltr] .renew-sub-container .main .right .right-center label {
    margin: 0 16px 0 0;
    text-align: right;
}

[dir=rtl] .renew-sub-container .main .right .right-center label {
    margin: 0 0 0 16px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

/*relocation-orderInformation 页面样式*/
.relocation-orderInf-container {
    width: 1200px;
    height: 762px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.relocation-orderInf-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .relocation-orderInf-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.relocation-orderInf-container .main {
    display: flex;
    width: 1200px;
    height: 678px;
}

.relocation-orderInf-container .main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
    height: 678px;
}

.relocation-orderInf-container .main .content-right {
    display: flex;
    flex-direction: column;
    width: 890px;
    height: 100%;
    padding-bottom: 48px;
    position: relative;
}
.relocation-orderInf-container .main .content-right .form-content{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.relocation-orderInf-container .main .content-right .form-content .right{
    flex: 1;
}
.relocation-orderInf-container .main .right label {
    display: inline-block;
    width: 132px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}
[dir=ltr] .relocation-orderInf-container .main .right label {
    margin-right: 24px;
    text-align: right;
}

[dir=rtl] .relocation-orderInf-container .main .right label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}
.relocation-orderInf-container .main .right .form-group {
    display: flex;
    width: 626px;
    height: 40px;
}
[dir=ltr] .relocation-orderInf-container .main .right .form-group {
    margin: 32px 0 0px 110px;
}

[dir=rtl] .relocation-orderInf-container .main .right .form-group {
    margin: 32px 110px 0px 0;
}

[dir=ltr] .relocation-orderInf-container .main .right .form-group:nth-of-type(1) {
    margin: 32px 0 0px 110px;
    position: relative;
}

[dir=rtl] .relocation-orderInf-container .main .right .form-group:nth-of-type(1) {
    margin: 32px 110px 0px 0;
    position: relative;
}

.relocation-orderInf-container .main .right .form-group:nth-of-type(1) .ze-btn-link {
    width: 70px;
    height: 40px;
    line-height: 40px;
    font-family: revert;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    background-color: #fff;
    border: none;
    text-decoration: underline;
}

.relocation-orderInf-container .main .right .form-group:nth-of-type(1) .ze-btn-link:hover {
    color: #00F000;
}

.relocation-orderInf-container .main .right .form-group:nth-of-type(1) .ze-btn-link:disabled {
    color: rgba(0, 0, 0, 0.3);
}

[dir=ltr] .relocation-orderInf-container .main .right .form-group:nth-of-type(1) .form-control {
    border-radius: 12px;
}

[dir=rtl] .relocation-orderInf-container .main .right .form-group:nth-of-type(1) .form-control {
    border-radius: 12px;
}

[dir=ltr] .relocation-orderInf-container .main .right .form-group:nth-of-type(1) .btn-map {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: none;
    position: absolute;
    right: 80px;
    top: 12px;
    z-index: 1000;
    background: url("../img/icon-map.svg") no-repeat center center;
}

[dir=rtl] .relocation-orderInf-container .main .right .form-group:nth-of-type(1) .btn-map {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: none;
    position: absolute;
    left: 86px;
    top: 12px;
    z-index: 1000;
    background: url("../img/icon-map.svg") no-repeat center center;
}

[dir=rtl] .relocation-orderInf-container .main .right .form-group:nth-of-type(1) .ze-example {
    left: 0 !important;
    right: auto !important;
}

[dir=rtl] .relocation-orderInf-container .main .right .form-group:nth-of-type(1) .ze-example > button {
    padding: 1px 12px 1px 0 !important;
    text-align: right;
}

.relocation-orderInf-container .main .right .form-group .ze-mask-layer {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.75);
}

.relocation-orderInf-container .main .right .form-group .ze-none {
    display: none;
}

.relocation-orderInf-container .main .right .form-group .ze-block {
    display: block;
}

.relocation-orderInf-container .main .right .form-group .ze-mask-layer img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.relocation-orderInf-container .main .right .form-group .ze-mask-layer img:nth-child(2) {
    position: absolute;
    top: 85%;
    cursor: pointer;
}

[dir=ltr] .relocation-orderInf-container .main .right .form-group:nth-of-type(2) .form-control {
    border-radius: 12px;
}

[dir=rtl] .relocation-orderInf-container .main .right .form-group:nth-of-type(2) .form-control {
    border-radius: 12px;
}

.relocation-orderInf-container .main .right .form-group .input-group {
    width: 400px;
    height: 40px;
}

.relocation-orderInf-container .main .right .form-group .input-group .glyphicon-calendar:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    content: " ";
    background: url("../img/icon-date.png") no-repeat center center;
}
.relocation-orderInf-container .main .right .form-group .form-control {
    height: 40px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.3);
    background: #f7f7f7;
    border: none;
    box-sizing: border-box;
}
[dir=ltr] .relocation-orderInf-container .main .right .form-group .form-control {
    padding-left: 24px;
    border-radius: 12px 0 0 12px;
}

[dir=rtl] .relocation-orderInf-container .main .right .form-group .form-control {
    padding-right: 24px;
    border-radius: 0 12px 12px 0;
    font-family: FrutigerLTArabic-65Bold;
}

.relocation-orderInf-container .main .right .form-group .form-control:focus {
    box-shadow: none;
}

.relocation-orderInf-container .main .right .form-group:nth-of-type(5) {
    height: auto !important;
    margin-bottom: 0;
}

[dir=ltr] .relocation-orderInf-container .main .right .right-center-period {
    width: 549px;
    height: 40px;
    margin: 0 0 256px 128px;
}

[dir=rtl] .relocation-orderInf-container .main .right .right-center-period {
    width: 549px;
    height: 40px;
    margin: 0 128px 256px 0;
}

.relocation-orderInf-container .main .right .right-button {
    width: 549px;
    height: 40px;
}
.relocation-orderInf-container .button-pay {
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border: none;
    outline: none;
}
[dir=ltr] .relocation-orderInf-container .button-pay {
    margin: 0 8px 0 277px;
}

[dir=rtl] .relocation-orderInf-container .button-pay {
    margin: 0 277px 0 8px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.relocation-orderInf-container .button-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    color: #00F000;
    border: none;
    border-radius: 12px;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .relocation-orderInf-container .button-cancel {font-family: FrutigerLTArabic-65Bold;}
/*ConfirmOrder 页面样式*/
.relocation-confirm-container {
    width: 1200px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.relocation-confirm-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .relocation-confirm-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.relocation-confirm-container .main {
    display: flex;
    width: 1200px;
}

.relocation-confirm-container .main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
}

.relocation-confirm-container .main .right {
    display: flex;
    flex-direction: column;
    width: 890px;
    padding-bottom: 48px;
    position: relative;
}
.relocation-confirm-container .main .right label {
    display: inline-block;
    width: 125px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}
[dir=ltr] .relocation-confirm-container .main .right label {
    margin-right: 24px;
    text-align: right;
}

[dir=rtl] .relocation-confirm-container .main .right label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}
.relocation-confirm-container .main .right .right-top {
    display: flex;
    justify-content: center;
    width: 549px;
}
[dir=ltr] .relocation-confirm-container .main .right .right-top {
    margin: 32px 0 20px 128px;
}

[dir=rtl] .relocation-confirm-container .main .right .right-top {
    margin: 32px 128px 20px 0;
}

.relocation-confirm-container .main .right .right-top .label-pay {
    height: 97px;
    padding-top: 13px;
    line-height: 17px;
}
.relocation-confirm-container .main .right .right-top .credit-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

[dir=ltr] .relocation-confirm-container .main .right .right-top .select-show.active {
    padding-top: 11px;
    border-radius: 16px;
    background-image: url("../img/s-card-Selected.svg");
    background-position: 100% -1px;
    background-repeat: no-repeat;
    border: 2px solid #00F000;
    box-sizing: border-box;
}

[dir=rtl] .relocation-confirm-container .main .right .right-top .select-show.active {
    padding-top: 11px;
    border-radius: 16px;
    background-image: url("../img/s-card-Selected.svg");
    background-position: 100% -1px;
    background-repeat: no-repeat;
    border: 2px solid #00F000;
    box-sizing: border-box;
}

.relocation-confirm-container .main .right .right-top .credit-card .span-card {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .relocation-confirm-container .main .right .right-top .credit-card .span-card {font-family: FrutigerLTArabic-65Bold;}
.relocation-confirm-container .main .right .right-top .sadad {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.relocation-confirm-container .main .right .right-top .sadad .span-sadad {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .relocation-confirm-container .main .right .right-top .sadad .span-sadad {font-family: FrutigerLTArabic-65Bold;}
.relocation-confirm-container .main .right .right-center-fee {
    width: 570px;
    height: 40px;
    margin-bottom: 20px;
}

[dir=ltr] .relocation-confirm-container .main .right .right-center-fee {
    margin-left: 128px;
}

[dir=rtl] .relocation-confirm-container .main .right .right-center-fee {
    margin-right: 128px;
}

.relocation-confirm-container .main .right .right-center-fee .span-num {
    font-size: 16px;
    line-height: 40px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .relocation-confirm-container .main .right .right-center-fee .span-num {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.relocation-confirm-container .main .right .right-center-fee .span-currency {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .relocation-confirm-container .main .right .right-center-fee .span-currency {font-family: FrutigerLTArabic-65Bold;}
.relocation-confirm-container .main .right .right-center-fee .span-explain {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .relocation-confirm-container .main .right .right-center-fee .span-explain {font-family: FrutigerLTArabic-65Bold;}
.relocation-confirm-container .main .right .right-center-number {
    width: 549px;
    height: 40px;
    margin-bottom: 20px;
}

[dir=ltr] .relocation-confirm-container .main .right .right-center-number {
    margin-left: 128px;
}

[dir=rtl] .relocation-confirm-container .main .right .right-center-number {
    margin-right: 128px;
}

.relocation-confirm-container .main .right .right-center-number .number {
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .relocation-confirm-container .main .right .right-center-number .number {font-family: FrutigerLTArabic-65Bold;}
.relocation-confirm-container .main .right .right-center-code {
    display: flex;
    width: 570px;
    height: 40px;
    margin-bottom: 196px;
}

[dir=ltr] .relocation-confirm-container .main .right .right-center-code {
    margin-left: 128px;
}

[dir=rtl] .relocation-confirm-container .main .right .right-center-code {
    margin-right: 128px;
}

.relocation-confirm-container .main .right .input-group > input {
    display: inline-block;
    width: 256px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    border: none;
    outline: none;
}

[dir=ltr] .relocation-confirm-container .main .right .input-group > input {
    padding-left: 24px;
}

[dir=rtl] .relocation-confirm-container .main .right .input-group > input {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.relocation-confirm-container .button-sendCode {
    display: inline-block;
    height: 40px;
    font-size: 14px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #00F000;
    outline: none;
    cursor: pointer;
    border: 1.5px solid #00F000;
    border-radius: 12px;
    box-sizing: border-box;
}

[dir=ltr] .relocation-confirm-container .button-sendCode {
    width: 128px;
}

[dir=rtl] .relocation-confirm-container .button-sendCode {
    width: 138px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.relocation-confirm-container .main .right .right-button {
    width: 549px;
    height: 40px;
}

.relocation-confirm-container .button-pay {
    width: 128px;
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border: none;
    outline: none;
}

[dir=ltr] .relocation-confirm-container .button-pay {
    margin: 0 8px 0 277px;
}

[dir=rtl] .relocation-confirm-container .button-pay {
    margin: 0 277px 0 8px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.relocation-confirm-container .button-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    color: #00F000;
    border: none;
    border-radius: 12px;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .relocation-confirm-container .button-cancel {font-family: FrutigerLTArabic-65Bold;}
/*Submit 页面样式*/
.relocation-sub-container {
    width: 1200px;
    height: 691px;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.relocation-sub-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .relocation-sub-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.relocation-sub-container .main {
    display: flex;
    width: 1200px;
    height: 606px;
}

.relocation-sub-container .main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
    height: 606px;
}

.relocation-sub-container .main .right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 890px;
    height: 606px;
}
.paid-container .main .right .right-top,
.freeze-sub-container .main .right .right-top,
.renew-sub-container .main .right .right-top,
.relocation-sub-container .main .right .right-top,
.downgrade-payment-confirmation .main .right .right-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 890px;
    margin-top: 32px;
}

.relocation-sub-container .main .right .right-top .done-transaction {
    margin: 16px 0 12px 0;
    font-size: 16px;
    line-height: 19px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .relocation-sub-container .main .right .right-top .done-transaction {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.relocation-sub-container .main .right .right-top .tips-message {
    height: 20px;
    margin-bottom: 32px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .relocation-sub-container .main .right .right-top .tips-message {font-family: FrutigerLTArabic-65Bold;}
.relocation-sub-container .main .right .right-center {
    display: flex;
    flex-wrap: wrap;
    width: 794px;
    margin-bottom: 48px;
    background: #f7f7f7;
    border-radius: 24px;
    box-sizing: border-box;
}

[dir=ltr] .relocation-sub-container .main .right .right-center {
    padding: 28px 40px 28px 24px;
}

[dir=rtl] .relocation-sub-container .main .right .right-center {
    padding: 28px 24px 28px 40px;
}

[dir=ltr] .relocation-sub-container .main .right .right-center > div {
    display: flex;
    margin-left: 24px;
}

[dir=rtl] .relocation-sub-container .main .right .right-center > div {
    display: flex;
    margin-right: 24px;
}

.relocation-sub-container .main .right .right-center > div:nth-of-type(3) {
    width: 361px;
}

.relocation-sub-container .main .right .right-center > div:nth-of-type(3) span {
    width: 194px;
}

.relocation-sub-container .main .right .right-center > div:nth-of-type(4) {
    width: 336px;
    margin: 0;
}

.relocation-sub-container .main .right .right-center > div:nth-of-type(5) {
    width: 730px;
}

.relocation-sub-container .main .right .right-center > div:nth-of-type(5) span {
    width: max-content;
}

.relocation-sub-container .main .right .right-center > div:nth-of-type(6) {
    width: 730px;
}

.relocation-sub-container .main .right .right-center > div:nth-of-type(6) span {
    width: 531px;
}

.relocation-sub-container .main .right .right-center label {
    width: 151px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .relocation-sub-container .main .right .right-center label {
    margin: 0 16px 0 0;
    text-align: right;
}

[dir=rtl] .relocation-sub-container .main .right .right-center label {
    margin: 0 0 0 16px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}
.paid-container .main .right .right-center span,
.freeze-sub-container .main .right .right-center span,
.renew-sub-container .main .right .right-center span,
.relocation-sub-container .main .right .right-center span,
.downgrade-payment-confirmation .main .right .right-center span {
    display: inline-block;
    width: 170px;
    font-size: 14px;
    line-height: 19px;
    align-self: center;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .paid-container .main .right .right-center span,
[dir=rtl] .freeze-sub-container .main .right .right-center span,
[dir=rtl] .downgrade-payment-confirmation .main .right .right-center span,
[dir=rtl] .renew-sub-container .main .right .right-center span, [dir=rtl] .relocation-sub-container .main .right .right-center span {font-family: FrutigerLTArabic-65Bold;}
.paid-container .cancel,
.freeze-sub-container .cancel,
.renew-sub-container .cancel,
.downgrade-payment-confirmation .cancel,
.relocation-sub-container .cancel {
    height: 40px;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border-radius: 12px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    border: none;
    outline: none;
}
[dir=rtl] .paid-container .cancel, [dir=rtl] .freeze-sub-container .cancel, [dir=rtl] .downgrade-payment-confirmation .cancel, [dir=rtl] .renew-sub-container .cancel, [dir=rtl] .relocation-sub-container .cancel {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
[dir=ltr] .account-profile-container .top .right-top-button {
    height: 40px;
    margin: 22px 0 0 679px;
}

[dir=rtl] .account-profile-container .top .right-top-button {
    height: 40px;
    margin: 22px 679px 0 0;
}

.account-profile-container .button-edit {
    width: 128px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    border-radius: 12px;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    box-sizing: border-box;
    border: none;
    outline: none;
}

[dir=ltr] .account-profile-container .button-edit {
    margin-left: 8px;
}

[dir=rtl] .account-profile-container .button-edit {
    margin-right: 8px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.account-profile-container .button-new {
    width: 128px;
    height: 40px;
    font-size: 14px;
    line-height: 34px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: bold;
    color: #00F000;
    border: 1.5px solid #00F000;
    border-radius: 12px;
    box-sizing: border-box;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .account-profile-container .button-new {font-family: FrutigerLTArabic-65Bold;}
.account-profile-container .wap-btn{
    display: none !important;
}
.account-profile-container .web-btn{
    display: inline-block !important;
}
.account-profile-container .main .content-top .form-group .input-group {
    width: 361px;
    height: 40px;
}

.account-profile-container .main .content-top .form-group .form-control {
    height: 40px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    background: none;
    border: none;
    box-sizing: border-box;
}

[dir=ltr] .account-profile-container .main .content-top .form-group .form-control {
    padding-left: 24px;
    border-radius: 12px 0 0 12px;
}

[dir=rtl] .account-profile-container .main .content-top .form-group .form-control {
    padding-right: 24px;
    border-radius: 0 12px 12px 0;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=ltr] .account-profile-container .main .content-top .form-group .input-group.b-style {
    background: #f7f7f7;
    border-radius: 12px;
}

[dir=rtl] .account-profile-container .main .content-top .form-group .input-group.b-style {
    background: #f7f7f7;
    border-radius: 12px;
}

.account-profile-container .main .content-top .form-group .input-group.b-style .input-group-addon {
    background: none !important;
}

.account-profile-container .main .content-top .form-group.d-none .input-group-addon {
    display: none;
}

.account-profile-container .main .content-top .form-group .form-control.account-profile-input {
    background: #f7f7f7;
}

.account-profile-container .main .content-top .form-group .form-control:disabled {
    background: none;
}

.account-profile-container .main .content-top .form-group .form-control:focus {
    box-shadow: none;
}

.account-profile-container .main .content-bottom .form-group > span {
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .account-profile-container .main .content-bottom .form-group > span {font-family: FrutigerLTArabic-65Bold;}
.account-profile-container {
    width: 1200px;
    min-height: 496px;
    max-height: 576px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.account-profile-container.credit-card-details {
    max-height: none;
}

.account-profile-container .top {
    display: flex;
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}

.account-profile-container .top span {
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .account-profile-container .top span {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.account-profile-container .main {
    display: flex;
    flex-direction: column;
    width: 1200px;
}

.account-profile-container .main .content-top .form-group {
    display: flex;
    width: 552px;
    height: 40px;
}

[dir=ltr] .account-profile-container .main .content-top .form-group {
    margin: 23px 0 20px 48px;
}

[dir=rtl] .account-profile-container .main .content-top .form-group {
    margin: 23px 48px 20px 0;
}

.account-profile-container .main .content-top .form-group > span {
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .account-profile-container .main .content-top .form-group > span {font-family: FrutigerLTArabic-65Bold;}
.account-profile-container .main .content-bottom {
    display: flex;
    flex-wrap: wrap;
}

.account-profile-container .main .content-bottom .form-group {
    display: flex;
    width: 552px;
    height: 40px;
    margin-bottom: 20px;
}

.account-profile-container .main .content-bottom .form-group .input-group {
    width: 361px;
    height: 40px;
}

.account-profile-container .main .content-bottom .form-group .form-control {
    height: 40px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    background: none;
    border: none;
    border-radius: 12px;
    box-sizing: border-box;
}
[dir=rtl] .account-profile-container .main .content-bottom .form-group .form-control {font-family: FrutigerLTArabic-65Bold;}
.account-profile-container .main .content-bottom .form-group .form-control:focus {
    box-shadow: none;
}

.account-profile-container .main .content-bottom .form-group .form-control:disabled {
    background: none;
}

.account-profile-container .main .content-bottom .form-group.d-none .input-group-addon {
    display: none;
}

[dir=ltr] .account-profile-container .main .content-bottom .form-group .form-control.account-profile-input {
    background: #f7f7f7;
    padding-left: 24px;
    color: rgba(0, 0, 0, 0.3);
}

[dir=rtl] .account-profile-container .main .content-bottom .form-group .form-control.account-profile-input {
    background: #f7f7f7;
    padding-right: 24px;
    color: rgba(0, 0, 0, 0.3);
}

[dir=ltr] .account-profile-container .main .content-bottom .form-group:nth-of-type(1) .form-control,
[dir=ltr] .account-profile-container .main .content-bottom .form-group:nth-of-type(6) .form-control,
[dir=ltr] .account-profile-container .main .content-bottom .form-group:nth-of-type(8) .form-control,
[dir=ltr] .account-profile-container .main .content-bottom .form-group:nth-of-type(9) .form-control {
    border-radius: 12px 0 0 12px;
}

[dir=rtl] .account-profile-container .main .content-bottom .form-group:nth-of-type(1) .form-control,
[dir=rtl] .account-profile-container .main .content-bottom .form-group:nth-of-type(6) .form-control,
[dir=rtl] .account-profile-container .main .content-bottom .form-group:nth-of-type(8) .form-control,
[dir=rtl] .account-profile-container .main .content-bottom .form-group:nth-of-type(9) .form-control {
    border-radius: 0 12px 12px 0;
}

.account-profile-container .main label {
    display: inline-block;
    width: 167px;
    height: 40px;
    padding: 0 !important;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

.account-profile-container .main .control-label.credit-card-label{
    font-size: 18px;
    font-weight: bold;
    color: #000;
    width: auto;
    height: auto;
}

[dir=ltr] .account-profile-container .main label {
    margin-right: 24px;
    text-align: right;
}
[dir=rtl] .account-profile-container .main .content-bottom .form-group .form-control {font-family: FrutigerLTArabic-65Bold;}
[dir=rtl] .account-profile-container .main label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=ltr] .account-profile-container .main .content-bottom .form-group:nth-of-type(2n+1) {
    margin-left: 48px;
}

[dir=rtl] .account-profile-container .main .content-bottom .form-group:nth-of-type(2n+1) {
    margin-right: 48px;
}

[dir=ltr] .account-profile-container .main .right-button {
    height: 40px;
    margin: 22px 0 48px 909px;
}

[dir=rtl] .account-profile-container .main .right-button {
    height: 40px;
    margin: 22px 909px 48px 0;
}

.account-profile-container .button-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 34px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #00F000;
    border: none;
    border-radius: 12px;
    box-sizing: border-box;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .account-profile-container .button-cancel {font-family: FrutigerLTArabic-65Bold;}
.account-profile-container .button-confirm {
    width: 128px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    border-radius: 12px;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    box-sizing: border-box;
    border: none;
    outline: none;
}

[dir=ltr] .account-profile-container .button-confirm {
    margin-left: 8px;
}

[dir=rtl] .account-profile-container .button-confirm {
    margin-right: 8px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.account-profile-container .ze-add-pop {
    width: 218px;
    height: 48px;
    left: 0;
    line-height: 48px;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    position: fixed;
    z-index: 99;
    right: 0;
    margin: auto;
    top: 64px;
}

[dir=ltr] .account-profile-container .ze-add-pop {
    text-align: right;
    padding-right: 24px;
    padding-left: 24px;
}

[dir=rtl] .account-profile-container .ze-add-pop {
    text-align: left;
    padding-left: 24px;
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=ltr] .ze-add-pop img {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

[dir=rtl] .ze-add-pop img {
    width: 20px;
    height: 20px;
    margin-left: 12px;
}

.account-profile-container .ze-edit-pop.edit-success {
    width: 200px;
    height: 48px;
    left: 0;
    line-height: 48px;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    position: fixed;
    z-index: 99;
    right: 0;
    margin: auto;
    top: 64px;
}

[dir=ltr] .account-profile-container .ze-edit-pop.edit-success {
    text-align: right;
    padding-right: 24px;
    padding-left: 24px;
}

[dir=rtl] .account-profile-container .ze-edit-pop.edit-success {
    text-align: left;
    padding-left: 24px;
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=ltr] .ze-edit-pop img {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

[dir=rtl] .ze-edit-pop img {
    width: 20px;
    height: 20px;
    margin-left: 12px;
}

/*informationSupport 页面样式*/
.service-support-container {
    width: 1200px;
    height: 740px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.service-support-container .sup-top {
    display: flex;
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}

.service-support-container .sup-top span {
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .service-support-container .sup-top span {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.service-support-container .main {
    display: flex;
    flex-direction: column;
    width: 1200px;
    height: 655px;
}

.service-support-container .main .content-top .content-top-number {
    display: flex;
    justify-content: space-between;
    padding: 0 48px;
}

.service-support-container .button-report {
    width: 170px;
    height: 40px;
    margin: 23px 0 0;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    border-radius: 12px;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    box-sizing: border-box;
    border: none;
    outline: none;
}
[dir=rtl] .service-support-container .button-report {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.service-support-container .main .content-top .content-top-number .form-group {
    display: flex;
    width: 372px;
    height: 40px;
    margin: 23px 0 16px 0;
}

.service-support-container .main .content-top .content-top-number .form-group label {
    display: inline-block;
    width: 131px;
    font-size: 16px;
    line-height: 40px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}

[dir=ltr] .service-support-container .main .content-top .content-top-number .form-group label {
    margin-right: 16px;
}

[dir=rtl] .service-support-container .main .content-top .content-top-number .form-group label {
    margin-left: 16px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.service-support-container .main .content-top .content-top-number .form-group .input-group {
    width: 224px;
    height: 40px;
}

[dir=ltr] .service-support-container .main .content-top .content-top-number .form-group .input-group span.input-group-addon {
    border-radius: 0 24px 24px 0;
    padding: 6px 24px 6px 0;
}

[dir=rtl] .service-support-container .main .content-top .content-top-number .form-group .input-group span.input-group-addon {
    border-radius: 24px 0 0 24px;
    padding: 6px 0 6px 24px;
}

.service-support-container .main .content-top .content-top-number .form-group .form-control {
    height: 40px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.3);
    background: #f7f7f7;
    border: none;
    box-sizing: border-box;
}

[dir=ltr] .service-support-container .main .content-top .content-top-number .form-group .form-control {
    padding-left: 24px;
    border-radius: 24px 0 0 24px;
}

[dir=rtl] .service-support-container .main .content-top .content-top-number .form-group .form-control {
    padding-right: 24px;
    border-radius: 0 24px 24px 0;
    font-family: FrutigerLTArabic-65Bold;
}

.service-support-container .main .content-top .content-top-number .form-group input:focus {
    box-shadow: none !important;
}

.service-support-container .main .content-top .content-top-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 48px;
}

.service-support-container .main .content-top .content-top-list .form-group {
    display: flex;
    width: 368px;
    height: 40px;
    margin-bottom: 6px;
}

.service-support-container .main .content-top .content-top-list .form-group label {
    width: 186px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}
[dir=ltr] .service-support-container .main .content-top .content-top-list .form-group label {
    margin-right: 24px;
}

[dir=rtl] .service-support-container .main .content-top .content-top-list .form-group label {
    margin-left: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.service-support-container .main .content-top .content-top-list .form-group span {
    display: inline-block;
    width: 158px;
    font-size: 14px;
    line-height: 19px;
    align-self: center;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .service-support-container .main .content-top .content-top-list .form-group span {font-family: FrutigerLTArabic-65Bold;}
.service-support-container .main .content-top .content-top-list .form-group:nth-of-type(4) {
    width: 1104px;
}

.service-support-container .main .content-top .content-top-list .form-group:nth-of-type(4) span {
    width: 894px;
}

.service-support-container .main .content-bottom {
    display: flex;
    flex-direction: column;
}

.service-support-container .main label {
    display: inline-block;
    width: 167px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .service-support-container .main label {
    margin-right: 24px;
    text-align: right;
}

[dir=rtl] .service-support-container .main label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

.service-support-container .main .content-bottom .title-search {
    display: flex;
    justify-content: space-between;
    height: 40px;
    margin: 17px 0 12px 0;
    padding: 0 48px;
}

.service-support-container .main .content-bottom .title-search .span-title {
    font-size: 16px;
    line-height: 40px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .service-support-container .main .content-bottom .title-search .span-title {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.service-support-container .main .content-bottom .title-search .input-group {
    width: 256px;
}

.service-support-container .main .content-bottom .title-search .search-group .form-control {
    height: 40px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.3);
    line-height: 17px;
    background: #f7f7f7;
    border: none;
}

[dir=ltr] .service-support-container .main .content-bottom .title-search .search-group .form-control {
    padding-left: 24px;
    border-radius: 12px 0 0 12px;
}

[dir=rtl] .service-support-container .main .content-bottom .title-search .search-group .form-control {
    padding-right: 24px;
    border-radius: 0 12px 12px 0;
    font-family: FrutigerLTArabic-65Bold;
}

.service-support-container .main .content-bottom .title-search .search-group input:focus {
    box-shadow: none !important;
}

.service-support-container .main .content-bottom .grid-table {
    height: 392px;
    padding: 0 48px;
    background: url("../img/pic-no-data.svg") no-repeat center 98px;
}

.no-data {
    height: 392px;
    padding: 0 48px;
    background: url("../img/pic-no-data.svg") no-repeat center 98px;
}

.service-support-container .main .content-bottom .grid-table .ui-jqgrid {
    width: 1104px !important;
    border-bottom: none;
}

.service-support-container .main .content-bottom .grid-table .ui-jqgrid-view .ui-jqgrid-tip {
    /*display: none;*/
    height: 368px;
    color: #fff;
    background: url("../img/pic-no-data.svg") no-repeat center 50px;
}
.service-support-container.my-bill-container .main .content-bottom .grid-table .ui-jqgrid-view .ui-jqgrid-tip {
    /*display: none;*/
    height: 480px;
    color: #fff;
    background: url("../img/pic-no-data.svg") no-repeat center 50px;
}

.service-support-container .main .content-bottom .grid-table .s-ico {
    display: none !important;
}

.service-support-container .main .content-bottom .grid-table .ui-jqgrid-view .ui-jqgrid-hdiv {
    border-radius: 12px;
}

.service-support-container .main .content-bottom .grid-table .ui-jqgrid-view .ui-jqgrid-htable .ui-jqgrid-labels {
    height: 48px;
    background: #f7f7f7;
}

.service-support-container .main .content-bottom .grid-table .ui-jqgrid-view .ui-jqgrid-htable .ui-th-column {
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    border: none;
}
[dir=rtl] .service-support-container .main .content-bottom .grid-table .ui-jqgrid-view .ui-jqgrid-htable .ui-th-column {font-family: FrutigerLTArabic-65Bold;}
.service-support-container .main .content-bottom .grid-table .ui-jqgrid-view .ui-jqgrid-btable tr.jqgrow {
    height: 48px;
}

.service-support-container .main .content-bottom .grid-table .ui-jqgrid-view .ui-jqgrid-btable tr.ui-state-highlight {
    background: none;
}

.service-support-container .main .content-bottom .grid-table .ui-jqgrid-view .ui-jqgrid-btable tr.ui-state-highlight:hover {
    background: none !important;
}

[dir=ltr] .service-support-container .main .content-bottom .grid-table .ui-jqgrid-view .ui-jqgrid-btable tr.jqgrow td {
    border-right: none;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}

[dir=rtl] .service-support-container .main .content-bottom .grid-table .ui-jqgrid-view .ui-jqgrid-btable tr.jqgrow td {
    border-left: none;
    font-size: 14px;
    font-family: FrutigerLTArabic-65Bold;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}

.service-support-container .main .content-bottom .grid-table .ui-jqgrid-view .btn-group .btn-status {
    height: 32px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #1D85D7;
    line-height: 17px;
    border: none;
    background: #edf6fc;
    border-radius: 16px;
}
[dir=rtl] .service-support-container .main .content-bottom .grid-table .ui-jqgrid-view .btn-group .btn-status {font-family: FrutigerLTArabic-65Bold;}
.service-support-container .main .content-bottom .grid-table .ui-jqgrid-hdiv {
    border: none;
}

.service-support-container .main .content-bottom .grid-table .ui-jqgrid-bdiv {
    border: none;
}

.service-support-container .trouble-report {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.75);
}

.service-support-container .trouble-report .trouble-report-content {
    display: flex;
    flex-direction: column;
    width: 648px;
    height: 720px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.service-support-container .trouble-report .trouble-report-content .title {
    width: 552px;
    height: 84px;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

[dir=ltr] .service-support-container .trouble-report .trouble-report-content .title {
    margin: 0 0 23px 48px;
}

[dir=rtl] .service-support-container .trouble-report .trouble-report-content .title {
    margin: 0 48px 23px 0;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

[dir=ltr] .service-support-container .trouble-report .trouble-report-content .title img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 26px;
    right: 0;
    cursor: pointer;
}

[dir=rtl] .service-support-container .trouble-report .trouble-report-content .title img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 26px;
    left: 0;
    cursor: pointer;
}

[dir=ltr] .service-support-container .trouble-report .trouble-report-content .content-report-center {
    padding-left: 45px;
}

[dir=rtl] .service-support-container .trouble-report .trouble-report-content .content-report-center {
    padding-right: 45px;
}

.service-support-container .trouble-report .trouble-report-content .content-report-center .form-group {
    display: flex;
    width: 555px;
    height: 40px;
    margin-bottom: 20px;
}

.service-support-container .trouble-report .trouble-report-content .content-report-center .form-group label {
    display: inline-block;
    width: 170px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .service-support-container .trouble-report .trouble-report-content .content-report-center .form-group label {
    margin-right: 24px;
    text-align: right;
}

[dir=rtl] .service-support-container .trouble-report .trouble-report-content .content-report-center .form-group label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

.service-support-container .trouble-report .trouble-report-content .content-report-center .form-group label i {
    color: rgba(0, 0, 0, 0.3);
}

.service-support-container .trouble-report .trouble-report-content .content-report-center .form-group .input-group {
    width: 361px;
    height: 40px;
}

.service-support-container .trouble-report .trouble-report-content .content-report-center .form-group .form-control {
    height: 40px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.3);
    background: #f7f7f7;
    border: none;
    border-radius: 12px;
    box-sizing: border-box;
}

[dir=ltr] .service-support-container .trouble-report .trouble-report-content .content-report-center .form-group .form-control {
    padding-left: 24px;
}

[dir=rtl] .service-support-container .trouble-report .trouble-report-content .content-report-center .form-group .form-control {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.service-support-container .trouble-report .trouble-report-content .content-report-center .form-group .form-control:focus {
    box-shadow: none;
}

[dir=ltr] .service-support-container .trouble-report .trouble-report-content .content-report-center .form-group:nth-of-type(3) .form-control {
    border-radius: 12px 0 0 12px;
}

[dir=rtl] .service-support-container .trouble-report .trouble-report-content .content-report-center .form-group:nth-of-type(3) .form-control {
    border-radius: 0 12px 12px 0;
}

.service-support-container .trouble-report .trouble-report-content .content-report-center .form-group:nth-of-type(8) {
    height: 88px;
    margin-bottom: 32px;
}

.service-support-container .trouble-report .trouble-report-content .content-report-center .form-group:nth-of-type(8) .form-control {
    height: 88px;
}

.service-support-container .trouble-report .trouble-report-content .right-button {
    display: flex;
    justify-content: flex-end;
}

.service-support-container .trouble-report-grade {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.75);
}

.service-support-container .trouble-report-grade .trouble-report-grade-content {
    display: flex;
    flex-direction: column;
    width: 648px;
    height: 540px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.service-support-container .trouble-report-grade .js-update-cust-otp-content {
    height: 350px;
}

.service-support-container .trouble-report-grade .trouble-report-grade-content .title {
    width: 552px;
    height: 84px;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

[dir=ltr] .service-support-container .trouble-report-grade .trouble-report-grade-content .title {
    margin: 0 0 23px 48px;
}

[dir=rtl] .service-support-container .trouble-report-grade .trouble-report-grade-content .title {
    margin: 0 48px 23px 0;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

[dir=ltr] .service-support-container .trouble-report-grade .trouble-report-grade-content .title img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 26px;
    right: 0;
    cursor: pointer;
}

[dir=rtl] .service-support-container .trouble-report-grade .trouble-report-grade-content .title img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 26px;
    left: 0;
    cursor: pointer;
}

[dir=ltr] .service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center {
    padding-left: 45px;
    padding-right: 45px;
}

[dir=rtl] .service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center {
    padding-left: 45px;
    padding-right: 45px;
}

.service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center .form-group {
    display: flex;
    width: 555px;
    height: 40px;
    margin-bottom: 60px;
}

.service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center .form-group label {
    display: inline-block;
    width: 170px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center .form-group label {
    margin-right: 24px;
    text-align: right;
}

[dir=rtl] .service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center .form-group label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

.service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center .form-group label i {
    color: rgba(0, 0, 0, 0.3);
}

.service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center .form-group .input-group {
    width: 550px;
    height: 40px;
}

.service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center
.form-group .input-group .input-group {
    width: 256px;
    height: 40px;
}
.service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center
.form-group .input-group .input-group .form-control {
    height: 40px;
}

.service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center .form-group .form-control {
    height: 88px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.3);
    background: #f7f7f7;
    border: none;
    border-radius: 12px;
    box-sizing: border-box;
}

[dir=ltr] .service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center .form-group .form-control {
    padding-left: 24px;
}

[dir=rtl] .service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center .form-group .form-control {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.service-support-container .trouble-report-grade .trouble-report-grade-content .content-report-center .form-group .form-control:focus {
    box-shadow: none;
}

.service-support-container .trouble-report-grade .trouble-report-grade-content .right-button {
    display: flex;
    justify-content: flex-end;
}

.service-support-container .button-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 34px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #00F000;
    border: none;
    border-radius: 12px;
    box-sizing: border-box;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .service-support-container .button-cancel  {font-family: FrutigerLTArabic-65Bold;}
.service-support-container .button-confirm {
    width: 128px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    border-radius: 12px;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    box-sizing: border-box;
    border: none;
    outline: none;
}

[dir=ltr] .service-support-container .button-confirm {
    margin: 0 48px 0 8px;
}

[dir=rtl] .service-support-container .button-confirm {
    margin: 0 8px 0 48px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}
.service-support-container .button-grade-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 34px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #00F000;
    border: none;
    border-radius: 12px;
    box-sizing: border-box;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .service-support-container .button-grade-cancel  {font-family: FrutigerLTArabic-65Bold;}
.service-support-container .button-confirm {
    width: 128px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    border-radius: 12px;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    box-sizing: border-box;
    border: none;
    outline: none;
}

[dir=ltr] .service-support-container .button-grade-confirm,
[dir=ltr] .service-support-container .button-grade-success-cancel {
    margin: 0 48px 0 8px;
}

[dir=rtl] .service-support-container .button-grade-confirm,
[dir=rtl] .service-support-container .button-grade-success-cancel {
    margin: 0 8px 0 48px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.service-support-container .main .ze-report-pop {
    left: 0;
    width: 252px;
    height: 48px;
    line-height: 48px;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    position: fixed;
    z-index: 99;
    right: 0;
    margin: auto;
    top: 64px;
}

[dir=ltr] .service-support-container .main .ze-report-pop {
    text-align: right;
    padding-right: 24px;
    padding-left: 24px;
}

[dir=rtl] .service-support-container .main .ze-report-pop {
    text-align: left;
    padding-left: 24px;
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=ltr] .ze-report-pop img {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

[dir=rtl] .ze-report-pop img {
    width: 20px;
    height: 20px;
    margin-left: 12px;
}

/*changePassword 页面样式*/
.ze-header-container .change-password {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.75);
}

.ze-header-container .change-password .change-password-content {
    display: flex;
    flex-direction: column;
    width: 648px;
    height: 372px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.ze-header-container .change-password .change-password-content .title-pwd {
    width: 552px;
    height: 84px;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

[dir=ltr] .ze-header-container .change-password .change-password-content .title-pwd {
    margin: 0 0 23px 48px;
}

[dir=rtl] .ze-header-container .change-password .change-password-content .title-pwd {
    margin: 0 48px 23px 0;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

[dir=ltr] .ze-header-container .change-password .change-password-content .title-pwd img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 26px;
    right: 0;
    cursor: pointer;
}

[dir=rtl] .ze-header-container .change-password .change-password-content .title-pwd img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 26px;
    left: 0;
    cursor: pointer;
}

[dir=ltr] .ze-header-container .change-password .change-password-content .password-main {
    padding-left: 48px;
}

[dir=rtl] .ze-header-container .change-password .change-password-content .password-main {
    padding-right: 48px;
}

.ze-header-container .change-password .change-password-content .password-main .form-group {
    display: flex;
    width: 555px;
    height: 40px;
    margin-bottom: 20px;
}

.ze-header-container .change-password .change-password-content .password-main .form-group label {
    display: inline-block;
    width: 167px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .ze-header-container .change-password .change-password-content .password-main .form-group label {
    margin-right: 24px;
    text-align: right;
}

[dir=rtl] .ze-header-container .change-password .change-password-content .password-main .form-group label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-header-container .change-password .change-password-content .password-main .form-group .input-group {
    width: 361px;
    height: 40px;
}

.ze-header-container .change-password .change-password-content .password-main .form-group .form-control {
    height: 40px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.3);
    background: #f7f7f7;
    border: none;
    border-radius: 12px;
    box-sizing: border-box;
}

[dir=ltr] .ze-header-container .change-password .change-password-content .password-main .form-group .form-control {
    padding-left: 24px;
}

[dir=rtl] .ze-header-container .change-password .change-password-content .password-main .form-group .form-control {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-header-container .change-password .change-password-content .password-main .form-group .form-control:focus {
    box-shadow: none;
}

.ze-header-container .change-password .change-password-content .right-button {
    display: flex;
    justify-content: flex-end;
}

.ze-header-container .button-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 34px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #00F000;
    border: none;
    border-radius: 12px;
    box-sizing: border-box;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .ze-header-container .button-cancel  {font-family: FrutigerLTArabic-65Bold;}
.ze-header-container .button-confirm {
    width: 128px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    border-radius: 12px;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    box-sizing: border-box;
    border: none;
    outline: none;
}

[dir=ltr] .ze-header-container .button-confirm {
    margin: 0 48px 0 8px;
}

[dir=rtl] .ze-header-container .button-confirm {
    margin: 0 8px 0 48px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.ze-header-container .ze-change-pop {
    left: 0;
    width: 242px;
    height: 48px;
    line-height: 48px;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    position: fixed;
    z-index: 1000;
    right: 0;
    margin: auto;
    top: 64px;
}

[dir=ltr] .ze-header-container .ze-change-pop {
    text-align: right;
    padding-right: 24px;
    padding-left: 24px;
}

[dir=rtl] .ze-header-container .ze-change-pop {
    text-align: left;
    padding-right: 24px;
    padding-left: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=ltr] .ze-header-container .ze-change-pop img {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

[dir=rtl] .ze-header-container .ze-change-pop img {
    width: 20px;
    height: 20px;
    margin-left: 12px;
}

.my-bill-container {
    width: 1200px;
    min-height: 515px;
    margin-bottom: 112px;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.my-bill-container .top {
    width: 1104px;
    margin: 0 auto;
    border-bottom: 1px solid #ebebeb;
}

.my-bill-container .top .content-top {
    display: flex;
    justify-content: space-between;
    height: 84px;
    background: url("../img/bg-card.png") no-repeat;
}

.my-bill-container .top .content-top .title {
    font-size: 20px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    line-height: 80px;
}
[dir=rtl] .my-bill-container .top .content-top .title {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.my-bill-container .top .content-top .form-group {
    display: flex;
    height: 84px;
    align-items: center;
    margin: 0;
}

.my-bill-container .top .content-top .form-group label {
    width: 86px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    line-height: 84px;
}

[dir=ltr] .my-bill-container .top .content-top .form-group label {
    margin: 0 24px 0 0;
}

[dir=rtl] .my-bill-container .top .content-top .form-group label {
    margin: 0 0 0 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.my-bill-container .top .content-top .form-group .input-group {
    width: 288px;
    height: 48px;
}

.my-bill-container .top .content-top .form-group .input-group .form-control {
    height: 48px;
    padding: 6px 24px;
    font-size: 16px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.7);
    line-height: 19px;
    background: rgba(0, 0, 0, 0.03);
    border: 0;
}

[dir=ltr] .my-bill-container .top .content-top .form-group .input-group .form-control {
    border-radius: 24px 0 0 24px;
}

[dir=rtl] .my-bill-container .top .content-top .form-group .input-group .form-control {
    border-radius: 0 24px 24px 0;
    font-family: FrutigerLTArabic-65Bold;
}

.my-bill-container .top .content-top .form-group .input-group input:focus {
    box-shadow: none;
}

[dir=ltr] .my-bill-container .top .content-top .form-group .input-group .input-group-addon {
    padding: 6px 24px 6px 0;
    border-radius: 0 24px 24px 0;
    border: 0;
}

[dir=rtl] .my-bill-container .top .content-top .form-group .input-group .input-group-addon {
    padding: 6px 0 6px 24px;
    border-radius: 24px 0 0 24px;
    border: 0;
}

.my-bill-container .top .package-page {
    display: flex;

}

.my-bill-container .top .package-page .form-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 352px;
    height: 94px;
    margin-bottom: 24px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 16px;
}

.my-bill-container .top .package-page .form-group:nth-of-type(2) {
    margin: 0 24px;
}

.my-bill-container .top .package-page .form-group > div {
    height: 20px;
    margin-bottom: 12px;
    font-size: 20px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.9);
    line-height: 24px;
}
[dir=rtl] .my-bill-container .top .package-page .form-group > div {font-family: FrutigerLTArabic-65Bold;}
.my-bill-container .top .package-page .form-group > div.total-fee {
    height: 20px;
    font-size: 20px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    line-height: 24px;
}
[dir=rtl] .my-bill-container .top .package-page .form-group > div.total-fee {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.my-bill-container .top .package-page .form-group > div .fee-sar {
    height: 12px;
    font-size: 12px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    line-height: 14px;
}

[dir=ltr] .my-bill-container .top .package-page .form-group > div .fee-sar {
    margin-left: 8px;
}

[dir=rtl] .my-bill-container .top .package-page .form-group > div .fee-sar {
    margin-right: 8px;
    font-family: FrutigerLTArabic-65Bold;
}

.my-bill-container .top .package-page .form-group > p {
    height: 14px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    line-height: 17px;
}
[dir=rtl] .my-bill-container .top .package-page .form-group > p {font-family: FrutigerLTArabic-65Bold;}
.my-bill-container .main {
    min-height: 430px;
    padding-bottom: 48px;
}

.my-bill-container .main .content-main {
    float: none;
    width: 1104px;
    margin: 0 48px 48px 48px;
    padding: 24px 0 0 0;
    background: #fff;
}

.my-bill-container .main .content-main .progress-box {
    display: none;
    width: 1104px;
    height: 32px;
    margin: 0 auto;
    border-radius: 8px;
}

[dir=ltr] .my-bill-container .main .content-main .progress-box .progress-monthly-recurring {
    height: 32px;
    background: linear-gradient(205deg, #FF666C 0%, #D92027 100%);
    box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px 0 0 8px;
    margin-right: 0.36%;
}

[dir=rtl] .my-bill-container .main .content-main .progress-box .progress-monthly-recurring {
    height: 32px;
    background: linear-gradient(205deg, #FF666C 0%, #D92027 100%);
    box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0 8px 8px 0;
    margin-left: 0.36%;
}

[dir=ltr] .my-bill-container .main .content-main .progress-box .progress-one-time {
    height: 32px;
    background: linear-gradient(189deg, #CB87FF 0%, #8750DB 100%);
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    margin-right: 0.36%;
}

[dir=rtl] .my-bill-container .main .content-main .progress-box .progress-one-time {
    height: 32px;
    background: linear-gradient(189deg, #CB87FF 0%, #8750DB 100%);
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    margin-left: 0.36%;
}

[dir=ltr] .my-bill-container .main .content-main .progress-box .progress-usage-summary {
    height: 32px;
    background: linear-gradient(227deg, #23AFFF 0%, #0081FF 100%);
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0 8px 8px 0;
}

[dir=rtl] .my-bill-container .main .content-main .progress-box .progress-usage-summary {
    height: 32px;
    background: linear-gradient(227deg, #23AFFF 0%, #0081FF 100%);
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px 0 0 8px;
}

.my-bill-container .main .content-main .sr {
    display: none;

}

.my-bill-container .main .content-main .sr .charge-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 352px;
    height: 64px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    line-height: 17px;
}
[dir=rtl] .my-bill-container .main .content-main .sr .charge-title {font-family: FrutigerLTArabic-65Bold;}
.my-bill-container .main .content-main .sr .charge-title:nth-of-type(2) {
    margin: 0 24px;
}

.my-bill-container .main .content-main .sr .charge-title .circle {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
[dir=ltr] .my-bill-container .main .content-main .sr .charge-title .circle {
    margin-right: 8px;
}

[dir=rtl] .my-bill-container .main .content-main .sr .charge-title .circle {
    margin-left: 8px;
}

.my-bill-container .main .content-main .sr .charge-title .circle.red {
    background: linear-gradient(205deg, #FF666C 0%, #D92027 100%);
}

.my-bill-container .main .content-main .sr .charge-title .circle.purple {
    background: linear-gradient(189deg, #CB87FF 0%, #8750DB 100%);
}

.my-bill-container .main .content-main .sr .charge-title .circle.blue {
    background: linear-gradient(227deg, #23AFFF 0%, #0081FF 100%);
}

.my-bill-container .main .content-main .sr .charge-title .percentage {
    font-size: 14px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: Bold;
    line-height: 17px;
}

[dir=ltr] .my-bill-container .main .content-main .sr .charge-title .percentage {
    margin-left: 4px;
}

[dir=rtl] .my-bill-container .main .content-main .sr .charge-title .percentage {
    margin-right: 4px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.my-bill-container .main .content-main .sr .charge-title .percentage.red {
    color: #D92027;
}

.my-bill-container .main .content-main .sr .charge-title .percentage.purple {
    color: #8750DB;
}

.my-bill-container .main .content-main .sr .charge-title .percentage.blue {
    color: #1D85D7;
}

.my-bill-container .main .content-main .card-page {
    display: flex;
    margin-top: 8px;
}

.my-bill-container .main .content-main .card-page .one-card {
    margin: 0 24px;
}

.my-bill-container .main .content-main .card-page ul {
    padding: 0 16px 14px 16px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 16px;
}

.my-bill-container .main .content-main .card-page ul label {
    height: 64px;
    font-size: 16px;
    line-height: 64px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}

[dir=ltr] .my-bill-container .main .content-main .card-page ul label {
    padding-left: 8px;
}

[dir=rtl] .my-bill-container .main .content-main .card-page ul label {
    padding-right: 8px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.my-bill-container .main .content-main .card-page ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 320px;
    height: 96px;
    margin-bottom: 2px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    line-height: 17px;
    background: #fff;
}

[dir=ltr] .my-bill-container .main .content-main .card-page ul li {
    padding-left: 24px;
}

[dir=rtl] .my-bill-container .main .content-main .card-page ul li {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.my-bill-container .main .content-main .card-page ul li:nth-of-type(1) {
    border-radius: 12px 12px 0 0;
}

.my-bill-container .main .content-main .card-page ul li:last-of-type {
    border-radius: 0 0 12px 12px;
}

.my-bill-container .main .content-main .card-page ul li > span {
    margin-bottom: 12px;
    font-size: 20px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.9);
    line-height: 24px;
}
[dir=rtl] .my-bill-container .main .content-main .card-page ul li > span {font-family: FrutigerLTArabic-65Bold;}
.my-bill-container .main .content-main .card-page ul li > span i {
    font-size: 12px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    line-height: 14px;
}

[dir=ltr] .my-bill-container .main .content-main .card-page ul li > span i {
    margin-left: 8px;
}

[dir=rtl] .my-bill-container .main .content-main .card-page ul li > span i {
    margin-right: 8px;
    font-family: FrutigerLTArabic-65Bold;
}

.my-bill-container .main .content-button {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 40px;
}

.new-customer-journey-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto !important;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.new-customer-journey-container .top {
    background: url("../img/bg-decoration.svg") no-repeat -56px 0;
    padding-top: 55px;
}

.new-customer-journey-container .top .content-box-line {
    width: 395px;
    height: 1px;
    margin-top: 16px;
}

[dir=ltr] .new-customer-journey-container .top .content-box-line.left-line {
    background: linear-gradient(90deg, rgba(23, 100, 232, 0) 0%, #002035 100%);
}

[dir=rtl] .new-customer-journey-container .top .content-box-line.left-line {
    background: linear-gradient(90deg, #002035 0%, rgba(23, 100, 232, 0) 100%);
}

[dir=ltr] .new-customer-journey-container .top .content-box-line.right-line {
    background: linear-gradient(90deg, #002035 0%, rgba(23, 100, 232, 0) 100%);
}

[dir=rtl] .new-customer-journey-container .top .content-box-line.right-line {
    background: linear-gradient(90deg, rgba(23, 100, 232, 0) 0%, #002035 100%);
}

.new-customer-journey-container .top .top-center {
    width: 275px;
    text-align: center;
    margin: 0 19px 9px 19px;
}

.new-customer-journey-container .top .top-center .top-center-title {
    width: 275px;
    margin-bottom: 4px;
    font-size: 32px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #002035;
}
[dir=rtl] .new-customer-journey-container .top .top-center .top-center-title{
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}
.new-customer-journey-container .top .top-center .top-center-main {
    width: 275px;
    height: 32px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    line-height: 16px;
}
[dir=rtl] .new-customer-journey-container .top .top-center .top-center-main{
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}
.new-customer-journey-container .main-content {
    margin-top: 39px;
}

.new-customer-journey-container .main-content .form-group {
    display: flex;
    height: 48px;
    margin-bottom: 16px;
}

.new-customer-journey-container .main-content .form-group .form-control {
    width: 360px;
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    border: none;
}

[dir=ltr] .new-customer-journey-container .main-content .form-group .form-control {
    padding-left: 24px;
}

[dir=rtl] .new-customer-journey-container .main-content .form-group .form-control {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.new-customer-journey-container .main-content .form-group .form-control:focus {
    box-shadow: none;
}
.new-customer-journey-container .main-content .form-group:nth-of-type(1) .form-control{
    display: flex;
    align-items: center;
}
.new-customer-journey-container .main-content .form-group:nth-of-type(1) .form-control-feedback{
    display: block !important;
    line-height: 48px;
}
.new-customer-journey-container .main-content .form-group:nth-of-type(2).ze-id-already > input {
    color: #D92027 !important;
    background: rgba(217, 32, 39, 0.1) !important;
    box-shadow: revert;
    border: none !important;
    outline: none !important;
}

.new-customer-journey-container .main-content .form-group:nth-of-type(2).ze-id-already:after {
    content: attr(content);
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #D92027;
}
[dir=rtl] .new-customer-journey-container .main-content .form-group:nth-of-type(2).ze-id-already:after {font-family: FrutigerLTArabic-65Bold;}
.new-customer-journey-container .main-content .form-group:nth-of-type(6) {
    justify-content: space-between;
}

.new-customer-journey-container .main-content .form-group .btn-sendCode {
    width: 125px;
    height: 48px;
    border-radius: 12px;
    color: #00F000;
    border: 1.5px solid #00F000;
}

.new-customer-journey-container .main-content .main-button{
    margin-bottom: 48px;
}
.new-customer-journey-container .main-content .main-button .btn-submit {
    width: 360px;
    height: 48px;
    margin-bottom: 16px;
}

.new-customer-journey-container .main-content .main-button .btn-cancel {
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
}
[dir=rtl] .new-customer-journey-container .main-content .main-button .btn-cancel {font-family: FrutigerLTArabic-65Bold;}
.ze-header-container .language-group {
    display: flex;
    align-self: center;
    padding: 0;
}

[dir=ltr] .ze-header-container .language-group .dropdown-menu {
    right: 0;
    border-radius: 12px;
}

[dir=rtl] .ze-header-container .language-group .dropdown-menu {
    left: 0;
    border-radius: 12px;
}
.ze-header-container .language-group .dropdown-menu li{
    width: auto;
    height: auto;
}
.ze-header-container .language-group .dropdown-menu li a{
    border-radius: 12px;
}
.ze-header-container .language-group .language-drodown {
    font-size: 16px;
    line-height: 32px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #FFFFFF;
}

[dir=ltr] .ze-header-container .language-group .language-drodown {
    margin-left: 16px;
}

[dir=rtl] .ze-header-container .language-group .language-drodown {
    margin-right: 16px;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-content-top{
    display: none;
}
[dir] .login-form .login-btn{
    background: #00F000;
    color: #005174;
}
[dir] .login-form .login-btn:hover, [dir] .login-form .login-btn:focus, [dir] .login-form .login-btn:active{
    background: linear-gradient(225deg, #3BE97A 0%, #00A11A 100%) rgba(255, 255, 255, 0.15);
}
.login-link:hover, .login-link:focus, .login-link:active{
    color: #00F000;
}
[dir] .login-form .form-control:focus{
    border-color: #ddd;
    box-shadow: none;
}
[dir] .ui-tabs.tabs-line .ui-tabs-nav li.ui-tabs-active{
    border-bottom: 2px solid #00F000;
}
.ui-tabs.tabs-line .ui-tabs-nav li.ui-tabs-active a{
    color: #00F000;
}
.ui-tabs.tabs-line .ui-tabs-nav li a:hover, .ui-tabs.tabs-line .ui-tabs-nav li a :focus{
    color: #00F000;
}
[dir] .login-box, [dir] .login-sm-box{
    border-bottom: 2px solid #00F000;
}
[dir] .ui-dialog.modal-danger,
[dir] .ui-dialog.modal-warning,
[dir] .ui-dialog.modal-confirm,
[dir] .ui-dialog.modal-info{
    border: 1px solid #00F000;
}
.ui-dialog.modal-danger .glyphicon,
.ui-dialog.modal-warning .glyphicon,
.ui-dialog.modal-confirm .glyphicon,
.ui-dialog.modal-info .glyphicon{
    color: #00F000;
}
.ui-dialog.modal-danger .modal-title,
.ui-dialog.modal-warning .modal-title,
.ui-dialog.modal-confirm .modal-title,
.ui-dialog.modal-info .modal-title{
    color: #00F000;
}
[dir] .modal-footer .btn-primary,
[dir] .modal-footer .btn-danger,
[dir] .modal-footer .btn-warning,
[dir] .modal-footer .btn-info{
    background-color: #00F000;
    border-color: #00F000;
}
[dir] .btn-primary:hover,
[dir] .btn-danger:hover,
[dir] .btn-warning:hover,
[dir] .btn-info:hover{
    background: linear-gradient(225deg, #3BE97A 0%, #00A11A 100%) rgba(255, 255, 255, 0.15);
}
[dir] .btn-primary:active:hover, [dir] .btn-primary.active:hover,
[dir] .open > .dropdown-toggle.btn-primary:hover,
[dir] .btn-primary:active:focus, [dir] .btn-primary.active:focus,
[dir] .open > .dropdown-toggle.btn-primary:focus,
[dir] .btn-primary:active.focus, [dir] .btn-primary.active.focus,
[dir] .open > .dropdown-toggle.btn-primary.focus,
[dir] .btn-danger:active:hover, [dir] .btn-danger.active:hover,
[dir] .open > .dropdown-toggle.btn-danger:hover,
[dir] .btn-danger:active:focus, [dir] .btn-danger.active:focus,
[dir] .open > .dropdown-toggle.btn-danger:focus,
[dir] .btn-danger:active.focus, [dir] .btn-danger.active.focus,
[dir] .open > .dropdown-toggle.btn-danger.focus,
[dir] .btn-warning:active:hover, [dir] .btn-warning.active:hover,
[dir] .open > .dropdown-toggle.btn-warning:hover,
[dir] .btn-warning:active:focus, [dir] .btn-warning.active:focus,
[dir] .open > .dropdown-toggle.btn-warning:focus,
[dir] .btn-warning:active.focus, [dir] .btn-warning.active.focus,
[dir] .open > .dropdown-toggle.btn-warning.focus,
[dir] .btn-info:active:hover, [dir] .btn-info.active:hover,
[dir] .open > .dropdown-toggle.btn-info:hover,
[dir] .btn-info:active:focus, [dir] .btn-info.active:focus,
[dir] .open > .dropdown-toggle.btn-info:focus,
[dir] .btn-info:active.focus, [dir] .btn-info.active.focus,
[dir] .open > .dropdown-toggle.btn-info.focus{
    background: linear-gradient(225deg, #3BE97A 0%, #00A11A 100%) rgba(255, 255, 255, 0.15);
    border-color: #00F000;
}
[dir] .modal-footer .btn-default {
    background-color: rgba(255,255,255,0);
    border-color: snow;
    color: #00F000;
}
[dir] .btn-default:hover {
    background-color: rgba(255,255,255,0);
    border-color: snow;
    color: #00F000;
    opacity: 0.75;
}
[dir] .btn-default:active:hover, [dir] .btn-default.active:hover,
[dir] .open > .dropdown-toggle.btn-default:hover,
[dir] .btn-default:active:focus, [dir] .btn-default.active:focus,
[dir] .open > .dropdown-toggle.btn-default:focus,
[dir] .btn-default:active.focus, [dir] .btn-default.active.focus,
[dir] .open > .dropdown-toggle.btn-default.focus{
    background-color: rgba(255,255,255,0);
    border-color: snow;
    color: #00F000;
}
[dir] .login-bg{
    background: #00F000 url(../img/login-background.jpg) no-repeat center;
    background-size: cover;
}
#pre-step-three .ze-content-right .ze-content-right-bottom{
    justify-content: center;
}
.pre-to-post .ze-new-service-information .ze-content .form-horizontal{
    margin-bottom: 290px;
}
.new-salam-tv .ze-new-service-information .ze-content .options-salam-tv{
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
    width: 252px;
    height: 127px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 16px;
    cursor: pointer;
}
.new-salam-tv .ze-new-service-information .ze-content .options-salam-tv.active{
    background-image: url(../img/s-card-Selected.svg);
    background-position: 100% -1px;
    background-repeat: no-repeat;
    border: 2px solid #00F000;
}
.new-salam-tv .ze-new-service-information .ze-content .optional{
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.30);
    line-height: 17px;
}
.new-salam-tv .ze-new-service-information .ze-content .options-salam-tv>p:nth-child(1){
    margin: 15px 15px 5px 15px;
    font-size: 16px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #002035;
    line-height: 19px;
}
.new-salam-tv .ze-new-service-information .ze-content .options-salam-tv>p:nth-child(2){
    margin: 15px 15px 5px 15px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.75);
    line-height: 17px;
}


.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top {
    display: flex;
    justify-content: center;
    width: 560px;
}

[dir=ltr] .new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top {
    margin: 20px 0 20px 128px;
}

[dir=rtl] new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top {
    margin: 0 128px 20px 0;
}

.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .label-pay {
    height: 97px;
    padding-top: 13px;
    line-height: 17px;
}

.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .credit-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .select-show.active {
    padding-top: 11px;
    border-radius: 16px;
    background-image: url("../img/s-card-Selected.svg");
    background-position: 100% -1px;
    background-repeat: no-repeat;
    border: 2px solid #00F000;
    box-sizing: border-box;
}

.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .credit-card .span-card {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .credit-card .span-card {font-family: FrutigerLTArabic-65Bold;}
.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .sadad {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .sadad .span-sadad {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .sadad .span-sadad {font-family: FrutigerLTArabic-65Bold;}

.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .js-voucher-payment,
.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .js-mada {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .js-voucher-payment .span-sadad,
.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .js-mada .span-sadad {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}

[dir=rtl] .new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .js-voucher-payment .span-sadad,
[dir=rtl] .new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .js-mada .span-sadad {
    font-family: FrutigerLTArabic-65Bold;
}

.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .js-apple-pay {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 192px;
    height: 110px;
    padding-top: 11px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .js-apple-pay .span-sadad {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    line-height: 17px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-top .js-apple-pay .span-sadad {font-family: FrutigerLTArabic-65Bold;}


.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-center-fee {
    width: 570px;
    height: 40px;
    margin-bottom: 20px;
}

[dir=ltr] .new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-center-fee {
    margin-left: 128px;
}

[dir=rtl] .new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-center-fee {
    margin-right: 128px;
}

.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-center-fee .span-num {
    font-size: 16px;
    line-height: 40px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
[dir=rtl] .new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-center-fee .span-num {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-center-fee .span-currency {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-center-fee .span-currency {font-family: FrutigerLTArabic-65Bold;}
.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-center-fee .span-explain {
    font-size: 12px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.55);
}
[dir=rtl] .new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-center-fee .span-explain {font-family: FrutigerLTArabic-65Bold;}
.new-salam-tv .ze-new-service-information .ze-content .ze-content-right .ze-form-connent .right-center-number {
    width: 549px;
    height: 40px;
    margin-bottom: 20px;
}

.new-salam-tv .ze-info-list-left-right form.form-horizontal{
    display: flex;
    flex-wrap: wrap;
}
.new-salam-tv .ze-content-right .ze-but-list{
    margin-top: 0 !important;
}

/* newconnection下的关于 electronic-display */
.newconnection-electronic-display .ze-content-right{
    display: flex;
    justify-content: space-between;
    padding: 32px 48px 48px 48px;
}

.newconnection-electronic-display .ze-content-right .text-top{
    height: 100%;
    padding: 40px 44px 0 44px;
    background: #00000008;
    border-radius: 24px;
}

.newconnection-electronic-display .ze-content-right .text-top .text-top-title{
    font-size: 16px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #002035;
    line-height: 19px;
}

.newconnection-electronic-display .ze-content-right .text-top .text-top-content{
    margin-top: 20px;
    font-size: 16px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: 300;
    color: #002035;
    line-height: 19px;
    text-align: justify;
}

.newconnection-electronic-display .ze-content-right .btn-group{
    margin-top: 22px;
}

.newconnection-electronic-display .electronic-display-verify-container{
    width: 100%;
    height:100%;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
}

.newconnection-electronic-display .electronic-display-verify-container.whether-display{
    display: none;
}

.newconnection-electronic-display .electronic-display-verify-container .verify-popup{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: 300;
    color: rgba(0,0,0,0.75);
    width: 500px;
    height: 197px;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgb(0 0 0 / 10%);
    border-radius: 24px;
    padding: 32px 48px;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.newconnection-electronic-display .electronic-display-verify-container .verify-popup .btn-area{
    display: flex;
    justify-content: end;
}

.ze-package-card #slick-slider span{
    width: 48px;
    height: 48px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    background: #fff;
    cursor: pointer;
    line-height: 48px;
    text-align: center;
    font-weight: bold;
    font-family: '黑体';
    font-size: 30px;
    color: #000;
    opacity: 0.5;
    border-radius: 24px;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
}
.ze-package-card #slick-slider .right{
    right: 20px;
    left: auto;
}

.ze-package-card #downgrade-slick-slider span{
    width: 48px;
    height: 48px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    background: #fff;
    cursor: pointer;
    line-height: 48px;
    text-align: center;
    font-weight: bold;
    font-family: '黑体';
    font-size: 30px;
    color: #000;
    opacity: 0.5;
    border-radius: 24px;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
}
.ze-package-card #downgrade-slick-slider .right{
    right: 20px;
    left: auto;
}

[dir] .ui-jqgrid-pager{
    border: 0;
}
[dir] .pagination > li > a, [dir] .pagination > li > span{
    font-family: ModernEra-Light, ModernEra;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.75);
    border: 0;
    border-radius: 8px;
    background: rgba(0,0,0,0.03);
}
[dir] .ui-jqgrid-pager .ui-pg-control .pagination > li.active > a{
    background: #00F000;
}
.ze-new-service-information .ze-content-right .wifi-radio-group {
    display: flex;
    flex-direction: column;
    /* width: 100%; */
}

.ze-new-service-information .ze-content-right .wifi-radio-group .radio.wifi-radio-connent {
    display: flex;
    flex-direction: column;
    padding: 0 56px;
}

.ze-new-service-information .ze-content-right .wifi-radio-group .radio.wifi-radio-connent label {
    padding: 4px 0;
}

.ze-new-service-information .ze-content-right .wifi-checkbox-group {
    display: flex;
    flex-direction: column;
    /* width: 100%; */
}

.ze-new-service-information .ze-content-right .voucher-code-checkbox-group .checkbox.voucher-checkbox-connent {
    display: flex;
    /*padding: 0 32px;*/
    margin-bottom: 12px;
}

[dir=ltr] .ze-new-service-information .ze-content-right .voucher-code-checkbox-group .checkbox.voucher-checkbox-connent label {
    display: flex;
    align-items: center;
    padding-left: 0;
}

[dir=rtl] .ze-new-service-information .ze-content-right .voucher-code-checkbox-group .checkbox.voucher-checkbox-connent label {
    display: flex;
    align-items: center;
    padding-right: 0;
}

.ze-new-service-information .ze-content-right .voucher-code-checkbox-group .checkbox.voucher-checkbox-connent label input {
    margin: 0 8px;
}

.ze-new-service-information .ze-content-right .wifi-checkbox-group .checkbox.wifi-checkbox-connent {
    display: flex;
    padding: 0 32px;
    margin-bottom: 12px;
}

[dir=ltr] .ze-new-service-information .ze-content-right .wifi-checkbox-group .checkbox.wifi-checkbox-connent label {
    display: flex;
    align-items: center;
    padding-left: 0;
}

[dir=rtl] .ze-new-service-information .ze-content-right .wifi-checkbox-group .checkbox.wifi-checkbox-connent label {
    display: flex;
    align-items: center;
    padding-right: 0;
}

.ze-new-service-information .ze-content-right .wifi-checkbox-group .checkbox.wifi-checkbox-connent label input {
    margin: 0 8px;
}

.ze-new-service-information .ze-content-right .wifi-checkbox-group .checkbox.wifi-checkbox-connent input[type="text"] {
    border-radius: 12px !important;
    margin: 0 12px;
}

.ze-new-service-information .ze-content-right .wifi-checkbox-group .checkbox.wifi-checkbox-connent .wifi-qty-group {
    display: flex;
    margin: 0 20px;
}

.ze-new-service-information .ze-content-right .wifi-checkbox-group .checkbox.wifi-checkbox-connent .wifi-qty-group span {
    line-height: 40px;
}
.wifi-information-content .form-group:nth-child(1) > div.input-group {
    width: 400px;
}

.wifi-information-content .ze-form-connent .form-group:nth-child(3) .input-group {
    width: 195px;
}
.wifi-information-content .ze-form-connent .form-group:nth-child(3) > div.input-group:nth-child(3) {
    margin: 0 10px;
}
.wifi-information-content .ze-form-connent .form-group:nth-child(3) > div.input-group .js-open-google-map{
    width: 132px;
    border-radius: 12px;
    border: 2px solid #00F000;
}

.relocation-orderInf-container .main .right .form-group:nth-child(2) {
    width: auto;
}
.relocation-orderInf-container .main .right .form-group:nth-child(2) .input-group {
    width: 195px;
}
.relocation-orderInf-container .main .right .form-group:nth-child(2) > div.input-group:nth-child(3) {
    margin: 0 10px;
}
.relocation-orderInf-container .main .right .form-group:nth-child(2) > div.input-group .js-open-google-map-5g{
    width: 132px;
    border-radius: 12px;
    border: 2px solid #00F000;
}

/*downgrade-information-container 页面样式*/
.downgrade-information-container {
    width: 1200px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.downgrade-information-container .top {
    width: 1104px;
    height: 84px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    background-image: url("../img/bg-card.png");
    border-bottom: 1px solid #ebebeb;
}
[dir=rtl] .downgrade-information-container .top {font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;}
.downgrade-information-container .main {
    display: flex;
    width: 1200px;
    height: 536px;
}

.downgrade-information-container .main .left-steps {
    display: flex;
    flex-direction: column;
    width: 309px;
}

.downgrade-information-container .main .right {
    display: flex;
    flex-direction: column;
    width: 890px;
    padding-top: 20px;
    padding-bottom: 48px;
    position: relative;
}

.downgrade-information-container .main .right label {
    display: inline-block;
    width: 140px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

.downgrade-information-container .main .right .control-label {
    width: 200px;
}

[dir=ltr] .downgrade-information-container .main .right label {
    padding: 1px;
    margin-right: 24px;
    text-align: right;
}

[dir=rtl] .downgrade-information-container .main .right label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

.downgrade-information-container .main .right .right-date {
    width: 549px;
    height: 40px;
    margin-bottom: 20px;
    display: flex;
}

.downgrade-information-container .main .right .right-date:nth-of-type(1) {
    margin-top: 32px;
}

[dir=ltr] .downgrade-information-container .main .right .right-date {
    margin-left: 128px;
}

[dir=rtl] .downgrade-information-container .main .right .right-date {
    margin-right: 128px;
}

.downgrade-information-container .main .right .form-group .input-group {
    width: 100%;
    height: 40px;
}

.downgrade-information-container .main .right .right-center-current-edge {
    width: 549px;
    height: 40px;
    margin-bottom: 20px;
}

[dir=ltr] .downgrade-information-container .main .right .right-center-current-edge {
    margin-left: 128px;
}

[dir=rtl] .downgrade-information-container .main .right .right-center-current-edge {
    margin-right: 128px;
}

.downgrade-information-container .main .right .right-center-current-edge .current-edge-ont {
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
}
[dir=rtl] .downgrade-information-container .main .right .right-center-current-edge .current-edge-ont {font-family: FrutigerLTArabic-65Bold;}


.downgrade-information-container .main .right .right-center-edge {
    width: 549px;
    height: 40px;
    margin-bottom: 20px;
    display: flex;
}

[dir=ltr] .downgrade-information-container .main .right .right-center-edge {
    margin-left: 128px;
}

[dir=rtl] .downgrade-information-container .main .right .right-center-edge {
    margin-right: 128px;
}

.downgrade-information-container .main .right .right-salam-tv {
    display: flex;
    justify-content: center;
    width: 549px;
}

[dir=ltr] .downgrade-information-container .main .right .right-salam-tv {
    margin: 0 0 20px 128px;
}

[dir=rtl] .downgrade-information-container .main .right .right-salam-tv {
    margin: 0 128px 20px 0;
}

.downgrade-information-container .main .right .right-salam-tv .one-select-card-outer {
    width: 100%;
}

.downgrade-information-container .main .right .right-salam-tv .one-select-card-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 252px;
    height: 127px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid #f7f7f7;
    border-radius: 16px;
    box-sizing: border-box;
}

.downgrade-information-container .main .right .right-salam-tv .one-select-card-inner.active {
    border-radius: 16px;
    background-image: url("../img/s-card-Selected.svg");
    background-position: 100% -1px;
    background-repeat: no-repeat;
    border: 2px solid #00F000;
    box-sizing: border-box;
}

.downgrade-information-container .main .right .right-salam-tv .one-select-card-inner>p:nth-child(1){
    margin: 15px 15px 5px 15px;
    font-size: 16px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #002035;
    line-height: 19px;
}
.downgrade-information-container .main .right .right-salam-tv .one-select-card-inner>p:nth-child(2){
    margin: 15px 15px 5px 15px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.75);
    line-height: 17px;
}

.downgrade-information-container .main .right .form-group .input-group .glyphicon-calendar:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    content: " ";
    background: url("../img/icon-date.png") no-repeat center center;
}

.downgrade-information-container .main .right .input-group > input {
    display: inline-flex;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px 0 0 12px;
    border: none;
    outline: none;

}

[dir=ltr] .downgrade-information-container .main .right .input-group > input {
    padding-left: 24px;
}

[dir=rtl] .downgrade-information-container .main .right .input-group > input {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.downgrade-information-container .main .right .right-top {
    display: flex;
    justify-content: center;
    width: 549px;
}

[dir=ltr] .downgrade-information-container .main .right .right-top {
    margin: 0 0 20px 128px;
}

[dir=rtl] .downgrade-information-container .main .right .right-top {
    margin: 0 128px 20px 0;
}

.downgrade-information-container .main .right .right-button {
    width: 549px;
    height: 40px;
    margin-top:auto;
}

.downgrade-information-container .js-next {
    width: 128px;
    height: 40px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    border: none;
    outline: none;
}

[dir=ltr] .downgrade-information-container .js-next {
    margin: 0 8px 0 277px;
}

[dir=rtl] .downgrade-information-container .js-next {
    margin: 0 277px 0 8px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.downgrade-information-container .js-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Light, ModernEra;
    color: #00F000;
    border: none;
    border-radius: 12px;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .downgrade-information-container .js-cancel {font-family: FrutigerLTArabic-65Bold;}


/* SpamCall 页面样式*/
.ze-content-main .spam-call {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.75);
}

.ze-content-main .spam-call .spam-call-content {
    display: flex;
    flex-direction: column;
    width: 648px;
    height: 312px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #FFFFFF;
    box-shadow: 0px 8px 48px 0px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
}

.ze-content-main .spam-call .spam-call-content .title-spam-call {
    width: 552px;
    height: 84px;
    font-size: 20px;
    line-height: 84px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

[dir=ltr] .ze-content-main .spam-call .spam-call-content .title-spam-call {
    margin: 0 0 23px 48px;
}

[dir=rtl] .ze-content-main .spam-call .spam-call-content .title-spam-call {
    margin: 0 48px 23px 0;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

[dir=ltr] .ze-content-main .spam-call .spam-call-content .title-spam-call img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 26px;
    right: 0;
    cursor: pointer;
}

[dir=rtl] .ze-content-main .spam-call .spam-call-content .title-spam-call img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 26px;
    left: 0;
    cursor: pointer;
}

[dir=ltr] .ze-content-main .spam-call .spam-call-content .spam-call-form-main {
    padding-left: 48px;
}

[dir=rtl] .ze-content-main .spam-call .spam-call-content .spam-call-form-main {
    padding-right: 48px;
}

.ze-content-main .spam-call .spam-call-content .spam-call-form-main .form-group {
    display: flex;
    width: 555px;
    height: 40px;
    margin-bottom: 20px;
}

.ze-content-main .spam-call .spam-call-content .spam-call-form-main .form-group label {
    display: inline-block;
    width: 167px;
    font-size: 14px;
    line-height: 40px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
}

[dir=ltr] .ze-content-main .spam-call .spam-call-content .spam-call-form-main .form-group label {
    margin-right: 24px;
    text-align: right;
}

[dir=rtl] .ze-content-main .spam-call .spam-call-content .spam-call-form-main .form-group label {
    margin-left: 24px;
    text-align: left;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-content-main .spam-call .spam-call-content .spam-call-form-main .form-group .input-group {
    width: 361px;
    height: 40px;
}

.ze-content-main .spam-call .spam-call-content .spam-call-form-main .form-group .form-control {
    height: 40px;
    font-size: 14px;
    line-height: 25px !important;
    font-family: Gotham-Book, Gotham !important;
    font-weight: normal !important;
    color: rgba(0, 0, 0, 0.75) !important;
    /*background: #f7f7f7;*/
    border: none;
    border-radius: 12px;
    box-sizing: border-box;
}
.ze-content-main .spam-call .spam-call-content .spam-call-form-main .form-group .ze-code-correct {
    width:200px;
}

[dir=ltr] .ze-content-main .spam-call .spam-call-content .spam-call-form-main .form-group .form-control {
    padding-left: 24px;
}

[dir=rtl] .ze-content-main .spam-call .spam-call-content .spam-call-form-main .form-group .form-control {
    padding-right: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

.ze-content-main .spam-call .spam-call-content .spam-call-form-main .form-group .form-control:focus {
    box-shadow: none;
}

.ze-content-main .spam-call .spam-call-content .right-button {
    display: flex;
    justify-content: flex-end;
}

.ze-content-main .button-cancel {
    width: 96px;
    height: 40px;
    font-size: 14px;
    line-height: 34px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: #00F000;
    border: none;
    border-radius: 12px;
    box-sizing: border-box;
    background: none;
    outline: none;
    cursor: pointer;
}
[dir=rtl] .ze-content-main .button-cancel  {font-family: FrutigerLTArabic-65Bold;}
.ze-content-main .button-confirm {
    width: 128px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    font-family: ModernEra-Bold, ModernEra;
    font-weight: bold;
    color: #005174;
    cursor: pointer;
    border-radius: 12px;
    background: #00F000;
    box-shadow: 0px 6px 12px 0px rgba(0, 177, 64, 0.2);
    box-sizing: border-box;
    border: none;
    outline: none;
}

[dir=ltr] .ze-content-main .button-confirm {
    margin: 0 48px 0 8px;
}

[dir=rtl] .ze-content-main .button-confirm {
    margin: 0 8px 0 48px;
    font-family: FrutigerLTArabic-65Bold, FrutigerLTArabic;
}

.ze-content-main .ze-change-pop {
    left: 0;
    width: 242px;
    height: 48px;
    line-height: 48px;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    font-size: 14px;
    font-family: ModernEra-Light, ModernEra;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    position: fixed;
    z-index: 1000;
    right: 0;
    margin: auto;
    top: 64px;
}

[dir=ltr] .ze-content-main .ze-change-pop {
    text-align: right;
    padding-right: 24px;
    padding-left: 24px;
}

[dir=rtl] .ze-content-main .ze-change-pop {
    text-align: left;
    padding-right: 24px;
    padding-left: 24px;
    font-family: FrutigerLTArabic-65Bold;
}

[dir=ltr] .ze-content-main .ze-change-pop img {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

[dir=rtl] .ze-content-main .ze-change-pop img {
    width: 20px;
    height: 20px;
    margin-left: 12px;
}

.ze-content-main .item-spam-call .spamCallRadio .spam_call_radio .iradio{
    margin-left: 0px; !important;
    margin-right: 6px;
}


.voucher_title {
    color: #002035;
    font-family: ModernEra-Bold, ModernEra;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%; /* 28.8px */
}

.voucher_content {
    color: #80909A;
    font-family: ModernEra-Bold, ModernEra;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
}
.voucher_content_black {
    color: #002035;
    font-family: ModernEra-Bold, ModernEra;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
}

/* 卡片样式 */
.voucher_card {
    display: inline-block;
    padding: 8px;
    margin: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    transition: box-shadow 0.3s ease;
    width: 30%;
    min-width: 170px;
}

.voucher_card.disabled {
    opacity: 0.6;
    pointer-events: none; /* 禁用点击事件 */
}

/* 鼠标悬停时增加阴影 */
.voucher_card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* 复选框和标签的布局 */
.voucher_card label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 0;
}

/* 图片样式 */
.voucher_card img {
    width: 32px;
    height: 32px;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 4px;
}

/* 复选框样式 */
.voucher_card input[type="checkbox"] {
    margin-right: 10px;
    margin-left: 10px;
}

.wap-voucher-code .ze-content .ze-content-right .ze-form-connent {
    width: 70%;
}

.wap-map-relocation .ze-content .ze-content-right .ze-form-connent {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.wap-map-relocation .ze-content .ze-content-right .ze-form-connent .relocation-map-content {
    font-family: ModernEra-Light, ModernEra;
    color: rgba(0, 0, 0, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

#ifr_map {
    width: 928px;
    height: 458px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.wap-map-relocation .ze-content .ze-content-right .ze-form-connent .js-map-submit-btn {
    display: flex;
    width: 180px;
    height: 56px;
    justify-content: center;
    align-items: center;
}