body{min-height: 100vh;
	padding-bottom: 2.5rem; font-size: 12px;box-sizing: border-box;
}
@font-face {
	font-family: "font1";
	src:url('../imge/AVANTGARDE-DEMI.OTF');
}
/* --------------top-------------- */
.top{padding: .45rem .6rem;overflow: hidden;}
.logo{width: 2.65rem; float: left;}
.cscnr{background: url(../images/a_02.png); width: .41rem;height: .47rem;float: right;display: block;background-size: 100% 100%;}
.hynr{padding: 0 .6rem;display: flex;justify-content: space-between;}
.hytx{width: .49rem;}
.hytx img{width: .49rem;height: .49rem; border-radius: 50%; border: 1px solid #fff;box-sizing: border-box;}
.hytext{width: calc(100% - .65rem);}
.hytext p{font-weight: bold; font-size: .3rem;line-height: .49rem; color: #8f8785;}
.hytext p a{display: inline-block; padding: 0 .12rem; font-size: .22rem;color: #fff;line-height: .38rem; border-radius: .19rem;background: #da8703;vertical-align: middle; margin: -3px 0 0 .15rem;}
.hytext p a img{display: inline-block;vertical-align: middle; margin: -2px .1rem 0 0 ;width: .21rem;}
.gnfl{padding: .65rem .6rem;}
.gnfl ul{display: flex;justify-content: space-between;}
.gnfl img{width: .97rem;}
.gnfl p{font-size: .28rem; margin-top: .35rem;color: #666;text-align: center;}
.cznr{padding: 0 .3rem;}
.cznr ul{overflow: hidden;border-radius: .35rem; margin-left: -.05rem;}
.cznr li{float: left; padding: 0 0 .05rem .05rem;width: 33.33%;box-sizing: border-box;}
.cznr a{display: block; background: #fff;border-radius: .1rem; padding: .5rem 0 .45rem;}
.cznr img{width: .8rem;margin: 0 auto;}
.cznr p{text-align: center; font-size: .26rem;color: #333; margin-top: .2rem;}

.footer{position: fixed;width: 750px;bottom: 0; left: 50%;transform: translateX(-50%);z-index: 100;background: url(../images/a_01.png);height: 1.97rem;background-size: 100% 100%;max-width: 100%;}
.footer ul{display: flex;justify-content: space-between; height: 1.97rem;align-items: center; padding: 0 1.1rem;}
.footer img{width: .5rem; height: .5rem; margin: 0 auto;}
.footer p{font-size: .3rem; margin-top: .15rem;color: #999;}
.footer li.cur p{color: #000;}
.btn2{width: 1.26rem;height: 1.26rem;border-radius: 50%; background: #fff;  left: 50%;top: -.4rem;display: block; position: absolute;transform: translateX(-50%); box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.btn2 img{width: .6rem; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.kfbtn{position: fixed;z-index: 100;bottom: 2rem; right: .3rem;width: 1rem;height: 1rem; border-radius: 50%;border: 1px solid #fff; background: rgba(255,255,255,.7);box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.zdnr{float: left; background: url(../images/c_08.png) no-repeat left center;background-size: auto .42rem;line-height: .48rem; font-size: .34rem; padding-left: .6rem;color: #333;}
.top ul{float: right;overflow: hidden;}
.top li{float: left; padding-left: .35rem;}
.top li img{width: .46rem;}

.wzcz{padding: 0 .3rem;}
.wzcz_title{border-bottom: 1px solid #cbc3c1;}
.wzcz_title ul{overflow: auto;white-space: nowrap;}
.wzcz_title li{display: inline-block; padding-right: .4rem;line-height: .85rem;font-size: .28rem;}
.wzcz_title li span{color: #999;display: block; position: relative;}
.wzcz_title li span:before{position: absolute; content: ""; width: 100%;height: .04rem;bottom: 0;left: 0;border-radius: .04rem .04rem 0 0 ;background: #bd311c;opacity: 0;}
.wzcz_title li.cur span:before{opacity: 1;}
.wzcz_title ul::-webkit-scrollbar {width:0px;height: 0px;}

.fynr{padding: .35rem .5rem;}
.fynr ul{display: flex;justify-content: space-between;}
.wby2{outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;line-height: .3rem; font-size: .26rem;background: url(../images/c_14.png) no-repeat right center;background-size: .23rem .14rem; border: none;padding-right: .4rem;color: #999;height: .3rem;}
.lbwb li{padding-bottom: .3rem;}
.wzczbox{background: #fff;border-radius: .15rem; padding: .35rem .3rem;display: flex;justify-content: space-between; box-shadow:0 0 10px rgba(0, 0, 0, .05); }
.wzcz_left p{font-size: .24rem;margin-bottom: .25rem;color: #000;}
.wzcz_left h2{font-size: .42rem;color: #000;}
.wzcz_left h2 b{font-weight: bold;font-family: arial;}
.wzcz_right p{font-size: .28rem; margin-bottom: .2rem;line-height: .34rem;font-weight: bold;text-align: right;}
.color1{color: #15966e;}
.color2{color: #e30404;}
.btn3{display: inline-block;vertical-align: middle; line-height: .32rem;background: #cfede3;color: #15966e; font-weight: 400; padding: 0 .14rem; border: 1px solid #bddad0;border-radius: .08rem; margin: -2px 0 0 .15rem;}
.btn4{display: inline-block;vertical-align: middle; line-height: .32rem;background: #f6cbc9;color: #e30404; font-weight: 400; padding: 0 .14rem; border: 1px solid #ddb1af;border-radius: .08rem; margin: -2px 0 0 .15rem;}

.flqb{background: #fff;border-radius: .15rem; padding: .35rem .3rem;box-shadow:0 0 10px rgba(0, 0, 0, .05); }
.flqb_top{padding: 0 0 .2rem;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ccc;}
.flqb_left{width: .62rem;}
.flqb_right{width: calc(100% - .8rem);}
.flqb_right h2{font-size: .26rem;color: #333; margin-bottom: .15rem;}
.flqb_right h2 span{font-weight: bold; color: #e30404;}
.flqb_right p{font-size: .3rem;color: #999;}
.flqb_bottom{padding-top: .3rem;}
.flqb_bottom p{font-size: .26rem;color: #999;line-height: .32rem;}
.flqb_bottom p a{background: url(../images/c_22.png) no-repeat right center;font-size: .21rem .32rem;color: #333;padding-right: .36rem; }

.hyxx{text-align: center; padding-bottom: .7rem;}
.hyxxbox{width: 2.55rem;height: 2.55rem; position: relative; overflow: hidden; margin: 0 auto;}
.hyxxbox img{width: 100%;height: 100%;border-radius: 50%;}
.btn5{position: absolute; bottom: 0; right: 0; width: .8rem;height: .8rem;border-radius: 50%;background: url(../images/a_04.png) no-repeat center center #fff;background-size: .56rem .46rem; box-shadow:0 0 10px rgba(0, 0, 0, .05); }
.hyxx p{font-size: .3rem;color: #000; margin-top: .2rem;}
.hynra{padding: 0 .3rem; position: relative;}
.hydla{border: 1px solid #c7bfbd;border-radius: .5rem; padding: .5rem .45rem .2rem .45rem;}
.hydla img{display: inline-block;vertical-align: middle; width: .42rem; margin: -3px .2rem 0 0;}
.hydla p{font-size: .26rem;color: #999;}
.hydla li{padding-bottom:.25rem;}
.wby3{border:none;border-bottom: 1px dashed #ccc;line-height: .5rem; font-size: .26rem;background: none;width: 100%;}
.hynra h2{position: absolute; left: .6rem;font-size: .3rem;color: #333;top: -.15rem; padding: 0 .1rem;background: #ede5e3;}
.hydla p a{color: #000;display: block;background: url(../images/b17.png) no-repeat 97% center;background-size: .19rem .37rem;}
.h50{height: .5rem;}

/*grzx*/
.grzx{padding: 0 3%;}
.grzxbox{border-radius: .1rem;border: 1px solid #fff;padding: 0 .35rem;background:#f8f4f1;}
.grzxbox li{line-height: 1.15rem; border-bottom: 1px dashed #eee; position: relative;}
.grzxbox li a{display: block; font-size: .28rem;color: #666;background: url(../images/b17.png) no-repeat right center;background-size: .19rem .31rem;}
.grzxbox img{display: inline-block;width: .5rem;vertical-align: middle; margin: -3px .1rem 0 0;}
.bdbtn{font-size: .28rem;color: #666; right: .3rem; position: absolute; top: 50%;transform: translateY(-50%);}
.bdsx{text-align: center; padding: .4rem;}
.bdsx p{font-size: .28rem; line-height: 1.6; color: #333;}
.bdsx p b{background: url(../images/d_31.png);width: 1.03rem; line-height: .37rem;text-align: center; color: #fff; background-size: 100% 100%;vertical-align: middle; margin: -3px 0 0 .1rem;font-size: .22rem;display: inline-block;}
.bdsx h2{font-size: .28rem; line-height: 1.6; color: #999;}
.bdsx h2 a{color: #ff0000; padding-right: .1rem;}
.hydw{display: flex;justify-content: space-between;align-items: center; padding-bottom: .3rem;}
.hyleft{width: 1.17rem;}
.hyleft img{width: 1.17rem;height: 1.17rem;border-radius: 50%;}
.hyright{width: calc(100% - 1.5rem);}
.hyright h2{font-weight: bold; font-size: .3rem;color: #000; margin-bottom: .1rem;}
.hyright p{font-size: .26rem;color: #666;}
.hyright p a{display: inline-block;width: .22rem;vertical-align: middle; margin: -3px 0 0 .08rem;}
.wzlh {padding-bottom: .3rem;}
.wzlh ul{overflow: hidden; margin-left: -.3rem;}
.wzlh li{float: left;width: 50%; padding-left: .3rem;box-sizing: border-box;}
.wzlhbox{border-radius: .1rem;border: 1px solid #fff;padding: .2rem;background:#f8f4f1;}
.wzlhbox h2{font-size: .3rem;color: #666; margin-bottom: .45rem;}
.wzlhbox p{font-size: .28rem;background: url(../images/b17.png) no-repeat right center;background-size: auto 80%;color: #a1875b;}
.wwsc{border-radius: .1rem;border: 1px solid #fff;padding: .2rem;background:#f8f4f1;margin-bottom: .3rem; position: relative;}
.wwsc h2{font-size: .3rem;color: #666; margin-bottom: .45rem;}
.wwsc p{font-size: .28rem;color: #999;}
.scbtn{position: absolute; right: .3rem;top: 50%;transform: translateY(-50%);line-height: .84rem;width: 2.08rem;border-radius: .42rem;text-align: center; color: #fff;font-size: .3rem;background-image: linear-gradient(to bottom right, #fbc340, #f03933);}
.scbtn img{display: inline-block;vertical-align: middle; width: .42rem;margin: -3px .1rem 0 0;}

/*转帐*/
.zznr{ padding: 0 3%;}
.zzxx{border: 1px solid #d1c9c7;border-radius: .4rem; padding: .38rem .28rem .28rem .28rem;position: relative;}
.zzxx_title{position: absolute; top: -.22rem;left: .28rem;backdrop-filter: blur(25px); padding:0 .1rem;}
.zztp{display: flex;justify-content: space-between;}
.zztp img{width: .73rem;height: .73rem;border-radius: 50%;}
.zztp_text{width: calc(100% - .95rem);}
.zztp_text h2{font-size: .28rem;color: #333; margin-bottom: .1rem;}
.zztp_text p{font-size: .24rem;color: #999; line-height: 1.8;}
.zztp_text p b{font-size: .28rem;color: #333;}
.zztp a{color: #fff; position: absolute; right: 0; top: 50%;transform: translateY(-50%);width: .8rem; line-height: .5rem;text-align: center; border-radius: .25rem 0 0 .25rem;font-size: .24rem;background: #c8c7cc;}
.sub{padding-top: .54rem;}
.sub_title{background: url(../images/a_10.png) no-repeat right center;background-size: .23rem .13rem; padding-right: .5rem;}
.sub_title ul{overflow: hidden; margin-left: -.2rem; margin-bottom: .65rem;}
.sub_title li{float: left; width: 25%; padding-left: .2rem;box-sizing: border-box;}
.sub_title a{display: block;text-align: center;line-height: .64rem; background: #e2e3de;border-radius: .33rem;border: 1px solid #c4c4c4;font-size: .28rem; font-weight: bold; color: #333;}
.sub_title li.cur a{background: #000;border: 1px solid #000;color: #fff;}
.zzje_nr{position: relative;}
.zzje_nr li{border-bottom: 1px dashed #9d9d9d; position: relative;}
.zzje_nr ul li:nth-child(2){ border: none;}
.wbya{background: none;border: none;width: 100%; height: .9rem; font-size: .26rem;}
.zzje_nr p{font-size: .26rem;color: #666; margin-top: .3rem;line-height: .3rem;}
.mmnr_a{position: absolute; right: 0; top: 0; padding-right: .6rem;line-height: .3rem;}
.mmnr_a{border: none;font-size: .26rem; background: none;text-align: right;}
.eye{background: url(../images/z2.png) no-repeat center center;width: .3rem;height: .3rem; right: 0;background-size: 100% auto; position: absolute;top: 0;}
.eye.cur{background: url(../images/z1.png) no-repeat center center;background-size: 100% auto;}

.nybz{border: 1px solid #d1c9c7;border-radius: .4rem; padding: .38rem .28rem .28rem .28rem;position: relative; margin-top: .58rem;}
#abc{height: 1rem;width: 100%;border: none;background: none; font-size: .26rem;outline:none;font-family: "微软雅黑";}
#wordCountShow{font-size: .3rem;color: #333; position: absolute;top: -.2rem;left: 1.2rem;backdrop-filter: blur(50px);}
.fkbtn{width:4.8rem; display: block;line-height: .8rem;border: 1px solid #8d8c91; font-size: .3rem;border-radius: .41rem; margin: .6rem auto 0 auto;}
.zzje_nr b{display: block; position: absolute; width: .65rem; right: .1rem;top: 0;}
.zzje_nr b img{border-radius: 50%;}
.zzcz{padding: .25rem; border: 1px solid #cac2c0;border-radius: .6rem;display: flex;justify-content: space-around;align-items: center;}
.zzcz img{width: .65rem;height: .65rem;border-radius: 50%; }
.wbyb{border: none; width: 1.15rem;background: url(../images/a_10.png) no-repeat right center;background-size: .23rem .13rem;  font-size: .28rem; font-weight: bold;color: #958d8b;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;}
.wbyc{width: calc(100% - 2.2rem); font-size: .28rem;border: none;background: none;}
.lxrnr{margin-top: .52rem;position: relative;}
.lxrnr ul{overflow: hidden;}
.lxrnr li{float: left; padding-right: .65rem;}
.lxrnr ul li a{font-size: .28rem;color: #999;}
.lxrnr li.cur a{color: #333;}
.bzbtn{position: absolute; right: 0; top: 0;width: .42rem;}
.lxrxq span{display: block; margin: 0 auto;width: 3.75rem; padding: .5rem 0;}
.lxrxq p{text-align: center; font-size: .26rem;color: #999;}
.lxrxq p a{display: inline-block;width: .38rem; margin: -3px .1rem 0 .1rem;vertical-align: middle;}

.fkbj{position: fixed;width: 100%;height: 100%; top: 0;left: 0;background: rgba(0,0,0,.5);}
.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.5); z-index: 100; display: none; }
.password-dialog, .confirm-dialog {position: fixed;background: #f9f9f9;
 bottom: 0;
            
            width: 750px;max-width: 100%;
            background-color: white;
            border-top-left-radius: .4rem;
            border-top-right-radius: .4rem;
            padding: .4rem 0 0 0;
            transform: translateY(100%);
            transition: transform 0.3s ease;
            z-index: 101;
        }
.dialog-show { transform: translateY(0);  }
        
.dialog-title { text-align: center;} 
.dialog-title h2{font-size: .3rem;margin-bottom: .5rem;color: #333;} 
.dialog-title p{font-size: .28rem;color: #999; margin-bottom: .5rem;}       
.password-input { padding: 0 .8rem; display: flex; justify-content: space-between;
margin-bottom: 2rem; }
.wjmm{text-align: center; padding-bottom: .6rem;}
.wjmm a{font-size: .26rem;color: #333;}
.password-input input { width: .78rem;background: #e2e2e2; height: .78rem;
            border: 1px solid #c2c2c2;
            border-radius: .15rem;
            text-align: center;
            font-size: .3rem;
            -webkit-text-security: disc;
        }
        
        .keyboard {border-top: 1px solid #e0e0e0;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            
        }
        
        .key {
            height: 1.18rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            font-size: .34rem;color: #8d8d8d;
            cursor: pointer;
            user-select: none;border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;
        }
        
        .key:active {
            background-color: #e0e0e0;
        }
        
        .key-empty {border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;
            /*visibility: hidden;*/height: 1.18rem;
        }
        
        .key-delete {
            font-size: 24px;
        }
        
        .confirm-button {
            width: 4.8rem;border: 1px solid #501a0e;line-height: .98rem;font-size: .3rem;
            color: #501a0e;
            border-radius: .5rem;
            font-size:.3rem;
            margin: .1rem auto;
            cursor: pointer;background: #fff;display: block;
        }
        .dialog-title h3{font-size: .24rem;color: #999; margin-bottom: .15rem;}
        .dialog-title h4{font-weight: bold; font-size: .32rem;color: #000;margin-bottom: .6rem;}
        .dialog-title h5{font-size: .28rem;color: #333; margin-bottom: .15rem;}
        .dialog-title h5 img{display: inline-block;width: .62rem;height: .62rem;border-radius: 50%;vertical-align: middle; margin: -3px .15rem 0 0;}
        .success-dialog {background: url(../images/a1.png);background-size: 100% 100%;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; padding-top: 1rem;box-sizing: border-box;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 102;
           display: none;
        }
        
        .success-icon { position: absolute; top: 1rem;left: 50%;transform: translateX(-50%);
            width: 1.2rem;
            height: 1.2rem;text-align: center;line-height:1.2rem ;
            background-color: #07C160;
            border-radius: 50%;
            
            margin-bottom: 20px;
        }
        
        .success-icon::after {
            content: "✓";
            color: white;
            font-size: 40px;
        }
        
        .success-title {text-align: center; position: absolute; top: 2.4rem;left: 50%;transform: translateX(-50%);
            font-size: .36rem;color: #333;
            margin-bottom: 10px;
        }
        
        .success-time {
            color: #888;
            margin-bottom: 30px;
        }
        
        .close-button {
              width: 4.8rem;border: 1px solid #501a0e;line-height: .98rem;font-size: .3rem;
            color: #501a0e;
            border-radius: .5rem;
            font-size:.3rem;
            margin: .1rem auto;
            cursor: pointer;background: #fff;display: block;
        }
        
        .order-info {
            margin-bottom: .15rem;
            width: 100%; padding: 0 3%;box-sizing: border-box;
        }
        
        .order-row {
            display: flex;
            justify-content: space-between;
            line-height: 1.1rem; font-size: .28rem;color: #333;
            border-top: 1px dashed #eee;
        }
        .order-row span:nth-child(2){ color: #999;}
.fkjs p{font-size: .3rem;text-align: center;color: #c38a43;margin: .4rem 0;}
.fkcg_nr{position: absolute; width: 100%;left: 0;bottom: 0; background: #fff;border-radius: .3rem .3rem 0 0; padding: .45rem 3% .15rem 3%;box-sizing: border-box;}
.fkcg_title h2{font-weight: bold; font-size: .36rem; color: #cb3036;margin-bottom: .25rem;}
.fkcg_title p{font-size: .26rem;color: #999;}
.fkcg_title{padding-bottom: .2rem;}
.fkcg_xq li{overflow: hidden; border-bottom: 1px dashed #dcdcdc;line-height: 1.1rem;font-size: .26rem;}
.fkcg_xq li span{float: right;color: #999;}
.fkcg_xq dl{text-align: center; padding: .55rem 0;}
.fkcg_xq  dt{display: inline-block;}
.fkcg_xq  dt a{font-size: .26rem;color: #333;}
.fkcg_xq  dt span{font-size: .26rem;color: #999; padding: 0 .1rem;}

.zcgz{display: flex;justify-content: space-between; border-bottom: 1px solid #ddd; padding: .4rem .3rem ;}
.zcgz_right{width: 1.95rem;}
.zcgz_right img{border-radius: .5rem;}
.mmnr_b{position: absolute; right: 0; top: 0; padding-right: .6rem;line-height: .3rem;}
.mmnr_b{border: none;font-size: .26rem; background: none;text-align: right;}
.eye1{background: url(../images/z2.png) no-repeat center center;width: .3rem;height: .3rem; right: 0;background-size: 100% auto; display: inline-block;vertical-align: middle; margin: -3px 0 0 .1rem; }
.eye1.cur{background: url(../images/z1.png) no-repeat center center;background-size: 100% auto;}
.zcgz_left{position: relative;}
.mmnr_c{ width: 100%; border: none;background: none;}
.zcgz_left h2{font-size: .3rem; line-height: .6rem;}
.jrsy{padding: .4rem 0;}
.jrsy ul{overflow: hidden;}
.jrsy li{float: left; width: 50%;}
.jrsy h2{font-size: .3rem; color: #333; margin-bottom: .2rem;}
.jrsy p{font-size: .3rem;color: #999;}
.fblc_title ul{overflow: hidden; margin-left: -.65rem; padding-bottom: .45rem;}
.fblc_title li{float: left; padding-left:.65rem ;font-size: .28rem;}
.fblc_title li a{color: #999;}
.fblc_title li.cur a{color: #000; font-weight: bold;}
.fblc_nr li{padding-bottom: .15rem;}
.fblc_box{display:flex;justify-content: space-between; border-radius: .15rem;background: #fff;
padding: .4rem .3rem;}
.fbleft{width: 50%; overflow: hidden;}
.fbleft img{width: .65rem;height: .65rem; border-radius: 50%;float: left;}
.fbtext{float: right;width: calc(100% - 1rem);}
.fbtext h2{color: #333; font-size: .3rem;margin-bottom: .05rem;}
.fbtext p{font-size: .24rem;color: #d70202;}
.fbright{padding-right: .7rem;background: url(../images/a2.jpg) no-repeat right center;text-align: right;}
.fbright h2{color: #333; font-size: .3rem;margin-bottom: .05rem;}
.fbright p{font-size: .24rem;color: #999;}
#mmnr3{color: #d70202;}
#mmnr{color: #000; font-weight: bold;font-size: .34rem;}
#mmnr1{color: #333; font-size: .3rem;text-align: right !important;width: auto;}
#mmnr2{color: #999; font-size: .26rem;text-align: right !important;widows: auto;}
#mmnr2::-webkit-input-placeholder{color:#999 !important;}
.fixed{
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
   display: none;
   padding-top:70%;
    text-align: left;
    background: rgba(0,0,0,.6);
    color:#333;
    z-index:999;
    font-size:16px;
}
.fixed span{
    display: inline-block;
   font-size:15px;
    position: absolute;
    right:30px;
    bottom:30px;
     color :#b77a2f;
    text-align: right;
   
    line-height: 20px;
}
.fix{
    background: #fff;
    padding:20px 20px;
    border-radius:15px;
    width:66%;
    height:100px;
    margin:0 auto;
    position: relative;

}