.content{ background:#f2f2f2; width:100%;}
/*top-note*/
.user-help-wrap{ margin-top:0px;}
.content  .center{ width:1230px; margin:0 auto; padding-bottom:20px;}
.content .top-note{ margin-top:6px;  z-index:1;}
.content .top-note h1{ font-size:24px;  line-height:24px;}
.top-note2{ position:relative;margin-bottom:14px; }
.zindex{ z-index:2;}
.content .top-note2 h2{ color:#999; line-height:24px; width:766px; height:23px; overflow:hidden; word-break:break-all;}
.content .top-note2  .selling{ width:158px; height:29px; display:block; position:absolute; right:0px; top:-20px; background:#fff; border:1px solid #e9e9e9; line-height:29px;  text-align:center;}
.content .top-note2  .selling:hover{ border:1px solid #999;}
.content .top-note2  .overs{ width:20px; height:16px; background:url(//www.dhresource.com/dhs/oth/lp/201408/14/3c.png?v=20141105) no-repeat 5px -372px; display:block; position:absolute; top:4px; right:446px; cursor:pointer;}
.content .top-note2  .note-dtail{ padding:10px 15px; width:820px; background:#fff; border:1px solid #9e9e9e; box-shadow:0px 2px 2px 2px rgba(100,100,100,0.3); color:#999; position:absolute; top:4px; left:0px; z-index:999;}
.center .c-left{ float:left; width:200px;  z-index:1; position:relative;}
/*cate*/
.center .c-left .cates{ padding-bottom:6px;}
.center .c-left .cates ul li{ position:relative; height:28px;}
.center .c-left .cates ul li a { background:url(//www.dhresource.com/dhs/oth/lp/201408/14/3c.png?v=20141105) 183px  9px  no-repeat;  line-height:26px; display:block; padding-left:10px;  position:relative; height:26px; }
.center .c-left .cates ul li.no-ctae a{ background:none;}
.center .c-left .cates ul li a:hover{ color:#ee7711;}
.center .c-left .cates ul li.actives a{background:url(//www.dhresource.com/dhs/oth/lp/201408/14/3c.png?v=20141105) 183px  9px  no-repeat #fff;  z-index:1; width:188px;position:relative;border:1px solid #999; border-right:none;box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.1);}
.center .c-left .cates ul li .cat-actives { background:#fff; border:1px solid #999;box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1); width:198px; padding-bottom:3px; position:absolute; left:198px; top:0px; display:none;}
.center .c-left .cates ul li .shows{ display:block;}
.center .c-left .cates ul li .cat-activesa ul li{ background:none;}
.center .c-left .cates ul li .cat-actives ul li a{ background:none; border:none; box-shadow:none; line-height:30px; padding-left:15px; height:30px; overflow:hidden; width:183px;}
/*best seller*/
.center .c-left .sellers,.center .c-left .gital,.center .c-left .searches{ background:#fff; width:188px;  border:1px solid #e9e9e9; border-bottom:none; }
.center .c-left .sellers{ margin-top:20px;}
.center .c-left .sellers h3,.center .c-left .gital h3,.center .c-left .searches h3,.center .might h3,.all-cate h3{ line-height:45px;  font-weight:bold; font-size:16px; padding-left:11px; border-bottom:1px solid #e9e9e9;}
.center .c-left .sellers ul li{  border-bottom:1px solid #e9e9e9; }
.center .c-left .sellers ul li a{ display:block;}

.center .c-left .sellers ul li .simg{ width:188px; height:108px;}
.center .c-left .gital,.center .c-left .searches {border:1px solid #e9e9e9; padding-bottom:15px;}
.center .c-left .gital a{ padding-left:20px; display:block; list-style:24px; height:24px; width:150px; overflow:hidden;}
.center .c-left .gital h3,.center .c-left .searches h3{ margin-bottom:10px;}
.center .c-left .searches .sear{ width:136px; _width:146px; margin-left:20px}
.center .c-left .searches .sear a strong{ font-size:18px;}
/* lefr end*/
.center .c-right{ width:1020px; _width:1020px;float:right; overflow:hidden;}
/*banner*/
.center .c-right .banners{ position:relative; width:1018px; height:300px; overflow:hidden; border:1px solid #e9e9e9; }
.center .c-right .banners #banse li.shows{ display:block;}
.center .c-right .banners  #banse li{ display:none;}
.center .c-right .banners  #banse li a { width:1018px; height:300px; display:block; text-align:center;}
.center .c-right .banners  #banse li a img{width:1018px; height:300px;}
.center .c-right .banners  .bantab{ position:absolute;bottom:15px; text-align:center; width:1018px; height:20px;
}
.center .c-right .banners  .bantab ul{  cursor:pointer; display:inline-block;*display:inline;*zoom:1;}
.center .c-right .banners  .bantab .tab li{ background:url(//www.dhresource.com/dhs/oth/lp/201408/14/3c.png?v=20141105) 2px -26px  no-repeat; width:20px; height:20px; float:left; margin-right:5px;}
.center .c-right .banners  .bantab .tab li.current{ background-position:-23px -26px;}
.center .c-right .banners  .pres,.center .c-right .banners  .nexts{ cursor:pointer;}
.center .c-right .banners  .pres{ background:url(//www.dhresource.com/dhs/oth/lp/201408/14/3c.png?v=20141105) 0px -59px  no-repeat; width:36px; height:58px; position:absolute; top:120px; left:18px;}
.center .c-right .banners  .nexts{ background:url(//www.dhresource.com/dhs/oth/lp/201408/14/3c.png?v=20141105) -54px -59px  no-repeat; width:36px; height:58px; position:absolute; top:120px; right:18px;}
.center .c-right .banners  .pres:hover{ background-position:0 -129px;}
.center .c-right .banners  .nexts:hover{ background-position:-54px -129px;}
.center  .mart{ margin-top:30px;}
/*targs*/
.center .c-right .targs{ width:978px; height:153px; padding-top:17px; padding-left:40px; background:#fff; border:1px solid #e9e9e9;}
.center .c-right .targs ul li{ width:160px; margin:15px 30px 0 40px;_margin:15px 30px 0 20px; float:left; text-align:center;}
.center .c-right .targs ul li a{ display:block;}
.center .c-right .targs ul li a span.catename{ font-size:14px;  height:24px; margin-top:10px; overflow:hidden; display:block;}
.center .c-right .targs ul li a.catename:hover{ color:#ee7711;}
/*product*/
.center .c-right  .product,.center .c-right  .brand,.center  .super,.center  .super2{ background:#fff; border:1px solid #e9e9e9; width:1018px; padding:30px 0;}
.center .c-right  .product ul li{ position:relative; margin-left:30px;_margin-left:20px;}

.center .c-right  .product ul li a{ display:block;}
.center .c-right  .product ul li{ width:300px; height:200px; float:left;}
.center .c-right  .product ul li a.pimg{ width:300px; height:200px; display:block;}
.center .c-right  .product ul li a.pimg img{ width:300px; height:200px;}
.center .c-right  .product ul li .pbg{ background:#fff;  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; position:absolute; bottom:0px; 
left:0px; width:300px; height:40px;}
.center .c-right  .product ul li .pname{ text-align:center; line-height:40px; color:#000; font-size:18px; position:absolute; bottom:0px; left:0px; display:block; width:300px; height:40px; overflow:hidden;}
.center .c-right  .product ul li  .pimg:hover .pname,.center .c-right .super dt a:hover .sname { color:#ee7711; text-decoration:underline;}
/*brand*/
.center .c-right  .brand{ padding:0; }
.center .c-right  .brand .tabs  li,.center .super ul li,.center .super2 ul li{  height:44px; float:left; border-left:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;cursor:pointer; background:#f7f7f7; }
.center .c-right  .brand .tabs  li{ _width:168px;}
.center .c-right  .brand .tabs  li.br-none{ border-left:none; width:168px;_width:170px;}
.center .c-right  .brand .tabs  li img{ width:169px; height:44px;_width:168px; height:44px;}
.center .c-right  .brand .tabs  li.currents{ background:#fff;border-bottom:none;}
.center .c-right  .brand .brands{ padding:30px 25px 30px 30px;display:none;}
.center .c-right  .brand .brands .introd{ float:left; width:428px;}
.center .c-right  .brand .brands .introd a{ display: table-cell; width:240px; height:90px;vertical-align: middle; text-align:center;  position: relative;}
.center .c-right  .brand .brands .introd a img{ display:block; }
.center .c-right  .brand .brands .introd .bname{ font-weight:bold;   margin-top:10px;margin-bottom:10px; width:419px; height:15px; overflow:hidden;}
.center .c-right  .brand .brands .introd .discr{ width:419px; height:75px; overflow:hidden; line-height:20px;}
.center .c-right  .brand .brands .details{ float:right; width:516px;}
.center .title{  font-size:16px; font-weight:bold; line-height:16px; margin-bottom:15px;}
.center .c-right  .brand .brands .details dl dt{ width:206px;  float:left; position:relative;}
.center .c-right  .brand .brands .details dl dt a img{width:200px; height:200px;}
.center .c-right  .brand .brands .details dl dt span{ position:absolute; left:0px; top:0px; padding-left:2px; width:62px; height:26px; overflow:hidden; display:block; background:url(//www.dhresource.com/dhs/oth/lp/201408/14/3c.png?v=20141105) -60px -23px  no-repeat; font-size:27px; font-weight:bold; line-height:28px; color:#fff;}
.center .c-right  .brand .brands .details dl dd{ width:284px; float:right;}
.center .c-right  .brand .brands .details dl .dname{ font-weight:bold;  margin-top:10px;}
.center .c-right  .brand .brands .details dl .paper{ line-height:20px; color:#666;margin-top:6px; width:284px; height:40px; overflow:hidden; }
.center .c-right  .brand .brands .details dl .dprice{ margin-bottom:2px;margin-top:20px;}
.center .c-right  .brand .brands .details dl .dprice strong{ color:#990000; margin-bottom:2px;}
.center .c-right  .brand .brands .details dl .dprice1{ text-decoration:line-through; color:#666;}
.center .c-right  .brand .brands .details dl .shop{ margin-top:23px;}
.center .c-right  .brand .brands .details dl .shop a{ width:83px; height:30px; padding-left:17px; background:url(//www.dhresource.com/dhs/oth/lp/201408/14/3c.png?v=20141105) 80px -191px #ffdd66; display:block; border-radius: 2px; line-height:30px; } 
.center .c-right  .brand .brands .details dl .shop a:hover{ text-decoration:none; color:#333;}
/*vedio*/
.center .c-right .vedio ul li{ padding:10px; background:#fff; width:300px; float:left; border:1px solid #e9e9e9; margin-left:26px;}
.center .c-right .vedio ul li a img{ width:300px; height:170px;}
.center .c-right .vedio ul li.no{ margin-left:0px;}
.center .c-right .vedio ul li .vname{ font-size:18px;color:#000; display:block; margin-top:5px; text-align:center; width:300px; height:30px; overflow:hidden;}
.center .c-right .vedio ul li:hover{box-shadow:2px 2px 4px 0 rgba(0,0,0,0.15);border:solid 1px #bbb;}
.center .c-right .vedio ul li .vimg:hover .vname{ color:#ee7711;}
.center  .super,.center  .super2{ padding:0px;}
/*super*/
.center  .super ul li,.center  .super2 ul li{ padding:0 20px; height:44x; line-height:44px;  font-size:16px; text-align:center;  border-left:none; border-bottom:none; border-right:1px solid #e9e9e9;}
.center  .super ul,.center  .super2 ul{ background:#f7f7f7; border-bottom:1px solid #e9e9e9;}
.center  .super ul li.current1,.center  .super2 ul li.current1{  background:#fff; height:45px; margin-bottom: -1px; position:relative;}
.center  .super,.center  .super2{ padding-top:0px;}
.center .super .deal,.center .super2 .deal{ padding:20px 0px 20px; display:none;}
.center  .super dl, .center  .super2 .fes{ width:150px; float:left; padding:10px 20px; margin-left:60px;_margin-left:52px; border:1px solid #fff;}
.center  .super dl:hover, .center  .super2 .fes:hover{border:1px solid #e2e2e2;  box-shadow: 0px 0px 3px  rgba(0, 0, 0, 0.15) inset;}
 .center  .super2 .fes{ width:120px; height:220px; padding:10px 33px; float:left; margin-left:41px;_margin-left:20px;_margin-right:10px;margin-right:20px; margin-bottom:10px; overflow:hidden;}
.center  .super dl.mar4{ margin-left:35px;_margin-left:20px;}
.center  .super2 .mar4{ margin-left:22px;_margin-left:12px;}
.center  .super dl a,.center  .super2 .fes a{ display:block;}
.center  .super dl a img{ width:150px; height:150px;}
.center  .super2 .fes a img{ width:120px; height:120px;}
.center  .super dt .sname,.center  .super2 .fes .sname{ margin-top:5px;}
 .center .super2 .fes .sname2{ font-weight:bold;}
.center  .super dt .sname ,.center  .super2 .fes .sname{  width:150px; height:18px; margin-top:5px; overflow:hidden; display:block;}
.center  .super2 .fes .sname a{ width:120px;}
.center  .super dl .sname2,.center  .super2 .fes .sname2{ margin-bottom:5px;}
.center  .super dl .sname2 a,.center  .super2 .fes .sname2 a{ font-weight:bold;}
.center .super2 .fes .sname{ width:130px;}
.center  .super dl .price,.center  .super2 .fes{ color:#666; margin-top:5px;}
.center  .super dl .price strong,.center  .super2 .fes{ color:#9b0000;}
.center  .super2 .fes  dl{  margin-left: 0px;}
.center  .super2 .fes  dl dd { width:120px; height:20px; overflow:hidden;}
.center  .super2{ width:1228px;}
.center  .super2 dl dd { line-height:20px;}
.center .c-right  .brand .show,.center  .super .show,.center  .super2 .show{ display:block;}
 .center .super2 .deal{ padding-bottom:10px;}
/*ad*/
.center .ad a{ width:390px; height:160px; float:left; margin-left:30px;_margin-left:20px; display:block;}
.center .ad a.nomar{ margin-left:0px;}
.center .ad a img{ width:390px; height:160px;}
/*might*/
.center .might,.center .all-cate{ background:#fff; border:1px solid #e9e9e9; position:relative;}
.center .might h3, .all-cate h3{ padding-left:20px;}
.all-cate h3{ position:relative; }
.all-cate h3 a{ position:absolute; right:20px; top:0px;font-size:12px; font-weight:normal;_line-height:20px;}
.center .might .wrap{ padding:17px 30px 0 22px; width:1120px; overflow:hidden;}
.center .might ul{ width:20000px; height:235px; overflow:hidden;}
.center .might li{ float:left; margin-left:30px; margin-right:40px;display:inline; width:170px; height:235px; overflow:hidden;}
.center .might li .div-img{vertical-align:middle; display:table-cell; position:relative; text-align:center; width:120px; height:120px;text-align:center;overflow:hidden;}
.center .might li .div-img a{ *position:absolute;*top:50%;*left:50%;width:120px;display:block;margin:0 auto;}
.center .might li .div-img a img{ max-height:120px; max-width:120px;*position:relative;*top:-50%;*left:-50%;display:block;margin:0 auto;}
.center .might li .div-img span{ *position:absolute;*top:50%;*left:50%;width:120px;display:block;margin:0 auto;}
.center .might li .div-img span img{ max-height:120px; max-width:120px;*position:relative;*top:-50%;*left:-50%;display:block;margin:0 auto;}
.center .might .name { margin-top:10px;}
.center .might .name {  display:block; width:170px; height:52px; margin-top:6px; overflow:hidden;}
.center .might .mprice{ color:#666; margin-top:10px;}
.center .might .mprice strong{ color:#900;}
.center .might .to-left{ position:absolute; left:22px; top:150px; width:15px; height:25px; background:url(//www.dhresource.com/dhs/oth/lp/201408/14/3c.png?v=20141105) 0px -231px   no-repeat; text-indent:-9999px; display:block;}
.center .might .to-right{ position:absolute; right:22px; top:150px; width:15px; height:25px; background:url(//www.dhresource.com/dhs/oth/lp/201408/14/3c.png?v=20141105) -17px -231px no-repeat; text-indent:-9999px; display:block;}
.center .might .to-left:hover{background:url(//www.dhresource.com/dhs/oth/lp/201408/14/3c.png?v=20141105) -35px -231px   no-repeat; }
.center .might .to-right:hover{background:url(//www.dhresource.com/dhs/oth/lp/201408/14/3c.png?v=20141105) -53px -231px   no-repeat; }
.cats{  overflow: hidden;padding:6px 20px;width: 1188px;}
.cates .new,.cates .hot{ background:url(//css.dhresource.com/buyer/dcp/hairdcp/image/hair.png) 0 -241px;  display: inline-block;height: 11px;width: 23px}
.cates .hot { background-position:0 -279px;}
.cats ul li{  float: left;margin-right:57px; margin-left:20px;width:210px ;margin-bottom: 15px;}
.cats  a{padding-right: 3px; }
.cats dt{height: 38px;line-height: 38px;}
.cats dt a{  font-weight: 700; margin-bottom: 10px;}
.cats dd a{line-height: 22px;  width:160px; height:22px; padding-left:2px; overflow:hidden; }
.cats .new,.cats .hot{ background:url(//www.dhresource.com/dhs/oth/lp/201406/17/hair.png) 0 -241px;  display: inline-block;height: 11px;width: 23px}
.cats .hot { background-position:0 -279px;}
.center .nots{ color:#999; line-height:20px; margin-top:8px;}
/*topLayer*/
.topLayer{position:fixed;_position:absolute;bottom:216px;right:10px;width:50px;display:none;}
.topLayer a{background:url(//css.dhresource.com/buyer/home/image/homepage.png?v=20140928) no-repeat scroll -7px -309px;display:none;}
.topLayer a.layerTop{opacity:0.2;filter:alpha(opacity=20);background-color:#000;background-position:-7px -309px;border-radius:3px;height:50px;width:50px;}
.topLayer a.layerTop:hover{opacity:0.3;filter:alpha(opacity=30);background-color:#004cd2;}
/*topLayer*/

@media only screen and (max-width:1237px) {
.center .c-right{ width:780px;}
	.center .c-right .banners,.center .c-right .banners  #banse li a,.center .c-right .banners  #banse li a img,.center .c-right .banners .bantab,.center .c-right .targs,.center .c-right  .product,.center .super,.center .c-right .brand{ width:778px;}
	.content  .center,.center .super2{ width:990px;}
	.center .c-right .banners #banse li a{ width:778px; height:300px; overflow:hidden;}
	.center .c-right .targs{ padding-left:0px;}
	.center .c-right .targs ul li{ margin-left:20px; margin-right:10px; width:160px;}
.center .c-right  .product ul li{ width:227px; height:152px; margin-left:24px;}
	.center .c-right  .product ul li a.pimg{width:227px; height:152px;}
	.center .c-right  .product ul li a.pimg img{ width:227px; height:152px;}
	.center .c-right .product ul li .pbg{ width:227px; height:30px; }
	.center .c-right .product ul li .pname{ width:227px; height:30px; line-height:30px; font-size:14px;}
	.center .c-right .vedio ul li a img{ width:225px; height:130px; }
	.center .c-right .vedio ul li{ width:225px; margin-left:18px;}
	.center .c-right .vedio ul li .vname{ font-size:13px; width:225px; height:18px; margin-top:2px; overflow:hidden; font-weight:normal;}
	.center .super dl,.center  .super2 .fes{ margin-right:10px; margin-left:8px;}
	.center  .super2 .fes{margin-left:20px; margin-right:10px;  padding:10px 20px;}
	.center .super dl.mar4{ margin-left:18px;}
	 .center .super2 .mar4{ margin-left:29px;}
		.center .super dl{ padding:10px ;}
	.center .ad a{width:315px; height:130px; margin-left:22px;}
	.center .ad a img{ width:315px; height:130px;}
	.center .might .wrap{ width:936px;}
	.center .might li{ margin-right:5px; width:160px; margin-left:20px;}
	.center .might .name a{ width:160px;}
	.cats ul li{ margin-right:10px; margin-left:10px;}
	 a.layerTop{background-position:-7px -309px;}
	.center .c-right .brand .brands .introd,.center .c-right .brand .brands .introd .discr,.center .c-right .brand .brands .introd .bname{ width:309px;}
	.cats{ width:950px;}
	.center .c-right .brand .brands .details{ width:380px;}
	.center .c-right .brand .brands .details dl dd,.center .c-right .brand .brands .details dl .paper{ width:150px;}
	.center .c-right  .brand .tabs  li{ width:129px; padding-top:5px; height:39px;}
	.center .c-right  .brand .tabs  li img{ width:129px; height:34px;}
	.center .c-right  .brand .tabs  li.br-none{ width:128px;}
	.content .top-note2 h2{ width:524px;}
}
.dcp-book{ width:188px; height:300px;    margin-top: 30px;}
.dcp-book iframe{ width:188px; height:300px;}