.Wrapper{ overflow: visible; }
.header{ overflow: visible; }
.container{ position: relative; width: 1024px; margin: 0 auto; }

/* HEADER */
.top{ width: 1024px; height: 22px; padding: 2px 0; margin: 0 auto; overflow: visible; }
.topl{ width: 50%; height: 16px; line-height: 16px; padding: 3px 0; float: left; }
.topl a{ line-height: 16px; font-size: 12px; color: #535353; float: left; display: block; padding: 0 5px; border-right: 1px solid #535353;  }
.topl a.livechat{ padding-left: 22px; background: url("../images/livechat.png") no-repeat left center; }
.topl p{ line-height: 16px; font-size: 12px; color: #535353; float: left; display: block; padding: 0 5px; }
.topr{ width: 50%; height: 22px; float: right; overflow: visible; background: url("../images/right.png") no-repeat 404px center; }
.topr a.smsregister{ width: 42px; line-height: 22px; text-align: center;  font-size: 12px; color: #535353; float: right; display: block; }
.topr a.ai{ width: 32px; height: 22px; background: url("../images/ai.png") no-repeat center center; float: right; }
.topr a.ai:hover,
.topr a.ai.on{ background: url("../images/ai-hover.png") no-repeat center center; }
.topr .shop{ position: relative; left: 0; top: 0; z-index: 0; width: 32px; height: 20px; float: right; text-align: center; cursor: pointer; line-height: 20px; border: 1px solid #fff; border-bottom: none; font-size: 12px; color: #fff; background: url("../images/shop.png") no-repeat center center; overflow: visible; }
.topr .shop:hover{ border-color: #1b1b1b; border-bottom: none;}
.topr .cBag{ position:absolute; right: -1px; top: auto; z-index: 9; width: 253px; height: auto; padding: 10px; display: none; border: 1px solid #1b1b1b; background-color: #fff; }
.topr .cBag .cnBag{ width: 100%; }
.topr .cBag .cnBag .cnBag-Quantity{ height: 24px; line-height: 24px; border-bottom: 1px solid #494949; }
.topr .cBag .cnBag .cnBag-Quantity p{ font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7b7b7b; display: block; }
.topr .cBag .cnBag .cnBag-New{ padding: 6px 0; height: auto; border-bottom: 1px solid #494949; }
.topr .cBag .cnBag .cnBag-New p{ line-height: 24px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7b7b7b; display: block; text-align: center; }
.topr .cBag .cnBag .cnBag-New a{ line-height: 24px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7b7b7b; display: block; text-align: center; text-decoration: underline; }
.topr .cBag .cnBag .cnBag-News{ }
.topr .cBag .cnBag .cnBag-News ul li{ height: 62px; padding: 10px 7px ; border-bottom: 1px dashed #dcdcdc; }
.topr .cBag .cnBag .cnBag-News ul li a.cnBagimages{ float: left; display: block; }
.topr .cBag .cnBag .cnBag-News ul li a.cnBagimages images{ width: 60px; height: 60px; border: 1px solid #d0d0d0; display: block; }
.topr .cBag .cnBag .cnBag-News ul li span.cnBagtxt{ float: left; display: block; margin: 0 0 0 5px; }
.topr .cBag .cnBag .cnBag-News ul li span.cnBagtxt p{ text-align: left; height: 15px; line-height: 15px; font-size: 12px; color: #3d3d3d; display: block; overflow: hidden; text-transform: uppercase;  }

.topr .cBag .cnBag .cnBag-thulb{ height: 29px; line-height: 29px; border-bottom: 1px solid #494949; }
.topr .cBag .cnBag .cnBag-thulb p{ font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7b7b7b; display: block; }
.topr .cBag .cnBag .cnBag-thulb a{ font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #1b1b1b; display: block; }
.topr .cBag .cnBag .cnBag-a{ height: 26px; margin: 10px 0 0 0; }
.topr .cBag .cnBag .cnBag-a a{ width: 96px; height: 26px; line-height: 26px; text-align: center; display: block; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #fff; background-color: #1b1b1b; }
.topr .login{ position: relative; left: 0; top: 0; z-index: 0; width: 50px; line-height: 20px; text-align: center; font-size: 12px; color: #535353; float: right; display: block; cursor: pointer; border: 1px solid #fff; border-bottom: none; background: url("../images/a.png") no-repeat 36px center; overflow: visible; }
.topr .login:hover{ border-color: #1b1b1b; }
.topr .clogin{ position:absolute; right: -1px; top: auto; z-index: 9; width: 220px; height: auto; padding: 12px 16px; display: none; border: 1px solid #1b1b1b; background-color: #fff; }
.topr .clogin .clogin-title{ width: 100%; height: 20px; line-height: 20px; margin: 0 0 10px 0; text-align: center; font-size: 14px; color: #474646; display: block; }
.topr .clogin .clogins{ width: 100%; }
.topr .clogin .clogins a{ width: 100%; height: 30px; line-height: 30px; display: block; margin: 0 0 10px 0; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 16px; color: #fff; float: none; border: none; background-color: #1d1d1d; }
.topr .clogin .clogins span{ position: relative; margin: 0 0 5px 0; height: 25px; line-height: 25px; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 16px; color: #1d1d1d; display: block; }
.topr .clogin .clogins span:before{ position: absolute; left: 0; top: 13px; content: ""; width: 43%; height: 1px; background-color: #535353; }
.topr .clogin .clogins span:after{ position: absolute; right: 0; top: 13px; content: ""; width: 43%; height: 1px; background-color: #535353; }
.topr .clogin .clogins p{ height: 24px; line-height: 24px; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #535353; display: block; }
.topr .clogin .clogins label{ width: 100%; height: 29px; border-bottom: 1px solid #535353; display: block; margin: 5px 0 10px 0; }
.topr .clogin .clogins label .input{ width: 100%; height: 29px; line-height: 29px; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7d7d7d; border: none medium; background-color: #fff; }
.topr .clogin .clogins label.label{ border: none; margin: 20px 0 0 0; }
.topr .clogin .clogins label.label .submit{ width: 120px; height: 30px; margin: 0 auto; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #fff; cursor: pointer; border: none medium; background-color: #1d1d1d; }
.topr .clogin .clogins label.label a{ text-align: center; height: 24px; line-height: 24px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7d7d7d; display: block; background: transparent; text-decoration: underline; }

.logo{ width: 263px; height: 50px; margin: 17px auto 25px auto; }
.menu{ width: 100%; height: 32px; text-align: center;}
.menu a{ padding: 0 15px; line-height: 32px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #545454; }
.menu a:hover{ color: #d9bd86; }
.Free{ width: 100%; height: 32px; background-color: #000; margin-top: 3px;}
.Free p{ text-align: center; line-height: 32px; letter-spacing: 0; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #fff; display: block; }

/* INDEX */
.Package{ width: 868px; margin: 32px auto 52px auto; }
.Package a{ display: block; }
.Package a images{ width: 100%; display: block; }
.Package a.more{ height: 42px; line-height: 42px; letter-spacing: 1px; text-align: center; font-size: 12px; color: #000; display: block; }
.Package span{ font-family: "微软雅黑", "Microsoft YaHei"; margin: 11px 0 0 0; height: 51px; line-height: 51px; letter-spacing: 1px; text-align: center; font-size: 23px; color: #1f1f1f; display: block; }
.Package .line{ width: 40px; height: 2px; margin: 0 auto; background-color: #000; }

.service{ width: 100%; }
.service span{ position: relative; height: 48px; line-height: 48px; text-align: center; letter-spacing: 0; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 18px; color: #444; display: block; }
.service span:before{ position: absolute; left: 0; top: 23px; content: ""; width: 32%; height: 2px; background-color: #6a6a6a; }
.service span:after{ position: absolute; right: 0; top: 23px; content: ""; width: 32%; height: 2px; background-color: #6a6a6a; }
.service p{ height: 38px; line-height: 38px; letter-spacing: 1px; border: 1px solid #313131; background-color: #222; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 13px; color: #fff; display: block; }

.botter{ height: 24px; text-align: center; margin: 14px 0 0 0; }
.botter a{ line-height: 24px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 12px; color: #7b7b7b; }
.copyright{ height: 24px; text-align: center; margin: 0 0 14px 0; }
.copyright p{ line-height: 24px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 12px; color: #7b7b7b; display: block; }

/* login */
.smslogin{ width: 100%; margin: 68px 0 150px 0; border-top: 2px solid #1b1b1b;}
.smslogins{ width: 584px; height: auto; padding: 20px 58px; margin: 0 auto; border: 1px solid #1b1b1b; border-top: none; }
.smslogins-title{ height: 50px; text-align: center;}
.smslogins-title span{ height: 38px; line-height: 38px; letter-spacing: 1px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 26px; color: #1b1b1b; display: block; }
.smslogins-title p{ height: 42px; line-height: 42px; letter-spacing: 1px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 20px; color: #1b1b1b; display: block; }
.smslogin-other{ height: 42px; margin: 11px 0 12px 0;}
.smslogin-other .login-other{ width: 50%; float: left; }
.smslogin-other .login-other a{ width: 260px; height: 42px; background-color: #1b1b1b; display: block; }
.smslogin-other .login-other a i{ float: left; display: block; }
.smslogin-other .login-other a i.qq{ width: 28px; height: 30px; margin: 6px 12px 6px 84px; background: url("../images/qq.png") no-repeat; }
.smslogin-other .login-other a i.wx{ width: 36px; height: 33px; margin: 5px 12px 4px 80px; background: url("../images/wx.png") no-repeat; }
.smslogin-other .login-other a p{ text-align: left; line-height: 42px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 20px; color: #fff; display: block; }
.smslogin-still{ position: relative; height: 25px; line-height: 25px; font-size: 20px; color: #7d7d7d; text-align: center; }
.smslogin-still:before{ position: absolute; left: 0; top: 13px; content: ""; width: 45%; height: 1px; background-color: #1b1b1b; }
.smslogin-still:after{ position: absolute; right: 0; top: 13px; content: ""; width: 45%; height: 1px; background-color: #1b1b1b; }
.smslogin-email{ height: 36px; line-height: 36px; text-align: center; letter-spacing: 1px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 18px; color: #1b1b1b; display: block; }
.smslogin-box{ width: 100%; }
.smslogin-box label{ position: relative; }
.smslogin-box label input{ width: 562px; padding: 5px 10px; margin: 10px 0 12px 0; height: 20px; border: 1px solid #1b1b1b; line-height: 20px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7d7d7d; }
.smslogin-box label input.name{ width: 574px; height: 24px; padding: 5px; margin: 0; border: none medium; border-bottom: 1px solid #1b1b1b; line-height: 24px; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7d7d7d; }
.smslogin-box label input.zone{ width: 258px; height: 20px; padding: 5px 10px; margin: 33px 0; border: 1px solid #1b1b1b; line-height: 20px; text-align: left; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7d7d7d; }
.smslogin-box label input.you{ width: 574px; height: 21px; padding: 5px; margin: 0 0 10px 0; border: none medium; border-bottom: 1px solid #1b1b1b; line-height: 21px; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7d7d7d; }
.smslogin-box label input.submit{ width: 194px; height: 40px; display: block; padding: 0; margin: 12px auto 0 auto; border: 1px solid #1b1b1b; background-color: #1b1b1b; line-height: 40px; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 20px; color: #fff;  cursor: pointer; }
.smslogin-box label p{ text-align: center; }
.smslogin-box label.register{ text-align: center; display: block; }
.smslogin-box label.register a{ line-height: 24px; font-size: 16px; color: #4a4a4a; margin: 0 50px; }
.smslogin-box label .Get{ position: absolute; right: 5px; top: -8px; width: 120px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #fff; background-color: #1b1b1b; display: block; }



/* ABOUT */
.cnabout{ width: 100%; margin: 64px 0 0 0; }
.left{ width: 120px; float: left; }
.left ul li{ height: 50px; }
.left ul li a{ line-height: 50px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 20px; color: #7b7b7b; display: block; }
.left ul li a:hover{ color: #111; background: url("../images/left.png") no-repeat 85px center; }
.left ul li a.on{ color: #111; background: url("../images/left.png") no-repeat 85px center; }
.right{ width: 894px; float: right; }
.right-title{ height: 33px; border-bottom: 1px solid #d6d6d6; line-height: 33px; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 20px; color: #1b1b1b; display: block; }
.right-title span{ padding: 0 7px; line-height: 33px; text-align: left; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 15px; color: #1b1b1b; display: block; }

/* CONTACT */
.content{ width: 772px; height: auto; margin: 35px auto;}
.content p{ line-height: 26px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7b7b7b; display: block;  text-align: justify; text-indent: 2em; }
.contents{ padding: 21px 0; }
.contents ul li{ width: 50%; float: left; margin: 10px 0; }
.contents ul li label{ width: 394px; height: auto; float: left; }
.contents ul li label h1{ width: 24px; height: 30px; float: left; display: block; text-align: center; line-height: 30px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 20px; color: #7b7b7b; }
.contents ul li label p{ line-height: 30px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7b7b7b; display: block; }
.contents ul li label input{ width: 354px; height: 18px; padding: 5px 7px; border: 1px solid #7b7b7b; line-height: 18px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7b7b7b; }
.contents ul li label textarea{ width: 800px; height: 180px; padding: 5px 7px; border: 1px solid #7b7b7b; line-height: 18px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7b7b7b;}
.contents ul li label .checkbox{ width: 14px; height: 14px; border: 1px solid #7b7b7b; display: block; float: left; margin: 9px 9px 9px 140px; }
.contents ul li label .submit{ width: 168px; height: 32px; margin: 0 auto; display: block; background-color: transparent; cursor: pointer; }

/* of-service */
.of-service{ width: 100%; }
.of-service-side{ margin-bottom: 30px; }
.of-service-side-box { border-bottom: 1px solid #7b7b7b; }
.of-service-side-title { height: 39px; cursor:pointer; font:normal 14px/40px "Microsoft YaHei"; color: #1b1b1b; }
.of-service-side-title em{ float: right; display: block; width: 10px; height: 39px; background:url(../images/service1.png) no-repeat center center; cursor:pointer; }
.of-service-side-title.on em{ background:url(../images/service2.png) no-repeat center center; }
.of-service-side-common { padding-bottom: 5px; display:none; /* 默认都隐藏 */ }
.of-service-side-common span{ line-height: 30px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #1b1b1b; display: block; }
.of-service-side-common p{ line-height: 24px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 12px; color: #7b7b7b; display: block; }
.of-service-side-common p font{ color: #1b1b1b; }

/* PRODUCT */
.Thumb{ width: 100%; margin: 15px 0; }
.Thumb ul li{ width: 200px; height: 300px; padding: 12px; border: 1px solid #dcdcdc; background-color: #fff; float: left; margin: 15px; }
.Thumb ul li .Thumbimages{ width: 200px; height: 200px; }
.Thumb ul li .Thumbimages a{ display: block; }
.Thumb ul li .Thumbimages a images{ display: block; margin: 0 auto; }
.Thumb ul li .ThumbTxt{ width: 200px; height: 64px; margin: 5px 0; font-family: "微软雅黑", "Microsoft YaHei"; }
.Thumb ul li .ThumbTxt a{ width: 200px; height: 22px; line-height: 22px; font-size: 14px; color: #000; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform: uppercase; }
.Thumb ul li .ThumbTxt a:hover{ color: #d9bd86; }
.Thumb ul li .ThumbTxt p{ width: 200px; height: 20px; line-height: 20px; font-size: 12px; color: #747474; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.Thumb ul li .ThumbTxt span{ width: 200px; height: 22px; line-height: 22px; font-family:  Arial, sans-serif; font-size: 16px; color: #000; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Thumb ul li .ThumbMore{ width: 200px; height: 24px; font-family: "微软雅黑", "Microsoft YaHei"; }
.Thumb ul li .ThumbMore a{ width: 85px; height: 22px; border: 1px solid #000; background-color: #000; text-align: center; line-height: 22px; font-size: 12px; color: #fff; display: block;  }
.Thumb ul li .ThumbMore a.out{ background-color: transparent; color: #000; }

/* PRODUCTS */
.common{ width: 967px; margin: 40px auto; }

/* zoom-section */
.zoom-section{  width: 372px; height: 415px; overflow: visible; clear: both; }
.zoom-small-image{ width: 370px; height: 319px; border: 1px solid #d2d2d2; background-color: #fff; overflow: visible; }
.zoom-small-image images{ width: 100%; height: 319px; display: block; }
#wrap{ overflow: visible;  }
.cloud-zoom-lens{ border: 1px solid #aaa;  background: url("../images/mask.png") repeat; cursor: move;}
.cloud-zoom-big{ border: 1px solid #d2d2d2; }
.zoom-desc{ width: 372px; height: 70px; margin: 12px 0; }
.zoom-desc ul{ width: 375px; }
.zoom-desc ul li{ width: 70px; height: 70px; text-align: center; float: left; margin-right: 5px; cursor: pointer; }
.zoom-desc ul li a{ display: block; }
.zoom-desc ul li a images.zoom-tiny-image { width: 68px; height: 68px; display: block; border: 1px solid #cacaca; }
.zoom-desc ul li a images.zoom-tiny-image:hover { border-color: #3a3838;}

.introduce{ width: 566px;  height: 373px; margin: 21px 0; float: right; }
.intro-title{ height: 45px; border-bottom: 1px dashed #a1a1a1;}
.intro-title span{ width: 100%; line-height: 45px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 16px; color: #000; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform: uppercase; }
.intro-parameter{ position: relative; height: 103px; padding: 8px 20px; border-bottom: 1px dashed #a1a1a1; }
.intro-parameter span{ font-family: "微软雅黑", "Microsoft YaHei"; display: block; }
.intro-parameter span.money{ height: 32px; line-height: 32px; color: #231815; }
.intro-parameter span.money em{ font-size: 12px; font-style: normal; }
.intro-parameter span.money b{ font-size: 18px; }
.intro-parameter span.colour,
.intro-parameter span.model,
.intro-parameter span.made{ height: 24px; line-height: 24px; font-size: 12px; color: #4c4c4c; }
.intro-parameter span.made .checkbox{ width: 12px; height: 12px; margin: 0 2px 0 0;}
.intro-parameter .joy{ position: absolute; right: 20px; top: 8px; height: 32px; line-height: 32px; font-family: "微软雅黑", "Microsoft YaHei";}
.intro-parameter .joy a{ font-size: 12px; color: #8c8c8c; float: right; display: block; padding: 0 15px;  }
.intro-parameter .joy a.joy1{ background: url("../images/joy1.png") no-repeat left center; }
.intro-parameter .joy a.joy2{ background: url("../images/joy2.png") no-repeat -3px center; }
.intro-illustrate{ height: 37px; padding: 0 20px; border-bottom: 1px dashed #a1a1a1; }
.intro-illustrate a{ line-height: 37px; padding: 0 20px 0 16px; background: url("../images/gou.png") no-repeat left center; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 12px; color: #a1a1a1; float: left; display: block; }
.intro-illustrate a i{ width: 12px; height: 37px; float: right; display: block; background: url("../images/a.png") no-repeat center; }
.intro-Quantity{ height: 35px; margin: 28px 0 28px 20px; }
.intro-Quantity span{ width: 45px; height: 35px; line-height: 35px; text-align: left; font-family: "微软雅黑", "Microsoft YaHei";  font-size: 12px; color: #4c4c4c; float: left; display: block; }
.intro-Quantity .size{ width: 60px; height: 35px; float: left; border: 1px solid #7d7d7d; background-color: #fff; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 12px; color: #4c4c4c; padding-left: 10px; }
.intro-Quantity p{ line-height: 35px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 12px; color: #5a5a5a; display: block; float: left; padding: 0 25px;}
.intro-Buy{ height: 35px; }
.intro-Buy a{ width: 158px; height: 33px; margin: 0 36px 0 0; text-align: center; line-height: 35px; border: 1px solid #000; background-color: #000; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #fff; float: left; display: block; }
.intro-Buy a.Bag{  background-color: #fff; color: #000;  }

.common-dome{ width: 967px; margin: 0 auto;}
.dome-title{ height: 26px; }
.dome-title span{ position: relative; line-height: 26px; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 16px; color: #000; display: block; }
.dome-title span:before{ position: absolute; left: 0; top: 12px; content: ""; width: 45%; height: 2px; background-color: #000; }
.dome-title span:after{ position: absolute; right: 0; top: 12px; content: ""; width: 45%; height: 2px; background-color: #000; }
.dome{ width: 100%; margin: 10px 0; }
.dome images{ width: 100%; display: block; }

/* Bag */
.Bag-common{ width: 100%; margin: 50px 0;}
.Bag-common-title{ height: 37px; border-bottom: 2px solid #1b1b1b; }
.Bag-common-title span{ text-align: center; line-height: 37px; letter-spacing: 1px; display: block; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 24px; color: #1b1b1b; }

.Bag-commons{ font-size: 12px; color: #5f5f5f; }
.Bag-commons .checkbox1{ position: relative; top: 3px; margin-right: 5px; display: inline-block; }
.Bag-commons .Bagimages{ width: 432px; height: 82px; margin: 18px auto; }
.Bag-commons .Bagimages images{ width: 80px; height: 80px; border: 1px solid #d0d0d0; float: left; display: block; }
.Bag-commons .Bagimages h2{ width: 200px; text-align: left; line-height: 24px; font-size: 14px; color: #3d3d3d; margin: 0 15px; float: left; display: block; }
.Bag-commons .Bagimages h1{ width: 120px; height: auto; float: left; display: block; }
.Bag-commons .Bagimages h1 p{ line-height: 20px; font-size: 12px; color: #3d3d3d; display: block; text-align: left; }
.Bag-commons h3{ margin: 18px 0; line-height: 24px; font-size: 14px; color: #3d3d3d; display: block; }
.Bag-commons h3 span{ width: 96px; height: 28px; border: 1px solid #dcdcdc; margin: 0 auto; display: block; }
.Bag-commons h3 span p.commonl{ width: 25px; height: 28px; line-height: 28px; border-right: 1px solid #dcdcdc; text-align: center; float: left; display: block; }
.Bag-commons h3 span p.commonr{ width: 25px; height: 28px; line-height: 28px; border-left: 1px solid #dcdcdc; text-align: center; float: right; display: block; }
.Bag-commons h3 span i{ width: 44px; height: 28px; text-align: center; line-height: 28px; font-style: normal; font-size: 14px; color: #666; float: left; display: block;}
.Bag-commons h6{ width: 70px; }
.Bag-commons h6 a{ font-size: 16px; color: #fff;  display: block; }


.Bag-common-box{ height: auto; }
.Bag-common-box ul li{ width: 100%; border-bottom: 1px solid #1b1b1b; text-align: center; overflow: hidden; }
.Bag-common-box ul li p{ width: 33.33333333%; float: left; display: block; text-align: center; line-height: 54px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #474646;  }
.Bag-common-box ul li span{ text-align: center; width: 100%; display: block; font-family: "微软雅黑", "Microsoft YaHei"; line-height: 54px; font-size: 20px; color: #474646;}
.Bag-common-bax{ margin: 36px 0 28px 0; text-align: center; }
.Bag-common-bax p{ text-align: center; height: 24px; line-height: 24px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #474646; display: block; }
.Bag-common-bax span{ text-align: center; height: 32px; line-height: 32px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 18px; color: #1b1b1b; display: block; letter-spacing: 3px; }
.Bag-box{ width: 808px; height: auto; margin: 0 auto 50px auto; background-color: #e0e0e0; }
.Bag-box-common{ height: 72px; line-height: 72px; border-bottom: 1px solid #c8c8c8; }
.Bag-box-common ul li{ width: 33.33333333%; float: left; text-align: center; }
.Bag-box-common ul li span{ position: relative; }
.Bag-box-common ul li span p{ font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7b7b7b; display: inline-block; padding-left: 20px; }
.Bag-box-common ul li span p font{ color: #1b1b1b; }
.Bag-box-common ul li span .radio{ position: absolute; top: -2px; width: 14px; height: 14px; }
.Bag-bax-common{ padding: 22px 0; }
.Bag-bax-common p{ line-height: 24px; text-align: center; display: block; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7b7b7b; }
.Bag-bax-common p font{ color: #1b1b1b;}
.Bag-bax-common a{ line-height: 24px; text-align: center; display: block; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #7b7b7b; }
.Bag-more{ height: 48px; padding-bottom: 21px; border-bottom: 1px solid #1b1b1b; }
.Bag-more a{ width: 148px; height: 46px; text-align: center; line-height: 46px; border: 1px solid #1b1b1b; display: block; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 18px; color: #1b1b1b; }
.Bag-more a.iBag{ background-color: #1b1b1b; color: #fff; }
.Bag-more a.fl{ margin-left: 48px; }
.Bag-more a.fr{ margin-right: 48px; }

/* member  */
.member{ width: 100%; margin: 48px 0 120px 0; }
.member-left{ width: 154px; background-color: #000; float: left;  }
.member-left-title{ height: 41px; margin-bottom: 19px; border-bottom: 1px solid #fff; line-height: 41px; }
.member-left-title span{ line-height: 41px; letter-spacing: 1px; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 18px; color: #fff; display: block; }
.member-left-common{ width: 100%; height: auto; margin-bottom: 298px; }
.member-left-common ul li{ height: 30px; border-bottom: 1px dashed #7c7c7c;  }
.member-left-common ul li a{ padding-left: 38px; line-height: 30px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #b7b7b7; display: block; }
.member-left-common ul li a:hover,
.member-left-common ul li a.on{ color: #fff; background: url("../images/member-left1.png") no-repeat 100px center;}

.member-right{ width: 832px; float: right; }
.member-right-bg{ position: relative; left: 0; top: 41px; width: 100%; height: 1px; background-color: #000; }
.member-right-title{ position: relative; width: 100%; height: 29px; line-height: 29px; margin: 12px 0 4px 0; }
.member-right-title ul li{ float: left; margin: 0 28px 0 5px; height: 30px; }
.member-right-title ul li a{ display: block; line-height: 30px; padding: 0 17px; border: 1px solid transparent; font-size: 14px; color: #000; }
.member-right-title ul li a:hover,
.member-right-title ul li a.on{ border: 1px solid #000; border-bottom:2px solid #fff; background-color: #fff;   }

.member-right-common{ width: 100%; }
.member-right-common ul li{ height:62px; padding: 10px 0 9px 0; border-bottom: 1px dashed #7c7c7c; }
.member-right-common ul li .memberimages{ width: 110px; height: 62px; float: left; }
.member-right-common ul li .memberimages a{ display: block; }
.member-right-common ul li .memberimages a images{ width: 60px; height: 60px; border: 1px solid #dcdcdc; display: block; margin: 0 auto; }
.member-right-common ul li .membertxt{ width: 212px; height: 62px; float: left; margin: 0 30px; font-family: "微软雅黑", "Microsoft YaHei"; }
.member-right-common ul li .membertxt a{ height: 32px; line-height: 32px; font-size: 14px; color: #000; text-transform: uppercase; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.member-right-common ul li .membertxt p{ height: 30px; line-height: 30px; font-size: 12px; color: #747474; display: block; overflow: hidden; }
.member-right-common ul li .member-price{ width: 153px; height: 62px; float: left; text-align: center; font-family: "微软雅黑", "Microsoft YaHei";}
.member-right-common ul li .member-price p{ line-height: 64px; font-size: 14px; color: #000; display: block; }
.member-right-common ul li .member-Quantity{ width: 110px; height: 62px; float: left; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; }
.member-right-common ul li .member-Quantity p{ line-height: 64px; font-size: 14px; color: #000; display: block; }
.member-right-common ul li .member-status{ width: 136px; height: 62px; float: right; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; }
.member-right-common ul li .member-status p{ line-height: 22px; font-size: 14px; color: #000; display: block; }
.member-right-common ul li .member-status a{ line-height: 20px; font-size: 14px; color: #000; display: block; }
.member-right-common ul li .member-time{ width: 187px; height: 62px; float: right; text-align: center; font-family: "微软雅黑", "Microsoft YaHei"; }
.member-right-common ul li .member-time p{ line-height: 64px; font-size: 14px; color: #000; display: block; }
.member-right-common ul li .member-Buy{ width: 92px; height: 28px; float: right; margin: 19px 24px 19px 0; text-align: center; font-family: "微软雅黑", "Microsoft YaHei";}
.member-right-common ul li .member-Buy a{ line-height: 28px; font-size: 14px; color: #fff; display: block; background-color: #000; }

.member-right-common ul li .member-add{ font-family: "微软雅黑", "Microsoft YaHei"; float: left; width: 284px; height: 62px; padding: 0 7px; }
.member-right-common ul li .member-add p{ line-height: 62px; font-size: 14px; color: #0a0204; display: block; }
.member-right-common ul li .member-tel{ font-family: "微软雅黑", "Microsoft YaHei"; float: left; width: 190px; height: 62px; }
.member-right-common ul li .member-tel p{ line-height: 62px; font-size: 14px; color: #0a0204; display: block; }
.member-right-common ul li .member-name{ font-family: "微软雅黑", "Microsoft YaHei"; float: left; width: 170px; height: 62px; }
.member-right-common ul li .member-name p{ line-height: 62px; font-size: 14px; color: #0a0204; display: block; }
.member-right-common ul li .member-modify{ font-family: "微软雅黑", "Microsoft YaHei"; float: right; margin: 19px 24px 19px 0; text-align: center; width: 92px; height: 28px; }
.member-right-common ul li .member-modify a{ line-height: 28px; font-size: 14px; color: #fff; display: block; background-color: #000; }

.member-right-Add{ width: 92px; height: 28px; margin: 24px 10px 10px 10px; }
.member-right-Add .btn-Add{ font-family: "微软雅黑", "Microsoft YaHei"; text-align: center; width: 92px; line-height: 28px; font-size: 14px; color: #fff; display: block; cursor: pointer; border: none medium; background-color: #000;  }

.add-box{ position: fixed; z-index: 100; width: 100vw; height: 100vh; background: rgba(0,0,0,0.75); display: none; }
.add-hint{ position: fixed; top: 50%; left: 50%; z-index: 111; width: 284px; height:356px; border: 1px solid #000; background:#fff; margin:-179px 0 0 -143px; display:none; }
.add-hint-chose{ position: absolute; top: 4px; right: 4px; width: 21px; height: 20px; background: url("../images/chose.png") no-repeat; cursor: pointer; }
.add-hint-box{ width: 262px; height: 153px; padding: 35px 0; margin: 0 auto; }
.add-hint-box ul li{ padding: 0 8px; height: 50px; border-bottom: 1px solid #7c7c7c; }
.add-hint-box ul li h1{ float: left; width: 80px; height: 50px; line-height: 50px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 16px; color: #000; display: block; }
.add-hint-box ul li input{ width: 156px; padding: 10px 5px; float: left; border: none medium; background: #fff; line-height: 30px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #a3a3a3; display: block; }
.add-hint-verify{ width: 134px; height: 28px; margin: 78px auto 0 auto; background-color: #000; text-align: center; line-height: 28px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #fff; cursor: pointer; }

.member-right-change { width: 100%; margin-top: 27px; }
.change{ width: 100%; }
.change ul li{ height: auto; margin-bottom: 15px; font-family: "微软雅黑", "Microsoft YaHei"; }
.change ul li h1{ width: 14px; height: 26px; font-size: 14px; color: #ff0000; text-align: center; line-height: 26px; display: block; float: left;}
.change ul li h2{ width: 64px; height: 26px; font-size: 14px; color: #000; text-align: left; line-height: 26px; display: block; float: left; }
.change ul li input{ width: 180px; height: 16px; padding: 4px 5px; border: 1px solid #7c7c7c; background-color: #fff; line-height: 16px; font-size: 14px; color: #000; }
.change ul li .submits{ width: 92px; height: 28px; padding: 0; text-align: center; line-height: 28px; font-size: 14px; color: #fff; display: block; cursor: pointer; border: none medium; background-color: #000;  }

.member-page{ text-align: right; padding: 20px 0; }
.member-page a{ padding: 0 5px; margin: 0 5px; font-size: 14px;}
.member-page span{ padding: 0 5px; margin: 0 5px; font-size: 14px;}

.pay{ width: 100%; margin: 42px 0; border-top: 2px solid #1b1b1b;  }
.pay-Details{ padding: 0 20px; border-bottom: 1px solid #d2d2d2; }
.pay-Details-title{ height: 58px;  }
.pay-Details-title h1{ line-height: 58px; text-align: left; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 18px; color: #1b1b1b; display: block; }
.pay-Details-box{ padding: 0 60px 15px 60px; }
.pay-Details-box .pay-Details-box-images{ width: 148px; height: 148px; display: block; float: left; border: 1px solid #dcdcdc; margin-right: 16px; }
.pay-Details-box .pay-Details-box-images images{ width: 100%; display: block; }
.pay-Details-box .pay-Details-box-title{ height: 36px; line-height: 36px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #1b1b1b; display: block; text-transform: uppercase; }
.pay-Details-box h2{ height: 28px; line-height: 28px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 12px; color: #747474; display: block; }
.pay-Details-box h3{ height: 32px; line-height: 32px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #1b1b1b; display: block; }

.pay-add{ padding: 0 20px; border-bottom: 1px solid #d2d2d2; }
.pay-add-title{ height: 58px;  }
.pay-add-title h1{ line-height: 58px; text-align: left; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 18px; color: #1b1b1b; display: block; }
.pay-add-box{ padding: 0 60px; }
.pay-add-box ul li{ height: 32px; }
.pay-add-box ul li label{ width: 28px; height: 32px; float: left; display: block; }
.pay-add-box ul li label .radio1{ width: 16px; height: 16px; margin: 9px 0;}
.pay-add-box ul li span{ line-height: 32px; display: block; float: left; }
.pay-add-box ul li span p{ line-height: 32px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #000; float: left; display: block; padding-right: 30px; }
.pay-add-box ul li a{float: left; width: 69px; height: 24px; display: block; background-color: #1b1b1b; text-align: center; margin: 4px; line-height: 24px; font-family: "微软雅黑", "Microsoft YaHei";  font-size: 14px; color: #fff; }
.pay-add-more{ width: 170px; height: 24px; margin: 10px 60px 27px 60px; background-color: #1b1b1b; }
.pay-add-more a{ text-align: center; line-height: 24px; display: block; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 14px; color: #fff; }
.pay-pay{ padding: 0 20px; border-bottom: 1px solid #d2d2d2;}
.pay-pay-title{ height: 58px;  }
.pay-pay-title h1{ line-height: 58px; text-align: left; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 18px; color: #1b1b1b; display: block; }
.pay-pay-box{ width: 100%; padding-bottom: 30px; }
.pay-pay-box ul li{ width: 33.33333333%; float: left; }
.pay-pay-box ul li a{ width: 160px;  display: block;  border: 1px solid #fff; margin: 0 auto; }
.pay-pay-box ul li a images{ display: block; margin: 0 auto; vertical-align: middle;}
.pay-pay-box ul li a:hover{ border-color: #ff0000; }
.pay-pay-box ul li a.on{ border-color: #ff0000; }
.pay-more{ width: 164px; height: 36px; background-color: #000; margin: 40px auto 0 auto; }
.pay-more a{ text-align: center; line-height: 36px; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 18px; color: #fff; display: block; }

.pay-success{ width: 150px; margin: 100px auto; }
.pay-success span{ font-family: "微软雅黑", "Microsoft YaHei"; font-size: 24px; line-height: 40px; color: #1b1b1b; display: block;  }
.pay-success span i.succsess1{ width: 36px; height: 36px; float: left; display: block; margin: 2px 5px; background: url("../images/success1.png") no-repeat 2px 2px; }
.pay-success span i.succsess2{ width: 36px; height: 36px; float: left; display: block; margin: 2px 5px; background: url("../images/success2.png") no-repeat 2px 2px; }

.eweima{ position: absolute; right: 180px; top: 5px; width: auto; height: 66px; }
.eweima img{ width: 66px; height: 66px; float: left; display: block; }
.eweima p{ width: auto; height: 32px; line-height: 16px; float: left; text-align: center; font-size: 12px; color: #505050; padding: 17px 5px; display: block; }

.preview {}
/* smallImg */.smallImg {position:relative;width:372px;height:52px;margin-top:12px;}
.scrollbutton {position:relative;width:14px;height:50px;float:left;cursor:pointer;}
.scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled {background:url(../images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown,.scrollbutton.smallImgDown.disabled {background:url(../images/d_09.png) no-repeat;margin-left:358px;margin-top:-50px;}
#imageMenu {width:340px;height:50px;float:left;margin:0 2px;}
#imageMenu li {width:68px;height:50px;float:left;text-align:center;}
#imageMenu li img {width:50px;height:50px;cursor:pointer;}
#imageMenu li#onlickImg img,#imageMenu li:hover img {width:44px;height:44px;border:3px solid #959595;}
/* bigImg */.bigImg {position:relative;width:370px;height:370px;border:1px solid #dcdcdc;background-color:#ccc;overflow:hidden;}
.bigImg #midimg {width:370px;height:370px;}
.bigImg #winSelector {width:200px;height:200px;}
#winSelector {position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;border:1px solid #fff;}
/* bigView */#bigView {position:absolute;border:1px solid #959595;overflow:hidden;z-index:999;}
#bigView img {position:absolute;}

/*商品列表页*/
.group-title{ margin-top: 60px; }
.group-title h2{ text-align: center; line-height: 40px; font-family: abchanel-couture, 华文细黑, STXiHei, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", sans-serif;  font-size: 34px; color: #2b2b2b; display: block; }
.group{ width: 100%; overflow: hidden; margin-top: 30px; }
.group ul{ padding: 0; margin: 0; list-style: none; }
.group ul li{ width: 404px; float: left; margin: 0 108px 100px 0; overflow: hidden;  }
.group ul li:nth-child(2n){  margin: 0 54px 100px 54px;  }
.group ul li .igroup{ width: 404px; }
.group ul li .groupimg{ width: 250px; float: left; margin: 0 12px 0 0; }
.group ul li .groupimg a{ max-width: 100%; max-height: 250px; margin: 0 auto; display: block; }
.group ul li .groupimg a img{ width: 100%; display: block; }
.group ul li .grouptxt{ width: 130px; float: left; margin: 0 6px; margin-top: 19px; vertical-align: bottom; }
.group ul li .grouptxt h3{ height: 24px; line-height: 24px; margin-top: 10px; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.group ul li .grouptxt h3 a{ font-size: 16px; color: #000; display: block; }
.group ul li .grouptxt h4{ height: 24px; line-height: 24px; margin-top: 10px; margin-bottom: 25px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.group ul li .grouptxt h4 a{ font-size: 12px; color: #333; display: block; }
.group ul li .grouptxt p{ margin: 45px 0 20px 0; line-height: 20px; font-size: 13px; color: #333; display: block; }
.group ul li .grouptxt .buy{ width: 100px; height: 38px; margin-top: 20px; background-color: #000; }
.group ul li .grouptxt .buy a{ text-align: center; line-height: 38px; font-size: 12px; color: #fff; display: block; }