You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
387 lines
9.3 KiB
CSS
387 lines
9.3 KiB
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;
|
|
} |