@font-face {
    font-family: "HYQiHei";
    src: url("https://res.zulong.com/cms/mystyle/fonts/HanQiHei.otf");
}

.red {
    color: red;
}

.loading {
    width: 100vw;
    height: 100vh;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.loading img {
    width: 2rem;
}

.dialog {
    font-family: "HYQiHei";
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    box-sizing: border-box;
}

.dialog-main {
    width: 6.07rem;
    height: 7.36rem;
    border-radius: 0.04rem;
    border: 0.23rem solid rgba(255, 255, 255, 0.55);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.2rem;
    /* overflow: auto; */
}

.dialog-main-con {
    background: #fff;
    width: 100%;
    height: 100%;
    border: 0.03rem dotted #A64643;
    border-radius: 0.04rem;
}

.dialog-close {
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    background: url(../../img/mo/pop_close.png) no-repeat top center;
    background-size: 100%;
}

.dialog-q-content {
    width: 100%;
    display: flex;
}

.dialog-q-content img {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.dialog-q .dialog-main {
    height: 4.91rem;
}

.dialog-rule .dialog-main-con {
    padding: 0.35rem 0.3rem;
    line-height: 0.27rem;
    box-sizing: border-box;
    overflow: auto;
}

.dialog-info .dialog-main {
    text-align: center;
    height: 2rem;
    /* line-height: 2rem; */
    overflow: initial;
    font-size: 0.32rem;
    z-index: 99;
}

.dialog-info .dialog-main-con {
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-align: center;
    box-sizing: border-box;
    padding-top: 0.7rem; */
    line-height: 0.5rem;
}

.dialog-info .dialog-main span {
    /* word-break: break-all; */
}

.mt20 {
    margin-top: 0.2rem;
}

.dialog-q .dialog-main {
    height: 7.57rem;
}

.dialog-q .dialog-close {
    right: -0.2rem;
    top: -0.2rem;
}

.dialog-wxTip-img {
    width: 5.77rem;
    height: 2.95rem;
    position: absolute;
    right: 0.5rem;
    top: 0.8rem;
    background: url(../../img/mo/wx_tip.png) no-repeat top center;
    background-size: 100%;
}

/* 登录 */

.dialog-sign-in .dialog-main {
    width: 7.5rem;
    height: 5.82rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../../img/mo/pop/pop_box.png) no-repeat top center;
    background-size: 100%;
    padding: 0 1.4rem 0 1.4rem;
    box-sizing: border-box;
    font-size: 0.26rem;
    border: none;
}

.dialog-close2 {
    width: 0.64rem;
    height: 0.55rem;
    background: url(../../img/mo/pop/bg1_defeated.png) no-repeat top center;
    background-size: 100%;
    position: absolute;
    right: 0.84rem;
    top: -0.65rem;
    cursor: pointer;
}

.dialog-sign-in .logo {
    width: 1.84rem;
    height: 0.65rem;
    /* background: url(../../img/points/mo/pop/pop_loginlogo.png) no-repeat top center; */
    background-size: 100%;
    margin: 0.7rem auto 0.2rem;
}

.dialog-sign-in .account-form {
    margin: 0.4rem 0;
}

.dialog-sign-in input {
    width: 100%;
    height: 0.56rem;
    box-shadow: 0px 1px 3px 0px rgba(184, 183, 201, 0.43);
    border: none;
    margin-bottom: 0.2rem;
    color: #b8b7c9;
    font-size: 0.21rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
}

.dialog-sign-in .code-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: top;
}

.dialog-sign-in .sign-in-btn,
.dialog-sign-in .code-btn {
    width: 2rem;
    height: 0.56rem;
    color: #fff;
    background-color: #A64643;
    margin: 0.1rem auto 0;
    font-size: 0.3rem;
    line-height: 0.56rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.06rem;
}

.dialog-sign-in .code-btn {
    width: 2rem;
    height: 0.56rem;
    margin: 0 0 0 0.2rem;
    border: none;
}

.dialog-sign-in .code-btn.disabled-btn {
    font-size: 0.2rem;
}

.dialog-sign-in .tool-bars {
    display: flex;
    justify-content: space-between;
    font-size: 0.22rem;
    text-align: center;
    margin-top: 0.2rem;
    margin-bottom: 0.16rem;
}

.dialog-sign-in .tool-bars .psw,
.dialog-sign-in .tool-bars .apple {
    width: 2.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: url(../../img/mo/pop/pop_btn1.png) no-repeat top center;
    background-size: 100%;
    color: #e1e1e1;
    position: relative;
    cursor: pointer;
}

.dialog-sign-in .tool-bars .apple {
    background: url(../../img/mo/pop/pop_btn2.png) no-repeat top center;
    background-size: 100%;
}

.dialog-sign-in .tool-bars .psw>span,
.dialog-sign-in .tool-bars .apple>span {
    position: relative;
    left: 0.1rem;
}


.dialog-sign-in .tips {
    text-align: center;
    line-height: 0.26rem;
    color: #424243;
    font-size: 0.16rem;
}

.dialog-sign-in .protocol {
    display: flex;
    justify-content: center;
}

.dialog-sign-in .protocol a {
    color: #424243;
    text-decoration: underline;
}

.dialog-sign-in .checkbox-btn,
.dialog-sign-in .checkbox-btn.checked {
    width: 0.2rem;
    height: 0.2rem;
    background: url(../../img/mo/pop/pop_select.png) no-repeat top center;
    background-size: 100%;
    margin-right: 0.06rem;
    margin-top: 0.04rem;
    cursor: pointer;
}

.dialog-sign-in .checkbox-btn.checked {
    background: url(../../img/mo/pop/pop_select1.png) no-repeat top center;
    background-size: 100%;
}

.dialog-sign-in .backAccountLogin {
    text-decoration: underline;
    cursor: pointer;
    margin-top: 0.2rem;
    font-size: 0.22rem;
    text-align: center;
    color: #000;
}

/* 角色 */
.dialog-roles .dialog-main {
    width: 7.5rem;
    height: 5.82rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../../img/mo/pop/pop_box1.png) no-repeat top center;
    background-size: 100%;
    border: none;
}

.dialog-roles .dialog-close2 {
    /* top: -0.5rem; */
    right: 0.6rem;
}

.dialog-roles .dialog-main-con2 {
    padding: 0.3rem 0 0 0.84rem;
}

.dialog-roles .role-title {
    width: 1.78rem;
    height: 0.57rem;
    background: url(../../img/mo/pop/pop_btn3.png) no-repeat top center;
    background-size: 100%;
}

.dialog-roles .role-list {
    margin-top: 0.12rem;
    width: 6rem;
    height: 3.7rem;
    /* display: flex;
    flex-wrap: wrap; */
    overflow-y: auto;
}

.dialog-roles .role-item {
    width: 2.98rem;
    height: 1.08rem;
    background: url(../../img/mo/pop/pop_boxbg.png) no-repeat top center;
    background-size: 100%;
    padding: 0.16rem 0 0 0.14rem;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    margin-bottom: 0.04rem;
}

.dialog-roles .role-item>div {
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dialog-roles .role-name {
    font-size: 0.21rem;
    color: #2b2826;
    line-height: 0.2rem;
}

.dialog-roles .role-id {
    font-size: 0.17rem;
    color: #2b2826;
}

.dialog-roles .role-server {
    font-size: 0.14rem;
    color: #fff;
    margin-top: 0.16rem;
    text-align: right;
}


/* 优惠卷 */
.dialog-coupon .dialog-main {
    width: 7.5rem;
    height: 6.22rem;
    background: url(../../img/mo/pop/pop_box3.png) no-repeat top center;
    background-size: 100%;
    border: none;
    padding: 0.66rem 1.1rem 0 1.1rem;
    box-sizing: border-box;
}

.dialog-coupon .dialog-close {
    width: 0.64rem;
    height: 0.55rem;
    background: url(../../img/mo/pop/bg1_defeated.png) no-repeat top center;
    background-size: 100%;
    position: absolute;
    right: 0.8rem;
    top: -0.68rem;
    cursor: pointer;
}

.dialog-coupon .tips {
    font-size: 0.24rem;
    color: #A64643;
    line-height: 0.31rem;
}

.dialog-coupon .main-list {
    height: 3.7rem;
    overflow-y: auto;
    padding: 0 0.2rem;
    margin: 0 auto;
    margin-top: 0.09rem;

}

.dialog-coupon .coupon-item {
    margin-top: 0.16rem;
    width: 4.82rem;
    height: 0.83rem;
    background: url(../../img/mo/pop/pop_boxbj.png) no-repeat top center;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.2rem;
    box-sizing: border-box;
    font-size: 0.14rem;
}

.dialog-coupon .left {
    color: #A64643;
    font-size: 0.14rem;
}

.dialog-coupon .price {
    vertical-align: baseline;
}

.dialog-coupon .price>span:nth-child(1) {
    font-size: 0.24rem;
    position: relative;
    top: 0.08rem;
    font-weight: bold;
}

.dialog-coupon .price>span:nth-child(2) {
    font-size: 0.39rem;
}

.dialog-coupon .right>p:nth-child(1) {
    font-size: 0.23rem;
    line-height: 0.26rem;
    margin-top: 0.1rem;
    color: #424243;
}

.dialog-coupon .right>p:nth-child(2) {
    font-size: 0.14rem;
    color: #424243;
    margin-top: 0.1rem;
}

.dialog-coupon .rule-btn {
    font-size: 0.18rem;
    color: #A64643;
    float: right;
    margin: 0.07rem 0 0.09rem 0;
    cursor: pointer;
}

.dialog-coupon .use-btn {
    width: 2.04rem;
    height: 0.62rem;
    background: url(../../img/mo/pop/pop_btn4.png) no-repeat top center;
    background-size: 100%;
    margin: 0.35rem auto;
    cursor: pointer;
}

.dialog-coupon-rule .dialog-main {
    width: 5.47rem;
    height: 7.36rem;
    background: url(../../img/mo/pop/pop_rulebox.png) no-repeat top center;
    background-size: 100%;
    border: none;
    padding: 0.5rem 0.45rem;
    box-sizing: border-box;
}

.dialog-coupon-rule .dialog-close {
    width: 0.17rem;
    height: 0.19rem;
    background: url(../../img/mo/pop/coupon_close.png) no-repeat top center;
    background-size: 100%;
    position: absolute;
    right: 0.4rem;
    top: 0.4rem;
    cursor: pointer;
}

.dialog-coupon-rule .dialog-coupon-rule-title {
    font-size: 0.36rem;
    margin: 0 auto;
    font-weight: bold;
    color: #A64643;
    text-align: center;
    margin-bottom: 0.3rem;
}


.dialog-coupon-rule .rule-list {
    font-size: 0.22rem;
    color: #171717;
    line-height: 0.34rem;
    margin-top: 0.1rem;
}

.dialog-coupon-rule .close-btn {
    width: 2.73rem;
    height: 0.7rem;
    background: url(../../img/coupon/mo/pop_rulebtn.png) no-repeat top center;
    background-size: 100%;
    cursor: pointer;
    margin: 0.2rem auto;
}

.dialog-confirm-coupon .dialog-main3 {
    width: 7.5rem;
    height: 5.38rem;
    background: url(../../img/pay_tip_pop.png) no-repeat top center;
    background-size: 100%;
    border: none;
    padding: 1.2rem 1rem 0 1rem;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.dialog-confirm-exchange .dialog-main3,
.dialog-confirm-coupon .dialog-main3 {
    /* padding-top: 0.8rem; */
}

.dialog-confirm-exchange .msg,
.dialog-success-exchange .msg,
.dialog-confirm-coupon .msg,
.dialog-confirm-coupon .msg {
    font-size: 0.22rem;
    color: #171717;
    text-align: center;
}

.dialog-confirm-exchange .confirm-btn,
.dialog-confirm-coupon .confirm-btn,
.dialog-success-exchange .btn-group>div {
    width: 2.1rem;
    height: 0.64rem;
    background: url(../../img/pop_btn4.png) no-repeat top center;
    background-size: 100%;
    margin: 0.3rem auto 0;
    font-size: 0.16rem;
    color: #eadfce;
    text-align: center;
    line-height: 0.4rem;
    cursor: pointer;
}