/* 全局字体统一 */
body{font-family:"微软雅黑","PingFang SC","Microsoft YaHei",sans-serif;}

a.add{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: white;
	background: #fd4b4c;
	height: 1.9rem;
	line-height: 1.9rem;
	font-size: 0.7rem;
}
/*number*/
/* 主页面适配：viewport 已改为 1:1，rem 值按比例缩小约一半 */
.orderNumber{
	padding: 0.75rem;
	text-align: center;
	font-size: 0.4rem;
	font-weight: bold;
}
.orderNumber p:nth-child(1){
	margin-bottom: 0.3rem;
}
.orderNumber div{
	font-family: 微软雅黑;
	font-size: 0.85rem;
}
.gather{
	background: white;
	padding: 0.3rem 0.4rem;   /* 上下 0.3rem，左右 0.4rem 预留边缘距离 */
	font-size: 0.3rem;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	display: flex;            /* 启用 flex 布局 */
	justify-content: space-between;  /* 两端对齐：收款方在左，名称在最右 */
	align-items: center;
}
.gather span:nth-child(1){
	color: #999999;
}
.rightNow{
	height: 1rem;
	line-height: 1rem;
	margin: 0.45rem 0.31rem;
	color: white;
	background: #06c364;
	border: none;
	width: 92%;
	border-radius: 0.21rem;
	font-size: 0.4rem;
	display: inline-block;
	text-align: center;
 
}
.payBox{
	font-size: 0.6rem;
	padding: 0.5rem;
}
.changeWay{
	color: #09BB07;
}
.money{
	color: #999999;
	margin-top: 0.25rem;
	padding-bottom: 0.25rem;
	border-bottom: 1px solid #888888;
}
.authTip {
	text-align: justify;
	margin: 0.25rem 0 0.5rem;
}
.authTip img{
	width: 0.8rem;
	margin-top: -0.4rem;
}
.ospan{
	color: red;
	font-weight: bold;
}
.codeBox{
	text-align: center;
	width: 50%;
	margin: 0 auto;
}
.codeBox p img{
	width: 0.75rem;
	margin-right: 0.3rem;
}
.code{
	width: 100%;
	margin-bottom: 0.3rem;
}
.payIntro{
	text-align: center;
}
/*index*/
.mainPic{
	height: 20.75rem;
	position: relative;
}
.mainPic .oneImg{
height: 100%;
width: 100%;
display: block;
}
.mainPic .triangle{
position: absolute;
left: 50%;
bottom: 0;
margin-left: -0.8rem;
}
.mainPic .lookNum{
color: white;
position: absolute;
left: 0.75rem;
bottom: 0.5rem;
font-size: 0.7rem;
}
.price{
padding: 0.62rem;
background: white;
}
.price p span:nth-child(1){
color: #ff3c3c;
font-size: 0.7rem;	
}
.price p span:nth-child(1) em{
font-size: 1.12rem;
}
.price p span:nth-child(2){
color: #999999;
font-size: 0.55rem;
} 
.price .looked{
color: #999999;
font-size: 0.6rem;
}
.detip{
position: relative;
}
.detip span{
	width: 90%;
	display: inline-block;
}
.detip img{
position: absolute;
right: 0.62rem;
top: 50%;
margin-top: -0.45rem;
}
.description{
background: white;
padding: 0.62rem;
}
.description h3{
font-size: 0.75rem;
font-weight: bold;
}
.description .introdction{
font-size: 0.6rem;
text-align: justify;
margin: 0.37rem 0 0.75rem;
}
.labels span{
border: 1px solid #BDFFCD;
color: #00B65E;
display: inline-block;
padding: 0.2rem 0.37rem;
margin-right: 0.5rem;
font-size: 0.6rem;
}
.goodWord span{
color: #999999;
font-size: 0.6rem;
vertical-align: middle;
margin-left: 0.25rem;
}
.great span{
font-size: 0.6rem;
color: #fd4b4c;
}
.emphasize{
border-top:1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
padding: 0.5rem 0;
margin-top: 1rem;
}
.linearBox{
width: 70%;
margin: 1rem auto 0 auto;
position: relative;
text-align: center;
}
.linearBox div{
height: 2px;
background: #CCCCCC;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.linearBox p{
background: white;
padding: 0 0.5rem;
font-size: 0.7rem;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
 min-width: 65%;
}
.fowBox{
padding-top: 0.75rem;
}
.flow span{
float: left;
font-size: 0.55rem;
color: #999999;
text-align: center;
width: 33.3%;
}
.consult{
text-align: center;
}
.consult a{
color: #00B65E;
font-size: 0.65rem;
}
.storeCredit{
background: white;
padding: 0.62rem 0.62rem 0 0.62rem;
margin: 0.5rem 0;
}
.shop{
	border-bottom: 1px solid #edeae8;
	padding-bottom: 0.5rem;
}
.shop .storePic{
width: 1.75rem;
height: 1.75rem;
border-radius: 50%;
margin-right: 0.5rem;
}
.shop h4{
	font-size: 0.65rem;
}
.shop p{
	font-size: 0.5rem;
	margin-top: 0.2rem;
}
.shop .pass{
	width: 3rem;
	margin-left: 0.5rem;
}
.honor{
	height: 1.8rem;
	line-height: 1.8rem;
}
.honor div{
	font-size: 0.6rem;
	color: #25b7aa;
}
.honor img{
	margin: 0 0.3rem 0 2.25rem;
}
.honor span{
	vertical-align: middle;
}
.moreDetail{
	background: white;
	padding: 0.62rem;
}
.moreDetail h4{
	font-size: 0.6rem;
	margin-bottom: 0.5rem;
}
.moreDetail img{
	width: 100%;
	margin-bottom: 0.5rem;
}
.interact{
	background: white;
	padding: 0.62rem;
	margin-top: 0.5rem;
}
.interact .wanted{
	margin-bottom: 0.5rem;
}
.interact .wanted{
	font-size: 0.6rem;
}
.interact .wanted span{
	margin-right: 0.5rem;
}
.wanted img{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	border: 0.05rem solid white;
	margin-left: -0.4rem;
}
.leaveMsg{
	margin-bottom: 1rem;
}
.leaveMsg img,.expecial img{
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
}
.msgBox{
	width: 81%;
	margin-left: 0.5rem;
	background: #f4f4f4;
	padding: 0.2rem;
	position: relative;
	height: 1.3rem;
	border-radius: 0.2rem;
}
.msgBox .msgTxt{
	width: 77%;
	background: #f4f4f4;
	font-size: 0.6rem;
	border: none;
}
.msgBox .msgTxt::-webkit-input-placeholder{
	color: #666666;
	font-size: 0.55rem;
}
.msgBox .msgBtn{
	width: 20%;
	border: none;
	background: #fd4b4c;
	color: white;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.7rem;
	height: 1.7rem;
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
}
.expecial{
	margin-top: 0.5rem;
}
.expecial div{
	margin-left: 0.25rem;	
	font-size: 0.55rem;
	width: 86%;
}
.expecial span{
	color: #666666;
	margin-bottom: 0.3rem;
	display: inline-block;
}
.expecial span em{
	color: #999999;
	margin-left: 0.2rem;
}
.commentList li{
	overflow: hidden;
	border-top: 1px solid #EEEEEE;
	padding: 0.5rem 0;
}
.commentList li img{
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	float: left;
}
.commentList li div{
	float: left;
	width: 85%;
	margin-left: 0.5rem;
}
.msgName{
	font-size: 0.5rem;
}
.msgName span:nth-child(2){
	color: #999999;
}
.comment{
	font-size: 0.6rem;
	margin: 0.25rem 0 0.37rem 0;
}
.buyTime{
	font-size: 0.5rem;
	color: #999999;
}
.fixFooter{
	position: fixed;
	left: 0;
	bottom: 0;
	background: white;
	width: 100%;
	padding: 0.3rem 0;
	border-top: 1px solid #EEEEEE;
}
.fixFooter p{
	margin-left: 0.62rem;
	margin-top: 0.2rem;
}
.fixFooter p span{
	width: 1.6rem;
	height: 1.3rem;
	background: url(img/heart1.png);
	display: inline-block;
	background-size: 100% 100%;
}
.fixFooter p span.active{
	background: url(img/heart2.png);
	background-size: 100% 100%;
}
.fixFooter p em{
	color: #666666;
	font-size: 0.45rem;
}
.fixFooter .buy{
	height: 1.7rem;
	line-height: 1.7rem;
	background: #FF5647;
	color: white;
	font-size: 0.65rem;
	width: 5rem;
	text-align: center;
	border-radius: 0.1rem;
	margin-right: 0.62rem;
}
.fixFooter .link{
	font-size: 0.65rem;
	width: 5rem;
	border-radius: 0.1rem;
	background: #FEB60A;
	height: 1.7rem;
	line-height: 1.7rem;
	text-align: center;
	color: white;
	margin-right: 0.5rem;
}
.fixFooter a img{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	margin-right: 0.2rem;
 
}
.level{
	position: absolute;
	left: 50%;
	top: 50%;
	background: white;
	border-radius: 0.25rem;
	-webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     padding: 1rem 1.5rem;
}
.level img{
	width: 10rem;
	height: 10rem;
}
 
/*2017-70-10*/
.headerTop,.fixedTop{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: white;
	z-index: 2;
	height: 2rem;
}
.imgBox{
	text-align: center;
	height: 2rem;
}
.imgBox img{
	margin: 0.4rem 0.5rem 0 0.5rem;
	width: 1.2rem;
}
.more{
	position: absolute;
	right: 0.62rem;
	top: 0.9rem;
	width: 0.9rem;
}
.fixedTop{
	display: none;
	background: transparent;
}
.fixedTop img{
	margin: 0.4rem 0.5rem 0 0.5rem;
	width: 1.5rem;
}
/*2017-7-11*/
.blackBox{
	display: none;
	width:10rem;
	height: 5.5rem;
	background: rgba(0,0,0,0.7);
	border-radius: 0.25rem;
	text-align: center;
	position:fixed;
	left: 50%;
	top: 50%;
	 -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
.blackBox img{
	width: 1.7rem;
	margin: 1rem 0 0.6rem 0;
}
.blackBox p{
	color: white;
	font-size: 0.7rem;
}
 
.footer-1{
	width:100%;
	height:1.9rem;
	background-color:#fff;
	position: fixed;
	left: 0;
	bottom:0px;
	border-top: 1px solid #EEEEEE;
}
.footer-1 sapn{
	display:block;
	width:90px;
	height:74px;
	background-color:#fff;
	float:left;
	margin-top:0.2rem;
}
.footer-1 sapn i{
	display:block;
	width:34px;
	height:34px;
	margin:0 auto;
	background-color:#fff;
}
.footer-1 sapn dl{
	display:block;
	width:100%;
	height:35px;
	text-align:center;
	font-size: 0.45rem;
	line-height:35px;
	color:#666;
	
}
.footer-1 .mq{
	display:block;
	width:4rem;
	height:1.6rem;
	background-color:#ffb506;
	margin-top:0.2rem;
	float:right;
	border-radius:8px;
	text-align:center;
	font-size: 0.55rem;
	color:#FFF;
	line-height:1.6rem;
}
.footer-1 .msm{
	display:block;
	width:3.2rem;
	height:1.6rem;
	background-color:#e6563b;
	float:right;
	margin-top:0.2rem;
	margin-left:0.4rem;
	margin-right:0.3rem;
	border-radius:8px;
	text-align:center;
	font-size: 0.55rem;
	color:#FFF;
	line-height:1.6rem;
}
 
 
.footer-0{
	width:100%;
	height:1.5rem;
	position: fixed;
	left: 0;
	bottom:2.2rem;
}
.footer-0 .fdh{
	display:block;
	height:1.5rem;
	padding:0 0.4rem;
	border-radius:0.8rem;
	background-color:#fff;
	float:left;
	margin-left:0.4rem;
}
.footer-0 .fdh span{
	display:block;
	height:1.5rem;
	font-size: 0.5rem;
	line-height:1.4rem;
	color:#666;
	float:left;
}
.footer-0 .fdh i{
	display:block;
	width:46px;
	height:46px;
	float:left;
	background-color:#fe3a23;
	float:left;
	margin:10px 0 0 8px;
	border-radius:23px;
}
.footer-0 .rdh{
	display:block;
	height:1.5rem;
	padding:0 0.3rem;
	border-radius:0.8rem;
	background-color:#fff;
	float:right;
	margin-right:0.4rem;
}
.addSiteclearfix{
	display:block;
	width:96%;
	height:160px;
	margin:0 auto;
}
.addSiteclearfix .ot-sx{
	width:100%;
	height:5px;
	background: url(img/ot-top.png);
}
.addSiteclearfix .maincom{
	width:100%;
	height:150px;
}
.addSiteclearfix .maincom .ot-left{
	width:5px;
	height:150px;
	float:left;
	background: url(img/ot-left.png);
}
.addSiteclearfix .maincom .ot-right{
	width:5px;
	height:150px;
	float:right;
	background: url(img/ot-left.png);
}
.addSiteclearfix .maincom .wei-ico{
	width:34px;
	height:45px;
	float:left;
	background-color:#0FC;
	margin:50px 0 0 20px;
}
.addSiteclearfix .maincom .gt{
	background: url(img/icon8.png);
	display:block;
	width: 0.8rem;
	height: 0.8rem;
	margin: 1.45rem 0.2rem 0 0;
	background-size:100% 100% ;
	float:right;
}
.addSiteclearfix .maincom .info{
	width:12rem;
	height:150px;
	float:left;
	margin-left:20px;
}
.addSiteclearfix .maincom .info .name{
	width:100%;
	height:60px;
	margin-top:15px;
}
.addSiteclearfix .maincom .info .name dl{
	display:block;
	float:left;
	height:60px;
	color: #666;
	font-size: 0.6rem;
	line-height:70px;
}
.addSiteclearfix .maincom .info .name span{
	display:block;
	float:right;
	height:60px;
	color: #666;
	font-size: 0.6rem;
	line-height:70px;
}
.addSiteclearfix .maincom .info .add{
	width:100%;
	height:60px;
	color: #666;
	font-size: 0.6rem;
	line-height:50px;
}
.goodBox{
	background: white;
}
 
.am-dialog-button a {
    width: 100%;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #f0f0f0;
}
 
.am-dialog-button a {
    display: block;
    text-align: center;
    color: ;
    text-decoration: none;
    padding: 13px 0;
}
 
.am-dialog-button a:first-child {
    border-top: none;
}
 
.am-dialog-button[am-mode~=two] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    box-align: center;
}
 
.am-dialog-button[am-mode~=two] a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    border-top: none;
}
 
.am-dialog-button[am-mode~=two] a:first-child {
    border-right: 1px solid #f0f0f0;
}
 
.am-act {
    text-align: center;
    margin-bottom: 10px;
    padding: 30px 0;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
 
.am-act .icon {
    display: inline-block;
    overflow: hidden;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    vertical-align: -2px;
    background-size: 60px 60px;
}
 
.am-flexbox {
    width: 100%;
    text-align: left;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: box!important;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    box-align: center;
}
 
.am-flexbox,.am-flexbox .am-flexbox-item {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
 
.am-flexbox .am-flexbox-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    margin-left: 15px;
    min-width: 20px;
}
 
.am-flexbox-item:first-child {
    margin-left: 0;
}
 
.am-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    width: 100%;
    position: relative;
    padding: 7px 0;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #1d222d;
    height: 50px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    box-align: center;
}
 
.am-header h1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    line-height: 18px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}
 
.am-header .title-sub {
    font-size: 13px;
    font-weight: 300;
}
 
.am-header h1 a,.am-header h1 a:visited {
    color: #fff;
}
 
.am-header .icon-arrow-back {
    text-indent: -300px;
    display: block;
    width: 12px;
    height: 12px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 11px;
    margin-top: -6px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
 
.am-header .am-header-operate,.am-header .am-header-reverse {
    position: absolute;
    top: 6px;
    text-align: center;
    color: #fff;
}
 
.am-header .am-header-reverse {
    top: 9px;
    left: 5px;
}
 
.am-header .am-header-operate {
    top: 12px;
    right: 5px;
    padding-right: 6px;
    color: #00a8f0;
}
 
.am-header .am-header-operate .icon-help {
    margin: -8px -8px 0 0;
}
 
.am-header .am-header-operate-icon,.am-header .am-header-reverse-icon {
    height: 32px;
    padding: 0 10px 0 0;
    color: #d3d3d2;
}
 
.am-header .am-header-reverse-icon span {
    font-size: 14px;
    display: inline-block;
    padding: 6px 0 0 26px;
}
 
.am-section {
    padding: 0 15px 10px;
    overflow: auto;
}
 
.am-button {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 4px 8px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 2;
    border-radius: 4px;
    background-clip: padding-box;
}
 
.am-button-blue {
    border: 1px solid ;
    color: #fff;
    background: ;
}
 
.am-list {
    padding: 0 0 20px;
}
 
.am-list,.am-list .am-list-item {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
 
.am-list .am-list-item {
    display: block;
    position: relative;
    z-index: 10;
    margin: 0;
    padding: 10px 30px 10px 15px;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    background-color: #fff;
    color: #000;
    text-align: left;
    vertical-align: middle;
}
 
.am-list .am-list-item a {
    color: #000;
}
 
.am-list .am-list-item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
 
.am-list div.am-list-item {
    padding: 10px 15px;
}
 
.am-list .am-list-item:last-child {
    border-bottom: 1px solid #e5e5e5;
}
 
.am-list .am-list-item .am-list-item-text,.am-list .am-list-item .am-list-item-title {
    display: block;
}
 
.am-list .am-list-item .am-list-item-title {
    float: left;
    width: 90px;
    color: #000;
}
 
.am-list div.am-list-item .am-list-item-title {
    width: 112px;
}
 
.am-list .am-list-item .am-list-item-text {
    text-align: right;
    width: auto;
    color: gray;
}
 
.am-list div.am-list-item-form {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}
 
.am-list div.am-list-item-form input[type=email],.am-list div.am-list-item-form input[type=number],.am-list div.am-list-item-form input[type=password],.am-list div.am-list-item-form input[type=search],.am-list div.am-list-item-form input[type=tel],.am-list div.am-list-item-form input[type=text],.am-list div.am-list-item-form input[type=url] {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -ms-appearance: none;
    padding: 8px 0;
    width: 100%;
    height: 45px;
    border: none;
    outline: none;
}
 
.am-list div.am-list-item-form select {
    position: relative;
    z-index: 10;
    cursor: pointer;
    width: 100%;
    height: 45px;
    border: none;
    background: transparent;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
 
#ServerNum {
    text-align: center;
    color: #f5f5f9;
}
 
.am-loading {
    position: fixed;
    z-index: 100;
    top: 45%;
    width: 100%;
    text-align: center;
}
 
.am-loading .am-loading-text {
    box-sizing: border-box;
    display: inline-block;
    margin: -24px auto auto;
    padding: 9px 20px;
    border-radius: 5px;
    background-clip: padding-box;
    line-height: 1.5em;
    color: #fff;
    background-color: rgba(0,0,0,.8);
}
 
.am-loading .am-loading-text .icon-check-error {
    vertical-align: -2px;
}
 
.am-loading-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAQAAABLCVATAAACsklEQVR4AZ3PUWoqSRTG8bOFs4XeQm+ht1Bb6C30FkpERCQP9SCXEC6SkiAhSJAiXIZhCEKBXIIECYVIkEsIaQkiQfqh56vqycxNTJjY5/cp+PLHos+uiMq01KUt87JsZJA2RTNucpM+hu0rRGGK8r9ryIZsBi3ZSltxi/Zhb+2SnS3K4OMQtLN21Ka33v3cqV25qzJ5ofG4uOSSSmpwI8LDRMhUxKehLb8YZDy3ywouaF+LW0k786GO7KQd7tArLEBma1/ylxwZteMdfa7NbYEMdLMud6mCVbZmiwyIF/p/nRgZL30X2shtHiRb+ppu7ENH8kgckRe+Nskm3/iM+GqmSiHjRf+Gnu1zjpTa0GGOhA+pTJEibC2ec3AbPjjEyHhxFTJrhNbZmg6nEuUvRegpWufg1lwrxEqGFNNT+pSDeqJ6VKpUT6mEHlUIidqhpKcgpQfwuyunEP8SPX0ohDK6ME95MAPVE+Pv6lvqidDCB+qDyGgXy6g+o6VRyv7y63cildUzzGHkKSVWTmI6oZOohN1oo4zulf37t4txZLq+Z58V5DSUiDjlqpuqJ+GUELLCBlY8IIO1+e+Cpj6tNALt3AudXS40+RUn+p+1ieEnEDGOev40MyAByqEYh8CZ5y7c3M5p8OcpQMNckADogHcxXc+5ObikMwwOdPeIH4NAf4NQrd2Fs/oa4bxUA99KD0jD/PmPNe3FiE7S76SuRDn+lwjJYdUwSq3PDPI2Bv7M5vylD434lF2oS8QQobfh2DGM33jQ3ZqpsKypX1jHotLPQKk5Dmf0yvsdzfZTx+yODORk+Q6uqbKVXSVmGysx+ZSh1Q6ot9hb03jqQ4hO4Fr85f5E/4wP8wVGDOGSzWKR7QX2mcTq/ZCEEJynIxpH/axSTQRE3mt/gnpH+oqw+MiQx/7G9K9+OkXsPIzAAAAAElFTkSuQmCC');
    background-size: 24px auto;
    -webkit-animation: rotate linear 1s infinite;
    animation: rotate linear 1s infinite;
}
 
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
 
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
 
.am-password-handy {
    overflow: hidden;
    position: relative;
    margin: 0 0 20px;
    width: 100%;
    padding-bottom: 1px;
}
 
.am-password-handy .am-password-handy-security,.am-password-handy input[type=password],.am-password-handy input[type=tel] {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 44px;
    overflow: hidden;
    padding: 0!important;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-clip: padding-box;
    font-family: Courier,monospace;
    font-size: 24px;
    line-height: 32px;
}
 
.am-password-handy input[type=password],.am-password-handy input[type=tel] {
    position: absolute;
    opacity: .01;
    border: 0 none!important;
    left: 0;
    -webkit-appearance: none;
    -ms-box-sizing: content-box!important;
    box-sizing: content-box!important;
    outline: none;
}
 
.am-password-handy input:focus {
    position: absolute;
    opacity: .01;
    padding: 0 50px 0 200px!important;
    left: -300px;
}
 
.am-password-handy .am-password-handy-security {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: box!important;
    padding: 0;
    background-color: #fff;
}
 
.am-password-handy .am-password-handy-security li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    margin-right: -1px;
    border-right: 1px solid #ddd;
    overflow: hidden;
    text-align: center;
}
 
.am-password-handy .am-password-handy-security li:last-child {
    margin-right: 0;
    border-right: 0;
}
 
.am-password-handy .am-password-handy-security i {
    display: inline-block;
    width: 14px;
    overflow: hidden;
    line-height: 42px;
    font-style: normal;
    visibility: hidden;
}
 
.am-password-handy .am-password-handy-security i:empty {
    margin: 16px 2px 0;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: #000;
}
 
.am-dialog-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
 
.am-dialog-box {
    opacity: 0;
    -webkit-touch-callout: none;
    touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 32%;
    z-index: 100000000000001;
    width: 100%;
    padding: 0 20px;
    margin: -100px 0 0;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
 
.am-dialog-boxa {
    opacity: 0;
    -webkit-touch-callout: none;
    touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 40%;
    z-index: 100000001;
    width: 100%;
    padding: 0 20px;
    margin: -100px 0 0;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
 
.am-dialog-content {
    margin: auto;
    max-width: 430px;
    background: #fff;
    border-radius: 8px;
    padding: 25px 0 0;
}
 
.am-dialog-title {
    text-align: center;
    font-weight: 500;
    padding: 0 0 10px;
}
 
.am-dialog-text {
    padding: 0 15px 25px;
    text-align: center;
    font-size: 0.36rem;
    line-height: 200%;
}
 
.am-dialog-text[am-mode~=left] {
    text-align: left;
}
 
.am-dialog-button,.am-dialog-button a {
    width: 100%;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #f0f0f0;
}
 
.am-dialog-button a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 13px 0;
}
 
.am-dialog-button a:first-child {
    border-top: none;
}
 
.am-dialog-button[am-mode~=two] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-orient: horizontal;
    -ms-
}
.wy-zzc {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    cursor: pointer;
  }
  .rmb {
	  font-size: 0.5em;
	  vertical-align: 0.15em;
  }
  #popup {
      position: fixed;
      bottom: -1100px;
      left: 0;
      width: 100%;
      height: 12rem;
      background: white;
      border-radius: 0.25rem 0.25rem 0 0;
      z-index: 1000;
      overflow: hidden;
      touch-action: pan-y;
	  transition: bottom 0.3s ease;
	  display:none;
    }
 
    .popup-content {
      height: 100%;
      overflow-y: auto;
      padding: 0.6rem 0.4rem;
      -webkit-overflow-scrolling: touch;
	  text-align: center;
    }
	.popup-content p{
		font-size: 0.36rem;
		text-align: center;
 
	}
	/* ¥ 符号：用 flex 父级 + margin 替代绝对定位，避免不同屏幕漂移 */
	.zfjgfh{
		font-family: 微软雅黑;
		font-size: 0.6rem;
		font-weight: 1000;
		margin-right: 0.1rem;
		vertical-align: 0.1em;
	}
	.zfjg{
		font-family: 微软雅黑;
		font-weight: bold;
		font-size: 1.0rem;
	}
	.zfjgcs{
		display: flex;
		justify-content: center;
		align-items: baseline;
		margin-top: 0.6rem;
	}
	.xy-fkfs{
		/* 付款方式图标条：原图 828×220，独占一行显示在金额下方、密码框上方 */
		width: 7rem;
		height: auto;
		margin: 0.25rem auto 0.35rem;
		display: block;
	}
	/* 密码输入部分自适应 */
        .password-input {
            padding: 0.4rem 0.2rem;
            text-align: center;
            background-color: #fff;
        }
 
        .password-title {
            font-size: 0.32rem;
            color: #333;
            margin-bottom: 0.2rem;
        }
 
        .password-amount {
            font-size: 0.48rem;
            font-weight: 500;
            margin-bottom: 0.2rem;
        }
 
        .password-boxes {
            display: flex;
            justify-content: center;
            gap: 0.16rem;
            margin: 0 auto;
            margin-bottom: 0.3rem;
			margin-top: 0.3rem;
			width: 6.5rem;
        }
 
        .password-box {
            height: 1rem;
            width: 1rem;
            border-radius: 0.08rem;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            background-color: #f4f2f5;
        }
 
        .password-box.filled::after {
            content: "";
            display: block;
            width: 0.25rem;
            height: 0.25rem;
            border-radius: 50%;
            background-color: #000;
        }
 
        /* 优化后的键盘样式：宽度自适应屏幕 */
        .keyboard {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #f7f7f7;
            padding: 0;
            border-top: 1px solid #e5e5e5;
        }
 
        .keyboard-row {
            display: flex;
            justify-content: space-between;
            margin: 0;
            border-bottom: 1px solid #e5e5e5;
			width: 100%;
			height: 1.2rem;
        }
 
        .keyboard-row:last-child {
            border-bottom: none;
        }
                .keyboard-row1 {
            display: flex;
            justify-content: space-between;
            margin: 0;
			width: 100%;
			height: 1.2rem;
        }
 
        .keyboard-row1:last-child {
            border-bottom: none;
        }
        .key {
            flex: 1;
            height: 1.2rem;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 0.54rem;
            font-weight: 400;
			font-family: PingFang SC;
            cursor: pointer;
            user-select: none;
            touch-action: manipulation;
            position: relative;
            border-right: 1px solid #e5e5e5;
        }
 
        .key:last-child {
            border-right: none;
        }
 
        .key:active {
            background-color: #f0f0f0;
        }
 
        #backspace {
            background-color: #f7f7f7;
        }
 
        #backspace:active {
            background-color: #e5e5e5;
        }
 
        .key-icon {
            width: 0.48rem;
            height: 0.36rem;
        }
        
        /* 付款方式部分保持不变 */
        .payment-method {
            padding: 15px;
            background-color: #fff;
            border-top: 1px solid #f5f5f5;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .payment-label {
            font-size: 16px;
        }
        
        .payment-value {
            color: #07C160;
            display: flex;
            align-items: center;
        }
        
        .change-btn {
            color: #999;
            font-size: 14px;
            margin-left: 10px;
        }
		#xyzr {
      position: fixed;
      bottom: -12rem;
      left: 0;
      width: 100%;
      height: 12rem;
      background: white;
      border-radius: 0.25rem 0.25rem 0 0;
      z-index: 1000;
      overflow: hidden;
      touch-action: pan-y;
	  transition: bottom 0.3s ease;
	  display:none;
	  font-family: 微软雅黑;
    }
 
    .xy-zr {
      height: 100%;
      overflow-y: auto;
      padding: 0.6rem 0.4rem;
      -webkit-overflow-scrolling: touch;
	  text-align: center;
    }
	.xy-zr p{
		font-size: 0.36rem;
		text-align: center;
 
	}
	/* ¥ 符号：与 popup 一致，用 flex 布局替代绝对定位 */
	.xyzrfh{
		font-family: 微软雅黑;
		font-size: 0.6rem;
		font-weight: 1000;
		margin-right: 0.1rem;
		vertical-align: 0.1em;
	}
	.zrjg{
		font-family: 微软雅黑;
		font-weight: bold;
		font-size: 1.0rem;
	}
	.xyzrcs{
		display: flex;
		justify-content: center;
		align-items: baseline;
		margin-top: 0.6rem;
	}
    .wx-dots {
            display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 1.5rem;
 
        }
 
        .wx-dot {
            width: 0.24rem;
            height: 0.24rem;
            border-radius: 100%;
            background-color: #2d2d2d;
            margin: 0 0.06rem;
            opacity: 0.3;
            animation: wx-dot-pulse 1.4s infinite ease-in-out;
        }
 
        .wx-dot:nth-child(1) {
            animation-delay: 0s;
        }
 
        .wx-dot:nth-child(2) {
            animation-delay: 0.2s;
        }
 
        .wx-dot:nth-child(3) {
            animation-delay: 0.4s;
        }
 
        @keyframes wx-dot-pulse {
            0%, 100% {
                opacity: 0.3;
                transform: scale(0.8);
            }
            50% {
                opacity: 1;
                transform: scale(1);
            }
        }
		.xy-wxzfz{
			/* 微信支付加载图：原图 215×273，独立一行显示在三个点下方 */
			width: 2rem;
			height: auto;
			margin: 0.5rem auto 0;
			display: block;
		}
		        .delete-icon {
            width: 0.5rem;
            height: 0.52rem;
            position: relative;
            cursor: pointer;
            /* 定义主形状 */
            background: #000;
            clip-path: polygon(
                0 0,
                100% 0,
                100% 100%,
                0 100%,
                -0.22rem 50%
            );
            /* 边缘抗锯齿 */
            -webkit-backface-visibility: hidden;
        }
 
        /* 左侧凸角增强 */
        .delete-icon::before {
            content: "";
            position: absolute;
            left: -0.18rem;
            top: 50%;
            width: 0.32rem;
            height: 0.42rem;
            background: #000;
            transform:
                translateY(-50%)
                rotate(35deg);
            z-index: -1;
        }
 
        /* 精确叉号 */
        .delete-icon::after {
            content: "×";
            position: absolute;
            top: 50%;
            left: 45%;  /* 视觉重心偏移补偿 */
            transform: translate(-50%, -50%);
            color: #fff;
            font:
                1 0.7rem/1 "Arial",  /* 精确匹配字体 */
                sans-serif;
            letter-spacing: -0.05em;
            text-rendering: geometricPrecision;
        }
 
        /* 交互动效 */
        .delete-icon:hover {
            filter: brightness(1.15);
        }