body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    background-color: #f9f9f9;
}
a{
    text-decoration: none;
    color: #ff6600;
}

.dn {
    display: none !important;
}
.header {
    width: 100%;
    height: 58px;
    background: #fff url(header.png) no-repeat center center;
    border-bottom: solid 1px #d9d9d9;
}

.blockUI.blockMsg.blockPage {
    cursor: default !important;
    transform: none !important;
    -ms-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    margin-left: -197px !important;
    margin-top: -108px !important;
}

.title {
    width: 910px;
    color: #4c4c4c;
    font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
    font-size: 15px;
    margin: 0 auto;
    margin-bottom: 8px;
    height: 17px;
    line-height: 17px;
    font-weight: bold;
}

.trolley {
    width: 908px;
    border: solid 1px #d9d9d9;
    margin: 0 auto;
    margin-bottom: 2px;
}

.trolley table {
    width: 100%;
    border-collapse: collapse;
    color: #5a5a5a;
}

.trolley table th {
    height: 33px;
    border-bottom: 1px solid #d9d9d9;
    background: url(th_bg.png) repeat-x;
    padding: 0;
    font-weight: normal;
    text-align: right;
}

.trolley table th.product_sed {
    text-align: center;
}

.trolley table th.product_name {
    text-align: left;
}

.trolley table span {
    padding: 0 15px;
}

.trolley table td {
    height: 30px;
    padding: 0;
    text-align: right;
    background-color: #fff;
}

.trolley table td.product_sed {
    text-align: center;
}

.trolley table td.product_name {
    text-align: left;
    font-weight: bold;
}






.popOut {
    width: 395px;
    height: 217px;
    margin-left: -197px;
    margin-top: -108px;
    top: 50%;
    left: 50%;
    position: absolute;
}

.popOutTitle {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #dfdfdf;
    border-top: 2px solid #ff4900;
    background-color: #f7f7f7;
    color: #ff4900;
    text-align: center;
    line-height: 33px;
    font-weight: bold;
}

.popOutWord {
    width: 100%;
    height: 116px;
    text-align: center;
    line-height: 116px;
}

.popOutWord span {
    color: #1426d0;
}

.popOut .ipt_btn {
    width: 137px;
    height: 39px;
    border: 0;
    background-color: #ff4900;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.popOut a.ipt_btn {
    padding: 12px 31px;
    text-decoration: none;
}

.popOut .ipt_payok,
.popOut .ipt_paywt {
    margin: 0 15px;
}

.popOutWord p {
    margin: 0;
    line-height: 35px;
}

.popOutContent {
    width: 100%;
    height: 184px;
    background-color: #fff;
    text-align: center;
}



#second {
    width: 910px;
    height: 142px;
    margin: 0 auto;
    background: url(second.png) no-repeat center center;
}
.confirmInfo .userName{
    margin-left: 27px; 
}
 .confirmInfo .required{
    color: #ff0000;
}
.UserProtocol{
    text-align: center;
    margin-top: 15px;
}


.confirmInfo {
    width: 910px;
    border: 1px solid #d9d9d9;
    margin: 0 auto;
    background-color: #fff;
    /* padding-left: 29px; */
    margin-bottom: 24px;
    line-height: 35px;
}

.confirmInfo p {
    margin: 0 0 0 29px;
}

.confirmInfo span {
    color: #57585c;
}


#uname b {
    background: none;
}



.confirmInfo a {
    font-size: 12px;
    color: #1400c3;
    text-decoration: underline;
}

.confirmInfo a:hover {
    color: #ff4900;
}


.modeOfPayment {
    width: 878px;
    border: 1px solid #d9d9d9;
    margin: 0 auto;
    background-color: #fff;
    padding: 17px 15px;
    margin-bottom: 10px;
}

.mop_title {
    color: #262626;
    padding: 3px 0;
    border-bottom: solid 1px #e4e4e4;
}
.humanpurchase{
    float: right;
}
.humanpurchase img{
    vertical-align: bottom;
    margin-right: 10px;
}
.paymentPlatform {
    width: 100%;
    height: 30px;
    padding: 15px 0;
    border-bottom: solid 1px #e4e4e4;
}
.paymentPlatform img{
    width:91px;
    height:30px;
    margin-right: 16px;
}
.paymentPlatform input {
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
}
.paymentPlatform .humanpurchase img{
    width: 20px;
    height: 20px;
    margin-right: 0;
}
.paymentPlatform .ylkj {
    color: #bbb;
    font-size: 12px;
}

.paymentPlatform label {
    margin-left: 7px;
    margin-right: 17px;
    cursor: pointer;
}

.mop_title a {
    color: #3b5e98;
}

.mop_title a:hover {
    color: #ff4900;
}



.Bank_Row {
    width: 100%;
    height: 37px;
}


.modeOfPayment center {
    font-size: 12px;
    color: #8b8b8b;
    margin-top: 15px;
}

.modeOfPayment span {
    color: #ff4900;
}

.modeOfPayment .ipt_btn {
    width: 167px;
    height: 39px;
    border: 0;
    background-color: #ff4900;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}



#confirm{
      width: 910px;
      height: 50px;
      margin: 0 auto;
      background: url(confirm.png) no-repeat 0px 0px;
}
#ConfirmOrder{
    width: 908px;
    margin: 30px auto;
    background: #ffffff;
    border: solid 1px #d9d9d9;
}
#ConfirmWrap{
    box-sizing: border-box;
    width: 675px;
    margin: 40px auto 0;
    
}
.ConfirmDescribe{
    background: url(u103.png) no-repeat 20px 0;
}
#ConfirmWrap .ConfirmTitle,
#ConfirmWrap .tip,
#ConfirmWrap .description {
    margin-left: 110px;
    margin-right: 20px;
}
.ConfirmTitle{
    font-size: 22px;
    color: #ff6600;
    margin: 10px;
}
.tip{
    margin: 12px 0;
}
.description{
    font-size: 16px;
    margin: 0;
}

#ConfirmWrap span{
    color: #ff6600;
    font-size: 13.5px;
}
.ConfirmDetail{
    width: 534px;
    height: 200px;
    border: 1px solid #797979;
    margin: 32px 0 110px 110px;
}
.ConfirmDetail table{
    margin-top: 24px;
} 
.key{
    width: 164px;
    height: 30px;
}
.help{
    margin: 0 0 40px 110px;
}
.footer {
    height: 30px;
    padding-top: 20px;
    text-align: center;
    color: #87889C;
}

.footer a {
    color: #87889C;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}


.selectNone {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
span#orderId,
span#cost {
    color: #000000;
}

.center{
    text-align: center;
}
.modeOfPayment .center{
    margin-top: 20px;
}
.key{
    text-align: right;
}

.Month_date {
    width: 40px;
    text-align: center;
}

.weixinIcon {
    border: 1px solid #c4c4bd;
    border-radius: 5px;
}

.payStyle {
    display: inline-block;
    position: relative;
}

.payStyle_tips {
    font-size: 12px;
    color: #fff !important;
    background-color: #fd4800;
    padding: 2px 2px;
    border-radius: 2px;
    position: absolute;
    top: -12px;
    right: 5px;
}

.payInfo-name {
    width: 85px;
    display: inline-block;
}

.required {
    display: inline-block;
    width: 10px;
}

.popOut-box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    background: rgba(0,0,0,0.5);
}

.payStyle-box {
    float: left;
}

.picVcode {
    width: 106px;
    cursor: pointer;
}

.imgVcode {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 35px;
    outline: none;
    font-size: 20px;
    text-align: center;
}

.imgVcode-box {
    line-height: normal;
    padding: 15px 0px;
}

.pay_workflow {
    width: 910px;
    margin: 20px auto;
    color: #ff4900;
    font-size: 16px;
    overflow: hidden;
}

.pay_workflow_title {
    float: left;
}

.pay_workflow_tel {
    float: right;
}