﻿.b-top-tools {
    font-size: 14px;
    line-height: 30px;
    float: left;
    width: 100%
}

    .b-top-tools .e-left-tools {
        float: left
    }

    .b-top-tools .e-left-userinfo {
        float: left
    }

        .b-top-tools .e-left-userinfo .m-user-name {
            color: red
        }

            .b-top-tools .e-left-userinfo .m-user-name:hover {
                color: #c33
            }

        .b-top-tools .e-left-userinfo .m-user-signout {
            color: #999;
            margin-left: 20px;
            font-size: 12px
        }

    .b-top-tools .e-right-tools {
        float: right
    }

        .b-top-tools .e-right-tools ul {
            float: left
        }

            .b-top-tools .e-right-tools ul li {
                float: left;
                margin-left: 20px
            }

                .b-top-tools .e-right-tools ul li a {
                    color: #666
                }

.b-top-enterprise-panel {
    width: 100%;
    height: 85px;
    float: left
}

.b-top-enterprise .e-top-logo {
    width: 185px;
    float: left
}

    .b-top-enterprise .e-top-logo a {
        display: flex;
        padding: 0;
        width: 180px
    }

.b-top-enterprise .e-top-right {
    float: right
}

.b-top-enterprise .e-top-block {
    float: left;
    height: 85px;
    width: 200px;
    padding: 0 10px
}

.b-top-enterprise .m-page-title {
    line-height: 85px;
    color: #fff;
    margin-left: 30px;
    font-size: 18px
}

.b-top-enterprise .e-top-block .m-icon-im {
    float: left;
    background: url('/img/alertMsg/nbsicon.png') -109px -113px;
    width: 42px;
    height: 42px;
    margin-top: 22px
}

.b-top-enterprise .e-top-block .m-icon-phone {
    float: left;
    background: url('/img/alertMsg/nbsicon.png') -9px -114px;
    width: 42px;
    height: 42px;
    margin-top: 22px
}

.b-top-enterprise .e-top-block span {
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    float: left;
    margin-top: 22px
}

.b-top-enterprise .e-top-block p {
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
    float: left
}

.b-top-enterprise .e-top-search {
    float: left;
    width: 360px;
    height: 35px;
    background-color: #fff;
    border-radius: 3px;
    margin-left: 120px;
    margin-top: 24px;
    overflow: hidden
}

    .b-top-enterprise .e-top-search input {
        float: left;
        height: 100%;
        width: 255px;
        padding-left: 10px;
        line-height: 35px
    }

    .b-top-enterprise .e-top-search .m-search-reset {
        float: left;
        width: 0;
        line-height: 35px;
        text-align: center;
        overflow: hidden;
        cursor: pointer
    }

        .b-top-enterprise .e-top-search .m-search-reset em {
            color: #999;
            font-size: 20px
        }

            .b-top-enterprise .e-top-search .m-search-reset em:hover {
                color: #000
            }

    .b-top-enterprise .e-top-search .m-search-btn {
        float: right;
        height: 25px;
        border-left: 1px solid #e5e5e5;
        margin-top: 5px;
        width: 80px;
        line-height: 25px;
        font-size: 16px;
        font-family: 'Microsoft YaHei';
        cursor: pointer
    }

    .b-top-enterprise .e-top-search .m-search-ico {
        width: 18px;
        height: 18px;
        float: left;
        margin-top: 4px;
        margin-left: 10px
    }

        .b-top-enterprise .e-top-search .m-search-ico i {
            display: block;
            background: url('/img/alertMsg/nbsicon.png') -300px -9px;
            width: 20px;
            height: 20px
        }

    .b-top-enterprise .e-top-search .m-search-txt {
        float: left;
        margin-left: 10px
    }

.b-top-proMenu-panel {
    width: 100%;
    height: 45px;
    background-color: #fff;
    float: left
}

.b-top-proMenu {
}

    .b-top-proMenu .e-left-menu {
        float: left
    }

        .b-top-proMenu .e-left-menu .m-icon-all {
            background: url('/img/alertMsg/nbsicon.png') -11px -9px;
            width: 20px;
            height: 20px;
            float: left;
            margin-top: 15px
        }

        .b-top-proMenu .e-left-menu ul {
            float: left
        }

            .b-top-proMenu .e-left-menu ul li {
                float: left;
                line-height: 45px;
                min-width: 100px;
                text-align: center
            }

                .b-top-proMenu .e-left-menu ul li .m-line {
                    height: 16px;
                    border-left: 1px solid #e5e5e5;
                    float: left;
                    margin-top: 17px
                }

                .b-top-proMenu .e-left-menu ul li a {
                    display: block;
                    color: #333;
                    white-space: nowrap;
                    padding: 0 15px
                }

    .b-top-proMenu .e-right-shopingcart {
        float: right;
        line-height: 43px;
        cursor: pointer
    }

    .b-top-proMenu .e-shoppingcart {
        height: 30px;
        border-radius: 3px;
        display: inline;
        padding: 0 13px;
        font-size: 12px;
        border-style: solid;
        border-width: 1px;
        float: left;
        overflow: hidden;
        margin-top: 6px
    }

        .b-top-proMenu .e-shoppingcart .m-box {
            float: left;
            width: 17px;
            height: 17px;
            margin-top: 7px;
            margin-right: 10px
        }

        .b-top-proMenu .e-shoppingcart .m-icon {
            background: url('/img/alertMsg/nbsicon.png') -10px -35px;
            width: 19px;
            height: 19px;
            float: left
        }

        .b-top-proMenu .e-shoppingcart .m-text {
            float: left;
            margin-top: 5px;
            line-height: 20px
        }

        .b-top-proMenu .e-shoppingcart .m-count {
            padding: 0 5px;
            color: #fff;
            border-radius: 3px;
            float: left;
            height: 20px;
            line-height: 20px;
            margin-top: 5px;
            margin-left: 10px;
            max-width: 51px
        }

.b-content-crumbs {
    padding: 10px 0
}

.e-content-crumbs {
    font-size: 12px;
    line-height: 20px;
    color: #999
}

    .e-content-crumbs a {
        color: #666;
        line-height: 20px;
        display: inline-block
    }

        .e-content-crumbs a.m-curr {
            color: #ff6a00
        }

.b-content-pro-info {
    background-color: #fff;
    position: relative
}

.b-lc-pro-info {
    background-color: #fff;
    padding: 30px;
    float: left
}

    .b-lc-pro-info .e-l-pro-imgs {
        width: 360px;
        float: left;
        position: relative
    }

        .b-lc-pro-info .e-l-pro-imgs .m-curr-img {
            width: 360px;
            height: 360px;
            cursor: pointer
        }

        .b-lc-pro-info .e-l-pro-imgs .e-pro-imgs {
            width: 360px;
            height: 100px;
            padding-left: 3px;
            margin-top: 8px
        }

            .b-lc-pro-info .e-l-pro-imgs .e-pro-imgs a {
                margin-right: 4px;
                display: block;
                float: left;
                width: 80px;
                height: 80px;
                border: 3px solid #fff
            }

                .b-lc-pro-info .e-l-pro-imgs .e-pro-imgs a:hover {
                    border: 3px solid #39f
                }

                .b-lc-pro-info .e-l-pro-imgs .e-pro-imgs a.m-curr-img {
                    border: 3px solid #39f
                }

            .b-lc-pro-info .e-l-pro-imgs .e-pro-imgs .m-item-img {
                width: 80px;
                height: 80px;
                cursor: pointer
            }

        .b-lc-pro-info .e-l-pro-imgs .m-big-pro-imgs {
            width: 360px;
            height: 360px;
            position: relative;
            cursor: move;
            border: 1px solid #e5e5e5
        }

        .b-lc-pro-info .e-l-pro-imgs .m-follow-block {
            position: absolute;
            left: 0;
            top: 0;
            width: 178px;
            height: 178px;
            border: 1px solid #aaa;
            background-color: #fede4f;
            opacity: .5;
            filter: alpha(opacity=50)
        }

        .b-lc-pro-info .e-l-pro-imgs .e-expansion {
            position: absolute;
            width: 360px;
            height: 360px;
            left: 368px;
            top: 0;
            border: 1px solid #ececec;
            background-color: #fff;
            overflow: hidden;
            z-index: 5
        }

            .b-lc-pro-info .e-l-pro-imgs .e-expansion img {
                position: absolute;
                left: 0;
                top: 0;
                width: 720px;
                height: 720px
            }

#panel_proDescirption {
    color: #666;
    font-size: 12px;
    line-height: 20px;
    font-family: "宋体"
}

.b-lc-pro-info .e-r-pro-info {
    width: 550px;
    background-color: #fff;
    float: left;
    margin-left: 30px;
    min-height: 448px;
    position: relative
}

    .b-lc-pro-info .e-r-pro-info h2 {
        height: 40px;
        line-height: 20px;
        font-size: 20px;
        font-family: "Microsoft YaHei";
        color: #333;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

.b-lc-pro-info .e-c-pro-price {
    width: 550px;
    height: 60px;
    line-height: 60px;
    background-color: #f8f8f8
}

    .b-lc-pro-info .e-c-pro-price .m-pro-offShelves {
        font-size: 24px;
        color: #333;
        font-family: 黑体;
        margin-left: 30px;
        font-weight: 400
    }

    .b-lc-pro-info .e-c-pro-price .m-title {
        float: left;
        text-align: left;
        color: #999;
        font-size: 12px;
        font-family: '宋体';
        margin-left: 20px
    }

    .b-lc-pro-info .e-c-pro-price .m-price {
        float: left;
        font-size: 28px;
        font-family: Arial;
        font-weight: bold;
        color: #f60;
        margin-left: 10px
    }

    .b-lc-pro-info .e-c-pro-price .m-unit-price {
        font-size: 12px;
        margin-left: 10px;
        color: #f60;
        margin-top: 0;
        float: left
    }

.b-lc-pro-info .e-r-pro-info dl {
    float: left;
    width: 550px;
    font-size: 12px;
    font-family: '宋体'
}

    .b-lc-pro-info .e-r-pro-info dl dt {
        float: left;
        height: 22px;
        line-height: 22px;
        text-align: right;
        font-size: 12px;
        color: #999;
        width: 68px
    }

    .b-lc-pro-info .e-r-pro-info dl dd {
        float: left;
        width: 472px;
        margin-left: 10px;
        line-height: 22px;
        color: #333
    }

        .b-lc-pro-info .e-r-pro-info dl dd span {
            float: left;
            line-height: 22px;
            font-family: Arial
        }

            .b-lc-pro-info .e-r-pro-info dl dd span.curr {
                color: #f90
            }

            .b-lc-pro-info .e-r-pro-info dl dd span.no_tex {
                float: left;
                line-height: 22px;
                margin-right: 10px;
                color: #999;
                cursor: default
            }

.b-lc-pro-info .e-r-pro-info .e-c-freight {
    position: relative;
    height: 30px
}

    .b-lc-pro-info .e-r-pro-info .e-c-freight .e-c-freight-panel {
        position: relative;
        z-index: 2
    }

.b-lc-pro-info .e-c-freight-panel .m-curr-cityName {
    margin-right: 10px;
    float: left
}

.b-lc-pro-info .e-c-freight-panel .m-zhanwei {
    color: #999;
    float: left
}

.b-lc-pro-info .e-c-freight-panel .m-target-cityName {
    font-size: 12px;
    color: #333;
    margin-left: 7px;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 5px;
    line-height: 30px;
    border: 1px solid #fff;
    float: left;
    line-height: 20px;
    -moz-user-select: none
}

    .b-lc-pro-info .e-c-freight-panel .m-target-cityName:hover {
        color: #f90
    }

.b-lc-pro-info .e-c-freight-panel .m-click-citys {
    border: 1px solid #d8d8d8;
    background-color: #fff;
    border-bottom: none;
    color: #f90;
    padding: 0 5px;
    height: 30px
}

.b-lc-pro-info .e-c-freight-panel .m-sel-down {
    background: url("https://crs.yunduanyin.com/res/nbs/small_icon.png") -9px -12px;
    width: 13px;
    height: 8px;
    display: block;
    float: left;
    margin: 6px 0 0 5px
}

.b-lc-pro-info .e-c-freight-panel .m-sel-up {
    background: url("https://crs.yunduanyin.com/res/nbs/small_icon.png") -52px -12px;
    width: 13px;
    height: 8px;
    display: block;
    float: left;
    margin: 6px 0 0 5px
}

.b-lc-pro-info .m-freight-price {
    line-height: 22px;
    color: #f90
}

.b-lc-pro-info .e-c-freight-city {
    position: absolute;
    top: 30px;
    left: 20px;
    width: 358px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    z-index: 1
}

.b-lc-pro-info .e-c-freight-city {
    position: absolute;
    top: 30px;
    left: 20px;
    width: 358px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    z-index: 1
}

    .b-lc-pro-info .e-c-freight-city .e-c-provinces {
        width: 338px;
        margin: 0 10px;
        float: left
    }

        .b-lc-pro-info .e-c-freight-city .e-c-provinces span {
            float: left;
            text-align: left;
            width: 60px;
            margin-right: 7px;
            font-size: 12px;
            color: #333;
            line-height: 30px
        }

            .b-lc-pro-info .e-c-freight-city .e-c-provinces span:hover, .major_city .city_name span.curr {
                color: #f90;
                cursor: pointer
            }

    .b-lc-pro-info .e-c-freight-city .e-c-citys {
        float: left;
        width: 338px;
        padding: 5px 10px;
        background-color: #fffcfa;
        border: 1px solid #cdcdcd;
        border-left: 0;
        border-right: 0
    }

        .b-lc-pro-info .e-c-freight-city .e-c-citys span {
            float: left;
            text-align: left;
            font-size: 12px;
            color: #333;
            line-height: 22px;
            margin-right: 6px
        }

            .b-lc-pro-info .e-c-freight-city .e-c-citys span:hover {
                color: #f90;
                cursor: pointer
            }

.b-lc-pro-info .e-c-freight-type {
    padding: 0 5px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #fff;
    margin-right: 5px;
    position: relative
}

    .b-lc-pro-info .e-c-freight-type .m-sel-down {
        background: url("https://crs.yunduanyin.com/res/nbs/small_icon.png") -9px -12px;
        width: 13px;
        height: 8px;
        display: block;
        float: left;
        margin: 6px 0 0 5px
    }

    .b-lc-pro-info .e-c-freight-type .m-sel-up {
        background: url("https://crs.yunduanyin.com/res/nbs/small_icon.png") -52px -12px;
        width: 13px;
        height: 8px;
        display: block;
        float: left;
        margin: 6px 0 0 5px
    }

    .b-lc-pro-info .e-c-freight-type em {
        line-height: 20px;
        max-width: 200px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-family: Arial
    }

    .b-lc-pro-info .e-c-freight-type:hover em {
        color: #f90
    }

.b-lc-pro-info .e-c-freight-type-sel {
    border: 1px solid #e5e5e5;
    line-height: 22px;
    border-bottom: none
}

    .b-lc-pro-info .e-c-freight-type-sel em {
        color: #f90
    }

.b-lc-pro-info .e-c-freight-list {
    float: left;
    position: absolute;
    top: 20px;
    border: 1px solid #e5e5e5;
    left: -1px;
    background-color: #fff;
    z-index: 7;
    border-bottom: none
}

    .b-lc-pro-info .e-c-freight-list li {
        padding: 0 5px;
        background-color: #fff;
        border-bottom: 1px solid #e5e5e5;
        white-space: nowrap;
        font-family: Arial
    }

        .b-lc-pro-info .e-c-freight-list li:hover {
            background-color: #ececec
        }

.b-lc-pro-info .e-r-pro-info .m-prop-line {
    margin-left: 20px;
    width: 510px;
    height: 1px;
    color: #e5e5e5;
    background-color: #e5e5e5;
    margin-bottom: 10px
}

.b-lc-pro-info .e-r-pro-info .remark {
    float: left;
    width: 15px;
    height: 15px;
    background: url("/img/alertMsg/pfp_icon.png") -387px -425px;
    margin-top: 3px;
    margin-left: 4px
}

    .b-lc-pro-info .e-r-pro-info .remark:hover {
        background-position: -387px -445px
    }

.b-c-pro-options {
    padding-bottom: 5px
}

    .b-c-pro-options dt {
        line-height: 32px !important;
        min-width: 68px !important;
        text-align: right !important
    }

    .b-c-pro-options .e-c-prop-list {
        float: left;
        -moz-user-select: none;
        width: 100%
    }

    .b-c-pro-options .e-c-prop-list {
        float: left;
        -moz-user-select: none;
        width: 100%
    }

        .b-c-pro-options .e-c-prop-list li {
            float: left;
            margin: 1px 5px 5px 0;
            line-height: 28px;
            cursor: pointer;
            transition-duration: .2s;
            transition-property: border,color;
            position: relative;
            border: 1px solid #ccc;
            padding: 0 10px;
            border-radius: 2px
        }

            .b-c-pro-options .e-c-prop-list li div {
                text-align: center;
                -ms-user-select: none
            }

            .b-c-pro-options .e-c-prop-list li a {
                color: #333;
                font-family: Arial;
                line-height: 28px;
                border: 1px solid #fff;
                width: 100%;
                display: inline-block;
                padding: 0 0 0 8px;
                position: relative;
                left: 0;
                top: 0;
                border-radius: 0
            }

            .b-c-pro-options .e-c-prop-list li:hover {
                border: 1px solid #f60;
                color: #f60
            }

                .b-c-pro-options .e-c-prop-list li:hover a {
                }

            .b-c-pro-options .e-c-prop-list li.m-addprop:hover {
                border: 1px solid #39f;
                color: #39f
            }

            .b-c-pro-options .e-c-prop-list li.m-curr {
                border: 1px solid #f60;
                color: #f60
            }

            .b-c-pro-options .e-c-prop-list li.m-addprop.m-curr {
                border: 1px solid #39f;
                color: #39f
            }

                .b-c-pro-options .e-c-prop-list li.m-addprop.m-curr .m-choice {
                    background: url("/img/alertMsg/pfp_icon.png") -349px -258px;
                    width: 13px;
                    height: 13px;
                    position: absolute;
                    right: -1px;
                    bottom: -1px
                }

        .b-c-pro-options .e-c-prop-list .m-mw20 {
            min-width: 20px
        }

        .b-c-pro-options .e-c-prop-list .m-mw40 {
            min-width: 40px
        }

        .b-c-pro-options .e-c-prop-list .m-addprop-curr {
            border: 1px solid #39f;
            color: #39f
        }

    .b-c-pro-options .e-combos li .m-combo-name {
        font-family: 'Arial'
    }

    .b-c-pro-options.b-propOption-HH {
        background-color: #fff0f0
    }

        .b-c-pro-options.b-propOption-HH .e-c-prop-list ul li {
            background-color: #fff
        }

            .b-c-pro-options.b-propOption-HH .e-c-prop-list ul li.m-curr {
                border: 1px solid #ccc;
                color: #333 !important
            }

            .b-c-pro-options.b-propOption-HH .e-c-prop-list ul li.prop-enable.m-curr {
                border: 1px #ccc dashed;
                cursor: no-drop;
                color: #999 !important
            }

        .b-c-pro-options.b-propOption-HH .e-c-prop-list .prop-enable {
            border: 1px #ccc dashed;
            cursor: no-drop;
            color: #999
        }

            .b-c-pro-options.b-propOption-HH .e-c-prop-list .prop-enable.m-curr {
                border: 1px #ccc dashed
            }

            .b-c-pro-options.b-propOption-HH .e-c-prop-list .prop-enable:hover {
                border: 1px #ccc dashed;
                color: #999
            }

    .b-c-pro-options .m-no-assemble {
        display: none
    }

    .b-c-pro-options.b-propOption-HH .e-c-prop-list .m-no-assemble {
        float: left;
        display: block;
        line-height: 30px;
        color: red;
        margin-bottom: 5px
    }

.b-pro-buy-count {
    padding-top: 9px
}

    .b-pro-buy-count .e-c-numbers {
        height: 30px;
        border-radius: 2px;
        border: 1px solid #e7e7e6;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .b-pro-buy-count .e-c-numbers .m-operator {
            float: left;
            width: 26px;
            height: 30px;
            font-size: 18px;
            font-family: '宋体';
            line-height: 30px;
            text-align: center;
            display: block;
            background-color: #f7f7f7;
            color: #333;
            cursor: pointer
        }

        .b-pro-buy-count .e-c-numbers input {
            float: left;
            width: 40px;
            height: 30px;
            line-height: 30px;
            border: none;
            border-left: 1px solid #e7e7e6;
            border-right: 1px solid #e7e7e6;
            text-align: center;
            font-size: 16px;
            color: #333;
            font-family: Arial
        }

.b-pro-promise {
    padding-top: 5px
}

    .b-pro-promise .e-product-promise p {
        margin-right: 5px
    }

    .b-pro-promise .e-product-promise .m-promise {
        float: left;
        width: 18px;
        height: 18px;
        display: block;
        color: #fff;
        text-align: center;
        line-height: 18px;
        font-size: 12px;
        margin: 2px 5px 0 0;
        cursor: pointer;
        border-radius: 3px
    }

.b-pro-more {
    float: left;
    width: 505px;
    margin-left: 20px;
    margin-top: 15px
}

    .b-pro-more .e-c-mores {
        float: left;
        width: 505px;
        display: flex;
        padding: 10px 0;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 20px;
        font-family: '宋体'
    }

        .b-pro-more .e-c-mores .m-icon-count {
            background: url("/img/alertMsg/pfp_icon.png") -20px -605px;
            width: 10px;
            height: 12px;
            display: inline-block;
            float: left;
            margin: 9px 7px 0 40px
        }

        .b-pro-more .e-c-mores .m-icon-heart {
            background: url("/img/alertMsg/pfp_icon.png") -80px -605px;
            width: 14px;
            height: 12px;
            display: inline-block;
            float: left;
            margin: 9px 7px 0 40px
        }

        .b-pro-more .e-c-mores .m-icon-heart-curr {
            background: url("/img/alertMsg/pfp_icon.png") -175px -219px;
            width: 14px;
            height: 12px;
            display: inline-block;
            float: left;
            margin: 9px 7px 0 40px
        }

        .b-pro-more .e-c-mores .m-icon-share {
            background: url("/img/alertMsg/pfp_icon.png") -148px -604px;
            width: 12px;
            height: 13px;
            display: inline-block;
            float: left;
            margin: 8px 7px 0 40px
        }

        .b-pro-more .e-c-mores li {
            float: left;
            width: 33%;
            text-align: center;
            border-left: 1px solid #e6e6e6;
            height: 30px;
            line-height: 30px;
            margin-left: -1px;
            position: relative
        }

            .b-pro-more .e-c-mores li:first-child {
                border: none
            }

            .b-pro-more .e-c-mores li span {
                float: left;
                font-size: 12px;
                color: #333;
                line-height: 30px;
                display: inline-block
            }

    .b-pro-more .m-btn-buy {
        background-color: #f90;
        border-radius: 5px;
        width: 240px;
        height: 55px;
        line-height: 52px;
        display: inline-block;
        color: #fff;
        cursor: pointer;
        text-align: center;
        font-size: 18px;
        font-family: 'Microsoft YaHei'
    }

        .b-pro-more .m-btn-buy:hover {
            background-color: #f60
        }

    .b-pro-more .m-btn-buy-lock {
        background-color: #999 !important;
        cursor: no-drop
    }

    .b-pro-more .m-btn-shopingcart {
        background-color: #39f;
        border-radius: 5px;
        width: 240px;
        height: 55px;
        float: right;
        line-height: 55px;
        display: inline-block;
        text-align: center;
        color: #fff;
        cursor: pointer;
        font-size: 18px;
        font-family: 'Microsoft YaHei'
    }

        .b-pro-more .m-btn-shopingcart:hover {
            background-color: #36f
        }

        .b-pro-more .m-btn-shopingcart i {
            background: url("/img/alertMsg/pfp_icon.png")no-repeat -531px -28px;
            width: 22px;
            height: 20px;
            float: left;
            margin: 18px 15px 0 60px
        }

        .b-pro-more .m-btn-shopingcart span {
            float: left
        }

    .b-pro-more .m-btn-shopingcart-lock {
        background-color: #999 !important;
        cursor: no-drop
    }

.m-right-line {
    width: 1px;
    background-color: #f1f1f1;
    position: absolute;
    right: 210px;
    top: 0;
    bottom: 0
}

.b-rc-pros {
    background-color: #fff;
    float: right;
    width: 209px;
    height: 100%;
    position: relative
}

.m-printingNotes-detali {
    overflow: hidden;
    position: absolute;
    width: 795px;
    height: 430px;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    background-color: #fff;
    top: -80px;
    left: -785px;
    box-shadow: 0 0 30px #ccc;
    z-index: 4;
    transition-duration: .3s
}

.b-seller-im {
    background-color: #fff;
    float: right;
    width: 209px;
    height: 100%;
    position: relative;
    margin-top: 30px;
    margin-bottom: 62px;
    overflow: hidden
}

    .b-seller-im .m-im-avater {
        width: 128px;
        height: 128px;
        margin: auto;
        display: block;
        border: none
    }

    .b-seller-im .m-im-state {
        width: 100%;
        padding: 10px 0;
        text-align: center;
        font-size: 14px
    }

        .b-seller-im .m-im-state span {
            color: #09f
        }

    .b-seller-im .m-im-offline span {
        color: #999
    }

    .b-seller-im .e-im-btn {
        margin: auto;
        width: 130px;
        height: 34px;
        line-height: 34px;
        display: block;
        border-radius: 3px;
        text-align: center;
        font-size: 12px;
        color: #fff;
        background-color: #09f
    }

        .b-seller-im .e-im-btn i {
            background: url('/img/alertMsg/nbsicon.png') no-repeat -328px -9px;
            float: left;
            width: 18px;
            height: 18px;
            margin: 8px 5px 0 30px
        }

        .b-seller-im .e-im-btn span {
            float: left
        }

    .b-seller-im .m-im-no {
        background-color: #ccc
    }

        .b-seller-im .m-im-no i {
            background: url('/img/alertMsg/nbsicon.png') no-repeat -328px -9px;
            float: left;
            width: 18px;
            height: 18px;
            margin: 8px 10px 0 28px
        }

    .b-seller-im .m-line {
        width: 169px;
        margin: auto;
        height: 1px;
        background-color: #e7e7e7;
        margin-top: 10px
    }

.b-order-process {
    height: 80px;
    overflow: hidden;
    background-color: #fff;
    margin-top: 20px
}

    .b-order-process .e-order-process {
        width: 100%;
        height: 100%;
        position: relative
    }

        .b-order-process .e-order-process div {
            width: 100%;
            height: 100%;
            position: absolute
        }

        .b-order-process .e-order-process .m-process-img {
            background: url('/img/alertMsg/product_order_process.png') no-repeat
        }

.b-content-panel-two {
    margin-top: 20px
}

.b-content-panelTwoLetf {
    float: left;
    width: 1000px
}

.b-c-sellerProHot-panel {
    float: left
}

    .b-c-sellerProHot-panel .m-title {
        display: block;
        font-size: 14px
    }

.b-c-sellerProHot-list {
    background-color: #fff;
    float: left;
    margin-top: 10px
}

    .b-c-sellerProHot-list ul {
        float: left
    }

        .b-c-sellerProHot-list ul li {
            padding: 10px 14px 10px 15px;
            width: 170px;
            float: left;
            border-right: 1px solid #e5e5e5
        }

            .b-c-sellerProHot-list ul li a {
                float: left;
                width: 100%
            }

            .b-c-sellerProHot-list ul li .e-hot-pro {
                display: block
            }

            .b-c-sellerProHot-list ul li .m-pro-face {
                width: 170px;
                height: 170px;
                display: block
            }

            .b-c-sellerProHot-list ul li .e-hot-pro-info-priceAndSales {
                float: left;
                width: 100%
            }

            .b-c-sellerProHot-list ul li .m-price {
                float: left;
                color: #f90
            }

            .b-c-sellerProHot-list ul li .m-sales {
                float: right;
                color: #999;
                font-size: 12px;
                line-height: 20px
            }

            .b-c-sellerProHot-list ul li .m-pro-name {
                font-size: 12px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                width: 100%;
                display: block
            }

    .b-c-sellerProHot-list .e-c-sellerProHot-more {
        float: left;
        width: 100%;
        text-align: center;
        border-top: 1px solid #e5e5e5
    }

        .b-c-sellerProHot-list .e-c-sellerProHot-more a {
            display: block;
            font-size: 12px;
            line-height: 25px;
            color: #999
        }

            .b-c-sellerProHot-list .e-c-sellerProHot-more a:hover {
                color: #f90
            }

.b-c-seller-detailAndComment {
    margin-top: 20px;
    float: left;
    width: 100%
}

    .b-c-seller-detailAndComment .e-detailAndComment-tab {
        width: 100%;
        float: left;
        display: block
    }

        .b-c-seller-detailAndComment .e-detailAndComment-tab span {
            cursor: pointer;
            display: inline-block;
            line-height: 30px;
            padding: 0 20px;
            font-size: 14px
        }

            .b-c-seller-detailAndComment .e-detailAndComment-tab span.m-curr {
                background-color: #fff
            }

    .b-c-seller-detailAndComment .e-detailAndComment-tabPanel {
        width: 1000px;
        float: left;
        overflow: hidden
    }

        .b-c-seller-detailAndComment .e-detailAndComment-tabPanel .b-detail-tabPanel {
            background-color: #fff;
            padding: 20px
        }

        .b-c-seller-detailAndComment .e-detailAndComment-tabPanel .b-comment-tabPanel {
            background-color: #fff;
            padding: 20px
        }

.b-detail-tabPanel .e-c-detialInfo {
    min-height: 200px;
    width: 960px;
    overflow: hidden
}

    .b-detail-tabPanel .e-c-detialInfo img {
        display: block;
        margin: auto;
        max-width: 960px;
        text-align: center
    }

.b-detail-tabPanel .attribute_list {
    width: 960px;
    padding-bottom: 10px
}

    .b-detail-tabPanel .attribute_list li {
        float: left;
        width: 460px;
        margin-right: 10px;
        line-height: 30px;
        font-size: 12px;
        color: #666
    }

        .b-detail-tabPanel .attribute_list li span {
            color: #333
        }

.b-content-panelTwoRight {
    float: right;
    width: 190px;
    height: 100%
}

.b-pagemodel-item {
    background-color: #f4f4f4;
    position: relative;
    margin-top: 20px;
    font-family: "微软雅黑"
}

    .b-pagemodel-item .m-title {
        font-size: 18px;
        font-family: "微软雅黑";
        margin-bottom: 10px;
        font-weight: 600
    }

    .b-pagemodel-item .m-node {
        float: left;
        background-color: #fff;
        position: absolute
    }

        .b-pagemodel-item .m-node:hover {
            cursor: pointer;
            box-shadow: #ccc 0 0 10px
        }

            .b-pagemodel-item .m-node:hover .m-no-set {
                color: #333
            }

    .b-pagemodel-item .m-no-set {
        text-align: center;
        color: #b5b5b5;
        line-height: 60px
    }

    .b-pagemodel-item .m-node .m-innerdata {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin: 0 15px
    }

    .b-pagemodel-item .m-node .m-pro-name {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        margin-top: 5px;
        font-family: "宋体";
        color: #333
    }

    .b-pagemodel-item .m-node .m-pro-name-plus {
        font-size: 18px;
        margin-top: 10px;
        font-family: "微软雅黑"
    }

    .b-pagemodel-item .m-node .m-pro-price {
        float: left;
        color: #f60;
        margin-top: 3px;
        font-weight: 600
    }

    .b-pagemodel-item .m-node .m-pro-price-plus {
        font-size: 22px;
        margin-top: 10px;
        font-family: "微软雅黑"
    }

    .b-pagemodel-item .m-node .m-pro-unit {
        float: left;
        color: #999;
        font-size: 12px;
        padding-top: 4px;
        line-height: 20px;
        font-family: '宋体';
        margin-left: 5px;
        text-align: center
    }

    .b-pagemodel-item .m-node .m-pro-unit-plus {
        font-size: 14px;
        padding-top: 15px
    }

    .b-pagemodel-item .m-node .m-pro-unit i {
        font-size: 12px;
        padding-right: 3px;
        font-family: 'Microsoft YaHei'
    }

    .b-pagemodel-item .m-node .m-pro-unit em {
        font-size: 12px;
        padding-right: 3px
    }

    .b-pagemodel-item .m-node .m-pro-unit-plus i {
        font-size: 13px
    }

    .b-pagemodel-item .m-node .m-pro-unit-plus em {
        font-size: 13px
    }

    .b-pagemodel-item .m-node .m-pro-sales {
        float: right;
        color: #999;
        margin-top: 7px;
        font-size: 12px;
        font-family: "宋体"
    }

    .b-pagemodel-item .m-node .m-pro-sales-plus {
        font-size: 14px;
        margin-top: 17px;
        font-family: "微软雅黑"
    }

.b-userlogin-mask {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    z-index: 7;
    filter: alpha(opacity=50);
    opacity: .5;
    top: 0;
    left: 0;
    display: none
}

.b-userlogin {
    position: fixed;
    top: 120px;
    z-index: 8;
    float: left;
    background-color: #fff;
    border-radius: 3px;
    width: 550px;
    height: 440px;
    left: 650px;
    display: none
}

    .b-userlogin .m-close {
        background: url("/img/alertMsg/pfp_icon.png") -10px -219px;
        width: 22px;
        height: 22px;
        float: right;
        margin: 15px 20px 0 0;
        cursor: pointer
    }

        .b-userlogin .m-close:hover {
            background-position: -42px -219px
        }

    .b-userlogin .b-controls {
        margin-left: 160px;
        margin-top: 50px;
        width: 242px
    }

    .b-userlogin .e-control {
        font-size: 12px;
        margin-bottom: 15px;
        position: relative
    }

    .b-userlogin .e-control-item {
        float: left;
        width: 212px
    }

    .b-userlogin .e-control-ckb {
        overflow: hidden;
        vertical-align: middle;
        float: left
    }

        .b-userlogin .e-control-ckb input {
            display: inline-block;
            vertical-align: middle
        }

        .b-userlogin .e-control-ckb label {
            font-size: 12px;
            color: #999;
            cursor: pointer
        }

    .b-userlogin .m-title {
        display: block;
        color: #999;
        margin-bottom: 5px
    }

    .b-userlogin .m-use-code {
        position: absolute;
        top: 0;
        right: 0;
        color: #39f;
        cursor: pointer;
        display: none
    }

    .b-userlogin .m-sel {
        width: 211px;
        border: 1px solid #e5e5e5;
        height: 30px;
        padding: 0 5px;
        outline: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        cursor: pointer
    }

    .b-userlogin .m-text {
        width: 200px;
        border: 1px solid #e5e5e5;
        height: 28px;
        padding: 0 5px;
        outline: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

    .b-userlogin .m-icon-yun {
        background: url("https://crs.yunduanyin.com/res/nbs/icon.png") -82px -217px;
        width: 28px;
        height: 28px;
        float: left;
        border: 1px solid #e5e5e5;
        border-right: 0
    }

    .b-userlogin .m-icon-user {
        background: url("https://crs.yunduanyin.com/res/nbs/icon.png") -11px -247px;
        width: 28px;
        height: 28px;
        float: left;
        border: 1px solid #e5e5e5;
        border-right: 0
    }

    .b-userlogin .m-icon-pwd {
        background: url("https://crs.yunduanyin.com/res/nbs/icon.png") -51px -247px;
        width: 28px;
        height: 28px;
        float: left;
        border: 1px solid #e5e5e5;
        border-right: 0
    }

    .b-userlogin .m-btn-login {
        padding: 8px 0;
        width: 240px;
        display: block;
        border-radius: 3px;
        color: #fff;
        text-align: Center;
        font-size: 14px
    }

    .b-userlogin .m-btn-login-lock {
        background-color: #ccc;
        cursor: not-allowed
    }

        .b-userlogin .m-btn-login-lock:hover {
            background-color: #ccc
        }

    .b-userlogin .e-opers-more {
        overflow: hidden;
        display: block;
        width: 240px;
        margin-top: 10px
    }

    .b-userlogin .m-opers-register {
        font-size: 12px
    }

    .b-userlogin .m-text-register {
        color: #666;
        font-size: 12px
    }

    .b-userlogin .m-opers-findpwd {
        float: right;
        font-size: 12px
    }

    .b-userlogin .b-login-tip {
        text-align: center;
        height: 30px;
        line-height: 30px
    }

        .b-userlogin .b-login-tip span {
            width: 45px;
            height: 1px;
            background-color: #e4e4e4;
            margin-top: 16px
        }

        .b-userlogin .b-login-tip i {
            font-size: 12px;
            color: #999
        }

    .b-userlogin .b-login-tha {
        float: left;
        display: inline;
        margin-left: 32px
    }

        .b-userlogin .b-login-tha a {
            margin: 5px 0 0 40px
        }

        .b-userlogin .b-login-tha .m-login-qq {
            background: url("/img/alertMsg/pfp_icon.png") -15px -554px no-repeat;
            width: 30px;
            height: 30px;
            float: left
        }

        .b-userlogin .b-login-tha .m-login-wx {
            background: url("/img/alertMsg/pfp_icon.png") -65px -554px no-repeat;
            width: 30px;
            height: 30px;
            float: left
        }

.operate-but {
    position: absolute;
    padding: 0 7px;
    text-align: center;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    color: #fff;
    background-color: #39f;
    top: 3.5px;
    right: 4px;
    font-size: 12px;
    line-height: 22px;
    border-radius: 3px
}

.operat-but:hover {
    background-color: #0072ff
}

.operat-disable {
    color: #fff;
    background-color: #ccc
}

.wxqrlogin_container {
    width: 510px;
    height: 400px;
    padding: 20px 0 20px 40px;
    text-align: center;
    position: fixed;
    z-index: 20;
    left: 50%;
    top: 50%;
    margin-left: -275px;
    margin-top: -300px;
    border-radius: 5px;
    background-color: #fff;
    display: none
}

    .wxqrlogin_container .m-close {
        background: url("/img/alertMsg/pfp_icon.png") -10px -219px;
        width: 22px;
        height: 22px;
        float: right;
        margin: 0 20px 0 0;
        cursor: pointer
    }

        .wxqrlogin_container .m-close:hover {
            background-position: -42px -219px
        }

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset !important
}

.bord-msgBox {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    z-index: 900;
    filter: alpha(opacity=50);
    opacity: .5;
    top: 0;
    left: 0;
    display: none
}

.GETAO-MSGBOX-Box {
    min-width: 300px;
    max-width: 800px;
    min-height: 100px;
    padding: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: fixed;
    left: 100px;
    z-index: 1000;
    background: #fff
}

.GETAO-MSGBOX-Box-Close {
    background: url("/img/alertMsg/getaosoft_icon.png") no-repeat -10px -50px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1500
}

    .GETAO-MSGBOX-Box-Close:hover {
        background-position: -32px -50px
    }

.GETAO-MSGBOX-Box-Detail {
    float: left;
    width: 100%
}

.GETAO-MSGBOX-Box-Content {
    float: left;
    margin-left: 50px;
    width: 300px
}

    .GETAO-MSGBOX-Box-Content .GETAO-MSGBOX-Box-Content-MsgContent {
        float: left;
        width: 100%;
        font-size: 16px;
        font-family: 'Microsoft YaHei';
        color: #333;
        line-height: 30px;
        margin-bottom: 10px
    }

    .GETAO-MSGBOX-Box-Content .GETAO-MSGBOX-Box-Content-MsgDesc {
        float: left;
        width: 100%;
        line-height: 22px;
        font-size: 12px;
        color: #666;
        padding-bottom: 10px
    }

.none {
    display: none
}

.cb {
    clear: both
}

.GETAO-MSGBOX-Button-MsLink {
    float: left
}

.GETAO-MSGBOX-Button a {
    float: left;
    text-decoration: none;
    position: relative;
    margin-left: 5px;
    font-size: 12px;
    line-height: 30px
}

.GETAO-MSGBOX-Button i {
    float: left;
    font-style: normal;
    font-size: 12px;
    line-height: 30px;
    margin-left: 5px
}

.GETAO-MSGBOX-Button-MsgConfirm {
    float: left;
    min-width: 80px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #f90;
    text-align: center;
    font-size: 12px;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 10px
}

    .GETAO-MSGBOX-Button-MsgConfirm:hover {
        color: #f60;
        color: #fff;
        background-color: #ff7e00
    }

.GETAO-MSGBOX-Button-MsgCancel {
    float: left;
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #333;
    background-color: #fff;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #ccc
}

.GETAO-MSGBOX-Icon-Success {
    float: left;
    width: 30px;
    height: 30px;
    background: url("/img/alertMsg/getaosoft_icon.png") no-repeat -10px -10px;
    margin-right: 20px;
    position: absolute;
    left: 30px
}

.GETAO-MSGBOX-Icon-ShopCar {
    float: left;
    width: 30px;
    height: 30px;
    background: url(/img/alertMsg/getaosoft_icon.png) no-repeat -50px -10px;
    margin-right: 20px;
    position: absolute;
    left: 30px
}

.GETAO-MSGBOX-Icon-Error {
    float: left;
    width: 30px;
    height: 30px;
    background: url(/img/alertMsg/getaosoft_icon.png) no-repeat -90px -10px;
    margin-right: 20px;
    position: absolute;
    left: 30px
}

.GETAO-MSGBOX-Icon-What {
    float: left;
    width: 30px;
    height: 30px;
    background: url(/img/alertMsg/getaosoft_icon.png) no-repeat -130px -10px;
    margin-right: 20px;
    position: absolute;
    left: 30px
}

.GETAO-MSGBOX-Icon-Message {
    float: left;
    width: 30px;
    height: 30px;
    background: url(/img/alertMsg/getaosoft_icon.png) no-repeat -170px -10px;
    margin-right: 20px;
    position: absolute;
    left: 30px
}
