cf-sdk/Public/Sdk/css/sdkptbpay.css

html,body{
    background-color:#F5F5F5;
}
p,div{
    font-size: .32rem;
}
a, input, textarea { outline: none; -webkit-tap-highlight-color: transparent; color: #333; }
ins, a { text-decoration: none; }
.ptbnav{
    display:flex;justify-content:space-between;align-items: center;height: .9rem;
}
.ptbnav img{
    width: .35rem;height: .35rem;margin-left: .23rem;
}
.ptbnav p{
    color: #fff;font-size: .36rem;
}
.ptbnav div{
    width: .55rem;height: 100%;
}
.ptbbtn{
    width:3.6rem;height:.7rem;background-color: #21B1EB;margin: auto;text-align: center;line-height: .7rem;font-size: .28rem;color: #fff;border-radius:.35rem;
}
.ptbboxpad{
    width: 100%;padding:.3rem 0;
}
.ptbbox{
    width: 6.9rem;border-radius: .2rem;box-shadow:0px 0px 6px 0px rgba(89,40,8,0.15);margin: auto;background-color: white;
}
.harfborder::after {
    height: 1px;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    background-image: -webkit-linear-gradient(bottom, #ececec 50%, transparent 0);
    background-image: linear-gradient(0deg, #ececec 50%, transparent 0);
}
/*公共end*/

.index-box a{
    color: #21B1EB;
}
.index-box .d4{
    width: 0; 
    height: 0;
    border-width: .28rem;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    transform: rotate(90deg); /*顺时针旋转90°*/
    position: absolute;
    top: -.53rem;
    z-index: 999;
}
.index-box .borderitem::after {
    height: 1px;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    background-image: -webkit-linear-gradient(bottom, #ececec 50%, transparent 0);
    background-image: linear-gradient(0deg, #ececec 50%, transparent 0);
}
.index-box .boxshadow{
    box-shadow:0px 0px 6px 0px rgba(89,40,8,0.15);
}
.index-box .weui-cell::before{
    height:0px;
    border: 0px;
}
.index-box .weui-cell::after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    z-index: 2;
}
.index-box .bg{
    padding-bottom: .2rem;max-height: 5.3rem;
}
.index-box .nav{
    display:flex;justify-content:space-between;align-items: center;height: .9rem;
}
.index-box .nav img{
    width: .35rem;height: .35rem;margin-left: .23rem;
}
.index-box .nav p{
    color: #fff;font-size: .36rem;
}
.index-box .nav div{
    width: .55rem;height: 100%;
}
/**/
.index-box .countbox{
    width: 100%;position: relative;margin-top: .2rem;
}
.index-box .countbox .d4{
    left: 21%;
}
.index-box .countbox-content{
    width:6.9rem;height: 3rem;position: relative;margin: auto;background-color: #fff;border-radius:6px;
}
.index-box .countbox-content p:nth-child(1){
    color: #a9a9a9;text-align: center;font-size: .28rem;line-height: .8rem;
}
.index-box .countbox-content p:nth-child(2){
    color: #292929;text-align: center;font-size: .56rem;font-weight: bold;line-height:1rem;height: 1.3rem;
}
.index-box .countbox-content p:nth-child(3){
    color: #292929;text-align: center;font-size: .32rem;line-height:1rem;color:#21B1EB;position: relative;
}

.index-box .ptb-orderitem .weui-cell__bd p:nth-child(1){
    color: #292929;
    font-size: .28rem;
}
.index-box .ptb-orderitem .weui-cell__bd p:nth-child(2){
    color: #A9A9A9;
    font-size: .24rem;
}
.index-box .ptb-orderitem .weui-cell__ft{
    color: #E30000;
    font-size: .32rem;
}
.index-box .bb-orderitem .weui-cell__bd{
    margin-left:.2rem;
}
.index-box .bb-orderitem .weui-cell__bd p{
    color: #292929;
    font-size: .28rem;
}
.index-box .bb-orderitem img{
    width:.7rem;height: .7rem;
}
.index-box .bb-orderitem .weui-cell__ft{
    color: #21B1EB;
    font-size: .28rem;
}
 .index-box .hader-label{
    display:flex;justify-content:space-between;align-items: center;height: .9rem;text-align: center;color: #fff;line-height: .9rem;position: relative;
}
.index-box .hader-label div{
    width: 50%;text-align: center;font-size: .28rem;
}
.index-box .labelitem.labelact{
    font-size: .32rem;
}
.index-box .ptb-title{
    display: flex;align-items: center;
}
.index-box .ptb-title img{
    width:.3rem;height: .3rem;margin-left: .3rem;
}
.index-box .ptb-title p{
    margin-left: .25rem;font-size: .32rem;
}
.index-box .ptb-orderbox{
    width:6.9rem;min-height: 60vh;margin: auto;background-color: #fff;border-radius:6px;margin-top: .25rem;
}
.index-box .bbpagebox{
    width: 100%;position: relative;margin-top: .2rem;display: none;
}
.index-box .bbpagebox .d4{
    right: 21%;
}
.index-box .bb-orderbox{
    width:6.9rem;min-height: 90vh;margin: auto;background-color: #fff;border-radius:6px;position: relative;
}



.form-box .weui-cell::before{
height:0px;
border: 0px;
}
.form-box .borderitem::after{
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-top: 1px solid #e5e5e5;
color: #e5e5e5;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
z-index: 2;
}
.form-box .weui-cell{
align-items: center;
}
.form-box .weui-label{
width:1.7rem;
text-align: left;
font-size: .28rem;
}
.form-box .weui-input{
font-size: .28rem;
}
.form-box .pay-form-info .title{
font-size: .32rem;line-height:3;text-align: center;
}
.form-box .pay-form-info .formitem{
font-size: .28rem;color: #292929;line-height: .9rem;
}
.form-box .paymoneyinput{
background-color:#F2F2F4;border-radius: .35rem;padding: .2rem 0 .2rem .2rem;width: 90%;
}
.form-box .paymoneyinfo{
font-size: .24rem;color: #a9a9a9;line-height: 3;text-indent: .3rem;
}
.form-box .btnbox{
display: flex;width: 100%;margin-top: .7rem;
}