.top{ position:relative;text-align:center;overflow:hidden}
.top h4{ font-size:.18rem;  overflow:hidden;}
.top h3{ font-size:.18rem;  overflow:hidden;}
.top label{display:block;font-size:.11rem;}
.top span{ display:block; margin-top:-6px;font-size:.1rem;text-transform:Uppercase;}
.top_border_bottom{ padding-bottom:.1rem; border-bottom:1px solid #333;}


.class_top{margin:.125rem .09rem .1rem .09rem; height:.85rem; border-radius: .1rem; background-color: #fff;tbox-shadow: .01rem .01rem .08rem #dcdcdc; }
.class_top{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;}

.class_top a{ position: relative; display:inline-block;*display:inline;*zoom:1; vertical-align:top; min-width:.55rem; padding-top:.52rem;  text-align: center; margin:0 .04rem 0 .04rem;  color: #000000; font-size: .13rem; }

.class_top a:after{ position:absolute; left:50%; top:.12rem; margin-left: -0.25rem; content:" "; width:.50rem; height:.4rem;background-size:.5rem auto; background-image:url(../images/inside/class_top_ico.png);}

.class_top a:nth-child(2):after{ background-position:0 -0.365rem;}
.class_top a:nth-child(3):after{ background-position:0 -0.72rem;}
.class_top a:nth-child(4):after{ background-position:0 -1.095rem;}
.class_top a:nth-child(5):after{ background-position:0 -1.46rem;}
.class_top a:nth-child(6):after{ background-position:0 -1.825rem;}
.class_box{display: flex;flex-wrap:nowrap;}

.class_lefts{ padding-top: .15rem; width: .91rem; height:calc(100vh ¨C 100px); background-color: #fff; border-radius: 0 .1rem 0 0 ;}
.class_rights{ margin:0 .09rem 0 .06rem; width: 100%; }
.d_block{ display: block;}
.d_none{ display:none;}

.class_lefts a{ display: block; height: .4rem; line-height: .4rem;  text-align: center;  background- color: #000; font-size: .13rem;font-weight:bold; border-left:.025rem solid #fff;}

.class_lefts a:hover,.class_lefts a.hover,.class_lefts a:active{text-decoration:none; color:#ba967d; background-color:#f7f7f7;border-left:.025rem solid #ba967d;}

.cases_search dl{ display: block;padding: .1rem .1rem .2rem .25rem; margin: 0 0 .075rem 0;   border-radius:.1rem; background-color:#fff;}

.cases_search dd a{display:inline-block;*display:inline;*zoom:1; vertical-align:top;white-space:nowrap;  padding:0 .13rem; margin:.1rem .08rem 0 0; color:#8b8b8b; height:.21rem; line-height:.21rem; border-radius: .21rem; font-size: .12rem; text-align: center;}
.cases_search dd a:hover,.cases_search dd a:active,.cases_search dd a.hover{text-decoration:none; background:#ba967d; color:#fff;}

.cases_search dl:last-child{ margin: 0 0 0 0;}

.cases_search dt{font-size: .13rem;}
.cases_search dd em,.type_em em{display:inline-block;*display:inline;*zoom:1; vertical-align:top; position:relative; white-space:nowrap;padding:0 .16rem 0 .08rem; margin:.1rem .08rem 0 0; color:#8b8b8b; height:.21rem; line-height:.21rem; cursor:pointer;}
.cases_search dd em:hover,.cases_search dd em:active,.cases_search dd em.hover,
.type_em em:hover,.type_em em:active,.type_em em.hover{text-decoration:none; background-color:#ba967d; color:#fff;}

.cases_search dd em:after,
.type_em em:after{ position:absolute; right:.04rem; top:50%; margin-top:-.04rem;content:" "; width:.08rem; height:.08rem; border-radius:0; background-repeat:no-repeat; background-position: center center; background-size:90% auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221620119986761%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20p-id%3D%221804%22%20width%3D%22150%22%20height%3D%22150%22%3E%3Cpath%20d%3D%22M467.231%20780.553%2019.669%20332.991c-24.753-24.752-24.753-64.788%200-89.541%2024.681-24.682%2064.788-24.753%2089.541%200l402.792%20402.791L914.793%20243.45c24.682-24.682%2064.788-24.753%2089.541%200%2024.753%2024.752%2024.681%2064.788%200%2089.541L556.771%20780.553C532.02%20805.234%20491.984%20805.234%20467.231%20780.553z%22%20p-id%3D%221805%22%20fill%3D%22%23000000%22%3E%3C/path%3E%3C/svg%3E")}

.cases_search em:hover:after,.cases_search em:active:after,.cases_search em.hover:after,
.type_em em:hover:after,.type_em em:active:after,.type_em em.hover:after
{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221620119986761%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20p-id%3D%221804%22%20width%3D%22150%22%20height%3D%22150%22%3E%3Cpath%20d%3D%22M467.231%20780.553%2019.669%20332.991c-24.753-24.752-24.753-64.788%200-89.541%2024.681-24.682%2064.788-24.753%2089.541%200l402.792%20402.791L914.793%20243.45c24.682-24.682%2064.788-24.753%2089.541%200%2024.753%2024.752%2024.681%2064.788%200%2089.541L556.771%20780.553C532.02%20805.234%20491.984%20805.234%20467.231%20780.553z%22%20p-id%3D%221805%22%20fill%3D%22%23ffffff%22%3E%3C/path%3E%3C/svg%3E")}

.type_xx_list{ display:none;}

.more{ margin:.12rem auto 0 auto; display:block;  width:3.59rem; height:.35rem; line-height:.35rem; text-align:center; font-size:.13rem;background:#fff; color:#333333;text-transform:Uppercase;border-radius: .35rem; }


.types_box{margin:5px auto 0 auto; background-color: #fff;padding-bottom: .2rem;}
.types_top{display: flex;flex-wrap:nowrap; background-color: #fff; height: .4rem;}
.types_top dd,.types_top dt{ display: block; width: 100%; line-height: .4rem; padding: 0 0 0 .57rem; cursor: pointer;background-size:.2rem auto;  font-size: .13rem;font-weight:bold;}
.types_top dd{background-image:url(../images/inside/types_ico.png); background-position: .31rem 0; background-repeat: no-repeat;}
.types_top dd:hover,.types_top dd.hover,.types_top dd:active{text-decoration:none; background-color:#f3f3f3;}

.types_top .type_fengge{ background-position: .31rem -.4rem;}
.types_top .type_huxi{  background-position: .31rem -1.6rem;}
.types_top .type_mj{ background-position: .31rem -2rem;}
.types_top .type_leibie{ background-image:url(../images/inside/type_leibie.png);}
.types_top .type_xx{ background-position: .31rem -1.2rem;}
.types_top .type_bannr{background-position: .31rem 0;}
.types_top .type_jg{background-position: .31rem -.8rem;}

.type_bannr_c .type_bannr{padding: 0 0 0 .87rem !important;  background-position: .61rem 0 !important;}


.types_son dd{ display: none;margin:.09rem 0.08rem 0 0.08rem; }
		
.types_son dd a,.types_son dd em{display:inline-block;*display:inline;*zoom:1; vertical-align:top; padding: 0 0.12rem; height:.36rem; line-height:.36rem; font-size:.13rem;box-sizing: border-box; width: 24%; text-align: center;}

.types_son dd em{padding:0 .18rem 0 .08rem; }

.type_mj_list a,.types_son dd em{width: 33% !important;  }

.types_son dd a:hover,.types_son dd a.hover,.types_son dd:active{text-decoration:none; color:#b8a386;}



.types_sort{}
.types_sort{margin:.1rem auto 0 auto;  padding:0 0; text-align:center;}


.types_sort a{display:inline-block;*display:inline;*zoom:1; vertical-align:top; padding:0 .1rem; margin:0 .02rem; color:#8b8b8b; height:.25rem; line-height:.25rem; border-radius: .25rem;font-size:.13rem;}
.types_sort a:hover,.types_sort a:active,.types_sort a.hover{text-decoration:none; background:#ba967d; color:#fff;}
.types_sort em{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin-left: .1rem;line-height:.25rem;}
.types_sort em input{ display:inline-block;*display:inline;*zoom:1; vertical-align:middle; width: .18rem; height: .18rem; padding: 0; margin: 0 .04rem 0 0;}
.types_sort a.up,.types_sort a.down{ position:relative;padding:0 .18rem 0 .1rem;}
.types_sort a.up:after{ position:absolute; right:.06rem; top:50%; margin-top:-.02rem;content:" "; width:0; height:0; border-radius:0;border-bottom:.04rem solid #010101;border-left:.04rem solid transparent;border-right:.04rem solid transparent;}

.types_sort a.down:after{ position:absolute; right:.06rem; top:50%; margin-top:-.02rem;content:" "; width:0; height:0; border-radius:0;border-top:.04rem solid #010101;border-left:.04rem solid transparent;border-right:.04rem solid transparent;}
.types_sort a.up:hover:after,.types_sort a.up:active:after,.types_sort a.up.hover:after{ border-bottom-color:#fff;}
.types_sort a.down:hover:after,.types_sort a.down:active:after,.types_sort a.down.hover:after{ border-top-color:#fff;}


.products_class{margin:.12rem auto 0 auto;height:.3rem;}
.products_class{z-index:10;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 .08rem;-webkit-overflow-scrolling:touch;}

.products_class a{ display:inline-block;*display:inline;*zoom:1; vertical-align:top; height: .3rem; line-height: .3rem; min-width: .4rem; text-align: center;padding:0 .2rem; margin-left: .04rem; background-color: #efefef; color: #000000; font-size: .15rem; border-radius: .3rem;}

.products_class a:hover,.products_class a.hover,.products_class a:active{text-decoration:none;font-weight:400; color:#fff; background-color:#333333;}

.products_class_b a{background-color: #fff;}



.cases_list{ margin:0 auto;}
.cases_list dl{}
.cases_list dd{position:relative;display:block; margin:.12rem auto 0 auto; padding-bottom: .14rem; width:3.59rem; background:#fff; border-radius:.04rem; overflow:hidden;}
.cases_list dd img{ width:100%; height:2.39rem;border-radius:0.04rem .04rem 0 0; }
.cases_list strong,.cases_details_about strong { position:absolute; right:.22rem; bottom:.14rem; padding-left:.2rem;color:#000; height:.2rem; line-height:.2rem; font-weight:normal;z-index:3; font-size:.11rem;font-style:normal;
	background-repeat:no-repeat; background-position:0 0; background-size: .2rem auto;
	background-image:url(../images/inside/cases_list_ico.png); cursor: pointer;}
.cases_list strong em,.cases_details_about strong em{  font-style:normal; font-size:.11rem; color:#ba967d; z-index:3}
.cases_list strong:hover,.cases_list strong.hover,.cases_list strong:active,
.cases_details_about strong:hover,.cases_details_about strong.hover,.cases_details_about strong:active  {background-position:0 -.2rem;}

.cases_list dd h5,.fangan_details_about h2,.products_details_about h2,.cases_details_about h2{display:block; padding:.14rem .64rem 0 .22rem;font-size:.16rem; color:#000;font-weight:bold; z-index:3}
.cases_list dd p,.fangan_details_about label,.products_details_about label,.cases_details_about label{display:block; padding:.04rem .64rem 0 .22rem; color: #767676; z-index:3;font-size:.12rem; }
.cases_list dd:hover{  box-shadow: .001rem .001rem .08rem #dcdcdc;}
.cases_list .btn_vr,.fangan_details_about .btn_vr{ position:absolute; right:.22rem; bottom:.15rem; width:.34rem; height:.34rem; background-image:url(../images/inside/btn_vr.png);background-repeat:no-repeat; background-position:0 -.34rem; border-radius:.34rem; background-size: .34rem auto;cursor:pointer; z-index:3}
.cases_list dd:hover .btn_vr,.cases_list dd.hover .btn_vr,.cases_list dd:active .btn_vr,.fangan_details_about .btn_vr{  background-position:0 0; background-color:#ba967d; }




.fangan_details_swiper{position: relative; margin: 0 auto;}
.fangan_details_swiper .products_details_vr{ position:absolute; right:.18rem; top:.18rem; width:.46rem; height:.46rem; background-repeat:no-repeat; background-position: center center;background:url(../images/inside/products_details_vr.png) no-repeat center center;background-size: .46rem auto;  z-index:500;}


.fangan_details_swiper img{ height: 2.52rem;}
.fangan_details_swiper .swiper-pagination-custom{ left:50%; margin-left:-.24rem; width:.48rem; height:.2rem; line-height:.20rem;background:rgba(0, 0, 0, .5); color:#fff; font-size:.12rem; border-radius:.2rem;}

.fangan_details_swiper .swiper-button-prev,.fangan_details_swiper .swiper-button-next{width: .4rem; height:.4rem; position:absolute;top: 50%; margin-top: -.2rem; z-index: 500; cursor: pointer; border-radius:.4rem; background-color:#fff; background-repeat:no-repeat; background-position: center center; background-size: 20% auto; opacity:0.5;}
.fangan_details_swiper .swiper-button-prev{ left: .08rem; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.fangan_details_swiper .swiper-button-next{ right: .09rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.fangan_details_swiper .swiper-button-prev:hover,.fangan_details_swiper .swiper-button-next:hover{opacity:1;}

.fangan_details_about,.products_details_about,.cases_details_about{ position: relative; padding-bottom: .2rem;  background-color: #fff;}
.products_details_about{  padding-bottom: .05rem; }
.cases_details_about{  padding-bottom: .14rem; }

.cases_details_about strong{ bottom:auto;top:.15rem;font-size:.12rem;font-style:normal;}

.cases_details_about strong em{  font-size:.12rem; }


.fangan_details_about p{ display:block; margin-top: -.04rem; padding:0 .2rem 0 .63rem;line-height:.18rem; font-size: .11rem}
.fangan_details_about .a_designer { margin:.13rem auto 0 .22rem; font-size: .11rem}
.fangan_details_about .a_designer img{vertical-align: middle; margin-right:.07rem; width:.34rem; height:.34rem; border-radius:.34rem; }
.fangan_details_about .a_prices ,.products_details_about .a_prices{ margin:.04rem 0 .11rem .22rem;font-size:.1rem;}
.fangan_details_about .a_prices strong,.products_details_about .a_prices strong{margin-left:.05rem; font-size:.15rem; font-weight:bold;color:#ff673e;}
.fangan_details_about .a_prices i,.products_details_about .a_prices i{padding: 0 0.02rem 0 0;  font-style:normal; font-size:.1rem; color:#ff673e;}
.fangan_details_about .btn_vr{right:.22rem; bottom:auto; top:.14rem}

.p_d_brands{ position:absolute; border-left:1px solid #d7d7d7;top:.13rem;right:.18rem;padding: 0 0 0 0.08rem; line-height: .18rem; }
.p_d_brands h4{display:block; color:#d7a282;padding:0 0 0.03rem 0; font-size:.14rem; font-weight:normal;}
.p_d_brands span{display:block;font-size:.13rem;padding:.04rem 0 0.03rem 0;}
.p_d_brands span a{ color:#2c3a7f; }
.p_d_sales{ position:absolute; bottom:.2rem;right:.28rem; line-height: .16rem;font-size:.12rem; }


.products_details_sku,.p_d_tips{display: flex;flex-wrap:nowrap;background-color: #fff; padding: .12rem 0;  margin: .02rem auto;line-height:.26rem; }
.products_details_sku dt,.p_d_tips dt{display: block; width: .65rem; font-size:.13rem;font-weight:600;text-align: center;}
.products_details_sku dd,.p_d_tips dd{ display: block; width: 2.9rem; font-size:.13rem;color:#767676; }
.products_details_sku dd{background-repeat:no-repeat; background-position: center right; background-size: .12rem auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg t%3D%221623084273524%22 class%3D%22icon%22 viewBox%3D%220 0 1024 1024%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 p-id%3D%222069%22 width%3D%22100%22 height%3D%22100%22%3E%3Cpath d%3D%22M779.180132 473.232045 322.354755 16.406668c-21.413706-21.413706-56.121182-21.413706-77.534887 0-21.413706 21.413706-21.413706 56.122205 0 77.534887l418.057421 418.057421L244.819868 930.057421c-21.413706 21.413706-21.413706 56.122205 0 77.534887 10.706853 10.706853 24.759917 16.059767 38.767955 16.059767s28.061103-5.353938 38.767955-16.059767L779.180132 550.767955C800.593837 529.35425 800.593837 494.64575 779.180132 473.232045z%22 p-id%3D%222070%22 fill%3D%22%232f2f2f%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}



.fangan_contents{margin:.15rem auto 0 auto;}

.fangan_products{ padding:0 0 0 0;}
.fangan_products_border_top{margin-top: .1rem;border-top:2px solid #fff;}
.fangan_products_top{ position:relative;  height:.35rem; line-height:.35rem; }
.fangan_products_top h4{ display:block; padding-left:.32rem; font-size:.16rem;}
.fangan_products_top h4:before{content: "";   position:absolute; top:.12rem; left:.21rem;width:.02rem; height:.125rem; background:url(../images/inside/fangan_products_top_ico.png) no-repeat; background-size: .02rem auto;}
.m2{margin:0.08rem auto 0 auto;}


.f_p_d_list{ margin:0 auto 0 auto; padding-bottom:.1rem;}
.f_p_d_list dd{position:relative;display:block; margin:0rem auto 0 auto; padding-bottom: .15rem; width:3.59rem; background:#fff; border-radius:.04rem; overflow:hidden;}
.f_p_d_list dd img{ width:100%; height:2.39rem;border-radius:0.04rem .04rem 0 0; }
.f_p_d_list strong { position:absolute;right:.21rem; top:2.48rem; font-size:.16rem; color:#ff673e;z-index:3}
.f_p_d_list strong i{ padding-right: .02rem;  font-style:normal;  font-size:.11rem;z-index:3}
.f_p_d_list dd h5{ padding:.12rem .92rem .1rem .22rem;font-size:.15rem; color:#000;font-weight:600;  z-index:3}
.f_p_d_list dd p{line-height:.125rem; padding:.02rem .92rem 0 .22rem; color: #767676; z-index:3;font-size:.11rem; }

.f_p_d_list .btn_carts{position:absolute;right:.32rem; top:2.86rem;width:.36rem; height:.36rem; background:url(../images/inside/btn_carts.png) no-repeat center center;background-size: .36rem auto; cursor:pointer; z-index:3}
.f_p_d_list dd:hover{  box-shadow: .01rem .01rem .08rem #dcdcdc; background:#fff;}
.f_p_d_list dd:hover .btn_carts_number{ display:block;}


.cases_products{padding:.01rem 0 0 0;}
.f_p_x_list{ margin:0 auto 0 auto; padding:0 0 0 0; overflow: hidden;}
.f_p_x_list dl{ display: flex;flex-wrap:wrap;}
.f_p_x_list dd{position:relative;margin: .08rem 0 .08rem .08rem; width:1.75rem; padding-bottom: .1rem; min-height:1.86rem; background:#fff; border-radius:.05rem; overflow:hidden;}
.f_p_x_list dd img{ width:100%; height:1.18rem;border-radius:.05rem .05rem 0 0; }
.f_p_x_list strong {padding:.1rem .35rem 0 .11rem; display:block;font-size:.13rem; color:#ff673e;z-index:3}
.f_p_x_list strong i{  font-style:normal; padding-right: .02rem;  font-size:.09rem;z-index:3}
.f_p_x_list dd h5{ padding:.01rem .15rem .03rem .11rem;font-size:.14rem;font-weight:600; color:#333333; z-index:3}
.f_p_x_list dd p{padding:0 .11rem 0 .11rem;line-height:.125rem; font-size:.09rem; z-index:3}


.f_p_x_list dd:hover{  box-shadow: .01rem .01rem .08rem #dcdcdc;background:#fff;}


.f_p_x_list .carts_checkbox{position:absolute;right:.13rem; top:1.3rem;width:.15rem; height:.15rem;}


.icon_select{z-index:1;display:block;position:absolute;top:0;left:0;width:.15rem;height:.15rem; vertical-align:middle; cursor:pointer;}
.icon_select:after{position:absolute;left:50%;top:0;content:"";display:block;width:.15rem;height:.15rem;margin-left:-.075rem; background-repeat:no-repeat; background-position: center center; background-size:100% auto; border:#dedede solid 1px; border-radius:100%; background-color:#fff; box-sizing:border-box; background-size: 100%;}
.selected .icon_select:after{ border:0px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDODQ0Q0Y0QUQ1QjExRUI5NEIwOEU1QTdDMjEwN0QxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDODQ0Q0Y1QUQ1QjExRUI5NEIwOEU1QTdDMjEwN0QxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUM4NDRDRjJBRDVCMTFFQjk0QjA4RTVBN0MyMTA3RDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUM4NDRDRjNBRDVCMTFFQjk0QjA4RTVBN0MyMTA3RDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz74ikV+AAACIklEQVR42syZoW/CQBTGu2aGpJYJJCQzwyE3w18AhGEmJhFY8LTTYCeQ2EEYfwFmkzjIFEgEtU1m9y752lya0bu2d0e/5EsQx3u/a7l7746bn/mblVE1covcIFc4M504b8lr8iFLktuU4+/IA3KXXE8Ydw8zvZCn5B15SX4nn2UT2pLjHLKLpzAWwF1SHd89IJajCrBNPiK4Y+WXg1hHxM4FyGa6Ipct9SojtpsFsET+wEx1a4xcpTSLZE5+tswpzNWTeYKuYTge0hUBtg291qTX3b4EyFbXzLq+ZvxuwQOONK3WLKt7FAdkFWJoFUdDMEWAA0WbsCo5YIoAuwaT++QnckcwrhsC1jLW1qxwTfI3Potqd81Gy2QSbk9+QJkTqWWjnzMNt5HcMRo212QWDY6pohswD5x2wLxwEWBR4aJKcpIY18He5ZuEY2yygD72rqYAUiVcKsAVEu4TIFXDRYBbyQ5jkwCpA45pa+NQbeWA1AXHtLZxTt3lgNQFx5gO4TazTNlQ8pA64CKmEJBdRwQZIB9h1XABmCLAM+5P0rbmX7Dqo8I0vL/hK8lEciM20flM/js0scfaLwBgn/+5xWvxJ9m7IpwHBuHNwuIKcAuZm4VQr4YhF8hpyQL+4iLHM/Rae8gpDci/7o6m1e0jtivqB0ViP9oqZhooAAsQqxpfEFkBw6AuztBeitodr60eYriyk017y39G8BBW+98QfwIMAKRvnSEpqaQdAAAAAElFTkSuQmCC)}
.unselectable .icon_select:after{background-color:#f3f3f3;}



.products_list{margin:.05rem auto 0 auto;}


.products_list dl{display: flex;flex-wrap:wrap;}
.products_list dd{position:relative;margin: .08rem 0 0 .08rem; width:1.75rem; padding-bottom: .1rem; background:#fff; border-radius:.05rem; overflow:hidden;}
.products_list dd img{ width:100%; height:1.18rem;border-radius:.05rem .05rem 0 0; }
.products_list .p_prices {  padding:0 .09rem 0 .09rem;font-size:.13rem;font-weight:bold; color:#ff673e;z-index:3}
.products_list .p_prices i{ padding: 0 0.02rem 0 0;  font-style:normal; font-size:.08rem; color:#ff673e;z-index:3}
.products_list dd h5{ padding:.1rem .09rem 0 .09rem;font-size:.14rem;font-weight: normal;  z-index:3; }
.products_list dd p{ padding:0 .09rem 0 .09rem;font-size:.11rem; font-weight: normal;z-index:3;}


.products_list dd:hover,.products_list dd.hover,.products_list dd:active{tbox-shadow: .01rem .01rem .08rem #dcdcdc;}

.products_class_top{display: flex;flex-wrap:nowrap; margin-top: .02rem;}
.products_class_top a{ display: block; width: 100%;height: .36rem; line-height: .36rem; text-align: center;cursor: pointer; font-size: .15rem;color:#000;}

.products_class_top a:hover,.products_class_top a.hover,.products_class_top a:active,.p_contents_details_top h4{text-decoration:none; background-color:#333333;color:#fff;}

.products_contents{margin:.1rem 0 0 0;background:#fff;}


.p_contents_details{ margin:.1rem .11rem 0 .11rem;padding:0 0 .1rem 0;line-height:2;font-size: .13rem;word-break:break-all;word-wrap:break-word;}
.p_contents_details img{ margin-top:.08rem; max-width:100%;}

.p_contents_details_top{ margin:.1rem .1rem 0 .1rem;position:relative;background-color:#f3f3f3; height:.36rem; line-height:.36rem;}
.p_contents_details_top h4{ display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin:0 -4px 0 0; padding:0 0 0 0; width:.95rem; text-align:center;border-radius:0 0 0 0; font-size:.13rem; }
.p_contents_details_top h4{ font-weight:normal;}
.p_contents_details_top:before{content: " ";  position:absolute; top:.05rem; right:.1rem; background-color:#fff; width:.24rem; height:.24rem; border-radius:.24rem; background-repeat:no-repeat; background-position: center center; background-size:.1rem auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221620269106891%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20p-id%3D%221801%22%20width%3D%22150%22%20height%3D%22150%22%3E%3Cpath%20d%3D%22M184.82%20652.22h654.36v23.37H184.82v-23.37zM208.19%20628.85h607.62v23.37H208.19v-23.37zM231.56%20605.48h560.88v23.37H231.56v-23.37zM254.93%20582.11h514.14v23.37H254.93v-23.37zM278.3%20558.74h467.4v23.37H278.3v-23.37zM301.67%20535.37h420.66v23.37H301.67v-23.37zM325.04%20512h373.92v23.37H325.04V512zM348.41%20488.63h327.18V512H348.41v-23.37zM371.78%20465.26h280.44v23.37H371.78v-23.37zM395.15%20441.89h233.7v23.37h-233.7v-23.37zM418.52%20418.52h186.96v23.37H418.52v-23.37zM441.89%20395.15h140.22v23.37H441.89v-23.37zM465.26%20371.78h93.48v23.37h-93.48v-23.37z%22%20p-id%3D%221802%22%20fill%3D%22%23000000%22%3E%3C/path%3E%3Cpath%20d%3D%22M488.63%20348.41h46.74v23.37h-46.74v-23.37z%22%20p-id%3D%221803%22%20fill%3D%22%23000000%22%3E%3C/path%3E%3C/svg%3E"); cursor: pointer;}

.products_contents .top{margin:.2rem 0 0 0;}

.p_contents_details_top.hover:before{ transform:rotate(180deg);}


.products_other{ margin:.24rem auto 0 auto; padding:0 0 .24rem 0; background:#fff;display: flex;flex-wrap:nowrap;}

.products_other_list{position:relative; margin:0 auto;display:block; width: 2.2rem; overflow: hidden;}

.products_other_list dl{position:relative; white-space:nowrap;font-size:0px;}
.products_other_list dl{z-index:10;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
.products_other_list dd,.products_other_t{position:relative; margin:0 .025rem 0 .025rem;width:1.15rem;  }
.products_other_list dd img,.products_other_t img{ width:100%; height:.77rem;border-radius:.05rem; border: 1px solid #efefef;}


.products_other_list dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top;white-space : normal}
.products_other_list strong,.products_other_t strong { display:block;padding:0px .08rem 0 .08rem;    font-size: .13rem;
    font-weight: bold; color:#ff673e;z-index:3}
.products_other_list strong i,.products_other_t strong i{  font-style:normal; font-size:.08rem;padding: 0 0.02rem 0 0;z-index:3}
.products_other_list dd h5,.products_other_t h5{word-break:break-all; word-wrap:wrap;  font-size: .14rem;font-weight: 400; padding:.08rem .08rem 0 .08rem; z-index:3}

.products_other_list dd:hover,.products_other_t{ background-color:#fff; }


.products_other_t{ margin:0 .3rem 0 .05rem; /*box-shadow: .01rem .01rem .08rem #dcdcdc;*/}
.products_other_t:before{content: " ";  position:absolute; top:.27rem; right:-.28rem;width:.2rem; height:.2rem; border-radius:.2rem; background-repeat:no-repeat; background-position: center center; background-size:.2rem auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221620272343865%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20p-id%3D%221755%22%20width%3D%22150%22%20height%3D%22150%22%3E%3Cpath%20d%3D%22M874.230791%20149.769209a512%20512%200%201%200%200%20724.461582%20512.884029%20512.884029%200%200%200%200-724.461582z%20m-41.402014%20683.059568a453.506763%20453.506763%200%201%201%200-641.657554%20454.317122%20454.317122%200%200%201%200%20641.657554z%22%20fill%3D%22%23000000%22%20p-id%3D%221756%22%3E%3C/path%3E%3Cpath%20d%3D%22M758.791367%20482.532374H541.467626V265.208633a29.467626%2029.467626%200%200%200-58.935252%200v217.323741H265.208633a29.467626%2029.467626%200%200%200%200%2058.935252h217.323741V758.791367a29.467626%2029.467626%200%200%200%2058.935252%200V541.467626H758.791367a29.467626%2029.467626%200%200%200%200-58.935252z%22%20fill%3D%22%23000000%22%20p-id%3D%221757%22%3E%3C/path%3E%3C/svg%3E")}

.products_history{margin-top: .02rem; padding: 0.08rem 0 0 0; background:#fff;}

.products_history_top{ position: relative; padding-left: .23rem;font-size: .13rem;font-weight: bold;  height: .4rem; line-height: .4rem;}

.products_history_top:before{content: " ";  position:absolute; top:50%; margin-top: -.0625rem; left:.15rem;width:.03rem; height:.125rem; border-radius:.015rem; background-color: #d7a282; }

.products_history_list{margin-top: .06rem;}
.products_history_list dl{position:relative; display: flex;flex-wrap:wrap;}
.products_history_list dd{position:relative; margin:0 0 .13rem .075rem;width:1.15rem;  }
.products_history_list dd img{ width:100%; height:.77rem;border-radius:.05rem; border: 1px solid #efefef;}


.products_history_list strong{ display:block;padding:0px .08rem 0 .08rem;font-size:.13rem; color:#ff673e;z-index:3}
.products_history_list strong i{  font-style:normal; font-size:.08rem;z-index:3}
.products_history_list dd h5{word-break:break-all; word-wrap:wrap;  font-size: .14rem;font-weight: 400; padding:.08rem .08rem 0 .08rem; z-index:3}

.products_history_list dd:hover{ background-color:#fff; }


.products_sku{ display: none;position: fixed; bottom: .6rem; width: 3.39rem; border-radius: .1rem .1rem 0 0; padding: .19rem .18rem .18rem .18rem;left:50%;transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);z-index:10000!important; background-color:#fff;border-bottom: 1px solid #000;}

.products_sku_close{ position: absolute;top: .12rem;right:.12rem; width:.23rem; height:.23rem;border-radius: .23rem;background-color: #f3f3f3;background-repeat:no-repeat; background-position: center center; background-size:.12rem auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg t%3D%221623169001778%22 class%3D%22icon%22 viewBox%3D%220 0 1024 1024%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 p-id%3D%222469%22 width%3D%22100%22 height%3D%22100%22%3E%3Cpath d%3D%22M587.19 506.246l397.116-397.263a52.029 52.029 0 0 0 0-73.143l-2.194-2.194a51.98 51.98 0 0 0-73.143 0l-397.068 397.8-397.068-397.8a51.98 51.98 0 0 0-73.143 0l-2.146 2.194a51.054 51.054 0 0 0 0 73.143l397.069 397.263L39.544 903.461a52.029 52.029 0 0 0 0 73.142l2.146 2.195a51.98 51.98 0 0 0 73.143 0L511.9 581.583l397.068 397.215a51.98 51.98 0 0 0 73.143 0l2.194-2.146a52.029 52.029 0 0 0 0-73.143L587.19 506.246z%22 p-id%3D%222470%22 fill%3D%22%23bdbdbd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}

.products_sku_close:hover,.products_sku_close:active{background-color: #333333;}

.p_sku_head{display: flex;flex-wrap:wrap;}
.p_sku_img {width:1.5rem;}
.p_sku_img img{width:100%; height:1rem;border-radius:.05rem; border: 1px solid #efefef;}
.p_sku_head .a_prices{ margin:.11rem 0 .11rem .22rem;font-size:.13rem;}
.p_sku_head strong{margin-left:.05rem; font-size:.14rem; color:#ff673e;}
.p_sku_head .a_prices i{  font-style:normal; font-size:.1rem;padding: 0 0.02rem 0 0; color:#ff673e;}

.p_sku_s{padding: 0 0;display: flex;flex-wrap:wrap; margin: 0 auto; }
.p_sku_s dt{font-size:.13rem;margin:0 0 0 .22rem; text-align: center;}
.p_sku_s dd{ margin:0 0 0 .06rem; width: 1.2rem;  font-size:.13rem;color:#767676; }

.details_sku{padding:.04rem 0;}
.details_sku dl{margin:0.06rem 0 0 0;line-height: .25rem;}
.details_sku dt,.products_sku  span{font-size:.13rem; line-height: .2rem;}

.details_sku dd{display: flex;flex-wrap:wrap;}

.details_sku label{display:block;background-color:#f3f3f3;padding:0 .09rem;margin:.08rem .08rem 0 0;text-align:center;height:.25rem; border-radius: .25rem; font-weight:normal; cursor:pointer;}
.details_sku label.selected{color:#fff;background-color:#ba967d;}
.details_sku label.disabled{color:#ccc;cursor:no-drop;}
.details_sku label.disabled:hover{color:#ccc;}
.details_sku span{color:#e31d24;}


.products_sku  .p_d_number{display: flex;flex-wrap:wrap;margin:.16rem 0;justify-content : space-between;}

.carts_number{display: flex;flex-wrap:wrap;}
.carts_number .carts_input{border:0;text-align:center;border-radius:.3rem;padding:0 ;margin:0;width:.68rem;height:.3rem;line-height: .3rem;font-size: .12rem;z-index:10;background-color: #f3f3f3;}
.carts_number .carts_number_dec,.carts_number .carts_number_inc{text-align:center;border:0;border-radius:0;padding:0;margin:0 .02rem 0 .02rem;width:.38rem;height:.30rem; line-height: .26rem; font-size: .28rem; color: #16161a; background-color: #fff;cursor: pointer;}
.carts_number .carts_number_dec{}
.carts_number .carts_number_inc{}

.products_sku .btn_jion_carts{display:block;margin:0.2rem 0 0 0;padding:0 0 0 0; text-align:center; font-size:.15rem; color:#fff; line-height:.4rem;border-radius:.4rem;line-height: .4rem; background-color:#ba967d; background-repeat:no-repeat; background-size: .26rem auto;background-position: 1rem center; background-image:url(../images/inside/carts_submit_btn.png); }

.brands_bannr_details{ position:relative; margin:0 auto; padding:0 .19rem .2rem .19rem;color:#fff; background-color: #ae8366; }
.brands_bannr_details,.brands_bannr_details a{color:#fff;}



.brands_bannr_details a,.brands_bannr_details em{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin:0 0.05rem 0 0; padding:0 .11rem; border:#fff solid 1px; line-height:.21rem; border-radius:.02rem;}
.b_b_d_top em{}

.b_b_d_top{display: flex;flex-wrap:wrap;align-items:center; justify-content:space-between; padding:.12rem 0 .12rem .08rem; border-bottom:1px solid #c09e88;}
.b_b_d_top h2{ font-size:.2rem;}

.b_b_d_text{display:block;padding:.16rem 0 0 0;}
.b_b_d_text p{ line-height:.18rem;}

.b_b_d_class{}
.b_b_d_class h3{ display:block; padding:.16rem 0 .12rem 0; font-size:.13rem}


.clouddesign_box{margin-bottom: -.12rem; background:#fff; padding-bottom: .1rem; }
.clouddesign_bannr{ margin:0 auto; height:3.95rem; background:url(../images/inside/clouddesign.jpg) no-repeat center center; background-size: 3.75rem auto;text-align:center;}
.clouddesign_bannr,.clouddesign_bannr a{color:#fff;}
.clouddesign_bannr h1{ display:block; padding:2.23rem 0 .21rem 0;line-heigh:.38rem;font-weight:normal; font-size:.23rem;}
.clouddesign_bannr strong{ font-weight:600; color:#ba967d;}

.clouddesign_bannr a{display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:1.41rem; height:.34rem; line-height:.32rem; border-radius:.34rem; margin:0 14px; border:#fff solid 1px;font-size:.15rem;}
.clouddesign_bannr a:hover,.clouddesign_bannr a:active,.clouddesign_bannr a.hover{text-decoration:none; background:#ba967d; border-color:#ba967d; color:#fff;}

.clouddesign_top{display:flex;flex-wrap:wrap; margin:0 auto;padding:.03rem 0 .2rem 0; text-align:center;}
.clouddesign_top dd{background:#f3f3f3; position:relative; margin:.07rem 0 0 .07rem; padding:.2rem 0 0 .66rem;width:1.11rem; height:.6rem; text-align:left; font-size:.15rem;font-weight:600; border-radius: 0.05rem;}
.clouddesign_top dd:last-child{}
.clouddesign_top dd span{ display:block; padding:0 0 0 0;font-size:.12rem;font-weight:normal;}
.clouddesign_top dd:before{content: "";   position:absolute; top:50%; margin-top: -.15rem; left:.18rem;width:.3rem; height:.3rem; background:url(../images/inside/clouddesign_top_ico.png) no-repeat; background-size: .3rem auto;}
.clouddesign_top dd:nth-child(1) {}
.clouddesign_top dd:nth-child(2):before { background-position:0 -.3rem;}
.clouddesign_top dd:nth-child(3):before { background-position:0 -.6rem;}
.clouddesign_top dd:nth-child(4):before { background-position:0 -.9rem;}
.clouddesign_top a{ display:block; width:100%; height:100%;}

.clouddesign_list{ margin:.24rem auto 0 auto;}
.clouddesign_list dl{}
.clouddesign_list dd{position:relative; display: block; margin:0.05rem auto 0 auto; padding-bottom: .2rem; width:3.59rem; background:#f3f3f3;  text-align:center; overflow:hidden;}
.clouddesign_list dd img{ width:100%; height:2.44rem; }
.clouddesign_list dd h5{ padding:.2rem .1rem 0 .1rem;font-size:.15rem; color:#333333; z-index:3}
.clouddesign_list dd p{ padding:.1rem .1rem 0 .1rem;font-size:.13rem;  z-index:3}

.startdesigning{ margin-bottom: -.12rem; height:6.5rem; background:url(../images/inside/startdesigning.jpg) no-repeat center center; background-size: 3.75rem auto; text-align:center;}
.startdesigning h1{ display:block; padding:1.15rem 0 .7rem 0; color:#000; font-size:.23rem;font-weight:normal;}
.startdesigning strong{ font-weight:600; color:#ba967d;}

.startdesigning_search{margin:0 auto 0 auto; padding:.25rem .24rem .32rem .24rem; width:2.88rem; background-color:#ba967d; border-radius:.05rem;}
.startdesigning_search h5{ display:block; padding:0 0 .06rem 0;font-size:.14rem; color:#fff; z-index:3; text-align:left;}

.startdesigning_search select{ display:block;border:#ebebeb solid 0px; margin-top: .12rem; padding:0 .1rem; width: 100%; border-radius:.05rem; height:.35rem; line-height:.35rem; background-color:#fff; box-sizing: border-box; }

.startdesigning_search input[type="text"]{ display:block;margin-top: .12rem; padding:0 .1rem; border-radius:.05rem; height:.35rem; line-height:.35rem; border:#ebebeb solid 0px; width:100%;box-sizing: border-box;   background-color:#fff;}
.startdesigning_search button{display:block;margin-top: .12rem;  color:#fff; border:0px; border-radius:.05rem;width: 100%; height:.35rem; line-height:.35rem;background:#292929 url(../images/inside/startdesigning_search_btn.png) no-repeat .93rem center; background-size: .18rem auto;cursor:pointer; text-align: center; box-sizing: border-box;}