html {
    color: #000;
    background: #fff;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 50px;
}
html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
    font-family: Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;
    background-color: rgb(245,245,245);
}
body{
    font-size: .32rem;
    color:#333;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

input,
select,
textarea {
    font-size: 100%;
    /*box-shadow: inset 0px 0px 0px #eee;*/
}
input{
    border:none;
	-webkit-appearance: none
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

del {
    text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: .32rem;
    font-weight: 500;
}
q:before,
q:after {
    content: '';
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}
a{
    color:#0089d4;
}
ins,
a {
    text-decoration: none;
}
i{font-style:normal;}
.rel{position:relative;}
.abs{position:absolute;}
.fl{float:left;}
.fr{float:right}
.clearfix:after{display:block;content: '';width:0;height:0;clear:both;visibility:hidden}
.mgt-10{margin-top: 0.2rem;}
.mgt-15{margin-top: 0.3rem;}
.mgt-30{margin-top: 0.6rem;}
.mgt-50{margin-top: 1rem;}
.mgb-15{margin-bottom: 0.3rem;}

.f-red{color:#ff5a00;}
.red{color:#fe3233;}
/*loading加载-start*/
/*loading加载-start*/
.xz{
    height: 100%;
    width: 100%;
    position:relative;
    position:fixed;
    top:0;
    left:0;
    background:rgba(255,255,255,0.5);
    text-align:center;
}
.w_wait{
    height: 100%;
    width: 100%;
    position:relative ;
    position:fixed;
    top:0;
    left:0;
    background:rgba(255,255,255,0.5);
    text-align:center;
    z-index:9999999 !important;
}
.deng{
    width: 1rem;
    height: 1rem;
    position:ansolute;
    display: inline-block;
    margin-top:50%;
    animation: dengdai 2s linear infinite ;
    -webkit-animation: dengdai 2s linear infinite ;
}
@keyframes dengdai {
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}
@-webkit-keyframes dengdai {
    0%{
        transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
    }
}
.sk-wave {
    width: 1rem;
    height: 0.8rem;
    text-align: center;
    font-size: 0.2rem;
    position: absolute;
    left: 1.2rem;
    top: 1rem;
	z-index:1;
	}
  .sk-wave .sk-rect {
    background-color:#BFBB26;
    height: 100%;
    width: 0.12rem;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
            animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
  .sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
            animation-delay: -1.2s; }
  .sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }
/*loading加载-end*/
/*loading加载-end*/
/* ========== */
/* = 头部 = */
/* ========== */
header{width: 100%;height: 0.9rem;background: #fff;}
.back{position: absolute;left: 0.3rem;top: 0.26rem;width: 0.98rem;height: 0.36rem; }
.title{font-size: 0.36rem;line-height: 0.9rem;text-align: center;color: #000;font-weight: 600;}
.nav{position: absolute;right: 0.3rem;top: 0.26rem;width: 0.4rem;height: 0.36rem; }
.back:after, .back:before {border: 0.18rem solid transparent;border-right: 0.2rem solid #fff;position: absolute;top: 0;right: 0.75rem;content: ' '}
.back:before {border-right-color: #433e3c;right: 0.8rem;}
.head-close{position: absolute;left: 0.3rem;top: 0.26rem;width: 0.36rem;height:0.36rem;background: url(../img/cancel.png) no-repeat;background-size: 100%;}
/*公共头部-start*/
/*flex布局-end*/
.flex-container{ display: -webkit-box;flex-direction: row;flex-wrap:nowrap;display: -webkit-flex;display: flex;}
.flex-space-between{ display: -webkit-box;flex-direction: row;justify-content: space-between;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;-webkit-box-pack:justify;}
.flex-item-grow{
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.flex-align-self{align-self: center;}
.flex-item1{
    -webkit-flex-grow:1;
    flex-grow:1;
}
.flex-item2{
    -webkit-flex-grow:2;
    flex-grow:2;
}
.flex-item3{
    -webkit-flex-grow:3;
    flex-grow:3;
}
.flex-item4{
    -webkit-flex-grow:4;
    flex-grow:4;
}
.flex-item5{
    -webkit-flex-grow:5;
    flex-grow:5;
}

/*flex布局-end*/
.padding-15{padding: 0.2rem 0.3rem;}
.fontw-600{font-weight: 600;}
/*公共button-start*/
.buttons-options{text-align: center;padding-left: 0.3rem;padding-right: 0.3rem;}
.btn{width: 100%;height: 0.88rem;font-size: 0.32rem; margin: auto;line-height: 0.88rem;border: none;border-radius: 6px;}
.btn-default{color: #fff; background:#00499f;}
.btn-default:active{
    background:#7F9DB9;
}
.btn-orange{color: #fff; background:#ffb900;}
.btn-orange span{background: url(../img/add.png) no-repeat left center/17%;padding-left: 0.5rem;}

.btn-disabled{color: #fff;background: rgb(200,200,200);}
.btn-trans{width: 100%;height: 0.88rem;font-size: 0.3rem; margin: auto;line-height: 0.88rem;border: none;border-radius: 6px;background: transparent;width:auto;}
.btn-trans:active{background: transparent;width:auto;}
/*.btn:active{background:rgb(255, 133, 66);}*/
/*发短信按钮btn-sms*/
.btn-sms{
    font-size:0.28rem;
    /*padding:0.1rem 0.05rem;*/
    padding: 0.18rem 0.05rem;
    border:#ff5a00 solid 1px;
    border-radius:2px;
    width:2.04rem;
}
.btn-sms-normal{
    border:#ff5a00 solid 1px;
    color:#fff;
    background: #ff5a00;
}
.btn-sms-timing{
    border:#dcdcdc solid 1px;
    background: #fff;
    color:#b3b3b3;
}
.btn-sms-timing span{
    color:#ff5a00;
}
/*公共button-end*/



/*福卡卡号*/
.fkcard{width:100%;height:0.6rem;line-height: 0.6rem;font-size: 0.28rem;margin-top: 0.2rem;}
.fklogo{display: block;height: 0.4rem; width: 0.4rem;background:url(../../img/wap/fkLogo.png) no-repeat 0 0; background-size:0.4rem 0.4rem;float: left;margin-top: 0.1rem;margin-right: 0.1rem;}
.fk-num{padding-left: 0.2rem;font-weight: 600;}
.card-number{margin-left: 0.08rem;}
/*福卡卡号*/
/***input styel---start***/
.data-wrap{
    padding-left: 0.3rem;
    background: #fff;
    border-top:#dcdcdc solid 1px;
    border-bottom:#dcdcdc solid 1px;
}
.data-wrap li{
    display: -webkit-box;
    flex-direction: row;
    flex-wrap:nowrap;
    display: -webkit-flex;
    display: flex;
    background: #fff;
    padding: 0.2rem 0.2rem 0.2rem 0;
    border-bottom:#dcdcdc solid 1px;
    text-align:left;
    font-size:0.28rem;
    color:#3f3734;
}
.data-wrap li:last-child{
    border-bottom:none;
}
.data-wrap label{
    display: inline-block;
    width: 1.9rem;
    font-weight: 600;
}
.data-wrap input{
    flex-grow: 1;
}
.text-wrap{
    padding-left: 0.3rem;
}
.text-wrap li{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    padding: 0.2rem 0.2rem 0.2rem 0;
    text-align:left;
    font-size:0.28rem;
    color:#3f3734;
}
.text-wrap li:last-child{
    border-bottom:none;
}
.text-wrap label{
    width: 1.9rem;
    font-weight: 600;
}
.text-wrap span{
    flex-grow: 1;
}
/***input styel---end***/
/**提示信息-start*/
.msg{
    font-size: 0.27rem;
    height: 0.64rem;
    margin-top: 0.2rem;
    word-wrap: break-word;
}
.msg-content{
    padding-left:0.4rem;
    margin:0px 0.3rem;
}
.msg-normal{
    background: url(../../../static/img/wap/msg-normal.png) no-repeat left top/0.32rem 0.32rem;
}
.msg-normal span{
    color:#ea3838;
}
.msg-error{
    color:#ea3838;
    background: url(../../../static/img/wap/msg-error.png) no-repeat left top/0.32rem 0.32rem;
}
/**提示信息-end*/
/**选择协议-start*/
.agreement-wrap{
    font-size: .32rem;
    margin:0.3rem 0.3rem 0.9rem 0.3rem;
    clear:both;
    overflow: hidden;
}
.agreement-wrap span{
    height: 0.34rem;
    width: 0.34rem;
    display:block;
    float: left;
    margin-right:0.1rem;
}
.agreement-wrap a{
    color:#2197d8;
}
.agreement-wrap.checked span{
    background: url(../../../static/img/wap/checked.png) no-repeat left center/0.34rem 0.34rem;
}
.agreement-wrap.unchecked span{
    background: url(../../../static/img/wap/unchecked.png) no-repeat left center/0.34rem 0.34rem;
}
/**选择协议-end*/
/***cardMask*/
.modal-v2{width:100%;height:100%;background: rgba(0,0,0,.3);position:fixed;top:0;left:0;/*display:none*/}
.modal-v2-Con{position:fixed;width:100%;max-height:90%;bottom:0;left:0;background:#fff;overflow:scroll;}
/*.modal-v2-title{position: relative;text-align:center;padding:.2rem;color:#221815;font-size:.34rem}*/
.modal-v2-title{position: fixed;background: #fff;width: 100%;z-index: 9999;text-align:center;padding:.2rem;color:#221815;font-size:.34rem}

.modal-v2-close{position:absolute;left:0.2rem;top:0.2rem;height:0.35rem;width:0.35rem;background: url(../../../wallet/static/img/close.png) no-repeat center;}
.modal-v2-cardbody{max-height:4.5rem;overflow-y: scroll;}
/***cardMask***end*/



/*模态框公共-start*/
.modal{position: fixed;font-size: 0.32rem;z-index:999;left: 0;top: 0;right: 0;bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.modal-dialog{position: absolute;margin:auto ; left: 0;top: 30%;right: 0;  width: 6rem;border-radius: 8px;background: #fff; z-index: 1000;}
.modal-header{
    height: 0.86rem;
    background: #f7f7f7;
    border-radius: 8px 8px 0 0;
    /*display:flex;
    flex-direction:row;
    flex-wrap:nowrap;*/
    font-weight: 600;
    line-height: 0.86rem;
    padding:0 0.32rem;
}
.modal-footer{

}
.modal-title{
    color: #000;
    font-weight: 600;
    /*flex-grow: 1;*/
    float:left;
}
.modal-close{
    color:#53729c;
    padding-right: 0.32rem;
}
/**短信验证码**/
.modal-body-sms{
    /*display:flex;
    flex-direction:row;
    flex-wrap:nowrap;*/
    padding:0.3rem;
}
.close{float: right;}
.modal-body-sms input{
    /*display:flex;
    flex-direction:row;
    flex-wrap:nowrap;*/
    padding:0.2rem;
    width:50%;
    border: #ccc solid 1px;
    margin-right:0.2rem;
    border-radius:2px;
    float: left;
}
/*提示框主体css start*/
.modal-msg-cont{border-bottom: 1px solid #dcdcdc;text-align: center;}
.modal-msg-cont h6{margin-top:0.3rem;font-size: 0.32rem;color: #000;font-weight: 600;}
.modal-msg-cont p{margin:0.3rem;line-height: 0.5rem;}
.modal-btn-link{
    margin: 0.3rem 0;
    display: block;
    font-weight: bold;
}
.modal-btn{
    /*display:flex;
    flex-direction:row;
    flex-wrap:nowrap;*/
    text-align:center;
    font-size: 0.28rem;
    height:0.5rem;line-height: 0.5rem;
}
.modal-btn-cancel{width:49%;color:#000;font-weight: 600;padding: 0.3rem 0;float:left}
.modal-btn-confirm{width:50%;color:#ff5a00;font-weight: 600;padding: 0.3rem 0;float:right}
.border-r{border-right: #ccc solid 1px;}
/*提示框主体css end*/
/*模态框公共-end*/
/*提示框*/
.prompt-box{display: none; position: fixed;z-index:9999;top: 50%;left: 2%;width: 90%; padding: 0.2rem; font-size: 0.28rem;margin: auto; color: #fff;font-weight: 600;border-radius:6px ; text-align: center;line-height: 0.4rem; background: #000;opacity: 0.7;}
/*边框底部*/
.bottom_tip{font-size:0.26rem;width: 100%;text-align: center;color: #666;background: #F5F5F5;
}
.order-List{
    clear:both;
    overflow:hidden;
}
/*#wrapper {
    position:absolute; z-index:1;
    top:0.9rem; bottom:0px; left:-199.98rem;
    width:100%;
    background:#fff;
    overflow:auto;
}*/
#scroller {
    position:absolute; z-index:1;
    /*  -webkit-touch-callout:none;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    width:100%;
    padding:0;
}
#scroller ul {
    list-style:none;
    padding:0;
    margin:0;
    width:100%;
    text-align:left;
}
#pullUp {
    background:#fff;
    height:0.8rem;
    line-height:0.8rem;
    padding:0.1rem 0.2rem;
    border-bottom:1px solid #ccc;
    border-top: 1px solid #ccc;
    font-weight:bold;
    font-size:0.28rem;
    color:#888;
}
#pullUp div{
    margin:0 auto;
    width:3rem;
    text-align: center;
}
#pullUp .pullUpIcon  {
    display:block; float:left;
    width:0.8rem; height:0.8rem;
    background:url(../img/pull-icon@2x.png) 0 0 no-repeat;
    -webkit-background-size:0.8rem 1.6rem; background-size:0.8rem 1.6rem;
    -webkit-transition-property:-webkit-transform;
    -webkit-transition-duration:250ms;
}
#pullUp .pullUpIcon  {
    -webkit-transform:rotate(-180deg) translateZ(0);
}
#pullUp.flip .pullUpIcon {
    -webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp.loading .pullUpIcon {
    background-position:0 100%;
    -webkit-transform:rotate(0deg) translateZ(0);
    -webkit-transition-duration:0ms;

    -webkit-animation-name:loading;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
}
@-webkit-keyframes loading {
    from { -webkit-transform:rotate(0deg) translateZ(0); }
    to { -webkit-transform:rotate(360deg) translateZ(0); }
}
/*************************实时加载css end****************************************/

/*---start---协议*/
.addAgreement{display: none;}
.wrapper{position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 100%; background-color: rgba(0,0,0,.7); font-size: 0.28rem;}
.agreement{line-height:2;padding: 0px 0.3rem; background: #f5f5f5;height:100%;overflow:scroll;}
.agreement .tit{margin-top:.2rem;font-size:0.32rem;text-align:center;font-weight:600 ; }
.agreement .txt{margin-top:.2rem;margin-bottom:1.2rem;}
.agreement .txt h5{margin-top:.15rem;}
.agreement .txt p{margin-top:.1rem;text-indent:0.6rem;}
.backTo{top: 0.4rem;}
.supportbutton{position: fixed;z-index: 99999; left: 0px;bottom: 0px;width:100%;height:0.9rem;margin-bottom: 0px; background: rgb(255,90,0);text-align: center;color: #fff;line-height: 0.9rem;font-size: 1.5em;}
.paymentText{padding-bottom: 1.2rem;}
/*---end---协议*/

/*模态框银行卡-start*/
.securitycode-box{height: 0.84rem; border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}
.fwb{font-weight: bold; padding-left: 1rem;width: 1.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zxlogo{position: absolute; width: 0.4rem; height: 0.4rem;display: inline-block; margin-top: 0.24rem;margin-left: 0.48rem}
.zxlogo img{width: 100%; height: 100%;}
.text{display: inline-block;line-height: 0.84rem; font-size: 0.28rem;}
.btn-link{height: 0.84rem;text-align: center;line-height: 0.84rem;}
.modal-msg-cont{padding:0.2rem 0;border-bottom: 1px solid #dcdcdc;text-align: center;}
.modal-msg-cont h6{font-size: 0.28rem;color: #000;font-weight: 600;}
.modal-msg-cont p{margin-top:0.2rem;}
.modal-msg-cont .delineate{padding: 0 0.3rem;text-align: justify;letter-spacing: 0.02rem;text-indent: 2em;font-size: 0.28rem;}
.modal-footer div a{font-size: 0.28rem;color: #000;text-align: center;padding-top: 0.52rem;font-weight: 600;}

/*模态框银行卡-end*/
.markPop{position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
.popBg{position:relative;width:80%;text-align:left;background:#fff;font-size:.3rem;border-radius:3px;box-shadow:0 0 0.16rem rgba(0,0,0,.1);}
.popCon h3{padding:0 0.9rem 0 0.2rem;font-size:.4rem;font-weight:400;height:.5rem;line-height:.5rem;border-radius:3px 3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.popClosed{position:absolute;right:0;top:0.1rem;width:0.6rem;height:0.6rem;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:0.6rem}
.popClosed:after,.popClosed:before{position:absolute;left:0.1rem;top:0.3rem;content:'';width:0.36rem;height:0.02rem;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}
.popClosed:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.popIns{padding:0.4rem 0.3rem;line-height:0.44rem;text-align:center}
.popBtn{position:relative;width:100%;height:0.8rem;line-height:0.8rem;text-align:center;border-top:1px solid #ccc}
.popBtn a{display:inline-block;position:relative;width:50%;text-align:center;font-size:.3rem;cursor:pointer;border-radius:0 3px 0 0;}
.popBtn a:first-child{height:0.78rem;background-color:#fff;border-radius:0 0 0 3px}
.popBtn:before{content:'';position:absolute;width:0.02rem;height:0.78rem;left:50%;top:0;background-color:#ccc}
/**loading style start**/
.loading-contents{display: none;}
.loading-box{position: fixed;z-index:999;top: 38%;width: 100%;}
.loading-box .loader{ width:2.2rem; color: #fff;font-weight: 600;border-radius:6px ;font-size: 0.28rem;padding: 0.4rem 0.2rem; margin: 0 auto;text-align: center;line-height: 0.4rem; background: rgba(0,0,0,.7);}
.loading-box .loader-img{
    margin:0;
    width:0.6rem;
    height:0.6rem;
    display: inline;
}
/*.ball-clip-rotate > div {
  background-color: #fff;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 100%;
  margin: 0.04rem;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  height: 0.5rem;
  width: 0.5rem;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
          animation: rotate 0.75s 0s linear infinite; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }*/
/**loading style end**/
.hide{display:none;}
/*账单，余额列表*/
.remTit{padding: 0.1rem 0.3rem;}
/*账单，余额列表 end*/
/*footer{
    position: relative;
    margin-top: 1rem;
}*/
.ellipsis{
    white-space: nowrap;text-overflow: ellipsis;
}
.close-head{
    position: absolute;
    right: 0.3rem;
    top: 0.26rem;
    color: #1659a7;
}
/******银行卡信息start************/
.bank-info h3 img,
.bank-info-ins h3 img{
    width: 0.35rem;
    height: 0.35rem;
    padding-top: 0.04rem;
    display: inline-block;
    vertical-align: top;
}
.bank-info h3 strong{
    max-width:2.7rem;
}
.bank-info h3 strong,
.bank-info-ins h3 strong {
    padding: 0 0.1rem 0 0.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
}
.bank-info p,
.bank-info-ins p {
    font-size: 0.25rem;
    padding-left: 0.46rem;
}
.bank-info-ins{
    padding:.25rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.bank-info-ins h3 strong{
    max-width:1.7rem;
}
/******银行卡信息end************/