持有京东e卡还可以享受很多的优惠。这是京东商城发行的预付卡。如果您经常在京东自营店买东西，这张卡会为您节省很多费用，所以受到非常多用户的喜爱。京东e卡对于经常购物的人来说是一种福利，但对于一些平时很少在网上购买东西的人来说，自己手里面得京东e卡就闲置了。毕竟卡里面有钱，
下面我们来看下 回收平台的设计代码~
<style>
/*扫一扫*/
/*.is_scan,*/
.scan,.scan_k,.scan_p{
/*display: none;*/
visibility: hidden;
}
/*弹框*/
.bai_main{
width: 70%;
padding-top: 0.6rem;
position: absolute;
left: 15%;
top: 20%;
background: #fff;
border-radius: 0.1rem;
}
.bai_main .bai_main_top{
position: absolute;
left: 0rem;
top: 0rem;
width: 100%;
height: 0.6rem;
line-height: 0.6rem;
text-align: center;
font-size: 0.29rem;
}
.bai_main .bai_main_top .close_x{
top: 60%;
right: 0.25rem;
width: 0.22rem;
height: 0.22rem;
background-size: 0.22rem 0.22rem;
}
.bai_main_box{
width: 100%;
padding: 0rem 0.6rem 0.25rem;
margin: 0rem auto;
}
.bai_main_box .main_top{width: 100%; background: #FEF6EB;text-align: center; color: rgb(252, 118, 3);margin-bottom: 0.35rem; }
.weixin_tishi{
width: 100%;
text-align: center;
font-size: 0.32rem;
}
.img_ewei{
width: 100%;
}
.img_ewei .saomiao_icon{
width: 2.3rem;
margin: 0.2rem auto;
display: block;
}
.main_p{
width: 100%;
line-height: 0.5rem;
font-size: 0.22rem;
text-align: center;
margin-bottom: 0.1rem;
}
.long_an_btn{
width: 100%;
height: 0.66rem;
line-height: 0.66rem;
text-align: center;
margin: 0rem auto;
border-radius: 0.2rem;
background: #5bb7f8;
font-size: 0.29rem;
color: #fff;
}
/*弹框*/
.index_exchange {
float: left;
width: 94%;
margin-left: 3%;
line-height: 50px;
border: 0;
color: #fff;
background-color: #5bb7f8;
border-radius: 5px;
/* margin-top: 15px;*/
outline: none;
}
.index_instructions h4 {
font-weight:bold;
margin-top: 10px;
}
.index_instructions p {
font-size: 11px;
margin-top: 5px;
}
.index_instructions p.active {
font-weight: bold;
color: red;
}
.index_instructions {
float: left;
width: 94%;
margin-left: 3%;
margin-top: 0px;
margin-bottom: 20px;
}
.content{ width:7.5rem; padding-bottom: 1rem; box-sizing: border-box;}
.content .contact_box{
width: 100%;
}
.buy_card_top{ width: 100%; height: 0.6rem;line-height: 0.6rem; background: #5bb7f8;color: #fff; padding: 0rem 0.2rem; }
.box_list{
width: 100%;
display: flex;
height: 0.92rem;
line-height: 0.92rem;
border-top: 1px solid #f1f1f1;
}
.box_list:last-child{border-bottom: none; }
.box_list:first-child{border-top: none; }
.box_list .left{ width: 1.1rem;min-width: 1.1rem; margin-right: 0.1rem;color: #778190;font-size: 0.27rem; }
.box_list .center{
flex: 1;
font-size: 0.29rem;
display: flex;
}
.box_list .center i{
width: auto;
max-width: 3.6rem;
white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}
.box_list .center em{
min-width: 0.32rem;
padding: 0rem 0.05rem;
border-radius: 0.05rem;
height: 0.3rem;
line-height: 0.32rem;
background: #EF3661;
color: #fff;
font-size: 10px;
margin-top: 0.32rem;
margin-left: 0.2rem;
display: none;
}
.box_list .center em.cur{display:inline }
.box_list .right{ width: auto;min-width: 0.5rem }
.box_list .right img{
/* width: 0.5rem; */
height: 0.45rem; margin-top: 0.225rem; border-radius: 100%; }
.box_list .right_spite{ min-width: 0.3rem; right: auto;height: 0.3rem;margin-top: 0.3rem;margin-left: 0.15rem; }
.buy_box{ padding: 0rem 0.4rem; background: #fff; margin-bottom: 0.18rem;}
.buy_box .text_input{
width: 100%;
display: flex;
height: 0.9rem;
box-sizing: border-box;
line-height: 0.9rem;
border-bottom: 1px solid #f1f1f1;
margin: 0rem auto;
}
.buy_box .text_input .left{ width: 1.1rem; margin-right: 0.1rem;color: #778190;font-size: 0.27rem;}
.buy_box .text_input .center{flex: 1; height: 100%; }
.buy_box .text_input .center input{width: 100%;height:100%;border: none;font-size: 0.26rem; }
.buy_box .text_input .right{ width: auto; display: flex; margin-left: 0.2rem;}
.buy_box .text_input .right img{
width: 0.4rem;
height: 0.4rem;
margin-top: 0.25rem;
}
.bei_zhu{ padding: 0.15rem 0rem; line-height: 0.36rem; font-size: 0.23rem;}
.ka_tishi{ padding: 0.15rem 0rem; line-height: 0.36rem; font-size: 0.23rem;}
.ka_tishi i{ display: inline-block; color: #CB2727;}
.trade_list{ width: 100%;padding: 0.2rem 0rem; }
.trade_list dd{ width: 33.3333%;height: 0.5rem;line-height: 0.5rem;text-align: center;border-right: 1px solid #f1f1f1;float: left; }
.trade_list dd:last-child{ border-right: none; }
.buy_box_magess{
width: 100%;
padding: 0.2rem 0rem;
height: 0.8rem;
line-height: 0.4rem;
display: flex;
color: #E51C23;
font-weight: 600;
}
.buy_box_magess em{
width: 0.05rem;
height: 0.26rem;
display: block;
background: #E51C23;
margin-right: 0.1rem;
margin-top: 0.07rem;
}
/*购买会员提示*/
.plus{
width: 7.3rem;
margin: 0.01rem auto 0.15rem;
height: 0.64rem;
line-height: 0.64rem;
background: #FEFFDD;
font-family: Arial;
font-weight: 400;
font-size: 0.24rem;
color: rgb(16, 16, 16);
font-style: normal;
letter-spacing: 0px;
text-decoration: none;
display: flex;
border-radius: 0.1rem;
}
.plus img{
width: 1.03rem;
height: 0.34rem;
margin: 0.14rem 0.25rem 0rem 0.2rem;
}
.plus i{
margin-left: 0.15rem;
color: #E51C23;
}
/*购买会员提示*/
.need_magess{ width: 100%; padding: 0rem 0.1rem 0.25rem;font-size: 0.24rem;color: #778190;}
.need_magess p{ width: 100%;line-height: 0.35rem;margin-bottom: 0.1rem; }
.up_kami{ width: 100%;height: 1.15rem; padding: 0.15rem 0rem;background: #fff; position: fixed;left: 0rem;
bottom:50px;
}
.up_kami.ok{
/* height: 0.9rem;*/
padding: 0rem;
display: flex;
}
.up_kami .sure_btn{ flex:1;line-height: 0.9rem;text-align: center;color: #fff;background:#35BBB4;border-top: 1px solid #35BBB4; }
.up_kami.ok .left{
width: 2rem;
line-height: 0.9rem;
text-align: center;
}
.up_kami .defend_btn{ width: 80% ; margin: 0rem auto; height: 0.78rem;line-height: 0.78rem;text-align: center;color: #fff;background: #CAD1D1;border-radius: 0.1rem; }
.ps_open{
position: absolute;
z-index: 10001;
left: 0rem;
bottom: 0rem;
width: 100%;
background: #fff;
min-height: 0.8rem;
padding-top: 0.8rem;
}
.ps_open_nav{
width: 100%;
height: 0.8rem;
line-height: 0.8rem;
position: absolute;
text-align: center;
background: #F6F6F6;
left: 0rem;
top: 0rem;
}
.ps_open_main{
width: 100%;
padding: 0rem 0.35rem;
max-height: 6rem;
overflow-y: auto;
}
.ps_open_main .ka_type_list { width: 100%; display: flex; border-bottom: 1px solid #f1f1f1; padding: 0.26rem 0rem;position: relative; }
.ps_open_main .ka_type_list:last-child{ border-bottom: none; }
.ps_open_main .ka_type_list .left{
width: 0.68rem;
————————————————
版权声明：本文为CSDN博主「京回收平台」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/jingdongeka/article/details/124228157
