﻿#home .home,
#products .products,
#hdzq .hdzq,
#brand .brand,
#bom .bom,
#hwdg .hwdg,
#pointshop .pointshop{ color: #4d8cdc ;}


.Header{ width: 1200px; height: 70px; padding: 25px 0; overflow: hidden;}
.Header .logo{ float: left; width: 380px; height: 70px; overflow: hidden;}
.Header .logo a{ display: inline-block; width: 380px; height: 70px; background: url(../images/logo.jpg) no-repeat;}

.Header .Hsearch{ width: 489px; height: 70px; overflow: hidden; float: left; margin-left: 82px;}
.Header .Hsearch .HSbox{ width: 489px; height: 42px; overflow: hidden;}
.Header .Hsearch .HSbox .Hinput1{ float: left; width: 361px; border-radius: 3px 0 0 3px; padding: 0 15px; height: 38px; border: 2px solid #4d8cdc; border-right: none;}
.Header .Hsearch .HSbox .Hsub1{ float: left; width: 94px; height: 42px; border: none; overflow: hidden; background: url(../images/Hsub.jpg) no-repeat;}
.Header .Hsearch .Htxt{ width: 100%; height: 28px; line-height: 28px; overflow: hidden;}
.Header .Hsearch .Htxt a{ color: #4d8cdc; padding-right: 5px;}
.Header .Hsearch .Htxt a:hover{ color: #ff7800;}

.Header .HCart{ float: right; font-size:16px; width: 116px; padding-left: 54px; height: 41px; line-height: 41px; border: 1px solid #e5e5e5; border-radius: 3px; overflow: hidden; background: url(../images/Hcart.jpg) no-repeat 20px center;}
.Header .HCart span{ color: #ff6600; font-weight: bold;}

.navbg{ width: 100%; height: 44px; border-bottom: 2px solid #4d8cdc;}
.nav{ width: 1200px; height: 44px; position: relative;}
.navL{ float: left; width: 267px; height: 44px; position: relative; background: url(../images/navLbg.jpg) no-repeat; cursor: pointer;}
.navR{ float: left; width: 840px; height: 44px; line-height: 44px;}
.navR a{ display: block; width: 120px; text-align: center; float: left; font-size: 16px; color: #000; position: relative;}
.navR a img{ position: absolute; top: 0; right: 0;}
.navR a:hover{ color:#4d8cdc;}

.navList{    overflow: hidden; display: none; width: 267px; height:615px; padding-top: 3px; z-index: 9999; position: absolute; left: 0; top: 46px; background: url(../images/navtm.png) repeat;}
.navList li{ width: 267px; height: 38px; line-height: 38px; }
.navList li a{ color: #FFFFFF; display: block; box-sizing: border-box; padding: 0 15px;}
.navList li a img{ vertical-align: middle; padding-right: 15px;}
.navList li a:hover{ background: #4d8cdc;}

.hide{display:none}
.prosmore{position:absolute;z-index:999;left:267px;top:0;background-color:#fff;width:666px;min-height:535px; box-sizing: border-box; padding:20px 30px; border-bottom: 2px solid #4d8cdc; border-right: 2px solid #4d8cdc;}
.prosmore dl{ width: 100%; height: auto; margin-bottom: 10px;}
.prosmore dl dt{ width: 100%; height: 34px; line-height: 34px; border-bottom: 1px solid #dedede;}
.prosmore dl dt a{ font-size: 14px; color: #4d8cdc; font-weight: bold; padding-left: 0;}
.prosmore dl dt a:hover{ color: #4d8cdc;  background: none;}
.prosmore dl dd{ width: 100%; height: auto; padding: 10px 0;}
.prosmore dl dd a{ color: #666666; display: inline; float: none;}
.prosmore dl dd a:hover{color: #4d8cdc;  background: none;}
.prosahover{ background: #4d8cdc;}


.BannerAd{ width: 267px; height: 618px; background: #FFFFFF; z-index: 9999; position: absolute; right: 0; top: 46px;    border-right: 1px solid #dfdfdf;}
.BannerAdlogin{ width: 100%; height: 100px; padding: 20px 0; overflow: hidden; border-bottom: 1px solid #dedede; text-align: center;}
.BannerAdlogin h2{ width: 100%; height: 51px; line-height: 51px;}
.BannerAdlogin h2 img{ vertical-align: middle; width:51px; height:51px; border-radius: 50%; }
.BannerAdlogin h2 a{ color:#4d8cdc;}
.BannerAdlogin h2 b{ font-weight: normal; font-size: 14px; padding-left: 15px;}
.BannerAdlogin p{ width: 100%; height: 28px; margin-top: 20px; overflow: hidden;}
.BannerAdlogin p a.bua1{ display: inline-block; width: 89px; height: 28px; line-height: 28px; border-radius: 3px; background: #4d8cdc; color: #FFFFFF;}
.BannerAdlogin p a.bua2{ margin-left: 17px; display: inline-block; width: 85px; height: 24px; line-height: 24px; border-radius: 3px; border: 2px solid #ff7800; background: #FFFFFF; color: #ff7800;}

.BannerAdNews{ width: 100%; height: auto;    min-height: 359px; box-sizing: border-box; padding: 11px 17px; overflow: hidden;}
.BannerAdNewsT{ width: 100%; height: 37px; line-height: 37px; overflow: hidden;}
.BannerAdNewsT a{ display: block; float: left; width: auto; height: 34px; line-height: 34px; font-size: 16px; margin-right: 25px;}
.BannerAdNewsT .tabs .thistab,.tabs .thistab a:hover {color: #4d8cdc; border-bottom: 3px solid #4d8cdc; }
.BannerAdNewsT a.fr{ float: right; display: inline; font-size: 14px; color: #999; margin-right: 0;}
.BannerAdNewsList{ width: 100%; height: auto; overflow: hidden; padding-top: 8px;}
.BannerAdNewsList li{ line-height: 26px; height: 26px; padding-left:6px; overflow: hidden; background: url(../images/innewslibg.jpg) no-repeat left center;}
.BannerAdNewsList li a{ color: #666666;}

.BannerAdBot{ width: 267px; height: 74px; overflow: hidden;  margin-top: 43px; border-top: 1px solid #DEDEDE;}
.BannerAdBot dl{ float: left; text-align: center; width: 89px; height: 74px; box-sizing: border-box; border-left: 1px solid #DEDEDE;}
.BannerAdBot dl dt{ padding-top: 13px;}
.BannerAdBot dl dd{ line-height: 25px;}
/* banner */
.banner { width: 666px; height: 618px; overflow: hidden; position: relative;}
.banner .bd { height: 500px; position: relative; left: 50%; margin-left: -666px; }
.banner .bd li { width:100%; height: 500px; text-align:center;}
.banner .hd { width: 100%; position: absolute; bottom: 15px; height: 11px; text-align: center; }
.banner .hd ul { height: 15px; overflow: hidden; }
.banner .hd li { background: url(../images/banner_ico.png) no-repeat; width: 11px; height: 11px; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; text-indent: -99px; cursor: pointer; margin: 0 5px; border-radius: 50%; }
.banner .hd .on { background:#fff; }
.banner .prev{ display:none;}
.banner .next{ display:none;}


.inbg{ width: 100%; height: auto; padding: 35px 0; background: #f5f5f5;}

.inProTit{width: 1200px; height: 60px; line-height: 60px; font-size: 24px; color: #333333; overflow: hidden;}
.inProTit a{ font-size: 16px; font-weight: normal; color: #4d8cdc;}
.inPro{ width: 1200px; height: 405px; overflow: hidden; }
.inProL{ float: left; width: 298px; height: 405px; overflow: hidden;}
.inProL img{ width: 298px; height: 406px;}
.inProR{ float: right; background: #FFFFFF; width: 901px; height: 405px; overflow: hidden; border-left: 1px solid #dedede; border-top: 1px solid #dedede; box-sizing: border-box; }
.inProR dl{ float: left; width: 225px; height: 202px; overflow: hidden; box-sizing: border-box; text-align: center; padding: 20px; border: 1px solid #dedede; border-left: none; border-top: none;}
.inProR dl dt{ width: 140px; height: 120px; overflow: hidden;}
.inProR dl dt img{width: 120px; height: 120px;}
.inProR dl dd{ width: 100%; height: auto; padding-top:5px;}
.inProR dl dd p{ line-height: 24px; height: 24px; overflow: hidden;}
.inProR dl dd h4{ line-height: 28px; height: 28px; color: #ff7b00; font-family: arial; font-size: 16px; overflow: hidden;}


.inBrand{ margin-top: 30px; background: #FFFFFF; width: 1200px; height: auto; overflow: hidden;}
.inBrandTop{ width: 1160px; padding: 0 20px; height: 47px; line-height: 47px; border-bottom: 1px solid #DEDEDE; font-size: 16px;}
.inBrandList{ width: 1200px; height: auto; overflow: hidden;}
.inBrandList a{ display: block; float: left; width: 200px; height: 80px; overflow: hidden; text-align:center;}
.inBrandList a img{width: 155px; height:74px; vertical-align:middle; padding-top:8px; }




/*å¸®åŠ©ä¸­å¿ƒ*/
.abBox{ width: 1200px; height: auto; overflow: hidden;}
.abBoxL{ float: left; width: 239px; height: auto; background: #FFFFFF;}
.abBoxL h2{ color: #333333; height: 60px; line-height: 60px; font-weight: normal; font-size: 22px; padding-left: 57px;}
.abBoxL dl{ width: 100%; height: auto;}
.abBoxL dl dt{ width: 100%; height: 52px; line-height: 52px; font-size: 18px; background: #eaf6fb; color: #666666; border-left: 2px solid #4d8cdc;}
.abBoxL dl dt a{ display: block; padding-left: 57px; box-sizing: border-box;}
.abBoxL dl dt a:hover{ background: #eaf6fb; color: #666666; border-left: 2px solid #4d8cdc; }
.abBoxL dl dd{ width: 100%; height: auto; padding: 5px 0 10px 0; }
.abBoxL dl dd a{ display: block; line-height: 30px; padding-left: 57px; box-sizing: border-box;}
#lm_hover{ background: #eaf6fb; color: #666666; border-left: 2px solid #4d8cdc; }
#lm_hover1{ color: #4d8cdc;}

.abBoxR{ float: right; width: 884px; padding: 20px 30px; height: auto; overflow: hidden; background: #FFFFFF; min-height: 600px;}
.abBoxRT{ width: 100%; height: 42px; line-height: 42px; border-bottom: 1px solid #DEDEDE;}
.abBoxRT h4{ float: left; color: #4d8cdc; border-bottom: 1px solid #4d8cdc; font-weight: normal; font-size: 18px;}
.abBoxRInfo{ width: 100%; height: auto; padding-top: 25px; line-height: 28px; overflow: hidden;}
.abBoxRInfo img{ max-width: 100%; height: auto;}


.newsShowTit{ width: 100%; padding: 25px 0; border-bottom: 1px solid #EEEEEE; overflow: hidden; text-align: center;}
.newsShowTit h4{ font-weight: normal; font-size: 24px; color: #333333; line-height: 36px;}
.newsShowTit p{ padding-top: 15px; color: #999999;}

.NewsList{ width: 884px;  height: auto; padding-top: 25px; overflow: hidden;}
.NewsList li{ line-height:42px; height:42px; width:100%; border-bottom:1px dotted #ccc;}

/*å“ç‰Œä¸­å¿ƒ*/
.wz{ width: 1200px; height: 32px; line-height: 32px; overflow: hidden; color: #4d8cdc;}
.wz a{ color: #666;}

.brandTj{ width: 1200px; background: #FFFFFF; padding-bottom: 20px; overflow: hidden;}
.brandTj h2{ line-height: 60px; padding-left: 28px; overflow: hidden;}
.brandList{ width: 1160px; height: auto;}
.brandList a{ display: block;float: left; width: 153px; height: 72px; border: 1px solid #DEDEDE; margin: 5px;}
.brandList a img{ width: 153px; height: 72px; }


.subscript-code{ width: 1200px; height: 80px; line-height: 80px; font-size: 18px; color: #000000; box-sizing: border-box; padding: 0 28px; overflow: hidden; background: #FFFFFF; margin-top: 20px;}
.subscript-code > .code-item {
    display: inline-block;
    zoom: 1;
    width: 43px;
    font-size: 18px;
    color: #666;
    cursor: pointer;
}
.brand-container {
    width: 1140px;
    background: #FFFFFF;
    margin-top: 20px;
    overflow: hidden;
    padding: 20px 30px; margin-bottom:20px;
}
.brand-container > .brand-ul {
    overflow: hidden;
   
}
.brand-container > .brand-ul > .brand-item {
    margin-top: 20px;overflow: hidden;
}
.brand-container > .brand-ul > .brand-item > .brand-code {
    float: left;
    width: 40px;
}
.brand-container > .brand-ul > .brand-item > .brand-code > .code-icon {
    width: 40px;
    height: 40px;
    background-color: #307ce0;
    border-radius: 50%;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
.brand-container > .brand-ul > .brand-item > .brand-son {
    float: right;
    width: 1080px;
}
.brand-container > .brand-ul > .brand-item > .brand-son > .brand-list-box > .brand-list > .brand-type-item {
    overflow: hidden;
    float: left;
    width: 204px;
    margin-bottom: 10px;
}
.brand-container > .brand-ul > .brand-item > .brand-son > .brand-list-box > .brand-list > .brand-type-item .brand-cover {
    margin: 0 auto;
    width: 160px;
    height: 60px;
}
.brand-container > .brand-ul > .brand-item > .brand-son > .brand-list-box > .brand-list > .brand-type-item .brand-cover  img{
   border:1px solid #eee; width:164px; height:62px;
}
.brand-container > .brand-ul > .brand-item > .brand-son > .brand-list-box > .brand-list > .brand-type-item .brand-name {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 

.BrandInfo{ width: 1060px; height: auto; background: #FFFFFF; padding: 35px 70px; margin: 20px auto; margin-bottom:0px;}
.BrandInfoL{ float: left; width: 157px; height: auto; overflow: hidden; text-align: center;}
.BrandInfoL img{ width: 155px; height: 72px; border: 1px solid #e6e6e6;}
.BrandInfoL p{ font-size: 14px; line-height: 26px; padding-top: 10px;}
.BrandInfoL a{ color: #999999;}

.BrandInfoR{ float: right; width: 830px; overflow: hidden; height: auto; line-height: 24px;}
.BrandInfoR h4{ font-size: 16px; color: #333333; line-height: 32px; margin-bottom: 5px;}


/*æµ·å¤–ä»£è´­*/
.hwdgBanner{ width: 100%; height: 400px;}
.hwdgbox1{ width: 1200px; height: 265px; overflow: hidden;}
.hwdgbox1 dl{ float: left; width: 280px; height: 265px; box-sizing: border-box; padding: 35px 0; margin-left: 26px; overflow: hidden; background: #FFFFFF; text-align: center;}
.hwdgbox1 dl:first-child{ margin-left: 0;}
.hwdgbox1 dl dt{ width: 110px; height: 110px; border-radius: 50%; line-height: 110px; color: #FFFFFF; font-size: 28px;}
.hwdgbox1 dl dd{ width: 100%; height: auto; font-size: 16px; line-height: 24px; color: #333333; padding-top: 30px;}

.hwdgbox2{ width: 1200px; height: auto; background: #FFFFFF; overflow: hidden; margin-top: 26px;}
.hwdgbox2Top{ width: 100%; box-sizing: border-box; height: 89px; font-size: 18px; color: #333333; line-height: 89px; padding: 0 30px; overflow: hidden; }
.hwdgbox2Top a{ font-size: 14px; color: #999999;}
.hwdgbox2List{ width: 1198px; height: auto; overflow: hidden; border-top: 1px solid #dedede;  border-left: 1px solid #dedede; border-right: 1px solid #dedede; overflow: hidden;}
.hwdgbox2List dl{ float: left; width: 239px; height: 202px; overflow: hidden; box-sizing: border-box; text-align: center; padding: 25px; border: 1px solid #dedede; border-left: none; border-top: none;}
.hwdgbox2List dl:nth-child(5){ border-right: none; width: 242px;}
.hwdgbox2List dl:nth-child(10){ border-right: none; width: 242px;}
.hwdgbox2List dl dt{ width: 140px; height: 100px; overflow: hidden;}
.hwdgbox2List dl dt img{width: 140px; height: 100px;}
.hwdgbox2List dl dd{ width: 100%; height: auto; padding-top:5px;}
.hwdgbox2List dl dd p{ line-height: 24px; height: 24px; overflow: hidden;}
.hwdgbox2List dl dd h4{ line-height: 28px; height: 28px; color: #ff7b00; font-family: arial; font-size: 16px; overflow: hidden;}



/*BOMé…å•*/
.BOMBOX1{ width: 1200px; height: auto;  background: #FFFFFF;}
.BOMBOX1top{ width: 100%; height: 78px; line-height: 78px; text-align: center; font-size: 22px; color: #333333;}
.BOMBOX1bot{ width: 1200px; height: 280px; background: url(../images/BOM1bg.jpg) no-repeat;}
.BOMBOX1bot dl{ float: left; width: 400px; box-sizing: border-box; padding: 105px 0 0 0; height: auto; text-align: center;}
.BOMBOX1bot dl dt{ width: 100%; height: auto; }
.BOMBOX1bot dl dt h3{ line-height: 32px; height: 32px; overflow: hidden; font-size: 18px; font-weight: normal;}
.BOMBOX1bot dl dt h3 span{ color: #4d8cdc;}
.BOMBOX1bot dl dt h4{ line-height: 25px; height: 25px; overflow: hidden; font-size: 14px; font-weight: normal;}
.BOMBOX1bot dl dd{ width: 100%; height: auto; padding-top: 15px;}
.BOMBOX1bot dl dd img{ width: 52px; height: 36px;}
.BOMBOX1bot dl dd h4{ font-weight: normal; color: #999999; line-height: 34px;}
.BOMBOX1bot dl dd p{ color: #999999; line-height: 28px;}
.BOMBOX1bot dl dd b{ font-weight: normal; color: #4d8cdc;}


.BOMBOX2{ width: 1200px; height: auto;  background: #FFFFFF; margin-top: 10px;}
.BOMBOX2T{ width: 1200px; height: 188px; background: url(../images/BOMBOX2bg.jpg) no-repeat; overflow: hidden; text-align: center; color: #FFFFFF;}
.BOMBOX2T h4{ width: 100%; height: 48px; padding-top: 48px;}
.BOMBOX2T h4 a{ display: inline-block; width: 164px; height: 48px; margin: 0 10px;}
.BOMBOX2T h4 a.BOMBOX2Ta1{ background: url(../images/BOMBOX2Ta1.png) no-repeat;}
.BOMBOX2T h4 a.BOMBOX2Ta2{ background: url(../images/BOMBOX2Ta2.png) no-repeat;}
.BOMBOX2T p{ line-height: 24px; margin-top: 15px;}
.BOMBOX2b{ width: 100%; height: 75px; line-height: 75px; text-align: center; font-size: 24px; color: #4d8cdc;}


/*ç§¯åˆ†å•†åŸŽ*/
.pointshopbox1{ width: 1200px; height: auto; background: #FFFFFF; overflow: hidden; padding-bottom: 40px;}
.pointshopbox1Top{ width: 100%; line-height: 60px; height: 60px; box-sizing: border-box; padding: 0 30px; font-size: 18px; color: #333333;}
.pointshopbox1Top a{ color: #4d8cdc; font-size: 14px;}
.pointshopbox1List{ width: 1197px; height: auto; padding-left: 3px;}
.pointshopbox1List dl{ float: left; background: #f5f5f5; width: 265px; height: 216px; overflow: hidden; text-align: center; margin: 17px;}
.pointshopbox1List dl dt{ width: 249px; height: 154px; overflow: hidden;  position: relative; margin-top: 10px;}
.pointshopbox1List dl dt .poiShDiv1{ width: 244px; height: 116px; position: absolute; top: 0; right: 0; background: url(../images/pointbg1.png) no-repeat; color: #FFFFFF;}
.pointshopbox1List dl dt .poiShDiv2{ z-index: 20; width: 84px; padding-left: 8px; text-align: left; height: 30px; line-height: 25px; font-size: 13px; color: #FFFFFF;  background: url(../images/pointbg2.png) no-repeat; position: absolute; top: 5px; left: 0; }

.pointshopbox1List dl dt .poiShDiv1Box{ width: 244px; height: 116px; position: relative;}
.pointshopbox1List dl dt .poiShDiv1Box .poiShDiv1BoxL{ position: absolute;  width: 14px; height: 116px; line-height: 116px; top: 0; left:40px ; font-size: 25px; font-weight: 400;}
.pointshopbox1List dl dt .poiShDiv1Box .poiShDiv1BoxR{ position: absolute; width: auto; top: 0; left:60px; height: 116px; line-height: 136px; font-size: 60px; font-weight: 400;}
.pointshopbox1List dl dt .poiShDiv1Box .poiShDiv1BoxR span{ font-size: 14px; font-weight: normal; padding-left: 10px;}
.pointshopbox1List dl dt .poiShDiv3{ width: 100%; height: 38px; line-height: 38px; position: absolute; left: 0; bottom: 0; text-align:left; color: #333333; padding-left: 5px; box-sizing: border-box; overflow: hidden;}
.pointshopbox1List dl dd{ width: 245px; overflow: hidden; height: 42px; line-height: 42px; text-align: left; }
.pointshopbox1List dl dd span{ color: #4d8cdc;}
.pointshopbox1List dl dd span b{ color: #666; font-weight: normal;}
.pointshopbox1List dl dd button{ border: none; width: 245px; height: 42px; text-align: center; background: #ff7800; border-radius: 3px; color: #FFFFFF; display: none;}
.pointshopbox1List dl dd:hover button{ display: block;}


.pointshopbox1List dl dd a{ border: none; cursor:pointer; width: 245px;  height: 42px; text-align: center; background: #ff7800;  border-radius: 3px; color: #FFFFFF; display: none;}
.pointshopbox1List dl dd:hover a{ display: block;}

.pointshopbox2{ width: 1200px; height: auto; margin-top: 20px; background: #FFFFFF; overflow: hidden; padding: 30px; box-sizing: border-box;}
.pointshopbox2T{width: 100%; line-height: 40px; height: 40px; font-size: 18px; color: #333333;}
.pointshopbox2info{ width: 100%; height: auto; overflow: hidden; padding-top: 25px; line-height: 28px;}

.pointshopbox1List dl dd #cartInfoHint{width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,.6); z-index: 8888;}
.pointshopbox1List dl dd .cart-info{ z-index: 9999; position:fixed; width:368px; height:182px; top:50%; left:50%; margin-top:-91px; margin-left:-184px; background:#fff; border-radius:3px; overflow: hidden; }
.pointshopbox1List dl dd .cart-info .msg{ padding-top:50px;}




.popOutBg{ width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,.6); display: none; z-index: 8888;}
.popOut{ z-index: 9999; position:fixed; width:368px; height:182px; top:50%; left:50%; margin-top:-91px; margin-left:-184px; background:#fff; border-radius:3px; overflow: hidden; display: none;}
.popOutTop{ width: 100%; height: 36px; line-height: 36px; box-sizing: border-box; padding: 0 12px; background: #f3f3f3; color: #333;}
.popOutTop span{ color: #999999; cursor: pointer;}
.popOutBox{ width: 100%; height: 60px; padding-top: 40px; overflow: hidden; text-align: center;}
.popOutBox a.popa1{ display: inline-block; width: 189px; height: 60px; background: url(../images/jfbz.jpg) no-repeat;}
.popOutBox a.popa2{ display: inline-block; width: 189px; height: 60px; line-height:60px; font-size:20px;  color: #4d8cdc;}

/*å•†å“ç›®å½•*/
.goodsSearch{ width: 1200px; height: 40px; background: #FFFFFF; padding: 20px 0;}
.goodsSearchBox{ width: 490px; height: 40px; overflow: hidden;}
.goodsSearchBoxL{ float: left; text-align: center; width: 90px; height: 40px; line-height: 40px; font-size: 16px; overflow: hidden;}
.goodsSearchBoxM{ float: left; width: 300px; padding: 0 13px; height: 38px; border: 1px solid #DEDEDE; border-right: none;}
.goodsSearchBoxR{ float: left; width: 72px; height: 40px; border: none; background: #4d8cdc; color: #FFFFFF; border-radius: 0 3px 3px 0;}

.goodsNavList{ width: 1140px; padding:20px 30px; height: auto; background: #FFFFFF; overflow: hidden; margin-top: 20px;}
.goodsNavList dl{ width: 100%; height: auto; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #DEDEDE;}
.goodsNavList dl dt{ width: 100%; height: 40px; line-height: 40px; color: #000000; font-size: 18px;}
.goodsNavList dl dt a{ color: #000000;}
.goodsNavList dl dt a:hover{ color: #4d8cdc;}
.goodsNavList dl dd{ width: 100%; height: auto; font-size: 14px; line-height: 28px;}
.goodsNavList dl dd a{ display: block; float: left; width: 25%; height: 28px; line-height: 28px; overflow: hidden; color: #4d8cdc;}
.goodsNavList dl dd a span{ color: #666666;}
.goodsNavList dl dd a:hover{ color: #000000; text-decoration: underline;}


.goodsmenu{ width: 1200px; height: auto; margin-top: 20px;}
.goodsmenuTitle{ display: block; width: 1200px; box-sizing: border-box; height: 43px; line-height: 43px; font-size: 16px; color: #333333; padding: 0 28px; background: #e9e9e9 url(../images/sq.jpg) no-repeat 1070px center;}

.goodsmenuBox{ width: 1200px; height: auto; padding:20px 0; background: #FFFFFF;}
.goodsmenuBox a{ display: block; float: left; color: #4d8cdc; float: left; height: 28px; line-height: 28px; overflow: hidden; box-sizing: border-box; padding:0 20px; width: 25%;}
.goodsmenuBox a span{ color: #999999;}
.goodsmenuTitle.cur{background: #e9e9e9 url(../images/zk.jpg) no-repeat 1070px center;}

.goodsmenusx{ width: 1180px; padding:20px 10px; height: auto; background:#e9e9e9; margin-bottom:20px;}
.tblists{ overflow-x:scroll; margin-bottom:20px;}
.tableSort{ width:100%;}
.tableSort th{ text-align:left; padding:0 15px;    min-width: 100px;}
.tableSort th.select-item{ padding:15px;}
.tableSort th div{ min-height:128px; height:128px; background:#fff; padding:10px; overflow-y:auto;white-space:nowrap; display:block; text-align:left; font-size:12px; line-height:20px; font-weight:normal}

.key-wrap{ padding:0 13px;}
    .key-wrap .key-item {
        margin: 0 10px 10px 0;
        display: inline-block;
        zoom: 1;
        padding: 0 6px;
        height: 22px;
        border: 1px solid #dedede;
        font-size: 12px;
        line-height: 22px;
        background: #fff;
    }
.key-wrap .key-item .close-icon {
    vertical-align: -3px;
    margin-left: 7px;
    display: inline-block;
    zoom: 1;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-image: url(../images/del.png);
}
.criteria-result-wrap{padding:0 15px;}
.clear-btn {
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    width: 98px;
    height: 32px;
    border: 1px solid #0089da;
    background-color: #e2f6ff;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #333;
    cursor: pointer;
}
.sure-btn {
    margin-left: 10px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    width: 98px;
    height: 32px;
    border: 1px solid #f97300;
    background-color: #f97300;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.statistics-info {
    margin-left: 17px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    color: #666;
}

.goodsListTop{ width: 1200px; height: 46px; overflow: hidden; background: #585d62; line-height: 46px;}
.goodsListTop a{ display: block; float: left; color: #FFFFFF; font-size: 14px; padding: 0 25px;}
.goodsListTop a.active{ background: #4d8cdc;}
.goodsListTop a img{ padding-left: 5px; vertical-align: middle;}
.goodsListTopR{ float: right; color: #FFFFFF; padding-right: 20px;}
.goodsListTopR a{ display: block; float: left; width: 26px; height: 46px; padding: 0; text-align: center; font-size: 22px;}


.goodsListTop2{ width: 1200px; height: 45px; line-height: 25px; padding: 10px 28px; overflow: hidden; box-sizing: border-box; border: 1px solid #e6e6e6; background: #f9f9f9;}
.goodsListTop2 .Ginput1{ float: left; width: 140px; height: 23px; border: 1px solid #e6e6e6; background: #FFFFFF; padding: 0 10px;}
.goodsListTop2 b{ font-weight: normal; padding-left: 25px; float: left;}
.goodsListTop2 i{ width:20px; text-align: center; display: block; float: left;}
.goodsListTop2 .Ginput2{ float: left; width: 46px; height: 23px; border: 1px solid #e6e6e6; background: #FFFFFF; padding: 0 10px;}

.goodsListTop2 .GSub1{ width: 100px; height: 24px; text-align: center; background: #b7b7b7; border: none; color: #FFFFFF; text-align: center; float: left; margin-left: 10px;}
.goodsListTop2 .Gch1{ float: left; margin: 5px 5px 0 23px;}
.goodsListTop2 span{ color: red;}


.goodsList{ width: 1200px; height: auto; overflow: hidden;}
.goodsList dl{ width: 1140px; height: 152px; padding: 20px 30px; overflow: hidden; background: #FFFFFF; border-bottom: 1px solid #DEDEDE;}
.goodsList dl dt{ float: left; width: 120px; height: 120px; overflow: hidden; padding-top: 16px;}
.goodsList dl dt a{    position: absolute;}
.goodsList dl dt img{width: 120px; height: 120px;position: absolute;}
.goodsList dl dt span{position: relative;
    background: #f00;
    top: -6px;
    color: #fff;
    z-index: 99;
    padding: 5px;
    display: inherit;}
.goodsList dl dd{ width: 1005px; height: 152px; float: right; overflow: hidden;}
.goodsList dl dd .GodDiv1{ float: left; width: 480px; overflow: hidden; height: 152px;}
.goodsList dl dd .GodDiv1 h4{ font-size: 18px; font-weight: normal; height:26px; line-height: 32px; overflow: hidden; margin-bottom: 10px;}
.goodsList dl dd .GodDiv1 h4 a{ color: #333333;}
.goodsList dl dd .GodDiv1 p{ font-size: 12px; color: #999999; line-height: 24px;}
.goodsList dl dd .GodDiv1 p span{ float:left; display:inline-block; width:50%}
.goodsList dl dd .GodDiv1 p em{ color:#222; margin-left:3px;}
.goodsList dl dd .GodDiv1 h3{ font-size: 14px; font-weight: normal; height: 32px; line-height: 32px; overflow: hidden; margin-top: 10px; }
.goodsList dl dd .GodDiv1 h3 a{color: #4d8cdc;}
.goodsList dl dd .GodDiv1 h3 a i{ padding-right: 10px;}
.goodsList dl dd .GodDiv2{ float: left; width: 260px; padding-left: 12px; overflow: hidden; text-align: right;}
.goodsList dl dd .GodDiv2 h4{ color: #333333; line-height: 26px; font-weight: normal;}
.goodsList dl dd .GodDiv2 p{ line-height: 24px;}
.goodsList dl dd .GodDiv2 p span{ color: #ff7800;}
.goodsList dl dd .Discont{ width: 260px;}
.goodsList dl dd .Discont p  i {
    display: inline-block;
    padding-left: 15px;
    min-width: 50px;
    text-align: left;
    font-size: 14px;
    color: #666;
    font-style: normal;
    text-decoration: line-through;
}
.goodsList dl dd .GodDiv2 div.time{background:url(../images/cout_bg_11.jpg) no-repeat left center;padding-left:15px;width: 181px;float: right;font-size: 13px;margin-top: 10px;}


.goodsList dl dd .GodDiv3{ float: right; width: 168px; height: 80px; margin-top: 30px; overflow: hidden;}
.goodsList dl dd .GodDiv3 button{  width: 124px; height: 42px; line-height: 42px;cursor: pointer;  border: none; color: #FFFFFF; font-size: 16px; border-radius: 3px;}
.goodsList dl dd .GodDiv3 button.yellow{background: #ff7800;}
.goodsList dl dd .GodDiv3 button.gray{background: gray;}
.goodsList dl dd .GodDiv3 p{ line-height: 42px;}
.goodsList dl dd .GodDiv3 button.disabled{ background-color: #ccc; cursor: not-allowed;}


/*åŠ å…¥è´­ç‰©è½¦*/
.popOutBg{ width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,.6); display: none; z-index: 8888;}
.popOutGoods{ z-index: 9999; position:fixed; width:660px; height:420px; top:50%; left:50%; margin-top:-210px; border: 2px solid #d9d9d9; margin-left:-330px; background:#fff; border-radius:3px; overflow: hidden; display: none;}
.popOutTop{ width: 100%; height: 36px; line-height: 36px; box-sizing: border-box; padding: 0 12px; background: #f3f3f3; border-bottom: 1px solid #d9d9d9; color: #333;}
.popOutTop span{ color: #999999; cursor: pointer;}
.popOutBoxGoods{ width: 100%; height: auto; padding: 20px; box-sizing: border-box; overflow: hidden; }
.popOutBoxGoodsL{ float: left; width: 254px; height: 333px; overflow: hidden; border-right: 1px solid #D9D9D9;}
.popOutBoxGoodsL p{ font-size: 13px; line-height: 32px;}
.popOutBoxGoodsL p span{ color: #333333;}
.popOutBoxGoodsR{ float: right; width: 345px; height:333px; overflow: hidden;}
.popOutBoxGoodsRInfo{ width: 100%; text-align: center; line-height: 30px;}
.popOutBoxGoodsRInfo h4{ font-weight: normal; color: #333333;}
.popOutBoxGoodsRInfo p span{ color: #ff7800;}

.popOutBoxGoodsRbt1{ width: 345px; height: 28px; line-height: 28px; overflow: hidden; margin-top: 8px;}
.popOutBoxGoodsRbt1 .gsrbinput1{ width: 53px; padding: 0 10px; height: 26px; border: 1px solid #DEDEDE; color: #ff7800; margin-right: 10px;}
.popOutBoxGoodsRbt1 span{color: #ff7800;}
.popOutBoxGoodsRbt1 b{color: #ff7800;}

.popOutBoxGoodsRbt2{ width: 345px; height: 33px; line-height: 33px; overflow: hidden; margin-top: 12px;}
.popOutBoxGoodsRbt2 button{ background: #ff7800; color: #FFFFFF; border: none; width: 93px; height: 33px; border-radius: 3px;}


/*äº§å“è¯¦æƒ…*/
.goodsShow1{ width: 1200px; box-sizing: border-box; padding: 25px 30px; overflow: hidden; background: #FFFFFF; margin-top: 15px;}
.goodsShow1Lpic{ float: left; width: 350px; height: auto; overflow: hidden;}

/*å•†å“ç¼©ç•¥å›¾æ ·å¼*/
.goods-box{  margin-bottom:15px; padding:30px; font-size:12px; background:#fff; }
.goods-pic{ position:relative;  width:350px; *z-index:1; }
	.pic-box{ float:left; }
	.pic-preview{ width:348px; height:348px; border:1px solid #e8e8e8; }
	.pic-scroll{ margin-top:10px; width:350px; }
	.pic-scroll .prev{ float:left; margin-right:5px; }
	.pic-scroll .next{ float:right; }
	.pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"å®‹ä½“"; text-align:center; width:10px; height:60px; line-height:60px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; text-decoration:none; }
	.pic-scroll .items{ position:relative; float:left; width:315px; height:62px; overflow:hidden; }
	.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }
	.pic-scroll .items ul li{ float:left; margin:0; padding:0; width:79px; text-align:center; }
	.pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:56px; height:56px; }
	.pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #d70000; }


/* å›¾ç‰‡æ”¾å¤§é•œæ ·å¼*/
.jqzoom{ position:relative; float:left; display:block; margin:0; padding:0; width:348px; height:348px; border:none; cursor:crosshair; }
	.jqzoom img{ width:348px; height:348px; }
.zoomdiv{ position:absolute; top:0; left:0; z-index:100; display:none; width:348px; height:348px; background:#fff; border:1px solid #e8e8e8; text-align:center; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; width:20px; height:20px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); }



/*è´­ç‰©è½¦æ ·å¼*/
.cart-info{position:absolute;top:180px;left:130px;margin:0;box-shadow: 0px 0px 8px 1px #888888;border-radius: 10px;padding:15px;border: 1px solid #a8a8a8;width:380px;height:auto;background:#fff;text-align:left;z-index:2;text-align:center;}
.cart-info strong{ width:100%; line-height:42px; height:42px; font-size:15px; color:#4d8cdc; display:block;}
.cart-info .btn{ width:142px; height:42px; color:#fff; display:inline-block; font-size:14px; text-align:center; line-height:42px; border-radius: 3px;}
.cart-info .btn-success{ background:#4d8cdc;}
.cart-info .btn-around{ background:#155ab0;}
.cart-info p{ line-height:32px; margin-bottom:10px;}


.cart-info a.link-btn1{ background:#4d8cdc; width:142px; height:42px; color:#fff; display:inline-block; font-size:14px; text-align:center; line-height:42px; border-radius: 3px;}
.cart-info a.link-btn2{ background:#155ab0; width:142px; height:42px; color:#fff; display:inline-block; font-size:14px; text-align:center; line-height:42px; border-radius: 3px;}

.cart-info .close{ width:28px; height:28px; background: url(../images/vedioClose.png) no-repeat; display:block; cursor:pointer; text-indent:-99999em; position:absolute; right:10px; top:10px;}

.goodsShow1Rbox{ width: 764px; height: auto;  float: right; position:relative;}
.goodsShow1Rbox h2{ font-size: 20px; color: #333333; font-weight: normal; line-height: 48px;}
.goodsShow1Rboxinfo{ width: 764px; height: auto; padding:15px 0;margin-bottom: 25px; border-bottom: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE;}
.goodsShow1Rboxinfo dl{ float: left; width: 254px; overflow: hidden; height: auto;}
.goodsShow1Rboxinfo dl dt{ color: #333333; line-height: 28px;}
.goodsShow1Rboxinfo dl dd{ width: 100%; height: auto; line-height: 24px;}
.goodsShow1Rboxinfo dl dd span{ color: #FF7800;}
.goodsShow1Rboxinfo dl dd i{    display: inline-block;
    padding-left: 15px;
    min-width: 50px;
    text-align: left;
    font-size: 14px;
    color: #666;
    font-style: normal;
    text-decoration: line-through;}

.goodsActTime {
    background: url(../images/cout_bg_11.jpg) no-repeat left center;
    padding-left: 22px;
    font-size: 16px;
    margin-top: 14px;
    color: #ff7800;
}

.popOutBoxGoodsRbt1s{ width: 764px; height: 28px; line-height: 28px;  position: relative;  margin-top: 8px;}
.popOutBoxGoodsRbt1s .gsrbinput1{ width: 85px; padding: 0 10px; height: 26px; border: 1px solid #DEDEDE; color: #ff7800; margin-right: 10px;}
.popOutBoxGoodsRbt1s span{color: #ff7800;}
.popOutBoxGoodsRbt1s b{color: #ff7800;}
.form-item .x-pcs-tips {     
    position: absolute;
    display:none;
    z-index: 9999;
    padding: 10px;
    top: -48px;
    width: 240px;
    height: 18px;
    background-color: #fff;
    -ms-box-shadow: 0 0 4px 0 #999;
    -o-box-shadow: 0 0 4px 0 #999;
    box-shadow: 0 0 4px 0 #999;
    font-size: 12px;
    line-height: 1.5;
    color: #333;
}
.form-item .x-pcs-tips:before {
    content: "";
    position: absolute;
    display: block;
    width: 13px;
    height: 10px;
    background-image: url(../images/dot_down.png);
    background-repeat: no-repeat;
    bottom: -10px;
    left: 50%;
    margin-left: -7px;
}

.goodsShow1Rbox2{ width: 764px; height: 42px; overflow: hidden; margin-top: 12px;}
.goodsShow1Rbox2 button{ float: left; width: 124px; height: 42px; font-size: 16px; background: #ff7800; color: #FFFFFF; border: none; border-radius: 3px;}
.goodsShow1Rbox2 .GOODSsc{ margin-left: 15px; margin-top: 12px; float: left; width: auto; height: 15px; line-height: 15px; padding-left: 25px; overflow: hidden; background: url(../images/sc.jpg) no-repeat left center;}
.goodsShow1Rbox2 .GOODSsc a{ cursor:pointer;}

.goodsShow1Rbox2 .GOODSsc1{ margin-left: 15px; margin-top: 12px; float: left; width: auto; height: 20px; line-height: 20px; padding-left: 30px; overflow: hidden; background: url(../images/sc1.png) no-repeat left center;}
.goodsShow1Rbox2 .GOODSsc1 a{ cursor:pointer;}

.goodsShow2{ width: 1200px; box-sizing: border-box; padding: 25px 30px; overflow: hidden; background: #FFFFFF; margin-top: 20px;}

.goodsShow2Tit{ width: 100%; height: 23px; line-height: 23px; background: url(../images/Gs2Titbg.jpg) repeat-x; margin-top: 15px;}
.goodsShow2Tit h2{ display: inline-block; float: left; background: #FFFFFF; font-size: 18px; font-weight: normal; color: #4d8cdc; padding-right:30px;}
.goodsShow2Box1{ width: 1098px; padding-left: 102px; overflow: hidden;}
.goodsShow2Box1 dl{ float: left; width: 274px; height: 42px; line-height: 42px; overflow: hidden;}
.goodsShow2Box1 dl dt{ float: left; color: #999999; width: 74px; height: 42px; line-height: 42px; }
.goodsShow2Box1 dl dd{ float: left; color: #333; width: 200px; height: 42px; line-height: 42px; }

.goodsShow2Box2{ width: 1098px; padding-left: 102px; overflow: hidden;}
.goodsShow2Box2Txt{ width: 100%; text-align: center; line-height: 60px; height: 60px;}
.goodsShow2Box2Txt i{ padding-right: 10px;}


.goodsShow2Box2List{ width: 610px; height: 810px; overflow: hidden; position: relative;}
.goodsShow2Box2List .bd{ width: 610px; height: 810px;  overflow: hidden; float: left;}
.goodsShow2Box2List .bd li{ width: 610px; height: 810px; overflow: hidden; float: left; text-align: center; }
.goodsShow2Box2List .bd li img{ width: 610px; height: 810px; }


.goodsShow2Box2List .GsLeft{ width: 52px; height: 50px; position: absolute; left: 0; top: 50%; margin-top: -25px; z-index: 88;}
.goodsShow2Box2List .GsLeft a{ display: inline-block;  width: 52px; height: 50px; background:url(../images/jt1.png) no-repeat center;}
.goodsShow2Box2List .GsLeft a:hover{background:url(../images/jt1s.png) no-repeat center;}

.goodsShow2Box2List .GsRight{ width: 52px; height: 50px; position: absolute; right: 0; top: 50%; margin-top: -25px; z-index: 88;}
.goodsShow2Box2List .GsRight a{display: inline-block;  width: 52px; height: 50px; background:url(../images/jt2.png) no-repeat center;}
.goodsShow2Box2List .GsRight a:hover{background:url(../images/jt2s.png) no-repeat center;}

 







/*æ´»åŠ¨ä¸“åŒº*/
.ActivityList{ width: 1200px; height: auto; overflow: hidden;}
.ActivityList dl{ width: 1140px; height: 152px; padding: 20px 30px; overflow: hidden; background: #FFFFFF; border-bottom: 1px solid #DEDEDE;}
.ActivityList dl dt{ float: left; width: 120px; height: 120px; overflow: hidden; padding-top: 16px;}
.ActivityList dl dt img{width: 120px; height: 120px;}
.ActivityList dl dd{ width: 1005px; height: 152px; float: right; overflow: hidden;}
.ActivityList dl dd .GodDiv1{ float: left; width: 330px; overflow: hidden; height: 152px;}
.ActivityList dl dd .GodDiv1 h4{ font-size: 18px; font-weight: normal; height: 32px; line-height: 32px; overflow: hidden; margin-bottom: 10px;}
.ActivityList dl dd .GodDiv1 h4 a{ color: #333333;}
.ActivityList dl dd .GodDiv1 p{ font-size: 14px; color: #999999; line-height: 24px;}
.ActivityList dl dd .GodDiv1 h3{ font-size: 14px; font-weight: normal; height: 32px; line-height: 32px; overflow: hidden; margin-top: 10px; }
.ActivityList dl dd .GodDiv1 h3 a{color: #4d8cdc;}
.ActivityList dl dd .GodDiv1 h3 a i{ padding-right: 10px;}
.ActivityList dl dd .GodDiv2{ float: left; width: 180px; margin-left: 50px; padding-left: 12px; overflow: hidden; text-align: right;}
.ActivityList dl dd .GodDiv2 h4{ color: #333333; line-height: 26px; font-weight: normal;}
.ActivityList dl dd .GodDiv2 p{ line-height: 24px;}
.ActivityList dl dd .GodDiv2 p span{ color: #ff7800;}



.ActivityList dl dd .GodDiv4{ float: left; width: 180px; padding-left: 12px; overflow: hidden; text-align: right;}
.ActivityList dl dd .GodDiv4 h4{ color: #333333; line-height: 26px; font-weight: normal;}
.ActivityList dl dd .GodDiv4 p{ line-height: 24px; text-decoration: line-through;}
.ActivityList dl dd .GodDiv4 p span{ color: #666;}

.ActivityList dl dd  .GodDiv3{ float: right; width: 143px; height: 80px; margin-top: 30px; overflow: hidden;}
.ActivityList dl dd  .GodDiv3 button{  width: 124px; height: 42px; line-height: 42px;  border: none; color: #FFFFFF; font-size: 16px; border-radius: 3px;}
.ActivityList dl dd  .GodDiv3 button.yellow{background: #ff7800;}
.ActivityList dl dd  .GodDiv3 button.gray{background: gray;}
.ActivityList dl dd  .GodDiv3 p{ line-height: 42px;}



/*è´­ç‰©è½¦å¼¹çª—*/
cite, dfn, em, var {
    font-style: normal;}
 
.buy-window-container {
	display: none;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/window.png);background-repeat: repeat
}

.buy-window-container>.buy-window-main {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	margin-top: -240px;
	margin-left: -350px;
	width: 700px;
	height: 480px;
	background-color: #fff
}

.buy-window-container>.buy-window-main>.buy-window-head {
	position: relative;
	padding: 0 20px;
	height: 40px;
	background-color: #f6f6f6;
	font-size: 16px;
	line-height: 40px;
	color: #666
}

.buy-window-container>.buy-window-main>.buy-window-head .buy-window-close {
	position: absolute;
	z-index: 10;
	right: 20px;
	top: 10px;
	width: 20px;
	height: 20px;
	background-image: url(../images/ico_close.png);
    background-repeat: no-repeat;
	background-position: center;
	cursor: pointer
}

.buy-window-container>.buy-window-main>.buy-window-body {
	height: 440px
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-left-box {
	float: left;
	width: 310px
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-left-box>.caption {
	margin: 30px 0 20px;
	height: 20px;
	font-size: 16px;
	text-align: center
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-left-box>.attr-list .attr-item {
	margin-bottom: 10px;
	font-size: 0
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-left-box>.attr-list .attr-item>span {
	height: 20px;
	display: inline-block;
	font-size: 14px;
	line-height: 20px
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-left-box>.attr-list .attr-item>.attr-value {
	width: 175px;
	color: #333
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-left-box>.attr-list .attr-item>.attr-name {
	padding-right: 20px;
	width: 115px;
	text-align: right;
	color: #999
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box {
	position: relative;
	float: right;
	width: 390px
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box:before {
	position: absolute;
	z-index: 1;
	display: block;
	content: '';
	left: 0;
	top: 50%;
	margin-top: -184px;
	width: 1px;
	height: 385px;
	background-color: #dedede
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.caption {
	margin: 30px 0 20px;
	height: 20px;
	font-size: 16px;
	text-align: center
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box {
	margin: 0 auto;
	width: 330px
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.price-list-box {
	height: 104px;
	border-bottom: 1px solid #dedede
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.price-list-box>.price-list-ul>.price-list-item {
	margin-bottom: 10px;
	height: 20px;
	font-size: 0
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.price-list-box>.price-list-ul>.price-list-item>.pcs-number {
	width: 150px;
	text-align: right;
	color: #999
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.price-list-box>.price-list-ul>.price-list-item>.pcs-price {
	padding-left: 20px;
	width: 160px;
	color: #F50
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.price-list-box>.price-list-ul>.price-list-item>span {
	height: 20px;
	display: inline-block;
	font-size: 14px;
	line-height: 20px
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.stock-info-box {
	height: 95px;
	font-size: 14px;
	color: #333
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.stock-info-box>.stock-caption {
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	text-align: center
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.stock-info-box>.stock-info {
	height: 35px;
	text-align: center
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.stock-info-box>.stock-info>.min-start {
	padding-left: 10px
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.number-input-box {
	height: 75px;
	text-align: center
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.number-input-box>.pcs-input-wrap {
	position: relative;
	vertical-align: top;
	display: inline-block;
	zoom: 1;
	width: 138px;
	font-size: 0
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.number-input-box>.pcs-input-wrap .pcs-tips {
	display: none;
	position: absolute;
	z-index: 10;
	padding: 10px;
	top: -64px;
	width: 118px;
	height: 34px;
	background-color: #fff;
	box-shadow: 0 0 4px 0 #999;
	font-size: 12px;
	line-height: 1.5;
	color: #333
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.number-input-box>.pcs-input-wrap .pcs-tips:before {
	content: "";
	position: absolute;
	display: block;
	width: 13px;
	height: 10px;
	background-image: url(../images/ico_close.png);
    background-repeat: no-repeat;
	bottom: -10px;
	left: 50%;
	margin-left: -7px
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.number-input-box>.pcs-input-wrap .pcs-tips span {
	color: #F50
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.number-input-box>.pcs-input-wrap.margin-r {
	margin-left: 10px
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.number-input-box>.pcs-input-wrap .pcs-input-box {
	position: relative;
	width: 138px;
	height: 32px;
	border: 1px solid #dedede
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.number-input-box>.pcs-input-wrap .pcs-input-box .pcs-input {
	width: 88px;
	height: 30px;
	padding-left: 10px;
	padding-right: 40px;
	border: 0;
	background-color: transparent;
	font-size: 16px;
	line-height: 30px;
	color: #333
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.number-input-box>.pcs-input-wrap .pcs-input-box .unit-box {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	width: 34px;
	height: 34px;
	font-size: 14px;
	line-height: 30px;
	text-align: left;
	color: #999
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.number-input-box>.pcs-input-wrap .pcs-input-box .unit-box.t-center {
	text-align: center
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.number-input-box>.pcs-input-wrap .pcak-number {
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	color: #999
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.price-info-box {
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.price-info-box .price-color {
	padding: 0 10px;
	color: #F50
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.join-cat-btn {
	margin: 15px auto 0;
	width: 140px;
	height: 36px;
	background-color:#1f71de;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	cursor: pointer
}

.buy-window-container>.buy-window-main>.buy-window-body>.buy-right-box>.right-info-box>.join-cat-btn:hover {
	background-color: #369f17
}
 

.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px; margin-top:10px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}


