@charset "utf-8";

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html { color: #000;-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 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(../image/button/yellow.gif) no-repeat; display: inline-block; border-width: 0px; padding: 0px; margin: 0px; cursor: pointer; }
    .btnYellow span { background: url(../image/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(../image/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(../image/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(../image/loading.gif) no-repeat; }
    .common-tip .ico-time { background: url(../image/icon/clock16.gif) 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(../image/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(../image/shop/default.jpg) no-repeat center center; position: relative; }
        .common-photoupload .pu-pic .pu-close { position: absolute; width: 16px; height: 16px; background: url(../image/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 { width: 90px; height: 25px; margin: 5px auto; background: url(../image/button/photoupload.png) no-repeat; display: block; }
        .common-photoupload .pu-file:hover { background-position: left -25px; }
.common-photoupload-loading .pu-pic { background: url(../image/loading.gif) no-repeat center center; }
.common-photoupload-loading .pu-file { background-position: left -95px; }

/*  产品单项显示控件 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(../image/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(../image/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(../image/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(../image/loading.gif); color: #dedede; text-indent: 22px; }
    .common-checkinput .error { background-image: url(../image/icon/error14.gif); color: red; text-indent: 22px; }
    .common-checkinput .success { background-image: url(../image/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; }