/*订单流程*/
body
{
    background:#f6f6f6;
    }
input,label { vertical-align:middle;} 
.m-top-10
{
    margin-top:10px;
    }
.m-top-20
{
    margin-top:20px;
    }
.order-header
{
     border-bottom:2px solid #08c;
     padding:10px 0;
     background:#fff;
    }
    .order-steps
    {
         background:#f9f9f9;
         height:80px;
         border-bottom:1px solid #eee;
        }
 .order-main
 {
     background:#fff;
     padding: 20px 20px 80px;
     border:1px solid #ddd;
     margin-top:15px;
     padding-bottom:80px;
     margin-top: 15px;
}
.order-title
{
    font-size:16px;
    line-height:2;
    border-bottom:1px dashed #eee;
    margin-bottom:10px;
    font-weight:600;
    
}
.order-footer
{
    text-align:center;
    padding:30px 0;
    }
.order-list
{
    width:100%;
    text-align:center;
    border:3px solid #f6bd86;
    font-size:14px;
    }
.order-list th
{
    background:#fdf5e0;
    height:30px;
    line-height:30px;
    border-right: 1px solid #f6bd86;
    }
.order-list td
{
    border-right: 1px solid #f6bd86;
border-bottom: 1px solid #f6bd86;
height:30px;
line-height:30px;
    }
.order-list th span
{
    font-weight:normal;
    color:#999;
    font-size:12px;
    margin-left:3px;
    }
.contract-list
{
    border:3px solid #666;
    
    }
.contract-list th,.contract-list td
{
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    
    }
.contract-list th
{
    background:#eee;
    }
.order-list th span
{
    color:#666;
    }
#radio
{
    margin-top:5px;
    }
.delivery-tips b
{
    font-weight:normal;
    color:#444;
    }
.delivery-tips
{
    padding:5px 3px;
    line-height:30px;
    color:#999;
    }
.order-top
{
    height:40px;
    text-align:center;
    margin-bottom:10px;
    color:#666;
    }
.order-top h1
{
    font-size:24px;
    font-weight:600;
    }
.order-submit
{
    margin-top:10px;
    padding-right:10px;
    }
.order-submit .fl
{
    line-height:2;
    }
.order-submit .fr
{
    text-align:right;
    line-height:2;
    
    }
.order-submit .total
{
    font-size:16px;
    font-weight:600;
    color:#f80;
    
    }
.order-remark
{
    margin: 0 5px;
    height: 15px;
    width: 30px;
    padding: 3px 5px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 12px;
    width:315px;
    color:#666;
}
.order-remark:focus
{
    border: 2px solid #c4e1e9;
    background: #f2fafd;
    }    
.order-amount
{
    line-height:2;
    }
.order-method
{
    padding:10px;
    background:#fffdee;
    border:1px solid #edd28b;
    margin:10px 0;
    }
.order-method .payment-tips
{
    color:#f80;
    }
.order-submitdiv
{
    height:50px;
    line-height:50px;
    margin-top:20px;
    }
.order-submitbtn
{
    cursor:pointer;
    margin-left:10px;
    }
.order-submitbtn:hover
{
    text-decoration:underline;
    }
#setAddress
{
    margin-top:10px;
    line-height:2;
    }
.mesages-close
{
    border:3px solid #f6bd86;
    padding:10px;
    }
.mesages-close div
{
    padding-left:20px;
    }
.mesages-title
{
    padding-left:0!important;
    font-size:14px;
    }
.mesages-close a
{
    color:#08c;
    }
#otheraddress
{
    margin-top:10px;
    background:#f9f9f9;
    margin-left:10px;
    padding:10px 5px;
    line-height:2;
    }
#otheraddress div
{
    padding-left:0!important;
    }
.otheraddressli .mesages-left
{
    float:left;
    width:100px;
    text-align:right;
    display:block;
    }
.otheraddressli .mesages-left,.otheraddressli .fl
{
    
    
    margin-bottom:5px;
    }
.delivery-save
{
    margin:10px 0;
    padding-left:10!important;
    }
.delivery-save-btn
{
    padding: 5px 20px;
    background: #F16C07;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    line-height: 21px;
    margin-top: 3px;
    font-weight:bold; 
    
    }
.delivery-save-btn:hover
{
     text-decoration:underline;  
    
    }
/*Contract Draft*/
.contract-top
{
    text-align:center;
    padding:30px 0;
    }
.contract-top h1
{
    font-size:48px;
    font-weight:700;
    font-family:Microsoft YaHei UI Light;
    }
.contract-No
{
    margin-top:20px;
    }
.contract-No span
{
    display:inline-block;
    line-height:20px;
    border-bottom:1px solid #eee;
    font-family:Verdana;
    color:#666;
    margin:0 20px 0 5px;
    padding:0 10px;
    
    }
.SellerDraftContractContent
{
    line-height:1.5;
    font-size:14px;
    }
.DraftContractSeller table  th, .DraftContractBuyer table th
{
    text-align:right;
    font-weight:normal;
    color:#666;
    padding-right:10px;
    
    }
.DraftContractBuyer
{
    padding-left:20px;
    }
.DraftContractSeller
{
    padding-right:20px;
    }
.contract-main
{
    padding:0 50px;
    width:900px;
    border-top-width:2px;
    border-right-width:2px;
    }
.contract-amount
{
    text-align:right;
    line-height:1.5;
    color:#666;
    padding-right:10px;
    font-size:14px;
    margin-top:10px;
    }
.contract-amount span
{
    color:#444;
    margin-right:5px;
    font-weight:bold;
    }
.contract-content
{
    padding-left:20px;
    line-height:1.8;
    font-size:14px;
    }
.contract-content h3
{
    margin-top:10px;
    }
.contract-fill
{
    font-weight:bold;
    border-bottom:1px solid #ddd;
    padding:0 10px;
    }
.contract-content .li{ line-height:2;}


.contract-content .fl ,.contract-content .fr{width:40%; padding:20px 0;}
.contract-content .fr{ text-align:left;}
.contract-content .fl{ padding-left:20px;}
.contract-footer{ padding:40px 0; line-height:3;}
.contract-seal{  background:url(bgimages/contract-signed.png)  40px top no-repeat; }
.contract-sign{ margin:50px auto; margin-bottom:100px; padding:20px 50px; line-height:2; background:#fdf5e0; border:3px solid #f6bd86;}
.contract-sign b{ font-size:14px;}
.contract-confirm{ margin:10px 0;}
.steps{ padding:20px 0;}
.steps-1{ background:url(bgimages/step1.png) left top no-repeat; padding-top:30px; width:481px; }
.steps-2{ background:url(bgimages/step2.png) left top no-repeat; padding-top:30px; width:481px; }
.steps span{ float:left; display:block; width:160px; text-align:center; color:#aaaaaa}
.steps .this{ color:#7abd54}
.steps .last{ color:#bce8a3}

/*鏀粯 makepayment.aspx*/
.payment-header{ margin-top:10px; border-top:2px solid #7ABD54; background-color: #F3FDED; padding:10px;}
.payment-title{ line-height:2; background:url(bgimages/icon.png) left 6px no-repeat; padding-left:20px; margin-left:20px; color:#666;}
.payment-title span{ margin-right:10px;}
.payment-title-word{ font-size:14px; color:#7ABD54; margin-right:20px; font-weight:bold;}
.payment-title-split{ color:#ddd;}
.payment-title-money b{ font-size:14px;}
.payment-tips{ margin:5px 0 10px 38px; color:#999;}
.payment-bank,.payment-account{ line-height:2; background:#fdf5e0; margin-top:10px; padding:10px; border:3px solid #f6bd86}
.payment-account{background:#fff; border:3px solid #ddd}
.payment-bank{ padding-bottom:30px;}

.pay-banks{ margin-top:10px; margin-left:20px;}
.bank-logo{background-image: url("bgimages/bank-logos.png");display: block;width: 125px;height: 28px;overflow: hidden;}
.bank-list li{border: 1px solid #DDDDDD;background-color: #ffffff;float: left;padding: 6px;width: 202px;margin-right: 10px;margin-bottom: 10px;cursor: pointer;}
.bank-list li:hover{border:1px solid #e4393c;}
.bank-ICBC{background-position: 0 -140px;}
.bank-CCB{background-position: 0 -336px;}
.bank-CMB{background-position: 0 -784px;}
.bank-ABC{background-position: 0 -532px;}
.bank-BCOM{background-position: 0 -392px;}
.bank-GDB{background-position: 0 -196px;}
.bank-BOC{background-position: 0 -840px;}
.bank-CMBC{background-position: 0 -448px;}
.bank-HXB{background-position: 0 -308px;}
.bank-CIB{background-position: 0 -756px;}
.bank-CEB{background-position: 0 -168px;}
.bank-POST{background-position: 0 -868px;}
.bank-CITIC{background-position: 0 -896px;}
.bank-SPDB{background-position: 0 -588px;}
.bank-SDB{background-position: 0 -700px;}
.bank-BOB{background-position: 0 -28px;}
.bank-CBHB{background-position: 0 -56px;}
.bank-PAB{background-position: 0 -560px;}
.bank-NJCB{background-position: 0 -476px;}
.bank-HZB{background-position: 0 -252px;}
.bank-SHB{background-position: 0 -672px;}
.bank-SRCB{background-position: 0 -644px;}
.bank-WZCB{background-position: 0 -728px;}
.bank-JSB{background-position: 0 -364px;}
.bank-NBCB{background-position: 0 -504px;}
.bank-UPAY{background-position: 0 -1091px;}
.bank-HSB{background-position: 0 -1036px;}
.bank-BOS{background-position: 0 -671px;}
.bank-BHB{background-position: 0 -1115px;}
.bank-BEA{background-position: 0 -1140px;}
.bank-BOT{background-position: 0 -1163px;}

.bank-list label {float: left; margin-right: 11px;}
.bank-list .selected,.bank-list .selected:hover{border: 2px solid #e4393c;padding: 5px;}
.bank-list .bank-radio{ float:left; margin-left: 10px; margin-right: 6px; position: relative; top: 8px;padding: 0;-webkit-appearance: radio;
box-sizing: border-box;-webkit-writing-mode: horizontal-tb;}
.payment-submit-btn{  display:inline-block; font-size:16px; margin-top:10px; padding: 8px 50px; background: #F16C07;border: 0; border-radius: 3px;cursor: pointer;color: #fff;text-align: center;line-height: 21px;font-weight: bold;}
.payment-submit-btn:hover{ text-decoration:none; color:#f2f2f2;}
.payment-subment-content{line-height:2;padding-left:20px;border-top:1px dashed #ddd;padding-top:10px;margin-top:20px; color:#666;}
.payment-subment-password{height: 15px;padding: 3px 5px; margin:2px 0; border: 1px solid #ddd; background: #fff; font-size: 12px; width: 100px;color: #666}
.payment-subment-password:focus{border: 2px solid #c4e1e9; padding:3px 5px; margin:1px 0; background: #f2fafd; font-weight:bold;}
