﻿/*  公共样式    */
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; }

.pageSplit A:hover {
  background-color: lightyellow;
  border-style: solid;
  border-width: 1px;
  color: #000000;
}
.pageSplit div a{
  clear: both;
  height: 22px;
  margin: 10px auto 20px;
  width: 100%;
  background-color: #F8F8F8;
  border-style: solid;
  border-width: 1px;
  color: #2E6AB1;
  padding: 2px 5px;
  text-decoration: none;
  margin-right:6px;
}
.bigFont{ font-size:14px; font-weight:bold; color:#3366CC}
.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; }
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-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 .selectPhoto { width: 90px; height: 25px; margin: 5px auto; background: url(../image/button/selectphoto.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; }



.common-photolist { width: 100px; float: left; }
    .common-photolist .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-photolist .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-photolist .pu-pic img { width: 88px; height: 88px; visibility: hidden; }
    .common-photolist .pu-file { width: 90px; height: 25px; margin: 5px auto; background: url(../image/button/photoupload.png) no-repeat; display: block; }
     .common-photolist .selectPhoto { width: 90px; height: 25px; margin: 5px auto; background: url(../image/button/selectphoto.png) no-repeat; display: block; }
        .common-photolist .pu-file:hover { background-position: left -25px; }
.common-photolist-loading .pu-pic { background: url(../image/loading.gif) no-repeat center center; }
.common-photolist-loading .pu-file { background-position: left -95px; }


#tmpItem{display:none}

#linkfile{background:url(/show/images/file-drop-zone-title.png); width:90px;height:90px;}


/*  产品单项显示控件 SP.BizSite.Controls.ProductItem    */
.full .productitem-Picture{}
.productitem-Picture { width: 250px;   float: left; margin:5px 25px; height: 270px; overflow: hidden; }
    .productitem-Picture .pic { background: url(../image/loading.gif) no-repeat center center; width:250px; height:155px; padding:0px; margin:0px; position: relative;   }
        .productitem-Picture .pic a { display: block; background-position:center center; background-repeat:no-repeat; }
        .productitem-Picture .pic img { width: 250px; height:150px; }
        .productitem-Picture .pic .tag { position: absolute; width: 54px; height: 60px; background: url(../image/360buy/tag.png) no-repeat 100px 100px; right: 0px; top: 0px; display:none; }
        .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 .money { padding-top: 5px; }
        .productitem-Picture .money strong { font-size: 12px; color: #CC0000; font-weight: 700; }
       .RetailPrice{ font-family: "tahoma"; text-decoration: line-through; font-style: normal; color: #0000FF; padding-left: 0px; }
         .productitem-Picture .money .RetailPrice { font-family: "tahoma"; text-decoration: line-through; font-style: normal; color: #0000FF; padding-left: 0px; }
    .productitem-Picture .integral { font-size: 14px; color:#F50; line-height:32px;  }
    
    .productitem-Picture .Proname a {  font-weight:bold; }
    .productitem-Picture .name { color: #666666; line-height: 20px; font-weight:bold; height:20px; overflow:hidden; }
        .productitem-Picture .name b { color: #FF5500; font-weight: normal; }
    .productitem-Picture .desc { padding-top: 4px; color: #999; text-indent: 2em; }
    .productitem-Picture .info {  color: #9a9899; height:40px;line-height:20px; overflow:hidden; }
    .productitem-Picture .info a{color: #9a9899;}
        .productitem-Picture .info .sell { color: #CEAA00; font-weight: 700; }

/*  颜色控制    */
.gray { color: #999999; }
.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; }

.tip-txt{ color:#696969; width:530px;}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2168ba;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-image: linear-gradient(to bottom, #2976d0, #145398);
    border-left-color: #145398;
    border-right-color: #145398;
    border-top-color: #145398;
    border-bottom-color: #0b2e54;
}
.btn-large {
  padding: 2px 12px;
  font-size: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right:8px;

}