@charset "utf-8";
body{ background:#fff;}
/* 重写all_new的样式 */
.index_con {
  background: none repeat scroll 0 0 #fff;
  color:#303030;
}


/* CSS Document */
.de_ruler{ width:100%; position:relative; top:-29px; left:0; height:39px; background:url(../images/designer/ruler.png) repeat-x left center;}
.de_top_box{ overflow:hidden; width:1024px; height:400px; background: url(../images/designer/rule_left.png) no-repeat left top; margin:0 auto;}

.theme_designers_detail_wrapper li > a{ float:left; margin-left:14px; margin-top:15px; }
.theme_designers_detail_wrapper li > a:first-child{ margin-left:20px;}

.theme_designers_detail_wrapper { width: 10000px;}

.theme_designers_detail_wrapper > li {float: left; width: 1024px;height:400px;}
.current_mark{ background:url(../images/designer/scale_select.png) no-repeat center center;height: 50px; margin-left: 77px; width: 18px;}

.de_shor_info{float:left; margin-left:20px; margin-top:15px; width:220px; height:355px; overflow:hidden;}
.de_shor_info h1{ margin-top:15px;}
.de_shor_info h1 span>a{ font-size:16px; margin-right:20px; color:#000;}
.de_shor_info div{ line-height:22px; margin-top:5px; color:#939393; height:90px; overflow:hidden;}

.mark_ruler{ width:1024px; background:url(../images/designer/ruler_v.png) no-repeat top center; height:50px;position:relative; top:-45px; left:0;}

.de_recom{ position:relative; left:0; top:-40px;}
.de_recom span{ margin-top:35px;}
.de_recom ul,.de_recom ul li,.de_recom span{float:left;}
.de_recom ul li{  width:141px; height:105px;  text-align:center;}
.de_recom ul li a{ display:inline-block; -moz-border-radius: 70px;-khtml-border-radius: 70px;-webkit-border-radius: 70px; border-radius: 70px; width:60px; height:60px;  margin-top:20px; border:4px solid transparent; }
.de_recom ul li a img{ width:60px; height:60px;-moz-border-radius: 70px;-khtml-border-radius: 70px;-webkit-border-radius: 70px; border-radius: 70px;}
.de_recom ul li a:hover{   border:4px solid #D6B896; }
.de_recom ul li.theme_current_designer a{  border:4px solid #D6B896; width:90px; height:90px; margin-top:0px;}
.de_recom ul li.theme_current_designer a img{  width:90px; height:90px;}

.de_recom span.front a,.de_recom span.next a{ display:inline-block; width:18px; height:21px; }
.de_recom span.front a{background:url(../images/designer/front_w.png) no-repeat center center;}
.de_recom span.next a{background:url(../images/designer/next_w.png) no-repeat center center;}

.de_recom span.front a:hover{background:url(../images/designer/front.png) no-repeat center center;}
.de_recom span.next a:hover{background:url(../images/designer/next.png) no-repeat center center;}
 
.jionus{  width:270px; margin:0px auto;text-align:center; font-size:22px; font-weight:bold; height:54px; line-height:54px; position: relative; top:-20px;}
.jionus a{ color:#303030;}
.jionus a span{ float:left;}
.jionus a span.jo_span{ width:228px;}
.jionus a span.left{ width:21px; height:54px; background: url(../images/designer/left.png) no-repeat left bottom;}
.jionus a span.right{ width:21px; height:54px; background:url(../images/designer/right.png) no-repeat right bottom;}

.sort_img{ height:310px; margin:25px auto; font-size:16px; font-weight:bold; }
.sort_img a{ color:#FEFEFE; display:inline-block; width:136px; height:55px; line-height:55px; text-align:center; background:#34495E}
.sort_img a.selected{ background:#0084B4;}
.sort_img a.designer_pro{position:relative; left:-48px; top:0;}
.sort_img span{ display:inline-block; width:38px; height:39px; line-height:39px; text-align:center; background:#fff url(../images/designer/or.png) no-repeat center center; border-radius:70px; position:relative; left:-22px; top:0; z-index:1;}
.sort_img > div{ position: relative; left:287px; top:205px; width:500px; overflow:hidden;}

.list_box{ border-top:4px solid #EBEBEB;}
.list_banner{ height:35px;}
.color_curren,.area_list ul li:hover{color:#0084B4; cursor:pointer;}
.banner_left{ float:left; }
.banner_left a{ display:inline-block; width:85px; height:35px; line-height:35px; text-align:center;}
.banner_left a.default{ background:#353840; color:#fff;}

/* .banner_left a.num{background:url(../images/designer/jt_down_num.png) no-repeat right center;} */
.banner_left a.num{ width:95px;}
.banner_left a.de{ background:url(../images/designer/jt_down.png) no-repeat right center;}
.banner_left a.selected_up{background:#353840 url(../images/designer/jt_up_w.png)  no-repeat right center; color:#fff;}
.banner_left a.selected_down{background:#353840 url(../images/designer/jt_down_w.png)  no-repeat right center; color:#fff;}

.banner_right{ float:right; margin-top:12px;/*   width:460px; overflow:hidden; */ height:20px;  color: #5E5E5E;}
.banner_right .current,.banner_right span.page_a a:hover{background-color: #0084B4; color: #FFFFFF;}

.banner_right span{ margin-left:40px;}
.banner_right span#area{ display:inline-block; width:58px; max-width:90px; height:20px; overflow:hidden; border:1px solid #E2E2E2; padding-left:10px; cursor:pointer; }
.banner_right span#area em{ padding-top:0; margin-top:0; display:inline-block; border-left:1px solid #E2E2E2; width:9px; margin-left:10px; height:10px; padding-right:10px; background: url(../images/designer/area.png) no-repeat center bottom; }

.banner_right .area_list{  display:none;  width:195px; border:1px solid #E2E2E2; padding-top:10px;  position:relative; left:237px; top:18px; *left:40px; *top:0px; z-index:10; float:left;   box-shadow:0 5px 10px #d0d0d0 ; -webkit-box-shadow:0 5px 10px #d0d0d0 ;  /* 针对chrome内核浏览器 */-moz-box-shadow:0 5px 10px #d0d0d0;  /* 针对firefox浏览器 */ background:#FFFFFF;}

.banner_right .area_list ul{ border-top:dashed 1px #E2E2E2; padding-top:5px; margin-top:10px;}
.banner_right .area_list ul li{ float:left; margin: 2px 5px; height:15px; min-width:25px; overflow:hidden; }
.banner_right .area_list .sub_btn{ width:45px; border:none; background:#0084B4; color:#fff; padding:0px 10px; margin-left:5px; cursor:pointer;}
.banner_right .area_list .area_input{ border:1px solid #E2E2E2; margin-left:5px; padding-left:5px;}
.banner_right span.page_a a{ margin-left:10px; padding:0 3px;}


.img_de{text-align:center; position:relative; left:0; top:50px; height:93px; background:url(../images/designer/img_de.png) no-repeat center top; }
.img_de_dai{text-align:center; position:relative; left:0; top:50px; height:73px; background:url(../images/designer/circle_hover.png) no-repeat center top; color:#fff; font-size:16px; font-weight:bold; padding-top:20px; display:none; }
.img_de img{ border-radius:70px; margin-top:3px;}
.list_de a{ display:inline-block; width:220px; float:left; margin-right:50px; }
.de_img_info{ width:220px; height:150px; padding-top:60px; background:#fbfbf9; }
.de_img_info .de_img_info1 h1,.de_img_info1 h2{ text-align:center; color:#303030; }
.de_img_info .de_img_info1 h1{font-size:16px;}
.de_img_info .de_img_info1 h2{font-size:12px;}
.de_img_info .de_img_info1 div{ width:175px; overflow:hidden; height:40px; line-height:20px; margin:10px auto; }
.de_img_info .de_img_info2 img{   height:150px; position:relative; top:150px;}

.de_img_info2{ height:150px; width:220px; overflow:hidden; position:relative; top:0;  display:none; }

/* 单品详情页样式 */
.pro_box{ float:left; width:220px; height:240px; margin:40px 48px 0 0;}
.pro_down_box{ height:90px; }
.pro_down_box a,.pro_down_box > span{ display:inline-block; width:110px; height:45px; float:left; overflow:hidden; color:#fff; }
/* .pro_down_box a:hover{background:#34495E;} */
.pro_down_box a span,.pro_down_box a em,.pro_down_box > span span{ margin-left:40px; font-size:14px; line-height:43px; }
.pro_down_box a em{ display:none;}
.pro_down_box a.share{ background: #9AA4AF url(../images/designer/share_w.png) no-repeat left center;}
.pro_down_box a.custom{ background: #9AA4AF url(../images/designer/custom_w.png) no-repeat left center;}
.pro_down_box a.like{ background: #9AA4AF url(../images/designer/like_w.png) no-repeat left center;}
.pro_down_box a.price{ background: #9AA4AF url(../images/designer/price_w.png) no-repeat left center;}

.pro_down_box a.share:hover{ background: #34495E url(../images/designer/share_w.png) no-repeat left center;}
.pro_down_box a.custom:hover{ background: #34495E url(../images/designer/custom_w.png) no-repeat left center;}
.pro_down_box a.like:hover{ background: #34495E url(../images/designer/like_w.png) no-repeat left center;}
.pro_down_box a.price:hover{ background: #34495E url(../images/designer/price_w.png) no-repeat left center;}

.pro_down_box span.dis_price{background: #9AA4AF  url(../images/designer/price_g.png) no-repeat left center; color:#848484; }
.pro_down_box span.dis_custom{background: #9AA4AF  url(../images/designer/custom_g.png) no-repeat left center; color:#848484; }




/* 设计师详情页样式 */
.detail_img_box{ width:225px; padding:0; margin-top:0px; margin-right:20px; background:#F5F5F4; height:390px;}
.detail_img{ position:relative; top:20px; height:120px; text-align:center; background: url(../images/designer/detail_circle.png) no-repeat center center;}
.detail_img img{ margin-top:7px; border-radius:70px;}
.detail_img_info h1,.detail_img_info h2{  width:100%; text-align:center;}
.detail_img_info h1{margin-top:30px; font-size:16px;}
.detail_img_info h2{margin-top:10px; font-size:14px; /* height:20px;  */}
.detail_img_info div,.detail_de_{ padding:15px; margin:10px auto; height:50px; overflow:hidden;}
.detail_de_{ border-top:1px solid #CDCDCC; }
.detail_de_ span{ display:inline-block; width:65px; text-align:center;}

.detail_top_middle{ width:510px;}
.detail_top_middle .title,.de_title{ width:112px; height:37px; background:url(../images/designer/de_title.png) no-repeat left center; color:#fff; text-align:center; line-height:35px; margin: 20px 0;}
.detail_top_middle .info{ line-height:22px; max-height:110px; overflow:hidden;}




.detail_top_right{ width:250px; margin-left:19px;}
.detail_top_right ul li{ border-top:1px solid #CDCDCC; height: 95px; padding-top:10px;}
.detail_top_right ul li:first-child{ border-top:none;}
.detail_top_right ul li > a img{ width:80px; height:80px; border-radius:70px;}
.detail_top_right ul li .sbox{ width:130px; margin-left:15px;}
.detail_top_right .name a{ color:#0084B4;}
.detail_top_right ul li .sbox{ padding-top:5px;}
.detail_top_right ul li .sbox > div{ height:25px; line-height:25px;}

.a_up_down a{ display:inline-block; width:85px; height:45px;}

.a_up_down a span{ display:block; padding-top:25px; width:100%; text-align:center;}
.a_up_down .up{ margin-right:75px; background:url(../images/designer/up_g.png) no-repeat top center;  }
.a_up_down .down{ background:url(../images/designer/down_g.png) no-repeat top center;  }

.a_up_down .up:hover{background:url(../images/designer/up_b.png) no-repeat top center;}
.a_up_down .down:hover{ background:url(../images/designer/down_b.png) no-repeat top center;  }

#wrap {width:1041px;height:auto;position: relative; /* background: red;  */}
/* .main_pro_panel{ width:1041px;} */
.main_pro_panel .box{ width:330px; float:left; min-height:100px; height:auto; margin:0!important;  padding:10px 17px 10px 0; background:#fff; }
.main_pro_panel .box .info{width:330px; background:#F1F1F0;}
.main_pro_panel .box .info > div{ padding-left:12px;}
.main_pro_panel .box .info .box_title{ margin:10px 0;}
.main_pro_panel .box .info .box_title em{ color:#D32C0B;}
.main_pro_panel .box .info .box_info{ border-bottom:1px solid #E3E3E2;border-top:1px solid #E3E3E2;}
.main_pro_panel .box .info .box_info .box_img{ border-right:1px solid #E3E3E2; padding-top:12px; padding-right:12px; width:70px; height:70px;}
.main_pro_panel .box .info .box_info .content{ width:220px; padding-top:12px; padding-left:12px; line-height:22px; height:70px; overflow:hidden;}
.main_pro_panel .box .info .box_info > a,.main_pro_panel .box .a_jump a{ font-size:13px; color:#AF967B; padding-left:30px;  display:inline-block; min-width:65px; margin:10px 30px 10px 0; height:25px; line-height:25px; }
.main_pro_panel .box .info .box_info .share{ background: url(../images/designer/de_share_y.png) no-repeat left center;}
.main_pro_panel .box .info .box_info .like{ background: url(../images/designer/de_like_y.png) no-repeat left center;}
.main_pro_panel .box .info .box_info .price{ background: url(../images/designer/de_price_y.png) no-repeat left center;}
.main_pro_panel .box .info .box_info .make{ background: url(../images/designer/de_make_y.png) no-repeat left center;}

.main_pro_panel .box .info .box_info .share:hover{color:#0084B4; background: url(../images/designer/de_share_b.png) no-repeat left center;}
.main_pro_panel .box .info .box_info .like:hover{color:#0084B4;  background: url(../images/designer/de_like_b.png) no-repeat left center;}
.main_pro_panel .box .info .box_info .price:hover{color:#0084B4;  background: url(../images/designer/de_price_b.png) no-repeat left center;}
.main_pro_panel .box .info .box_info .make:hover{color:#0084B4;  background: url(../images/designer/de_make_b.png) no-repeat left center;}

.no_more{ margin:20px auto; height:58px; line-height:58px; width:163px; background:url(../images/designer/no_more.png) no-repeat top center; text-align:center; color:#fff; clear:both;}