/*
Template Name: ECSHOP Default
Template URI: //www.ecshop.com/
Description: é»˜è®¤å‡çº§ç‰ˆ.
Version: 2.7.2
Author: ECSHOP Team
Author URI: //www.ecshop.com/
Logo filename: logo.gif
Template Type: type_0
*/


/* ====================
     å…¬å…±æ ·å¼
==================== */

body {
    background: #fff;
    font-size: 12px;
    font-family: "å®‹ä½“", Verdana, Arial;
    line-height: 150%;
    margin: 5px 0 0 0;
    padding: 0;
    color: #404040;
}

div {
    margin: 0 auto;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
dl,
dt,
dd,
form,
img,
p {
    margin: 0;
    padding: 0;
    border: none;
    list-style-type: none;
}

.block {
    width: 908px;
    height: auto;
}

#wrapper {
    width: 930px;
    margin: 0 auto;
    background: url(images/bg1.jpg) repeat-y;
}

.f_l {
    float: left;
}

.f_r {
    float: right;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.dis {
    display: block;
}

.inline {
    display: inline;
}

.none {
    display: none;
}

.dashed {
    background: url(images/lineBg.gif) repeat-x left top;
    color: #555;
    padding: 2px 0 3px 12px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

*html .clearfix {
    height: 1%;
}

*+html .clearfix {
    height: 1%;
}


/*è‹±æ–‡å¼ºåˆ¶æ¢è¡Œ*/

.word {
    word-break: break-all;
}


/*è¾¹æ¡†*/

.B_blue {
    /*border:1px solid #c5e4ff;*/
    margin-right: 2px;
}

.B_input {
    border: 1px solid #0f97ed;
}

.inputBg {
    border: 1px solid #b3b3b3;
    background: url(images/inputbg.gif) repeat-x left top;
    height: 18px;
}

.textareaBg {
    border: 1px solid #b3b3b3;
    background: url(images/inputbg.gif) repeat-x left top;
    width: 98%;
}


/*å­—ä½“é¢œè‰²*/

.f1 {
    color: #ff6666;
}

.f2 {
    color: #006bd0;
    font-weight: bold;
    margin-right: 15px;
}

.f3 {
    color: #9e9e9e;
}

.f4 {
    color: #fe596a;
}

.f4_b {
    color: blue;
    font-weight: bold;
}

.f5 {
    font-size: 14px;
    font-weight: bold;
}

.f6 {
    color: #006bd0;
}

.market {
    font-size: 14px;
    text-decoration: line-through;
}

.shop {
    color: #fe596a;
    font-size: 14px;
    font-weight: 600;
}

.market_s {
    text-decoration: line-through;
}

.shop_s {
    color: #fe596a;
}


/*æŒ‰é’®éƒ¨åˆ†*/

.bnt_blue {
    background: url(images/bg.gif) no-repeat 0px 0px;
    width: 52px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: #fff;
    border: none;
    cursor: pointer;
}

.bnt_blue_1 {
    background: url(images/bg.gif) no-repeat 0px -663px;
    width: 77px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: #fff;
    border: none;
    cursor: pointer;
}

.bnt_blue_2 {
    background: url(images/bg.gif) no-repeat 0px -696px;
    width: 139px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: #fff;
    border: none;
    cursor: pointer;
}

.bnt_bonus {
    background: url(images/bg.gif) no-repeat -56px 0px;
    width: 52px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: #fff;
    border: none;
    cursor: pointer;
}


/*æ¨¡å—å®¹å™¨*/

.box {
    background: #f1f1f1;
    padding-bottom: 2px;
    overflow: hidden;
}

.box_1 {
    border: 1px solid #c5e4ff;
    background-color: #fff;
}

.box_2 {
    border: 1px solid #c5e4ff;
    background: url(images/box_2Bg.gif) repeat-x top left;
    /*del*/
    background-color: #edf8fe;
    overflow: hidden;
}

.boxCenterList {
    padding: 8px;
}

#com_h img {
    max-width: 100%;
    height: auto !important;
}

/*æ¨¡å—æ ‡é¢˜*/

h3 {
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-align: right;
    padding: 0 12px;
    font-weight: 100;
}

h3.border {
    border: 1px solid #c5e4ff;
    border-bottom: none;
}

h3 img {
    position: relative;
    top: 7px;
}

h3 span {
    float: left;
    background: url(images/bg.gif) no-repeat 0px -570px;
    width: auto;
    height: 33px;
    line-height: 33px;
    text-align: left;
    font-weight: bold;
    color: #56a5ee;
    padding-left: 12px;
}

h5 {
    height: 26px;
    line-height: 26px;
    text-align: right;
    background-color: #edf7ff;
    font-size: 12px;
    color: #56a5ee;
    padding: 0 10px 0 0;
}

h5 span {
    float: left;
    font-weight: bold;
    background: url(images/bg.gif) no-repeat 0 -616px;
    padding-left: 25px;
}

h6 {
    height: 23px;
    line-height: 23px;
    text-align: right;
    font-size: 12px;
    background: #edf7ff;
    color: #555;
    border: 1px solid #fff;
    padding-right: 10px;
}

h6 span {
    float: left;
    padding-left: 15px;
}


/*é¡µé¢ç•™ç™½*/

.blank {
    height: 8px;
    line-height: 8px;
    clear: both;
    visibility: hidden;
}

.blank5 {
    height: 5px;
    line-height: 5px;
    /* _margin:-3px 0;*/
    clear: both;
    visibility: hidden;
}


/*å¸ƒå±€*/

.AreaL {
    width: 220px;
    float: left;
    margin: 0 10px 0 10px;
}

.AreaR {
    width: 658px;
    float: left;
}


/* ====================
     å¯¼èˆªéƒ¨åˆ†
==================== */


/*é¡¶éƒ¨ç®¡ç†åž‹å¯¼èˆª*/

.log {
    height: 50px;
}

.log li {
    float: left;
}

.log .userInfo {
    *margin-right: 10px;
    /*width:300px;*/
    text-align: left;
}

.log .userInfo a {
    color: #006acd;
    text-decoration: none;
}

.log li img {
    position: relative;
    top: 5px;
}

#topNav {
    background: url(images/topNavBg.gif) no-repeat left top;
    height: 31px;
    line-height: 31px;
    color: #bebfc1;
    padding: 0px 15px;
    margin: 0px 10px;
    position: relative;
}

#topNav .topNavR {
    background: url(images/topNavR.gif) no-repeat;
    width: 5px;
    height: 31px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#topNav a {
    color: #006ad0;
    text-decoration: none;
}


/*é¡µé¢ä¸»å¯¼èˆª*/

#mainNav {
    padding: 0 25px;
    width: 910px;
}

#mainNav a {
    display: block;
    height: 26p;
    float: left;
    line-height: 26px;
    text-align: center;
    padding: 0 15px;
    background: url(images/NavBg.gif) no-repeat 0 -29px;
    position: relative;
    margin-right: 2px;
    color: #026acb;
    text-decoration: none;
}

#mainNav a span {
    width: 3px;
    height: 26px;
    background: url(images/NavBg.gif) no-repeat 0 -88px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#mainNav a:hover {
    display: block;
    height: 26p;
    float: left;
    line-height: 26px;
    text-align: center;
    padding: 0 15px;
    background: url(images/NavBg.gif) no-repeat 0 0;
    position: relative;
    margin-right: 2px;
    color: #fff;
    text-decoration: none;
}

#mainNav .cur {
    display: block;
    height: 26p;
    float: left;
    line-height: 26px;
    text-align: center;
    padding: 0 15px;
    background: url(images/NavBg.gif) no-repeat 0 0;
    position: relative;
    margin-right: 2px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#mainNav a:hover span,
#mainNav .cur span {
    width: 3px;
    height: 26px;
    background: url(images/NavBg.gif) no-repeat 0 -59px;
    position: absolute;
    top: 0px;
    right: 0px;
}


/*æœç´¢*/


/* del
  #search{border:1px solid #5cb4e6; background:url(images/searchBg.gif) repeat-x left top; width:918px;
  padding:0px 20px; height:36px; line-height:36px;
  }*/

#search {
    height: 36px;
    line-height: 36px;
}

#search a {
    /*text-decoration:none;  color:#fff; */
}

#search .keys {
    background: url(images/bg.gif) no-repeat 0 -28px;
    color: #fff;
    padding-left: 40px;
}

#search .go {
    background: url(images/bnt_search.gif);
    border: none;
    width: 45px;
    height: 20px;
    /* position:relative; top:2px; utf8ä¸‹*/
}


/*å½“å‰ä½ç½®*/

#ur_here {
    /*border:1px solid #c5e4ff; border-top:none;*/
    background-color: #79C500;
    /*background:url(images/uh_bg.gif) repeat-x left top;*/
    height: 20px;
    line-height: 20px;
    padding: 0 12px;
    color: #fff;
}

#ur_here a {
    color: #fff;
    text-decoration: none;
}

#_member {
    /*border:1px solid #c5e4ff; border-top:none;*/
    background-color: #79C500;
    /*background:url(images/uh_bg.gif) repeat-x left top;*/
    height: 20px;
    line-height: 20px;
    padding: 0 12px;
    color: #fff;
}

#_member a {
    color: #fff;
    text-decoration: none;
}


/* ====================
     æ¨¡å—
==================== */


/*è´­ç‰©è½¦*/

.cart {
    background: url(images/catBg.gif) no-repeat left top;
    padding: 15px 10px 15px 50px;
    color: #006bcd;
    height: 50px;
    _padding: 12px 10px 15px 50px;
}

.cart a {
    color: #006bcd;
    text-decoration: none;
}

.cart a:hover {
    color: #006bcd;
    text-decoration: underline;
}


/*å•†å“åˆ†ç±»*/

#category_tree {
    border: 4px solid #f1faff;
    background-color: #fff;
}

#category_tree dl {
    margin: 4px;
}

#category_tree dt {
    background: url(images/lineBg.gif) repeat-x left bottom;
    color: #555;
    padding: 2px 0 3px 12px;
    font-size: 13px;
    font-weight: bold;
}

#category_tree dt a {
    background: url(images/bg.gif) no-repeat 0 -69px;
    color: #555;
    padding-left: 15px;
    text-decoration: none;
}

#category_tree dt a:hover {
    color: #ff6600;
    text-decoration: none;
}

#category_tree dd {
    margin-left: 25px;
    padding: 3px 0 0px 10px;
}

#category_tree dd a {
    color: #404040;
    text-decoration: none;
}

#category_tree dd a:hover {
    color: #ff6600;
    text-decoration: none;
}


/*å•†å“åˆ†ç±»*/

#catalogue_tree {
    border: 4px solid #f1faff;
    background-color: #fff;
}

#catalogue_tree dl {
    margin: 0px;
}

#catalogue_tree dt {
    background: url(images/lineBg.gif) repeat-x left bottom;
    color: #555;
    padding: 2px 0 3px 12px;
    font-size: 13px;
    font-weight: bold;
}

#catalogue_tree dt a {
    background: url(images/bg.gif) no-repeat 0 -69px;
    color: #555;
    padding-left: 15px;
    text-decoration: none;
}

#catalogue_tree dt a:hover {
    color: #ff6600;
    text-decoration: none;
}

#catalogue_tree dd {
    margin-left: 25px;
    padding: 3px 0 0px 10px;
}

#catalogue_tree dd a {
    color: #404040;
    text-decoration: none;
}

#catalogue_tree dd a:hover {
    color: #ff6600;
    text-decoration: none;
}

.catalogue_tree_header {
    height: 48px;
    position: relative;
}

.catalogue_tree_header h1 {
    text-align: left;
    float: left;
    padding: 15px 0 15px 15px;
}

.catalogue_tree_header h4 {
    text-align: right;
    position: absolute;
    right: 0;
}

.catalogue_tree_header_print {
    border: 1px solid #f1faff;
    background-color: #f1faff;
    float: right;
    padding: 14px 15px 14px 15px;
}


/*é”€å”®æŽ’è¡Œ*/

.top10Tit {
    background: url(images/bg.gif) no-repeat 0px -85px;
    height: 30px;
}

.top10List {
    border: 1px solid #d7ecfd;
    background-color: #fff;
    margin: 0px 4px 4px 4px;
}

.top10List ul {
    border-bottom: 1px solid #e2f3fd;
    position: relative;
}

.top10List .iteration {
    position: absolute;
    top: 6px;
    left: 6px;
}

.top10List .iteration1 {
    padding-left: 3px;
}

.top10List li.topimg {
    width: 35px;
    height: 35px;
}

.top10List .samllimg {
    width: 35px;
    height: 35px;
    margin-bottom: 4px;
}

.top10List li {
    padding: 3px 3px 3px 23px;
    float: left;
}


/*linkCOLOR*/

.top10List li a,
#mallNews .NewsList li a,
.boxCenterList li a {
    color: #555;
    text-decoration: none;
}

.top10List li a:hover,
#mallNews .NewsList li a:hover,
.boxCenterList li a:hover {
    color: #ff6600;
    text-decoration: none;
}


/*é¦–é¡µç„¦ç‚¹å›¾*/

#focus {
    border-right: 1px solid #c5e4ff;
    padding: 8px;
    background: url(images/foucsBg.gif) repeat-x left top;
}

#mallNews {
    width: 230px;
    padding: 8px 8px 0px 8px;
    background: url(images/foucsBg.gif) repeat-x left top;
}

#mallNews .NewsTit {
    background: url(images/bg.gif) 0px -132px;
    height: 23px;
}

#mallNews .NewsList {
    background: #FFFFFF;
    padding: 8px;
}

#mallNews .NewsList ul {
    margin-top: 10px;
}

#mallNews .NewsList li {
    background: url(images/bg.gif) no-repeat 0px -167px;
    padding: 0px 0px 0px 10px;
    text-align: left;
}


/*ä»Šæ—¥ç‰¹ä»·å’Œå“ç‰Œ*/

#sales {
    width: 500px;
    background: url(images/salesBg.gif) repeat-x left bottom;
    border-bottom: 2px solid #f0f1f3;
    background-color: #eef8ff;
}

#sales h1 {
    font-size: 12px;
    background: url(images/salesTitBg.gif) no-repeat;
    height: 33px;
    text-align: right;
}

#sales h1 img {
    position: relative;
    top: 10px;
    right: 8px;
}

#sales .goodBox {
    margin: 10px 0px 10px 10px;
    _margin-left: 5px;
}

#sales .goodBox .goodList p {
    text-align: left;
    color: #555;
}

#sales .goodBox .goodList p a {
    color: #555;
    text-decoration: none;
}

#sales .goodBox .goodList p a:hover {
    color: #ff6600;
    text-decoration: none;
}

#sales .goodList {
    width: 110px;
    margin: 0px 5px 0px 5px;
    float: left;
}

#sales .goodList img {
    background: url(images/salesGoodBg.gif) no-repeat;
    width: 100px;
    height: 100px;
    padding: 5px;
}

#sales .goodList p {
    margin-top: 3px;
    text-align: center;
}

#brands {
    width: 247px;
    height: 199px;
    *height: 201px;
    padding: 1px 0 0 1px;
    position: relative;
}

#brands .brandsMore {
    position: absolute;
    left: 178px;
    bottom: 10px;
    width: 65px;
    height: 41px;
}

#brands .brandsMore img {
    border: none;
    width: 65px;
    height: 41px;
}

#brands img {
    width: 78px;
    height: 40px;
    border: 1px solid #c5e4ff;
}

#brands a {
    color: #0069cd;
    text-decoration: none;
    margin: 2px 1px;
    display: block;
    float: left;
}

.brandsIe6 {
    _width: 250px;
}


/*åœ¨ie6ä¸‹ç‰¹ä»·å•†å“ä¸å­˜åœ¨çš„è¯å“ç‰ŒæŽ¨èæ°¸è¿œé å³æ˜¾ç¤º*/


/*ç²¾å“æŽ¨èï¼Œæ–°å“ä¸Šå¸‚ï¼Œçƒ­å–å•†å“*/


/* del
   .centerPadd{padding:5px 8px 8px 8px; overflow:hidden;}*/

.itemTit {
    height: 30px;
    background: url(images/bg.gif) no-repeat 0px -195px;
    padding-left: 190px;
    text-align: right;
    /*margin-bottom:-3px; _margin-bottom:-2px;*/
}

.itemTit.New {
    background: url(images/bg.gif) no-repeat 0px -225px;
}

.itemTit.Hot {
    background: url(images/bg.gif) no-repeat 0px -256px;
}

.itemTit img {
    position: relative;
    top: 7px;
}

.itemTit h2 {
    float: left;
    height: 27px;
    background: url(images/itemH2Bg.gif) repeat-x left top;
    border: 1px solid #d6ecff;
    font-size: 12px;
    text-align: center;
    color: #555;
    font-weight: 100;
    padding: 0px 10px;
    line-height: 28px;
    margin: 0 6px 0 0;
    border-bottom: none;
    position: relative;
    bottom: -3px;
    display: inline;
    white-space: nowrap;
}

.itemTit h2 a {
    color: #555;
    text-decoration: none;
}

.itemTit .h2bg {
    height: 27px;
    line-height: 28px;
    border: none;
    background: none;
    font-size: 12px;
    text-align: center;
    color: #006ace;
    font-weight: 100;
    padding: 0px 10px;
    display: inline;
    white-space: nowrap;
}

.itemTit .h2bg a {
    color: #006ace;
    text-decoration: none;
}

.centerPadd .goodsBox {
    border: 1px solid #d6ecff;
    background: #fff;
    padding: 12px 0px 0px 15px;
    *padding: 12px 0px 0px 15px;
    _padding: 12px 0px 0px 0px;
}

.centerPadd .goodsBox .more {
    text-align: right;
    clear: both;
    margin: 0 8px 8px 0;
}


/*å•ä¸ªå•†å“*/

.goodsItem {
    width: 145px;
    height: 160px;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0px 12px 15px 0px;
    display: block;
}

.goodsItem:hover {
    text-decoration: none;
}

.goodsItem:hover p {
    color: #006BD0;
}

.goodsItem:hover img {
    border: 2px solid #D0ECFF;
}

.goodsItem .goodsimg {
    width: 110px;
    height: 110px;
    margin-bottom: 4px;
    margin-left: 20px;
}

.goodsItem img {
    border: 2px solid #eef8ff;
    width: 52px;
    height: 17px;
}

.goodsItem p {
    text-align: center;
    color: #555;
}

.goodsItem p a {
    color: #555;
    text-decoration: none;
}

.goodsItem p a:hover {
    color: #ff6600;
    text-decoration: none;
}

.goodsItem span {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.goodsItem .addimg {
    width: 9px;
    height: 9px;
    margin-right: 4px;
}


/* del
       .goodsItem span.best{background:url(images/bg.gif) no-repeat 0px -304px;}
       .goodsItem span.news{background:url(images/bg.gif) no-repeat -75px -304px;}
       .goodsItem span.hot{background:url(images/bg.gif) no-repeat -161px -304px;}*/

.watermark_small {
    display: block;
    text-indent: -9999px;
    width: 31px;
    height: 15px;
    margin-right: 3px;
    float: left;
}

.watermark_promote_small {
    background: url(images/watermark_promote_small.gif) no-repeat;
}

.watermark_new_small {
    background: url(images/watermark_new_small.gif) no-repeat;
}

.watermark_best_small {
    background: url(images/watermark_best_small.gif) no-repeat;
}

.watermark_hot_small {
    background: url(images/watermark_hot_small.gif) no-repeat;
}


/*å¸®åŠ©*/

.helpTitBg {
    background: url(images/helpTitBg.gif) repeat-x left top;
    text-align: left;
    border: 1px solid #c5e4ff;
    background-color: #fff;
    padding: 0 0 10px 15px;
}

.helpTitBg dl {
    float: left;
    margin-right: 30px;
    _margin-right: 20px;
    _width: 130px;
}

.helpTitBg dt {
    background: url(images/bg.gif) no-repeat 0px -570px;
    width: auto;
    height: 33px;
    line-height: 33px;
    text-align: left;
    font-weight: bold;
    color: #56a5ee;
    padding-left: 12px;
    margin-bottom: 8px;
}

.helpTitBg dt a {
    font-weight: bold;
    color: #56a5ee;
    text-decoration: none;
}

.helpTitBg dd a {
    color: #006acd;
    text-decoration: none;
    background: url(images/bg.gif) no-repeat 0px -170px;
    padding: 0px 0px 0px 10px;
}


/*ç›¸å…³å•†å“*/

.boxCenterList ul {
    height: 1%;
    margin-bottom: 5px;
}

.boxCenterList li {
    float: left;
    width: 120px;
}

.boxCenterList li.goodsimg {
    width: 50px;
    margin-right: 10px;
}

.boxCenterList li.goodsimg img {
    width: 50px;
    height: 50px;
    display: block;
}


/*ç›¸å…³æ–‡ç« (å…¶å®ƒå¸¦æœ‰å°ä¸‰è§’ç‚¹çš„æ–‡å­—åˆ—è¡¨å…±ç”¨)*/

.RelaArticle a,
.alone {
    background: url(images/bg.gif) no-repeat 0px -170px;
    padding: 0px 0px 0px 10px;
    color: #555;
    text-decoration: none;
}

.RelaArticle a:hover {
    background: url(images/bg.gif) no-repeat 0px -170px;
    padding: 0px 0px 0px 10px;
    color: #ff6600;
    text-decoration: none;
}


/*æµè§ˆåŽ†å²ï¼Œæ”¶è—*/

.history h2 {
    height: 26px;
    line-height: 26px;
    padding: 0px 10px 0 20px;
    text-align: center;
    font-size: 12px;
    background: url(images/bg.gif) no-repeat 0px -466px;
    float: left;
    color: #57a7f0;
    margin: 6px 5px 0 0;
    border: 1px solid #c5e3ff;
    border-bottom: none;
    background-color: #FFFFFF;
}

.history .h2bg {
    height: 26px;
    line-height: 26px;
    padding: 0px 10px 0 20px;
    text-align: center;
    font-size: 12px;
    background: url(images/bg.gif) no-repeat 0px -508px;
    float: left;
    color: #a0a0a0;
    margin: 6px 5px 0 0;
    border: none;
}

#history li {
    width: 100%;
}

#clear_history a {
    background: none;
    padding: 0px;
    color: #555;
    text-decoration: none;
    float: right;
    cursor: pointer;
}

.colle a {
    background: none;
    padding: 0px;
    color: #555;
    text-decoration: none;
}

.colle a:hover {
    background: none;
    padding: 0px;
    color: #ff6600;
    text-decoration: none;
}


/* ====================
     å•†å“è¯¦æƒ…é¡µé¢éƒ¨åˆ†æ¨¡å—
==================== */

#goodsInfo {
    /* background:#f2f2f2; */
    padding: 8px;
    _height: 1%;
}

#goodsInfo .imgInfo {
    width: 44%;
    float: left;
    margin-right: 2%;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    position: relative;
    border: 1px solid #c5e4ff;
}

#goodsInfo .imgInfo .imgWrapper {
    height: 330px;
    width: 100%;
    position: relative;
}

#goodsInfo .imgInfo .thumb {
    vertical-align: middle;
    max-width: 330px;
    max-height: 330px;
    left: 0;
}

#goodsInfo .imgInfo .zoomWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}


/*å•†å“è¯¦æƒ…å›¾ç‰‡*/

.AreaR #goodsInfo .imgInfo {
    width: 50%;
}

#goodsInfo .imgInfo a {
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

#goodsInfo .gallery {
    position: relative;
    margin-left: 10px;
    _margin-left: 5px;
    overflow: hidden;
}

#goodsInfo .gallery a {
    float: left;
    width: 48px;
    height: 48px;
    margin: 0 .3rem;
    position: relative;
}

#goodsInfo .gallery a img {
    max-width: 48px;
    max-height: 48px;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}


/*æ–‡å­—ä¿¡æ¯*/

#goodsInfo .textInfo {
    background: #fff;
    width: 50%;
    float: left;
}

.AreaR #goodsInfo .textInfo {
    width: 44%;
}

#goodsInfo .textInfo p {
    font-size: 18px;
    font-weight: bold;
    padding: 0 5px 5px 8px;
    color: #007AB4;
}

#goodsInfo .textInfo ul {
    border-top: 1px solid #ccc;
}

#goodsInfo .textInfo li {
    background: url(images/lineBg.gif) repeat-x left bottom;
    padding: 0px 8px;
    _height: 1%;
}

#goodsInfo .textInfo li.padd {
    padding: 7px 0px 7px 8px;
}

#goodsInfo .textInfo li dd {
    width: 100%;
    float: left;
    padding: 7px 0px;
}

#goodsInfo .textInfo li dd.ddR {
    border-left: 1px solid #eeecec;
    width: 48%;
    padding-left: 8px;
}

#goodsInfo .textInfo li dd.ddL {
    border-right: 1px solid #eeecec;
}

#goodsInfo .textInfo a {
    color: #006bce;
    text-decoration: underline;
}

#goodsInfo .textInfo .loop {
    background: #f7f7f7;
    margin-top: 8px;
}

.dcbopt {
    margin-bottom: 4px;
}

.dcbopt input.cbopt {
    float: left;
    margin: 3px 3px 0 0;
}

.dcbopt div.opttext {
    float: left;
    margin-left: 5px;
    max-width: 92%;
}

.dcbopt label {
    border: 1px solid #ccc;
    background: white;
    border-radius: 4px;
    padding: .3rem .6rem;
    display: inline-block;
    width: 92%;
}

.dcbopt label:hover {
    border: 1px solid #007AB4;
}


/*ç”¨æˆ·è¯„è®º*/

.ie6 {
    padding-left: 25px;
    _padding-left: 15px;
    height: 1%;
}


/*è´­ä¹°æ­¤å•†å“çš„äººè¿˜è´­ä¹°çš„å•†å“*/

.comments li {
    background: url(images/lineBg.gif) repeat-x left bottom;
    padding: 3px 8px;
    width: 97%;
    _height: 1%;
    text-align: left;
    position: relative;
    margin-bottom: 8px;
}

.comments li img {
    position: absolute;
    right: 0px;
    top: 3px;
}

.comments li p {
    margin: 3px auto;
    text-align: left;
}

.commentsList {
    border: 1px solid #ccc;
    background: #f7f7f7;
    padding: 10px;
}

.commentsList .inputBorder {
    border: 1px solid #ccc;
    background: #fff;
}

.captcha {
    margin-left: 0px;
    position: relative;
    top: -1px;
    *margin-left: 8px;
    *position: relative;
    top: 3px;
    cursor: pointer;
}


/* ====================
     å“ç‰ŒæŽ¨è
==================== */


/*å“ç‰Œåˆ—è¡¨*/

#brandList {
    background: url(images/brandBg.gif) repeat-y top center;
    margin-top: 12px;
    height: 1%;
}

#brandList .brandBox {
    width: 240px;
    _width: 236px;
    float: left;
    margin: 0 5px 20px 5px;
    text-align: center;
    overflow: hidden;
    height: 160px;
}

#brandList .brandBox .brandLogo {
    width: 188px;
    height: 52px;
    overflow: hidden;
}

#brandList .brandBox h4 {
    height: 23px;
    line-height: 23px;
    background: #e9e9e9;
    margin: 15px 0 8px 0;
    padding: 0 10px;
    text-align: right;
    font-weight: 100;
    font-size: 12px;
}

#brandList .brandBox h4 span,
#brandList .brandBox h4 span a {
    float: left;
    font-weight: bold;
    color: #555;
    text-decoration: none;
}

#brandList p {
    text-align: left;
    margin-bottom: 5px;
    color: #909090;
    padding: 8px;
}

#brandList p.brandCategory,
#brandList p.brandCategory a {
    text-align: left;
    color: #006acd;
    text-decoration: none;
}

#brandList .brandArticle {
    border: 1px dashed #d9d9d9;
    background: #f8f8f8;
    text-align: left;
}

.brandCategoryA a {
    margin-right: 15px;
}


/* ====================
     ç”¨æˆ·ä¸­å¿ƒ
==================== */

.box_1 .userCenterBox {
    border: 4px solid #f1faff;
    background-color: #fff;
}

.usBox {
    background: #f2f2f2;
    border: 1px solid #e2e2e2;
    padding: 15px;
    width: 868px;
}

.usBox_1 {
    background: #fff;
    text-align: left;
    width: 297px;
    height: 208px;
    padding: 43px 113px 60px 103px;
}

.usBox_1 .logtitle {
    height: 30px;
    background: url(images/ur_bg.gif) no-repeat 0px 0px;
}

.us_Submit {
    border: none;
    width: 115px;
    height: 40px;
    background: url(images/bnt_ur_log.gif);
}

.us_Submit_reg {
    border: none;
    width: 113px;
    height: 40px;
    background: url(images/bnt_ur_reg.gif);
}

.usTxt {
    width: 265px;
    height: 267px;
    padding: 43px 0 0 90px;
    background: #f2f2f2;
    float: right;
    text-align: left;
    background: url(images/ur_bg1.gif) no-repeat 0 50%;
    line-height: 23px;
}

.usTxt img {
    margin-top: 15px;
}


/*æ³¨å†Œ*/

.usBox_2 {
    background: #fff;
    text-align: left;
    padding: 43px 153px 60px 123px;
}

.usBox_2 .regtitle {
    height: 30px;
    background: url(images/ur_bg.gif) no-repeat 0px -34px;
}

.actionSub a {
    color: #006acc;
    text-decoration: underline;
    background: url(images/ur_bg.gif) no-repeat 0px -68px;
    padding-left: 14px;
}

.box_1 .userCenterBox .userMenu a {
    display: block;
    height: 25px;
    line-height: 25px;
    background: url(images/menuBg.gif) no-repeat 0 -30px;
    color: #555;
    text-decoration: none;
    margin: 0 0 3px 10px;
    padding-left: 3px;
}

.box_1 .userCenterBox .userMenu a.curs {
    background: url(images/menuBg.gif) no-repeat 0 0px;
    font-weight: bold;
}

.box_1 .userCenterBox .userMenu a img {
    margin-right: 3px;
}

.msgBottomBorder {
    clear: both;
    background: url(images/lineBg.gif) repeat-x left bottom;
    padding-bottom: 8px;
    margin-bottom: 8px;
}


/* ====================
     å•†å“åˆ†ç±»é¡µé¢
==================== */


/*å±žæ€§ç»„åˆæœç´¢*/

.screeBox {
    padding: 10px;
}

.screeBox a {
    color: #404040;
}

.screeBox span {
    background: #91d3f7;
    padding: 3px 5px;
    margin: 0 3px;
}

.sort a {
    position: relative;
    bottom: 5px;
}

.sort input {
    position: relative;
    top: 3px;
}


/*å•†å“åˆ—è¡¨æ˜¾ç¤ºæ–¹å¼*/

.goodsList {
    padding: 10px 10px 0 10px;
}

.goodsList ul {
    margin-bottom: 10px;
}

.goodsList ul#bgcolor {
    background: #fbfbfb;
    border-top: 1px dashed #e8e8e8;
    border-bottom: 1px dashed #e8e8e8;
}

.goodsList li {
    float: left;
    padding-top: 8px;
}

.goodsList li.thumb {
    width: 80px;
    text-align: center;
}

.goodsList li.thumb img {
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    padding: 1px;
}

.goodsList li.goodsName {
    width: 290px;
    margin-right: 10px;
}

.goodsList li.action {
    float: right;
    margin-left: 10px;
}

.goodsList li.action a.abg {
    background: url(images/bg.gif) no-repeat 0px -735px;
    padding-left: 18px;
    position: relative;
    bottom: 5px;
}


/* ====================
     å›¢è´­
==================== */

.group {
    background: #f2f2f2;
    padding: 8px;
}

.group li {
    float: left;
    background: #fff;
    padding: 8px;
}


/* ====================
     è´­ç‰©æµç¨‹
==================== */

.flowBox {
    border: 1px solid #c8e6fe;
    border-top: 2px solid #9fd2ff;
}

.flowBox table {
    margin: 5px auto;
}


/*2.62åœ¨è´­ç‰©è½¦é‡Œé¢æ˜¾ç¤ºç›¸å…³é…ä»¶*/

.flowGoodsFittings {
    padding: 10px;
}

.flowGoodsFittings ul {
    height: 1%;
    margin: 5px 4px;
    float: left;
}

.flowGoodsFittings li {
    float: left;
    width: 120px;
}

.flowGoodsFittings li.goodsimg {
    width: 48px;
    margin-right: 10px;
}

.flowGoodsFittings li.goodsimg img {
    width: 48px;
    height: 48px;
    display: block;
}


/* ====================
     æ–‡ç« åˆ—è¡¨é¡µ-2009.6.8
==================== */

.article_search {
    margin: 8px 0;
}

.article_search .inputBg {
    width: 300px;
}


/* ====================
    æ‰“å°æŠ¥ä»·å•
==================== */

.quotation {
    margin: 20px auto 20px auto;
    text-align: center;
}


/*ç¿»é¡µ*/

.pagebar {
    height: 20px;
    float: right;
}

.pagebar img {
    position: relative;
    top: 2px;
}

.pagebar a {
    display: block;
    float: left;
    margin: 0 2px;
    color: #0066cc;
    text-decoration: none;
}

.pagebar a:hover {
    color: #ff5a6a;
    text-decoration: none;
}

.pagebar .page_now {
    display: block;
    float: left;
    margin: 0 5px;
    color: #ff5a6a;
    font-weight: bold;
    background: #fff;
}

#pager a {
    color: #0066cc;
    text-decoration: none;
}


/*åº•éƒ¨å¯¼èˆª+å‹æƒ…é“¾æŽ¥*/

#bottomNav {
    width: 958px;
}

.bNavList {
    border: 1px solid #fff;
    background: #eef6f9;
    height: 27px;
    line-height: 27px;
    padding: 0 12px;
}

.links {
    border: 1px solid #fff;
    background: #eef6f9;
    padding: 0 12px;
}

.bNavList a,
.links a {
    color: #006acd;
    text-decoration: none;
}

.bNavList img {
    _position: relative;
    top: 8px;
}

.links img {
    width: 88px;
    height: 30px;
    margin: 5px;
}


/*ç‰ˆæƒ*/

#footer {
    background: url(images/logo1.gif) no-repeat 5% 50%;
    padding-left: 200px;
    width: 760px;
    margin: 10px auto;
}

#footer .text {
    background: url(images/footerLine.gif) no-repeat left center;
    padding-left: 50px;
    *padding-bottom: 20px;
}

#footer .text a {
    color: #404040;
    text-decoration: none;
}


/* ======å•†å“æ¯”è¾ƒæµ®åŠ¨å— ====== */

#compareBox {
    width: 128px;
    background: url(images/compareBg.gif) no-repeat top center;
    background-color: #edf8ff;
    padding: 35px 0 8px 0;
    border: 1px solid #c5e4ff;
    position: absolute;
    right: 1px;
    top: 200px;
}

#compareBox input {
    width: 52px;
    height: 13px;
    border: none;
    background: url(images/compareSub.gif) no-repeat;
}

#compareList {
    margin: 0px 0px 8px 0px;
    padding: 0px;
    width: 120px;
    background: #FFFFFF;
    border: 1px solid #d6ecff;
}

#compareList li {
    color: #555;
    text-align: left;
    background: #fff;
    padding: 3px 5px;
    margin: 3px 0;
}

#compareList li img {
    float: right;
    padding-top: 4px;
}


/*è´­ç‰©è½¦æç¤ºç‚¹å‡»æ›´æ–°æŒ‰é’®å¼æ ·2.6.2ç‰ˆæœ¬æ·»åŠ */

.messageli {
    list-style-type: none;
    padding: 5px;
    color: red
}

.messagediv {
    font-size: 12px;
    position: absolute;
    border: 1px solid #FFD700;
    text-align: center;
    padding: 5px;
    background-color: #FFFACD;
    filter: alpha(opacity=50);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


/*  ç§¯åˆ†å…‘æ¢æ ·å¼ä¿®æ”¹ */

.point li {
    float: left;
    width: 300px;
}

.red {
    color: red;
}

#ECS_CARTINFO {
    position: fixed;
    display: block;
    top: 38%;
    font-weight: bold;
    line-height: 170%;
}

.cartinfo {
    height: 145px;
    width: 32px;
    color: #555;
    background: #FFF url(images/inquiry_icon.png) no-repeat 5px 5px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-right: 0;
    padding-top: 40px;
    padding-left: 6px;
    padding-right: 3px;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    display: block;
}

.cartinfo {
    -webkit-border-top-left-radius: 1.5em;
    -webkit-border-bottom-left-radius: 1.5em;
    -moz-border-radius-topleft: 1.5em;
    -moz-border-radius-bottomleft: 1.5em;
    border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
    -webkit-box-shadow: -1px 1px 12px -2px rgba(20%, 20%, 40%, 0.5);
    -moz-box-shadow: -1px 1px 12px -2px rgba(20%, 20%, 40%, 0.5);
    box-shadow: -1px 1px 12px -2px rgba(20%, 20%, 40%, 0.5);
}

.cartinfo span {
    font-size: 16px;
    width: 30px;
    display: block;
    text-align: center;
    margin-left: 2px;
}

.cartinfo:hover {
    text-decoration: none;
}

.cartinfo span {
    color: #555;
}

.cartinfo_an {
    background: #FFF url(images/inquiry_icon.gif) no-repeat 5px 3px;
}

.toggletitle a {
    color: #555;
}

.btn {
    border: 1px solid #0083C0;
    background-color: #00A1EC;
    border-radius: 0;
    height: 25px;
    padding: 0 8px 0 8px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.btn:visited,
.btn:hover {
    border: 1px solid #006C9E;
    background-color: #0092D6;
}

.btn a {
    background: none;
    background-image: none;
    border: 0;
    color: white;
    font-weight: bold;
    width: auto;
    height: 25px;
    filter: none;
    text-decoration: none;
}

.btn_nav {
    color: white;
    font-weight: normal;
    width: auto;
    padding: 2px 8px;
    height: 20px;
    background-color: #43ACDD;
    cursor: pointer;
    margin-right: -11px;
    margin-top: -2px;
}

.rf {
    font-size: 10pt;
    color: #FF6614;
    padding-left: 0px;
    padding-right: 5px;
}

#goodsInfo .textInfo a.btnGoodsPrint {
    float: right;
    text-decoration: none;
    color: #333;
    border: 1px solid #A1A1A1;
    padding: 2px 8px;
    border-radius: 2px;
    font-size: 14px;
}

#goodsInfo .textInfo a.btnGoodsPrint:hover {
    background: #3DAFF5;
    color: #FFFFFF;
    border: 1px solid #1894E0;
}

#goodsInfo a.c_spec_add {
    background: url(images/plus27g.png) no-repeat left;
    width: 16px;
    display: inline-block;
    text-decoration: none;
}


/* loading */

.wLoad {
    width: 78px;
    height: 78px;
    margin: auto;
    top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 45%;
    background: #fff;
    opacity: .9;
    display: none;
    z-index: 100;
}

.wLoad .wBall {
    position: absolute;
    width: 74px;
    height: 74px;
    opacity: 0;
    transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    animation: orbit 6.96s infinite;
    -o-animation: orbit 6.96s infinite;
    -ms-animation: orbit 6.96s infinite;
    -webkit-animation: orbit 6.96s infinite;
    -moz-animation: orbit 6.96s infinite;
}

.wLoad .wBall .wInnerBall {
    position: absolute;
    width: 10px;
    height: 10px;
    background: rgb(0, 0, 0);
    left: 0px;
    top: 0px;
    border-radius: 10px;
}

.wLoad #wBall_1 {
    animation-delay: 1.52s;
    -o-animation-delay: 1.52s;
    -ms-animation-delay: 1.52s;
    -webkit-animation-delay: 1.52s;
    -moz-animation-delay: 1.52s;
}

.wLoad #wBall_2 {
    animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}

.wLoad #wBall_3 {
    animation-delay: 0.61s;
    -o-animation-delay: 0.61s;
    -ms-animation-delay: 0.61s;
    -webkit-animation-delay: 0.61s;
    -moz-animation-delay: 0.61s;
}

.wLoad #wBall_4 {
    animation-delay: 0.91s;
    -o-animation-delay: 0.91s;
    -ms-animation-delay: 0.91s;
    -webkit-animation-delay: 0.91s;
    -moz-animation-delay: 0.91s;
}

.wLoad #wBall_5 {
    animation-delay: 1.22s;
    -o-animation-delay: 1.22s;
    -ms-animation-delay: 1.22s;
    -webkit-animation-delay: 1.22s;
    -moz-animation-delay: 1.22s;
}

@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }

    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }

    76% {
        opacity: 0;
        transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin: 0%;
    }

    30% {
        opacity: 1;
        -o-transform: rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin: 7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin: 30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 70%;
    }

    76% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0%;
    }

    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }

    76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0%;
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }

    76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}