﻿.navigation {
    height: 46px;
    margin-bottom: 20px;
    background: #008C95;
    min-width: 1200px;
}

    .navigation ul li {
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
    }

    .navigation ul a {
        padding: 0 20px;
        line-height: 46px;
        font-size: 14px;
        color: #fff;
        display: inline-block;
        text-decoration: none;
    }

        .navigation ul a:hover {
            background: #127308;
        }

    .navigation ul .current a, .navigation ul li a.active {
        background: #0e5c06;
    }

body {
    background-color: #fff;
}

.navigation ul.navigatul {
    margin: 0 auto;
    padding: 0;
    width: 1180px;
}

.grid-col-container {
    margin-bottom: 10px;
    padding: 0 10px;
    margin-top: 10px;
}

.me-left-menu h3 {
    color: #333;
    font-size: 18px;
    line-height: 14px;
    margin-bottom: 20px;
}

.me-left-menu {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    font-size: 13px;
    overflow: hidden;
    position: relative;
}

    .me-left-menu .me-menu-header {
        border-bottom: medium none;
        color: #333;
        margin: 0;
        padding: 15px 10px 5px;
        position: relative;
    }

.col-left-buyer {
    float: left;
    width: 20%;
}

.col-right-buyer {
    float: right;
    width: 80%;
}

.me-left-menu .me-menu-body {
    margin: 7px 0 15px;
}

    .me-left-menu .me-menu-body .cate-name {
        line-height: 30px;
    }

    .me-left-menu .me-menu-body .me-current-title {
        background-color: #f2f2f2;
        border-left: 3px solid #008C95;
    }

.me-menu-body .cate-name span {
    position: relative;
    display: block;
    height: 36px;
    line-height: 34px;
    cursor: pointer;
    border: 1px solid #fff;
    border-right: 0 none;
    -webkit-tap-highlight-color: transparent;
}

    .me-menu-body .cate-name span a {
        color: #333;
    }

        .me-menu-body .cate-name span a em {
            font-style: normal;
            font-size: 12px;
        }

.me-menu-body .cate-name.me-current-title span a, .me-left-menu .me-menu-body .cate-name:hover span a {
    text-decoration: none;
    color: #ff9900;
}

.me-left-menu .me-menu-body .cate-name:hover span:hover {
    border-color: #e9e9e9;
}

.me-menu-body .cate-name span {
    padding-left: 40px;
}

    .me-menu-body .cate-name span:before {
        background: url(../images/header-sprite.png) no-repeat 0 -314px;
        display: block;
        position: absolute;
        left: 10px;
        top: 7px;
        content: ' ';
        width: 20px;
        height: 20px;
        vertical-align: top;
    }

.me-left-menu .me-menu-body .me-current-title span {
    padding-left: 37px;
    border-color: #e9e9e9;
}

.me-menu-body .cl-item-all:hover span:before, .me-menu-body .me-current-title.cl-item-all span:before {
    background-position: 0 -364px;
}

.me-menu-body .cl-item-Payment span:before {
    background-position: -50px -312px;
}

.me-menu-body .cl-item-Payment:hover span:before, .me-menu-body .me-current-title.cl-item-Payment span:before {
    background-position: -50px -362px;
}

.me-menu-body .cl-item-Status span:before {
    background-position: -100px -312px;
}

.me-menu-body .cl-item-Status:hover span:before, .me-menu-body .me-current-title.cl-item-Status span:before {
    background-position: -100px -362px;
}

.me-menu-body .cl-item-Delivery span:before {
    background-position: -145px -312px;
}

.me-menu-body .cl-item-Delivery:hover span:before, .me-menu-body .me-current-title.cl-item-Delivery span:before {
    background-position: -145px -362px;
}

.me-menu-body .cl-item-Transaction span:before {
    background-position: -201px -312px;
}

.me-menu-body .cl-item-Transaction:hover span:before, .me-menu-body .me-current-title.cl-item-Transaction span:before {
    background-position: -201px -362px;
}

.me-menu-body .cl-item-Address span:before {
    background-position: -301px -312px;
}

.me-menu-body .cl-item-Address:hover span:before, .me-menu-body .me-current-title.cl-item-Address span:before {
    background-position: -301px -362px;
}

.me-menu-body .cl-item-Balance span:before {
    background-position: -346px -312px;
}

.me-menu-body .cl-item-Balance:hover span:before, .me-menu-body .me-current-title.cl-item-Balance span:before {
    background-position: -346px -362px;
}

.me-menu-body .cl-item-Coupons span:before {
    background-position: -400px -312px;
}

.me-menu-body .cl-item-Coupons:hover span:before, .me-menu-body .me-current-title.cl-item-Coupons span:before {
    background-position: -400px -362px;
}

.me-menu-body .cl-item-Profile span:before {
    background-position: -450px -312px;
}

.me-menu-body .cl-item-Profile:hover span:before, .me-menu-body .me-current-title.cl-item-Profile span:before {
    background-position: -450px -362px;
}

.me-menu-body .cl-item-Password span:before {
    background-position: -497px -312px;
}

.me-menu-body .cl-item-Password:hover span:before, .me-menu-body .me-current-title.cl-item-Password span:before {
    background-position: -497px -362px;
}

.me-menu-body .cl-item-Message span:before {
    background-position: -246px -314px;
}

.me-menu-body .cl-item-Message:hover span:before, .me-menu-body .me-current-title.cl-item-Message span:before {
    background-position: -246px -364px;
}

.me-menu-body .cl-item-Experience span:before {
    background-position: -551px -312px;
}

.me-menu-body .cl-item-Experience:hover span:before, .me-menu-body .me-current-title.cl-item-Experience span:before {
    background-position: -551px -362px;
}

.me-menu-body .cl-item-Invite span:before {
    background-position: -600px -312px;
}

.me-menu-body .cl-item-Invite:hover span:before, .me-menu-body .me-current-title.cl-item-Invite span:before {
    background-position: -600px -362px;
}

.me-menu-body .cl-item-quote span:before {
    background-position: 0 -424px;
}

.me-menu-body .cl-item-assem span:before {
    background-position: 0 -616px;
}

.me-menu-body .cl-item-bom span:before {
    background-position: 0 -518px;
}

.me-menu-body .cl-item-electronic span:before {
    background-position: 0 -474px;
}

.me-menu-body .cl-item-paste span:before {
    background-position: -48px -568px;
}


p.ui-notice.ui-notice-normal.ui-notice-alert {
    background-color: #fffaee;
    border: 1px solid #fff2d2;
    padding: 5px 30px 5px 10px;
    position: relative;
}

p.ui-notice.ui-notice-normal {
    background: #fff url("../images/sprite-notice-addon.png") no-repeat scroll 0 0;
}

    p.ui-notice.ui-notice-normal.ui-notice-alert {
        background-position: -35px -37px;
        padding-left: 34px;
    }

.ui-notice {
    font-size: 12px;
    line-height: 18px;
}

.me-info-block {
    height: 70px;
}

.me-custom-photo {
    float: left;
    position: relative;
    width: 85px;
}

    .me-custom-photo .mask, .me-custom-photo img {
        border-radius: 34px;
        height: 70px;
        width: 70px;
    }

    .me-custom-photo .mask {
        display: none;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 3;
    }

.me-custom-level {
    float: left;
    margin-top: 10px;
    width: 608px;
}

    .me-custom-level .personal-name {
        margin-bottom: 10px;
    }

        .me-custom-level .personal-name span {
            font-size: 18px;
        }

            .me-custom-level .personal-name span a {
                color: #333;
                padding-right: 10px;
            }

    .me-custom-level a:hover {
        text-decoration: none;
    }

.membership32 {
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    width: 22px;
}

.membershipRound {
    background-color: #fd8c00;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    text-align: center;
}

.me-custom-level .personal-feedback {
    color: #999;
    cursor: pointer;
    float: left;
}

.me-custom-level a label, .personal-messages span {
    color: #999;
}

.me-custom-level .personal-feedback label {
    cursor: pointer;
}

.me-custom-level .personal-feedback a label:hover, .me-custom-level .personal-feedback a span, .me-custom-level .personal-messages a span:hover, .me-custom-level span em {
    color: #f60;
    font-style: normal;
}

.me-custom-level .personal-feedback a span {
    margin-left: 0;
}

.me-custom-level .personal-messages {
    color: #999;
    float: left;
    margin-left: 15px;
}

.personal-messages span {
    margin-left: 2px;
}

.personal-other {
    float: right;
    margin-top: 30px;
}

    .personal-other .coupouns {
        border: 1px solid #dcdcdc;
        border-radius: 3px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }

        .personal-other .coupouns a {
            color: #333;
            text-decoration: none;
        }

        .personal-other .coupouns span {
            color: #f60;
            font-weight: 700;
            margin: 0 4px;
        }

.me-info-details {
    margin-bottom: 20px;
    background: #fafafa;
    border: 1px #e8e8e8 solid;
    border-top: 0;
    color: #666;
}

    .me-info-details ul {
        margin: 20px 0;
        float: left;
    }

    .me-info-details li {
        float: left;
        width: 156px;
        background: url(../images/fbliebiao.png) no-repeat top right;
    }

        .me-info-details li.last {
            background: 0 0;
            width: 158px;
        }

    .me-info-details span {
        display: inline-block;
        width: 156px;
        text-align: center;
    }

    .me-info-details li a {
        color: #333;
        text-decoration: none;
    }

        .me-info-details li a:hover {
            color: #f60;
        }

    .me-info-details span.v {
        color: #f60;
        font-size: 20px;
        margin-bottom: 5px;
        height: 24px;
        line-height: 24px;
        display: block;
    }

        .me-info-details span.v.zero {
            color: #333;
        }

.product-section .section-head {
    background: #fafafa none repeat scroll 0 0;
    height: 50px;
    line-height: 50px;
    padding-left: 16px;
}

.product-section .title-strong {
    font-weight: bold;
    margin-right: 3px;
}

.col-lg-4 {
    width: 33.3333%;
}

.product-section {
    background: #fff;
    border: 1px solid #e8e8e8;
}

    .product-section .product-col {
        display: inline-block;
        vertical-align: top;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

        .product-section .product-col .product-category {
            padding: 10px 0;
        }

            .product-section .product-col .product-category .category-title {
                color: #999;
                font-weight: 600;
                margin: 3px 0 6px 15px;
                font-size: 12px;
            }

    .product-section .product-item {
        background: #f9fafc none repeat scroll 0 0;
        color: #333;
        display: block;
        height: 36px;
        line-height: 36px;
        margin: 8px;
        padding-left: 35px;
        text-decoration: none;
    }

    .product-section .product-col .product-category ul > li {
        -o-transition: all 0.3s, 0.3s;
        -ms-transition: all 0.3s, 0.3s;
        -moz-transition: all 0.3s, 0.3s;
        -webkit-transition: all 0.3s, 0.3s;
        position: relative;
    }

        .product-section .product-col .product-category ul > li:hover {
            background: #f1f1f1;
        }

        .product-section .product-col .product-category ul > li a {
            color: #333;
            text-decoration: none;
            display: inline-block;
            height: 100%;
            width: 100%;
        }

    .product-section .product-item:before {
        background: url(../images/header-sprite.png) no-repeat 0 -424px;
        display: block;
        position: absolute;
        left: 10px;
        top: 7px;
        content: ' ';
        width: 20px;
        height: 20px;
        vertical-align: top;
    }

    .product-section .product-item.standard-pcb:before {
        background-position: 0 -471px;
    }

    .product-section .product-item.prototype-pcb:before {
        background-position: 0 -517px;
    }

    .product-section .product-item.pcb-stencil:before {
        background-position: 0 -563px;
    }

    .product-section .product-item.pcb-assem:before {
        background-position: 0 -616px;
    }

    .product-section .product-item.free-universal:before {
        background-position: -48px -425px;
    }

    .product-section .product-item.sponsorships:before {
        background-position: -48px -470px;
    }

    .product-section .product-item.pcb-capability:before {
        background-position: -48px -566px;
    }

    .product-section .product-item.stm-capability:before {
        background-position: -48px -615px;
    }

    .product-section .mc-content {
        overflow: visible;
    }

.show-cont {
    display: block;
    margin: 20px 10px 0;
}

    .show-cont .show-item {
        border: 1px solid #f5f5f5;
        margin: 0 auto 20px;
        overflow: hidden;
        width: 218px;
    }

    .show-cont .show-list {
        float: left;
        width: 24.9%;
    }

img.err-product {
    background: transparent url("../images/error-pcbway.gif") no-repeat scroll 50% 50%;
}

.show-cont .show-item .s-tit {
    height: 1.5em;
    line-height: 1.5em;
    margin: 10px;
    font-weight: 700;
    overflow: hidden;
}

    .show-cont .show-item .s-tit a {
        color: #333;
    }

.show-cont .show-item .s-comment {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 20px 10px;
}

    .show-cont .show-item .s-comment .s-comm-text {
        color: #666;
        line-height: 18px;
    }

        .show-cont .show-item .s-comment .s-comm-text a {
            color: #666;
        }

show-cont .show-item .s-comment .s-comm-text a:hover {
    color: #ff9900;
}

.show-cont .show-item .s-comment .s-comm-username {
    margin-bottom: 5px;
}

.loading-more {
    padding: 15px;
}

    .loading-more a {
        display: block;
        border: 1px solid #393939;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #323232;
        background: #fff;
    }

        .loading-more a:hover {
            background: #f5f5f5;
            text-decoration: none;
        }

.section-head .extra-r .show-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background: #008C95;
    font-weight: 700;
    color: #fff;
    padding: 7px 15px;
    height: 28px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 20px;
}

    .section-head .extra-r .show-btn:hover {
        text-decoration: none;
        background: #1f9f74;
    }

.section-head .extra-r {
    margin-top: 10px;
    height: 30px;
}

.me-left-menu .me-menu-body .me-menu-title {
    line-height: 30px;
    padding-left: 15px;
}

.me-left-menu .me-menu-body a, .me-left-menu .me-menu-body a:visited {
    color: #666;
    font-size: 12px;
    display: block;
    height: 36px;
    line-height: 34px;
}

    .me-left-menu .me-menu-body a:hover {
        color: #ff9900;
        text-decoration: none;
    }
/*bom-list*/
.grid-col-container dl.bom-list {
    background-color: #fff;
    width: 220px;
    margin-top: 10px;
}

    .grid-col-container dl.bom-list a.active {
        background-color: #eee;
        color: #ff9900;
    }

    .grid-col-container dl.bom-list a {
        position: relative;
        display: block;
        color: #666;
        line-height: 30px;
        height: 30px;
        cursor: pointer;
        padding: 0 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none;
    }

        .grid-col-container dl.bom-list a:hover {
            text-decoration: none;
            background-color: #eee;
            color: #ff9900;
        }

    .grid-col-container dl.bom-list .create-wish-list a {
        color: #ccc;
        line-height: 34px;
    }

    .grid-col-container dl.bom-list .menu-separator {
        border-top: 1px solid #ddd;
        padding: 5px 15px 0;
        height: 40px;
        line-height: 30px;
        font-weight: bold;
        margin-top: 10px;
    }

.content-title h2 {
    font-size: 20px;
    padding: 5px 0 15px;
}

.buyer-content .action-bar {
    border-bottom: 1px solid #ddd;
    padding: 15px;
}

    .buyer-content .action-bar .actions {
        float: left;
    }

    .buyer-content .action-bar .action-btns {
        float: right;
        position: relative;
    }

.buyer-content {
    background: #fff none repeat scroll 0 0;
    width:96%;
    margin: 2% auto;
}

.ui-split-button-medium .ui-split-button-trigger span {
    display: inline-block;
    width: 0;
    height: 0;
    _line-height: 0;
    border-top: 4px solid;
    border-right: 4px dashed transparent;
    border-left: 4px dashed transparent;
}

.ui-split-button-medium .ui-split-button-trigger {
    font-size: 12px;
    padding: 10px 0;
}

.ui-dropdown-menu {
    position: absolute;
    padding: 5px 0;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-box-shadow: 3px 0px 4px rgba(0,0,0,.13);
    -moz-box-shadow: 3px 0px 4px rgba(0,0,0,.13);
    box-shadow: 3px 0px 4px rgba(0,0,0,.13);
}

    .ui-dropdown-menu ul {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 295px;
    }

    .ui-dropdown-menu li {
        line-height: 21px;
        list-style: none outside none;
        font-size: 12px;
        color: #333;
        white-space: nowrap;
        padding: 0 16px 0 10px;
        margin-left: 0;
        cursor: default;
    }

        .ui-dropdown-menu li:hover {
            background: #49f;
            color: #fff;
        }

.ui-dropdown {
    right: 0;
    top: -53px;
}

.buyer-content .action-bar .action-btns .js-edit {
    padding: 3px 10px;
    margin-left: 10px;
}

.buyer-content .action-bar .actions .total .total-price {
    color: #c00;
    font-size: 22px;
}

.bomlist .config-heading {
    background-color: #f3f3f3;
    height: 36px;
    overflow: hidden;
}

    .bomlist .config-heading div {
        color: #333;
        float: left;
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        text-align: left;
        padding-left: 10px;
    }

        .bomlist .config-heading div.fore1 {
            width: 170px;
        }

        .bomlist .config-heading div.fore2 {
            width: 170px;
        }

        .bomlist .config-heading div.fore3 {
            width: 120px;
        }

        .bomlist .config-heading div.fore4 {
            width: 110px;
        }

        .bomlist .config-heading div.fore6 {
            width: 110px;
        }

        .bomlist .config-heading div.fore5 {
            width: 120px;
            padding-left: 20px;
        }
        .bomlist .config-heading div.fore7 {
            width: 100px;
        }

.bomlist .image img {
    max-height: 80px;
    max-width: 80px;
    vertical-align: middle;
}

.bomlist dd {
    border-bottom: 1px solid #f2f2f2;
    padding: 15px;
}

.bomlist .image {
    float: left;
    position: relative;
    margin-right: 20px;
    width: 98px;
    position: relative;
    color: #C00;
}

    .bomlist .image i {
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0;
    }

.bomlist .c-name {
    float: left;
    width: 160px;
    overflow: hidden;
    margin-right: 4px;
}

.bomlist .pinpai {
    float: left;
    width: 170px;
    overflow: hidden;
    margin-right: 5px;
    padding-left: 10px;
}

.bomlist .c-amount {
    float: left;
    width: 120px;
    overflow: hidden;
    padding-left:10px;
}
.bomlist .c-unitprice {float:left; padding-left:10px; width:100px;}
.bomlist .c-price {
    color: #c00;
    float: left;
    width: 110px;
    overflow: hidden;
     padding-left:10px;
}

.bomlist .action {
    float: left;
    width: 100px;
    font-weight: normal;
}

    .bomlist .action h3 {
        color: #999;
        font-size: 13px;
        padding: 5px 0;
    }

    .bomlist .action p {
        margin: 0px 0 10px 0;
    }

    .bomlist .action .remove {
        display: inline-block;
    }

    .bomlist .action .move {
        background-position: -156px -48px;
    }

    .bomlist .action .move {
        display: inline-block;
        line-height: 20px;
        padding-right: 18px;
        text-decoration: none;
    }

.other-wish-list {
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff;
    max-height: 300px;
    overflow-y: auto;
    display: none;
}

    .other-wish-list a {
        display: block;
        line-height: 34px;
        color: #000;
        max-width: 220px;
        min-width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 0 10px;
        text-decoration: none;
    }

        .other-wish-list a:hover {
            background-color: #f2f2f2;
            color: #f70;
        }

.create-wish-list-wrapper {
    display: none;
    padding: 0 10px;
    white-space: normal;
}

.create-wish-list-input {
    box-sizing: content-box;
    margin: 4px 0;
    width: 120px;
}

.bomlist .price-out {
    background: #eaeaea none repeat scroll 0 0;
}

.bomlist dd.price-out {
    color: #999;
}

    .bomlist dd.price-out .image img {
        opacity: .3;
        filter: alpha(opacity=30);
    }

    .bomlist dd.price-out .image label, .bomlist dd.price-out .image span {
        position: absolute;
        display: none;
        width: 100%;
        height: 100%;
        line-height: 95px;
        color: #fff;
        left: 0;
        bottom: 0;
        display: block;
    }

    .bomlist dd.price-out .image span {
        opacity: .5;
        filter: alpha(opacity=50);
        background: #000;
    }
/*page*/
.SearchResultsPaging {
    font-size: 13px;
    font-weight: bold;
    padding: 10px 15px;
    background: #f9f9f9;
}

    .SearchResultsPaging a:link, .SearchResultsPaging a:visited, .SearchResultsPaging a:hover, .SearchResultsPaging a:active {
        color: #ff9900;
        padding: 2px 4px;
        text-decoration: none;
    }

    .SearchResultsPaging a:hover {
        color: #fff;
        background-color: #999;
    }

#pages a#pageactive {
    background: #008C95 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    padding: 2px 4px;
}

.buyer-content .uploadbom-paste {
    padding: 15px;
    font-size: 12px;
}

    .buyer-content .uploadbom-paste p {
        margin-bottom: 12px;
    }

    .buyer-content .uploadbom-paste .formFields label {
        color: #333;
        font-weight: bold;
        margin: 0.2em 0 14px;
        padding: 1px 0 0;
        display: block;
        text-align: left;
    }

    .buyer-content .uploadbom-paste .uploadFile {
        height: auto;
        margin-bottom: 18px;
        position: relative;
        width: 100%;
        z-index: 1;
        margin-top: 12px;
    }

.formFields div.clearBoth {
    margin-top: 0.2em;
    float: left;
    margin-right: 20px;
}

.uploadFile input.upbfile {
    float: left;
    border: 1px solid #cccccc;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    padding: 10px 5px;
    vertical-align: middle;
}

.formFields input.ui-button-medium {
    padding: 8px 30px;
}

#BreadBOM {
    margin: 0 0 12px;
}

    #BreadBOM li {
        display: inline;
    }

        #BreadBOM li.disabled span {
            color: #aaa;
        }

        #BreadBOM li.selected span {
            font-weight: 700;
        }

#bomTableWrap h3.tableHeader {
    font-size: 13px;
    font-weight: normal;
    margin: 8px 0;
    color: #333;
}

#bomTableWrap table.BomAccount {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

    #bomTableWrap table.BomAccount th {
        background: #d1e1e6 none repeat scroll 0 0;
        border-right: 1px solid #ccc;
        padding: 8px;
        text-align: left;
    }

    #bomTableWrap table.BomAccount td {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 20px 10px;
        vertical-align: top;
        text-align: left;
    }

#quickPasteArea {
    height: 150px;
    margin: 0 0 15px;
    width: 220px;
}

#bomTableWrap table.BomAccount td.me-ui-nomarl-link a {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 400px;
    overflow: hidden;
}

.Paste-message-content {
    background-color: #f2f2f2;
    border-radius: 5px;
    margin-top: 10px;
    display: inline-block;
    padding: 12px;
    position: relative;
}

    .Paste-message-content pre {
        white-space: pre-wrap;
        word-wrap: break-word;
    }

.grid-col-container h3.page-title {
    font-size: 18px;
    padding-top: 10px;
}

.grid-col-container .me-ui-box {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    padding: 15px;
}

#status-filter {
    margin-left: -30px;
}

    #status-filter ul li {
        display: inline-block;
        margin-left: 30px;
    }

        #status-filter ul li a {
            color: #333;
        }

        #status-filter ul li.disable a {
            color: #999;
        }

        #status-filter ul li a:hover, #status-filter ul li a:hover span.num {
            text-decoration: none;
            color: #ff9900;
        }

        #status-filter ul li.active a {
            color: #ff9900;
        }

            #status-filter ul li.active a span.num {
                color: #ff9900;
            }

.order-list-search label.first-label {
    margin-left: 0;
}

.order-list-search label {
    margin-left: 15px;
}

    .order-list-search label span {
        color: #999;
        margin-right: 3px;
    }

    .order-list-search label input {
        border: 1px solid #ccc;
        border-radius: 4px;
        height: 22px;
        line-height: normal;
        overflow: visible;
        width: 150px;
    }

.order-list-search .search-btn {
    height: 22px;
    border: 1px solid #008C95;
    background: #008C95;
    color: #fff;
    paddin: 0 10px;
    line-height: 22px;
    border-radius: 4px;
}

#buyer-ordertable {
    table-layout: fixed;
    width: 100%;
    font-size: 12px;
}

    #buyer-ordertable col.selector {
        width: 52px;
    }

    #buyer-ordertable col.product-name {
        width: 330px;
    }

    #buyer-ordertable col.product-action {
        width: 178px;
    }

    #buyer-ordertable col.order-status {
        width: 150px;
    }

    #buyer-ordertable col.order-action {
        width: 198px;
    }

    #buyer-ordertable tbody tr.order-head {
        background-color: #f2f2f2;
    }

        #buyer-ordertable tbody tr.order-head td {
            padding: 15px 0;
        }

    #buyer-ordertable thead {
        background-color: #f2f2f2;
        border-bottom: 2px solid #fff;
    }

        #buyer-ordertable thead th {
            padding: 15px 0;
            text-align: left;
        }

    #buyer-ordertable th {
        font-weight: 400;
    }

    #buyer-ordertable tbody tr.order-head td.store-info, #buyer-ordertable thead th.order-status, #buyer-ordertable thead th.product-action {
        padding-left: 10px;
    }

    #buyer-ordertable tbody tr.order-head td p span.info-subtitle {
        color: #999;
    }

    #buyer-ordertable tbody tr.order-head td p span.info-body {
        color: #333;
    }

    #buyer-ordertable tbody tr.order-head td p a {
        text-decoration: none;
    }

    #buyer-ordertable tbody tr.order-head td p.second-row {
        padding-top: 5px;
    }

    #buyer-ordertable tbody tr.order-head td.order-amount .amount-body {
        float: left;
    }

    #buyer-ordertable tbody tr.order-head td.order-amount p.amount-title {
        color: #333;
    }

    #buyer-ordertable tbody tr.order-head td.order-amount p.amount-num {
        color: #e62e04;
        font-size: 16px;
        padding-top: 3px;
    }

    #buyer-ordertable tbody tr.order-head td.order-amount .delete-order {
        float: right;
        margin-right: 15px;
        background: url("../images/header-sprite.png") no-repeat scroll -166px -2px;
        width: 20px;
        height: 20px;
    }

        #buyer-ordertable tbody tr.order-head td.order-amount .delete-order:hover {
            cursor: pointer;
            float: right;
            margin-right: 15px;
            background: url("../images/header-sprite.png") no-repeat scroll -166px -26px;
            width: 20px;
            height: 20px;
        }

    #buyer-ordertable tbody tr.order-body a {
        text-decoration: none;
    }

    #buyer-ordertable tbody tr.order-body td {
        vertical-align: top;
        padding-top: 15px;
    }

        #buyer-ordertable tbody tr.order-body td.product-sets div {
            display: inline-block;
        }

            #buyer-ordertable tbody tr.order-body td.product-sets div.product-left {
                vertical-align: top;
                width: 82px;
                padding: 0 10px;
            }

                #buyer-ordertable tbody tr.order-body td.product-sets div.product-left img {
                    width: 60px;
                    border: 1px solid #eee;
                }

            #buyer-ordertable tbody tr.order-body td.product-sets div.product-right {
                width: 293px;
                word-wrap: break-word;
            }

                #buyer-ordertable tbody tr.order-body td.product-sets div.product-right p {
                    margin: 0 0 5px;
                    color: #333;
                }

                    #buyer-ordertable tbody tr.order-body td.product-sets div.product-right p > a {
                        color: #333;
                    }

                #buyer-ordertable tbody tr.order-body td.product-sets div.product-right .product-snapshot {
                    font-weight: 700;
                    color: #ff9900;
                }

                #buyer-ordertable tbody tr.order-body td.product-sets div.product-right p.product-amount {
                    margin-top: 15px;
                }

                    #buyer-ordertable tbody tr.order-body td.product-sets div.product-right p.product-amount em {
                        color: #999;
                        font-style: normal;
                    }

                    #buyer-ordertable tbody tr.order-body td.product-sets div.product-right p.product-amount .order-code {
                        border: 1px dashed #5f97b7;
                        padding: 2px 4px;
                        font-size: 11px;
                        margin-right: 4px;
                    }

                #buyer-ordertable tbody tr.order-body td.product-sets div.product-right p.product-memo {
                    color: #999;
                    margin-bottom: 15px;
                    margin-top: 10px;
                }

        #buyer-ordertable tbody tr.order-body td.product-action a {
            display: block;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        #buyer-ordertable tbody tr.order-body td.order-status {
            text-align: center;
        }

        #buyer-ordertable tbody tr.order-body td.order-action {
            text-align: center;
        }

            #buyer-ordertable tbody tr.order-body td.order-action a.button-pay {
                color: #fff;
            }

            #buyer-ordertable tbody tr.order-body td.order-action a.ui-button {
                display: block;
                width: 140px;
                margin-bottom: 10px;
                line-height: 21px;
            }

            #buyer-ordertable tbody tr.order-body td.order-action p {
                margin: 10px 0 0 0;
            }

        #buyer-ordertable tbody tr.order-body td.product-sets div.product-right p.product-warranty span.warranty-service {
            color: #333;
            font-weight: 700;
            padding-left: 5px;
        }

    #buyer-ordertable tbody.last-tbody tr:last-child td {
        border-bottom: 1px solid #f2f2f2;
    }

    #buyer-ordertable tbody tr.order-head td.store-info, #buyer-ordertable thead th.order-status, #buyer-ordertable thead th.product-action {
        padding-left: 10px;
    }

    #buyer-ordertable tbody tr.order-body td.order-action, #buyer-ordertable tbody tr.order-head td.order-amount, #buyer-ordertable thead th.order-action {
        padding-left: 15px;
    }

    #buyer-ordertable tbody tr.order-body td.product-sets {
        border-right: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
    }

    #buyer-ordertable tbody tr.order-body td.product-action {
        border-right: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        padding-left: 10px;
    }

    #buyer-ordertable tbody tr.order-body td.order-status {
        border-right: 1px solid #f2f2f2;
        padding-left: 10px;
    }

    #buyer-ordertable tbody tr.order-body td.order-action, #buyer-ordertable tbody tr.order-body td.order-status {
        border-bottom: 1px solid #f2f2f2;
    }

.sell-sp-main {
    margin-top: 5px;
}

    .sell-sp-main .sp-icon {
        display: inline-block;
        margin-right: 4px;
        vertical-align: top;
        width: 18px;
        height: 16px;
        background: url(../images/seller-serve-icon.png) no-repeat 0 0;
    }

        .sell-sp-main .sp-icon.sp-5 {
            background-position: -150px -50px;
        }

        .sell-sp-main .sp-icon.sp-1 {
            background-position: -200px -50px;
        }

#buyer-ordertable tbody tr.order-body td.order-action button {
    display: block;
    margin-bottom: 10px;
    width: 140px;
}

.ui-progressbar {
    background: none repeat scroll 0 0 #E8E8E8;
    font-family: Tahoma;
    font-size: 11px;
    height: 13px;
    margin-right: 0;
    width: 165px;
    vertical-align: middle;
}

.ui-progressbar-status {
    background: none repeat scroll 0 0 #1cb24d;
    float: left;
    height: 100%;
    position: relative;
    line-height: 12px;
    width: 0;
    text-align: left;
    color: #fff;
}

#buyer-ordertable tbody tr.order-body td.product-action span.tec-progress {
    padding-left: 24px;
    position: relative;
    display: block;
    line-height: 24px;
    height: 24px;
    cursor: pointer;
    border: 1px solid #ccc;
    margin-top: 9px;
    width: 160px;
    border-radius: 2px;
}

span.tec-progress:before {
    background: url("../images/header-sprite.png") no-repeat scroll -201px -315px;
    display: block;
    position: absolute;
    left: 3px;
    top: 3px;
    content: ' ';
    width: 20px;
    height: 20px;
    vertical-align: top;
}

.pre-promos {
    background-position: -185px -25px;
    height: 18px;
    width: 80px;
    padding-top: 16px;
    line-height: 18px;
    text-align: center;
    margin: 2px 0 0;
}

    .pre-promos .promo-price {
        position: relative;
    }

        .pre-promos .promo-price em {
            color: #E94643;
        }

    .pre-promos .arrow {
        position: absolute;
    }

.promo-main .arrow {
    background-position: 0 -213px;
    display: block;
    height: 3px;
    position: absolute;
    right: 12px;
    top: 10px;
    width: 5px;
}

.promo-main.promo-hover .arrow {
    background-position: 0 -223px;
}

.promo-main {
    position: relative;
}

    .promo-main .promo-detail-tips {
        position: absolute;
        top: 23px;
        left: 0;
        border: 1px solid #ccc;
        background: #fff;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        color: #9c9c9c;
        padding: 6px;
        display: none;
        z-index: 4;
    }

    .promo-main.promo-hover .promo-detail-tips {
        display: block;
    }

.promo-main {
    margin-top: 5px;
}

#page.multiple-lan {
    margin: 20px auto 30px;
    background: #fff;
    padding: 20px;
}

.price-content .price-original {
    color: #9c9c9c;
    text-decoration: line-through;
}

.price-content em {
    font-style: normal;
}

.price-content .price-now {
    color: #3c3c3c;
    font-weight: 700;
    line-height: 20px;
}

.promo-promo .promo-content, .promo-seller .promo-content {
    border: 1px solid #ffe1d3;
    height: 23px;
    line-height: 23px;
    padding: 0 17px 0 0;
    position: relative;
    text-align: center;
    width: 75px;
}

.product-action .promo-main .promo-detail-tips {
    width: 300px;
}

.promo-promo .promo-content {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    color: #f40;
    background: #fff0e7;
}

#buyer-ordertable tbody tr.order-body td.order-action p.ji-zhang {
    margin-bottom: 4px;
}

.ji-zhang em {
    font-style: normal;
    color: #e62e04;
    font-weight: bold;
}

#buyer-ordertable tbody tr.order-head td.order-amount.price-changed p.amount-num {
    font-weight: 700;
    color: #333;
}

.havepayed {
    cursor: pointer;
    background: #fff;
    padding: 0 5px;
    margin-bottom: 10px;
}

    .havepayed li {
        margin-bottom: 3px;
        font-size: 11px;
        color: #777;
        text-align: right;
    }

        .havepayed li .value-no {
            color: #333;
            font-size: 11px;
            font-weight: bold;
            display: inline-block;
            width: 67px;
        }

            .havepayed li .value-no i {
                font-size: 15px;
                font-weight: normal;
            }

        .havepayed li .ji-zhang {
            display: inline-block;
            width: 67px;
            font-size: 12px;
        }

.order-cancel {
    width: 120px;
}

.order-status .ftx-02 {
    color: #71b247;
}

.order-status .tooltip .auto-icon {
    background: url("../images/seller-serve-icon.png") no-repeat scroll -150px -50px;
    display: inline-block;
    height: 16px;
    margin: 0 3px 0 0;
    overflow: hidden;
    vertical-align: middle;
    width: 19px;
}

.order-status .tooltip .circle-icon {
    background: url("../images/header-sprite.png") no-repeat scroll -639px -380px;
    display: inline-block;
    height: 9px;
    margin: 0 0 0 3px;
    overflow: hidden;
    vertical-align: middle;
    width: 9px;
}

.order-status .tooltip {
    cursor: pointer;
    margin: 3px auto;
    position: relative;
    width: 100px;
    z-index: 2;
}

.order-status .prompt-01 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 1px;
    box-shadow: 0 0 2px 2px #eee;
    position: absolute;
    width: 122px;
}

.order-status .tooltip .prompt-01 {
    cursor: auto;
    display: none;
    padding: 9px 9px 0;
    position: absolute;
    right: 90px;
    top: -22px;
    width: 400px;
    z-index: 1;
}

.prompt-01 .pc {
    background: #fff none repeat scroll 0 0;
    color: #333;
    overflow: hidden;
    padding: 10px;
    text-align: left;
}

.order-status .prompt-01 .pc {
    background: #fff none repeat scroll 0 0;
    color: #333;
    padding: 0;
    text-align: left;
}

.order-status .tooltip .prompt-01 .pc {
    min-height: 235px;
}

.prompt-01 .p-arrow {
    background: rgba(0, 0, 0, 0) url("../images/arrow-gray.png") no-repeat scroll 0 0;
    position: absolute;
}

.order-status .prompt-01 .p-arrow-left {
    background-position: -7px 0;
    height: 16px;
    right: -8px;
    top: 25px;
    width: 8px;
}

.order-status .prompt-01 .p-tit {
    border-bottom: 1px solid #e3e3e3;
    height: 40px;
    color: #999;
    line-height: 18px;
    padding: 0 0 0 20px;
}

    .order-status .prompt-01 .p-tit span {
        color: #333;
        font-weight: 700;
    }

.order-status .prompt-01 .logistics-cont {
    margin-bottom: 20px;
    margin-left: 15px;
    max-height: 410px;
    overflow-y: auto;
    padding-left: 5px;
    position: relative;
}

.prompt-01 .pc dd {
    overflow: hidden;
}

.order-status .prompt-01 .logistics-cont dd, .order-status .prompt-01 .logistics-cont dt {
    border-left: 1px solid #e3e3e3;
    overflow: visible;
    padding: 15px 0 0 15px;
    position: relative;
    width: 340px;
}

    .order-status .prompt-01 .logistics-cont dd.first {
        color: #e4393c;
    }

.order-status .status a {
    color: #333;
}

.ftx-13 {
    color: #aaa;
}

.order-status .prompt-01 .logistics-cont .node-icon {
    background: url("../images/seller-serve-icon.png") no-repeat scroll -17px 0;
    display: block;
    height: 8px;
    left: -4px;
    overflow: hidden;
    position: absolute;
    top: 21px;
    vertical-align: middle;
    width: 8px;
}

.order-status .prompt-01 .logistics-cont dd.first .node-icon {
    background-position: 0 0;
}

.order-status .tooltip .prompt-01 .pc .ui-notice {
    margin-bottom: 10px;
    margin-top: 5px;
}

.ui-notice-help .ui-notice-addon {
    background-color: #fff;
    background-position: -81px 7px;
    border: 1px solid #fec;
}

.flush-btn {
    margin-right: 10px;
}

#buyer-ordertable tbody tr.order-body td a.colorblack {
    color: #333;
    margin-top: 5px;
    display: block;
}

    #buyer-ordertable tbody tr.order-body td a.colorblack:hover {
        color: #ff4401;
    }

.navigation ul .ui-beacon-drop-hover a.dropdown-toggle {
    background: #fff none repeat scroll 0 0;
    color: #333;
}

.navigation ul .ui-beacon-drop-hover .ui-beacon-hollow-arrow b {
    border-top-color: #333;
}

.navigation ul .topbar-nav-list .topbar-nav-col {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}

.navigation .topbar-nav-list .topbar-nav-item .topbar-nav-item-title {
    margin: 3px 0px;
    color: #999;
    font-weight: 600;
}

.navigation .topbar-nav-list .topbar-nav-item .topbar-nav-gap {
    border-top: 1px solid #f2f2f2;
    width: 100%;
    margin: 6px 0 10px;
}

.navigation .topbar-nav-list .topbar-nav-item ul {
    padding: 0;
    margin: 8px 0 0 0;
    list-style: none;
    overflow: hidden;
}

    .navigation .topbar-nav-list .topbar-nav-item ul li {
        width: 210px;
        height: 36px;
        line-height: 36px;
        margin-bottom: 2px;
    }

        .navigation .topbar-nav-list .topbar-nav-item ul li a {
            display: block;
            height: 100%;
            padding: 0 10px;
            text-decoration: none;
            color: #333;
            line-height: 36px;
        }

        .navigation .topbar-nav-list .topbar-nav-item ul li.product-item a {
            background: #f9fafc;
        }

        .navigation .topbar-nav-list .topbar-nav-item ul li a:hover, .navigation .topbar-nav-list .topbar-nav-item ul li:hover {
            background-color: #f2f2f2;
        }

.navigation .topbar-nav-list .topbar-nav-item.product-section {
    border: 0 none;
    float: left;
    width: 240px;
}

.navigation .topbar-nav-list {
    width: 500px;
}

.pointHead {
    background-color: #f1f1f1;
    border: 2px solid #e2e2e2;
    padding: 28px 0;
}

    .pointHead .item-valid {
        border-right: 1px solid #e2e2e2;
        float: left;
        height: 100px;
        width: 265px;
    }

        .pointHead .item-valid span {
            display: block;
            text-align: left;
            text-indent: 60px;
        }

        .pointHead .item-valid .desc {
            color: #666;
            font-size: 18px;
            font-weight: 700;
            height: 24px;
            line-height: 24px;
        }

        .pointHead .item-valid .point {
            color: #288c29;
            font-size: 34px;
            font-weight: 700;
            height: 40px;
            line-height: 40px;
        }

    .pointHead .item-exchange {
        width: 610px;
        float: left;
        height: 100px;
    }

        .pointHead .item-exchange a {
            background: #ff9917 none repeat scroll 0 0;
            border-radius: 3px;
            color: #fff;
            display: block;
            font-size: 18px;
            height: 44px;
            line-height: 44px;
            margin: 28px auto;
            text-align: center;
            width: 260px;
        }

.pointContent {
    margin-top: 28px;
}

    .pointContent .masthead {
        background-color: #f1f1f1;
        border-color: #e3e3e3;
        border-style: solid;
        border-width: 1px 0;
        color: #999;
    }

        .pointContent .masthead span {
            border-right: 1px solid #e3e3e3;
            display: block;
            float: left;
            height: 32px;
            line-height: 32px;
            overflow: hidden;
            text-align: center;
        }

    .pointContent .what {
        width: 190px;
        text-align: center;
    }

    .pointContent .when {
        width: 200px;
        text-align: center;
    }

    .pointContent .notes {
        width: 480px;
        padding-left: 15px;
        border-right: 0 none !important;
        text-align: center;
    }

    .pointContent .item-list {
        border-top: 1px solid #f1f1f1;
        margin-top: 12px;
    }

        .pointContent .item-list li.item-pointli {
            padding: 20px 0;
            border-bottom: 1px solid #f1f1f1;
        }

            .pointContent .item-list li.item-pointli .when {
                color: #999;
                text-align: center;
                line-height: 20px;
            }

            .pointContent .item-list li.item-pointli div {
                float: left;
                overflow: hidden;
            }

            .pointContent .item-list li.item-pointli .what .plus {
                color: #b1000f;
            }

            .pointContent .item-list li.item-pointli .what .minus {
                color: #30992e;
            }

            .pointContent .item-list li.item-pointli .what {
                font-size: 24px;
                font-weight: 700;
                line-height: 20px;
            }

            .pointContent .item-list li.item-pointli .notes {
                color: #999;
                line-height: 20px;
            }
/*share art*/
.titl-member {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
}

    .titl-member h1 {
        font-size: 20px;
    }

.publishOrder li {
    margin-bottom: 15px;
}

    .publishOrder li p {
        color: #858585;
        margin: 4px 0;
    }

.rvielsit {
    margin-right: 10px;
    padding: 4px 15px;
}

.dpl-table th {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    color: #939393;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding: 3px 5px;
    text-align: left !important;
    vertical-align: top;
}

.dpl-table tbody td {
    border: 1px solid #e5e5e5;
    color: #333;
    font-size: 12px;
    padding: 14px 12px;
    vertical-align: top;
}

.tijiaore {
    padding: 0 5px;
}

.grid-col-container .me-ui-box .me-ui-box-row {
    color: #333;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
}

.message-textarea-section {
    margin-bottom: 10px;
    position: relative;
}

.message-detail-textarea {
    width: 710px;
}

.message-textarea-title {
    margin-bottom: 15px;
}

.message-textarea-section .message-detail-textarea {
    height: 230px;
    resize: none;
    margin-right: 0;
    border: 0;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.message-button-group .b-buton {
    width: 70px;
    background: #008C95;
    color: #fff;
    border: 1px solid #008C95;
    border-radius: 4px;
}

.message-list-header {
    border-bottom: 1px solid #e8e8e8;
}

    .message-list-header h3 {
        padding-top: 5px;
    }

.message-list {
    border-bottom: 1px solid #e8e8e8;
    min-height: 240px;
    padding-bottom: 15px;
}

.message-list-item {
    font-size: 12px;
    margin-top: 20px;
}

.col-xs-8 {
    float: left;
    width: 13.3333%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.col-xs-44 {
    float: left;
    width: 73.3333%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.message-list-header h3 {
    padding-bottom: 20px;
}

.message-buyer .message-content:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 100%;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid #ECFADC;
    border-bottom: 5px solid transparent;
}

.message-buyer .message-user-info {
    padding-left: 12px;
}

.message-seller .message-content-tip {
    float: left;
}

.message-buyer .message-content-tip {
    float: right;
}

.message-buyer .message-content {
    background-color: #ecfadc;
    float: right;
}

.message-content {
    border-radius: 5px;
    display: inline-block;
    padding: 12px;
    position: relative;
}

.message-user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 109.063px;
}

.message-date {
    color: #999;
}

.message-seller .message-content {
    background-color: #f2f2f2;
}

    .message-seller .message-content:before {
        content: "";
        position: absolute;
        top: 12px;
        right: 100%;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-right: 10px solid #F2F2F2;
        border-bottom: 5px solid transparent;
    }
/*setting-account*/
.setting-account input.ui-textfield {
    line-height: 29px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #ccc;
    text-indent: 10px;
    width: 300px;
}

.setting-account label {
    margin-bottom: 5px;
    display: block;
}

.setting-account li.py1 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.change_password_toggle {
    background-color: #828587;
    padding: 0 8px;
    font-size: 12px;
}

    .change_password_toggle:hover {
        background-color: #a9abac;
    }

.setting-account .grey-dark {
    color: #828587;
    display: block;
    font-size: 12px;
    line-height: 30px;
    text-indent: 10px;
}

.form-submit .b-buton {
    padding: 0 14px;
    height: 40px;
    background: #008C95;
    border: 1px solid #008C95;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

/*碌炉鲁枚*/
.all-wish-list {
    background: #fff;
    width: 230px;
    display: none;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-box-shadow: 2px 5px 8px rgba(0,0,0,.25);
    -webkit-box-shadow: 2px 5px 8px rgba(0,0,0,.25);
    box-shadow: 2px 5px 8px rgba(0,0,0,.25);
    z-index: 99;
    position: absolute;
}

    .all-wish-list li, .all-wish-list ul {
        margin: 0 !important;
        padding: 0;
        list-style: none;
    }

    .all-wish-list a {
        display: block;
        color: #000;
        line-height: 32px;
        padding: 0 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .all-wish-list a:hover {
            text-decoration: none;
            background-color: #f2f2f2;
        }

    .all-wish-list .create-wish-list a {
        color: #999;
        line-height: 34px;
    }

    .all-wish-list .create-wish-list-wrapper {
        padding: 0 10px;
        display: none;
        white-space: normal;
    }

    .all-wish-list .create-wish-list-input {
        width: 120px;
        box-sizing: content-box;
        margin: 4px 0;
    }

.wish-list .me-left-nav-bar .ui-button {
    margin: 4px 0;
}

.all-wish-list li em {
    font-style: normal;
}

.form-submit {
    margin-bottom: 50px;
}

.all-wish-list .wish-list-items li a {
    position: relative;
}

.all-wish-list .wish-list-items li span {
    color: #999;
    position: absolute;
    right: 10px;
    top: 0;
}

.settings-avatar-container {
    float: left;
    width: 80px;
    height: 80px;
    padding: 5px;
    margin-right: 20px;
    border: 1px solid #eee;
}

#avatar-upload {
    margin-bottom: 10px;
}

.inputfile {
    float: left;
    padding-top: 20px;
}

.cont-add {
    width: 100%;
    height: 50px;
}
/*order_detail*/
.order-detail-wrapper {
    margin: auto;
    width: 950px;
}

.reminder-section {
    border: 1px solid #f1d38b;
    padding: 15px;
    line-height: 12px;
}

    .reminder-section dl {
        font: 400 12px/24px arial;
        _position: relative;
    }

    .reminder-section dt {
        clear: left;
        float: left;
        width: 85px;
        text-align: right;
    }

    .reminder-section dd {
        margin-left: 90px;
        color: #666;
        _position: relative;
    }

        .reminder-section dd.order-status {
            color: #090;
            font-weight: 700;
        }

        .reminder-section dd.order-operate {
            margin-top: 10px;
            _margin-top: 5px;
            _padding-bottom: 1px;
        }

    .reminder-section .order-operate .ui-button-normal {
        margin-right: 7px;
        padding: 2px 4px;
    }

.countdown {
    display: inline-block;
    margin-left: 5px;
    padding-left: 10px;
    color: #ef651c;
    font-weight: 700;
}

.records-section {
    font: 400 12px/24px arial;
}

.ui-tab-content {
    border-top: 1px solid #ddd;
}

.user-shipping {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #eee;
    padding: 5px 10px;
    margin-top: 20px;
}

    .user-shipping li {
        line-height: 24px;
    }

    .user-shipping label {
        float: left;
        width: 140px;
        text-align: right;
        color: #666;
        font-weight: 700;
        padding-right: 5px;
    }

.ui-tab-content .ui-tab-pane {
    padding: 10px;
    display: none;
}

.records-section .ui-tab-pane {
    display: block;
    margin-bottom: 30px;
}

.copy-order-num {
    font-weight: 700;
    margin-top: 20px;
}

.product-table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
}

    .product-table td {
        border: 1px solid #E6E6E6;
        line-height: 1.5;
    }

    .product-table col.baobei {
        width: 295px;
    }

    .product-table col.price {
        width: 120px;
    }

    .product-table col.quantity {
        width: 65px;
    }

    .product-table col.amount {
        width: 84px;
    }

    .product-table col.trade-status {
        width: 240px;
    }

    .product-table col.shipping {
        width: auto;
    }

    .product-table .col-name th {
        background: #eaf4fe;
        color: #000;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-weight: normal;
    }

        .product-table .col-name th.baobei {
            text-align: left;
            padding-left: 10px;
        }

    .product-table .order-bd td {
        border-left-color: #E6E6E6;
        border-right-color: #E6E6E6;
        overflow: hidden;
        padding: 8px 5px;
        text-align: center;
        vertical-align: top;
    }

    .product-table .order-bd .baobei, .product-table .order-bd .price, .product-table .order-bd .quantity, .product-table .order-bd .amount, .product-table .order-bd .trade-status {
        border-left: none;
        border-right: none;
    }

    .product-table .order-bd .shipping {
        border-right: none;
    }

    .product-table .order-bd .baobei, .product-table .order-bd .shipping {
        padding-left: 10px;
        padding-right: 0;
        text-align: left;
    }

    .product-table .baobei .pic {
        border: 1px solid #E9E9E9;
        margin-right: 10px;
        float: left;
    }

        .product-table .baobei .pic img {
            height: 50px;
            width: 50px;
        }

    .product-table .baobei .desc {
        display: block;
        overflow: hidden;
        width: 220px;
        word-wrap: break-word;
        margin-left: 60px;
    }

    .product-table .baobei .baobei-name {
        display: block;
        line-height: 18px;
        margin-top: -2px;
        overflow: hidden;
    }

    .product-table .baobei .spec {
        color: gray;
        line-height: 18px;
        max-height: 38px;
        overflow: hidden;
        margin-left: 60px;
    }

        .product-table .baobei .spec .p-color-image {
            width: 16px;
            height: 16px;
        }

    .product-table .baobei .seller-sign, .product-table .baobei .other-info {
        margin-left: 60px;
    }

    .product-table .baobei .spec span {
        margin-right: 5px;
    }

    .product-table .baobei .seller-sign {
        color: #009b00;
    }

    .product-table .shipping .order-target {
        padding-left: 0;
    }

.product-fees td {
    padding-right: 25px;
    text-align: left;
}

.product-table .comment-tr td {
    border: 0 none;
}

.product-table .comment-cell em {
    color: #666;
    margin-right: 5px;
    font-style: normal;
}

.product-table .comment-cell {
    color: #090;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 0;
}

.order-target {
    color: #f60;
    font-weight: 700;
    padding-left: 5px;
}

.fund-pnl .ui-box-normal-system {
    border: 1px solid #dae6f8;
    margin-bottom: 10px;
}

    .fund-pnl .ui-box-normal-system .ui-box-title {
        height: 32px;
        padding: 10px;
        line-height: 12px;
        font-size: 12px;
        font-weight: 700;
        background-color: #ebf3ff;
        border: 0;
    }

.ui-box-normal-system .ui-box-content {
    padding: 15px;
    line-height: 12px;
}

.fund-pnl .ui-box-primary {
    border: 3px solid #ccc;
}

.fund-table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

    .fund-table td {
        border: 1px solid #E6E6E6;
        border-left: none;
        border-right: none;
        border-bottom: none;
        line-height: 1.5;
    }

    .fund-table col.product-price {
        width: 120px;
    }

    .fund-table col.shipping-price {
        width: 120px;
    }

    .fund-table col.change-price {
        width: 120px;
    }

    .fund-table col.discount-price {
        width: 120px;
    }

    .fund-table col.order-price {
        width: 240px;
    }

    .fund-table col.fee {
        width: 80px;
    }

    .fund-table col.amount {
        width: auto;
    }

    .fund-table td.fee {
        font-weight: 700;
    }

    .fund-table td.amount {
        font-weight: 700;
        color: #bd1a1d;
    }

    .fund-table col.pay-c1 {
        width: 120px;
    }

    .fund-table col.pay-c2 {
        width: 120px;
    }

    .fund-table col.pay-c3 {
        width: 240px;
    }

    .fund-table col.pay-c4 {
        width: 240px;
    }

    .fund-table col.pay-c5 {
        width: auto;
    }

    .fund-table .col-name th {
        background-repeat: repeat-x;
        color: #000;
        height: 30px;
        text-align: center;
    }

    .fund-table .fund-bd td {
        overflow: hidden;
        padding: 8px 5px;
        text-align: center;
        vertical-align: top;
    }

    .fund-table .fund-bd .pay-c3 {
        overflow: visible;
    }

    .fund-table td.fee {
        font-weight: 700;
    }

    .fund-table td.amount {
        font-weight: 700;
        color: #bd1a1d;
    }

.shipping-table col.name {
    width: 150px;
}

.shipping-table col.no {
    width: 160px;
}

.shipping-table col.remark {
    width: 240px;
}

.shipping-table .col-name th {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}

.shipping-table .shipping-bd td {
    vertical-align: top;
    padding: 8px 0;
}

.shipping-table .shipping-bd .ui-notice {
    margin-bottom: 10px;
    margin-top: 5px;
}

.zero-result {
    border: medium none;
    color: #999;
    font-size: 16px;
    font-weight: 700;
    height: 120px;
    text-align: center;
    vertical-align: middle;
}

.me-menu-body .cl-item-stencil span:before {
    background-position: 0 -568px;
}

.me-menu-body .cl-item-universal span:before {
    background-position: -48px -425px;
}
/*PCB Instant Quote*/
.main-wrap {
    background: #fff;
    border: 1px solid #e8e8e8;
    padding-top: 20px;
}

    .main-wrap .userinfo-wrap {
        padding-left: 20px;
    }

.userinfomore {
    margin-bottom: 10px;
    min-height: 80px;
    padding-bottom: 10px;
    position: relative;
}

.userinfo-wrap {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f7f7f7), color-stop(30%, #ffffff));
    background-image: -webkit-linear-gradient(bottom, #f7f7f7 0%, #ffffff 30%);
    background-image: -moz-linear-gradient(bottom, #f7f7f7 0%, #ffffff 30%);
    background-image: linear-gradient(bottom, #f7f7f7 0%, #ffffff 30%);
    border-bottom: 1px solid #e5e5e5;
    white-space: nowrap;
}

.new-rule {
    width: 780px;
    padding-bottom: 18px;
    margin: 0 auto;
}

    .new-rule .rank-rule {
        width: 465px;
        margin: 0 auto;
        border: 1px solid #e0e0e0;
        border-bottom: 0 none;
        position: relative;
        height: 11px;
    }

        .new-rule .rank-rule p {
            font-size: 13px;
            color: #8d8d8d;
            position: relative;
            z-index: 2;
            width: 220px;
            height: 16px;
            line-height: 16px;
            background: #fff;
            text-align: center;
            top: -10px;
            margin: 0 auto;
        }

    .new-rule .new-rule-box {
        background: url("../images/quote-_03.gif") no-repeat 0 -115px;
        height: 110px;
        margin: 10px 0 0;
    }

    .new-rule.otherrule .new-rule-box {
        background: url("../img/stepicon.png") no-repeat 0 -138px;
    }

    .new-rule .new-rule-box a {
        display: block;
        float: left;
        padding: 74px 24px 0;
        text-align: center;
        width: 115px;
        color: #a3a3a3;
    }

    .new-rule .new-rule-box .pro_1 {
        padding-left: 0;
        text-align: left;
        padding-right: 17px;
        width: 84px;
    }

    .new-rule .new-rule-box .pro_7 {
        padding-left: 34px;
        text-align: left;
        padding-right: 0;
        width: 100px;
    }

    .new-rule .new-rule-box a:hover, .new-rule .new-rule-box .v_pro_1, .new-rule .new-rule-box .v_pro_2, .new-rule .new-rule-box .v_pro_3, .new-rule .new-rule-box .v_pro_4, .new-rule .new-rule-box .v_pro_5, .new-rule .new-rule-box .v_pro_6, .new-rule .new-rule-box .v_pro_7, .new-rule .new-rule-box .v_pro_8 {
        background: url("../images/quote-_03.gif") no-repeat;
        color: #ff9900;
        text-decoration: none;
    }

    .new-rule.otherrule .new-rule-box a:hover, .new-rule.otherrule .new-rule-box .v_pro_1, .new-rule.otherrule .new-rule-box .v_pro_2, .new-rule.otherrule .new-rule-box .v_pro_3, .new-rule.otherrule .new-rule-box .v_pro_4, .new-rule.otherrule .new-rule-box .v_pro_5, .new-rule.otherrule .new-rule-box .v_pro_6, .new-rule.otherrule .new-rule-box .v_pro_7, .new-rule.otherrule .new-rule-box .v_pro_8 {
        color: #ff9900;
        text-decoration: none;
        background-image: url("../img/stepicon.png");
        background-repeat: no-repeat;
    }

    .new-rule .new-rule-box .pro_1:hover, .new-rule .new-rule-box .v_pro_1 {
        background-position: 0 0px;
    }

    .new-rule .new-rule-box .pro_2:hover, .new-rule .new-rule-box .v_pro_2 {
        background-position: -84px 0;
    }

    .new-rule .new-rule-box .pro_3:hover, .new-rule .new-rule-box .v_pro_3 {
        background-position: -199px 0;
    }

    .new-rule .new-rule-box .pro_4:hover, .new-rule .new-rule-box .v_pro_4 {
        background-position: -314px 0;
    }

    .new-rule .new-rule-box .pro_5:hover, .new-rule .new-rule-box .v_pro_5 {
        background-position: -429px 0;
    }

    .new-rule .new-rule-box .pro_6:hover, .new-rule .new-rule-box .v_pro_6 {
        background-position: -544px 0;
    }

    .new-rule .new-rule-box .pro_7:hover, .new-rule .new-rule-box .v_pro_7 {
        background-position: -659px 0;
    }

    .new-rule .new-rule-box .pro_8:hover, .new-rule .new-rule-box .v_pro_8 {
        background-position: -774px 0;
    }

.otherrule {
    padding-top: 10px;
    padding-left: 20px;
}

/*quote*/
.calc_tabs {
    margin: 26px 0 0 40px;
    padding-bottom: 50px;
}

    .calc_tabs .board-form-section-name {
        background-position: -628px -627px;
        padding-left: 31px;
    }

        .calc_tabs .board-form-section-name h1 {
            color: #000;
            font-size: 18px;
        }

        .calc_tabs .board-form-section-name p {
            color: #ff9900;
            margin-top: 3px;
        }

    .calc_tabs .content { /*display:none;*/
        padding: 0px;
        margin: 0px;
        width: 1088px;
    }

.onlinepricetable {
    color: #888;
    font-size: 12px;
    margin: 10px 0 0;
    width:100%;
}

    .onlinepricetable td {
        padding: 7px 8px;
    }

.calc_tabs .text {
    width: 130px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #bbbbbb;
    margin: 3px 0;
    color: #000;
}

.calc_tabs .content * {
    box-sizing: content-box;
}

.boardnumber {
    width: 356px;
    border: 1px solid #008C95;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 34px;
    top: 34px\9;
    _top: 33px;
    background-color: #FFF;
    z-index: 1;
    padding: 5px 0 0;
    color: #6E6E6E;
}

    .boardnumber ul {
        width: 347px;
        overflow: hidden;
        padding: 0px 4px;
    }

    .boardnumber li {
        float: left;
        width: 57px;
        padding-bottom: 4px;
        font-size: 12px;
    }

    .boardnumber .boardnumberbtn input.txtstyle2 {
        width: 95px;
        height: 20px;
        line-height: 20px;
        border: 1px solid #d8d8d8;
        color: #6E6E6E;
        padding-left: 3px;
        margin-right: 3px;
    }

    .boardnumber .boardnumberbtn {
        padding-bottom: 8px;
        padding-left: 4px;
    }

        .boardnumber .boardnumberbtn a input {
            width: 60px;
            height: 23px;
            text-align: center;
            line-height: 23px;
            cursor: pointer;
            border: 0px;
            font-size: 12px;
            margin-left: 6px;
            background: #467FEA;
            border-radius: 2px;
            color: #fff;
        }

        .boardnumber .boardnumberbtn a:hover {
            text-decoration: none;
            opacity: 0.8;
        }

        .boardnumber .boardnumberbtn a input#btn3 {
            background: #7B7B7B;
        }
/*basket quote*/
.calc_tabs .board-form-section-name.current p {
    font-size: 11px;
    float: right;
    margin-top: 0;
}

.calc_tabs .board-form-section-name.current {
    height: 33px;
    line-height: 33px;
    border: 1px solid #d7d7d7;
    width: 394px;
    padding-right: 9px;
    background-position: -625px -573px;
    padding-left: 34px;
}

    .calc_tabs .board-form-section-name.current h1 {
        color: #c6c6c6;
        font-size: 14px;
        float: left;
        line-height: 33px;
    }

.calc_tabs .basket-for {
    background-position: -628px -688px;
    padding-left: 34px;
    margin-top: 24px;
}
/**/
.tm-relate-list li {
    float: left;
    line-height: 24px;
    margin: 0 4px 4px 0;
    padding: 1px;
    position: relative;
    vertical-align: middle;
}

    .tm-relate-list li a {
        background-color: #fff;
        border: 1px solid #b8b7bd;
        color: #555;
        float: left;
        min-width: 10px;
        padding: 0 7px;
        text-align: center;
        text-decoration: none;
        white-space: nowrap;
        width: auto !important;
    }

    .tm-relate-list li span {
        padding-left: 1px;
    }

    .tm-relate-list li a:hover {
        border: 2px solid #008C95;
        margin: -1px;
    }

    .tm-relate-list li.tb-selected a {
        border: 2px solid #008C95;
        margin: -1px;
    }

.ui2-icon-cross {
    background-position: -78px -39px;
    width: 22px;
    height: 22px;
    display: block;
}

.tm-relate-list i {
    display: none;
}

.tm-relate-list .tb-selected i {
    background-image: url(../images/stm-iocn1.png);
    background-position: -88px -90px;
    background-repeat: no-repeat;
    bottom: 0;
    display: block;
    height: 12px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -99em;
    width: 12px;
}

.gerberlist {
    margin-bottom: 10px;
}

    .gerberlist input {
        border: 1px solid #cccccc;
        color: #333;
        float: none;
        font-family: arial;
        font-size: 14px;
        height: 16px;
        overflow: hidden;
        padding: 5px;
        width: 238px;
    }

.content .next-step.b-buton {
    cursor:pointer;
    padding: 2px 30px;
}
.content .next-step.b-buton:hover {
    font-weight:normal
}
#pcb-assembly-quantity {
    width: 404px;
    padding-left: 33px;
    margin-top: 20px;
    color: #666666;
    margin-bottom: 18px;
}

    #pcb-assembly-quantity .tcell {
        width: 54px;
        float: left;
        text-align: center;
        font-size: 12px;
    }

        #pcb-assembly-quantity .tcell.start {
            width: 147px;
        }

    #pcb-assembly-quantity .heading .tcell.start {
        background: #008C95;
    }

    #pcb-assembly-quantity .salef-bb {
        width: 96px;
    }

    #pcb-assembly-quantity .tcelloff {
        float: left;
        font-size: 12px;
        text-align: center;
        width: 90px;
        margin-left: 44px;
        width: 60px;
    }

    #pcb-assembly-quantity .trow {
        border-bottom: 1px solid #dddddd;
        height: 30px;
        line-height: 30px;
    }

    #pcb-assembly-quantity .heading {
        width: 404px;
        color: #fff;
        background: #878686;
        font-size: 18px;
        font-weight: bold;
        border-bottom: 0 none;
    }

    #pcb-assembly-quantity .tcell.hover {
        cursor: pointer;
    }

        #pcb-assembly-quantity .tcell.hover:hover, #pcb-assembly-quantity .tcell.hover.chosen {
            color: #fff;
            background: #008C95;
            font-weight: bold;
        }

    #pcb-assembly-quantity .tcelloff.hover {
        text-decoration: line-through;
    }

.content .specification label {
    line-height: 22px;
}

.content .specification {
    margin-bottom: 18px;
    padding-left: 33px;
    color: #666;
}

    .content .specification select {
        border: 1px solid #cbcbcb;
    }

    .content .specification span {
        display: block;
        float: left;
        margin-right: 13px;
    }

.content .delvity {
    width: 404px;
    margin: 12px 0 10px 33px;
    border-bottom: 1px solid #ddd;
    color: #666;
}

.content .shipping-jiage {
    height: 24px;
    line-height: 24px;
    padding: 0 20px;
    background: #008C95;
    color: #fff;
    font-weight: bold;
}

.content .before-img {
    padding-bottom: 2px;
    font-size: 11px;
}

.content .total-a {
    padding-left: 33px;
    color: #666;
    line-height: 30px;
    margin-bottom:10px;
}

    .content .total-a label {
        display: block;
        float: left;
        width: 90px;
    }

.content span.cred {
    font-weight: bold;
    font-size: 13px;
    color: #ff0000;
}

#assembly-total {
    font-size: 30px;
    line-height: 30px;
}

.content .emails {
    padding-left: 33px;
    color: #666;
    margin-top: 12px;
}

textarea.extra {
    padding: 5px;
    background: #fff;
    border: 1px solid #bbbbbb;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 10px 0 0;
    letter-spacing: normal;
    word-spacing: normal;
    overflow: visible;
}

.delin {
    padding-left: 33px;
    color: #666;
    margin-bottom: 11px;
}

    .delin .extra {
        width: 392px;
        height: 63px;
    }

.calc_tabs .gerber-Fi {
    background-position: -228px -436px;
}

.calc_tabs .elitrayship {
    background-position: -625px -528px;
}

.shadow {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: 5px;
    display: block;
}

    .shadow img {
        display: block;
    }

.shadow-line {
    background: #dadada;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 100%;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    position: absolute;
}

.shadow:hover {
    margin-top: 0;
    margin-bottom: 5px;
}

    .shadow:hover .shadow-line {
        background: #00925f;
    }

.floor-title-png {
    cursor: pointer;
    display: block;
    height: 58px;
    margin: 10px 0 0 300px;
    overflow: hidden;
    width: 257px;
}

.floor1 .floor-content {
    width: 100%;
    margin: 0 auto;
}

.floor-content3 {
    padding: 35px 0 60px;
    overflow: hidden;
    width: 869px;
}

    .floor-content3 ul {
        width: 889px;
    }

    .floor-content3 * {
        box-sizing: content-box;
    }

    .slide-banner img, .floor-content3 img {
        position: relative;
    }

    .floor-content3 a:hover {
        cursor: pointer;
    }

    .floor-content3 li {
        float: left;
        width: 200px;
        padding-right: 10px;
        position: relative;
        margin-bottom: 20px;
    }

        .floor-content3 li.line {
            padding: 0;
            margin-right: 9px;
            margin-top: 5px;
            background: #eaeaea;
            width: 1px;
            height: 439px;
        }

        .floor-content3 li a {
            display: block;
            position: relative;
        }

            .floor-content3 li a:hover {
                text-decoration: none;
            }

    .floor-content3 .shadow-line {
        bottom: -5px;
    }

    .floor-content3 li .info {
        padding: 20px 0;
    }

    .floor-content3 li .pic {
        width: 200px;
        height: 300px;
        overflow: hidden;
        padding-bottom: 15px;
        background: url(../images/pic-s.png) 0 300px no-repeat;
    }

    .floor-content3 li .name {
        font-weight: bold;
        font-size: 18px;
        color: #2b2b2b;
        text-align: center;
    }

    .floor-content3 li .detail {
        color: #b4b4b4;
        line-height: 26px;
        text-align: center;
    }

    .floor-content3 li .price {
        color: #00925f;
        line-height: 26px;
        text-align: center;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        width: 55px;
        margin: 0 auto;
        padding-right: 20px;
        position: relative;
        overflow: hidden;
        height: 26px;
    }

        .floor-content3 li .price .buy {
            padding-left: 5px;
        }

    .floor-content3 li a:hover .price {
        width: 115px;
    }

        .floor-content3 li a:hover .price .buy {
        }

    .floor-content3 li .arrow {
        position: absolute;
        right: 0;
        top: 6px;
    }

    .floor-content3 li .arrow, .box-ft .arrow {
        display: inline-block;
        width: 14px;
        height: 14px;
        background: url(..https://www.allpcb.com../img/logo.png) no-repeat -382px -120px;
        vertical-align: -3px;
        *vertical-align: 1px;
    }
/**/
#dlg-edit-quantity {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    background: #fff none repeat scroll 0 0;
    color: #999;
    position: absolute;
    width: auto;
}

    #dlg-edit-quantity a {
        color: #333;
    }

        #dlg-edit-quantity a:hover {
            color: #f90;
        }

    #dlg-edit-quantity .inner {
        border: 1px solid #C6C6C6;
        padding: 6px 7px;
        z-index: 2;
    }

#dlg-edit-quantity {
    width: auto;
    position: absolute;
    background: #fff;
    color: #999;
}

.quantity-add, .quantity-minus {
    display: inline-block;
    float: left;
    height: 26px;
    overflow: hidden;
    text-indent: -999999px;
    width: 26px;
}

.quantity-minus {
    background: url("../images/header-sprite.png") no-repeat scroll -97px -456px;
}

#dlg-edit-quantity .layout-input {
    box-sizing: content-box;
    float: left;
    font-size: 12px;
    height: 14px;
    width: 35px;
}

.quantity-add {
    background: url("../images/header-sprite.png") no-repeat scroll -97px -429px;
}

.btn-cancel-quantity, .btn-ok-quantity {
    cursor: pointer;
    font-size: 11px;
    line-height: 18px;
}

.btn-ok-quantity {
    background: url("../images/header-sprite.png") no-repeat scroll -142px -429px;
    border: 0 none;
    display: block;
    float: left;
    height: 18px;
    margin: 4px 10px 0 7px;
    overflow: hidden;
    text-indent: -9999px;
    width: 31px;
}

.btn-cancel-quantity {
    color: #06c;
    line-height: 26px;
    text-decoration: underline;
    float: left;
}

.product-quantity-input {
    box-sizing: content-box;
    font-size: 12px;
    height: 14px;
    width: 36px;
}


.reason1 {
    color: #999;
    font-size: 11px;
}

.discount-count-down {
    color: #333;
    display: inline-block;
    margin-top: 10px;
}

    .discount-count-down .discount {
        background: #ffa900 url("../images/header-sprite.png") no-repeat scroll 100% -491px;
        color: #fff;
        padding: 0 10px 0 5px;
        font-size: 12px;
    }

.uploader-list .item {
    background: #eee;
    width: 348px;
    margin-bottom: 10px;
    overflow: hidden;
}

    .uploader-list .item h4.info {
        padding: 8px 10px;
        height: 32px;
        float: left;
    }

    .uploader-list .item p.state {
        float: right;
        padding: 8px 10px;
        height: 32px;
        margin-bottom: 0;
        color: #777;
    }

.header {
    border-bottom: 0 none;
}
/**/
.ui-notice-normal .ui-notice-alert, .ui-notice-normal .ui-notice-help, .ui-notice-normal .ui-notice-prompt, p.ui-notice.ui-notice-normal, .h-ui-notice-help {
    background: #fff url("../images/sprite-notice-addon.png") no-repeat scroll 0 0;
}

.h-ui-notice-help {
    background-position: -75px 15px;
    padding: 15px 46px 15px 43px;
    border: 2px solid #fec;
}

.ui-notice .ui-notice-prompt, p.ui-notice.ui-notice-normal.ui-notice-prompt {
    border: 2px solid #cee6ff;
    padding: 4px 30px 4px 10px;
    position: relative;
}

.ui-notice-normal .ui-notice-prompt, p.ui-notice.ui-notice-normal.ui-notice-prompt {
    background-position: 10px -82px;
    padding-left: 35px;
}

.ui-notice .ui-notice-body, .h-ui-notice-help .ui-notice-body {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}

.ui-notice .ui-notice-body, p.ui-notice .ui-notice-body {
    color: #333;
}
/**/
.ui-notice-normal .ui-notice-alert, .ui-notice-normal .ui-notice-help, .ui-notice-normal .ui-notice-prompt, p.ui-notice.ui-notice-normal, .h-ui-notice-help {
    background: #fff url("../images/sprite-notice-addon.png") no-repeat scroll 0 0;
}

.h-ui-notice-help {
    background-position: -75px 10px;
    padding: 10px 46px 15px 43px;
    border: 2px solid #fec;
    margin: 10px 0;
}

.ui-notice .ui-notice-prompt, p.ui-notice.ui-notice-normal.ui-notice-prompt {
    border: 2px solid #cee6ff;
    padding: 4px 30px 4px 10px;
    position: relative;
}

.ui-notice-normal .ui-notice-prompt, p.ui-notice.ui-notice-normal.ui-notice-prompt {
    background-position: 10px -82px;
    padding-left: 35px;
}

.ui-notice .ui-notice-body, .h-ui-notice-help .ui-notice-body {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}

.ui-notice .ui-notice-body, p.ui-notice .ui-notice-body {
    color: #333;
}

.btsurenred {
    background: #008C95;
    border: 1px solid #008C95;
    border-radius: 4px;
    padding: 4px;
}

.btcancelgray {
    background: #999;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 4px;
}

    .btcancelgray:hover {
        color: #fff;
        font-weight: bold;
    }

.order-cancel {
    background: #999;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 4px;
    color: #fff;
    text-align: center;
}

    .order-cancel:hover {
        color: #fff;
        font-weight: bold;
    }

.action-statuslist .subtoau {
    color: crimson;
}

.me-body-container * {
    box-sizing: border-box;
}

.bomlist-con{height:390px; overflow-y:auto;}
