.offer-panel{
    width:640px;
    height:660px;
    position: absolute;
    top:40%;
    left:50%;
    margin-left:-320px;
    z-index: 10002;
    background: #FFFFFF;
    display: none;
}
.offer-panel .offer-panel-header{
    height:57px;
    padding:16px 21px 16px 28px;
    border-bottom:1px solid #EBEBEB;
}
.offer-panel .offer-panel-header .title{
    color:#333333;
    font-size:18px;
}
.offer-panel .offer-panel-header .span-close{
    cursor: pointer;
}
.offer-panel .offer-panel-body{
    min-height:460px;
    height: auto;
    width:100%;
}
.offer-panel .offer-panel-body .left-part, .offer-panel .offer-panel-body .right-part{
    float: left;
    height: 325px;
    width: 280px;
    padding: 20px 0px 14px;
    margin-left: 28px;
}
.offer-panel .offer-panel-body .right-part{
    margin-left:24px;
}
.offer-panel .offer-panel-body .ipt-group{
    min-height:44px;
    width:100%;
    margin-top:14px;
    position:relative;
}
.offer-panel .offer-panel-body .ipt-group .unit{
    position:absolute;
    border: 0;
    right: 8px;
    top: 31px;
    height:30px;
}
.offer-panel .offer-panel-body .top-zero{
    margin-top:0;
}
.offer-panel .offer-panel-body .ipt-group .title{
    color:#333333;
    display: block;
}
.offer-panel .offer-panel-body .ipt-group .ipt{
    width:280px;
    height:36px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(221,221,221,1);
    padding:8px 14px;
    margin-top:8px;
}
.offer-panel .offer-panel-body .ipt-group .error-msg{
    font-size:12px;
    color:red;
    position: absolute;
    bottom:-28px;
}
.offer-panel .offer-panel-body .note{
    width:100%;
    height:112px;
    margin-left:28px;
    clear:both;
    padding-top:2px;
}
.offer-panel .offer-panel-body .note .title{
    width:100%;
    display: block;
}
.offer-panel .offer-panel-body .note textarea{
    width:584px;
    height:84px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(221,221,221,1);
    resize: none;
}
.offer-panel .offer-panel-body .btn-wrapper{
    height:40px;
    width:100%;
    padding:10px 28px;
}
.offer-panel .offer-panel-body .btn-wrapper .reply-btn{
    width:120px;
    height:36px;
    background:linear-gradient(315deg,rgba(37,137,235,1) 0%,rgba(50,93,236,1) 100%);
    color:#FFFFFF;
    border:0;
    float:right;
}
.offer-panel .offer-panel-footer{
    height:80px;
    width:100%;
    clear: both;
}
.offer-panel .offer-panel-footer button{
    width:120px;
    height:36px;
    background:linear-gradient(315deg,rgba(37,137,235,1) 0%,rgba(50,93,236,1) 100%);
    border:0;
    color:#ffffff;
    float:right;
    margin-top:20px;
    margin-right:29px;
}
.bg, .sale-bg{
    width:100%;
    height:100%;
    background:black;
    opacity:0.6;
    position:fixed;
    left: 0;
    top: 0;
    z-index:99;
    display: none;
}

.amount-tips{
    width: auto;
    display: inline-block;
    background: #eeeeee;
    padding: 2px 15px;
    font-size: 14px;
    line-height: 1.4;
    color: #999;
    border-radius: 16px;
}
.amount-tips.active{
    background: linear-gradient(226deg, #EFB603 0%, #DA0125 100%);
    color: #ffffff;
}