body{ background:#f5f5f5;}
/*PPT底部浮动*/
.pt {position:fixed;bottom:0;left:0;right:0;z-index:2; background:#fff;border-top:0px solid #d5d5d5;height:3rem; border-top:1px solid #eee}
/*底部*/
.pt ul.df{ padding-top:.3rem;  display:-webkit-box;display:-moz-box;display:-ms-flexbox; }
.pt ul.df li{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;width:0;}
.pt ul.df li a{ width:100%; display:block; position:relative; }
.pt ul.df li a.sn i{ display:block; width:1.5rem; height:1.5rem; background-repeat:no-repeat;  margin:0 auto; background-size:1.5rem}
.pt ul.df li a.sn span{color:#fb5b56; font-weight:bolder;}
.pt ul.df li a.sn2 i{ background-image:url(skin/ppt/pt1.png)}
.pt ul.df li a.sn3 i{background-image:url(skin/ppt/pt2.png)}
.pt ul.df li a.sn4 i{ background-image:url(skin/ppt/pt3.png)}
.pt ul.df li a span{ display:block; font-size:.6rem; text-align:center; margin-top:.1rem;}
.pt ul.df li a.sn5{background:#fb5b56;border-radius:1rem; color:#fff;  padding:.3rem 0; width:90%; margin:0 auto; margin-top:.4rem; }


/*
1、修改管理，就是刚刚添加进来的时候的产品图文列表，
2、点击添加宝贝进入全部分类，去选择需要的产品
3、制作导出，填写价格等信息
4、在我的礼品集列表中，点击打开显示这个集合的内容展示，下面再加个管理按钮，点开后可以重新编辑这个礼品集
5、分享出去的是一个网页，是定好价格的网页，展现形式
*/

/*我的礼品集*/
.wd{}
.wdn{ height:4.5rem; line-height:4.5rem; width:90%; margin:0 auto; margin-top:2rem; text-align:center;box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.3);}

.wdy{  margin-top:1rem;}
ul.wdu{width:90%; margin:0 auto;}
ul.wdu li{ margin-bottom:1rem; display:block; padding:1rem .5rem 1rem 3rem;border-radius:.5rem; background:url(skin/ppt/tou.jpg) no-repeat #fff .5rem 1.1rem;  background-size:1.8rem; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2); }
ul.wdu li a.wt{ width:100%; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
ul.wdu li span{ display:block; padding:1rem 0 0 0;}
ul.wdu li span a{ font-size:.8rem;border-radius:1rem;  border:1px solid #fb5b56; padding:0.2rem .6rem; margin-right:1rem; color:#fb5b56}
ul.wdu li span a.wtd{background:#fb5b56; color:#fff;}



/*修改管理-图文列表*/
.yxz{height:3rem; line-height:3rem; width:96%; margin:0 auto; margin-top:1rem; text-align:center;box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.3);}


/*PPT列表*/
.pmu{  line-height:1.5rem; padding:.8rem 0;  font-size:1rem; border-bottom:1px solid #ddd; text-align:center; }
.pmu span{ color:#f00; font-weight:600; margin:0 8px; display:inline-block}
.pmu em{ display:block; font-size:.6rem;}

ol.ptix{ 
  counter-reset: xxx 0;
}

ol.ptix > li::before {
  content: counter(xxx,decimal) ".";  counter-increment: xxx 1;  font-size:1em;  opacity: .5;
  -webkit-transition: .5s;transition: .5s;  width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center;  background:#e6e6e6; display:block; float:left;border-radius:50%; margin-right:.6rem; margin:1rem 0 0 .3rem }
ol.ptix > li:hover:before {   opacity: 1;  left: -10px;  -webkit-transform: none;      -ms-transform: none;          transform: none;  text-shadow: none;  -webkit-transition: .12s;          transition: .12s; background:#f00; color:#fff;}

ol.ptix{}
ol.ptix li{ margin:.6rem .5rem; display:block;  border-bottom:1px dashed #ddd; padding:1rem 0; background:#fff;}
ol.ptix li span{float:left;}
ol.ptix li span.pta{  margin:0 .5rem; }
ol.ptix li span.pta em{ display:block;border-radius:.5rem; overflow:hidden;box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.2);}
ol.ptix li span.pta em img{  width:7rem ;height:7rem;}

ol.ptix li span.ptb{ width:50%; }
ol.ptix li span.ptb strong{ font-size:1.1rem; display:block;font-weight:normal; padding-bottom:.6rem;}
ol.ptia li span.ptb strong {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
ol.ptix li span.ptb input.xgj{ width:4rem;border-radius:.5rem; }
ol.ptix li span.ptb em{ display:block; padding-bottom:.5rem; font-size:.3rem;}
ol.ptix li span.ptb em.yj{ color:#f00;}
ol.ptix li span.ptb i{ color:#999; display:block; font-size:12px;}

ol.ptix li span.ptc{  width:80px;  }
ol.ptix li span.ptc button{ background:none; border:1px solid #eee;border-radius:6px; padding:2px 20px; color:#777}
ol.ptix li span.ptc button:hover{background:#f00; color:#fff}
input.xgj{ border:1px solid #ddd; padding:5px;}

.pli{ background:#f9f9f9; padding:10px; font-size:14px;}

.pls{ padding-bottom:15px;}
.pls span{ display:block; width:80%; margin:0 auto; margin-bottom:1rem;  line-height:30px;}
.pls span.plt{ text-align:center;}
/*文字*/
.pls span i{ float:left; width:20%;}
/*输入框*/
.pls span input{ display:block; float:left;height:2rem; line-height:2rem; border-right:0  }
input.pla{border-top-left-radius: 10px; border-bottom-left-radius: 10px;border:1px solid #ddd; text-align:center; width:50%;box-sizing: border-box;  /*border计算在width中*/		
-moz-box-sizing:border-box; /* Firefox */			
-webkit-box-sizing:border-box; /* Safari */	}
/*提交按钮*/
input.piliang{ width:4rem;height:2rem;line-height:2rem; margin-top:0px; float:right; background:#fb5b56; color:#fff; border:0;border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

.plsx{ color:#999;}

.nam{ margin:30px 0;}
.nam input{ border:1px solid #000; padding:15px 0px; width:100%; text-align:center;}
.pptjs{ margin-bottom:20px;}
.pptjs input{border:0;border-radius:4px;display:block;width:100%;padding:10px 0;background-image:linear-gradient(90deg,#ffaa00 17%,#f76b1c 100%);color:#fff;font-size:18px;}

.isu{ padding-bottom:15px; font-size:14px;}
.isu input , isu span{ float:left;}
.isu input { margin-top:3px; }

.ps{ position:fixed; bottom:3.5rem; width:40%; left:50%; margin-left:-20%; text-align:center;}
.ps a{ display:block; background:#f00; color:#fff; padding:.3rem .5rem;border-radius:1rem;box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);}

/*分享出去的网页*/

.fx{ height:10rem; line-height:3rem;}
.fx strong{ display:block; font-size:1.5rem; color:#fff; padding-top:3rem; padding-left:2rem;}

ol.ifx li span.ptb{ height:auto;}
ol.ifx li span.ptb strong{ font-size:1rem; height:2.6rem; line-height:1.5rem; font-weight:normal; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#444}
ol.ifx li span.ptb em{ display:block; padding-top:1rem; font-size:.8rem;}

.wfx{ position:fixed; bottom:20%; right:1rem}
.wfx a{ display:block; width:2rem; height:2rem; line-height:2rem; text-align:center; background:#F03; color:#fff; font-size:.5rem;border-radius:50%; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);}