.ddwinBtnDisabled {
    background: var(--ddwinGreyButtonColor);
    color: var(--ddwinDisabledColor)
}

body {
    --themeColor: #00d2ff;
    --grey: #8d8f99;
    --red: #ed1c34;
    --textColor: #2e3033;
    --textDisable: #b8bbc2;
    --themeSecColor: #ebf9ff;
    --lineColor: #f0f3f5;
    --borderColor: #e4e6eb;
    --pink: #f0dbe0;
    --bgColor: #f5f6f7;
    --green: #0bce6c;
    --themeHoverColor: #00c0fa;
    --scrollColor: #e0f6ff;
    --ddwinGreyButtonColor: hsla(0, 0%, 100%, 0.08);
    --ddwinDividerColor: hsla(0, 0%, 100%, 0.08);
    --ddwinBgSpaceColor: hsla(0, 0%, 100%, 0.12);
    --ddwinDisabledColor: hsla(0, 0%, 100%, 0.2);
    --ddwinGreyTextColor: hsla(0, 0%, 100%, 0.2);
    --ddwinDialogLoadColor: #4c4c4c;
    --ddwinDialogColor: #2a2a2a;
    --ddwinBgColor: #131313;
    --ddwinTitleColor: #ebdbbc;
    --ddwinBorderColor: rgba(235, 200, 110, 0.4);
    --ddwinThemeColor: #ebc86e;
    --ddwinTextColor: rgba(235, 219, 188, 0.6);
    --ddwinTextDefaultColor: rgba(235, 219, 188, 0.4);
    --ddwinTextThemeColor: #ebdbbc;
    --ddwinBtnBgThemeColor: linear-gradient(180deg, #e3cd9c 0%, #b29661);
    --ddwinBtnBgTextColor: #503816
}

input {
    font-size: 16px
}

.el-message-box__wrapper .el-message-box__title {
    overflow: hidden
}

.el-message-box__wrapper .el-message-box__title span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%;
    display: inherit;
    height: 20px;
    display: inline-block
}

.prevImgBox {
    position: fixed;
    z-index: 3000;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0
}

.prevImgBox .prevBg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    display: flex
}

.prevImgBox .prevBg img {
    max-height: 80vh;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.grey,
.nomore {
    color: var(--grey)
}

.nomore {
    text-align: center;
    font-size: .88rem;
    padding-bottom: 1rem
}

.el-button.el-button--default {
    background: none;
    border-color: var(--themeColor);
    color: var(--themeColor)
}

.el-button.el-button--primary {
    color: #fff;
    background: var(--themeColor);
    border-color: var(--themeColor)
}

.el-button.el-button--primary:hover {
    color: #fff;
    background-color: var(--themeHoverColor)
}

.el-button.el-button.el-button--info {
    color: #fff;
    background-color: var(--textDisable);
    border-color: var(--textDisable)
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: var(--themeColor) !important
}

.el-tabs__active-bar {
    background-color: var(--themeColor) !important
}

.el-tabs__item:not(".is-disabled"):hover {
    color: var(--themeHoverColor) !important
}

.el-tabs__item.is-active {
    color: var(--themeColor) !important
}

.el-input-group__append {
    background: var(--themeColor)
}

.el-input-group__append .el-button {
    border: none;
    color: #fff;
    background: var(--themeColor)
}

.el-input-group__append .el-button:before {
    background: none
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover,
.el-date-table td.available:hover,
.el-date-table td.today span,
.el-picker-panel__icon-btn:hover {
    color: var(--themeColor)
}

.el-date-table td.current:not(.disabled) span {
    background: var(--themeColor)
}

.el-form .el-form-item {
    padding-bottom: 1rem
}

.pointer {
    cursor: pointer
}

.flex {
    display: flex
}

.flex-column {
    display: flex;
    flex-direction: column
}

.flex-center {
    display: flex;
    align-items: center
}

.flex-start {
    display: flex;
    align-items: flex-start !important
}

.flex-s-b {
    justify-content: space-between
}

.icon.icon-animate,
.icon.icon-animate:before {
    transition: .2s;
    display: inline-block
}

.icon.icon-animate.up:before {
    transform: rotate(0)
}

.icon.icon-animate.down:before {
    transform: rotate(180deg)
}

.currencybox {
    display: flex
}

.currencybox .currency {
    font-size: .75rem;
    align-self: flex-start;
    color: var(--grey)
}

.currencybox .amount {
    font-size: 1.5rem;
    margin-left: .3rem;
    color: var(--textColor)
}

a {
    text-decoration: none;
    color: var(--themeColor)
}

.line {
    height: 1px;
    width: 100%;
    background: var(--borderColor)
}

.common-title {
    height: 4rem;
    line-height: 2rem;
    padding: 1rem;
    font-size: 1.125rem;
    box-sizing: border-box;
    font-stretch: normal;
    font-weight: 700;
    border-bottom: 1px solid #e1e4e8
}

img.animate {
    transition: .2s
}

img.animate.up {
    transform: rotate(0deg)
}

img.animate.down {
    transform: rotate(180deg)
}

.common-list .item {
    height: 4rem;
    line-height: 2rem;
    padding: 1rem;
    font-size: 1.125rem;
    box-sizing: border-box;
    font-stretch: normal;
    font-weight: 700;
    border-bottom: 1px solid #e1e4e8;
    position: relative;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0
}

.common-list .item:after {
    content: "";
    width: calc(100% - 1rem);
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #e1e4e8
}

.common-list .item.active {
    background: #f0faff
}

.common-list .item.active img {
    transform: translate(0deg);
    transition: .2s
}

.common-list .item.active .down img {
    transform: translate(180deg);
    transition: .2s
}

.common-list .item.active:before {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--themeColor);
    content: "";
    display: block;
    width: .19rem;
    height: 100%
}

.common-container {
    width: 64.56rem;
    height: 100%;
    display: flex
}

.common-container .navBox {
    width: 19.5rem;
    border-right: 1px solid #e1e4e8
}

.common-container .detailbox {
    flex: 1;
    max-width: 100%;
    overflow: hidden
}

.common-container .detailbox .blanktitle {
    width: 100%;
    display: block;
    height: calc(4rem - 1px);
    border-bottom: 1px solid #e1e4e8
}

.common-container .detailbox .detail-title,
.common-container .detailbox .select-title {
    display: flex;
    align-items: center;
    height: 4rem;
    box-sizing: border-box;
    padding: 1rem;
    border-bottom: 1px solid #e1e4e8;
    cursor: pointer
}

.common-container .detailbox .detail-title img,
.common-container .detailbox .select-title img {
    margin-left: .5rem;
    width: 1rem;
    height: 1rem
}

.textoverhidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div {
    box-sizing: border-box
}

input {
    font-weight: 400
}

input::-moz-placeholder {
    font-weight: 400
}

input:-ms-input-placeholder {
    font-weight: 400
}

input::placeholder {
    font-weight: 400
}

.el-button.bigbtn {
    width: 100%
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    background-color: #dadde3;
    border-color: #dadde3
}

.el-form .el-form-item {
    margin-bottom: 1rem
}

.el-form .el-form-item .el-form-item__label {
    font-size: .88rem;
    height: 1.25rem;
    line-height: 1.25rem;
    margin-bottom: .63rem
}

.el-form .el-form-item .el-form-item__content {
    line-height: 3rem
}

.el-form .el-form-item .el-form-item__content .el-input__inner {
    height: 3rem
}

.el-form .el-form-item .el-form-item__content .el-input__icon {
    line-height: 3rem
}

.el-dialog__header {
    height: 3.5rem;
    box-sizing: border-box;
    padding: 1.06rem 1.5rem !important
}

.el-dialog__body {
    padding: 0 !important
}

.el-dialog__body .tips {
    background-color: var(--lineColor);
    height: 2rem;
    line-height: 2rem;
    padding: 0 1.5rem
}

.el-dialog__body .el-form {
    padding: 0 1.5rem !important
}

.el-dialog__body .el-tabs__item {
    height: 3rem;
    line-height: 3rem;
    position: relative
}

.el-dialog__body .el-tabs__item:first-child:after {
    display: none
}

.el-dialog__body .el-tabs__item:after {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: .06rem;
    height: 1rem;
    background-color: var(--borderColor)
}

.el-textarea__inner:focus {
    border-color: var(--themeColor) !important
}

.el-input__inner {
    height: 3rem
}

.el-input__suffix .el-input__suffix-inner {
    position: relative;
    display: inline-block;
    height: 3rem;
    line-height: 3rem
}

.el-input__suffix .el-input__suffix-inner .icon {
    float: right;
    position: relative;
    top: 50%;
    margin-right: 1.13rem;
    margin-left: 1.13rem;
    transform: translateY(-50%);
    width: 20px
}

.el-input__suffix .el-input__suffix-inner .icon+i {
    line-height: 1 !important;
    float: left
}

.inputer .el-icon-circle-close {
    color: var(--grey);
    cursor: pointer;
    align-self: center
}

.cell .label {
    line-height: 1.25rem;
    font-size: .88rem;
    color: var(--textColor);
    margin-bottom: .63rem;
    margin-top: 1rem
}

.cell .van-cell {
    background: none
}

.cell .inputer {
    display: flex;
    align-items: center;
    border: .06rem solid #eaeced;
    padding: .81rem 1rem;
    border-radius: .31rem;
    background-color: #fff;
    height: 3rem;
    line-height: 3rem;
    box-sizing: border-box
}

.cell .inputer .van-field__control {
    width: 100%;
    height: 100%;
    line-height: 1
}

.cell .inputer img {
    min-width: 1rem;
    margin-left: 1.13rem
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.CopyBgColor {
    width: 40px;
    height: 40px;
    border: 50%;
    background-color: #f5f6f7;
    border-radius: 50%;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.router-viewbox {
    position: relative;
    height: 100%
}

.forget-checkbox {
    display: flex;
    justify-content: space-between;
    padding: 1rem 3.38rem 3.63rem
}

.forget-checkbox .forget-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8.25rem;
    height: 3.25rem;
    background-color: #f0f3f5;
    border-radius: .31rem;
    border: .06rem solid #e4e6eb;
    cursor: pointer
}

.forget-checkbox .forget-item img {
    height: 1.25rem;
    margin-right: .5rem
}

.com_loginbox {
    padding: 3.5rem 2rem 2rem
}

.com_loginbox .top {
    justify-content: space-between;
    margin-bottom: 2.5rem
}

.com_loginbox .title {
    font-size: 1.5rem;
    line-height: 2.06rem;
    color: #2e3033
}

.com_loginbox .lang {
    position: relative
}

.com_loginbox .lang .langBox {
    width: 11.25rem;
    position: absolute;
    top: 1.3rem;
    right: 0;
    z-index: 1000;
    box-shadow: 0 .19rem .75rem 0 rgba(0, 0, 0, .1);
    border-radius: .31rem
}

.com_loginbox .lang .icons {
    display: flex;
    align-items: center
}

.com_loginbox .lang .icons img.icon {
    width: 1.88rem;
    height: 1.88rem
}

.com_loginbox .lang .icons img.down {
    width: 1rem;
    height: 1rem
}

.icon {
    width: 1.25rem;
    height: 1.25rem
}

.forget {
    text-align: right;
    font-size: .88rem
}

.register {
    text-align: center;
    font-size: .88rem
}

.bigbtn {
    margin-top: 6.75rem;
    margin-bottom: 1rem
}

#pc_login {
    height: 100%
}

#pc_login .pc_loginbox {
    background: #fff;
    min-width: 72.5rem;
    width: 72.5rem;
    height: 100%;
    position: relative
}

#pc_login .pc_loginbox .cenbox {
    width: 29rem;
    position: absolute;
    top: 50%;
    margin: auto;
    right: 11.75rem;
    min-height: 34.56rem;
    transform: translateY(-50%);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, .05);
    border-radius: .63rem
}

#pc_login .pc_loginbox .version_tip {
    position: absolute;
    bottom: 1.25rem;
    right: 17rem;
}

#pc_login .pc_loginbox .cir_bg {
    width: 36.75rem;
    height: 43.75rem;
    position: absolute;
    left: 0;
    bottom: 0
}

#pc_login .pc_loginbox .logo {
    display: flex;
    align-items: center;
    height: 2.5rem;
    position: absolute;
    top: 1.19rem;
    left: 22.5rem;
    z-index: 10
}

#pc_login .pc_loginbox .logo .cir {
    height: 2.5rem
}

#pc_login .pc_loginbox .logo .font {
    height: 1.5rem
}

#pc_login .pc_loginbox .kefubtn {
    cursor: pointer;
    position: absolute;
    top: 1.19rem;
    right: 2.5rem;
    display: flex;
    align-items: center;
    height: 2rem;
    line-height: 2rem;
    color: var(--themeColor);
    padding: .5rem .63rem;
    box-sizing: border-box;
    border-radius: 16px;
    justify-content: center;
    border-color: var(--themeColor);
    z-index: 10
}

#pc_login .pc_loginbox .kefubtn img {
    height: 1.3rem;
    align-self: center
}

#pc_login .pc_loginbox .kefubtn span {
    font-size: .88rem
}

#pc_login .pc_bg {
    width: 47.5rem;
    background: #ebf9ff
}

#pc_login .pc_bg img {
    width: 100%;
    max-width: 47.5rem;
    min-width: 40.5rem;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}