body{background: #f5f5f5}
.footer{background: #fff;}

.tr{overflow: hidden;zoom:1;}
.td{float: left;display: inline;}
.w80{width: 80px;}
.w85{width: 85px;}
.w90{width: 175px;}
.w106{width: 106px;}
.w110{width: 110px;}
.w116{width: 116px;}
.w120{width: 117px;}
.w150{width: 150px;}
.w166{width: 166px}
.w202{width: 202px}
.w270{width: 270px;}
.w290{width: 290px;}
.w396{width: 396px;}

.pdl16{padding-left: 16px;}
.pdm12{padding: 0 12px;}

.mgr10{margin-right: 10px;}
.mgl55{margin-left: 55px;}
.mgl159{margin-left: 159px;}

.txtlft{text-align: left}
.txtrft{text-align: right}
.txtcen{text-indent: 74px;}

.stepsc{width: 1200px;margin: 0 auto;background: #f5f5f5}
.stepsc .step{overflow: hidden;zoom:1;width: 1200px;margin: 0 auto;padding: 46px 0;font-size: 14px;}
.stepsc .step span{display: inline-block;width: 24px;height: 24px;background: #ccc;color: #fff;font-family: Tahoma;text-align: center;line-height: 24px;border-radius: 24px; margin: 0 9px;}
.stepsc .step p{float: left;color: #999;display: inline;}
.stepsc .step p.curr{color: #ff4c4f;}
.stepsc .step p.curr span{background:#ff4c4f;font-weight: bold;}
.stepsc .step p i{display: inline-block;width: 114px;height: 18px;background: url(/dist/home/images/big-arrow.png) no-repeat center center;position: relative;top:3px;margin:0 30px;}

.stepsc .source .sourcename{font-size: 22px;color: #666}
.stepsc .source .sourcename .expired{display: none;background: #999;font-size: 14px;padding: 3px 5px;color: #fff;position: relative;top:-3px;}
.stepsc .source .sourcesn{font-size: 14px;color: #999;padding-top: 10px;}

.mainner{margin: 0 auto;width: 1200px;padding-bottom: 10px;margin-bottom: 110px;}
.mainner:after{width: 100%;content: '';height: 0;clear: both;overflow: hidden;font-size: 0;display: block}

.selectGoods{width: 866px;float: left;display: inline}
.selectGoods .title{font-size: 14px;color: #4d4d4d;font-weight: bold;padding:22px 0 16px;background: #f5f5f5;font-family:MicrosoftYaHei-Bold;margin-left: -4px;padding-left: 4px;}
.goodsCount{color: #FF474A;font-size:14px;font-family:Tahoma;margin:0 6px;position: relative;display: inline-block;}

.selectGoods{font-size: 12px;}

.selectGoods .intentBox.fixed .title,
.selectGoods .intentBox.fixed .thead,
.selectGoods .sourceBox.fixed .title,
.selectGoods .sourceBox.fixed .thead{position: fixed;width: 866px;z-index: 1}
.selectGoods .intentBox.fixed .title{position:fixed;top:65px;width: 876px;z-index: 3}
.selectGoods .intentBox.fixed .thead{top:122px;z-index: 2;background: #f5f5f5}
.selectGoods .sourceBox.fixed .title{top:238px;width: 876px}
.selectGoods .sourceBox.fixed .thead{top:295px;}


.totalstics.fixed{position: fixed;margin: 0 auto;margin-left: 280px;left: 50%;top:122px;z-index: 1}

.selectGoods .intentCont,.selectGoods .sourceCont{ box-shadow:0 3px 5px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);background: #fff;margin-bottom: 10px;}

.selectGoods .thead{background: #fff;}
.selectGoods .thead .tr{border-bottom: 1px solid #f0f0f0;background: #fff}
.selectGoods .thead .tr .td{height: 43px;line-height: 43px;}

.selectGoods .tbody{background: #fff;}
.selectGoods .tbody .item{border-top: 1px solid #f0f0f0;margin-top: -1px; background: #fff;font-size: 12px;z-index: 9999;width: 866px;}
.selectGoods .tbody .item .rowt{overflow: hidden;zoom:1;padding-bottom:14px;line-height: 24px;}
.selectGoods .tbody .item .rowt .goods_name{font-size:14px; font-family:MicrosoftYaHei-Bold;font-weight:bold; color:rgba(77,77,77,1);padding-left: 16px;}
.selectGoods .tbody .item .rowt .cancelInput{text-indent: 63px;text-align: left;color: #666;font-size: 12px;cursor: pointer}
.selectGoods .tbody .item .rowt .cancelInput:hover{color: #FF4C4F;}
.selectGoods .tbody .item .spread{display: block}
.selectGoods .tbody .item .spread .td,.selectGoods .thead .item .tr .td{line-height: 26px; height: 52px; overflow: hidden;padding-top: 7px; padding-bottom: 7px;color: #4d4d4d}
.selectGoods .tbody .item .td .addgoods{cursor: pointer;color: #459df5;}
.selectGoods .tbody .item .td .addgoods:hover{text-decoration: none;color:#1D89F5;}
.selectGoods .tbody .item .shrink{ display: none;padding: 8px 0}
.selectGoods .tbody .item .shrink .goods_name{font-size: 18px;color: #4d4d4d;line-height: 24px;max-height: 48px;overflow: hidden;}
.selectGoods .tbody .item .shrink .info{line-height: 26px;margin-top: 32px;}
.selectGoods .tbody .item .shrink .info li{height: 26px;overflow: hidden;font-size: 14px;}
.selectGoods .tbody .item .shrink .info span{display: inline-block;width: 50px;text-align: justify;text-align-last: justify;color: #999}
.selectGoods .tbody .item .shrink .info .price{color: #ef0000;font-weight: bold;font-size: 18px;}
.selectGoods .tbody .item .shrink .price{text-align: right;}
.selectGoods .tbody .item .delete{text-align:right;margin-right: -12px;}
.selectGoods .tbody .item .moveback{color: #666;font-size: 12px;cursor: pointer}
.selectGoods .tbody .item .moveback:hover{color:#FF4C4F;font-size: 12px;cursor: pointer}
.selectGoods .tbody .item .delete .icon-delete{background: url(../images/delete.png) no-repeat center;padding:10px 20px;cursor:pointer}
.selectGoods .tbody .item .delete .icon-delete:hover{background-image: url(../images/delete-hover.png)}
.selectGoods .tbody .item .demand_quantity{text-align:right;margin-top:70px;width:200px;height:40px;border:1px solid rgba(102,102,102,1);border-radius:2px;}
.selectGoods .tbody .item .demand_quantity span{padding: 10px 7px;display: inline-block;position: relative;vertical-align: middle;line-height:20px;}
.selectGoods .tbody .item .demand_quantity span.in{padding: 9px;}
.selectGoods .tbody .item .demand_quantity span.in .icon{opacity: 0.6;filter:alpha(opacity=60)}
.selectGoods .tbody .item .demand_quantity span.in:hover .icon{opacity: 1;filter:alpha(opacity=100)}
.selectGoods .tbody .item .demand_quantity span.in .add{background: url(../images/add.png) no-repeat center;}
.selectGoods .tbody .item .demand_quantity span.in .add:hover{background-image: url(../images/add-hover.png)}
.selectGoods .tbody .item .demand_quantity span.in .edit{background: url(../images/edit.png) no-repeat center;}
.selectGoods .tbody .item .demand_quantity span.in .edit:hover{background-image: url(../images/edit-hover.png)}
.selectGoods .tbody .item .demand_quantity span.in .confirm{background: url(../images/confirm.png) no-repeat center;}
.selectGoods .tbody .item .demand_quantity span.in .confirm:hover{background-image: url(../images/confirm-hover.png)}
.selectGoods .tbody .item .demand_quantity span.in .sbmit{background: url(../images/sbmit.png) no-repeat center;}
.selectGoods .tbody .item .demand_quantity span .icon{display:inline-block; width: 22px;height: 22px;vertical-align: middle}
.selectGoods .tbody .item .demand_quantity input{border: none;padding: 0 10px;width:80px;vertical-align: middle;border-left: 1px solid rgba(204,204,204,1);}

.ui-draggable-placeholder{background: #f5f5f5!important; visibility: visible!important;height: 50px!important;}
.ui-draggable-dragging{height:auto!important;box-shadow: 0 10px 50px #999}

.noSource,.noGoods,.goodsHideTips{height:66px;line-height: 66px; background:#fff;text-align: center;font-size: 12px;display: none;}
.goodsHideTips{ font-size: 14px;color: #4D4D4D;}
.goodsHideTips b{font-size: 16px;color: #FF4C4F; font-weight: bold}
.boxshadow{box-shadow:0 3px 5px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);}

.totalstics{float: right;width: 320px;background: #fff;margin-top:57px;box-shadow:0 3px 5px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);}
.totalstics .place{overflow: hidden;zoom:1;padding: 20px 0;padding-left: 16px;}
.totalstics .place dl{float: left;display: inline;text-align: left;width: 100px;}
.totalstics .place dl dt{font-size: 14px;color: #999;}
.totalstics .place dl dd{font-size: 20px;font-weight: bold;color: #4d4d4d;margin-top: 10px;}

.totalstics .other{width:288px;margin: 0 auto;font-size: 12px;line-height: 24px;color: #666;padding-bottom: 16px;}
.totalstics .other dl dt{color: #999;margin-bottom: 6px;}
.totalstics .other dl dt .helper{color: #FFFFFF; width: 16px;height: 16px;background: #B8B8B8;border-radius: 50%;display: inline-block;line-height: 16px;text-align: center;font-style: normal; margin-left: 8px;text-indent: 2px;}
.totalstics .other dl dd{}

.totalstics .sourceplace{width: 288px;margin: 0 auto;color: #999;font-size: 14px;line-height: 28px;border-top:1px dashed #d4d4d4;border-bottom:1px dashed #d4d4d4; padding: 14px 0;}
.totalstics .sourceplace span{color: #666;margin-left: 32px}

.totalstics .stitsc{width: 288px;margin: 0 auto;padding-top: 14px; }
.totalstics .stitsc .minamount{overflow: hidden;zoom:1;}
.totalstics .stitsc .minamount .ti{font-size: 12px;}
.totalstics .stitsc .minamount .chemn{font-size: 14px;font-weight: bold;float: right;width: 210px;text-align: right;color: #4c4c4c;}
.totalstics .stitsc .slidbar{position: relative;border-radius: 30px;margin-top:12px;}
.totalstics .stitsc .slidbar span{display: block;height: 10px;width: 100%;}
.totalstics .stitsc .slidbar span.gray{height: 10px;background: #ebebeb;border-radius: 30px;}
.totalstics .stitsc .slidbar span.red{position: absolute;left: 0;top:0;background: #ff575a;border-radius: 30px;transition: width 0.5s;-webkit-transition: width 0.5s;-moz-transition: width 0.5s;-ms-transition: width 0.5s;-o-transition: width 0.5s; width: 0;}
.totalstics .stitsc .total{font-size: 14px;font-weight: bold;color: #ff474a;padding-top: 14px;text-align: right;width: 0;transition:width 0.5s;}
.totalstics .stitsc .total .pos{white-space: nowrap;position: relative;}
.totalstics .stitsc .toxos{font-size: 12px;color: #666;padding-top: 26px;display: none;}
.totalstics .stitsc .toxos .red{color: #ff474a;}
.totalstics .stitsc .send{margin-top: 30px;}
.totalstics .stitsc .send .sendInquiry{color: #fff;height: 48px;background: #ff4c4f;outline: none; font-size: 16px;display: block;line-height: 48px;padding: 0;text-align: center;border:none;width: 100%;border-radius: 2px;}
.totalstics .stitsc .send .sendInquiry:hover{background: #FF6669;}
.totalstics .stitsc .sendInquiry.disabled{background: #ccc}
.totalstics .stitsc .download{line-height: 42px;height:52px;text-align: center;}
.totalstics .stitsc .download a{color:#459df5;font-size: 14px;}
.totalstics .stitsc .download a:hover{color: #1D89F5;}


body div.layui-layer-btn a{height: 32px;line-height: 32px;font-size: 14px;width: 70px;padding: 0;color: #A3A3A3;border:1px solid #ccc;text-align: center;margin: 5px 8px;}
.popbox{padding: 40px 106px 10px 40px;}
.popbox dl{overflow: hidden;zoom:1;line-height: 22px;}
.popbox dt{float: left;display: inline;width: 22px;height: 22px;background: url(../images/warnicn.png) no-repeat center;}
.popbox dd{float: left;padding-left:8px;display: inline;font-size: 12px;color: #999}
.popbox dd h3{color: #4c4c4c;font-size: 14px;font-weight: normal;margin-bottom: 5px;}
body div.layui-layer-btn .layui-layer-btn0{color: #fff;background: #ff474a;border-color:#ff474a;}

body div.layui-layer-tips{margin-top: -2px;margin-left: -90px;width: 188px!important;box-shadow:0 2px 5px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.04);}
body div.layui-layer.layui-layer-page{box-shadow:0 3px 5px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04)!important;}
body div.layui-layer-tips .layui-layer-content{background: #fff;color: #666;padding:5px 10px;box-shadow: none;}
body div.layui-layer-tips i.layui-layer-TipsR{background: #fff;top:12px;left: -5px;}
body div.layui-layer-tips i.layui-layer-TipsG{width: 8px;height: 8px;border:1px solid #e0e0e0;transform:rotate(-135deg);border-right:none;border-bottom: none;background: #fff;bottom:-5px;left: 50%}

.jconfirm .jconfirm-box .buttons{padding: 0}
.jconfirm .jconfirm-box .btn-cancel{display: none;}
.jconfirm .jconfirm-box .content{ text-align: center}
.jconfirm .jconfirm-box div.content-pane{padding: 9px 0}
.jconfirm .jconfirm-box div.content-pane .content{top:auto}

.selectGoods .tbody .item.placeholder{background:#f0f0f0;height:66px;}
.selectGoods .tbody .item.placeholder .spread{display: none!important;}
.selectGoods .tbody .item.placeholder .shrink{display: none!important;}

.amnt{position:fixed;z-index: 999;color: #FF474A;font-size: 40px;font-weight: bold;}

.fadeOutUp {
    animation-name: fadeOutUp;
}
.animated {
    animation-duration: 0.1s;
    animation-timing-function: cubic-bezier(0,0,0,0);
    animation-delay:0.1s;
    animation-fill-mode:backwards;

}