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

/**
 *version:20191024
 */
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;
}
.gifbox{
    width: 6.9rem;border-radius: .2rem;margin: auto;background-color:#fff;
}
.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;
}
/* 支付 */
.pay-box .weui-grid{
    width: 50%;
}
.pay-box .weui-cell:before{
    left: 0;
}
.pay-box .weui-grid:before ,.pay-box .weui-grids:after,.pay-box .weui-grids:before,.pay-box .weui-grid:after{
    width:0px;
    border: 0px;
}
.pay-box .weui-cell__bd, .pay-box .weui-cell__bd p,.pay-box .weui-cell__ft{
    font-size: .28rem;
}
.pay-box .weui-cell{
    height: .9rem;
    padding:0 .3rem;
}
.pay-box .weui-grid__icon{
    width: .9rem;
    height: .9rem;
}
.pay-box .weui-grid__icon+.weui-grid__label{
    margin-top: .15rem;
}
.payuser .weui-cell__ft{
    color: #A9A9A9;
}
.payinfo .weui-cell__ft{
    color: #E30000;
}
/* 支付状态 */
.payback{
    background-color: #fff;
    min-height:100vh;
}
.contentbox{
    width:100%;margin-top: 2.3rem;
}
.contentbox img{
    margin:auto;width:2.7rem;height: 2.7rem;display: block;
}
.contentbox .success-txt{
    color:#21B1EB;text-align: center;margin-top: 1rem;
}
.contentbox .error-txt{
    color:#E00000;text-align: center;margin-top: 1rem;
}
.contentbox .btnbox{
    margin-top:.45rem;
}
/* 礼包首页 */
.gifbag-box .gameinfo img{
    width: .9rem;
    height: .9rem;
}
.gifbag-box .weui-cell__bd p:nth-child(1){
    font-size: .28rem;
    color:#292929;
}
.gifbag-box .weui-cell__bd p:nth-child(2){
    width:4rem;
    font-size: .20rem;
    color:#A9A9A9;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.gifbag-box .gifcopy .weui-cell__bd p:nth-child(2){
    font-size: .24rem;
}
.gifbag-box .gameinfo .weui-cell__bd{
    margin-left: .30rem;
}
.gifbag-box .gameinfo .weui-cell__bd p:nth-child(1){
    font-size: .32rem;
}
.gifbag-box .actbtn{
    width: 1rem;height:.4rem;font-size:.24rem;line-height: .4rem;color:#21B1EB;border-radius: .2rem;border:1px solid #21B1EB;text-align: center;
}
.gifbag-box .hbtn{
    width: 1rem;height:.4rem;font-size:.24rem;line-height: .4rem;color:#A9A9A9;border-radius: .2rem;text-align: center;background-color:#F2F2F4;
}
/*  */
.gifinfo{
    flex-direction:column;
}
.gifinfo p{
    width: 100%;
}
.gifinfo .info-title{
    font-size: .28rem;
    margin-top: .10rem;
    color: #292929;
}
.gifinfo .info-desc{
    color: #A9A9A9;
    font-size: .24rem;
}

.gifcopybox{
    display: flex;margin-top: .2rem;
}
.gifcopybox div:nth-child(1){
    background-color:#F2F2F4;color:#A9A9A9;font-size: .24rem;height: .4rem;line-height: .4rem;border-radius: .1rem;padding:0 .1rem;
}
.gifcopybox div:nth-child(2){
    width: .7rem;height: .4rem;line-height: .4rem;background-color: #21B1EB;color: #fff;font-size: .24rem;text-align: center;border-radius: .1rem;margin-left: .23rem;
}
/* 支付回调 */

.callback-box{
    background-color: #fff;min-height: 100vh;
}
.callback-box .close{
    display: flex;padding: .36rem .6rem;
}
.callback-box .close > a{
    width: .4rem;height: .4rem;
}
.callback-box .close img{
    width: 100%;height: 100%;
}
.callback-box .wxicon{
    display: flex;justify-content: center;
}
.callback-box .wxicon img{
    width: 1rem;height:1rem;
}
.callback-box .paydesc{
    display: flex;justify-content: center;margin-top: .5rem;
}
.callback-box .paydesc >div{
    width:5rem;height: .4rem;color:#292929;
}
.callback-box .paydesc p{
    font-size: .24rem;
}
.callback-box .btn1{
    display: flex;justify-content: center;margin-top:1.73rem;
}
.callback-box .btn1 a{
    width: 5rem;height: .7rem;text-align: center;color: #fff;font-size: .32rem;line-height: .7rem;
}
.callback-box .btn2{
    display: flex;justify-content: center;margin-top:.2rem;
}
.callback-box .btn2 a{
    width: 5rem;height: .7rem;text-align: center;color: #21B1EB;font-size: .32rem;line-height: .7rem;
}
.callback-box .whitesc{
    width: 100%;height: .9rem;
}