/*首页支付宝微信样式*/
.count{
overflow: hidden;
margin: 20px;
}
.count .f-left{width: 40%;float: left;height: 200px;border-radius: 10px;position: relative;overflow: hidden;}
.count .wechat{background:#0bc317 url(/static/images/bg-wechat.png) center no-repeat;margin: 0 5%;}
.count .alipay{background:#00aaef url(/static/images/bg-alipay.png) center no-repeat;margin: 0 5%;}
.count .total{background:#FFB800 url(/static/images/bg-total.png) center no-repeat;margin: 0 5%;}
.count .f-left p{font-size: 16px;line-height: 48px;text-align: center;background: rgba(0,0,0,0.3);color: #fff;position: absolute;bottom: 0;left: 0;width: 100%;}

/*设备列表批量修改商品*/
.x-body .batch-title{font-size: 16px;padding: 10px 50px;background:#e1e1e1;margin-bottom: 15px;}
.batch-box1 .batch-clear{clear: both;}
.x-body .batch-box{overflow: hidden;}
.batch-box1 .batch-float{float: left;clear: none;}
.batch-box .batch-choose{float: left;width:40%;margin: 0 0 15px 50px;}

.channel {
    text-align: center;
}

.channel span {
    cursor: pointer;
    margin: 9px;
    width: 60px;
    height: 60px;
    float: left;
    border: 2px solid #01AAED;
    border-radius: 15px;
    box-sizing: content-box;
    text-align: center;
    background-color: #FFFFFF;
}

.channel span b {
    text-align: center;
    color: #009688;
    height: 20px;
    line-height: 20px;
}

.channel span p {
    text-align: center;
    height: 14px;
    line-height: 14px;
}

/*管理首页*/
.layui-table td, .layui-table th{text-align: center;}
p,h1,h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wrap{width: 100%;background: #f2f2f2;position: absolute;top: 0;bottom: 0;left: 0;right: 0;overflow: auto;}
.contain1{margin: 20px 40px;padding-top:40px;overflow: hidden;}
.list-state{width:32%;float: left;background: #fff;border-radius: 10px;border:1px solid #ebebeb;box-sizing: border-box;margin-right:2%;position: relative;display: block;}
.icon-state{height: 60px;float: left;border-right: 1px solid #eee;padding: 24px 30px;}
.number-state{float: left;margin: 20px 0 0 40px;}
.number-state p{font-size: 14px;line-height: 28px;color: #666;position: relative;padding-left: 20px;}
.number-state p span{display:block;width:8px;height:8px;border-radius:50%;margin-right:5px;position: absolute;top: 10px;left: 0;}
.number-state h1{font-size: 24px;line-height: 48px;color: #333;padding-left: 20px;}
.contain2{margin: 20px 40px;padding: 20px;background: #fff;border-radius: 10px;border: 1px solid #ebebeb;box-sizing: border-box;position: relative;}
.remindyou{display: block;height: 80px;position: absolute;top: 20px;left: 40px;}
.remaintime{text-align: center;line-height: 40px;}
#setcount{text-align: center;line-height: 40px;font-size: 26px;color: #f0831e;}
.totle-data{width: 100%;border-bottom: 1px solid #eee;overflow: hidden;}
.totle-data h1{line-height: 48px;font-size: 18px;color: #666;float: left;}
.totle-data .switch{float: right;}
.totle-data .switch a{display:block;float: left;padding: 0 20px;line-height: 48px;font-size: 14px;color: #666;cursor: pointer;}
.tab-placeholder div{display: none;}
.tab-placeholder .tab-content-active, .tab-placeholder .tab-content-active div{display: block;overflow: hidden;}
.sale{width: 19.5%;float: left;padding: 20px 2%;margin-right: 2%;margin-top:30px;border-radius: 5px;position: relative;}
.sale h1{color: #fff;font-size: 24px;line-height: 48px;}
.sale p{color: #fff;padding-left: 5px;font-size: 14px;line-height: 22px;}
.sale img{position: absolute;bottom: 0;right: 0;width: 68px;}
.bg-totle{
  background: -webkit-linear-gradient(#ffa10d, #fdb932); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffa10d, #fdb932); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffa10d, #fdb932); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffa10d, #fdb932); /* 标准的语法 */
}
.bg-wechat{
  background: -webkit-linear-gradient(#2bb019, #30ce46); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#2bb019, #30ce46); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#2bb019, #30ce46); /* Firefox 3.6 - 15 */
  background: linear-gradient(#2bb019, #30ce46); /* 标准的语法 */
}
.bg-alipay{
  background: -webkit-linear-gradient(#557cff, #5ba7ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#557cff, #5ba7ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#557cff, #5ba7ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#557cff, #5ba7ff); /* 标准的语法 */
}
.bg-order{
  background: -webkit-linear-gradient(#c78dfe, #dd8dfe); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#c78dfe, #dd8dfe); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#c78dfe, #dd8dfe); /* Firefox 3.6 - 15 */
  background: linear-gradient(#c78dfe, #dd8dfe); /* 标准的语法 */
}
.totle-data .switch .this{color: #333;border-bottom:2px solid #f0831e;font-weight: 600;}
.contain3{margin: 20px 40px;padding: 20px;background: #fff;border-radius: 10px;border: 1px solid #ebebeb;box-sizing: border-box;overflow: auto;}