@charset "UTF-8";
/*兑换话费*/
.cost_body{ padding-bottom:1rem; background:#f5f5f5 url(../../../images/quanyihui/pinduoduo/cost_bg.png) no-repeat; background-size:100%;}
.cost_edu{ color:#fff; padding:.4rem 4%;}
.cost_edu .price{ display:flex; align-items:center; justify-content:space-between;}
.cost_edu .price h4{ font-weight:bold; font-size:.48rem;}
.cost_edu .price h4 span{ font-size:.78rem;}
.cost_edu .price .dh_btn{ height:.54rem; line-height:.54rem; background:#fff; padding:0 .2rem; border-radius:.5rem; color:#e33d47; font-size:.24rem;}
.cost_edu .ts{ font-size:.24rem;}
.cost_change{ background:#fff; box-shadow:-.03rem .02rem .32rem 0 rgba(3, 0, 0, 0.14); border-radius:.12rem; padding:.4rem 3%; margin:0 4%;}
.cost_change ul{ padding:0 0 .2rem;}
.cost_change li{ width:29.33333%; margin:0 2% .26rem; min-height:1.9rem; background:#f3f4f5; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:.2rem;}
.cost_change li p{ color:#727272; font-size:.26rem; padding:0 0 .15rem;}
.cost_change li h4{ color:#555; font-size:.28rem;}
.cost_change li h4 span{ font-size:.48rem;}
.cost_change li.up{ background-image:linear-gradient(-41deg, #e23024 0%, #fd8c8d 100%), linear-gradient(225deg, #ffa8b1 0%, #fa3a51 100%); background-blend-mode: normal, normal;}
.cost_change li.up p,.cost_change li.up h4{ color:#fff;}
.cost_change .dh_btn{ height:.94rem; background-image:linear-gradient(90deg, #fd8c8d 0%, #e23024 100%); text-align:center; line-height:.94rem; color:#fff; font-size:.36rem; border-radius:.5rem;}
.cost_change .dh_btn_hui{ height:.94rem; background-image:linear-gradient(90deg, #999 0%, #999 100%); text-align:center; line-height:.94rem; color:#fff; font-size:.36rem; border-radius:.5rem;}

.cost_change .tips{ font-size:.24rem; color:#999; text-align:center; padding:.27rem 0 0;}

.cost_youhui{ width:100%;}
.cost_youhui .tit{ padding:.3rem; display:flex; align-items:center;}
.cost_youhui .tit em{ width:100%; height:1px; background:#ccc;}
.cost_youhui .tit span{ color:#000; font-size:.3rem; padding:0 .2rem; flex-shrink:0;}
.cost_youhui .inner{ padding:0 2% .08rem;}
.cost_youhui .inner .list{ background:#fff; width:48%; margin:0 1% 3%; border-radius:.12rem; position:relative; min-width:0; font-size:0; padding:0 0 .1rem;}
.cost_youhui .inner .list .jb{ height:.35rem; line-height:.33rem; font-size:.2rem; border-radius:0 .12rem 0 .12rem; padding:0 .1rem; position:absolute; top:0; right:0; z-index:8; background-image:linear-gradient(90deg, #fcf0d0 0%, #eec245 100%), linear-gradient(#c8103e, #c8103e); background-blend-mode:normal, normal; color:#a96015;}
.cost_youhui .inner .list img{ border-radius:.12rem .12rem 0 0;}
.cost_youhui .inner .list h4,.cost_youhui .inner .list h5,.cost_youhui .inner .list .hz h6,.cost_youhui .inner .list .fbt span{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.cost_youhui .inner .list h4{ font-size:.24rem; color:#333; margin:.15rem .1rem .02rem; white-space:inherit; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:.3rem;}
.cost_youhui .inner .list h5{ font-size:.2rem; margin:0 .1rem; color:#999; height:.24rem;}
.cost_youhui .inner .list .jg{ padding:0 .1rem; height:.4rem;}
.cost_youhui .inner .list p{ flex-shrink:0;}
.cost_youhui .inner .list p em{ font-size:.19rem; color:#f0250e;}
.cost_youhui .inner .list p em.em1{ font-size:.3rem; color:#f0250e; vertical-align:baseline;}
.cost_youhui .inner .list p em.em2{ font-size:.17rem; color:#999; text-decoration:line-through; padding:0 .1rem;}
.cost_youhui .inner .list p span{ border-radius:.06rem; padding:.02rem .06rem; display:inline-block; font-size:.17rem; vertical-align:baseline; background-color:#faedeb; color:#e1482a; margin-top:.1rem;}
.cost_youhui .inner .list p a{ width:0; height:0; display:inline-block; flex-shrink:0;}
.cost_youhui .inner .list p a img{ border-radius:.5rem;}
.cost_youhui .inner .list .hz{ margin:0 .1rem;}
.cost_youhui .inner .list .hz h6{ font-size:.16rem; color:#f59586; padding:0 .2rem 0 0;}
.cost_youhui .inner .list .fbt{ display:flex; margin:.05rem .1rem .03rem; height:.22rem;}
.cost_youhui .inner .list .fbt span{ padding:0 .08rem; font-size:0; font-size:.16rem; height:.22rem; line-height:.22rem; border-radius:.5rem .5rem .5rem 0; color:#fff; background-color:#f05025;}
.cost_youhui .inner .list .mai{ font-size:.16rem; color:#999; margin:.05rem .1rem 0;}

.cost_detail_shouyi{ background:#fff; box-shadow:-.03rem .02rem .32rem 0 rgba(3, 0, 0, 0.14); border-radius:.12rem; padding:.3rem 3%; margin:0 4% .4rem;}
.cost_detail_shouyi .list{ flex:1; text-align:center;}
.cost_detail_shouyi .list p{ font-size:.24rem; color:#999; padding:0 0 .1rem;}
.cost_detail_shouyi .list h4{ font-size:.38rem; color:#363636;}
.cost_detail_shouyi .line{ width:.02rem; height:.5rem; background:#f0eff0; flex-shrink:0;}
.cost_detail_tabsbar{}
.cost_detail_tabs{ background:#fff; height:.79rem; border-bottom:#ededed 1px solid; padding:0 4%;}
.cost_detail_tabs li{ flex:1; font-size:0; text-align:center;}
.cost_detail_tabs li span{ height:.78rem; line-height:.78rem; text-align:center; font-size:.27rem; color:#525252; display:inline-block;}
.cost_detail_tabs li.up span{ border-bottom:#f16457 .08rem solid; color:#ef524d;}

.cost_detail_main{ background:#fff;}
.cost_detail_main .list{ padding:.24rem 3%; border-bottom:#ededed 1px solid;}
.cost_detail_main .list .tit{ display:flex; align-items:center; justify-content:space-between; font-size:.3rem; padding:0 0 .1rem;}
.cost_detail_main .list .tit h4{ color:#0a172c; font-size:.3rem;}
.cost_detail_main .list .tit span{ color:#ef544e; font-size:.3rem; flex-shrink:0;}
.cost_detail_main .list p{ display:flex; align-items:center; justify-content:space-between; padding:0 0 .1rem;}
.cost_detail_main .list p span{ color:#b2b2b2; font-size:.24rem;}
.cost_detail_main .list p em{ height:.41rem; background:#faefee; padding:0 .18rem; color:#ef534e; font-size:.24rem; flex-shrink:0; border-radius:.5rem; line-height:.41rem;}
.cost_detail_main .list p.p1 span{ color:#999; font-size:.2rem;}
.cost_detail_main .list p.p1 span.span1{ color:#ef534e;}
.cost_detail_main .list:last-child{ border-bottom:none;}

.cost_detail_more{ font-size:.2rem; color:#bebebe; text-align:center; padding:.4rem 0;}
.cost_detail_more i{ width:.23rem; height:.23rem; display:inline-block; margin:0 .1rem;background:url(../../../images/quanyihui/pinduoduo/more.png) no-repeat; background-size:100% 100%;}

.cost_tabs_fixed{ width:100%; position:fixed !important; left:0; right:0; top:0 !important; z-index:1111; margin:0 !important;}
.cost_tabs_sticky{ width:100%; position:-webkit-sticky; position:-moz-sticky; position:-ms-sticky; position:-o-sticky; position:sticky; left:0; right:0; top:0 !important;}

.qyh_pop{ position:fixed; z-index:9999999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); display:flex; align-items:center; justify-content:center;}