/*基础信息*/
html,body{height: 100%;font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif}
.clear{clear: both;}
/*iframe 内样式*/
.iframe_content{margin: 0px 0px 10px 10px;width:calc(100% - 30px);min-height:calc(100% - 40px);background: #fff;padding:10px;border-top:10px solid #f2f2f2}
.layui-table th{background: #fafafa}
.layui-table th,.layui-table td{border-color:#eee;}
.layui-input, .layui-textarea{border-radius: 5px;}

.color{color:#409eff}
.layui-form-checkbox[lay-skin=primary] span{color:#409eff}
.layui-layer-title{border-radius:6px 6px 0px 0px;background: #fff;color: #666;font-size: 14px;}
.layui-layer{border-radius: 6px;}
.addSinglePage{
    position: fixed;
    bottom:0px;
    background:#fff;
    width:100%;
    padding:10px 0px;
    text-align: center;
    box-shadow:1px 1px 5px #999;
    left:0px;
    z-index: 999999;
}
/*活动添加页面*/
.selectProduct{
    padding:10px 20px;
}
.selectProduct .activeProduct .left{
    width:110px;
    float:left;
    height: 550px;
    border-right: 1px solid #eee;
    margin-right:14px;
    padding-right:15px;
}
.selectProduct .activeProduct .right{
    width:calc(100% - 140px);
    float:left;
    height: 500px;
    overflow-y: scroll;
}
.selectProduct .activeProduct .right .productList{
    display: flex;
    flex-wrap: wrap;
}
.selectProduct .activeProduct .right .productList .items{
    width:calc(48% - 12px);
    border:1px solid #eee;
    border-radius:5px;
    display: flex;
    padding:5px;
    margin-bottom:10px;
    position: relative;
}
.selectProduct .activeProduct .right .productList .items:nth-child(2n+1){
    margin-right:3%;
}
.selectProduct .activeProduct .right .productList .items .img{
    width:35%;
}
.selectProduct .activeProduct .right .productList .items .img img{
    width:100%;
    height:90px;
}
.selectProduct .activeProduct .right .productList .items .info{
    width:62%;
    margin-left:3%;
}
.selectProduct .activeProduct .right .productList .items .info h2{
    font-size:18px;
    line-height: 35px;
}
.selectProduct .activeProduct .right .productList .items .info h1{
    padding-top:10px;
    font-size:20px;
}
.selectProduct .activeProduct .right .productList .items .selected{
    width:20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border:1px solid #eee;
    border-radius:4px;
}
.selectProduct .activeProduct .right .productList .items .selected span{display:none}

.selectProduct .activeProduct .right .productList .on .selected span{display:block}
.selectProduct .activeProduct .right .productList .on,.selectProduct .activeProduct .right .productList .items:hover{
    border:1px solid #409eff;
}
.selectProduct .activeProduct .right .productList .on .selected,.selectProduct .activeProduct .right .productList .items:hover .selected{
    color:#409eff;
    border:1px solid #409eff;
}
.selectProduct .activeProduct .right .productList .gray{background:#eee;}
.selectProduct .activeProduct .right .productList .gray:hover,.selectProduct .activeProduct .right .productList .gray:hover .selected{background:#eee;border:1px solid #eee;}
.groupGoods .groupTit{background:#eee;padding:0px 10px;}
.groupGoods .items{display: flex;}
.groupGoods .items .item{padding:0px 10px;}
.groupGoods .items .item:nth-child(1){width:30%;}
.groupGoods .items .item:nth-child(2){width:15%;}
.groupGoods .items .item:nth-child(3){width:30%;}
.groupGoods .items .item:nth-child(4){width:15%;}
.groupGoods .items .item:nth-child(5){width:10%;}
.groupGoods .groupGoodsList{padding:0px 10px;background:#fafafa}
.groupGoods .groupGoodsList .items{border-bottom:1px solid #eee;}
.groupGoods .groupGoodsList .items .item{display: flex;align-items: center;padding:10px 0px;}
.groupGoods .groupGoodsList .items .item .img img{width:60px;height:60px;}
.groupGoods .groupGoodsList .items .item .info h2{font-size:16px;line-height: 20px;}
.groupGoods .groupGoodsList .items .item .item_list{margin-right:15px;width:35%;}


.remark{
    color:#f00;
}


.detailBtn{
    position: fixed;
    bottom:0px;
    text-align: center;
    width: 100%;
    background: #fff;
    padding:10px 0px;
    z-index: 99999;
    left:0px;
    border-top:1px solid #ccc;
}
.w1090{
    width:1090px;
}
.w900{
    width:900px;
}
.w600{
    width:600px;
}
.w500{
    width:500px;
}
.w400{
    width:400px;
}
.w300{
    width:300px;
}
.w200{
    width:200px;
}
.w160{
    width:160px;
}
.w100{
    width:100px;
}
.w40{
    width:50px;
    text-align: center;
}

.sonNav{
    background:#fafafa;
    height: 38px;
    padding:12px 12px;
    line-height: 38px;
    border-bottom:1px solid #fafafa;
    margin-bottom:10px;
}
.sonNav .btns{float:right;}
.sonNav .search{float:left;}
.sonNav .search form{display:flex;align-items: center;}
.sonNav .search .input{display:inline-block;margin-right:10px;position: relative}
.sonNav .search .input .flagTel{
    position: absolute;
    top:35px;
    left:0px;
    z-index: 9999;
    width:140px;
    height: 150px;
    display: none;
}
.sonNav .search .input .flagTel textarea{
    width:120px;
    height: 220px;
    padding:8px;
}
.addDataInfo{
    padding:10px;
}