.purchase-con{
    width:100%;
}
.purchase-con .content{
    width:1200px;margin:0 auto;
}
.purchase-con .content .match-content{
    margin-bottom:50px;
}
.purchase-con .content .stepbox{
    width:800px;margin:40px auto;display:block;position:relative;
}
.ui-step-wrap {
    position: relative;
}
.ui-step-wrap .ui-step-bg,
.ui-step-wrap .ui-step-progress {
    height:10px;
    position: absolute;
    top:51px;
    left: 0;
    border-radius:15px;
}
.ui-step-wrap .ui-step-bg {
    width: 100%;
    background: #ddd;
}
.ui-step-wrap .ui-step-progress {
    width: 0;
    background:#da251d;
    border-radius:15px;
}
.ui-step-wrap .ui-step {
    position: relative;
    z-index: 1;
    list-style: none;
}
.ui-step-wrap .ui-step:after {
    content: '';
    display: table;
    clear: both;
}
.ui-step-wrap .ui-step .ui-step-item {
    float: left;
}
.ui-step-wrap .ui-step .ui-step-item div {
    text-align: center;
    color: #625454;
}
.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num {
    margin-top: 18px;
}
.ui-step-wrap .ui-step .ui-step-item .ui-step-item-num span {
    display: inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:50%;
    background:#f0f0f0;
}
.ui-step-wrap .ui-step .ui-step-item.active .ui-step-item-num span {
    color: #fff;
    background:#da251d;
}
.ui-step-wrap .ui-step .ui-step-item.active .ui-step-item-title{
    color:#da251d;
}

.step-one{
    width:100%;
}
.step-one .title{
    height:46px;line-height:46px;font-size:16px;
}
.step-one .title .s1{
    color:#000000;font-weight:bold;
}
.step-one .templist{
    width:100%;
}
.step-one .templist .list{
    width:100%;border:1px solid #EEEEEE;border-right:none;border-bottom:none;
}
.step-one .templist .list tr td{
    padding:0;border-bottom:1px solid #EEEEEE;border-right:1px solid #EEEEEE;height:40px;text-align:center;
}
.step-one .templist .list tr td.title{
    background:#f6f8f9;
}
.step-one .templist .list tr td.title .must{
    color:#da251d;padding-right:5px;font-weight:bold;
}
.step-one .templist .list tr td.bot{
    text-align:left;padding:0 15px;
}
.step-one .templist .list tr td.bot .tips{
    float:left;color:#d9673c;letter-spacing:2px;
}
.step-one .templist .list tr td.bot .btn{
    float:right;padding:5px 15px;background:#da251d;color:#ffffff;cursor:pointer;
}
.step-one .uploadbox{
    width:50%;float:left;
}
.step-one .uploadbox .upBtn{
    width:160px;height:70px;line-height:70px;display:inline-block;border:1px solid #e3e2e2;background:#f4f4f4;position:relative;text-align:center;cursor:pointer;margin-right:20px;
}
.step-one .uploadbox .upBtn input[type='file']{
    width:160px;height:70px;position:absolute;top:0;left:0;opacity:0;cursor:pointer;
}
.step-one .subBtns{
    width:50%;float:right;text-align:right;
}
.step-one .subBtns .btn{
    width:160px;height:70px;line-height:70px;background: #da251d;display:inline-block;text-align:center;color:#FFFFFF;cursor:pointer;
}
.step-one .subBtns .dis{
    background:#cfcfcf !important;
}
.match-row{
    height:40px;line-height:40px;background:#f1f1f1;padding:0 10px;border:1px solid #e6e6e6;
}
.match-row .left{
    float:left;font-size:16px;
}
.match-row .left span.s1{
    margin-right:40px;
}
.match-row .left span.s1 .dot{
    color:#21a91a;margin-right:5px;font-weight:bold;
}
.match-row .left span.s2{
    margin-right:10px;
}
.match-row .left span.s2 .dot{
    color:#da251d;margin-right:5px;font-weight:bold;
}
.match-row .resetBtn{
    margin-top:5px;float:right;background:#da251d;height:30px;line-height:30px;padding:0 10px;color:#FFFFFF;border-radius:5px;cursor:pointer;
}
.tablelist{
    border:1px solid #EEEEEE;
}
.tablelist .datalist{
    min-height:100px;max-height:600px;overflow:hidden;overflow-y:auto
}
.tablelist .match-res{
    width:100%;
}
.tablelist .match-res tr td{
    border-top:1px solid #EEEEEE;border-right:1px solid #EEEEEE;padding:10px;text-align:center;
}
.tablelist .match-res tr td.title{
    background:#f6f6f6;height:36px;text-align:center;color:#000000;font-weight:bold;padding:0 10px;border-top:none;
}
.tablelist .match-res tr td > span.dot{
    color:#da251d;font-weight:bold;
}
.tablelist .match-res tr td > a{
    display:block;
}
.tablelist .match-res tr td > a.opBtn{
    border:1px solid #EEEEEE;padding:3px 5px;font-size:12px;margin-bottom:10px;border-radius:3px;cursor: pointer;
}
.tablelist .match-res tr td > a.remove{
    background:#fb9e9e;padding:3px 5px;border-radius:3px;color:#FFFFFF;cursor: pointer;
}
.tablelist .match-res tr td .buynum{
    width:auto;display:inline-block;
}
.tablelist .match-res tr td .buyactive{
    border:1px solid #da251d;
}
.tablelist .match-res tr td .buynum .reduce{
    cursor:pointer;float:left;display: inline-block;width:30px;height:30px;font-size:16px;line-height:30px;text-align: center;color: #333333;border: 1px solid #cccccc;border-right: none;background: #ffffff;
}
.tablelist .match-res tr td .buynum .add{
    cursor:pointer;float:left;display: inline-block;width: 30px;height:30px;font-size: 14px;line-height:30px;text-align: center;color: #333333;border: 1px solid #cccccc;border-left: none;background: #ffffff;
}
.tablelist .match-res tr td .buynum .input{
    float:left;display: inline-block;width:60px;height:30px;font-size: 14px;line-height:30px;text-align: center;color: #333333;border: 1px solid #cccccc;
}
.tablelist .match-res tr td.w0{
    width:30px;
}
.tablelist .match-res tr td.w1{
    text-align:left;
}
.tablelist .match-res tr td.w1 .imgbox{
    width:82px;height:66px;padding:3px;border:1px solid #eeeeee;cursor:pointer;float:left;
}
.tablelist .match-res tr td.w1 .con{
    padding-left:105px;
}
.tablelist .match-res tr td.w1 .con .tit{
    margin-bottom:8px;font-size:16px;color:#333333;
}
.tablelist .match-res tr td.w1 .con .row{
    font-size:14px;color:#666666;margin-bottom:5px;
}
.tablelist .match-res tr td.w1 .con .row .specs{
    margin-right:30px;
}
.tablelist .match-res tr td.w1 .con .maker{
    font-size:14px;color:#999999;
}
.tablelist .match-res tr td.w2{
    width:100px;
}
.tablelist .match-res tr td.w3{
    width:140px;
}
.tablelist .match-res tr td.w4{
    width:120px;
}
.tablelist .match-res tr td.w5{
    width:60px;
}
.ckinput{
    display:inline-block;padding:0;width:16px;height:16px;margin:0;vertical-align:middle;float:left;margin-left: 7px;
}
.opera-row{
   padding-left:11px;background:#f6f6f6;border:1px solid #EEEEEE;border-top:none;height:50px;line-height:50px;
}
.opera-row .left{
    float:left;font-size:14px;
}
.opera-row .left .check{
    display:inline-block;margin-right:30px;
}
.opera-row .left .check .ckinput{
    margin-top:17px;margin-right:5px;
}
.opera-row .left .btn{
    margin-right:20px;cursor:pointer;
}
.opera-row .left .btn:hover{
    color:#da251d;
}
.opera-row .left .exportBox{
    display:inline-block;position:relative;
}
.opera-row .left .exportBox .exportBtn{
    cursor: pointer;background: #dedede;padding: 5px 15px;border: 1px solid #cecece;border-radius: 5px;
}
.opera-row .left .exportBox .exportBtn:hover{
    color:#da251d;
}
.opera-row .left .nav-list{
    position: absolute;top:47px;left: -1px;padding:8px 0;width:120px;background: #ffffff;z-index: 999999;border: 1px solid #eeeeee;border-radius:5px;
}
.opera-row .left .nav-list:before{
    content:'';width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    position: absolute;
    top:-7px;
    left:46px;
}
.opera-row .left .nav-list .item{
    display:block;height:40px;line-height:40px;padding:0 15px;cursor:pointer;border-bottom:1px dashed #EEEEEE;
}
.opera-row .left .nav-list .item:last-child{
    border-bottom:none;
}
.opera-row .left .nav-list .item:hover{
    color:#da251d;
}
.opera-row .right{
    float:right;
}
.opera-row .right .addBtn{
    display:inline-block;background:#da251d;color:#FFFFFF;margin-left:20px;cursor:pointer;width:150px;text-align:center;
}
.opera-row .right .dot{
    font-size:16px;padding:0 5px;color:#da251d;font-weight:bold;
}