input,textarea{ -webkit-user-select:text;}
html,body,div,ul,p,dl,dt,dd,em,span,i,img,input {margin:0; padding:0; font-size:100%; vertical-align:baseline;}
html {font-size:15.6vw; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; *text-overflow:ellipsis; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body {color:#000; background-color:#f3f3f3; margin:0 auto; font-size:100%; font-family:-apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; -webkit-font-smoothing:antialiased; background-attachment:fixed; overflow: hidden;}
a {outline:none; color:#000; text-decoration:none; -webkit-user-select:none; -webkit-user-drag:none; -webkit-tap-highlight-color:rgba(0,0,0,0);background-color:transparent;}
input {outline:none;}
input::-webkit-input-placeholder {color:#bbb;}
img {border:0; max-width:100%; display:block;}
li {list-style:none;}
i,em {font-style:normal;}
div,p {word-break:break-all; word-wrap:break-word;}
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {zoom:1;}
.hide {display:none !important;}
.blue {color: #0090ff;}
.gray {color: #aaa;}
.orange {color: #f60;}
@media screen and (min-width:640px){
	html {font-size:100px;}
}
.wrap {padding:0 .2rem; margin:auto; background-color:#fff;}
.pt20 {padding-top: .2rem;}

.dialog-warp {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.3); top:0; left:0; z-index:9000;}
.dialog {width:5rem; background-color:#fff; border-radius:.15rem; position:absolute; margin:auto;top:50%; left:0; right:0; z-index:999;}
.dialog-close {width:.5rem; height:.5rem; background:#fff url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat .07rem -2.65rem / 6.4rem; position:absolute; top:.05rem; right:.05rem; z-index:999;}

/*.tips {position:fixed; margin:0 .7rem; height:.6rem; line-height:.6rem; font-size:.2rem; background:rgba(255,80,0,.8); bottom:1.2rem; left:0; right:0; border-radius:.5rem; color:#fff; text-align:center; z-index:10001;}*/
.tips {position:fixed; margin:0 .7rem; bottom:.25rem; left:0; right:0;  text-align:center; z-index:10001;}
.tips span {height:.6rem; line-height:.6rem; font-size:.2rem; background:rgba(255,80,0,.8); border-radius:.5rem; color:#fff;text-align:center;padding: 0.12rem 0.35rem;}

.tips > .green {background:rgba(50,160,0,.8);}
.tips > .orange {background:rgba(255,80,0,.8);}

.service_dialog-warp {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.3); top:0; left:0; z-index:9000;}
.dialog-service {font-size:.2rem; height:3.7rem; margin-top:-1.85rem;}
.dialog-service > ul {padding:.6rem .2rem .2rem .45rem;}
.dialog-service > ul > li {display:flex; align-items:center; padding:.13rem 0; position:relative;}
.dialog-service > ul > .des {color:#999; margin-bottom: .13rem;}
.dialog-service > ul > li > i {display:inline-block; width:.4rem; height:.31rem; background:#fff url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat 0 -3.32rem / 6.4rem;}
.dialog-service > ul > li.qq > i {background-position:0 -3.85rem;}
.dialog-service > ul > li.wechat > i {background-position:0 -4.37rem;}
.dialog-service > ul > li > a {display:block; font-size:.14rem; padding:.05rem .1rem; color:#964ffd; border:1px solid #964ffd; background-color:#fff; border-radius:.1rem; position:absolute; top:.1rem; right:.4rem; z-index:1000;}
.dialog-service > ul > li > a:active {color:#fff; background-color:#964ffd;}
.service_dialog-close {width:.5rem; height:.5rem; background:#fff url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat .07rem -2.65rem / 6.4rem; position:absolute; top:.05rem; right:.05rem; z-index:999;}

.dialog-agreement {width:90%; height:80%; top:0; bottom:0;}
.agreement-content {height:88%; font-size:.16rem; margin:.6rem .2rem .2rem .2rem; overflow:scroll;}
.agreement-content > h3 {text-align:center;}

.guide_dialog-warp {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.3); top:0; left:0; z-index:9000;}
.guide_dialog-iframe {width: 95%; height:88%; font-size:.16rem; margin:.6rem .2rem .2rem .2rem; overflow:scroll;}
.guide_dialog-close {width:.5rem; height:.5rem; background:#fff url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat .07rem -2.65rem / 6.4rem; position:absolute; top:.05rem; right:.05rem; z-index:999;}

.form {padding-top:.2rem; font-size:.22rem;}
.form-ipt {display:flex; align-items:center; border-bottom:1px solid #f2f2f2;  height:.8rem; position:relative;}
.form-ipt > input {width:100%; border:none;}
.form-ipt > .code {display:flex; align-items:center; color:#9850fe; position:absolute; top:0; bottom:0; right:0; z-index:999;}
.form-ipt > .code.disable {color:#999;}
.form-agreement {display:flex; align-items:center; height:.8rem; position:relative; font-size:.18rem; color:#999;}
.form-agreement > input {margin-right:.1rem;}
.form-btn {display:flex; height:.7rem; margin:.4rem auto; align-items:center; justify-content:center; font-size:.22rem; color:#fff; background-color:#964ffd; border-radius:.5rem;}
.form-link {font-size:.22rem;}
.form-link > .register {float:left;}
.form-link > .find-password {float:right;}
.form-tips {max-width:6.1rem; margin:auto; font-size:.2rem; text-align:center; padding:.15rem;}
.form-tips.yellow {background-color:#fff8c6; color:#ff7800;}
.form-tips.green {background-color:#dae8cf; color:#449206;}

.van-tabs__wrap {height: .7rem!important;}
.van-tab span{font-size: .24rem; line-height:.7rem;}
.van-tabs__line {width: .5rem!important;}

/* about_login start */
.container {position: fixed; top: 0; right: 0; bottom: 0; left: 0; height:100%; width:100%; background-size:100% 100%; text-align: center; font-size: 0; white-space: nowrap; overflow: auto;}
.container:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}

.about-login {width:82%; display: inline-block; vertical-align: middle; text-align: left; font-size: .18rem; white-space: normal;max-width: 6.3rem;}
.about-login > .login-wrap {padding:.2rem .3rem; margin:auto; background-color:#fff;}

.login-logo {
    background-image: url(//cdn-fe.ziwanyouxi.com/h5_login/static/images/login_logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
/*    background-attachment: fixed;*/
    height: 12.8%;
    width: 40%;
    display: flex;
    position: absolute;
    vertical-align: top;
    text-align: left;
    font-size: .18rem;
    white-space: normal;
    max-width: 6.3rem;
    margin-top: 3%;
    margin-left: 10%;
}
.login-foot {
    background-image: url(//cdn-fe.ziwanyouxi.com/h5_login/static/images/login_foot.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
/*    background-attachment: fixed;*/
    height: 6.8%;
    width: 100%;
    display: flex;
    position: absolute;
    vertical-align: bottom;
    text-align: left;
    font-size: .18rem;
    white-space: normal;
    max-height: 0.6rem;
    bottom: 3%;
}

.login-head {text-align: center; border-top-right-radius:.1rem; border-top-left-radius:.1rem; height:.83rem; margin:auto; background-color:#964ffd; z-index:1000;}
.login-head > a {color: #fff; font-size: .24rem; padding-top: .25rem; display: inline-block;}
.login-head > a.login-back {width: .5rem; height: .58rem; background: url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat 0 -11.51rem / 6.4rem; float: left; margin-left: .3rem;}
.login-head > a.login-reset {margin-left: -.65rem;}
/*.login_head > span {display:block; padding-top:.1rem; padding-left:.13rem; width:4.98rem; height:.87rem; text-align:left; align-items:left; justify-content:left; font-size:.27rem; color:#fff;}*/
/*.login_service {width:.51rem; height:.87rem; margin:-.14rem .15rem; background:url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/img.png") no-repeat -2.09rem -.925rem /  6.4rem; float:right;}*/
.login-title {height:.83rem; font-size:.24rem;text-align:center;}
.login-title > li {width:22%; color:#d9c5fe; display:inline-flex; height:.63rem; margin:.1rem 0; align-items:center; justify-content:center; border-right: 1px solid #b684fe}
.login-title > li:last-child {border:none;}
.login-title > li.active {color:#fff; font-weight:bold; position:relative;}
.login-title > li.active:before {display: inline-block; content:''; width:0; height:0; border-left:.12rem solid transparent; border-right:.12rem solid transparent; border-bottom:.12rem solid #fff; position:absolute; bottom:-.12rem;}
.login-title > li > a {color:#d9c5fe;}
.login_form {text-align: center; padding-top:.2rem; border-bottom-right-radius: .1rem; border-bottom-left-radius: .1rem;}
.login_form-ipt {display:flex; align-items:center; height:.64rem; margin-bottom: .2rem; position:relative;}
.login_form-ipt > input {-webkit-appearance:none; color:#666; width:100%; height:.64rem; border:1px solid #eee; background-color: #eee; border-radius:.15rem; text-indent:.2rem; box-sizing:border-box; font-size:.22rem;}
.login_form-ipt > input:focus {background-color: #f8f8f8;}
.login_form-ipt > .code {display:flex; align-items:center; color:#9850fe; position:absolute; top:0; bottom:0;right:.2rem; z-index:999;}
.login_form-ipt > .code.disable {color:#999;}
.login_form-drop > input {background:#eee url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat 4.05rem -9.38rem / 6.4rem; background-position: right -5.9rem top -9.38rem;}
.login_form-drop-close > input {background:#eee url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat 4.05rem -9.88rem / 6.4rem; background-position: right -5.9rem top -9.88rem;}
.login_form-select {width: 100%; max-height: 1.92rem; overflow-y: scroll; background-color: #eee; position: absolute; top:.54rem; border-bottom-right-radius:.1rem; border-bottom-left-radius:.1rem; padding-top: .1rem; z-index:999;}
.login_form-select > li {height: .64rem; line-height: .64rem; text-indent:.2rem; text-align:left; font-size: .22rem; color: #666;}
.login_form-agreement {display:flex; align-items:center; height:.8rem; position:relative; font-size:.18rem; color:#999;}
.login_form-agreement > input {margin-right:.1rem; -webkit-appearance: none;}
.login_form-btn {font-weight:bold; display:flex; height:.64rem; margin-bottom: .2rem; align-items:center; justify-content:center; font-size:.24rem; color:#fff; background-color:#964ffd; border-radius:.15rem;}
.login_form-btn:active {background-color: #5b2aa1;}
.login_form > .center_tip {color: #bbbbbb; font-size:.22rem;}

.login_head1 {border-top-right-radius:.1rem; border-top-left-radius:.1rem; height:.7rem; margin:auto; background-color:#964ffd; z-index:1000;}
.login_head1 > span {display:block; padding-top:.18rem; margin-left:-.7rem; width:4.98rem; height:.87rem; text-align:center; align-items:left; justify-content:left; font-size:.24rem; color:#fff;}
.login_service1 {width:.51rem; height:.87rem; margin-top: .13rem; margin-left: .15rem; color: #fff; font-size: .3rem; float:left;}

.login_form-link {border-bottom-right-radius:.1rem; border-bottom-left-radius:.1rem; font-size:.22rem;}
.login_form-link > .register {float:left;}
.login_form-link > .find-password {float:right;}
.login_form-tips {max-width:6.1rem; margin:auto; font-size:.2rem; text-align:center; padding:.15rem;}
.login_form-tips.yellow {background-color:#fff8c6; color:#ff7800;}
.login_form-tips.green {background-color:#dae8cf; color:#449206;}



.zhuce {font-size:.24rem; text-align:left; margin-top: -.1rem; margin-bottom: .2rem;}
.zhuce > li {display:inline-flex; height:.42rem; justify-content:center; color:#666;}
.zhuce > li {margin-right: .5rem;}
.zhuce > li.active {color:#9850fe; position:relative;}
.zhuce > li.active:before {content:''; width:100%; height:0.03rem; background-color:#9850fe; position:absolute; bottom:0; left:0;}
.zhuce_login_form > span {display: flex; font-size: .22rem; align-items: center; margin-bottom: .2rem; position: relative;color:#ff9900;}
.zhuce_form-agreement {color:#999; font-size: 96%; display:flex; align-items:center; justify-content:center;}
.zhuce_form-agreement > .checkbox {display: inline-block; width: .22rem; height: .22rem; margin-right: .1rem; background:url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat 0 -10.61rem / 6.4rem;}
.zhuce_form-agreement > .checkbox.active {background:url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat 0 -11.17rem / 6.4rem;}
.zhuce_form-agreement > .checkbox  > input {display: none;}
.ignore > a {color:#666666; font-size: .22rem;}
.action {margin-top:.3rem;}
.action > a {display: block; font-size: .22rem; color:#666;}
.action > .connect {float: left;}
.action > .forget {float: right;}

.denglu {font-size:.24rem; text-align:left; margin-top: -.1rem; margin-bottom: .2rem;}
.denglu > li{display:inline-flex; height:.42rem; justify-content:center; color:#666;}
.denglu > li {margin-right: .5rem;}
.denglu > li.active {color:#9850fe; position:relative;}
.denglu > li.active:before {content:''; width:100%; height:0.03rem; background-color:#9850fe; position:absolute; bottom:0; left:0;}

/* about_login end */
.head {height:.9rem; margin:auto; padding:.3rem; background:#9850fe url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat 0 0 / 6.4rem; left:0; right:0; z-index:1000;justify-items: flex-end;}
.avatar {display:block; width:3.5rem; height:.9rem; float:left;}
.avatar-img {display: block; width:.9rem; height:.9rem; background:url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat 0 -1.71rem / 6.39rem; float: left;}
.nick-info {float: left; font-size: .22rem; margin-left: .1rem; padding-top: .12rem;}
.nick-info > a {color:#fff; display: block;}
.nick-info > a.switch_account {width: 1rem; text-align: center; font-size: .16rem; border: 1px solid #d0b8fc; border-radius: .3rem; margin-top:.08rem; padding:.03rem 0;}
.service {width:.6rem; height:.35rem; padding-top: .55rem; text-align:center; font-size: .16rem; color: #fff; background:url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat -1.02rem -1.6rem /  6.4rem; float:right;}

.avatar1 {display:block; height:.9rem;}
.avatar1 .service {width:.6rem; height:.35rem; padding-top: .55rem; text-align:center; font-size: .16rem; color: #fff; background:url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat -1.02rem -1.6rem /  6.4rem; float:right;}
.avatar1 .shartgame {width:0.8rem; height:.9rem; text-align:center; font-size: .16rem; color: #fff; float:left;display: flex;align-items: center;flex-flow: column;padding-top: 0.05rem;}
.avatar1 .shartgame .icon { display: block; width:.5rem; height:.5rem; background:url("//cdn-fe.ziwanyouxi.com/20180423/sharegame.png") no-repeat; background-size: 100% 100%;}

.dialog-alert {font-size:.28rem; min-height:2.7rem; margin-top:-1.35rem;}
.dialog-alert > ul {padding:.6rem .5rem .2rem .5rem;}
.dialog-alert > ul > li.content {min-height:.9rem; line-height:.5rem; padding:.13rem 0; text-align:center;}
.dialog-alert > ul > li.btn > span {display:flex; height:.6rem;  margin:auto auto .25rem auto; align-items:center; justify-content:center; font-size:.22rem; color:#fff; background-color:#964ffd; border-radius:.1rem;}
.dialog-alert > ul > li.btn > a {display:flex; height:.6rem;  margin:auto auto .25rem auto; align-items:center; justify-content:center; font-size:.22rem; color:#fff; background-color:#964ffd; border-radius:.1rem;}
.dialog-alert > ul > li.btn > span:active {color:#fff; background-color:#601fbf;}

.foot {line-height:.22rem; padding:.3rem .2rem 1.2rem .2rem; font-size:.15rem; text-align:center; color:#999;}

/* index */
.game-list {margin-top:0;}
.game-list > dd {padding:.2rem 0; position:relative; border-top:1px solid #f2f2f2;}
.game-list > dd:first-child {border: none;}
.game-list .game-icon {float:left; width:1.15rem; height:1.15rem;}
.game-txt {float:left; margin-left:.2rem;}
.game-list .game-name {font-size:.28rem; height:.45rem; color:#000;}
.game-txt > a,.game-txt > p {display:block; width:3.4rem; overflow:hidden; white-space:nowrap; font-size:.18rem; color:#999; padding-top:.05rem;}
.game-txt > a > span {font-size:.14rem; padding:.02rem .04rem; margin-right:.05rem; background-color:#964ffd; color:#fff; border-radius:.03rem; vertical-align:middle;}
.game-txt > a > span.red {background-color:#dd498f;}
.game-list .btn-launch {display:flex; width:1.2rem; height:.48rem; align-items:center; justify-content:center; font-size:.22rem; color:#964ffd; border:1px solid #964ffd; background-color:#fff; border-radius:.1rem; position:absolute; top:.53rem; right:0; z-index:990;}
.game-list .btn-launch:active {color:#fff; background-color:#964ffd;}

/* gift */
.gift-list {margin-bottom: .15rem; height: 4.2rem;  -webkit-overflow-scrolling: touch;overflow: scroll;}
.gift-item {padding:.15rem 0; position:relative; border-top:1px solid #f2f2f2;}
.gift-item:first-child {border: none;}
.gift-item-more {display:none;}
.gift-name {font-size:.24rem;}
.gift-content {width:3.7rem; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; font-size:.18rem; color:#999; }
.gift-btn {display:flex; width:1.2rem; height:.48rem; align-items:center; justify-content:center; font-size:.22rem; color:#964ffd; border:1px solid #964ffd; background-color:#fff; border-radius:.1rem; position:absolute; top:.2rem; right:0; z-index:990;}
.gift-btn:active {color:#fff; background-color:#964ffd;}
.gift-btn.gray {border:1px solid #c2c2c2; color:#999;}
.gift-btn.purple {border:1px solid #964ffd; color:#fff; background-color: #964ffd;}

.gift_dialog-warp {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.3); top:0; left:0; z-index:9000;}
.gift_dialog {width:5rem; background-color:#fff; border-radius:.15rem; position:absolute; margin:auto;top:50%; left:0; right:0; z-index:999;}
.gift_dialog-close {width:.5rem; height:.5rem; background:#fff url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat .07rem -2.65rem / 6.4rem; position:absolute; top:.05rem; right:.05rem; z-index:999;}

.dialog-gift {font-size:.22rem; height:3.7rem; margin-top:-1.85rem;}
.dialog-gift > ul {padding:.6rem .5rem .2rem .5rem;}
.dialog-gift > ul > li {padding:.13rem 0; text-align:center;}
.dialog-gift > ul > li.key {background-color:#f3f3f3; color:#0090ff; border-radius:.25rem; margin:.2rem 0;}
.dialog-gift > ul > li.des {font-size:.18rem; color:#999;}
.dialog-gift > ul > li.btn > span {display:flex; height:.6rem;  margin:auto; align-items:center; justify-content:center; font-size:.22rem; color:#fff; background-color:#964ffd; border-radius:.1rem; }
.dialog-gift > ul > li.btn > span:active {color:#fff; background-color:#601fbf;}

.sharegame_dialog-warp {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.3); top:0; left:0; z-index:9000;}
.sharegame_dialog {width:5rem; background-color:#fff; border-radius:.15rem; position:absolute; margin:auto;top:50%; left:0; right:0; z-index:999;}
.sharegame_dialog-close {width:.5rem; height:.5rem; background:#fff url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat .07rem -2.65rem / 6.4rem; position:absolute; top:.05rem; right:.05rem; z-index:999;}
.dialog-sharegame {font-size:.22rem; height:4.2rem; margin-top:-2rem; display: flex;flex-flow: column;align-items: center;}
.dialog-sharegame .title {width: 3rem; text-align: center; line-height: .8rem; color: #000;}
.dialog-sharegame > ul {padding:.1rem; width: 4rem;display: flex;flex-flow: column;align-items: center;}
.dialog-sharegame > ul > li {padding:.13rem 0; text-align:center;width: 100%;}
.dialog-sharegame > ul > li.qricon {width: 2rem; height: 2rem;}
.dialog-sharegame > ul > li.btn > span {display:flex; height:.6rem;  margin:auto; align-items:center; justify-content:center; font-size:.22rem; color:#fff; background-color:#964ffd; border-radius:.1rem; }
.dialog-sharegame > ul > li.btn > span:active {color:#fff; background-color:#601fbf;}

/* news */
.sub-tab .van-tabs__wrap {height: .5rem !important; margin:.2rem; border:0 !important;}
.sub-tab .van-tab {padding:0;}
.sub-tab .van-tabs__nav {background-color: #eee; border-radius:.1rem; padding: 0;}
.sub-tab .van-ellipsis {line-height:.5rem; font-size:.2rem;}
.sub-tab .van-tabs__line {bottom:0;}

.news-list {display:block; height:7.5rem; overflow:scroll;}
.news-list > p {font-size:.18rem;border-bottom: 1px solid #f2f2f2; padding-top: .2rem;}
.news-list > p > a {width:3.8rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; position:relative; height:.5rem; padding-right:.5rem;  font-size:.24rem; align-items:center;}
.news-list > p > span {font-size:.24rem; color:#999; float:right;}

.news-detail {
    width: 100%;
    background-color:#fff;
    position: absolute;
    top: .55rem;
    bottom: 0px;
    left: 0px;
}
.news-detail > .title {font-size:.3rem; text-align:center; padding:.4rem .2rem .2rem .2rem;}
.news-detail > .date {font-size:.22rem; color:#999; text-align:center;}
.news-detail > .content {padding:.2rem; font-size:.24rem; color:#555; line-height:150%;}

.news_dialog-warp {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.3); top:0; left:0; z-index:9000;}
.news_dialog {width:85%; background-color:#fff; position:absolute; margin:auto;top:8%; left:0; right:0; z-index:999;}
.news_dialog-close-bg {width: inherit; text-align: right; padding-top: .1rem; height:.55rem; background-color: #fff; position:fixed; z-index:999; border-top-left-radius: .1rem; border-top-right-radius: .1rem;}
.news_dialog-close {width: .35rem;height: .35rem;background: #fff url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat .07rem -2.8rem / 6.4rem; position: absolute;top: .2rem; right: .2rem;z-index: 999;}
.news_dialog-alert {max-height: 85%;font-size:.28rem; min-height:2.7rem; height:10.7rem; border-radius: .1rem; overflow:scroll;}

/* my */
.my-list > a {display:flex; position:relative; height:.8rem; padding-left:.6rem; align-items:center; font-size:.24rem; border-bottom:1px solid #f2f2f2; background:url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat 0 -3.26rem / 6.4rem;}
a.my-mobile {background-position:.11rem -5.15rem;}
a.my-idcard {background-position:.06rem -5.77rem;}
a.my-findpwd {background-position:.09rem -12.16rem;}
a.my-password {background-position:.09rem -6.4rem;}
a.my-agreement {background-position:.09rem -12.79rem;}
a.my-shareinfo {background-position:.09rem -13.45rem;}
a.my-delaccount {background-position:.09rem -14.08rem;}


a.my-service {background-position:.06rem -7.03rem;}
a.my-logout {height:.7rem; background:none; background-color:#ee4545; border-radius:.1rem; color:#fff; margin-top:.4rem; justify-content:center; padding:0;}
.my-list > a:active {background-color:#a02121;}
.my-list > a > i {display:block; width:.13rem; height:.22rem; background:url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat 0 -4.85rem / 6.4rem; position:absolute; margin:auto; top:0; bottom:0; right:.2rem; z-index:990;}
.my-list > a > span {display:flex; align-items:center; font-size:.18rem; color:#f00; text-align:right; position:absolute; margin:auto; top:0; bottom:0; right:.5rem; z-index:990;}

.my_dialog-warp, .doing-warp {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.3); top:0; left:0; z-index:9000;}
.my_dialog {width:5rem; background-color:#fff; padding:.3rem 0; border-radius:.15rem; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; height: fit-content;height: -webkit-fit-content; height: -moz-fit-conte; z-index:999;}
.my_dialog-close {width: .35rem; height: .35rem; background: #fff url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat .07rem -2.8rem / 6.4rem; position: absolute; top: .2rem; right: .2rem; z-index: 999;}
.my_dialog-close > a {color: #fff; font-size: .3rem;}
.my_dialog-alert {font-size:.28rem; min-height:2.7rem; }
.my_form-btn {display:flex; height:.64rem; margin:.4rem auto; align-items:center; justify-content:center; font-size:.22rem; color:#fff; background-color:#964ffd; border-radius:.1rem;}

.pay_form-ipt {color:#777777; margin-left: .15rem; display:flex; align-items:center; height:.6rem; position:relative;}
.pay_form-ipt > .order {font-size: .36rem; padding-bottom: .05rem;}
.pay_form-ipt > .pay {color: #ff6600;}
.pay_form-ipt > span {display: inline-block; border:1px solid #f60; background-color: #fff5ee; font-size: .2rem; padding: .02rem .05rem; margin-right: .1rem; color: #f60;}
.wx_form-btn,.zfb_form-btn {display:flex; height:.64rem; margin:.15rem auto; align-items:center; justify-content:center; font-size:.22rem; color:#fff; background-color:#24a601; border-radius:.1rem;}
.zfb_form-btn {margin:.25rem auto; background-color:#0090ff;}
.wx_form-btn > img,.zfb_form-btn > img {height: .3rem; padding-right: .1rem;}

.coupon-dialog-warp {position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.3); top:0; left:0; z-index:10000;}
.coupon-dialog {position: absolute; width: 100%; max-height: 50%; padding-top: .7rem; background-color: #fff; bottom: 0; left: 0; z-index: 1000;}
.coupon-dialog-close {position: absolute; width: .35rem; height: .35rem; background: #fff url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/main.png") no-repeat .07rem -2.8rem / 6.4rem; top: .2rem; right: .2rem; z-index: 999;}
.coupon-dialog-close > a {color: #fff; font-size: .3rem;}
.coupon-dialog-list {overflow-y: scroll; height: 100%;}
.coupon-dialog-list > dl {font-size: .2rem; width: 2.9rem; height: 1.25rem; margin:0 0 .2rem .2rem; border:.01rem solid #74d2d4; float: left; overflow: hidden;}
.coupon-dialog-list > dl > dt {background-color: #74d2d4; height: .66rem; color: #fff; padding: .08rem .2rem;}
.coupon-dialog-list > dl > dt:active {background-color: #52a0a2;}
.coupon-dialog-list > dl > dt > b {font-style: normal; font: .32rem Arial,Verdana,'Microsoft YaHei',SimSun;}
.coupon-dialog-list > dl > dt > i {margin-left: .1rem;}
.coupon-dialog-list > dl > dt > span {display: block;}
.coupon-dialog-list > dl > dd { padding: .08rem .2rem; height: .27rem; color: #999;}

.coupon-dialog-list > dl.disable {border:.01rem solid #cecece;}
.coupon-dialog-list > dl.disable > dt {background-color: #cecece;}

.coupon-dialog-list > dl.select {border:.02rem solid #f60; box-sizing: border-box;}
.coupon-dialog-list > dl.select > dd {background:url("//cdn-fe.ziwanyouxi.com/h5_login/static/images/coupon-selected.png") no-repeat right bottom / .4rem;}

.my_form-tips {max-width:6.1rem; margin:auto .2rem; font-size:.2rem; text-align:center; padding:.15rem; border-radius: .1rem;}
.my_form-tips.yellow {background-color:#fff8c6; color:#ff7800; margin-top: .6rem;}
.my_form-tips.green {background-color:#dae8cf; color:#449206; margin-top: .6rem;}

/* flash_close_btn */
.flash_close_btn {position: absolute; height:2rem; left: 5.75rem;  top:0; bottom: 0; margin: auto; z-index: 990;}
.flash_close_btn > span {display: block; color:#fff; font-size: .24rem; text-align: center; padding:.15rem; border-top-right-radius: .05rem; border-bottom-right-radius: .05rem;}
.flash_close_btn > span.flash_btn {background-color: #4f4f4f; margin-bottom: .2rem;}
.flash_close_btn > span.close_btn {background-color: #d31f70;}


.newbox {width:5.7rem; background-color:#fff; border-radius:.15rem; position:absolute; margin:auto; transform: translate(-50%, -50%); left: 50%; top: 50%; z-index:1001;}
.newbox > .title {font-size: .3rem; height: .8rem;}
.newbox > .title > div {height: .8rem; float: left;}
.newbox > .title > .back {width: .9rem; line-height: .8rem; float: left; background:url("../images/new_main.png") no-repeat .35rem .21rem / 6.4rem;}
.newbox > .title > .name {width: 3.9rem; text-align: center; line-height: .8rem; color: #00a7ff;}
.newbox > .title > .service {width: .9rem; line-height: .8rem; float: right; background:url("../images/new_main.png") no-repeat -.54rem .22rem / 6.4rem;}

.boxpay {padding-bottom: .35rem;}
.boxpay > .details {margin: .35rem .35rem .25rem .35rem; background-color: #f0f0f0; padding: .2rem .2rem  .07rem .2rem; border-radius: .15rem; font-size: .22rem; color: #777;}
.boxpay > .details > li {/*display:inline-flex; align-items:center;*/ height: .44rem;}
.boxpay > .details > li > .arrow {display:inline-block; width: .4rem; height: .22rem; background:url("../images/new_main.png") no-repeat -4.27rem 0 / 6.4rem; margin:0 0 -.02rem .1rem;}
.boxpay > .pay-money {font-size: .22rem; color: #777; padding-left: .2rem; margin:0 .35rem;}
.boxpay > .btn-group {height: .64rem; margin:.35rem;}
.boxpay > .btn-group > .btn {display:inline-flex; width: 2.38rem; height: .64rem; line-height: .64rem; align-items:center; justify-content:center; font-size: .24rem; color: #fff; background-color: #0090ff; border-radius: .5rem; float: left;}
.boxpay > .btn-group > .btn:active {-webkit-filter: brightness(0.80); filter: brightness(0.80);}
.boxpay > .btn-group > .btn > i {display: inline-block; width: .4rem; height: .4rem; margin-right: .1rem; background:url("../images/new_main.png") no-repeat -1.55rem .03rem / 6.4rem;}
.boxpay > .btn-group > .btn.wechat {background-color: #24a601;}
.boxpay > .btn-group > .btn.alipay {float: right;}
.boxpay > .btn-group > .btn.alipay > i {background-position: -2.37rem 0.04rem;}
.boxpay > .btn-group > .btn.submit {width: 100%;}
.boxpay > .new-btn-group {height: .64rem; margin:.35rem; display: flex; justify-content: space-around; align-items: center;}
.boxpay > .new-btn-group > .new_btn {display:inline-flex; width: 2.38rem; height: .64rem; line-height: .64rem; align-items:center; justify-content:center;font-weight: bold; font-size: .24rem; color: #fff; background-color: #ff5514; border-radius: .5rem; float: left;}

.boxpay > .btn-pay-type { height: .6rem; display:flex; width: 100%;  align-items:center; justify-content:space-between; }
.boxpay > .btn-pay-type:active {-webkit-filter: brightness(0.80); filter: brightness(0.80);}
.boxpay > .btn-pay-type > .btn {display:inline-flex; width: auto; height: .64rem; line-height: .64rem; align-items:center; justify-content:center; font-size: .24rem;  color: #000; margin-left: 0.35rem; }
.boxpay > .btn-pay-type > .jicon {width: .26rem; height: .26rem; background:url("../images/qd.png");background-repeat: no-repeat;background-size: 100% 100%;  margin-right: 0.35rem;}
.boxpay > .btn-pay-type > .btn.wechat > i {width: .35rem; height: .3rem; margin-right: .1rem; background:url("../images/wx1.png"); background-repeat: no-repeat;background-size: 100% 100%;}
.boxpay > .btn-pay-type > .btn.alipay > i {width: .3rem; height: .3rem; margin-right: .1rem;background:url("../images/zfb1.png") ;background-repeat: no-repeat;background-size: 100% 100%;}

.pay-coupon {height: 6rem;}
.pay-coupon > .tab {font-size: .22rem; line-height: .56rem; text-align: center; border-bottom: 1px solid #e7e7e7; margin: 0 .35rem;}
.pay-coupon > .tab > li {display: inline-block; margin: 0 .24rem; color: #999;}
.pay-coupon > .tab > li.active {position:relative; color: #00a7ff;}
.pay-coupon > .tab > li.active:before {content: ''; width:100%; height: 0.03rem; background-color:#00a7ff; position:absolute; bottom:-1px; left:0;}
.pay-coupon > .content {height: 3.59rem; overflow:hidden; margin: 0 .35rem .2rem .35rem; overflow-y:auto;}
.pay-coupon > .content > dl {width: 5rem; height: 1rem; background-color: #ffdce9; margin-top: .25rem; border-top-left-radius: .1rem; border-bottom-left-radius: .1rem; overflow: hidden;}
.pay-coupon > .content > dl > dt {width: 1rem; height: .78rem; text-align: center; padding-top: .22rem; font-size: .24rem; color: #ff4e8d; background-color: #ffc9dc; float: left;}
.pay-coupon > .content > dl > dt > span {display: block; font-size: .14rem;}
.pay-coupon > .content > dl > dd {height: 1rem; float: left;}
.pay-coupon > .content > dl > .txt {width: 3.74rem; padding:0 .1rem; font-size: .14rem; color: #b46682;}
.pay-coupon > .content > dl > .txt > .des {position: relative; height: .4rem; line-height: .22rem; padding:.1rem .8rem .1rem 0; margin-bottom: .1rem; border-bottom:1px dashed #cd96a9; overflow: hidden;}
.pay-coupon > .content > dl > .txt > .des > .use-btn {position: absolute; display:inline-flex; align-items:center; justify-content:center; width: .68rem; height: .3rem; color: #fff; font-size: .16rem; /*background-color: #ff6da1;*/ border-radius: .05rem; right: 0; top: .15rem; z-index: 999;}
.pay-coupon > .content > dl > .edge {width: .06rem; background:url("../images/new_main.png") no-repeat -3.21rem 0 / 6.4rem; float: right;}
.pay-coupon > .nouse-btn {display:flex; align-items:center; justify-content:center; width: 5rem; height: .64rem; font-size: .24rem; border-radius: .5rem; background-color: #00a7ff; margin: 0 .35rem; color: #fff;}

.pay-coupon > .content > .disable {background-color: #eee;}
.pay-coupon > .content > .disable > dt {color: #999; background-color: #e5e5e5;}
.pay-coupon > .content > .disable > .txt {color: #999;}
.pay-coupon > .content > .disable > .txt > .des {border-bottom:1px dashed #bbb;}
.pay-coupon > .content > .disable > .edge {width: .06rem; background:url("../images/new_main.png") no-repeat -3.74rem 0 / 6.4rem; float: right;}
.pay-coupon > .content > dl > .txt > .des > .used {
    background-color: transparent;
    width: 0.2399rem;
    height: 0.2399rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAilBMVEUAAAD/VRT/VRT/VRP/VRT/VRT/VRT/VRT/VRT/VRT/VRT/VRP/VBP/VRT/VRP/VBX/UxT/VhP/VRT/VRT/VRP/VRT/VBT/VBT/VRT/VRX/VBL/UxD/ThX/VRT/VRT/VRP/VRT/VBT/VBT/VBT/VBT/VRT/VRL/VRL/VRT/VBT/VRP/VhX/VRX/VRTUdKJGAAAALXRSTlMA9PBOyq9j7OjQxXZePzkwIRre2NOmmYp/eykPDOTj4LyglYZTSUUHv3NsVhhqUlFfAAAA8ElEQVQoz23Q15KCQBBA0StKUIIgklnz6qb+/99bCQ4Cc16GqktBT6MEbrIyjLVZ+EwtT6KsvFH6M2VkU6JsDZlaqiYad1qPheiENE6itQPwNSHObBEL2MzbR0Uq4jx00yxCQud53ijmsSRq75aSzJpPfeg2xV5z/XX/a6aXtIYRF028fg/NBVNUjEVgKb0rnOXFad4zwe++foFMlDV5Oxal/TwTcGVwJmiOfUXkyBdY8saDuN1ySJTD72hR9WsYO6B7HA2urpx72agZNCLRCmh96poFo6ptsJ2s/3Dn3c9uSHZRM3G7bI6GcVylXkXvH2CUXcYbXVKgAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

 @-webkit-keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
.doing {
    width: 48px;
    height: 48px;
    border: 2px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    margin: auto;
    top:0; left:0; right:0; bottom:0;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}
.doing::before {
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    background: #FF3D00;
    width: 6px;
    height: 6px;
    transform: translate(-150%, -150%);
    border-radius: 50%;
}
.doing::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #FF3D00;
    width: 6px;
    height: 6px;
    transform: translate(150%, 150%);
    border-radius: 50%;
}