@charset "utf-8";

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    color: #000;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

ul, li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

/*  公共样式    */
body {
    font-size: 12px;
    margin: 0px;
    font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体b8b\4f53',sans-serif;
}

.clear {
    clear: both;
}

.lineHeight {
    height: 10px;
}

a img {
    border-width: 0px;
}

a.blue {
    color: #3366CC;
    text-decoration: none;
}

    a.blue:hover {
        color: #FF6600;
        text-decoration: underline;
    }

.pageSplit {
    text-align: center;
    padding: 10px 5px;
}

.ft14 {
    font-size: 14px;
}

.ft16 {
    font-size: 16px;
}

/*  黄色的按钮   */
.btnYellow {
    background: url(/images/button/yellow.gif) no-repeat;
    display: inline-block;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

    .btnYellow span {
        background: url(/images/button/yellow.gif) no-repeat right -27px;
        display: inline-block;
        height: 19px;
        padding: 4px 12px;
        font-weight: bold;
        color: White;
        font-size: 14px;
    }

button.btnYellow span {
    margin-top: -1px;
    margin-right: -4px;
    padding-left: 16px;
    padding-right: 16px;
}

.btnYellow:hover {
    text-decoration: none;
}

.btn {
    border-width: 0px;
    background: url(/images/user/btn.png) no-repeat;
    width: 80px;
    height: 25px;
    cursor: pointer;
    color: White;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
}

a.btn {
    display: inline-block;
    text-align: center;
    line-height: 25px;
}

.or1 {
    background-position: left top;
    width: 80px;
    height: 25px;
}

.or2 {
    background-position: left -150px;
    width: 51px;
    height: 21px;
    font-weight: normal;
}

.or3 {
    background-position: left -300px;
    width: 100px;
    height: 25px;
}

.or4 {
    background-position: left -450px;
    width: 60px;
    height: 25px;
}

.or5 {
    background-position: left -600px;
    width: 61px;
    height: 21px;
    font-weight: normal;
}

.bl1 {
    background-position: left -25px;
    width: 80px;
    height: 25px;
}

.bl2 {
    background-position: left -180px;
    width: 51px;
    height: 21px;
    font-weight: normal;
}

.bl3 {
    background-position: left -325px;
    width: 100px;
    height: 25px;
}

.bl4 {
    background-position: left -475px;
    width: 60px;
    height: 25px;
}

.bl5 {
    background-position: left -630px;
    width: 61px;
    height: 21px;
    font-weight: normal;
}

.gr1 {
    background-position: left -50px;
    color: #0F0000;
    font-weight: normal;
    width: 80px;
    height: 25px;
}

.gr2 {
    background-position: left -210px;
    color: #0F0000;
    font-weight: normal;
    width: 51px;
    height: 21px;
}

.gr3 {
    background-position: left -350px;
    color: #0F0000;
    font-weight: normal;
    width: 100px;
    height: 25px;
}

.gr4 {
    background-position: left -500px;
    color: #0F0000;
    font-weight: normal;
    width: 60px;
    height: 25px;
}

.gr5 {
    background-position: left -660px;
    color: #0F0000;
    font-weight: normal;
    width: 61px;
    height: 21px;
    font-weight: normal;
}

.disabled {
    background: #e8e8e8;
    color: #AAA;
    border: 1px solid #CDCDCD;
    cursor: default;
    width: auto;
}

.form-loading {
    background: url(/image/loading.gif) no-repeat;
    color: #999999;
    padding: 2px 0px 2px 18px;
}

.form-error {
    background: url(/image/ico-ali.png) no-repeat -128px -418px;
    padding: 2px 0px 2px 18px;
    color: Red;
}

.form-success {
    background: url(/image/ico-ali.png) no-repeat -165px -388px;
    padding: 2px 0px 2px 18px;
    color: Green;
}

/*  横幅的提示栏  */
.common-tip {
    border: 1px dashed #FBDEC2;
    background: #FFFDE4;
    padding: 10px;
    border-radius: 5px;
}

    .common-tip .ico {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(/images/ico-ali.png) no-repeat -225px -680px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .common-tip .ico-alert {
        background-position: -225px -680px;
    }

    .common-tip .ico-light {
    }

    .common-tip .ico-success {
        background-position: -164px -389px;
    }

    .common-tip .ico-error {
        background-position: -127px -419px;
    }

    .common-tip .ico-loading {
        background: url(/images/loading.gif) no-repeat;
    }

    .common-tip .ico-time {
        background: url(/images/icon/clock16.gif) no-repeat;
    }

    .common-tip .ico-flag-green {
        background: url(/images/icon/flag-green.png) no-repeat;
    }

.common-tip-p5 {
    padding: 5px;
}

.common-tip-none {
    border: none;
    background: none;
}

/*  充值的弹出模式窗口   */
DIV.UI-diag-payment {
    border: 6px solid #767576;
}

    DIV.UI-diag-payment .body {
        padding: 12px;
    }

    DIV.UI-diag-payment h3 {
        font-size: 12px;
        font-weight: normal;
        background: url(/images/ico-ali.png) no-repeat -225px -675px;
        text-indent: 1.5em;
        line-height: 24px;
    }

    DIV.UI-diag-payment .btnbar {
        text-align: center;
    }

/*  图片上传控件 SP.BizSite.Control.PhotoUpload */
.common-photoupload {
    width: 100px;
    float: left;
}

    .common-photoupload .pu-pic {
        width: 88px;
        height: 88px;
        margin: auto;
        border: 1px solid #CCCCCC;
        overflow: hidden;
        background: #FFFFFF url(/images/shop/default.jpg) no-repeat center center;
        position: relative;
    }

        .common-photoupload .pu-pic .pu-close {
            position: absolute;
            width: 16px;
            height: 16px;
            background: url(/images/ico-ali.png) no-repeat 3px -75px;
            right: 3px;
            top: 3px;
        }

        .common-photoupload .pu-pic img {
            width: 88px;
            height: 88px;
            visibility: hidden;
        }

    .common-photoupload .pu-file {
        overflow: hidden;
        width: 90px;
        height: 25px;
        line-height: 25px;
        color: #333;
        text-align: center;
        margin: 5px auto;
        background: url(/images/button/photoupload.png) no-repeat;
        display: block;
    }

        .common-photoupload .pu-file:hover {
            background-position: left -25px;
        }

    .common-photoupload .pu-file-text {
        background-position: left -120px;
    }

        .common-photoupload .pu-file-text:hover {
            background-position: left -145px;
            color: #666;
        }

.common-photoupload-loading .pu-pic {
    background: url(/images/loading.gif) no-repeat center center;
}

.common-photoupload-loading .pu-file {
    background-position: left -95px;
}

.common-photoupload-loading .pu-file-text {
    text-indent: -100em;
}

/*  产品单项显示控件 SP.BizSite.Controls.ProductItem    */
.productitem-Picture {
    width: 220px;
    padding: 5px;
    border: 1px solid #CCCCCC;
    float: left;
    margin: 8px;
    height: 350px;
    overflow: hidden;
}

    .productitem-Picture .pic {
        background: url(/images/loading.gif) no-repeat center center;
        height: 220px;
        position: relative;
    }

        .productitem-Picture .pic a {
            display: block;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .productitem-Picture .pic img {
            width: 220px;
        }

        .productitem-Picture .pic .tag {
            position: absolute;
            width: 54px;
            height: 60px;
            background: url(/images/360buy/tag.png) no-repeat 100px 100px;
            right: 0px;
            top: 0px;
        }

        .productitem-Picture .pic .New {
            background-position: 0px 0px;
        }

        .productitem-Picture .pic .Hot {
            background-position: -54px top;
        }

        .productitem-Picture .pic .Special {
            background-position: -108px top;
        }

    .productitem-Picture .preview {
        padding: 0px;
        overflow: hidden;
        height: 40px;
        margin: 4px 0px;
    }

        .productitem-Picture .preview a {
            display: inline-block;
            margin-right: 4px;
        }

            .productitem-Picture .preview a img {
                width: 34px;
                height: 34px;
            }

            .productitem-Picture .preview a.current img {
                border-color: #CD0000;
                background-color: #CD0000;
            }

            .productitem-Picture .preview a img {
                border: 1px solid #CCCCCC;
                padding: 1px;
            }

    .productitem-Picture .shop {
        height: 24px;
        padding: 5px;
        line-height: 24px;
    }

        .productitem-Picture .shop img {
            height: 22px;
            border: 1px solid #CCC;
            vertical-align: middle;
        }

        .productitem-Picture .shop a {
            color: blue;
            margin-left: 10px;
        }

    .productitem-Picture .money {
        padding-top: 5px;
    }

        .productitem-Picture .money strong {
            font-size: 16px;
            color: #CC0000;
            font-weight: 700;
        }

        .productitem-Picture .money .RetailPrice {
            font-family: "tahoma";
            text-decoration: line-through;
            font-style: normal;
            color: #CCCCCC;
            padding-left: 4px;
        }

    .productitem-Picture .integral {
        font-size: 14px;
        color: #F50;
        line-height: 32px;
    }

    .productitem-Picture .name {
        color: #666666;
        line-height: 16px;
    }

        .productitem-Picture .name b {
            color: #FF5500;
            font-weight: normal;
            word-break: break-all;
        }

    .productitem-Picture .desc {
        padding-top: 4px;
        color: #999;
        text-indent: 2em;
    }

    .productitem-Picture .info {
        padding-top: 5px;
        color: #999999;
    }

        .productitem-Picture .info .sell {
            color: #CEAA00;
            font-weight: 700;
        }

/*  颜色控制    */
.gray {
    color: #999999;
}

.income {
    color: #303030;
}

.orange {
    color: #F50;
}

.green {
    color: #196c18;
}

.red {
    color: #cd2303;
}

/*  排序链接 */
a.sort-desc {
    background: url(/image/button/sort-desc.gif) no-repeat left center;
    padding-left: 12px;
}

a.sort-asc {
    background: url(/image/button/sort-asc.gif) no-repeat left center;
    padding-left: 12px;
}


/*  文章页面    */
.Article {
}

    .Article .Attachment {
        padding: 8px 15px;
    }

        .Article .Attachment ul li a {
            font-size: 14px;
            background: url(/images/ico-attachment.gif) no-repeat left center;
            padding-left: 16px;
        }

    /*  文章页面的相册控件*/
    .Article .ArticleAlbum {
        margin: 20px auto;
    }

        .Article .ArticleAlbum .show {
            position: relative;
            padding-bottom: 22px;
        }

            .Article .ArticleAlbum .show .action {
                position: absolute;
                top: 0px;
                height: 100%;
                width: 50%;
                z-index: 1;
                background-image: url(/IMAGE/SPACE.GIF);
            }

            .Article .ArticleAlbum .show .Previous {
                left: 0px;
                cursor: url(/image/cur/left.cur), auto;
            }

            .Article .ArticleAlbum .show .Next {
                right: 0px;
                cursor: url(/image/cur/right.cur), auto;
            }

            .Article .ArticleAlbum .show ul li {
                position: relative;
                padding-bottom: 22px;
            }

                .Article .ArticleAlbum .show ul li .PhotoName {
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    line-height: 22px;
                    text-align: center;
                    width: 100%;
                }

        .Article .ArticleAlbum .preview {
            height: 93px;
            margin: auto;
        }

            .Article .ArticleAlbum .preview li {
                float: left;
                width: 110px;
                height: 80px;
                text-align: center;
                overflow: hidden;
                padding: 5px;
            }

                .Article .ArticleAlbum .preview li img {
                    height: 80px;
                }

                .Article .ArticleAlbum .preview li.current {
                    padding-top: 0px;
                }

                    .Article .ArticleAlbum .preview li.current img {
                        border-bottom: 5px solid #CC1B1B;
                    }

/*  在线客服 */
.QQService {
    width: 120px;
    padding-top: 30px;
    background: url(/image/qqService.gif) no-repeat;
    position: absolute;
}

    .QQService a.qq {
        display: block;
        height: 27px;
        line-height: 27px;
        background: url(/image/qqService.gif) no-repeat -120px top;
        margin: 10px 0px;
        padding-left: 15px;
        overflow: hidden;
        color: #333;
        text-decoration: none;
    }

        .QQService a.qq img {
            vertical-align: middle;
        }

    .QQService .bottom {
        height: 2px;
        background: url(/image/qqService.gif) no-repeat left bottom;
    }

/*  元素检测控件 来自 common.js CheckInput */
.common-checkinput {
}

    .common-checkinput .result {
        border: 1px dashed #FBDEC2;
        background: #FFFDE4;
        padding: 0px 5px;
        border-radius: 5px;
        display: inline-block;
        background: no-repeat 6px center;
    }

    .common-checkinput .loading {
        background-image: url(/images/loading.gif);
        color: #dedede;
        text-indent: 22px;
    }

    .common-checkinput .error {
        background-image: url(/images/icon/error14.gif);
        color: red;
        text-indent: 22px;
    }

    .common-checkinput .success {
        background-image: url(/images/icon/success14.gif);
        color: #357d28;
        text-indent: 22px;
    }


/*  关于我们的栏目页 */
.PageColumn .AboutUS {
}

    .PageColumn .AboutUS .icon {
    }

        .PageColumn .AboutUS .icon li {
            display: inline-block;
            width: 16%;
            text-align: center;
            height: 110px;
            text-align: center;
        }

            .PageColumn .AboutUS .icon li img {
                width: 88px;
                height: 85px;
            }

            .PageColumn .AboutUS .icon li label {
                font-size: 16px;
                font-weight: bold;
                display: block;
            }

    .PageColumn .AboutUS .content {
        padding: 10px;
    }


/*==========以下部分是Validform必须的===========*/
.Validform_checktip {
    margin-left: 8px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
}

.Validform_right {
    color: #71b83d;
    padding-left: 20px;
    background: url(/images/right.png) no-repeat left center;
}

.Validform_wrong {
    color: red;
    padding-left: 20px;
    white-space: nowrap;
    background: url(/images/error.png) no-repeat left center;
}

.Validform_loading {
    padding-left: 20px;
    background: url(/images/onLoad.gif) no-repeat left center;
}

.Validform_error {
    background-color: #ffe7e7;
}

#Validform_msg {
    color: #7d8289;
    font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
    width: 280px;
    -webkit-box-shadow: 2px 2px 3px #aaa;
    -moz-box-shadow: 2px 2px 3px #aaa;
    background: #fff;
    position: absolute;
    top: 0px;
    right: 50px;
    z-index: 99999;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}

    #Validform_msg .iframe {
        position: absolute;
        left: 0px;
        top: -1px;
        z-index: -1;
    }

    #Validform_msg .Validform_title {
        line-height: 25px;
        height: 25px;
        text-align: left;
        font-weight: bold;
        padding: 0 8px;
        color: #fff;
        position: relative;
        background-color: #999;
        background: -moz-linear-gradient(top, #999, #666 100%);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
    }

    #Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
        line-height: 22px;
        position: absolute;
        right: 8px;
        top: 0px;
        color: #fff;
        text-decoration: none;
    }

    #Validform_msg a.Validform_close:hover {
        color: #ccc;
    }

    #Validform_msg .Validform_info {
        padding: 8px;
        border: 1px solid #bbb;
        border-top: none;
        text-align: left;
    }