@charset "utf-8";
/*购物车中没有商品的展示样式*/
.cart-empty { height: 98px; padding: 80px 0 120px; color: #333;}
.cart-empty .message { height: 98px; padding-left: 500px; background: url(../imgs/no-login-icon.png) 400px 30px no-repeat;}
.cart-empty .message ul { padding-top: 23px;}
.cart-empty .message li { line-height: 30px;}
.cart-empty .message .txt { font-size: 14px;}
.cart-empty .message li a{ text-decoration: none;color:#e31939}
.cart-empty .message li a.login-btn{ background: #E31939; display: inline-block; text-align: center; cursor: pointer; padding: 3px 10px; color: #fff; border-radius: 2px; line-height: 18px; margin-right: 10px;}



/*购物车*/

.content {
    margin: 15px 0;
    width: 100%;
}
.cart-filter-bar {
    height: 33px;
    font-size: 12px;
    position: relative;
    border-bottom: 2px #e5e5e5 solid;
}
.cart-filter-bar .switch-cart {
    height: 33px;
    float: left;
}
.cart-filter-bar .switch-cart span {
    float: left;
    font-size: 18px;
    height: 18px;
    line-height: 1.1;
    padding-bottom: 15px;
    cursor: pointer;
    margin-left: -1px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    display: inline-block;
    color:#E31939;
    border-color:#E31939
}
.cart-filter-bar .switch-cart span em {
    margin: 0 5px;
    color:#E31939;
}




.cart-main {
    min-height: 210px;
}
.cart-table-th {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #3c3c3c;
    overflow: hidden;
}
.cart-table-th .wp {
    width: 100%;
    display: inline-block;
}
.cart-table-th .th {
    float: left;
}
.th-chk, .td-chk {
    width: 50px;
}
.th-item, .td-item {
    width: 440px;
}

.th-info, .td-info {
    width: 170px;
    padding-right: 20px;
    margin-left: 10px;
}
.th-price, .td-price {
    width: 150px;
}
.th-amount, .td-amount {
    width: 130px;
}
.th-sum, .td-sum {
    width: 130px;
}
.th-op, .td-op {
    width: 82px;
    padding: 0 0 0 15px;
}
.cart-table-th {
    font-size: 12px;
}
.cart-table-th .th-chk {
    font-size: 12px;
    text-align: left;
    position: relative;
    height: 50px;
}
.cart-table-th .th-chk .select-all {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
}
.cart-checkbox {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
}
.cart-table-th .th-chk .cart-checkbox {
    margin: 15px 0 0 15px;
    width: 60px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}
.cart-checkbox input{
    position:absolute;
    top:-99999px;
    left:-99999px;
    opacity: 0
}
.cart-checkbox label {
    position: relative;
    z-index: 1;
    float: left;
    width: 15px;
    height: 15px;
    background: url(../imgs/flow-icon.png) no-repeat;
    background-position: -365px -30px;
    line-height: 200em;
    overflow: hidden;
    cursor: pointer;
}
.cart-checkbox.select label {
    background-position: -365px -50px;
}
.cart-table-th .th-chk .cart-checkbox label {
    float: none;
    display: inline-block;
    vertical-align: middle;
}


.cart-table-th .th-item .td-inner {
    padding-left: 91px;
}

.order-body {
    padding-bottom: 15px;
}
.order-content {
    border: 1px solid #e5e5e5;
    display: inline-block;
}
.order-content .bundle {
    border-bottom: 1px solid #e5e5e5;
}
.order-content .bundle-last {
    border-bottom: 0;
}
.order-content .item-holder {
    position: relative;
}

.order-content .item-holder .item-body {
    background: #fcfcfc;
    border-bottom: 1px solid #e7e7e7;
}
.order-content .item-holder .item-body.last-item {
    border-bottom: none;
}
.item-content {
    background: #fcfcfc;
    width: 100%;
    height: auto;
    line-height:17px;
    font-size:12px
}
.item-content .td {
    float: left;
    min-height: 119px;
}
.item-content .td-chk {
    position: relative;
    overflow: hidden;
}
.item-content .td-inner {
    padding-top: 20px;
}
.td-chk .cart-checkbox, .td-chk .s-checkbox {
    margin: 0 10px 0 0;
    float: right;
}
.item-content .item-pic {
    width: 80px;
    height: 80px;
    border: 1px solid #eee;
    float: left;
    overflow: hidden;
    background: #fff;
}
.item-content .item-pic a {
    display: table-cell;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    text-align: center;
}
.item-content .item-pic img {
    max-height: 80px;
    max-width: 80px;
    vertical-align: middle;
}
.td-item .item-info {
    margin: -3px 0 0 91px;
    padding-right: 25px;
}

.item-content .item-title {
    font-size: 12px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.td-item .item-basic-info a {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.item-content .item-props {
    padding: 16px 0;
    min-height: 84px;
    border: 1px dashed transparent;
    position: relative;
}
.item-content .item-props .sku-line {
    margin: 0 5px 0 15px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item-content .price-content {
    padding: 0;
    line-height: 1;
    width: 74px;
}
.item-content .price-content .price-line {
    padding: 0 0 8px 0;
}
.item-content .price-content .price-line .price-original {
    color: #999;
    text-decoration: line-through;
}

.item-content .price-content .price-line {
    padding: 0 0 8px 0;
}
.item-content .price-content .price-line1 {
    margin-top: 2px;
}
.item-content .price-content .price-line .price-now {
    color: #666;
    font-weight: 600;
    font-size: 14px;
}
.item-content .item-amount {
    width: 77px;
    height: 25px;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.amount-widget {
    width: 77px;
    height: 25px;
    position: relative;
    display: inline-block;
    text-align:center
}
.amount-widget .amount-input {
    color: #666;
    font-size: 12px;
    margin: 0;
    padding: 3px 0;
    height: 17px;
    border: 1px solid #a7a6ac;
    width: 37px;
    line-height: 17px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 19px;
    z-index: 2;
}
.amount-widget .amount-btn {
    width: 77px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0;
}
.amount-widget .amount-plus {
    width: 17px;
    height: 23px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    cursor: pointer;
    display: block;
    line-height: 23px;
    text-align: center;
    background: #f1f1f1;
    position: absolute;
    right: 0;
}
.amount-widget .amount-minus {
    width: 17px;
    height: 23px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    display: block;
    line-height: 23px;
    text-align: center;
    background: #f1f1f1;
    position: absolute;
    left: 0;
}
.amount-widget .amount-btn i {
    width: 17px;
    height: 23px;
    font-size: 12px;
    color: #666;
    display: inline-block;
    font-style:normal
}
.item-content .td-sum .number{
    font-size: 14px;
    font-weight: 700;
    color:#E31939
}
.item-content .td-op a {
    padding-bottom: 3px;
    color: #666;
    display: block;
}

.cart-foot {
    position: relative;
    height: 50px;
    font-size:12px;
}
.cart-foot-wrapper {
    background: #e5e5e5;
    height: 50px;
    overflow: hidden;
}
.cart-foot-wrapper .select-all {
    float: left;
    width: 80px;
    height: 50px;
    line-height: 50px;
    padding-left: 5px;
    text-align: center;
    cursor: pointer;
}
.cart-foot-wrapper .select-all .cart-checkbox {
    margin: 15px 0 0 15px;
    width: 60px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}
.cart-foot-wrapper .select-all .cart-checkbox label {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.cart-foot-wrapper .operations {
    float: left;
    line-height: 50px;
    height: 50px;
}
.cart-foot-wrapper .operations a {
    margin-left: 25px;
    float: left;
}
.cart-foot-wrapper .cart-bar-right {
    float: right;
    z-index: 4;
    padding-left: 20px;
}
.amount-sum {
    cursor: pointer;
    height: 48px;
    color: #333;
    float: left;
    margin-right: 25px;
}
.amount-sum .txt {
    line-height: 50px;
    float: left;
}
.amount-sum em {
    line-height: 50px;
    padding: 0 5px;
    float: left;
    font-weight: 700;
    font-size: 18px;
    color:#E31939
}
.price-sum {
    height: 48px;
    color: #333;
    float: left;
    margin-right: 15px;
}
.price-sum .txt {
    line-height: 50px;
    float: left;
}
.price-sum .price {
    font-weight: 400;
    font-size: 22px;
    line-height: 48px;
    margin: 0 5px;
    vertical-align: middle;
    float: left;
    color:#E31939
}
.btn-area {
    float: left;
}
.btn-area .submit-btn {
    display: inline-block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    background: #f40;
    color: #fff;
    text-align: center;
    font-size: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    cursor: pointer;
}

/*确认订单*/

.header {
    width: 1200px;
    min-width: 1200px;
    height: 90px;
    margin: 0 auto;
    background: #fff;
    padding: 20px 0 15px;
}
.header .logo-info {
    width: 430px;
    height: 90px;
    line-height: 90px;
    float: left;
}
.header .logo-info a.logo {
    display: block;
    width: auto;
    max-width: 240px;
    height: auto;
    max-height: 90px;
    float: left;
    overflow: hidden;
}
.header .logo-info a.logo img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.cart-progress {
    float: right;
    margin-top: 20px;
    background: url(../imgs/steps-bg.png) 60px 0 no-repeat;
}
.cart-progress li {
    position: relative;
    float: left;
    width: 144px;
    text-align: center;
}
.cart-progress li i {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto 6px;
    line-height: 24px;
    font-weight: 700;
    color: #BBB;
    z-index: 10;
    font-style:normal
}
.cart-progress li span {
    color: #999;
}
.cart-progress li span a {
    color: #999;
}
.cart-progress .finish b {
    position: absolute;
    display: inline-block;
    height: 24px;
    top: 0;
    background: url(../imgs/flow-icon.png) no-repeat;
    background-position: -24px -55px;
}
.cart-progress .finish i {
    color: #FFF;
}
.cart-progress .finish-01 b {
    width: 25px;
    left: 60px;
    background-position: 0 -29px;
}
.cart-progress .finish-02 b, .cart-progress .finish-03 b, .cart-progress .finish-04 b {
    width: 158px;
    left: -74px;
    background-position: -10px -55px;
}

.content-bg {
    padding: 15px 0 50px;
}
.content-bg .content-main {
    background: #fff;
    border: 1px solid #dedede;
}



.border-line {
    border-bottom: 1px solid #CCC;
}
.content-info .main-content {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    font-size:12px
}
.content-info .main-content .title {
    font-size: 16px;
    line-height: 50px;
    font-weight: 600;
    height: 50px;
    color: #333;
    padding-top: 10px;
}

/*地址选择*/
.address { padding-bottom: 15px;}
.address .address-list { position: relative;}
.address .address-box { position: relative; float: left; width: 198px; height: 112px; background: url(../imgs/addr_bg_default.jpg) no-repeat; background-size:100% 100%; margin-right: 10px; margin-bottom: 10px; color: #666; line-height: 22px; padding: 11px; cursor: pointer;}
.address .address-list .active,.address .address-box:hover { background: url(../imgs/addr_bg.jpg) no-repeat; background-size:100% 100%; }
.address .address-box .address-box-info{ position: absolute; top: 16px; left: 15px; width: 198px;}
.address .address-box.address-box-right0{ margin-right: 0;}
.address .address-box .alias{font-weight: bold; float: left; margin-right: 5px; color: #666;}
.address .address-box .alias span{margin: 0px 5px; font-weight: 200;}
.address .address-box .name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.address .address-box .detaile { height: 20px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.address .address-box .authentica { }
.address .address-box .number-phone { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.address .address-box .authentica i{ width: 16px; height: 14px; display: inline-block; background-position: -410px -30px; vertical-align: middle; }
.address .address-box .authentica .identity-card{ }
.address .address-box .authentica .yes-no{ float: right; max-width:37px; height: 18px; line-height: 18px; padding: 0 5px; background: #E31939; color: #fff; margin-top: 4px; margin-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.address .address-box .addr-operate{ position: absolute; top: 0; right: 0;}
.address .address-box .addr-operate a{ float: left; margin-right: 10px; display: none;}
.address .address-box .addr-operate a.address-edit,
.address .address-box .addr-operate a.address-delete{color:#e31939}
.address .address-box .addr-operate .deftip { padding: 0 5px; text-decoration: none; filter: alpha(opacity=70); opacity: .7; background: #bbb; color: #fff; display: inline-block; z-index: 3; display: inline-block;}
.address .address-box .addr-operate a.set-deftip { padding: 0 5px; text-decoration: none; filter: alpha(opacity=70); opacity: .7; background: #ccc; color: #fff; display: inline-block; z-index: 3; display: none;}
.address .address-box .addr-operate a.set-deftip{ margin-right: 0;}
.address .address-box:hover .addr-operate a{ display: block;}

.address .address-more{ display: none;}

.address .addr-control { min-height: 25px;}
.address .addr-control .addr-more{  height: 26px; line-height: 26px; margin-right: 15px;}
.address .addr-control .addr-more i{ width: 7px; height: 4px; display: inline-block; vertical-align: middle; background-position: -450px -72px;}
.address .addr-control .addr-more i.active{ background-position: -450px -59px;}
.address .addr-control .addr-add { padding: 0 10px; height: 26px; line-height: 26px; border: 1px solid #cfcfcf; color: #333; display: inline-block; text-decoration: none; background-color: #fff; background: #f6f6f6;}
.address .addr-control .addr-add i { font-style: normal; font-weight: 700;}
.addr-box .form-horizontal{ width: 700px;}

#edit-address-div{ width: 100%; display: inline-block; overflow-y: auto; max-height: 480px}



/*送货时间*/
.delivery-time { padding-bottom: 25px;}
.delivery-time .box { height: 36px; line-height: 36px; border: 1px solid #ccc; float: left;  margin-right: 20px; background: #fff;overflow:hidden}
.delivery-time .box label{display:block;padding: 0 20px 0 10px;cursor: pointer;}
.delivery-time .box.active, .delivery-time .box.active2 { height: 34px; line-height: 34px; border: 2px solid #6eaf4f; }
.delivery-time .box input{ margin-top: -2px; cursor: pointer;}
.delivery-time .box span { cursor: pointer;}
.delivery-time .box-spe{ position: relative; z-index: 999;}
.delivery-time .box .seltimebox { position: absolute; background: #fff; top: 32px; left: -1px; border: 1px solid #ccc; border-right:0; border-bottom:0; width: 420px; height: auto; z-index: 998; display: none;}
.delivery-time .box-spe:hover .seltimebox{ display: block;}
.delivery-time .box.active .seltimebox, .delivery-time .box.active:hover .seltimebox, .delivery-time .box.active2:hover .seltimebox{ display: block; border: 2px solid #6eaf4f; left: -2px;}
.delivery-time .box-spe .best-time-desc{ vertical-align: middle; margin-left: 5px;}
.delivery-time .box .seltimebox table tr td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 16px;}
.delivery-time .box .seltimebox table tr td span{ display: block; padding: 5px;}
.delivery-time .box .seltimebox table tr td a { display: block; padding: 5px; color: #7ABD54;}
.delivery-time .box .seltimebox table tr td a.current, .delivery-time .box .seltimebox table tr td a:hover { background: #7abd54; color: #fff;}



/*商品清单*/
.goods-list table.order-goods-list{ margin-bottom: 20px; position: relative;}
.shop-closing-label{position: absolute;left:230px;top: 55px;  max-width: 500px; padding: 8px 10px;display: inline-block;transform: rotate(10deg);-ms-transform: rotate(10deg);-moz-transform: rotate(10deg);-webkit-transform: rotate(10deg);-o-transform: rotate(10deg);border-width: 1px; border-style: solid;white-space:normal;word-break:break-all; background: #fff;}
.goods-list th { padding: 4px 0; color: #999; font-weight: 400; text-align: center; border-bottom: 2px #ddd solid; font-size:12px}
.goods-list th.goods-title { text-align: left; width: 450px;}
.goods-list th.goods-title .order-body{ padding-bottom: 0;}
.goods-list th.goods-title .order-body .shop .shop-info{ padding-left: 0;}
.goods-list th.goods-price { width: 155px;}
.goods-list th.goods-amount { width: 155px;}
.goods-list th.goods-promo { width: 120px;}
.goods-list th.goods-sum { width: 190px; text-align: center;}
.goods-list th.goods-postage { width: 190px; padding-left: 5px;}

.goods-list td.goods-content tr{ position: relative;}
.goods-list td.goods-content tr td{ padding: 15px 0; border-bottom: 1px solid #e5e5e5; font-size:12px}
.goods-list td.goods-content tr.have-gift td{ border-bottom: 1px dotted #e5e5e5;}
.goods-list .goods-img { width: 68px; position: relative;}
.goods-list .goods-img .img { display: block; width: 50px; height: 50px; overflow: hidden; border: 1px solid #e9e9e9; text-align: center;}
.goods-list .goods-img .img img{ width: 50px; height: 50px;}
.goods-list .goods-img .no-support{ position: absolute; left: 230px; top: 15px; width: 150px; height: 50px;}
.goods-list .goods-master {  text-align: left;}
.goods-list .goods-master .item-title{ width: 90%; height: 21px; line-height: 21px; }
.goods-list .goods-master .item-title a{ width: 100%; height: 21px; line-height: 21px; text-overflow: ellipsis; display: inline-block;}
.goods-list .goods-master .item-title a em{ padding: 0 5px; margin-right: 5px; background: #dadada; color: #5f5f5f; border-radius: 2px; color: #fff;}
.goods-list .goods-master .item-title a em.activity-tag{ color: #fff; background: #f23030; padding: 1px 3px; border-radius: 3px;}
.goods-list .goods-master .item-title a em.activity-tag1{ background: #FEAD24;}
.goods-list .goods-master .item-title a em.activity-tag2{ background: #F76226;}
.goods-list .goods-master .item-title a em.activity-tag3{ background: #58B4FF;}
.goods-list .goods-master .item-title a em.activity-tag4{ background: #7D89B9;}
.goods-list .goods-master .item-title a em.activity-tag5{ background: #FE646A;}
.goods-list .goods-master .item-title a em.activity-tag6{ background: #F23030;}
.goods-list .goods-master .item-title a em.activity-tag7{ background: #FE646A;}
.goods-list .goods-master .item-title a em.activity-tag8{ background: #C282E3;}
.goods-list .goods-master .item-title a em.activity-tag9{ background: #13D1BE;}
.goods-list .goods-master .item-title a em.service{ background: #9900FF; }
.goods-list .goods-master .item-title a em.fictitious{ background: #FF4791; }
.goods-list .goods-attr { width: 110px; text-align: left;}
.goods-list .goods-attr .sku-line { color: #999; overflow: hidden;}
.goods-list td.goods-price { width: 155px; text-align: center;}
.goods-list td.goods-price .activity-tag{ color: #fff; background: #FF9F24; padding: 1px 3px; border-radius: 3px;}
.goods-list td.goods-amount { width: 155px; text-align: center;}
.goods-list td.goods-promo { width: 120px;}
.goods-list td.goods-promo .tc-select { position: relative; display: inline-block; vertical-align: middle; border: 1px solid #ccc; background: #fff; height: 21px; padding-right: 20px; max-width: 80px; cursor: pointer;}
.goods-list td.goods-promo .tc-select .tc-select-label { height: 21px; line-height: 21px; overflow: hidden; padding-right: 20px; text-indent: 5px; text-align: left; white-space: nowrap;}
.goods-list td.goods-promo .tc-select .tc-select-arrow { position: absolute; right: 0; top: 5px; width: 15px; height: 10px; text-align: center; background-position: -386px -36px; z-index: 99;}
.goods-list td.goods-sum { width: 190px; text-align: center;}
.goods-list td.goods-sum .sum{ text-align: center;color:#e31939}

.goods-list td.goods-postage { text-align: left; padding: 5px 0 0; border-bottom: 1px solid #e5e5e5;}
.goods-list td.goods-postage .postage{ width: 300px; float: left; padding: 15px 0; display: inline-block;}
.goods-list td.goods-postage .postage .postage-out-box{ float: left; margin-right: 30px;}
.goods-list td.goods-postage .postage .postage-box{ border: 2px #ccc solid;}
.goods-list td.goods-postage .postage .postage-box.active{ border: 2px #E31939 solid; color: #E31939;}
.goods-list td.goods-postage .postage .postage-box label{ padding: 5px 25px; height: 25px; line-height: 25px; display: inline-block; font-size: 14px; cursor: pointer;}
.goods-list td.goods-postage .postage p.postage-info{ clear: both; line-height: 30px; color: #666;}
.goods-list td.goods-postage .postage-price{ float: right; padding: 25px 0; margin-right: 30px; color: #E31939; font-size: 14px;}
.goods-list td.goods-postage .postage-price .pre-sale-mode{ color: #999;}
.goods-list td.goods-postage .pickup-address{ float: left; padding: 15px 0; display: none;}
.goods-list td.goods-postage .pickup-address label{ padding: 5px 25px; height: 25px; line-height: 25px; display: inline-block;}
.goods-list td.goods-postage .pickup-address label .pickup-edit{ margin-left: 10px; color: #E31939;}

.goods-list td.goods-postage .postage input{ vertical-align: middle; margin-top: -3px;}
.goods-list td.goods-postage .postage select{ border: 1px solid #ccc; padding: 3px 0;}
.goods-list td.goods-postage .insure input{ vertical-align: middle; margin-top: 0;}
.goods-list td.goods-postage .insure p{ margin-left: 25px; padding-top: 3px; color: #999;}



.goods-list td.goods-annex { background: #F5F5F5; padding: 10px 0 10px 10px; text-align: left; vertical-align: top;font-size:12px}
.goods-list td.goods-annex .memo { position: relative; float: left; color: #999; margin-right: 30px;}
.goods-list td.goods-annex .memo .buyer-msg{ position: relative; display: inline-block;}
.goods-list td.goods-annex .memo .buyer-msg .text{ width: 298px; height: 19px; line-height: 19px; padding: 5px; border: 1px solid #ccc; resize: none; overflow: auto; vertical-align: middle;}

.goods-list td.goods-bill{ background: #F5F5F5; padding: 10px 10px 10px 0; text-align: right; vertical-align: top;}
.goods-list td.goods-bill p.favourable{ padding: 5px 0;}
.goods-list td.goods-bill p.favourable select{ border: 1px solid #ccc; padding: 3px 0; }
.goods-list td.goods-bill p.favourable span.favourable-name{ color: #999;}
.goods-list td.goods-bill p.favourable span.color{ margin-left: 10px;}
.goods-list td.goods-bill .order-pay { padding: 5px 0; color: #999; font-size: 14px;}
.goods-list td.goods-bill .order-pay span{ margin: 0 3px;}
.goods-list td.goods-bill .order-pay strong{ font-weight: 400; margin-left: 2px; font-size: 14px;color:#e31939}
.goods-list td.goods-bill .order-pay-vice span{margin: 0 0 0 3px; color: #999;}
.goods-list td.goods-bill .order-pay-vice span em{ font-style: normal; margin: 0 2px;}
.goods-list .checkbar { text-align: right; padding: 0 10px 10px;}
.goods-list .checkbar .favourable{ padding: 5px 0;}
.goods-list .checkbar .favourable select{ border: 1px solid #ccc; padding: 3px 0; color: #333;}
.goods-list .checkbar .favourable span.color{ margin-left: 10px;}
.goods-list .checkbar .real-pay .hd{ color: #666;}
.goods-list .checkbar .real-pay .bd { font-size: 24px; font-weight: 700; font-family: tahoma;}
.goods-list .checkbar .obtain-point{ height: 35px; line-height: 35px;}
.goods-list .checkbar .obtain-point strong{ font-family: tahoma; font-size: 14px; margin-right: 2px; font-weight: 400;}


/*支付方式*/
.pay-type .pay-type-content label{ height: 42px; line-height: 42px; display: inline-block; cursor: pointer;}
.pay-type .pay-type-content label input{ vertical-align: middle; margin-top: -1px; cursor: pointer;}
.pay-type .pay-type-content label img{ vertical-align: middle; border: 1px solid #eee; border-radius: 3px; margin-right: 5px; width: 120px; height: 40px;}
.pay-type .pay-type-content .other-pay{ color: #333; height: 42px; padding: 15px; border: 1px solid #eee;}
.pay-type .pay-type-content .other-pay .hd{ display: inline-block;}
.pay-type .pay-type-content .other-pay .hd .payment-name{ font-size: 14px; color: #666; font-weight: 600;}
.pay-type .pay-type-content .other-pay .bd{ display: none;}
.pay-type .pay-type-content .other-pay .bd .colon { position: relative; display: inline-block; vertical-align: middle;}
.pay-type .pay-type-content .other-pay .bd .txtBox { position: relative;}
.pay-type .pay-type-content .other-pay .bd .tc-text { width: 44px; margin-right: 5px; text-align: right; height: 20px; padding: 2px 5px; border-radius: 2px; border: 1px solid #ccc; box-shadow: 0 1px 2px 0 #f0f0f0 inset; background: #fff;  outline: 0; resize: none;}
.pay-type .pay-type-content .other-pay .bd .discharge { margin-left: 10px;}
.pay-type .pay-type-content .other-pay .bd .discharge strong{ font-weight: 400; margin: 0 3px;}
.pay-type .pay-type-content .surplus-pay{ color: #333; margin: 20px 0 10px 15px;}
.pay-type .pay-type-content .surplus-pay strong{ font-weight: 400; margin: 0 3px; font-size: 14px;color:#e31939}
.pay-type .replace-pay{ margin-bottom:10px; font-size:14px; color: #333;}
.pay-type .replace-pay span{ margin: 0 5px; font-family: arial; font-size: 18px;}

.bgcolor { background-color: #FFF9F9; border: 2px #E31939 solid;}
.content-info .bgcolor .main-content{ padding: 0 18px;}
.pay-all{ margin: 20px 0;}
.pay-all.bgcolor{ margin: 18px 0;}
.pay-all .payment-tab { width: 100%; border-top: 1px solid #eee;}
.payment-tab li { height: 42px; border: 1px solid #eee; border-top: none; padding: 15px; font-size: 14px; font-weight: bold;}
.payment-tab li.disabled{ background: #fcfcfc;}
.payment-tab li input{ vertical-align: sub;}
.pay-type .pay-type-content .payment-tab li.disabled label, .pay-type .pay-type-content .payment-tab li.disabled input{ cursor: default;}
.payment-tab li .payment-name{ font-size: 14px; color: #666; font-weight: 600;}
.payment-tab li.disabled .payment-name{ color: #999;}
.payment-tab li.seled { padding: 15px 15px 25px 15px; border: 2px solid #ff3300;}
.payment-tab li .payment-box { display: none;}
.payment-tab li.current{ border: 2px #E31939 solid; background: #FFF9F9;}
.payment-tab li.current .payment-box { display: block;}
.payment-box ul { margin: 10px;}
.payment-box ul li { float: left; margin: 10px 10px 5px; padding: 0; width: 200px; height: 40px; line-height: 40px; border: 1px solid #ddd; background: #fff;}
.payment-box ul li label{ display:block; padding:0 10px;}
.payment-box ul li label input { margin-right: 8px; cursor: pointer; vertical-align: middle;}
.payment-box ul li label img{ vertical-align: middle;}

.payment-tab li .pay-tips{ margin-left: 30px; font-size: 12px; font-weight: normal; color: #666; display: inline-block;}
.payment-tab li .pay-tips .pay-tips-name{ width: auto; height: 25px; line-height: 25px; color: #999; display:inline-block;}
.payment-tab li .pay-tips .pay-tips-name i{ width: 14px; height: 18px; background-position: -181px -60px; display: inline-block; vertical-align: middle; margin-right: 3px;}

.payment-tab li .pay-promotion{ margin-left: 30px; font-size: 12px; font-weight: normal; color: #666; display: inline-block; position: relative;}
.payment-tab li .pay-promotion .pay-promotion-name{ width: auto; height: 23px; line-height: 25px; padding: 0 8px; position: relative; border:1px #fff solid; color: #999; display:inline-block; cursor: pointer; z-index: 3;}
.payment-tab li .pay-promotion .pay-promotion-name i{ width: 8px; height: 5px; background-position: -445px -30px; margin-left: 5px; display: inline-block; vertical-align: middle;}
.payment-tab li .pay-promotion .pay-promotion-info { width: 280px; padding: 5px 10px; color: #999; border: 1px solid #e7e7e7; background: #fcfcfc; position: absolute; top: 23px; left: 0; z-index: 2; display: none;}
.payment-tab li .pay-promotion:hover .pay-promotion-name{ border: 1px solid #e7e7e7; border-bottom: none; background: #fcfcfc;}
.payment-tab li .pay-promotion:hover .pay-promotion-name i{ background-position: -445px -39px;}
.payment-tab li .pay-promotion:hover .pay-promotion-info{ display: block;}



/*提交订单*/
.confirm-pay{  min-height: 110px; height: auto; padding: 15px 20px; position: relative; display: block;font-size:12px}
.confirm-pay .total-count { text-align: right; margin-bottom: 10px;}
.confirm-pay .total-count .total-count-pay .total-count-pay-info{ height: 30px; line-height: 30px; width: 100%; text-align: right;}
.confirm-pay .total-count .total-count-pay .total-count-pay-info span{ height: 30px; line-height: 30px; width: auto;}
.confirm-pay .total-count .total-count-pay .total-count-pay-info span.first{ font-size: 14px; color: #333;}
.confirm-pay .total-count .total-count-pay .total-count-pay-info span.end{ font-size: 14px; font-weight: bold;color:#e31939}
.confirm-pay .total-count .total-count-pay .total-count-pay-info em{ margin: 0 5px;}
.confirm-pay.bottom { position: fixed; bottom: 0; width: 1200px; z-index: 10000; background: rgba(250,250,250,.8); box-shadow: 0 -5px 10px rgba(80, 80, 80, 0.3);}
.confirm-pay .back-to-cart{ height: 40px; line-height: 40px;float: left}
.confirm-pay .back-to-cart a{ text-decoration: none; font-size: 14px; font-weight: normal;}
.confirm-pay .submit-box .price-box{ line-height: 40px; padding-right: 20px;}
.confirm-pay .submit-box .price-box .price { font-weight: 700; font-size: 20px; font-family: Helvetica,arial,sans-serif;}
.submit-box .submit-btn { float: right;display: inline-block; height: 38px; line-height: 38px; text-decoration: none; color: #fff; font-size: 18px; width: 170px; text-align: center; cursor: pointer;background-color:#e31939}
.confirm-exchange{ width: 950px; min-height: 40px; height: auto; padding: 15px 20px; position: relative; display: inline-block;}

/*弹框*/
.bomb-box { border: 4px solid rgba(0,0,0,.1); border: 4px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; z-index: 99999; width: 700px; min-height: 470px; height: auto; left: 50%; top: 50%; margin-left: -350px!important; margin-top: -265px!important; position: fixed!important; position: relative;
 _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
 document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ display: none;}
.bomb-box .box-title { position: relative; padding: 0 10px; height: 36px; line-height: 36px; background: #f7f7f7; font-size: 14px; color: #666; font-weight:normal;}
.bomb-box .box-oprate { width: 13px; height: 13px; background: url(../imgs/common-icon.png) no-repeat; background-position: -41px -44px; position: absolute;  right: 13px; top: 13px; cursor: pointer;}
.bomb-box .content-info{ background: #fff; height: 100%;}
.bomb-box .content-info form{ padding: 15px 0;}
.bomb-box .content-info form .form-group-spe{ margin: 10px 0 20px}
.bomb-box .content-info form .act { margin-top: 0; margin-left: 110px;}

/*付款信息弹框*/
.payment-box { width: 400px; min-height: 400px; margin-left: -200px!important; margin-top: -200px!important;}
.payment-box .content-info{  height: 364px;}
.payment-box .content-info p.warning{ width: 100%; height: 64px; text-align: center; padding: 40px 0 20px;overflow: hidden;}
.payment-box .content-info p.warning i{ width: 64px; height: 64px; background: url(../imgs/warning.png) no-repeat; display: inline-block; vertical-align: middle;}
.payment-box .content-info p.warning span{ width: auto; height: 64px; line-height: 64px; margin-left: 10px; font-size: 14px; color: #333; display: inline-block; vertical-align: middle;}
.payment-box .content-info p.prompt{ height: 30px; line-height: 30px;}
.payment-box .content-info p.btns{ padding: 30px 0 20px 0;}
.payment-box .content-info p.btns a{ background: #E31939; display: inline-block; text-align: center; font-size: 14px; cursor: pointer; padding: 5px 15px; color: #fff; border-radius: 2px; border: none; line-height: 18px;}
.payment-box .content-info p.back{ height: 30px; line-height: 30px; text-indent: 60px;}


#bg {
    background: #000;
    opacity: 0.15;
    filter: alpha(opacity=15);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    position: fixed!important;

}









/*头部*/
.header-pay { height: 60px; background-color: #fff; border-bottom: 1px solid #d9d9d9;}
.header-pay .header-title { height: 60px;}
.header-pay .header-title .alipay-logo { display: block; width: 115px; position: relative; left: 0; top: 10px; float: left; height: 40px; background-position: 0 0; background-repeat: no-repeat; background-image: url(../imgs/wechat-pay.png);}
.header-pay .header-title .logo-title { font-size: 16px; font-weight: normal;   border-left: 1px solid #676d70; color: #676d70; height: 20px; float: left; margin: 18px 10px 10px; padding: 0px 10px;}

/*内容*/
.order{ position: relative; border-bottom: 3px solid #b3b3b3; background: #eff0f1; }
.order .orderDetail-base{ padding: 16px 23px; min-height: 55px; overflow: hidden;  color: #000;}
.order .order-ext-trigger{font: 12px/1.5 tahoma,arial,宋体; cursor: pointer; display: block; position: absolute; right: 20px; bottom: -3px; height: 22px; padding: 2px 8px 1px; font-weight: 700; border-top: 0; background: #b3b3b3; z-index: 100; color: #fff;}
.order .order-ext-trigger.fn-more{bottom: -26px;}
.order .order-detail-container{width: 685px;position: relative; z-index: 1; color: #000; font: 12px/1.5 tahoma,arial,宋体;padding-bottom: 20px; padding-left: 23px;}
.order .order-detail-container.hide{ display: none;}
.order .order-detail-container table .sub-th{white-space: nowrap; width: 66px; text-align: left;}
.order .order-detail-container table td{word-wrap: break-word;}
.order .order-pay { height: 30px; overflow: hidden; padding-top: 15px; color: #000; font-size: 18px; float: left; display: inline-block;}
.order .pay-price{ height: 30px; overflow: hidden; padding-top: 8px; float: right; display: inline-block;}
.order .pay-price strong{ font-size: 22px; line-height: 22px; color: #f60;}

/* 新版扫码页面样式 */
.scan-pay { overflow: hidden; position: relative; z-index: 1; width: 1200px; min-height: 460px; background-color: #fff;  text-align: center;}

.qrcode-area .qrcode-header { display: block; width: auto; padding: 0; margin: 75px auto 15px; font-size: 14px;}
.qrcode-area .qrcode-header .qrcode-header-money { font-size: 26px; font-weight: 700; color: #f60; margin-top: 10px;}
.qrcode-area .qrcode-img-wrapper { position: relative; width: 170px; height: auto; min-height: 170px; margin: 0 auto; padding: 6px; border: 1px solid #d3d3d3; -webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc;}
.qrcode-area .qrcode-img-area { width: 170px; height: 170px; text-align: center;}
.qrcode-area .qrcode-img-area img{ width:168px; height:168px;}
.qrcode-area .qrcode-img-explain { padding: 10px 0 6px;}
.qrcode-area .qrcode-img-explain img { margin-left: 20px; margin-top: 5px; float: left;}
.qrcode-area .qrcode-img-explain div { margin-left: 10px; text-align: left; float: left;font-size:12px;line-height:14px;margin-top:5px}
.qrcode-foot { height: 65px; padding: 10px 0; text-align: center;}
.qrcode-downloadApp,.qrcode-downloadApp:hover,.qrcode-downloadApp:active,.qrcode-explain a.qrcode-downloadApp:hover { font-size: 12px; color: #a6a6a6; text-decoration: underline;}

.qrguide-area { position: absolute; top: 62px; left: 50%; width: 204px; height: 183px; margin-left: 95px; cursor: pointer;}
.qrguide-area .qrguide-area-img { display: block; position: absolute; bottom: 0; left: 0; z-index: -1;}
.qrguide-area .qrguide-area-img.active { z-index: 10;}
.qrguide-area .qrguide-area-img.background { z-index: 9;}