#module-promotion {
    padding:8px;
    margin:10px 0;
}
#module-promotion .promotion-title-wrapper{
    border-bottom: 1px solid #f0f0f0;
    margin:0 -8px 8px -8px;
    padding:0 0 8px 10px;
}

#module-promotion .promotion-title-wrapper .title{
    font-weight: bold;
    font-size: 1.2em;
}
#module-promotion .promotion-title-wrapper .add-cart{
    float:right;
    display: block;
    padding:0 10px;
    margin:0 10px;
}
.horizontal .promotion-item{
    width:100%;
    text-align: left;
}
.horizontal .promotion-item .name,.horizontal .promotion-item .price{
    height:20px;
    line-height: 20px;
    overflow: hidden;
}
.horizontal .promotion-item .img{
    width:20%;
    float:left;
}
.horizontal .promotion-item .img img{
    width:100%;
    height:auto;
}
.horizontal .promotion-item .name{
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.horizontal .promotion-item .qty input{
    width:80px;
    display: inline-block;
}
.horizontal .promotion-item .price .promotion_price{font-size:1.2em;color:#000000;}
.horizontal .promotion-item .price .old_price{text-decoration: line-through;color:#ccc;}
.horizontal .plus{float:left;font-size:2em;font-weight: bold;line-height: 66px;width:5%;}
.horizontal:after{
    content: '';
    clear:both;
    display: block;
}
#module-promotion .more{
    text-align: center;
    padding:10px 0;
    border:1px solid #ccc;
    margin-top: 5px;
}
#module-promotion .more a{display:block;cursor: pointer;}
.vertical .promotion-item:after{
    content: '';
    clear:both;
    display: block;    
}
.vertical .promotion-item{
    padding:5px;
    margin: 5px;
    min-height:100px;
    line-height: 100px;
    border-bottom: 1px solid #ccc;
}
.vertical .promotion-item .img{
    width:20%;
    float:left;
    height:100px;
    line-height: 100px;
    overflow: hidden;
}
.vertical .promotion-item .name{
    width:45%;
    float:left;
    height:100px;
    line-height: 100px;
    overflow: hidden;
}
.vertical .promotion-item .name a{display: block;height:100px;line-height: 100px;overflow: hidden;padding:0 5px;}
.vertical .promotion-item .price{width:20%; float:left;}
.vertical .promotion-item .price .promotion_price{font-size:1.5em;}
.vertical .promotion-item .price .old_price{text-decoration: line-through;color:#ccc;}
.vertical .promotion-item .qty{
    width:15%;
    float:right;
}
.layui-layer-content .vertical .promotion-item .name{width:55%;margin-right: 5%;}
.layui-layer-content .vertical .promotion-item .qty{width:30%;margin-left: 5%;}
.layui-layer-content .promotion-item .qty input{width:35%;}
.vertical .promotion-item .img img{height:auto;width:100%;}
.vertical .promotion-item .attributes{width:50%;clear:left;line-height: 30px;float:left;}
.layui-layer-content .vertical .promotion-item{height:auto;}
.layui-layer-content .vertical .promotion-item:first-child{}
.layui-form-select .layui-input{width:100%;}

.qty-plus,.qty-reduce{
    border:1px solid #ccc;
    display:inline-block;
    padding:5px;
    cursor: pointer;
    margin:0 5px;
    line-height: 10px;
}
.promotion-item .qty input{
    border:1px solid #ccc;
    text-align: center;
}

.layui-layer-title{text-indent:-9999px;    background-color:none!important;}
.layui-form-select .layui-input {display: none;}
.layui-anim {display: none;}    
.qty-plus, .qty-reduce {float: left;margin: 10px 5px!important;}
.layui-layer-content .promotion-item .qty input {float: left;}
.layui-layer-btn .layui-layer-btn0 {display: none;}
.layui-layer-btn1 {margin:0 auto!important;}
.layui-form-label {float: left;margin:10px;}
.layui-input-block{float: left;width: 60%;}
.layui-layer-btn{width: 180px;margin: 0 auto;}
.layui-layer-btn a {border: 1px solid #000!important;background: #fed100!important;border: 1px solid #fff!important;font-weight: 100!important;
    color: #000;border-radius: 10px;}
 @media (max-width: 576px) {
.layer-anim {width: 80%!important;left: 10%!important;}
input, select, textarea {
    padding: 0.38rem 0.1rem;
}
}