/* Public */
/* CSS Document */
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body { -webkit-text-size-adjust:none; /* 谷歌不支持12px以下字号 */ font-family:"Microsoft Yahei";}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) } /* 去掉IE下链接虚线框 */
a:focus { outline: none; } /* 去掉火狐下链接虚线框 */
.clearfix{
zoom:1;
}
.clearfix:after{
content:" ";
clear:both;
visibility:hidden;
display:block;
font-size:0;
height:0;
line-height:0;
}
.hop-bnt:hover{
/*opacity: .8;
filter:Alpha(opacity=80)*/
background-color: #ccb58e;
color: #fff;
}
/*header*/
.header_logo{height:55px !important;}
.header{width:100%; position:sticky; z-index:100; top:0; background:white; height:70px; margin:0px auto;display: flex;justify-content: space-between;}
.header .h_top{/*overflow:hidden;float:right */}
.header .h_top .h_top_t{ margin:0px auto;margin-right: 30px;margin-top: -1px;}
.header .h_top .btn_list{text-align:right; line-height:50px; top: 0px;height: 50px;}
.header .h_top .btn_list li{display:inline-block; *display: inline; overflow:hidden;height: 50px; line-height: 50px;text-align: center;vertical-align: middle;margin-top: -1px;}
.header .h_top .btn_list li a{
font-size:14px;
color:#323232;
height:16px;
line-height:50px;
overflow:hidden;
margin-top:10px;
padding: 5px;
}
.header .h_top .btn_list li:not(:last-child) a{
border-right:1px #323232 solid;
}
/** right top menu */
.header .h_top .btn_list li:hover{
background:#ccb58e;
}
.header .h_top .btn_list li:hover a{
color:#fff;
}
/** .header .h_top .btn_list li.curr{} */
/** .header .h_top .btn_list li.curr a{color:#ccb58e;} */
.header .h_top .btn_list li a.rigster{border:none;}
.header .h_nav{/*width:1200px;*/flex: 1; height:50px; }
.header .h_nav .h_nwrap{height:49px; padding-top:1px; position:relative; margin:0px auto; z-index:9999;}
.header .h_nav .h_nwrap_main{width:auto; float:left; /**margin-left:190px;*/ height:50px;margin-top:-1px;}
.header .h_nav .h_nwrap_main ul li{width:auto; height:50px; line-height:50px; text-align:center; float:left; padding:0 30px 0 30px; position:relative;}
.header .h_nav .h_nwrap_main ul li a{font-weight: bold;font-size:16px;cursor: pointer;color:black;}
.header .h_nav .h_nwrap_main ul li.menu_curr{height: 50px;}
.header .h_nav .h_nwrap_main ul li.desi:hover{
background:#ccb58e;
height: 50px;
}
.header .h_nav .h_nwrap_main ul li:hover{
background:#ccb58e;
height: 50px;
}
.header .h_nav .h_nwrap_main ul li:hover a{
color:#fff;
}
.header .h_nav .h_nwrap_main ul li.menu_curr a{color:#fff;}
.header .h_nav .h_nwrap_main ul li.menu1{}
.header .h_nav .n_search{width:400px; height:30px; border:1px #ccb58e solid; background:url(../image/n_search.png) no-repeat 5px 5px; border-radius:6px; float:left; margin-top:9px; position:relative; overflow:hidden;}
.header .h_nav .n_search .sr{border:none; width:203px; height:30px; line-height:30px;position:absolute; left:35px; top:0px; outline:none; font-size:14px; color:#959595;}
.header .h_nav .n_search .sbtn{outline: none;width:55px; height:30px; position:absolute; right:0px; top:0px; background:#ccb58e; border:none; color:#fff; text-align:center; line-height:30px; cursor:pointer;}
.header .h_nav .carts{ height:30px; float:right; line-height:30px; margin-top:9px; overflow:hidden; margin-left:5px;}
.header .h_nav .carts a{display:block; font-size:16px; text-align:right; color:#fff;}
.header .h_nav .carts a:hover{
color: #ccb58e;
}
.header .h_nav .carts b{padding-left:5px; padding-right:5px;}
/*header_fixed*/
.header_fixed{position:fixed; width:100%; height:50px; left:0px; top:0px; background:#fff; z-index:99999; display:none; border-bottom:1px #000 solid; box-shadow:0px 0px 5px #000;}
.header_fixed .header_fixedc{width:1200px; height:50px; margin:auto; position:relative;}
.header_fixed_logo {float:left;}
.header_fixed_search{width:300px; height:30px; position:absolute; right:231px; top:0px; border:1px #ccb58e solid; background:url(../image/n_search.png) no-repeat 5px 5px; border-radius:6px; float:left; margin-top:9px; }
.header_fixed_search .sr{border:none; width:203px; height:30px; line-height:30px;position:absolute; left:30px; top:0px; outline:none; background:none; font-size:14px; color:#959595;}
.header_fixed_search .sbtn{width:55px; height:30px; position:absolute; right:0px; top:0px; background:#ccb58e; border:none; color:#fff; text-align:center; line-height:30px; cursor:pointer;}
.header_fixed_carts{width:120px; height:30px; float:left;position:absolute; right:0px; top:0px; line-height:30px; margin-top:9px; overflow:hidden;background:url(../image/cart.png) no-repeat 5px 5px; margin-left:5px;}
.header_fixed_carts a{display:block; font-size:16px; text-align:right; color:#000;}
.header_fixed_arts b{padding-left:5px; padding-right:5px;}
/*end_header_fixed*/
/*navbox*/
.navbox{ position:absolute; top:0; left:0; z-index:99; width:232px;height:15px;}
.navbox h2{ font-size: 15px;font-weight: normal;color: #FFFFFF;height: 49px;line-height: 49px;margin-left: 37px;margin-right: 0px; background:url(../image/nva_bj.png) no-repeat 80px center; font-size:16px;}
.navbox .navlist{display:none;background:rgba(55, 52, 55, 0.8); background-color:#373437\9; filter:Alpha(opacity=80)\9;/* padding-bottom:30px; */ z-index:9999;}
.navbox ul li{ width:100%; height:36px; line-height:36px; font-size:14px; text-indent:15px; margin-top:0px;}
/* .navbox ul li:hover{ background:rgba(238,168,71,0.2); background-color:#eea847\9; filter:Alpha(opacity=20)\9;} */
.navbox ul li:hover>a{ color:#ccb58e;}
.navbox ul li span{ color:#fff; float:right; margin-right:10px;}
.navbox ul li a{ color:#fff;}
.navbox .dis_none{display:none; position:absolute; top:0px; left:232px; background:#ffffff !important; width: 968px; /**padding-top:25px; padding-bottom:10px;*/}
.dis_left{ float:left; width:780px;}
.dis_right{ float:right; width:171px; overflow:hidden; margin-right:14px; margin-top:-9px; text-indent:0;}
.dis_right .dis_ul{ background-color:#fff; margin-bottom:10px;}
.dis_right .dis_ul li{ width:160px; height:100px; margin-bottom:10px; margin-right:10px; }
.dis_right .dis_ul .rc{ border-right:none;}
.dis_right .dis_ul li img{ vertical-align:top; width:100%; height:100%;}
.navbox .dis_none a{ color:#6a6768;}
.navbox .dis_none a:hover{ color:#ccb58e;}
.navbox .dis_none dl{ line-height:30px;}
.navbox .dis_none dl dt{ font-size:14px; width:85px; position:relative; float:left; text-align:right; padding-right:20px;}
.navbox .dis_none dl dd{ text-indent:0;/**float:left;*/ margin-left:15px;}
.navbox .dis_none dl dd a{ display:inline-block; border-left:1px #e0e0e0 solid; padding:0 10px; font-size:12px; line-height:16px; height:16px; font-size:13px; margin:7px 0;}
.navbox ul li span{display: none; color:#fff; float:right; margin:11px 25px 0 0;/* display:inline-block;*/ width:4px; height:11px; font:400 9px/14px consolas;}
.navbox .dis_none .fl span{ position:absolute; top:0px; right:-5px; display:inline-block; width:4px; height:11px; font:400 9px/14px consolas; color:#6a6768;}
.navbox .dis_none .fl >a{color:#ccb58e;}
/*end_navbox*/
/*end_header*/
/*shizililiang*/
.shizililiang{width:100%; height:140px; background:#FFFFFF; margin-top:30px; }
.shizililiang .szlist{width:1200px;display:flex;justify-content:center; height:140px; margin:auto; overflow:hidden; position:relative;}
.shizililiang .szlist .logo{width:310px; height:140px; float:left;}
.shizililiang .szlist .logo img{margin-top:38px;}
.shizililiang .szlist .dansz{width:86px; text-align:center; height:120px; margin-top:20px; float:left; cursor:pointer; margin-right:15px; margin-left:15px;}
.shizililiang .szlist .dansz .danimg{width:70px; height:60px; margin:auto; overflow:hidden;}
.shizililiang .szlist .dansz img{ margin:auto; max-width:70px;}
.shizililiang .szlist .dansz .title{line-height:25px; font-size:16px; color:#686868;}
.shizililiang .szlist .dansz.curr{overflow:hidden;}
.shizililiang .szlist .dansz.curr img{opacity:1;}
.shizililiang .szlist .dansz.curr .title{olor:#101010;}
.shizililiang .szlist .dansz:hover .danimg img{opacity:1;}
.shizililiang .szlist .dansz:hover .title{color:#ccb58e !important;}
.shizililiang .szlist .dansz.jiameng{width:90px;}
.shizililiang .szlist .dansz.kefu{width:190px;}
.shizililiang .dansz .curr{display:none;}
.shizililiang .dansz .szimg{display:block;}
/*灵感库底部专用*/
.lingan{ position:relative; z-index:999}
/*end_shizililiang*/
/*foot*/
.foot_nav{position:absolute;display:flex;justify-content:center; width:100%;height:140px; overflow:hidden; top:20px; left:00px; text-align:center}
.foot_nav_ul{ float:left; margin:0px; padding:0px;}
.foot_nav ul{display: inline-block;text-align: left;}
.foot_nav ul li{max-width:190px;min-width: 130px; float:left;}
.foot_nav ul li a{line-height:25px;color:#424141;}
.foot_nav ul li ul li a{line-height:25px; font-weight: normal !important;}
.foot_menu1:not(:first-child){background:url(../image/foot_menu_xain.png) no-repeat left top;height:130px; padding-left:15px;}
.foot_menu1 >a{font-size:18px;line-height:20px !important;}
.foot_menu1 ul{max-height:150px;overflow:hidden; margin-top:10px; *margin-top:3px;}
.foot_menu1 ul li{height:25px; line-height:25px;}
.foot_menu1 ul li a{font-size:14px;}
.gywm{width:100%;/*height:85px;*/background:#525252;margin:0px auto;}
.gywm_xhbox{ display:block; width:95px;/*height:40px;*/ line-height:40px;overflow:hidden;text-align:center; float:left;}
.gywm_xhbox a{color:#CECECE; font-size:16px;}
.foot_copy{ width:1200px; height:30px; margin:auto; overflow:hidden; }
.foot_copy .foot_copy_name{ width:1200px; height:30px; color:#CECECE; font-size:16px; line-height:30px; margin:auto; text-align:center; }
.foot_copy .foot_copy_name a{color:#CECECE; }
.foot{ width:100%; position:relative; text-align:center; background:#F1F1F1; font-size:12px; /*height:245px;*/color:#666666; line-height:25px; }
.foot a{ }
.foot a:hover{ color:#CC0000;}
.foot_c{position:relative; width:100%; height:160px; margin:auto; text-align:left;}
.add_index_lxwm{width:230px; text-align:center; height:160px; position:absolute; right:0px; top:10px;}
.add_index_lxwm .wx{min-width:101px; height:100%; float:left;}
.add_index_lxwm .wb{width:101px; height:100%; float:right;}
.add_index_lxwm img{display:block; width:101px; height:101px; margin:auto;object-fit: cover;}
.add_index_lxwm .li1{height:25px; line-height:25px; color:#424141; font-size:14px;}
.add_index_foot_yqlj{width:665px; text-align:center; margin:auto; height:40px; overflow:hidden; margin:auto;}
/*foot*/
/* end_Public */
/*container*/
.container{width:100%; height:auto; margin:0px auto; background:#F8F8F8; padding-top:1px;}
.container .ganrelist{width:1200px; height:420px; padding-bottom:5px; margin:30px auto; margin-bottom:0px;}
.container .ganrelist .ganrelistscrll{width:1200px; height:420px;/* overflow:hidden;*/}
/*left_menu*/
.left_menu{width:50px; height:auto; overflow:hidden; background:#525252; left:5.8%; z-index:99999; /* margin-left: -700px; */ }
.fixed{position:fixed;top:10%; }
.absolute{position: absolute; top:500px}
.left_menu ul li{width:50px; height:auto; line-height:40px;background:#666666; text-align:center; position:relative; cursor:pointer;}
.left_menu ul li ul{display:none;background:#000;width:52px;}
.left_menu ul li ul a{ display:block; height:40px;color:#fff;}
.left_menu .curr{background:#666666;}
.left_menu .curr2{background:#ccb58e;border:1px #101010 solid; width:48px; height:38px;}
.left_menu .curr2 >a{color:#fff;}
.left_menu a{display:block; width:100%; height:100%;color:#fff; font-size:12px;}
.left_menu .curr3{background:url(../image/nav_currs.png) no-repeat top left; height:auto !important; border:none; width:50px !important;}
.left_menu .curr3 >ul{display:block !important;}
.left_menu .curr3 >a{color:#fff !important;;}
/*end_left_menu*/
/*cart_bar*/
.cart_bar{width:40px; height:auto; position:fixed; right:0px; top:20%; z-index:99999;}
.cart_bar ul li{width:40px; height:40px; margin-bottom:2px; border-radius:6px; position:relative; cursor:pointer;}
.cart_bar ul li a{display:block; width:100%; height:100%;}
.cart_bar ul li .cart_bar_pup{width:0px; height:40px; position:absolute; right:41px; top:0px; background:#ccb58e; border-radius:4px; z-index:99999; text-align:center; line-height:40px; display:none;}
.cart_bar ul li.huiyuan{background:url(../image/bar1.png) center center no-repeat;}
.cart_bar ul li.huiyuan.curr{background:url(../image/bar_curr1.png) center center no-repeat;}
.cart_bar ul li.cart{background:url(../image/bar2.png) center center no-repeat;}
.cart_bar ul li.cart.curr{background:url(../image/bar_curr2.png) center center no-repeat;}
.cart_bar ul li.daijinq{background:url(../image/bar3.png) center center no-repeat;}
.cart_bar ul li.daijinq.curr{background:url(../image/bar_curr3.png) center center no-repeat;}
.cart_bar ul li.guanz{background:url(../image/bar4.png) center center no-repeat;}
.cart_bar ul li.guanz.curr{background:url(../image/bar_curr4.png) center center no-repeat;}
.cart_bar ul li.shouc{background:url(../image/bar5.png) center center no-repeat;}
.cart_bar ul li.shouc.curr{background:url(../image/bar_curr5.png) center center no-repeat;}
.cart_bar ul li.info{background:url(../image/bar6.png) center center no-repeat;}
.cart_bar ul li.info.curr{background:url(../image/bar_curr6.png) center center no-repeat;}
.cart_bar ul li.kefu{background:url(../image/bar7.png) center center no-repeat;}
.cart_bar ul li.kefu.curr{background:url(../image/bar_curr7.png) center center no-repeat;}
.cart_bar ul li a{font-size:12px; color:#fff;}
.backtop{background:#525252 url(../image/bar8.png) center center no-repeat;width:40px;border-radius:6px; height:40px; position:fixed; right:0px;bottom:10px;display:none; cursor:pointer; z-index:99999; }
/*end_cart_bar*/
/*banner_wrap_wrap*/
.banner_wrap_wrap{width:1200px; height:520px;margin:20px auto; margin-top:0px; position:relative;overflow: hidden;}
/*大盒子列表*/
.banner_wrap_bigbox{ width:1200px; height:520px;margin:20px auto; margin-top:0px; overflow:hidden;}
.banner_wrap_bigbox ul{position: absolute;width:12000px; float:left;text-align:center;line-height:50px;}
.banner_wrap_bigbox ul li{width:1200px;height:525px;position: relative; background:#f8f8f8;float:left;}
.banner_wrap_bimgbox{width:1200px;height:520px;}
.banner_wrap_bimgbox img{width:1200px;height:520px;object-fit: cover;}
/*---列表---*/
.banner_wrap_smabox{width:100%; height:10px; position:absolute; left:0px; bottom:15px; z-index: 99;}
.banner_wrap_sma{position:absolute; bottom:23px; right:0px; z-index:999; width:1200px; *width:90px; *left:50%; *margin-left:-45px; height:12px; text-align:center;}
.banner_wrap_sma li{width:12px; height:12px; border-radius:50%; *float:left; text-align:center; background:#fff; display:inline-block; border:1px #0F0F0F solid; cursor:pointer; margin-left:5px; margin-right:5px; }
.banner_wrap_sma .banner_wrap_smalicurr{background:#0F0F0F;}
/*end_banner_wrap_wrap*/
/*ganre_wrap*/
.ganre_wrap{ width: 380px; background: #fff; float: left; height: 400px; overflow: hidden; box-shadow: 0px 0px 4px #ddd;
position: relative;}
/*大盒子列表*/
.ganre_bigbox{ height: 345px;width: 380px; overflow: hidden; position:relative; margin:0 auto; overflow: hidden;}
.ganre_bigbox ul{position: absolute;width:10000px; float:left;text-align:center;line-height:50px;}
.ganre_bigbox ul li{width: 380px; height: 345px; overflow: hidden; float: left; background: url(../image/jia.png) no-repeat center center; position:relative;}
.ganre_dan{width:50%;height: 170px; overflow: hidden; float: left; position:relative;}
.ganre_bimgbox{width:190px; height:140px;}
.ganre_bimgbox img{ max-width:100%; display:block; margin:auto; max-height:100%;object-fit: cover;}
.ganre_bconbox{width:100%; height:30px; line-height:30px;}
.ganre_name,.ganre_time{width:100%;height:30px;}
.ganre_name a{font-size: 14px; color: #353535;}
.ganre_coent{width:100%; height:72px; line-height:24px; font-size:12px;overflow: hidden;}
/*---列表---*/
.ganre_smabox{width:100%; height:10px; position: absolute; left:0px; top:-5px;z-index: 2;}
.ganre_sma{width:100%; height:10px; text-align:center;}
.ganre_sma li{width:10px;height:10px; display:inline-block; *display: inline; zoom: 1; border-radius:50%; border:1px #C9C9C9 solid; background:#FFF;cursor:pointer; margin-left:5px; margin-right:5px;}
.ganre_sma .ganre_smalicurr{background:#101010; border:1px #101010 solid;}
/*---按钮---*/
.ganre_prev,.ganre_next{width: 60px; height: 20px; line-height: 20px; background: #fff; text-align: center;
position: absolute; bottom: 35px; z-index:1; cursor: pointer; cursor:pointer;}
.ganre_prev{left:0;}
.ganre_next{right:0;}
.ganre_contbtn{ width: 380px; height: 1px; border-bottom: 1px #CCCCCC solid; text-align: center; margin-top: 10px; position: absolute; left: 0px; bottom: 43px;}
.ganre_contbtn_name {height: 30px; width: 100%; line-height: 30px; position: absolute; left: 0px; top: 7px;}
.ganre_contbtn_name a{ font-size: 16px; color: #373737;}
/*end_ganre_wrap*/
/*ganre2_wrap*/
.ganre2_wrap{ width: 380px; background: #fff; float:left; height: 400px; overflow: hidden; box-shadow: 0px 0px 4px #ddd;
position: relative;}
/*大盒子列表*/
.ganre2_bigbox{ height: 345px;width: 380px; overflow: hidden; position:relative; margin:0 auto; overflow: hidden;}
.ganre2_bigbox ul{position: absolute;width:10000px; float:left;text-align:center;line-height:50px;}
.ganre2_bigbox ul li{width: 380px; height: 345px; overflow: hidden; float: left; background: url(../image/jia.png) no-repeat center center; position:relative;}
.ganre2_dan{width: 190px; height: 170px; overflow: hidden; float: left; position:relative;}
.ganre2_bimgbox{width:190px; height:140px;}
.ganre2_bimgbox img{ max-width:100%; display:block; margin:auto; max-height:100%;object-fit: cover;}
.ganre2_bconbox{width:100%; height:30px; line-height:30px;}
.ganre2_name,.ganre2_time{width:100%;height:30px;}
.ganre2_name a{font-size: 14px; color: #353535;}
.ganre2_coent{width:100%; height:72px; line-height:24px; font-size:12px;overflow: hidden;}
/*---列表---*/
.ganre2_smabox{width:100%; height:10px; position: absolute; left:0px; top:-5px;z-index: 2;}
.ganre2_sma{width:100%; height:10px; text-align:center;}
.ganre2_sma li{width:10px;height:10px; display:inline-block; *display: inline; zoom: 1;border-radius:50%; border:1px #C9C9C9 solid; background:#FFF;cursor:pointer; margin-left:5px; margin-right:5px;}
.ganre2_sma .ganre2_smalicurr{background:#101010; border:1px #101010 solid;}
/*---按钮---*/
.ganre2_prev,.ganre2_next{width: 60px; height: 20px; line-height: 20px; background: #fff; text-align: center;
position: absolute; bottom: 35px; z-index:1; cursor: pointer; cursor:pointer;}
.ganre2_prev{left:0;}
.ganre2_next{right:0;}
.ganre2_contbtn{ width: 380px; height: 1px; border-bottom: 1px #CCCCCC solid; text-align: center; margin-top: 10px; position: absolute; left: 0px; bottom: 43px;}
.ganre2_contbtn_name {height: 30px; width: 100%; line-height: 30px; position: absolute; left: 0px; top: 7px;}
.ganre2_contbtn_name a{ font-size: 16px; color: #373737;}
/*end_ganre2_wrap*/
/*ganre3_wrap*/
.ganre3_wrap{ width: 380px; background: #fff; margin:auto; float:left;height: 400px; overflow: hidden; box-shadow: 0px 0px 4px #ddd; position: relative; margin:0px 29px;}
/*大盒子列表*/
.ganre3_bigbox{ height: 345px;width: 380px; overflow: hidden; position:relative; margin:0 auto; overflow: hidden;}
.ganre3_bigbox ul{position: absolute;width:10000px; float:left;text-align:center;line-height:50px;}
.ganre3_bigbox ul li{width: 380px; height: 345px; overflow: hidden; float: left; background: url(../image/jia.png) no-repeat center center; position:relative;}
.ganre3_dan{width: 190px; height: 170px; overflow: hidden; float: left; position:relative;}
.ganre3_bimgbox{width:190px; height:140px;}
.ganre3_bimgbox img{ max-width:100%; display:block; margin:auto; max-height:100%;}
.ganre3_bconbox{width:100%; height:30px; line-height:30px;}
.ganre3_name,.ganre3_time{width:100%;height:30px;}
.ganre3_name a{font-size: 14px; color: #353535;}
.ganre3_coent{width:100%; height:72px; line-height:24px; font-size:12px;overflow: hidden;}
/*---列表---*/
.ganre3_smabox{width:100%; height:10px; position: absolute; left:0px; top:-5px;z-index: 2; display:none;}
.ganre3_sma{width:100%; height:10px; text-align:center;}
.ganre3_sma li{width:10px;height:10px; display:inline-block; *display: inline; zoom: 1; border-radius:50%; border:1px #C9C9C9 solid; background:#FFF;cursor:pointer; margin-left:5px; margin-right:5px;}
.ganre3_sma .ganre3_smalicurr{background:#101010; border:1px #101010 solid;}
/*---按钮---*/
.ganre3_prev,.ganre3_next{width: 60px; height: 20px; line-height: 20px; background: #fff; text-align: center;
position: absolute; bottom: 35px; z-index:1; cursor: pointer; cursor:pointer;display:none;}
.ganre3_prev{left:0;}
.ganre3_next{right:0;}
.ganre3_contbtn{ width: 380px; height: 1px; border-bottom: 1px #CCCCCC solid; text-align: center; margin-top: 10px; position: absolute; left: 0px; bottom: 43px;}
.ganre3_contbtn_name {height: 30px; width: 100%; line-height: 30px; position: absolute; left: 0px; top: 7px;}
.ganre3_contbtn_name a{ font-size: 16px; color: #373737;}
/*end_ganre3_wrap*/
/*xn_c_index_275_wrap*/
.xn_c_index_275_wrap{width: 100%;margin:20px auto;position: relative;}
.xn_c_index_275_topbox{width:1200px; height:36px; overflow:hidden; text-align:center; margin:auto;}
.xn_c_index_275_tb2{display:none;}
.xn_c_index_275_tb1{ font-size:18px; color:#0F0F0F; margin-top:30px;}
.xn_c_index_275_tb3{font-size:20px;text-transform:uppercase; font-weight:bold; color:#000000;}
/*类别*/
.xn_c_index_275_main{width:100%; height:auto; overflow:hidden; background:#F8F8F8;}
.xn_c_index_275_tWrap{width:100%; height:50px; }
.xn_c_index_275_tUl{text-align:center; width:1200px; height:49px; margin:auto;}
.xn_c_index_275_tLi{height: 27px;line-height: 27px; color:#101010; font-size:16px;cursor: pointer; display:inline-block; padding-left:9px; padding-right:9px; margin-right:10px; margin-top:15px; border-radius:4px;}
.xn_c_index_275_tCurr { background:#101010; color:#fff;}
/*内容*/
.xn_c_index_275_cWrap{width:1200px; height:auto; overflow: hidden; margin:auto; margin-top:20px; padding-bottom:40px;}
/*第一层循环*/
.xn_c_index_275_cUl{overflow: hidden;position: relative;}
.xn_c_index_275_cImg{height: 270px;width: 280px; background:#fff; overflow:hidden; margin:auto;}
.xn_c_index_275_cImg img{width: 270px;height: 270px;object-fit: cover;}
.xn_c_index_275_cLi{float: left;position: relative;width:100%; height: auto;overflow: hidden;}
/*第二层循环*/
.xn_c_index_275_cMain{overflow: hidden;}
.xn_c_index_275_items{width: 280px; height:410px;float: left; background:#fff;position: relative; margin-right:18px; margin-left:5px; box-shadow:0px 0px 5px #ddd; margin-top:5px; margin-bottom:5px;}
.xn_c_index_275_cCont{width:250px; height:118px; margin:auto; overflow:hidden; margin-top:17px;}
.xn_c_index_275_items a{color: #666;}
.xn_c_index_275_cTitle{width:100%; height:37px; line-height:37px; border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; overflow: hidden;}
.xn_c_index_275_cTitle a{color: #0F0F0F;font-size: 14px;}
.xn_c_index_275_love{display:inline-block; padding-left:15px; padding-right:5px; height:35px; line-height:35px; background: url(../image/xing.png) no-repeat left center; float:right; font-size:12px;}
.xn_c_index_275_pinglun{display:inline-block; padding-left:18px; height:35px; padding-right:5px; line-height:35px; background: url(../image/xin.png) no-repeat left center; float:right; font-size:12px;}
.xn_c_index_275_guanzhu{display:inline-block; padding-left:20px; height:35px; padding-right:5px;line-height:35px; background: url(../image/yan.png) no-repeat left center; float:right; font-size:12px;}
.xn_c_index_275_cIntro{width:100%; height:52px; line-height:52px; overflow: hidden; border-bottom:1px #CCCCCC solid; position:relative;}
.xn_c_index_275_date{width:100%; height:30px;color: #A4C9EF; overflow: hidden;font-size:14px;}
.xn_c_index_275_year{width:60px; height:30px; line-height:30px; float:left; overflow:hidden;}
.xn_c_index_275_month{width:125px; height:30px; line-height:30px; float:left; overflow:hidden;}
.xn_c_index_275_day{width:55px; height:30px; line-height:30px; float:left; overflow:hidden;}
.xn_c_index_275_date a{color:#101010; font-size:14px;}
/*按钮*/
.xn_c_index_275_left{position: absolute;left:10px;top: 200px;background: #ccc;height: 35px;line-height: 35px;width: 60px;text-align: center;cursor: pointer; display:none;}
.xn_c_index_275_right{position: absolute;right:10px;top: 200px;background: #ccc;height: 35px;line-height: 35px;width: 60px;text-align: center;cursor: pointer; display:none;}
.xn_c_index_275_shafaname{height:25px; line-height:32px; font-size:13px; color:#656565;width: 173px;}
.xn_c_index_275_shafaname2{height:25px; line-height:20px; font-size:15px; color:#656565;width: 173px;}
.xn_c_index_275_money{height:50px; line-height:50px; text-align:right; font-size:20px; color:#101010;width: 103px; position:absolute; right:0px; top:0px;}
.xn_c_index_275_money span{ color:#646464;}
/*end_xn_c_index_275_wrap*/
/*shopreco_wrap*/
.shopreco_wrap{padding-top:30px;background: #F8F8F8;width: 100%; /**margin-top:28px;*/ position: relative;}
.shopreco_topbox{width:1200px; height:36px; line-height:36px; text-align:center; margin:auto; background:url(../image/title_bj2.png) no-repeat center center;}
.shopreco_tb2{display:none;}
.shopreco_tb1{ font-size:18px; color:#0F0F0F; margin-top:30px;}
.shopreco_tb3{font-size:20px;text-transform:uppercase; font-weight:bold; color:#000000;}
/*类别*/
.shopreco_main{width:100%; height:auto; overflow:hidden; background:#F8F8F8;}
.shopreco_tWrap{width:100%; height:38px; }
.shopreco_tUl{text-align:center; height:49px; margin-top: 5px;}
.shopreco_tLi{height: 27px;line-height: 27px; color:#101010; text-align:center;padding: 0 5px; font-size:16px;cursor: pointer; /*width:75px;*/ display: inline-block;*display: inline; margin:0 5px;border-radius:4px;min-width: 75px;}
.shopreco_tCurr { background:#ccb58e; color:#fff;}
/*内容*/
.shopreco_cWrap{width:1200px; height:360px; overflow: visible; margin:auto; margin-top:7px; position: relative;}
/*第一层循环*/
.shopreco_cUl{ width:1212px;position: relative;}
.shopreco_cImg{height: 270px;width: 280px; background:#fff; overflow:hidden; margin:auto;}
.shopreco_cImg img{width: 270px;height: 270px;object-fit: cover;}
.shopreco_cLi{float: left;position: relative;width:100%; height: auto;overflow: hidden; display:none; background:#F8F8F8;}
.shopreco_cliclear{clear:both; height:0px;}
.shopreco_cLi:nth-child(1){display:block;}
.shopreco_cLi.nth1{display:block;}
/*第二层循环*/
.shopreco_cMain{overflow: hidden;}
.shopreco_items{width: 280px; height:410px;float: left; background:#fff;position: relative; margin-right:18px; margin-left:5px; box-shadow:0px 0px 1px #ddd; margin-top:5px; margin-bottom:17px;}
.shopreco_cCont{width:250px; height:118px; margin:auto; overflow:hidden; margin-top:17px;}
.shopreco_items a{color: #666;}
.shopreco_cImg>a{display:block; text-align: center; padding-top:5px}
.shopreco_cTitle{width:100%; height:37px; line-height:37px; border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; overflow: hidden;}
.shopreco_cTitle a{color: #0F0F0F;font-size: 14px;}
.shopreco_cTitle a:hover{color: #ccb58e;}
.shopreco_items .shopreco_list_carts{width:50px; height:30px; position:absolute; right:74px; top:257px; background:#F2F2F2 url(../image/u676.png) no-repeat center center; display:none;}
.shopreco_items .shopreco_list_carts a{display:block; width:100%; height:100%;}
.shopreco_items .shopreco_list_coll{min-width:50px; height:30px; position:absolute; right:14px; top:257px; background:#666666; display:none ;font-size:14px; text-align:center; line-height:30px; color:#FFFFFF; cursor:pointer;}
.shopreco_items .shopreco_list_coll a{display:block; font-size:14px; text-align:center; line-height:30px; color:#FFFFFF; width:100%; height:100%;}
.shopreco_cIntro{width:100%; height:52px; line-height:52px; overflow: hidden; border-bottom:1px #CCCCCC solid; position:relative;}
.shopreco_date{width:100%; height:30px; line-height:30px;color: #A4C9EF; overflow: hidden;font-size:14px;position:relative;text-align: center;}
.shopreco_date a.curr{color:#ccb58e;}
.shopreco_year{position:absolute; left:0px; top:0px;}
.shopreco_day{position:absolute; right:0px; top:0px;}
.shopreco_date a{color:#0f0f0f; font-size:14px;}
/*按钮*/
.shopreco_left{position: absolute;left:10px;top: 200px;background: #ccc;height: 35px;line-height: 35px;width: 60px;text-align: center;cursor: pointer; display:none;}
.shopreco_right{position: absolute;right:10px;top: 200px;background: #ccc;height: 35px;line-height: 35px;width: 60px;text-align: center;cursor: pointer; display:none;}
.shopreco_shafaname{height:25px; line-height:32px;overflow:hidden; font-size:13px; color:#656565;width: 173px;}
.shopreco_shafaname2{height:25px; line-height:25px; overflow:hidden; font-size:15px; color:#656565;width: 173px;}
/* 展厅模块Swiper轮播样式 */
.showroom_swiper_video,
.showroom_swiper_vr {
position: relative;
width: 100%;
height: 360px; /* 固定高度：330px(item) + 30px(底部间距) */
overflow: hidden;
}
.showroom_swiper_video .shopreco_cMain,
.showroom_swiper_vr .shopreco_cMain {
overflow: visible;
height: 100%;
}
.showroom_swiper_video .swiper-wrapper,
.showroom_swiper_vr .swiper-wrapper {
height: 100%;
}
.showroom_swiper_video .shopreco_items,
.showroom_swiper_vr .shopreco_items {
float: none;
margin-right: 0;
margin-left: 0;
height: 330px; /* 展厅模块专用高度：图片270px + 标题37px + 间距23px */
/* 启用硬件加速，优化滑动性能 */
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.showroom_swiper_video .shopreco_cCont,
.showroom_swiper_vr .shopreco_cCont {
height: 60px; /* 展厅模块内容区域高度：标题37px + 间距23px */
}
.showroom_swiper_video .shopreco_cTitle,
.showroom_swiper_vr .shopreco_cTitle {
border-top: none; /* 去掉上边框 */
border-bottom: none; /* 去掉下边框 */
}
/* 展厅导航按钮样式 - 参考shop_by_style */
.showroom_swiper_video .swiper-button-next,
.showroom_swiper_video .swiper-button-prev,
.showroom_swiper_vr .swiper-button-next,
.showroom_swiper_vr .swiper-button-prev {
background: #ccb58e;
color: white;
width: 50px;
height: 50px;
border-radius: 50%;
}
.showroom_swiper_video .swiper-button-next:after,
.showroom_swiper_video .swiper-button-prev:after,
.showroom_swiper_vr .swiper-button-next:after,
.showroom_swiper_vr .swiper-button-prev:after {
font-size: 20px !important;
font-weight: bold;
}
.shopreco_money{height:50px; line-height:50px; /*text-align:right;*/ font-size:20px; color:#ccb58e;width: 103px; position:absolute; left:-2px; top:13px;}
.shopreco_money span{ color:#ccb58e;}
.shopreco_jiaju{margin:auto; overflow:hidden;}
/*end_shopreco_wrap*/
/*modern_list*/
.modern_list{width:1200px; height:auto;/* overflow:hidden;*/ margin:auto;margin-top: 30px;}
.modern_list .modern_title{height:52px; line-height:52px; width:100%; overflow:hidden; position:relative;background:#fff url(../image/shoplist.png) no-repeat 15px center; margin-top:15px;}
.modern_list .modern_title .modern_title_name{width:300px; height:52px; float:left; margin-left:30px; }
.modern_list .modern_title .modern_title_name a{font-size:18px; color:#101010;}
.modern_list .modern_title .modern_title_name .zwm{padding-right:5px;}
.modern_list .modern_title .modern_title_name .ywm{padding-left:5px;}
.modern_list .modern_title .modern_more{width:300px; height:52px; line-height:52px; float:right; text-align:right; margin-right:20px; }
.modern_list .modern_title .modern_more a{font-size:16px; color:#101010;}
.modern_list .modern_title .modern_more a.curr{color:#F00;}
.modern_list .modern_title .modern_more .zwm{padding-right:5px; display:inline-block; margin-top:2px; line-height:52px; height:52px;}
.modern_list .modern_title .modern_more .ywm{padding-left:5px;font-size:28px; }
.modern_list .modern_title .modern_more span{float:right;}
.modern_list_cMain{overflow: hidden;width: 1220px;}
.modern_list_items{width: 380px; height:440px;float: left; background:#fff;position: relative; margin-right:21px; margin-left:5px; box-shadow:0px 0px 5px #ddd; margin-top:15px; margin-bottom:5px;}
.modern_list_cCont{width:347px; height:160px; margin:auto; overflow:hidden; }
.modern_list_items a{color: #666;}
.modern_list_items .modern_list_look{width:50px; height:50px; position:absolute; right:10px; top:10px; display:none; text-align: center;
line-height: 50px;
background: rgba(0,0,0,.5);
border-radius: 50%;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7F000000,endColorStr=i#7F000000);
}
.modern_list_items .modern_list_look img{
width: 30px;
height: 36px;
vertical-align: middle;
margin-top: 7px;
object-fit: cover;
}
.modern_list_items .modern_list_look:hover{
background: rgba(0,0,0,.8);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#C8000000,endColorStr=i#C8000000);
}
.modern_list_items .modern_list_look a{display:block; width:100%; height:100%;}
.modern_list_items .modern_list_carts{width:50px; height:30px; position:absolute; right:73px; top:250px; background:#F2F2F2 url(../image/u676.png) no-repeat center center; display:none;}
.modern_list_items .modern_list_carts a{display:block; width:100%; height:100%;}
.modern_list_items .modern_list_coll{min-width:50px; height:30px; position:absolute; right:13px; top:250px; background:#666666; display:none ;font-size:14px; text-align:center; line-height:30px; color:#FFFFFF; cursor:pointer;}
.modern_list_items .modern_list_coll a{display:block; font-size:14px; text-align:center; line-height:30px; color:#FFFFFF; width:100%; height:100%;}
.modern_list_cTitle{width:100%; height:40px; line-height:40px;border-bottom:1px #CCCCCC solid; overflow: hidden; border-top: 1px solid #ccc;
/* margin-top: 10px;*/}
.modern_list_cTitle a{color: #0f0f0f;font-size: 14px;}
.modern_list_love{display:inline-block; padding-left:20px; padding-right:5px; height:40px; line-height:40px; background: url(../image/xing.png) no-repeat left center; float:right; font-size:12px;}
.modern_list_pinglun{display:inline-block; padding-left:20px; height:40px; padding-right:5px; line-height:40px; background: url(../image/xin.png) no-repeat left center; float:right; font-size:12px;}
.modern_list_guanzhu{display:inline-block; padding-left:24px; height:40px; padding-right:5px;line-height:40px; background: url(../image/yan.png) no-repeat left center; float:right; font-size:12px;}
.modern_list_love2{display:inline-block; padding-left:20px; padding-right:5px; height:40px; line-height:40px; background: url(../image/xing.png) no-repeat left center; float:right; font-size:15px;}
.modern_list_pinglun2{display:inline-block; padding-left:20px; height:40px; padding-right:5px; line-height:40px; background: url(../image/xin.png) no-repeat left center; float:right; font-size:15px;}
.modern_list_guanzhu2{display:inline-block; padding-left:24px; height:40px; padding-right:5px;line-height:40px; background: url(../image/yan.png) no-repeat left center; float:right; font-size:15px;}
.modern_list_love3{display:inline-block; padding-left:20px; padding-right:5px; height:40px; line-height:40px; background: url(../image/xing.png) no-repeat left center; float:right; font-size:18px;}
.modern_list_pinglun3{display:inline-block; padding-left:20px; height:40px; padding-right:5px; line-height:40px; background: url(../image/xin.png) no-repeat left center; float:right; font-size:18px;}
.modern_list_guanzhu3{display:inline-block; padding-left:24px; height:40px; padding-right:5px;line-height:40px; background: url(../image/yan.png) no-repeat left center; float:right; font-size:18px;}
.modern_list_cIntro{width:100%; height:72px; line-height:72px; overflow: hidden; border-bottom:1px #CCCCCC solid; position:relative;}
.modern_list .modern_list_ren {height: 60px; line-height: 60px; text-align: right; font-size: 20px; color: #101010; width: 103px; position: absolute; right: 0px; top: 5px; text-align:right;}
.modern_list .modern_list_ren img{width:60px; height:60px;object-fit: cover;}
.modern_list .modern_list_ren span{font-size:16px; color:#343434; padding-right:10px; display:none;}
.modern_list_date{width:100%; height:40px;color: #A4C9EF; overflow: hidden;font-size:14px;}
.modern_list_year{width:140px; height:40px; line-height:40px; float:left; overflow:hidden;}
.modern_list_month{width:110px; height:40px; line-height:40px; float:left; overflow:hidden;}
.modern_list_day{width:97px; height:40px; line-height:40px; text-align:right; float:left; overflow:hidden;white-space: nowrap;}
.modern_list_date a{color:#0f0f0f; font-size:14px;}
.modern_list_date .curr{color:#ccb58e;}
/*按钮*/
.modern_list_left{position: absolute;left:10px;top: 200px;background: #ccc;height: 35px;line-height: 35px;width: 60px;text-align: center;cursor: pointer; display:none;}
.modern_list_right{position: absolute;right:10px;top: 200px;background: #ccc;height: 35px;line-height: 35px;width: 60px;text-align: center;cursor: pointer; display:none;}
.modern_list_shafaname{height:20px; line-height:20px; font-size:14px; color:#656565;width: 210px;width:50%;}
.modern_list_shafaname2{height:25px; line-height:20px; font-size:14px; color:#656565;width: 250px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;width:80%;}
.modern_list_money{height:30px; line-height:35px; text-align:left; font-size:18px; color:#ccb58e;width: 123px;}
.modern_list_money span{ color:#ccb58e;}
.modern_list_cImg {height: 280px; width: 100%; background: #fff; overflow: hidden; margin: auto;}
.modern_list_cImg img {width: 100%;height: 100%;object-fit: cover;object-fit: cover;}
.modern_list .modern_first{overflow:hidden;}
.modern_list .modern_first .modern_list_items{width:1200px !important; height:675px !important; margin-left:0px; margin-top:0px;}
.modern_list .modern_first .modern_list_cImg {height: 525px; width: 1200px; background: #fff; overflow: hidden; margin: auto;}
.modern_list .modern_first .modern_list_cImg img {width: 1200px;height: 525px;object-fit: cover;}
.modern_list .modern_first .modern_list_cCont{width:1163px; height:150px; margin:auto; margin-top:0px;}
.modern_list .modern_first .modern_list_cCont .modern_list_cTitle{margin-top:none;height: 40px; line-height: 40px;}
.modern_list .modern_first .modern_list_cCont .modern_list_cTitle a{font-size:18px;}
.modern_list .modern_first .modern_list_cIntro{height:70px;}
.modern_list .modern_first .modern_list_shafaname{height:30px; height:30px; line-height:40px; font-size:16px;}
.modern_list .modern_first .modern_list_shafaname2{height:40px; height:40px; line-height:35px; font-size:16px;}
.modern_list .modern_first .modern_list_date {width: 100%;height: 30px;color: #A4C9EF;overflow: hidden;}
.modern_list .modern_first .modern_list_date a{font-size: 16px;}
.modern_list .modern_first .modern_list_year{width:180px; height:40px; line-height:40px; float:left; overflow:hidden;}
.modern_list .modern_first .modern_list_month{width:150px; height:40px; line-height:40px; float:left; overflow:hidden;}
.modern_list .modern_first .modern_list_day{width:150px; height:40px; line-height:40px; float:left; overflow:hidden;}
.modern_list .modern_first .modern_list_love{display:inline-block; padding-left:28px; padding-right:5px; height:35px; line-height:35px; background: url(../image/xing2.png) no-repeat left center; float:right; font-size:18px;}
.modern_list .modern_first .modern_list_pinglun{display:inline-block; padding-left:30px; height:35px; padding-right:30px; line-height:35px; background: url(../image/xin2.png) no-repeat left center; float:right; font-size:18px;}
.modern_list .modern_first .modern_list_guanzhu{display:inline-block; padding-left:40px; height:35px; padding-right:30px;line-height:35px; background: url(../image/yan2.png) no-repeat left center; float:right; font-size:18px;}
.modern_list .modern_first .modern_list_money{display:none;}
.modern_list .modern_first .modern_list_ren {height: 50px; line-height: 50px; text-align: right; font-size: 20px; color: #101010; width: 303px; position: absolute; right: 0px; top: 10px; text-align:right;}
.modern_list .modern_first .modern_list_ren img{width:50px; height:50px;object-fit: cover;}
.modern_list .modern_first .modern_list_ren span{font-size:16px; color:#343434; padding-right:10px; display:inline-block;}
/*end_modern_list*/
/*以下为商品列表页样式product*/
/*container_name*/
.container_name{min-height:30px; width:1200px; line-height:20px; overflow:hidden;color:#666666; font-size:14px; margin:auto;padding-top:5px;}
.container_name a{color:#666666; font-size:14px;}
.container_name span{color:#666666; font-size:14px;}
.container_name font{font-size:14px; color:#ccb58e; font-weight:bold;}
.container_name .shopnum{padding-left:60px;}
.container_name .line{padding-left:5px; padding-right:5px;}
/*end_container_name*/
/*prop_item*/
.prop_item{width:1200px; height:auto; background:#fff; margin:auto; /*padding:10px 0px;*/ border-bottom:1px #ddd solid; position:relative;}
.prop_item_list{width:1200px; height:auto;}
.prop_item_dan{width:100%; height:auto; overflow:hidden;}
.prop_item_dan .prop_item_lbname{width:120px; height:32px;line-height:32px; text-align:right; overflow:hidden; float:left; font-size:14px; color:#666666;}
.prop_item_dan .prop_item_lblist{width:1080px; text-align:left;overflow:hidden; float:left;}
.prop_item_dan .prop_item_lblist li{ height:38px; line-height:38px;color:#101010; font-size:14px; float:left; display:inline-block; padding-left:5px; padding-right:5px; margin-right:10px;/*border-bottom:2px #fff solid;*/}
.prop_item_dan .prop_item_lblist li a{color:#101010; font-size:14px;}
.prop_item_dan .prop_item_lblist li:hover a{color:#F0914A;}
.prop_item_dan .prop_item_lblist li .hova{color:#F0914A;}
.prop_item_dan .prop_item_lblist li.curr{border-bottom:2px #101010 solid; font-weight:bold;}
.prop_item_dan .prop_item_lblist li.curr a{color:#101010;}
.prop_item_dan .prop_param_lblist{width:1080px; text-align:left;overflow:hidden; float:left;}
.prop_item_dan .prop_param_lblist li{ height:38px; line-height:38px;color:#101010; font-size:14px; float:left; display:inline-block; padding-left:5px; padding-right:5px; margin-right:10px;/*border-bottom:2px #fff solid;*/}
.prop_item_dan .prop_param_lblist li a{color:#101010; font-size:14px;}
.prop_item_more{height:35px; width:180px; line-height:35px; overflow:hidden; position:absolute; text-align:left; left:50%; margin-left:-90px; bottom:-36px;/*border:1px #ddd solid*/; border-top:none; cursor:pointer; background:#fff url(../image/prop_item_more1.png) no-repeat 116px center; font-size:14px; font-weight:bold; color:#ccb58e;}
.prop_item_more span{padding-left:45px;}
.prop_item_more.curr{background:#fff url(../image/prop_item_more2.png) no-repeat 116px center;}
.prop_item_list.hidden{height:190px; overflow:hidden;}
.prop_item_zdjine{width:85px; height:38px;}
.prop_item_zdjine input{background:#fff; color:#101010; font-size:12px; border:2px #F2F2F2 solid; height:30px; width:75px; outline:none; padding-left:15px; line-height:30px; }
.prop_item_zgjine{width:85px; height:38px;}
.prop_item_zgjine input{background:#fff; color:#101010; font-size:12px; border:2px #F2F2F2 solid; height:30px; width:75px; outline:none; padding-left:15px; line-height:30px; }
.prop_item_line{width:22px; background:url(../image/prop_item_line.png) no-repeat center center; padding:0px !important;}
.prop_item_jinesc{width:85px; height:32px; background:#ccb58e; color:#fff !important; line-height:32px; text-align:center; border-radius:5px; border:none; outline:none; *border:0px none; cursor:pointer;}
/*end_prop_item*/
/*prop_shuxuan*/
.prop_shuxuan{min-width:auto; height:41px; margin:auto; position:relative; margin-bottom:10px; margin-top:10px; z-index:998;justify-content: center;display: flex;align-content: center;align-items: center;}
.prop_shuxuan_left{min-width:710px; height:40px; float:left;/*border-left:1px #CCCCCC solid;*/}
.prop_shuxuan .prop_shuxuan_left >li{height:38px; min-width:80px; line-height:38px; background:#fff; float:left; border:1px #f3f3f3 solid; border-left:none; cursor:pointer; position:relative;}
.prop_shuxuan .prop_shuxuan_left >li a{color:#333333; font-size:14px;margin-left: 4px;margin-right: 4px;}
.prop_shuxuan .prop_shuxuan_left .bj1{ min-width:80px; text-align:center;}
.prop_shuxuan .prop_shuxuan_left .bj1.curr{ min-width:80px; text-align:center;background:#fff url(../image/sx_bj22.png) no-repeat right bottom; border:1px #ccb58e2e solid;}
.prop_shuxuan .prop_shuxuan_left .bj3{background:#fff url(../image/jiantouxai.png) no-repeat 76px center; min-width:100px;}
.prop_shuxuan .prop_shuxuan_left .bj3.curr{background:#fff url(../image/jiantouxai2.png) no-repeat 76px center; min-width:150px;}
.prop_shuxuan .prop_shuxuan_left .bj2{text-align:center;}
.prop_shuxuan .prop_shuxuan_left .bj3 span{padding-left:10px;color:#333333; font-size:14px;padding-right:10px;}
.prop_shuxuan .prop_shuxuan_left .bj4{min-width:100px; text-align:center;}
.prop_shuxuan .prop_shuxuan_left .bj4.curr{background:#fff url(../image/sx_bj22.png) no-repeat right bottom; border:1px #ccb58e2e solid;width:99px;}
.prop_shuxuan .prop_shuxuan_left>li>ul{position:absolute; left:-1px; top:38px; width:100%; z-index:99;border:1px #f3f3f3 solid; background:#fff; display:none; }
.prop_shuxuan .prop_shuxuan_left>li>ul>li{background:#fff; width:100%; height:30px; }
.prop_shuxuan_search{width:300px; height:38px; /*border:1px #CCCCCC solid*/; background:#fff url(../image/ss_bj.png) no-repeat 5px 9px; float:left; position:relative; overflow:hidden; margin-left:15px;}
.prop_shuxuan_search .prop_shuxuan_sr{border:none; width:185px; height:38px; line-height:38px;position:absolute; left:35px; top:0px; outline:none; background:none; font-size:14px; color:#959595;}
.prop_shuxuan_search .prop_shuxuan_sbtn{width:80px; height:38px; position:absolute; right:0px; top:0px; background:#ccb58e; border:none; color:#fff; text-align:center; line-height:30px; cursor:pointer;}
.prop_shuxuan_btnlist{width:147px;background:#fff; height:40px; float:right;}
.prop_shuxuan_btnlist li{width:48px; height:40px; float:left; overflow:hidden; border:1px #f3f3f3 solid; border-left:none; cursor:pointer;}
.prop_shuxuan_btnlis li a{color:#333333; font-size:14px;}
.prop_shuxuan_btnlist li.btn1{background:url(../image/dian1.png) no-repeat center center;}
.prop_shuxuan_btnlist li.btn2{background:url(../image/dian2.png) no-repeat center center;}
.prop_shuxuan_btnlist li.btn3{background:url(../image/dian3.png) no-repeat center center;}
/*end_prop_shuxuan*/
/*prop_shoplist_wrap*/
.prop_shoplist_wrap{width: 100%; margin-top:10px;position: relative;}
/*内容*/
.prop_shoplist_cWrap{width:1200px; height:auto; overflow: hidden; margin:auto; margin-top:10px; padding-bottom:5px;}
/*第一层循环*/
.prop_shoplist_cUl{overflow: hidden; width:1212px; height:430px;position: relative;}
.prop_shoplist_cImg{height: 280px;width: 280px; background:#fff; overflow:hidden; margin:auto;}
.prop_shoplist_cImg img{width: 100%;height: 100%;transition: all 0.4s;object-fit: cover;image-rendering: -webkit-optimize-contrast;}
.prop_shoplist_cLi{float: left;position: relative;width:100%; height: auto;overflow: hidden; position:absolute; left:0px; top:0px; display:none; }
.prop_shoplist_cLi:nth-child(1){display:block;}
/*第二层循环*/
.prop_shoplist_cMain{overflow: hidden; width:1212px;}
.prop_shoplist_items{width: 280px; height:405px;float: left; background:#fff;position: relative; margin-right:18px; margin-left:5px; box-shadow:0px 0px 5px #ddd; margin-top:5px; margin-bottom:15px;}
.prop_shoplist_cCont{width:92%; height:118px; margin:auto; overflow:hidden; margin-top:0px;}
.prop_shoplist_items a{color: #666;}
.prop_shoplist_cTitle{width:100%; height:37px; line-height:37px; border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; overflow: hidden;}
.prop_shoplist_cTitle a{color: #0f0f0f;font-size: 14px;}
.prop_shoplist_love{display:inline-block; padding-left:15px; padding-right:5px; height:35px; line-height:35px; background: url(../image/xing.png) no-repeat left center; float:right; font-size:12px;}
.prop_shoplist_pinglun{display:inline-block; padding-left:18px; height:35px; padding-right:5px; line-height:35px; background: url(../image/xin.png) no-repeat left center; float:right; font-size:12px;}
.prop_shoplist_guanzhu{display:inline-block; padding-left:20px; height:35px; padding-right:5px;line-height:35px; background: url(../image/yan.png) no-repeat left center; float:right; font-size:12px;}
.prop_shoplist_cIntro{width:100%; height:52px; line-height:52px; overflow: hidden; border-bottom:1px #CCCCCC solid; position:relative;}
.prop_shoplist_date{width:100%; height:30px;color: #A4C9EF; overflow: hidden;font-size:14px;}
.prop_shoplist_year{width:30%; height:30px; line-height:30px; float:left; overflow:hidden;text-align: left;}
.prop_shoplist_month{width:45%; height:30px; line-height:30px; float:left; overflow:hidden;width:auto;}
.prop_shoplist_day{width:30%; height:30px; line-height:30px; float:right; text-align:right; overflow:hidden;}
.prop_shoplist_date a{color:#0f0f0f; font-size:14px;}
/*按钮*/
.prop_shoplist_left{position: absolute;left:10px;top: 200px;background: #ccc;height: 35px;line-height: 35px;width: 60px;text-align: center;cursor: pointer; display:none;}
.prop_shoplist_right{position: absolute;right:10px;top: 200px;background: #ccc;height: 35px;line-height: 35px;width: 60px;text-align: center;cursor: pointer; display:none;}
.prop_shoplist_shafaname{height:25px; line-height:24px; font-size:12px; color:#929292;width: 173px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prop_shoplist_shafaname4{height:27px; line-height:24px; font-size:15px; color:#929292;width: 173px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prop_shoplist_shafaname3{height:29px; line-height:24px; font-size:18px; color:#929292;width: 173px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prop_shoplist_shafaname2{height:20px; line-height:20px; font-size:14px; color:#656565;width: 75%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prop_shoplist_money{height:50px; line-height:50px; text-align:left; font-size:20px; color:#ccb58e;width: 103px; position:absolute; left:-2px; top:11px;}
.prop_shoplist_money span{ color:#ccb58e;}
.prop_carts{width:50px; height:30px; position:absolute; right:73px; top:250px; background:#F2F2F2 url(../image/u676.png) no-repeat center center; display:none;}
.prop_carts a{display:block; width:100%; height:100%;}
.prop_coll{min-width:50px; height:30px; position:absolute; right:13px; top:250px; background:#666666; display:none ; font-size:14px; text-align:center; line-height:30px; color:#FFFFFF; cursor:pointer;}
.prop_coll a{display:block; font-size:14px; text-align:center; line-height:30px; color:#FFFFFF; width:100%; height:100%;}
.prop_shoplist_prolist.prop_sitemscurrbtn1{width:381px; height:510px;}
.prop_shoplist_prolist.prop_sitemscurrbtn1 .prop_shoplist_cImg{width:381px; height:381px;}
.prop_shoplist_prolist.prop_sitemscurrbtn1 .prop_carts{ top:351px; }
.prop_shoplist_prolist.prop_sitemscurrbtn1 .prop_coll{ top:351px;}
.prop_shoplist_prolist.prop_sitemscurrbtn2{width:280px; height:405px;}
.prop_shoplist_prolist.prop_sitemscurrbtn2 .prop_shoplist_cImg{width:280px; height:280px;}
.prop_shoplist_prolist.prop_sitemscurrbtn3{width:190px; height:315px;margin-left: 2px; margin-right: 9px;}
.prop_shoplist_prolist.prop_sitemscurrbtn3 .prop_shoplist_cImg{width:190px; height:190px;}
.prop_shoplist_prolist.prop_sitemscurrbtn3 .prop_carts{ top:160px; }
.prop_shoplist_prolist.prop_sitemscurrbtn3 .prop_coll{ top:160px;}
.prop_shoplist_prolist.prop_sitemscurrbtn3 .prop_shoplist_money{top:14px; font-size:14px;}
/*6个列表样式*/
.prop_shoplist_prolist{width: 194px; height:350px;float: left; background:#fff;position: relative; margin-right:5px; margin-left:1px; box-shadow:0px 0px 1px #ddd; margin-top:5px; margin-bottom:15px;}
.prop_shoplist_prolist:hover{box-shadow: 0 2px 4px 1px rgba(0,0,0,.12);}
.prop_shoplist_prolist .prop_shoplist_cImg{width: 190px;height: 190px}
.prop_shoplist_prolist .prop_shoplist_cTitle{border: none;}
.prop_shoplist_prolist_price{line-height: 30px; font-size: 16px;color: #f03638;padding-left: 8px;}
.prop_shoplist_prolist_price2{line-height: 30px; font-size: 19px;color: #f03638;padding-left: 8px;}
.prop_shoplist_prolist_price3{line-height: 30px; font-size: 22px;color: #f03638;padding-left: 8px;}
.prop_shoplist_prolist_price_en{line-height: 30px; font-size: 16px;color: #ccb58e;padding-left: 8px;}
.prop_shoplist_prolist_price2_en{line-height: 30px; font-size: 19px;color: #ccb58e;padding-left: 8px;}
.prop_shoplist_prolist_price3_en{line-height: 30px; font-size: 22px;color: #ccb58e;padding-left: 8px;}
.prop_shoplist_prolist_type{line-height: 25px;padding-left: 10px;}
.prop_shoplist_prolist_type2{line-height: 28px;padding-left: 10px;}
.prop_shoplist_prolist_type3{line-height: 30px;padding-left: 10px;}
.prop_shoplist_prolist_type a{font-size: 14px;color: #333;padding-right: 20px;float: left;}
.prop_shoplist_prolist_type2 a{font-size: 17px;color: #333;padding-right: 20px;float: left;}
.prop_shoplist_prolist_type3 a{font-size: 20px;color: #333;padding-right: 20px;float: left;}
.prop_shoplist_prolist_type a:hover{font-weight: bold}
.prop_shoplist_prolist_type2 a:hover{font-weight: bold}
.prop_shoplist_prolist_type3 a:hover{font-weight: bold}
.prop_shoplist_prolist_con{width: 170px;height: 23px;line-height: 20px;overflow: hidden;font-size: 13px;color: #666;margin-left: 10px;}
.prop_shoplist_prolist_con2{width: 270px;height: 23px;line-height: 20px;overflow: hidden;font-size: 16px;color: #666;margin-left: 10px;}
.prop_shoplist_prolist_con3{width: 370px;height: 23px;line-height: 20px;overflow: hidden;font-size: 19px;color: #666;margin-left: 10px;}
.prop_shoplist_prolist_home{margin: 5px 0 2px 10px;}
.prop_shoplist_prolist_home2{margin: 10px 0 2px 10px;}
.prop_shoplist_prolist_home3{margin: 15px 0 2px 10px;}
.prop_shoplist_prolist_home a{font-size: 13px;color: #f03638; }
.prop_shoplist_prolist_home a:hover{font-weight: bold}
.prop_shoplist_prolist_home2 a{font-size: 16px;color: #f03638; }
.prop_shoplist_prolist_home2 a:hover{font-weight: bold}
.prop_shoplist_prolist_home3 a{font-size: 19px;color: #f03638; }
.prop_shoplist_prolist_home3 a:hover{font-weight: bold}
.prop_shoplist_prolist_shop{margin: 5px 0 0 10px;}
.prop_shoplist_prolist_shop2{margin: 5px 0 0 10px;}
.prop_shoplist_prolist_shop3{margin: 1px 0 0 10px;}
.prop_shoplist_prolist_shop a.white{border-radius: 10%; float: left;background: #fff;color: #f03638;font-size: 12px; padding: 1px 3px 1px 3px; border: 1px solid rgba(240, 54, 56, 0.5);}
.prop_shoplist_prolist_shop2 a.white{border-radius: 10%; float: left;background: #fff;color: #f03638;font-size: 15px;padding: 1px 3px 1px 3px;border: 1px solid rgba(240, 54, 56, 0.5);}
.prop_shoplist_prolist_shop3 a.white{border-radius: 10%; float: left;background: #fff;color: #f03638;font-size: 18px;padding: 1px 3px 1px 3px;border: 1px solid rgba(240, 54, 56, 0.5);}
.prop_shoplist_prolist_shop a.white:hover{color:#fff;background:#f03638;}
.prop_shoplist_prolist_shop2 a.white:hover{color:#fff;background:#f03638;}
.prop_shoplist_prolist_shop3 a.white:hover{color:#fff;background:#f03638;}
.prop_shoplist_prolist_shop a.red{border-radius: 10%; float: left;background: #f03638;color: #fff;font-size: 12px; padding: 1px 3px 1px 3px; border: 1px solid rgba(240, 54, 56, 0.5);}
.prop_shoplist_prolist_shop2 a.red{border-radius: 10%; float: left;background: #f03638;color: #fff;font-size: 15px;padding: 1px 3px 1px 3px;border: 1px solid rgba(240, 54, 56, 0.5);}
.prop_shoplist_prolist_shop3 a.red{border-radius: 10%; float: left;background: #f03638;color: #fff;font-size: 18px;padding: 1px 3px 1px 3px;border: 1px solid rgba(240, 54, 56, 0.5);}
.prop_shoplist_prolist_shop a.red:hover{color:#f03638;background:#fff;}
.prop_shoplist_prolist_shop2 a.red:hover{color:#f03638;background:#fff;}
.prop_shoplist_prolist_shop3 a.red:hover{color:#f03638;background:#fff;}
.prop_shoplist_prolist .prop_shoplist_cTitle{height: 30px;line-height: 30px;}
.prop_shoplist_prolist .prop_shoplist_cTitle>div{height: 30px;line-height: 30px;}
.prop_shoplist_prolist:hover .prop_carts{display: block;top: 160px;}
.prop_shoplist_prolist:hover .prop_coll{display: block;top: 160px;}
/*6个列表样式*/
/*4个列表样式*/
.prop_shoplist_prolist4{width: 291px;height: 460px;margin-right: 10px;margin-left: 1px;}
.prop_shoplist_prolist4 .prop_shoplist_cImg{width: 280px;height: 280px;}
.prop_shoplist_prolist4 .prop_shoplist_prolist_con{width: 248px;}
.prop_shoplist_prolist4:hover .prop_carts{display: block;top: 250px;}
.prop_shoplist_prolist4:hover .prop_coll{display: block;top: 250px;}
/*4个列表样式*/
/*3个列表样式*/
.prop_shoplist_prolist3{width: 392px;height: 570px;margin-right: 9px;margin-left: 1px;}
.prop_shoplist_prolist3 .prop_shoplist_cImg{width: 381px;height: 381px;}
.prop_shoplist_prolist3 .prop_shoplist_prolist_con{width: 327px;}
.prop_shoplist_prolist3:hover .prop_carts{display: block;top: 350px;}
.prop_shoplist_prolist3:hover .prop_coll{display: block;top: 350px;}
/*3个列表样式*/
/*end_prop_shoplist_wrap*/
/*prop_shopfy*/
.prop_shopfy{/*width:431px;*/ height:40px; line-height:40px; text-align:center; margin:auto; margin-top:20px;}
.prop_shopfy li{float:left; width:30px; background:#ffffff; overflow:hidden; height:30px; line-height:30px; border:1px #CCCCCC solid; margin-right:10px;}
.prop_shopfy li a{color:#333333; display:block;}
.prop_shopfy li.sxfy{width:60px;}
.prop_shopfy li.shenlh{width:20px;background:#f8f8f8 !important; line-height:35px; border:none;}
.prop_shopfy li.curr{background:#000;}
.prop_shopfy li.curr a{color:#fff;}
.prop_shopfy li.curr.shenlh{background:#f8f8f8 !important;}
.prop_shopfy li.curr.shenlh a{color:#333333 !important; }
.prop_shopfy li.curr2{background:#000;}
.prop_shopfy li.curr2 a{color:#fff;}
.prop_shopfy li.curr2.shenlh{background:#f8f8f8 !important;}
.prop_shopfy li.curr2.shenlh a{color:#333333 !important; }
/*end_prop_shopfy*/
/*以下为商品详情页样式*/
/*view_list*/
.view_list{width:1200px; margin:auto; background:#fff; overflow:hidden; box-shadow:0px 0px 1px #ddd; position:relative; padding-bottom:20px;}
.view_list_clear{clear:both; height:100%; height:0px;}
/*pro_views_wrap*/
.pro_views_wrap{width:550px; height:725px; position:relative; float:left; z-index:1; }
.pro_views_wrap #move{width:150px; height:150px; background:rgba(55, 52, 55, 0.8); background-color:#373437\9; filter:Alpha(opacity=80)\9; position:absolute; left:0px; top:0px; display:none; }
.pro_views_wrap #bimg{ width:548px; height:578px;overflow:hidden; position:absolute; top:0px; background:#fff; display:none; left:560px; }
.pro_views_wrap #bimg img{width:800px; height:800px; position:absolute; top:0px; left:0px;object-fit: cover;}
.pro_views_wrap .pro_views_rightimg{width:400px; height:400px; position:absolute; left:570px; top:0px; border:1px #ddd solid; background:#FFF; z-index:9;}
.pro_views_wbox {width:550px; height:725px; }
.pro_views_bigimgwrap { width:548px; height:578px;/*border:1px #CCCCCC solid*/; position:relative;}
.pro_views_bigimg { width:100%; height:100%; overflow:hidden;}
.pro_views_video{ width:100%; height:100%; position: absolute; left:0px; top:0px; background:#fff;}
.pro_views_video video{width:100%; height:100%;}
.pro_views_bigimg img { max-width: 100%; max-height: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); image-rendering: -webkit-optimize-contrast; object-fit: cover;}
.pro_views_subimg { width:550px; height:95px; margin-top:10px; overflow:hidden; position:relative; }
.pro_views_subimg ul { position:absolute; height:90px; left:0px; top:0px; }
.pro_views_subimg ul li { width:80px; border:1px solid #fff; height:80px; margin:5px 20px 0 0; float:left; cursor:pointer; }
.pro_views_subimg ul li.pro_views_curr{ border:1px solid #ddd; }
.pro_views_subimg ul li img { max-width: 100%; max-height: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); image-rendering: -webkit-optimize-contrast;object-fit: cover;}
.pro_views_fangda{width:40px; height:40px; position:absolute; right:15px; bottom:15px; background:url(../image/fangda.png) center center no-repeat; cursor:pointer;}
.pro_views_btn { width:40px; height:80px; cursor:pointer; position:absolute; top:5px; }
#pro_views_btnleft { left:72px; z-index:2; background:url(../image/view_prev.png) center center no-repeat;}
#pro_views_btnright {right:96px; z-index:2; background:url(../image/view_next.png) center center no-repeat;}
.pro_views_srolist{width:300px; height:90px; position:relative; overflow:hidden; margin:auto;}
.pro_views_viodeo{width:80px; height:80px; position:absolute;top:5px; left:5px; overflow:hidden; margin:auto;}
.pro_views_viodeo .pro_views_viodeo_btn{width:80px; height:80px; position:absolute; left:0px; top:0px; background:url(../image/video.png) no-repeat center center; cursor:pointer;}
.pro_views_viodeo img{width:100%; height:100%; object-fit: cover;}
.pro_views_3dshijue{width:60px; height:70px; position:absolute; right:0px; top:15px; cursor:pointer;background:url(../image/3d.png) top center no-repeat;}
.pro_views_3dshijue div{height:20px; line-height:20px; position:absolute; left:0px; bottom:0px; font-size:16px; color:#333333; text-align:center;}
.pro_views_caozuo{width:550px; height:35px; margin-top:10px;}
.pro_views_caozuo .pro_views_fenx{width:140px; height:35px; line-height:35px; margin-left:15px; background:url(../image/fenx.png) left center no-repeat; float:left; cursor:pointer; position:relative;}
.pro_views_caozuo .pro_views_fenx span{padding-left:25px; font-size:14px; color:#333333;}
.pro_view_fx_ewm{width:140px; height:140px; background:#fff; border:1px #ddd solid; box-shadow:0px 0px 3px #ddd; position:absolute; left:0px; top:-140px; overflow:hidden; z-index:3; display:none;}
.pro_view_fx_ewm img{width:130px; height:130px; margin-left:5px; margin-top:5px;object-fit: cover;}
.pro_views_caozuo .pro_views_shouchang{width:250px; height:35px; font-size:14px;/* padding-left:25px; */ color:#333333; line-height:35px; margin-left:25px; float:left; cursor:pointer; position:relative;}
.pro_views_caozuo .pro_views_shouchang a{font-size:14px; color:#333333;}
.pro_views_caozuo .pro_views_shouchang span{font-size:14px; color:#666666;padding-left:10px; }
.pro_views_caozuo .pro_views_shouchang a span{font-size:14px; color:#666666;}
/*end_pro_views_wrap*/
/*pro_views_fdshopimg*/
.pro_views_fdshopimg{width:950px; height:540px; position:fixed; left:50%; margin-left:-475px; top:50%; margin-top:-270px; background:rgba(55, 52, 55, 0.8); background-color:#373437\9; filter:Alpha(opacity=80)\9; z-index:999; border-radius:4px; display:none;}
/*end_pro_views_fdshopimg*/
.pro_views_info{width:445px; float:left; margin-left:32px; }
.pro_views_name{
font-weight: bold;
min-height: 35px;
width: 100%;
/* line-height: 30px; */
margin-top:10px;
font-size: 16px;
color: #666666;
/* white-space: nowrap; */
/* text-overflow: ellipsis; */
-o-text-overflow: ellipsis;
/* overflow: hidden; */
-moz-binding: url(/css/ellipsis.xml);
}
.pro_views_desc{/*font-weight:bold;*/max-height:120px; width:100%; line-height:25px; color:#666666; font-size:14px; overflow:hidden;word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
word-break:break-all;
display:-moz-box;
-moz-line-clamp:2;
-moz-box-orient:vertical;
moz-break:break-all;
display:-o-box;
-o-line-clamp:2;
-o-box-orient:vertical;
word-break:break-all;}
.pro_views_desc pre{
font-family:"微软雅黑";
margin:0}
.pro_views_number{height:35px;width:100%; line-height:35px;font-size:14px; color:#333333;white-space: nowrap; text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('/css/ellipsis.xml');/*溢出省略号，支持firefox*/ }
.pro_views_pirce{/*background:#F8F8F8;*/ width:100%; height:90px; position:relative;}
.pro_views_bao_pirce{/* width:250px; */height:45px; line-height:35px; color:#101010; font-size:14px; /* margin-left:20px; */}
.pro_views_bao_pirce span{color:#F00; font-size:20px;}
.l-viewsbottom{border-bottom:1px #e9e9e9 solid;padding-bottom:10px;font-size: 14px;}
.pro_views_ysales{width:90px; height:48px; /* border-right:1px #CCCCCC solid; */ text-align:center; position:absolute; right:72px; top:18px; color:#101010; font-size:16px;}
.pro_views_ysales span{padding-top:8px; display:block;}
.pro_views_eval{width:70px;height:48px;text-align:center; position:absolute; right:0px; top:18px;color:#101010; font-size:16px;}
.pro_views_eval span{padding-top:8px; display:block;}
.pro_views_qita{ overflow:hidden; /*margin-top:5px;*/}
.pro_views_qita li{ line-height:35px; font-size:14px; color:#333333; min-height:35px;}
.pro_views_qita li .xing{float:left; margin-left:5px; margin-right:5px; display:inline-block; width:20px; height:20px; margin-top:8px;}
.pro_views_qita li.pingfen span{float:left;}
.pro_views_psaddress{position:relative; height:35px; line-height:35px; /*margin-top:5px;*/}
.pro_views_addresslist{height:28px; width:150px; border:1px #CCCCCC solid; *border:none; background:url(../image/jiantouxai.png) no-repeat 100px center; font-size:14px; color:#333333; }
.pro_views_addresslist{height:28px; width:175px; border:1px #CCCCCC solid; *border:none; background:url(../image/jiantouxai.png) no-repeat 100px center; position:absolute; left:0px; top:-1px; font-size:14px; color:#333333; }
.pro_views_addresslist option{height:28px; width:150px; border:none; outline:none; font-size:14px; color:#333333; }
.pro_views_kecun{width:200px;height:35px; line-height:40px; position:absolute; left:250px; top:0px; font-size:14px; color:#333333;}
.pro_views_cailiao{width:100%; margin-top:20px;}
.pro_views_cailiao .pro_views_cailiaoname{height:35px;line-height:35px; font-size:16px; color:#333333; width:50px; float:left;}
.pro_views_cailiao .pro_views_cailiaolist{ width:394px; float:left;}
.pro_views_cailiao .pro_views_cailiaolist label{display:inline-block; line-height:33px; text-align:center; max-width:210px; height:33px; float:left; border:1px #CCCCCC solid; font-size:14px; overflow:hidden; padding-left:15px; padding-right:15px; color:#333333; margin-right:2px; margin-bottom:8px; cursor:pointer; }
.pro_views_cailiao .pro_views_cailiaolist input{display:none;}
.pro_views_cailiao .pro_views_cailiaolist label.curr{background:url(../image/view_jiao.png) no-repeat right bottom; border:1px #101010 solid;}
.pro_views_color{width:100%; margin-top:10px;}
.pro_views_color .pro_views_colorname{height:35px;line-height:35px; font-size:16px; color:#333333; width:50px; float:left;}
.pro_views_color .pro_views_colorlist{float:left;max-width: 350px;}
.pro_views_color .pro_views_colorlist label{position: relative;padding-left:10px;padding-right:10px;height:33px; line-height:33px; text-align:center;float:left; border:1px #CCCCCC solid; font-size:14px; color:#333333; margin-right:2px; margin-bottom:8px; cursor:pointer; }
.pro_views_color .pro_views_colorlist label img{height:30px;image-rendering: -webkit-optimize-contrast;}
.pro_views_color .pro_views_colorlist label i{position: absolute;bottom: 0;right: 0;width: 20px;height: 20px;overflow: hidden;text-indent: -99em;display: block;background-repeat: no-repeat;background-position: 0 0;background: url(../image/view_jiao.png) no-repeat right bottom;}
.pro_views_color .pro_views_colorlist input{display:none;}
.pro_views_color .pro_views_colorlist label.curr{border:1px #d83333 solid;}
.pro_views_cicun{width:100%; margin-top:10px;}
.pro_views_cicun .pro_views_cicunname{height:35px;line-height:35px; font-size:14px; color:#333333; width:50px; float:left;}
.pro_views_cicun .pro_views_cicunlist{ width:394px; float:left;}
.pro_views_cicun .pro_views_cicunlist label{display:inline-block; line-height:33px; max-width:200px; height:33px; float:left; border:1px #CCCCCC solid; font-size:14px; padding-left:10px; padding-right:10px; color:#333333; margin-right:2px; margin-bottom:8px; cursor:pointer; }
.pro_views_cicun .pro_views_cicunlist input{display:none;}
.pro_views_cicun .pro_views_cicunlist label.curr{background:url(../image/view_jiao.png) no-repeat right bottom; border:1px #ff0000 solid;}
.pro_views_clear{clear:both; width:100%; height:0px;}
.pro_views_buysum{height:40px;width:100%; margin-top:10px;}
.pro_views_buysum .buysumrname{height:40px;line-height:40px; font-size:14px; color:#333333; width:50px; float:left;}
.pro_views_buysum .buysumlist{ width:86px; height:40px;float:left; outline:none; }
.pro_views_numdec{width:20px; height:20px; border:1px #f3f3f3 solid; border-left:none; background:url(../image/view_jian.png) no-repeat center center; background-size: 50% 10%; cursor:pointer; float:left;outline:none; }
.pro_views_quantity{width:48px;float:left; text-align:center; line-height:40px; border:1px #f3f3f3 solid; /* border-right:1px #CCCCCC solid; */height:40px; *height:36px; *margin-top:2px; *line-height:36px; background:#fff; cursor:pointer; font-size:18px; float:left; outline:none;box-sizing: border-box;}
.pro_views_numadd{width:20px; height:20px;border:1px #f3f3f3 solid; border-left:none;border-bottom:none; background:url(../image/view_jia.png) no-repeat center center; background-size: 12.5px 12.5px; outline:none; cursor:pointer; float:left;}
.pro_views_btnlist{height:40px;width:100%; margin-top:20px;}
.pro_views_btnlist .pro_views_gobuy{width:110px; height:40px; text-align:center; line-height:40px; border-radius:4px; float:left; font-size:16px; color:#fff; background:#d83333; border:1px #d83333 solid; margin-left:50px;}
.pro_views_btnlist .pro_views_gobuys{width:110px; height:40px; text-align:center; line-height:40px; border-radius:4px; float:left; font-size:16px; color:#fff; background:#b7aeae; border:1px #b7aeae solid; margin-left:50px;}
.pro_views_btnlist .pro_views_gobuy a{ font-size:16px; color:#fff; display:block;}
.pro_views_btnlist .pro_views_gobuys a{ font-size:16px; color:#fff; display:block;}
.pro_views_btnlist .pro_views_gocart{width:110px; height:40px; text-align:center; line-height:40px; border-radius:4px; float:left; font-size:16px; color:#fff; background:#fff; margin-left:30px; border:1px #d83333 solid; }
.pro_views_btnlist .pro_views_gocarts{width:110px; height:40px; text-align:center; line-height:40px; border-radius:4px; float:left; font-size:16px; color:#fff; background:#fff; margin-left:30px; border:1px #b7aeae solid; }
.pro_views_btnlist .pro_views_gocart a{ font-size:16px; color:#d83333; display:block;}
.pro_views_btnlist .pro_views_gocarts a{ font-size:16px; color:#b7aeae; display:block;}
.pro_views_btnlist .pro_views_gocart.curr{overflow:hidden;background:#d83333; border:1px #d83333 solid;}
.pro_views_btnlist .pro_views_gocart.curr a{color:#fff;}
/*end_view_list*/
/*pro_views_tolook*/
.pro_views_tolook{width:135px;height:725px; float:left; margin-left:19px;}
.pro_views_tolook .pro_views_tolooktitle{height:25px; line-height:25px; font-size:14px; color:#999999; background:url(../image/shoplist.png) no-repeat left center; margin-top:40px;}
.pro_views_tolook .pro_views_tolooktitle a{display:block; padding-left:20px; font-size:14px; color:#999999;background:url(../image/huan.png) no-repeat right center;}
.pro_views_tolooklist{width:135px; max-height:630px; overflow:hidden; padding-top:15px; padding-bottom:15px; box-shadow:0px 0px 5px #ddd; margin-top:10px; display:none;}
.pro_views_tolooklist.curr{display:block;}
.pro_views_tolooklist .pro_views_tolookshop{width:110px; height:160px; border-bottom:1px #D0D0D0 solid; margin:auto; overflow:hidden; margin-top:1px;}
.pro_views_tolooklist .pro_views_tolookshopimg{width:110px; height:110px; overflow:hidden;}
.pro_views_tolooklist .pro_views_tolookshopimg img{width:100%; height:100%;object-fit: cover;}
.pro_views_tolooklist .pro_views_tolookshopname{width:110px; text-align:center; height:50px; line-height:50px; overflow:hidden;}
.pro_views_tolooklist .pro_views_tolookshopname a{ font-size:18px; color:#101010;}
/*end_pro_views_tolook*/
/*view_content*/
.view_content{width:1200px; height:auto; overflow:hidden; margin:auto;}
/*view_content_left*/
.view_content_left{width:882px; height:auto; float:left; overflow:hidden; padding:20px 0px;}
/*view_matching*/
.view_matching{width:882px; height:auto;overflow:hidden;}
.view_matching .view_matchingtitle{width:880px; font-size:16px; color:#101010; height:40px; text-align:center; line-height:40px;overflow:hidden; background:url(../image/title_bj2.png) no-repeat center center;}
.view_matching .view_matchingtitle span{font-size:18px; color:#000; font-weight:bold; text-transform:uppercase;}
.view_matching_list{background:#fff;width:880px; height:auto;overflow:hidden; margin-top:10px; border:1px #EAEAEA solid; margin-bottom:20px;}
.view_matching_list .view_matching_pc{width:880px; overflow:hidden;}
.view_matching_list .view_matching_pct{width:840px; height:50px; line-height:50px; margin:auto; background:url(../image/shoplist.png) no-repeat left center;}
.view_matching_list .view_matching_pct span{font-size:18px; color:#101010; padding-left:15px;}
.view_matching_pcimg{width:840px; height:auto; margin:auto; overflow:hidden;}
.view_matching_pcimg img{width:840px;}
.view_matching_pcimga img{width:100%;height: 100%}
.view_matching_pc .l-silderpic img{width:840px;height:560px;}
.view_matching_tuijian{width:840px; height:auto; margin:auto; overflow:hidden; margin-top:10px;}
.view_matching_tuijian .view_matc_tjtitle{height:50px; line-height:50px; border-bottom:1px #CCCCCC solid; }
.view_matching_tuijian .view_matc_tjtitle a{display:block; width:90px; height:49px; line-height:50px; border-bottom:2px #000 solid; color:#101010; font-size:18px; }
.view_matc_tjshopnum{height:50px; line-height:38px; }
.view_matc_tjshopnum li{float:left; cursor: pointer; display:inline-block; padding-right:30px; font-size:16px; color:#666;}
.view_matc_tjshopnum li span{color:#666666;}
.view_matc_tjshopnum li.cur{color:#101010;}
.view_matc_tjshopnum li.cur span{color:#101010;}
.view_matc_tjshoplist{width:100%; height:255px; position:relative; overflow:hidden; margin-top:5px;}
.view_matc_tjshoplist_l{width:627px; height:230px; overflow:hidden;position: relative;}
.view_matc_tjshoplistov{width:627px; height:230px; position:relative;}
.view_matc_tjshoplist_l .view_matc_tjshopdan{width:135px; position:relative; font-size:14px; color:#000; height:223px; float:left; overflow:hidden;}
.view_matc_tjshoplist_l .view_matc_tjshopimg{width:133px; height:133px; border:1px #CCCCCC solid;overflow:hidden;}
.view_matc_tjshoplist_l .view_matc_tjshopimg img{width:100%; height:100%;}
.view_matc_tjshoppirce{height:25px; line-height:25px; text-align:center;}
.view_matc_tjshopdesc{height:20px; line-height:20px; overflow:hidden; text-align:left;}
.view_matc_tjshopinfo{height:40px; line-height:20px; overflow:hidden; text-align:left;font-size: 12px;}
.view_matc_tjshopxuanz{width:19px; height:19px; cursor:pointer; background:url(../image/view_xz.png) no-repeat center center; position:absolute; left:0px; top:138px;}
.view_matc_tjshopxuanz.curr{background:url(../image/view_xz_curr.png) no-repeat center center;}
.view_matc_tjshoplistsda{ height:210px; position: absolute;
left: 0;}
.view_matc_tjshopjia{width:45px; height:210px; float:left; background:url(../image/view_matc_tjshopjia.png) no-repeat center 50px;}
.view_matc_tjdeng{width:18px; height:30px; position:absolute; right:179px; top:47px; background:#fff url(../image/dengyu.png) no-repeat center center;}
.view_matc_zuhepirce{width:140px; height:150px; background:#fff; text-align:center; position:absolute; right:20px; top:26px;}
.view_matc_zuhepirce .view_matc_zuhepli1{height:35px; line-height:35px; color:#101010; font-size:18px;}
.view_matc_zuhepirce .view_matc_zuhepli2{height:35px; line-height:35px; color:#101010; font-size:18px;}
.view_matc_zuhepirce .view_matc_zuhepli2 span{font-size:24px;}
.view_matc_zuhepirce .view_matc_zuhebuy{height:50px; width:100%; border-radius:2px; line-height:50px; background:#d83333; position:absolute; left:0px; bottom:0px; text-align:center;}
.view_matc_zuhepirce .view_matc_zuhebuy a{display:block; color:#fff; font-size:16px;}
/*end_view_matching*/
/*view_scanshu*/
.view_scanshu{width:879px; background:#fff; margin-top:5px;border:1px solid #f3f3f3;border-bottom:none;}
.view_scanshu_shop{height:38px; width:880px; overflow:hidden; position:relative;border-bottom:1px solid #f3f3f3; margin-left:-3px;border-left:1px solid #f3f3f3; }
.view_scanshu_shop li{
display: inline-block;
float: left;
padding-left: 8px;
/* border-right: 1px solid #CCCCCC; */
padding-right: 8px;
height: 38px;
line-height: 38px;
max-width: 125px;
font-size: 14px;
color: #333333;
text-align: center;
cursor: pointer;
}
.view_scanshu_shop li.curr{background:#d83333; color:#fff;border-right:1px solid #d83333;}
.view_scanshu_shop li.curr2{background:#000; color:#fff;border-right:1px solid #000;}
.view_scanshu_addcart{height:38px; line-height:38px;/* border-left:1px solid #CCCCCC; */ text-align:center; width:128px; position:absolute; right:0px; top:0px;}
.view_scanshu_addcart a{font-size:16px; color:#fff; background-color:#d83333; display:block;}
.view_scanshu_addcart a:hover{background:#d83333; color:#fff;}
.view_scanshu_list{width:100%;background:#fff; overflow:hidden; }
.view_scanshu_list_vs{background:#fff; display:none; border-bottom:1px solid #f3f3f3; }
.view_scanshu_list_vs img{width:100%;}
.view_scanshu_list_vs.curr{display:block;}
.view_scansh_shuxinglist{ height:135px; padding-left:10px;border-bottom:1px solid #CCCCCC;margin-bottom:15px;}
.view_scansh_shuxinglist li{width:207px; height:40px; line-height:40px; text-align:left; float:left;}
.view_scansh_shuxinglist li.view_scansh_sexi{width:350px;}
.view_scansh_shuxinglist .clear{clear:both !important; width:100%; height:0px;}
.view_scanshu_vstitle{height:60px; margin-left:10px;background:url(../image/shoplist.png) no-repeat left center; line-height:60px;}
.view_scanshu_vstitle span{padding-left:10px; color:#101010; font-size:16px;}
.view_logo{display:none;}
.view_scanshu_shop.view_scanshu_shopfixed{position:fixed; width:1200px; height:38px; overflow:hidden; top:0px; left:50%; margin-left:-600px; border-bottom:1px solid #CCCCCC; border:1px solid #CCCCCC; background:#fff; z-index:99999;}
.view_scanshu_shop.view_scanshu_shopfixed .view_scanshu_addcart{right:320px;border-right:1px solid #CCCCCC;}
.view_scanshu_shop.view_scanshu_shopfixed .view_logo{display:block; float:right; margin-right:55px;}
/*end_view_scanshu*/
/*view_pingjia*/
.view_pingjia{width:879px; padding-bottom:5px; background:#fff; margin-top:25px;border:1px solid #CCCCCC;}
.view_pingjia_list{width:840px; margin:auto; overflow:hidden;}
.view_pingjia_pjtitle{height:60px; margin-left:0px;border-bottom:1px solid #CCCCCC; background:url(../image/shoplist.png) no-repeat left center; line-height:60px;}
.view_pingjia_pjtitle span{padding-left:10px; color:#101010; font-size:16px;}
.view_pingjia_tongji{width:100%; height:155px; overflow:hidden;}
.view_pingjia_tongji .view_pj_tjleft{width:310px; height:155px; text-align:center; float:left;}
.view_pj_tjleft_li1{font-size:16px; color:#101010; margin-top:35px;}
.view_pj_tjleft_li1 span{font-size:40px;}
.view_pj_tjleft_li2{font-size:16px; color:#101010;}
.view_pingjia_tongji .view_pj_tjright{width:490px; height:155px; float:left; margin-top:20px;}
.view_pingjia_tongji .view_pj_tjright li{height:40px; line-height:40px;font-size:16px; color:#101010; position:relative; overflow:hidden;}
.view_pj_jindu{width:350px; height:20px; border:1px #ccb58e solid; overflow:hidden; border-radius:4px; position:absolute; right:0px; top:10px;}
.view_pj_jindu .view_pj_jinducurr{height:20px; background:#ccb58e;}
/*end_view_pingjia*/
/*view_eval_list*/
.view_eval_list{width:879px; padding-bottom:15px; background:#fff; margin-top:25px;border:1px solid #CCCCCC;}
.view_eval_shop{height:38px; width:100%; overflow:hidden; position:relative;border-bottom:1px solid #CCCCCC;}
.view_eval_shop li{display:inline-block; float:left; padding-left:20px;border-right:1px solid #CCCCCC; padding-right:20px; height:38px; line-height:38px; max-width:160px; font-size:16px; color:#333333; text-align:center; cursor:pointer;}
.view_eval_shop li.curr{background:#d83333; color:#fff;border-right:1px solid #d83333;}
.view_eval_shop li.curr2{background:#d83333; color:#fff;border-right:1px solid #d83333;}
.view_shop_eval{width:840px; height:auto; margin:auto; display:none;}
.view_shop_eval.curr{display:block;}
.view_shop_evaldan{width:100%; min-height:140px; position:relative;border-bottom:1px solid #CCCCCC; padding-top:1px;}
.view_shop_evaldan .view_shop_evaldanw{width:100%; height:140px; position:relative;}
.view_eval_userimg{width:50px; overflow:hidden; height:50px; border-radius:50%; position:absolute; left:0px; top:20px;}
.view_eval_userimg img{width:100%; height:100%;}
.view_eval_username {width:150px; overflow:hidden; line-height:30px; font-size:18px; color:#666666; height:30px; position:absolute; left:70px; top:20px;}
.view_eval_pingfen{width:200px; overflow:hidden; line-height:30px; font-size:18px; color:#666666; height:30px; position:absolute; left:210px; top:18px;}
.view_eval_pingfen img{float:left; margin-right:5px; display:inline-block; margin-top:4px;}
.view_eval_pingfen span{float:left;}
.view_eval_color {line-height:30px; font-size:15px; color:#666666; height:30px; position:absolute; left:419px; top:18px;}
.view_eval_colornew {
width: 200px;
text-align: center;
overflow: hidden;
line-height: 30px;
font-size: 16px;
color: #666666;
height: 30px;
position: absolute;
left: 460px;
top: 20px;
}
.view_eval_date {width:153px; overflow:hidden; line-height:30px; font-size:16px; color:#666666; height:30px; position:absolute; right:-25px; top:20px;}
.view_eval_zan {width:100px; overflow:hidden; text-align:center; line-height:30px; font-size:16px; color:#666666; height:30px; position:absolute; right:25px; top:70px;border:1px solid #CCCCCC; border-radius:4px; cursor:pointer;}
.view_eval_zan a{ font-size:16px; color:#666666;}
.view_eval_context {width:440px; overflow:hidden; line-height:25px; font-size:16px; color:#666666; height:85px; position:absolute; left:70px; top:55px;word-break:break-all; overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
word-break:break-all;
display:-moz-box;
-moz-line-clamp:3;
-moz-box-orient:vertical;
moz-break:break-all;
display:-o-box;
-o-line-clamp:3;
-o-box-orient:vertical;
word-break:break-all;}
.view_eval_huifu{width:100%; position:relative;border-top:1px solid #CCCCCC; height:auto; padding-bottom:15px;}
.view_eval_huifudate{height:50px; line-height:50px; text-align:left; color:#666666; font-size:14px;}
.view_eval_huifucont{ine-height:30px; text-align:left; color:#666666; font-size:16px;}
/*end_view_eval_list*/
/*view_evalfy*/
.view_evalfy{/*width:431px;*/ height:40px; line-height:40px; text-align:center; margin:auto; margin-top:25px;}
.view_evalfy li{float:left; width:30px; background:#ffffff; overflow:hidden; height:30px; line-height:30px; border:1px #CCCCCC solid; margin-right:10px;}
.view_evalfy li a{color:#333333; display:block;}
.view_evalfy li.sxfy{width:60px;}
.view_evalfy li.shenlh{width:20px; line-height:35px; border:none;}
.view_evalfy li.curr{background:#000;}
.view_evalfy li.curr a{color:#fff;}
.view_evalfy li.curr.shenlh{}
.view_evalfy li.curr.shenlh a{color:#333333 !important; }
/*end_view_evalfy*/
/*end_view_content_left*/
/*view_content_right*/
.view_content_right{width:300px; height:auto; float:right; padding:20px 0px;}
/*pro_content_xilie*/
.pro_content_xilie{width:300px;height:auto; float:left; margin-left:19px;}
.pro_content_xilie .pro_content_xilietitle{height:25px; line-height:25px; font-size:14px; color:#999999; background:url(../image/shoplist.png) no-repeat left center; margin-top:40px; position:relative;}
.pro_content_xilie .pro_content_xilietitle a{display:block; float:right;height:25px; line-height:25px; position:absolute; right:25px; top:1px; width:78px; padding-right:0px; margin-right:25px; font-size:14px; color:#999999;background:url(../image/huan2.png) no-repeat right center;}
.pro_content_xilie .pro_content_xilietitle span{padding-left:20px; font-size:14px;}
.pro_content_xilielist{width:300px; max-height:515px; overflow:hidden; padding-top:8px; padding-bottom:0px; box-shadow:0px 0px 5px #ddd; margin-top:10px; background:#fff; display:none;}
.pro_content_xilielist.curr{display:block;}
.pro_content_xilielist .pro_content_xilieshop{width:128px; height:160px; margin:auto; overflow:hidden; margin-top:1px; float:left; margin-left:6px; margin-right:6px; margin-bottom:10px;box-shadow:0px 0px 5px #ddd;}
.pro_content_xilielist .pro_content_xilieshopimg{width:110px; height:110px; margin:auto; overflow:hidden; }
.pro_content_xilielist .pro_content_xilieshopimg img{width:100%; height:100%;}
.pro_content_xilielist .pro_content_xilieshopname{width:110px; text-align:center; height:30px;border-top:1px #D0D0D0 solid; line-height:30px; overflow:hidden; margin:auto; margin-top:20px;}
.pro_content_xilielist .pro_content_xilieshopname a{ font-size:14px; color:#101010;}
.pro_content_xilielist .pro_content_workLibrary{
width: 280px;
height: 210px;
margin: auto;
overflow: hidden;
margin-top: 1px;
float: left;
margin-bottom: 10px;
box-shadow: 0px 0px 5px #ddd;
cursor: pointer;
}
.pro_content_xilielist .pro_content_workLibraryimg{
width: 280px;
height: 184px;
margin: auto;
overflow: hidden;
}
.pro_content_xilielist .pro_content_workLibraryimg img{width:100%; height:100%;}
.pro_content_xilielist .pro_content_workLibraryname{
color: #333;
font-size: 14px;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
cursor: pointer;
padding:3px;
}
.pro_content_xiliel{float:left;}
.pro_content_xilier{float:right;}
/*end_pro_content_xilie*/
/*pro_content_sheji*/
.pro_content_sheji{width:300px;height:auto; float:left; margin-left:19px;}
.pro_content_sheji .pro_content_shejititle{height:25px; line-height:25px; font-size:14px; color:#999999; background:url(../image/shoplist.png) no-repeat left center; margin-top:40px;}
.pro_content_sheji .pro_content_shejititle a{display:block; float:right; width:78px; padding-right:0px; margin-right:50px; font-size:14px; color:#999999;background:url(../image/huan2.png) no-repeat right center;}
.pro_content_sheji .pro_content_shejititle span{padding-left:20px; font-size:14px;}
.pro_content_shejilist{width:300px; max-height:515px; overflow:hidden; padding-top:8px; padding-bottom:0px; box-shadow:0px 0px 5px #ddd; margin-top:10px; background:#fff; display:none;}
.pro_content_shejilist.curr{display:block;}
.pro_content_shejilist .pro_content_shejishop{width:128px; height:160px; margin:auto; overflow:hidden; margin-top:1px; float:left; margin-left:6px; margin-right:6px; margin-bottom:10px;box-shadow:0px 0px 5px #ddd;}
.pro_content_shejilist .pro_content_shejishopimg{width:110px; height:110px; border-radius:50%; margin:auto; margin-top:5px; overflow:hidden; }
.pro_content_shejilist .pro_content_shejishopimg img{width:100%; height:100%;object-fit: cover;}
.pro_content_shejilist .pro_content_shejishopname{width:110px; text-align:center; height:30px;line-height:30px; overflow:hidden; margin:auto; margin-top:10px;;}
.pro_content_shejilist .pro_content_shejishopname a{ font-size:18px; color:#101010;}
/*end_pro_content_sheji*/
/*end_view_content_right*/
/*end_view_content*/
.left_menu{ display: none;}
.left_menu li:hover{background:#ccb58e; /* border:1px solid; width:48px; height:38px;*/}
.left_menu li:hover>a{color:#fff;}
.left_menu li.curr3:hover{
background: url(../image/nav_currs.png) no-repeat top left;
height: auto;
border: none;
width: 50px;
}
/*----2016.6.9----*/
.header_fixed .header_fixed_carts{
background: url(../image/u676.png) no-repeat 5px 5px;
}
.header_fixed .header_fixed_search{
background: url(../image/ss_bj.png) no-repeat 10px 5px;
}
.header_fixed_search{
width: 400px;
}
.header_fixed_search .sr{
width: 303px;
}
.modern_list_cTitle a:hover{
color: #ccb58e;
}
.modern_list_date a:hover{
color: #ccb58e;
}
.backtop{
background: url(../image/bar8.png) no-repeat;
}
.foot a:hover{
color: #101010;
}
.pt35{
padding-top: 35px;
}
.select>li>a{
padding-left: 15px;
}
/*.prop_shuxuan .prop_shuxuan_left li:hover ul{
display: block;
}*/
.pro_views_kecun{
line-height: 34px;
}
.view_scanshu_shop{
width: 881px;
}
.view_scanshu_shop li:hover{background:#d83333; color:#fff;/* border-right:1px solid #d83333; */}
.l-artice{
padding: 19px;
line-height: 26px;
color: #010101
}
.l-clrcle{
height: 10px;
display: block;
background: #cccccc;
position: relative;
border-radius: 5px;
}
.l-clrcletap{
position: absolute;
left: 0;
height: 10px;
border-radius: 5px;
background: #525252;
top: 0;
width: 100px;
cursor: pointer;
}
.shopreco_items .shopreco_list_coll{
background: rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7F000000,endColorStr=i#7F000000);
min-width: 58px;
height: 25px;
line-height: 25px;
}
.shopreco_list_coll .iconfont{
background: url(../image/keep.png) no-repeat;
width: 16px;
height: 16px;
vertical-align: middle;
display: inline-block;
margin-top: -4px;
}
.shopreco_items .shopreco_list_carts{
background: rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7F000000,endColorStr=i#7F000000);
width: 26px;
height: 25px;
line-height: 25px;
text-align: center;
}
.shopreco_items .shopreco_list_carts a{
display: inline-block;
background: url(../image/buy.png) no-repeat;
width: 16px;
height: 16px;
vertical-align: middle;
display: inline-block;
margin-top: 5px;
}
.shopreco_items .shopreco_list_coll:hover{
background: rgba(0,0,0,.8);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#C8000000,endColorStr=i#C8000000);
}
.shopreco_items .shopreco_list_coll_curr{
background: rgba(0,0,0,.8);
color: #bca478;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#C8000000,endColorStr=i#C8000000);
}
.shopreco_list_coll_curr .iconfont{
background: url(../image/keep_cur.png) no-repeat;
}
.shopreco_items .shopreco_list_carts:hover{
background: rgba(0,0,0,.8);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#C8000000,endColorStr=i#C8000000);
}
.modern_list_items .modern_list_carts{
background: rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7F000000,endColorStr=i#7F000000);
width: 26px;
height: 25px;
line-height: 25px;
text-align: center;
}
.modern_list_items .modern_list_coll{
background: rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7F000000,endColorStr=i#7F000000);
min-width: 58px;
height: 25px;
line-height: 25px;
}
.modern_list_coll .iconfont{
background: url(../image/keep.png) no-repeat;
width: 16px;
height: 16px;
vertical-align: middle;
display: inline-block;
margin-top: -4px;
margin-right: 3px
}
.modern_list_items .modern_list_carts a{
display: inline-block;
background: url(../image/buy.png) no-repeat;
width: 16px;
height: 16px;
vertical-align: middle;
display: inline-block;
margin-top: 5px;
}
.modern_list_items .modern_list_coll:hover{
background: rgba(0,0,0,.8);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#C8000000,endColorStr=i#C8000000);
}
.modern_list_items .modern_list_coll_curr{
background: rgba(0,0,0,.8);
color: #bca478;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#C8000000,endColorStr=i#C8000000);
}
.modern_list_coll_curr .iconfont{
background: url(../image/keep_cur.png) no-repeat;
}
.modern_list_items .modern_list_carts:hover{
background: rgba(0,0,0,.8);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#C8000000,endColorStr=i#C8000000);
}
.prop_carts{background: rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7F000000,endColorStr=i#7F000000);
width: 26px;
height: 25px;
line-height: 25px;
text-align: center;}
.prop_coll{background: rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7F000000,endColorStr=i#7F000000);
min-width: 58px;
height: 25px;
line-height: 25px;}
.prop_coll .iconfont{
background: url(../image/keep.png) no-repeat;
width: 16px;
height: 16px;
vertical-align: middle;
display: inline-block;
margin-top: -4px;
}
.prop_coll_curr{
background: rgba(0,0,0,.8);
color: #bca478;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#C8000000,endColorStr=i#C8000000);
}
.prop_coll_curr .iconfont{
background: url(../image/keep_cur.png) no-repeat;
}
.prop_carts a{display: inline-block;
background: url(../image/buy.png) no-repeat;
width: 16px;
height: 16px;
vertical-align: middle;
display: inline-block;
margin-top: 5px;
}
.pagination{
text-align: center;
width:100%
}
.pagination>div{
display: inline-block;
*display: inline
}
.pageDivClass .pageinputcont{
margin:0 5px;
background: #ffffff;
height: 30px;
width:30px;
line-height: 30px;
border: 1px #f3f3f3 solid;
color: #333333;
display: inline-block;
text-align:center;
}
.pageDivClass .c62{
color:#626262;
font-size:13px;
}
.pagecontbnt{
cursor:pointer;
margin-left:5px;
background: #f3f3f3;
height: 30px;
width:50px;
line-height: 30px;
border: 1px #e9e9e9 solid;
color: #333333;
display: inline-block;
text-align:center;
}
.pageDivClass>a{
padding:0 10px;
background: #ffffff;
height: 30px;
line-height: 30px;
border: 1px #f3f3f3 solid;
color: #333333;
display: inline-block;
*display: inline
}
.pageDivClass>a+a{
margin-left:10px;}
.pageDivClass>a.pageNumColor,.pageDivClass>a:hover{
background: #ccb58e;
color:#FFF;
border-color:#ccb58e;
}
.prop_shoplist_items:hover .prop_carts{
display:block}
.prop_shoplist_items:hover .prop_coll{
display:block}
/*.prop_item_dan .prop_item_lblist li a.currClick{display:inline-block;*display:inline;padding:0 15px; height:32px; background:#101010; color:#fff ; line-height:32px; border-radius:16px; cursor:pointer;}
----2017.6.19---*/
.left{
float: left;
}
.pro_views_addresslist{ background:url(../image/jiantouxai.png) no-repeat 166px; line-height: 28px; padding-left: 10px; margin-top: 5px; position: relative;}
.l-areaul{
background: #FFF;
border: 1px #CCCCCC solid;
position: absolute;
left: -1px;
width: 350px;
/*padding: 20px 20px 10px;2017.10.16*/
top: 28px;
display: none;
}
.l-areatlt{
border-bottom: 1px solid #5d5d5d;
height: 30px;
}
.l-areatlt>li{
width: 108px;
float: left;
text-align: center;
line-height: 30px;
height:30px;
overflow:hidden;
color: #666;
border:1px solid #c6c6c6;
border-bottom: none;
}
.l-areatlt>li+li{
margin-left: 10px;
}
.l-areatlt>li.selected{
border-color:#5d5d5d ;
color: #010101;
}
.l-areacont li{
width: 80px;
margin-left: 10px;
float: left;
line-height: 24px;
font-size: 12px;
height: 24px;
overflow: hidden;
text-align: center;
color: #666;
cursor: pointer;
margin-bottom: 5px;
}
.l-areacont ul{
padding-top: 10px;
margin-left: -10px;
}
.l-areacont li a{
color: #666;
}
.l-areacont li:hover a,.l-areacont li.cur a{
background:#ccb58e;
color: #FFF;
padding: 0 5px;
border-radius: 3px;
height: 24px;
display: inline-block;
*display: inline;
}
/*------2017.07.01----*/
/*外边距*/
.m0{margin: 0px;}
.m1{margin: 1px;}
.m2{margin: 2px;}
.m3{margin: 3px;}
.m4{margin: 4px;}
.m5{margin: 5px;}
.m6{margin: 6px;}
.m7{margin: 7px;}
.m8{margin: 8px;}
.m9{margin: 9px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.m25{margin: 25px;}
.m30{margin: 30px;}
.m35{margin: 35px;}
.m40{margin: 40px;}
.m45{margin: 45px;}
.m50{margin: 50px;}
.m60{margin: 60px;}
.mt0{margin-top: 0px;}
.mt1{margin-top: 1px;}
.mt2{margin-top: 2px;}
.mt3{margin-top: 3px;}
.mt4{margin-top: 4px;}
.mt5{margin-top: 5px;}
.mt6{margin-top: 6px;}
.mt7{margin-top: 7px;}
.mt8{margin-top: 8px;}
.mt9{margin-top: 9px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mb0{margin-bottom: 0px;}
.mb1{margin-bottom: 1px;}
.mb2{margin-bottom: 2px;}
.mb3{margin-bottom: 3px;}
.mb4{margin-bottom: 4px;}
.mb5{margin-bottom: 5px;}
.mb6{margin-bottom: 6px;}
.mb7{margin-bottom: 7px;}
.mb8{margin-bottom: 8px;}
.mb9{margin-bottom: 9px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.ml0{margin-left: 0px;}
.ml1{margin-left: 1px;}
.ml2{margin-left: 2px;}
.ml3{margin-left: 3px;}
.ml4{margin-left: 4px;}
.ml5{margin-left: 5px;}
.ml6{margin-left: 6px;}
.ml7{margin-left: 7px;}
.ml8{margin-left: 8px;}
.ml9{margin-left: 9px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}
.ml60{margin-left: 60px;}
.ml65{margin-left: 65px;}
.ml70{margin-left: 70px;}
.ml75{margin-left: 75px;}
.ml80{margin-left: 80px;}
.ml90{margin-left: 90px;}
.ml100{margin-left: 100px;}
.mr0{margin-right: 0px;}
.mr1{margin-right: 1px;}
.mr2{margin-right: 2px;}
.mr3{margin-right: 3px;}
.mr4{margin-right: 4px;}
.mr5{margin-right: 5px;}
.mr6{margin-right: 6px;}
.mr7{margin-right: 7px;}
.mr8{margin-right: 8px;}
.mr9{margin-right: 9px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}
.mr60{margin-right: 60px;}
.mr65{margin-right: 65px;}
.mr70{margin-right: 70px;}
.mr75{margin-right: 75px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}
.mr100{margin-right: 100px;}
/*内边距*/
.pd0{padding: 0px;}
.pd1{padding: 1px;}
.pd2{padding: 2px;}
.pd3{padding: 3px;}
.pd4{padding: 4px;}
.pd5{padding: 5px;}
.pd6{padding: 6px;}
.pd7{padding: 7px;}
.pd8{padding: 8px;}
.pd9{padding: 9px;}
.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd25{padding: 25px;}
.pd30{padding: 30px;}
.pd35{padding: 35px;}
.pd40{padding: 40px;}
.pd45{padding: 45px;}
.pd50{padding: 50px;}
.pt0{padding-top: 0px;}
.pt1{padding-top: 1px;}
.pt2{padding-top: 2px;}
.pt3{padding-top: 3px;}
.pt4{padding-top: 4px;}
.pt5{padding-top: 5px;}
.pt6{padding-top: 6px;}
.pt7{padding-top: 7px;}
.pt8{padding-top: 8px;}
.pt9{padding-top: 9px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt55{padding-top: 55px;}
.pt60{padding-top: 60px;}
.pt65{padding-top: 65px;}
.pt70{padding-top: 70px;}
.pt75{padding-top: 75px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}
.pb0{padding-bottom: 0px;}
.pb1{padding-bottom: 1px;}
.pb2{padding-bottom: 2px;}
.pb3{padding-bottom: 3px;}
.pb4{padding-bottom: 4px;}
.pb5{padding-bottom: 5px;}
.pb6{padding-bottom: 6px;}
.pb7{padding-bottom: 7px;}
.pb8{padding-bottom: 8px;}
.pb9{padding-bottom: 9px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb55{padding-bottom: 55px;}
.pb60{padding-bottom: 60px;}
.pb65{padding-bottom: 65px;}
.pb70{padding-bottom: 70px;}
.pb75{padding-bottom: 75px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}
.pl0{padding-left: 0px;}
.pl1{padding-left: 1px;}
.pl2{padding-left: 2px;}
.pl3{padding-left: 3px;}
.pl4{padding-left: 4px;}
.pl5{padding-left: 5px;}
.pl6{padding-left: 6px;}
.pl7{padding-left: 7px;}
.pl8{padding-left: 8px;}
.pl9{padding-left: 9px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
.pl60{padding-left: 60px;}
.pl65{padding-left: 65px;}
.pl70{padding-left: 70px;}
.pl75{padding-left: 75px;}
.pl80{padding-left: 80px;}
.pl90{padding-left: 90px;}
.pl100{padding-left: 100px;}
.pr0{padding-right: 0px;}
.pr1{padding-right: 1px;}
.pr2{padding-right: 2px;}
.pr3{padding-right: 3px;}
.pr4{padding-right: 4px;}
.pr5{padding-right: 5px;}
.pr6{padding-right: 6px;}
.pr7{padding-right: 7px;}
.pr8{padding-right: 8px;}
.pr9{padding-right: 9px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}
.pr55{padding-right: 55px;}
.pr60{padding-right: 60px;}
.pr65{padding-right: 65px;}
.pr70{padding-right: 70px;}
.pr75{padding-right: 75px;}
.pr80{padding-right: 80px;}
.pr90{padding-right: 90px;}
.pr100{padding-right: 100px;}
.iconfont{
background: url("../image/iconfont.png") no-repeat;
vertical-align: middle;
display: inline-block;
}
.iconindex2{
background: url("../image/index2.png") no-repeat;
vertical-align: middle;
display: inline-block;
background-size: 165px 57px;
}
.praise2 {
background-position: -32px -17px;
}
.Inpraise2 {
background-position: -69px -17px;
}
.bad2 {
background-position: -109px -17px;
}
.l-praiseico .iconindex2 {
width: 21px;
height: 21px;
}
.l-itembox{
background: #FFF;
/* border: 1px solid #eaeaea; */
box-shadow: 0 0 3px #eaeaea;
}
.l-wrap{
width: 1200px;
margin-left:auto;
margin-right:auto;
}
.l-itembox dt{
font-size: 14px;
width: 75px;
height: 28px;
background: #f8f8f8;
color: #666666;
line-height: 28px;
text-align: center;
/* border: 1px solid #cccccc; */
margin-top: 10px;
}
.l-itembox>dl{
padding: 0px 15px;
}
.l-itemboxs{
background: #FFF;
border: 1px solid #eaeaea;
box-shadow: 0 0 3px #eaeaea;
}
.l-wraps{
width: 1200px;
margin-left:auto;
margin-right:auto;
}
.l-itemboxs dt{
font-size: 14px;
width: 75px;
height: 28px;
color: #666666;
line-height: 28px;
text-align: center;
margin-top: 15px;
}
.l-itemboxs>dl{
padding: 0px 15px;
}
.vrsel>a{
font-size: 14px;
/* width: 80px; */
height: 28px;
color: #333333;
line-height: 28px;
text-align: center;
/* border: 1px solid #cccccc; */
float: left;
margin-top: 10px;
}
.vrsel>a+a{
margin-left: 10px;
}
.vrsel>a.cur,.vrsel>a:hover{
background: #ccb58e!important;
color: #FFF!important;
border-color:#ccb58e!important;
}
.vrsels>a{
font-size: 14px;
width: 80px;
height: 28px;
color: #333333;
line-height: 28px;
text-align: center;
float: left;
margin-top: 15px;
}
.vrsels>a+a{
margin-left: 10px;
}
.vrsels>a.cur,.vrsel>a:hover{
background: #ccb58e!important;
color: #FFF!important;
border-color:#ccb58e!important;
}
.acreage-sel a{
width: auto;
display: inline-block;
padding: 0 5px;
}
.color-sel a{
width: 60px;
height: 28px;
line-height: 28px;
border: 1px solid #cccccc;
float: left;
}
.color-sel a img{
width: 60px;
height: 28px;
}
.black{
background: #000000;
}
.white{
background: #FFF;
}
.gray{
background: #cccccc;
}
.yellow{
background: #fff9d4;
}
.pink{
background: #ffc0cb;
}
.gules{
background: #ff0000;
}
.orange{
background: #ff8c00;
}
.tan{
background: #ffd700;
}
.green{
background: #b3ee3a;
}
.blue{
background: #00bfff;
}
.purple{
background: #ab82ff;
}
.color-sel>a{
position: relative;
}
.color-sel>a .iconfont{
position: absolute;
right: 0;
bottom: 0;
width: 20px;
height: 17px;
display: none;
}
.color-sel>a.cur,.color-sel>a:hover{
border-color:#101010;
}
.color-sel>a.cur .iconfont,.color-sel>a:hover .iconfont{
display: block;
}
.vr-prop{
width: auto;
border: 1px solid #f3f3f3;
float: none;
height: 38px;
background: #FFF;
}
.prop_shuxuan .vr-prop>li{
border-top: none;
border-bottom: none;
}
.vr-propwrap{
margin-bottom: 0;
width: auto;
}
.l-vrmodern{
width: auto;
margin-left: -30px;
overflow: inherit;
}
.l-vrmodern>li{
margin-left: 30px;
margin-right: 0;
}
.body_bg{
background: #f8f8f8;
}
.bg-image-spc-background {
background-image: url('../image/cityhouse-background.jpg');
background-size: contain;
background-position: center;
background-repeat: repeat;
}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
.l-vrmodern .modern_list_ren {height: 60px; line-height: 60px; text-align: right; font-size: 20px; color: #101010; width: 103px; position: absolute; right: 0px; top: 5px; text-align:right;}
.l-vrmodern .modern_list_ren img{width:60px; height:60px;object-fit: cover;}
.l-vrmodern .modern_list_ren span{font-size:16px; color:#343434; padding-right:10px; display:none;}
.l-itemtxt>h6{
line-height: 35px;
color: #101010;
font-size: 16px;
}
.l-itemtxt>p{
line-height: 32px;
color: #666666;
font-size: 14px;
}
.left{
float: left;
}
.right{
float: right;
}
.l-itemleft>a{
font-size: 14px;
width: 78px;
height: 28px;
color: #333333;
line-height: 28px;
text-align: center;
border: 1px solid #cccccc;
float: left;
}
.l-itemleft>a+a{
margin-left: 10px;
}
.l-itemleft>a.selected,.l-itemleft>a:hover{
background: #ccb58e;
color: #FFF;
border-color:#ccb58e;
}
.l-itemright>a{
font-size: 14px;
width: 100px;
height: 28px;
color: #d83333;
background: #fff;
line-height: 28px;
text-align: center;
border: 1px solid #d83333;
float: left;
}
.l-itemright>a+a{
margin-left: 10px;
}
.l-itemright>a:hover{
background: #d83333;
color: #fff;
}
.relative{
position: relative;
}
.l-silderleft{
width: 780px;
}
.l-silderbanner{
width: 780px;
height: 586px;
overflow: hidden;
}
.l-silderpic{
width: 780px;
height: 586px;
overflow: hidden;
}
.l-silderpic img{
width: 100%;
/* height: 586px; */
}
.l-silderpic li{
float: left;
width: 780px;
}
.l-silderbanner>a.iconfont{
width: 50px;
height: 100px;
position: absolute;
top: 50%;
margin-top: -50px;
}
.l-silderbanner .prev{
background-position: -29px 0;
left: 10px;
}
.l-silderbanner .next{
background-position: -91px 0;
right: 10px;
}
.l-silderbanner .prev:hover{
background-position: -29px -104px;
}
.l-silderbanner .next:hover{
background-position: -91px -104px;
}
.l-hotpic{
width: 150px;
text-align: center;
}
.l-hotpic img{
width: 150px;
height: 150px;
border-radius: 5px;
object-fit: cover;
}
.disblock{
display: block;
}
.disinblock{
display: inline-block;
}
.l-hotpic>a{
width: 118px;
height: 38px;
text-align: center;
line-height: 38px;
border: 1px solid #ccb58e;
border-radius: 3px;
font-size: 16px;
}
.order-bnt{
background:#ccb58e;
color: #FFF;
}
.follow-bnt{
color: #101010;
}
.hop-tap:hover{
background:#ccb58e;
color: #FFF;
}
.follow-bnt .iconfont{
background-position: 0 -39px;
width: 15px;
height: 15px;
display: inline-block;
}
.follow-bnt:hover .iconfont{
background-position: 0 -59px;
}
.l-hotxt{
width: 570px;
}
.l-hotxt>h6{
line-height: 34px;
font-size: 16px;
color: #333333;
}
.l-ratetips>i.iconfont{
float: left;
background-position: -163px -163px;
width: 17px;
height: 17px;
}
.l-ratetips>i.cur{
background-position: -163px -184px;
}
.l-ratetips>i+i{
margin-left: 9px;
}
.l-ratep{
line-height: 24px;
color: #333333;
}
.l-itempj{
height: 49px;
line-height: 49px;
}
.l-itemview .view_pj_tjleft{
width: 184px;
}
.l-itemview .view_pj_tjright{
width:550px;
}
.l-itempress{
width: 400px;
border-radius: 2px;
}
.l-itemtlt{
border-top: 1px solid #cccccc;
}
.l-itempic{
width: 50px;
height: 50px;
border-radius: 50%;
}
.l-itempic img{
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
}
.l-itemlist>li{
border-bottom: 1px solid #cccccc;
padding-top: 20px;
}
.l-itemwrap{
width: 670px;
}
.l-itemtop{
line-height: 39px;
height: 39px;
overflow: hidden;
font-size: 14px;
}
.l-itemname{
color: #666666;
font-size: 18px;
}
.l-itemeval{
margin-top: 11px;
}
.l-itemeval img{
width: 18px;
height: 18px;
float: left;
object-fit: cover;
}
.l-itemeval img+img{
margin-left: 10px;
}
.c3{
color: #333;
}
.c6{
color: #666;
}
.c9{
color: #999;
}
.f16{
font-size: 16px;
}
.f14{
font-size: 14px;
}
.f13{
font-size: 13px;
}
.f12{
font-size: 12px;
}
.f18{
font-size: 18px;
}
.l-itembnt{
width: 78px;
height: 28px;
text-align: center;
line-height: 28px;
border: 1px solid #cccccc;
border-radius: 2px;
font-size: 14px;
color: #333;
}
.l-itemwrap>p{
line-height: 30px;
color: #666666;
font-size: 16px;
}
.l-itemreply>li{
border-top: 1px dashed #999999;
}
.l-replytime{
color: #666;
line-height: 31px;
display: block;
}
.l-replytxt{
color: #666666;
line-height: 36px;
}
.l-itemimg img{
width: 80px;
height: 80px;
float: left;
object-fit: cover;
}
.l-itemimg img+img{
margin-left: 10px;
}
.l-itemin{
line-height: 56px;
height: 56px;
color: #010101;
}
.l-itemin i{
width: 4px;
height: 16px;
display: inline-block;
vertical-align: middle;
background: #bca478;
}
.l-vritemlist{
width: auto;
margin-left: -20px;
overflow: inherit;
}
.l-vritemlist>li{
margin:0 0 15px 20px;
margin-right: 0;
}
.l-silderight{
width: 400px;
}
.l-rightlt{
/* margin:10px 0px 0px 0px; */
height: 38px;
border: 1px solid #cccccc;
background: #FFF;
line-height: 38px;
}
.l-vrtlt i{
width: 4px;
height: 16px;
display: inline-block;
vertical-align: middle;
background: #bca478;
}
.l-vrtlt em{
color: #101010;
}
.l-vrlist{
margin-left: -8px;
margin-right: 10px;
}
.l-vrlist>li{
margin: 8px 0 0 8px;
width: 126px;
border: 1px solid #eaeaea;
box-shadow: 0 0 5px #eaeaea;
background: #FFF;
padding-bottom: 4px;
float: left;
}
.l-vrpic{
padding: 12px 0 7px;
margin-left: 10px;
width: 106px;
height: 106px;
border-bottom: 1px solid #cccccc;
}
.l-vrpic img{
width: 106px;
height: 106px;
object-fit: cover;
}
.l-vrpar{
height: 17px;
line-height: 17px;
overflow: hidden;
padding: 0 10px;
}
.maincolor{
color: #101010;
}
.f12{
font-size: 12px;
}
.l-vrtxt{
height: 30px;
padding: 0 10px;
line-height: 15px;
overflow: hidden;
}
.l-vrdown{
height: 19px;
line-height: 19px;
padding: 0 10px;
}
.checkbnt{
background-position: -170px 0;
width: 19px;
height: 19px;
cursor: pointer;
}
.checkbntnew{
background-position: -170px 0;
width: 19px;
height: 19px;
cursor: pointer;
}
.vrcheck{
background-position: -148px 0;
}
.l-itemphot{
line-height: 34px;
height: 34px;
}
.l-switch i.iconfont{
background-position: -198px 0;
width: 16px;
height: 16px;
display: inline-block;
}
.cursor-class{
cursor:pointer;
}
.l-itemsing{
margin: 0px 0 0 -8px;
}
.l-itemsing>li{
width: 175px;
padding: 20px 10px 0;
border: 1px solid #eaeaea;
box-shadow: 0 0 5px #eaeaea;
background: #FFF;
float: left;
margin: 0 0 9px 7px;
}
.l-itemsing>li img{
width: 175px;
height: 175px;
object-fit: cover;
}
.l-itempay{
display: block;
border-top: 1px solid #ccc;
line-height: 31px;
}
.l-itemprop{
width: auto;
}
.l-itemsearch{
width: 278px;
}
.lh40{
line-height: 40px;
}
.l-itemMain{
width: auto;
overflow: auto;
margin-left: -18px;
}
.l-itemMain>li{
width: 286px;
margin: 18px 0 0 18px;
}
.l-boxshow{
border: 1px solid #eaeaea;
box-shadow: 0 0 5px #eaeaea;
}
.l-morefont .iconfont{
background-position: -220px 0;
width: 12px;
height: 12px;
display: inline-block;
margin-top: -4px;
}
.l-ideabook{
height: 11px;
border-bottom: 1px solid #525252;
text-align: center;
width: 418px;
margin: 0 auto;
line-height: 23px;
}
.l-ideatlt{
background: #FFF;
padding: 0 20px;
color: #000000;
display: inline-block;
}
.l-ideatlt i{
width: 6px;
height: 6px;
border-radius: 50%;
background: #000000;
display: inline-block;
margin-top: -4px;
vertical-align: middle;
}
.blod{
font-weight: bold;
}
.tr{
text-align: right;
}
.tl{
text-align: left;
}
.l-ideatab>li{
width: 530px;
float: left;
margin-left: 40px;
}
.l-ideatab>li>h6{
line-height:28px;
color: #101010;
}
.l-ideabox{
margin-left: -10px;
margin-top: -5px;
}
.l-ideabox>a{
display: inline-block;
/*width: 78px;*/
height: 28px;
text-align: center;
line-height: 28px;
border: 1px solid #cccccc;
border-radius: 2px;
font-size: 14px;
margin-left: 6px;
color: #333;
margin-top: 20px;
}
.l-ideabox>a.cur,.l-ideabox>a:hover{
background: #ccb58e;
border-color: #ccb58e;
color: #FFF;
}
.l-line{
position: absolute;
top: 6px;
left: 589px;
width: 1px;
height: 100%;
background: #cccccc;
}
.l-idealist{
overflow: hidden;
}
.l-ideadown{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.l-ideamenu>li{
width: 99px;
float: left;
line-height: 38px;
text-align: center;
color: #333333;
font-size: 14px;
border-right: 1px solid #ccc;
cursor: pointer;
}
.l-ideamenu>li.selected{
background: #ccb58e;
color: #FFF;
border-color: #ccb58e;
}
.l-ideaseach{
width: 348px;
height: 28px;
border: 1px solid #cccccc;
border-radius: 5px;
margin: 4px 19px 0 0;
}
.l-ideaseach .iconfont{
background-position: -239px 0;
width: 21px;
height: 21px;
position: absolute;
top: 5px;
left: 10px;
}
.l-seachtxt{
height: 24px;
margin-top: 2px;
line-height: 24px;
outline: none;
border: none;
background: none;
}
.w250{
width: 250px;
}
.l-ideaseach .sbtn{
outline: none;
width: 55px;
height: 28px;
position: absolute;
right: 0px;
top: 0px;
background: #ccb58e;
border: none;
color: #fff;
text-align: center;
line-height: 28px;
cursor: pointer;
border-radius:0 5px 5px 0;
}
.lxf-box li{
-webkit-transition: all .7s ease-out .1s;
-moz-transition: all .7s ease-out;
-o-transition: all .7s ease-out .1s;
transition: all .7s ease-out .1s;
width: 285px;
position: absolute;
}
.l-tabdown{
background: #FFF;
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFF,endColorstr=#7F000000);*/
width: 283px;
/* position: absolute; */
/* bottom: 0; */
/* left: 0; */
height: 40px;
line-height: 40px;
color: #333;
box-shadow: 0 0 6px #eaeaea;
border: 1px solid #eaeaea;
border-top: none;
border-radius: 0 0 13px 13px;
}
.l-tabdown>a{
color: #333;
}
.l-tabdown>a:hover{
color: #F00;
}
.lxf-box li img{
width: 285px;
border-radius: 13px 13px 0 0;
}
.tc{
text-align: center;
}
.l-house{
cursor: pointer;
}
.leftlink{
position: absolute;
left: 10px;
bottom: 0;
line-height: 40px;
}
.rightlink{
position: absolute;
right: 10px;
bottom: 0;
line-height: 40px;
}
.l-house .iconfont{
background-position: -163px -163px;
width: 17px;
height: 17px;
display: inline-block;
margin: -4px 5px 0 0;
}
.l-tabbox{
width: 1220px;
min-height: 600px;
}
.l-bigpic{
width: 100%;
box-sizing: border-box;
padding-right:17px;
}
.l-bigpic>a.iconfont{
position: absolute;
top: 50%;
width: 27px;
height: 71px;
margin-top: -35px;
}
.l-bigpic>a.prev{
background-position: -150px -37px;
left: 10px;
}
.l-bigpic>a.next{
background-position: -194px -37px;
right: 10px;
}
.l-bigbanner{
width: 100%;
overflow: hidden;
}
.l-bigbanner li{
float: left;
width: 100%;
}
.l-bigbanner li img{
/* width: 880px;
height:654px; */
}
.l-bigbanner>ul{
width: 10000px;
}
.l-bigbox{
width: 400px;
height: 100%;
overflow:hidden;
overflow-y:auto;
}
.l-bigtlt{
line-height: 52px;
}
.mt-18{
margin-top: -18px;
}
.l-bigfall li{
width: 124px;
border: 2px solid transparent;;
box-shadow: 0 0 10px #eaeaea;
cursor: pointer;
}
.l-bigfall li img{
width: 124px;
}
.l-bigfall li:hover{
border-color: #000000;
}
.l-money{
width: 80px;
padding: 4px 9px;
height: 20px;
line-height: 20px;
border: 1px solid #cccccc;
border-radius: 2px;
}
.l-moneytxt{
width: 100%;
height: 100%;
line-height: 100%;
border: none;
background: none;
outline: none;
}
.moneyline{
height: 30px;
line-height: 30px;
color: #333333;
padding: 0 10px;
}
.l-moneybnt{
border-radius: 2px;
width: 60px;
height: 30px;
background: #ccb58e;
border: none;
color: #fff;
text-align: center;
line-height: 30px;
cursor: pointer;
}
.w532{
width: 532px;
}
.l-mainline{
line-height: 40px;
}
.l-designerbox{
width: 880px;
}
.f24{
font-size: 24px;
}
.l-designtlt>h3{
line-height: 33px;
height: 33px;
overflow: hidden;
}
.l-designtips{
height: 12px;
border-bottom: 1px solid #525252;
width: 251px;
line-height: 25px;
color: #bca478;
margin: 0 auto;
}
.l-designtips span{
background: #f8f8f8;
padding: 0 19px;
display: inline-block;
}
.l-designul{
width: 780px;
height: 134px;
overflow: hidden;
}
.l-designul li{
float: left;
text-align: center;
width: 100px;
margin-left:30px;
}
.l-designul li img{
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
}
.l-designul li em{
display: block;
line-height: 24px;
color:#101010;
}
.l-designul li:hover em{
color:#ccb58e;
}
.l-designlist>a.iconfont{
position: absolute;
top: 35px;
width: 12px;
height: 31px;
display: block;
cursor: pointer;
}
.l-designlist .prev{
background-position: -234px -33px;
left: 20px;
}
.l-designlist .next{
background-position: -256px -33px;
right: 20px;
}
.w758{
width: 758px;
}
.designer-sel{
padding-left: 10px;
}
.designer-sel>a{
margin-left: 10px;
}
.l-designpic{
width: 324px;
height: 240px;
overflow: hidden;
}
.l-designsider{
width: 324px;
height: 240px;
overflow: hidden;
}
.l-designsider li{
position: absolute;
top: 0;
width: 100%;
height: 100%;
transition: all 0s;
-o-transition: all 0s;
-webkit-transition: all 0s;
-ms-transition: all 0s;
-moz-transition: all 0s;
}
.l-designsider li img{
width: 324px;
height: 240px;
object-fit: cover;
}
.icont{
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
}
.icont>i{
width: 12px;
height: 12px;
border: 1px solid #545352;
border-radius: 50%;
background: #FFF;
display: inline-block;
cursor: pointer;
}
.icont>i+i{
margin-left: 5px;
}
.icont>i.cur{
background: #000;
border-color: #545352;
}
.l-designtab>li{
background: #FFF;
/* border: 1px solid #eaeaea; */
box-shadow: 0 0 5px #eaeaea;
height: 240px;
overflow: hidden;
margin-bottom: 20px;
}
.l-designright{
width: 520px;
}
.l-desingimg{
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
}
.l-desingimg img{
width: 60px;
height: 60px;
border-radius: 50%;
border: 1px solid #eaeaea;
box-shadow: 0 0 5px #eaeaea;
object-fit: cover;
}
.l-desingtxt{
width: 280px;
}
.l-desingtxt>h3{
font-size: 18px;
color: #101010;
line-height: 36px;
}
.l-desingrt>em{
line-height: 35px;
color: #101010;
font-size: 16px;
}
.l-desingrt>a{
font-size: 16px;
width: 100px;
height: 38px;
color: #ccb58e;
line-height: 38px;
text-align: center;
border-radius: 5px;
background: #fff;
border: 1px solid #ccb58e;
}
.l-desingrt>a:hover{
font-size: 16px;
width: 100px;
height: 38px;
color: #fff;
line-height: 38px;
text-align: center;
border-radius: 5px;
background: #ccb58e;
border: 1px solid #ccb58e;
}
.l-desingdown{
line-height: 24px;
color: #666666;
font-size: 16px;
height: 135px;
overflow: hidden;
}
.l-desinright{
width: 300px;
}
.l-destop{
background: #FFF;
/* border: 1px solid #eaeaea; */
box-shadow: 0 0 5px #eaeaea;
text-align: center;
}
.l-destlt{
height: 18px;
border-bottom: 1px solid #525252;
}
.l-destlt>span{
display: inline-block;
padding: 0 19px;
line-height: 37px;
background: #FFF;
}
.l-desp{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
height: 25px;
line-height: 25px;
}
.l-desname{
line-height: 29px;
}
.l-desico{
background-position: -275px 0px;
width: 262px;
height: 11px;
display: block;
line-height: 10px;
vertical-align: top;
overflow: hidden;
}
.l-desico>i{
width: 9px;
height: 9px;
display: inline-block;
background: #FFF;
border: 1px solid #cecece;
border-radius: 50%;
}
.l-desico>i+i{
margin-left: 10px;
}
.l-desico>i.cur{
background: #101010;
border-color: #101010;
}
.l-desicon .c6{
line-height: 32px;
display: inline-block;
}
.l-desicon .c6:hover{
color: #bca478;
}
.l-desul{
height: 314px;
width: 260px;
overflow: hidden;
}
.l-desul li{
position: absolute;
top: 0;
width: 100%;
height: 100%;
transition: all 0s;
-o-transition: all 0s;
-webkit-transition: all 0s;
-ms-transition: all 0s;
-moz-transition: all 0s;
display:none;
}
.l-desth6{
line-height: 34px;
height: 34px;
overflow: hidden;
}
.l-despxt{
line-height: 24px;
height: 34px;
overflow: hidden;
}
.l-desmore{
border-top: 1px solid #cccccc;
line-height: 55px;
font-size: 16px;
color: #666666;
}
.l-desmore:hover{
color: #bca478;
}
.l-deslistul>li{
height: 50px;
line-height: 50px;
margin-top: 20px;
}
.l-deslistul>li .iconfont{
background-position: -327px -33px;
line-height: 32px;
text-align: center;
color: #FFF;
font-size: 16px;
width: 32px;
height: 32px;
margin-top: 9px;
}
.userpic{
width: 50px;
height: 50px;
border-radius: 50%;
}
.userpic img{
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
}
.l-desuser{
width: 140px;
color: #010101;
}
.l-deslistul>li .one{
background-position: -281px -33px;
line-height: 26px;
text-align: center;
color: #FFF;
font-size: 16px;
width: 30px;
height: 29px;
margin-top: 11px;
}
.l-deslistul>li:hover .l-desuser{
color: #bca478;
}
.l-details{
max-height: 700px;
overflow: hidden;
}
.l-details img{
width: 1200px;
max-height: 400px;
object-fit: cover;
}
.l-detailleft{
width: 200px;
height: 200px;
border-radius: 5px;
position: absolute;
left: 0;
bottom: 0;
}
.l-detailleft img{
width: 200px;
height: 200px;
border-radius: 5px;
object-fit: cover;
}
.l-detailtop{
height: 80px;
}
.l-detailuser{
padding-left: 220px;
}
.l-detailuser>em{
line-height: 57px;
display: block;
}
.l-look,.l-review,.l-fabulous{
line-height: 72px;
font-size: 16px;
color: #333333;
cursor: pointer;
}
.l-look .iconfont{
background-position: -369px -33px;
width: 30px;
height: 17px;
display: inline-block;
}
.l-review .iconfont{
background-position: -406px -33px;
width: 19px;
height: 18px;
display: inline-block;
}
.l-fabulous .iconfont{
background-position: -436px -33px;
width: 18px;
height: 18px;
display: inline-block;
}
.l-share{
width: 38px;
height: 28px;
border: 1px solid #101010;
border-radius: 2px;
text-align: center;
display: inline-block;
line-height: 28px;
margin-top: 21px;
}
.l-share .iconfont{
background-position: 0 -110px;
width: 20px;
height: 20px;
margin-top: 4px;
}
.l-bntreview{
width: 100px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 2px;
font-size: 16px;
margin-top: 21px;
background: #101010;
color: #FFF;
}
.l-detailw200{
width: 200px;
}
.l-detailspan>span{
width: 100px;
}
.l-detailspan>span em{
line-height: 40px;
color: #ccb58e;
font-size: 24px;
display: block;
}
.l-detailspan>span i{
color: #333333;
font-size: 14px;
line-height: 33px;
display: block;
}
.linetop{
width: 1px;
height: 52px;
background: #cccccc;
position: absolute;
top: 11px;
left: 99px;
}
.l-detailtxt{
width: 590px;
line-height: 24px;
color: #333333;
font-size: 14px;
}
.l-vidor{
width: 320px;
height: 210px;
overflow: hidden;
}
.l-vrprop .prop_shuxuan_left .bj1 {
width: 118px;
}
.l-vrprop .prop_shuxuan_left .bj1.curr {
width: 118px;
}
.l-plantlt{
height: 50px;
/* border-bottom: 1px solid #cccccc; */
line-height: 50px;
}
.l-planem{
width: 146px;
}
.l-plantab>a{
font-size: 14px;
padding: 0 15px;
height: 28px;
color: #333333;
line-height: 28px;
border: 1px solid #ccb58e;
display: inline-block;
}
.l-plantab>a+a{
margin-left: 5px;
}
.l-plantab>a.cur,.l-plantab>a:hover{
background: #ccb58e;
color: #FFF;
border-color: #ccb58e;
}
.l-plantxt{
width: 230px;
}
.l-plantxt{
line-height: 19px;
height: 38px;
}
.l-plantxt p{
height: 19px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.l-planright{
line-height: 38px;
height: 38px;
}
.l-planmodern>li{
width: 370px;
height: 374px;
margin-left: 22px;
overflow: hidden;
}
.l-planmodern{
margin-left: -20px;
}
.l-plantable th{
font-size: 30px;
font-weight: bold;
line-height: 43px;
width: 25%;
}
.l-plantable td{
line-height: 31px;
color: #333333;
}
.l-planlist>li{
padding: 9px 0 13px;
}
.l-planlist>li+li{
border-top: 1px dashed #999999;
}
.l-planpic{
padding-top: 11px;
width: 60px;
height: 60px;
}
.l-planpic img{
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
}
.l-plandiv{
width: 1080px;
}
.l-plantop{
line-height: 37px;
}
.l-praiseico .iconfont{
width: 21px;
height: 21px;
}
.praise{
background-position: -234px -72px;
}
.Inpraise{
background-position: -262px -72px;
}
.bad{
background-position: -292px -72px;
}
.l-plandiv>p{
line-height: 27px;
}
.l-planarea{
width: 1120px;
padding: 10px 19px;
line-height: 30px;
height: 98px;
border: 1px solid #cccccc;
outline: none;
resize: none;
}
.report{
width: 100px;
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 3px;
color: #FFF;
background: #ccb58e;
}
.l-plantul>li{
border-bottom:1px solid #cccccc ;
}
.l-plantul>li+li{
border-top:none ;
}
.l-replay{
border: 1px solid #101010;
width: 58px;
height: 28px;
text-align: center;
line-height: 28px;
border-radius: 3px;
color: #101010;
}
.l-replayul>li{
border-top: 1px dashed #999999;
}
.l-replayul .l-plandiv{
width: 998px;
}
.replaybnt{
background: #101010;
color: #FFF;
}
.l-replayarea{
width: 1040px;
padding: 10px 19px;
line-height: 30px;
height: 38px;
border: 1px solid #cccccc;
outline: none;
resize: none;
}
.flexsilder{
width: 180px;
position: fixed;
right: 0px;
top: 50%;
margin-top: -260px;
background: #FFF;
border: 1px solid #eaeaea;
box-shadow: 0 0 5px #eaeaea;
z-index: 9999;
}
.flexsilder>img{
width: 180px;
height: 180px;
object-fit: cover;
}
.flexsilder>h3{
line-height: 43px;
color:#ccb58e;
}
.f30{
font-size: 30px;
}
.l-flexul>li{
line-height: 35px;
border-top: 1px solid #cccccc;
color: #101010;
}
.l-flexbnt>a{
width: 160px;
}
.l-flexbnt>a.two{
background: #e3d8c6;
}
.l-flexbnt>a.three{
border: 1px solid #ccb58e;
background: #fff;
color: #ccb58e;
}
.l-flexbnt>a.three:hover{
background: #ccb58e;
color: #fff;
}
.l-containpic{
position: absolute;
width: 100%;
right: 732px;
top: 0px;
}
.l-containpic img{
width: 100%;
}
.l-contbox{
width: 690px;
}
.l-tabcont{
width:686px;
height: 38px;
line-height: 38px;
border: 1px solid #cccccc;
background: #FFF;
}
.l-tabcont>li{
width: 118px;
line-height: 38px;
color: #333333;
border-right: 1px solid #cccccc;
float: left;
text-align: center;
cursor: pointer;
}
.l-tabcont>li a{
color: #333333;
}
.l-tabcont>li.selected a{
color: #FFF;
}
.l-tabcont>li.selected,.l-tabcont>li:hover{
background: #d83333;
height: 40px;
margin: -1px 0 0 -1px;
color: #FFF;
}
.l-tablist>li{
padding: 10px;
border: 1px solid #eaeaea;
box-shadow: 0 0 5px #eaeaea;
background: #FFF;
float: left;
width: 316px;
height: 120px;
margin: 18px 0 0 16px;
overflow: hidden;
}
.l-tapic{
width: 120px;
height: 120px;
}
.l-tapic img{
width: 120px;
height: 120px;
object-fit: cover;
}
.l-tabtxt{
width: 165px;
height: 100px;
border-left: 1px solid #CCC;
}
.l-tabtxt>h3{
line-height: 48px;
margin-top: -17px;
}
.l-tabtxt>p{
line-height: 17px;
height: 34px;
overflow: hidden;
/* color: #666; */
}
.l-vrtab{
padding: 0;
}
.l-tablist{
margin-left: -18px;
}
.l-jionbnt{
width: 160px;
height: 36px;
text-align: center;
line-height: 36px;
color: #d83333;
background: #fff;
display: inline-block;
border: 1px #d83333 solid;
}
.f20{
font-size: 20px;
}
.l-tabview .view_pj_tjright {
width: 440px;
float: right;
}
.l-tabview .l-itempress{
width: 300px;
}
.l-tabitem .l-itemwrap{
width: 585px;
}
.l-viewbox{
line-height: 30px;
min-height: 160px;
}
.l-sameul{
margin-left: -19px;
}
.l-sameul>li{
border: 1px solid #eaeaea;
box-shadow: 0 0 5px #eaeaea;
width: 215px;
float: left;
background: #FFF;
height: 203px;
margin: 0 0 20px 19px;
}
.l-sameul>li img{
width: 215px;
height: 160px;
object-fit: cover;
}
.l-sametxt{
line-height: 42px;
display: block;
font-size: 14px;
color: #010101;
height: 42px;
overflow: hidden;
}
.l-containbox{
position: fixed;
left: 0;
top: 0;
background: #FFF;
z-index: 99;
}
.mt130{
margin-top: 130px;
}
.housebnt{
color: #bca478;
}
.housebnt .iconfont{
background-position: 0 -139px;
}
.bigdialog{
width: 80px;
height: 80px;
position: absolute;
background: #000;
opacity: .5;
filter:alpha(opacity=50);
display: none;
text-align: center;
line-height: 80px;
cursor: pointer;
}
.bigdialog .iconfont{
background-position: -341px -80px;
width: 21px;
height: 21px;
margin-top: 30px;
}
.dialog {
display: none;
position: fixed;
left: 0;
top: 0;
min-width: 1200px;
width: 100%;
height: 100%;
z-index: 9999;
}
.dialog-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .3;
filter: alpha(opacity=30);
z-index: 1;
}
.dialog-cont {
position: absolute;
background: #fff;
z-index: 2;
overflow: scroll;
max-height: 600px;
}
.dialog-head {
height: 48px;
line-height: 48px;
padding-left: 20px;
font-size: 16px;
color: #fff;
}
.dialog-head .left {
font-weight: bold;
}
.dialog-close {
font-size: 24px;
float: right;
width: 48px;
text-align: center;
cursor: pointer;
font-weight: 100;
margin-right: -20px;
}
.dp-title {
border: 1px solid transparent;
background: #F8F8F8;
line-height: 40px;
padding: 0 20px;
font-size: 16px;
color: #333;
}
.hop-cont{
margin: 20px;
width: 600px;
overflow: hidden;
position: relative;
text-align: center;
}
.hop-cont>span{
width: 50px;
height: 100px;
display: block;
position: absolute;
z-index: 10;
top: 50%;
margin-top: -50px;
cursor: pointer;
}
.hop-cont .prev{
left: 0px;
background-position: -29px -104px;
}
.hop-cont .next{
right: 0px;
background-position: -91px -104px;
}
.hop-list>li{
width: 600px;
float: left;
text-align: center;
display: none;
}
.hop-list>li img{
max-width: 600px;
}
.prop_shuxuan .prop_shuxuan_left .w180{
width:180px;
background:#fff url(../image/jiantouxai.png) no-repeat 150px center;
}
.prop_shuxuan .prop_shuxuan_left .w180.curr{
background:#fff url(../image/jiantouxai2.png) no-repeat 150px center; width:180px;
}
.l-vritemlist .modern_list_ren {height: 60px; line-height: 60px; text-align: right; font-size: 20px; color: #101010; width: 103px; position: absolute; right: 0px; top: 5px; text-align:right;}
.l-vritemlist .modern_list_ren img{width:60px; height:60px;border-radius:50%;object-fit: cover;}
.l-vritemlist .modern_list_ren span{font-size:16px; color:#343434; padding-right:10px; display:none;}
.prop_shoplist_day a:hover,.prop_shoplist_month a:hover,.prop_shoplist_year a:hover,.prop_shoplist_cTitle>a:hover{
color: #ccb58e;
}
.l-vrprop .flextop{
position: fixed;
left: 50%;
margin-left: -600px;
top: 0;
width: 1200px;
z-index: 999;
}
.contabmenu{
height: 40px;
}
.contabmenu .flextop{
position: fixed;
right: 21px;
top: 110px;
width: 686px;
z-index: 2;
}
/*------2017.7.13---*/
.flexsildericon{
position: absolute;
top: -1px;
left: -38px;
background-position: -203px -118px;
width: 37px;
height: 38px;
cursor: pointer;
}
.curleft{
background-position: -166px -118px;
}
/*-----2017.7.14---*/
.l-silderbanner{
position: relative;
}
.l-silderpic li{
position: absolute;
top: 0;
width: 100%;
height: 100%;
transition: all 0s;
-o-transition: all 0s;
-webkit-transition: all 0s;
-ms-transition: all 0s;
-moz-transition: all 0s;
}
.l-tabcont>li a:hover{
color:#FFF;}
.ganre_sma li{
vertical-align: top;}
.ganre2_sma li{
vertical-align: top;}
.scrollvrprop>li{
cursor:pointer}
.l-tabcont>li:hover a{
color:#FFF;}
.l-desingtxt {
width: 250px;
}
/* 2017-07-20 */
.navbox .navlist{text-align: center;}
.navbox>ul>li {
font-size:16px;
text-indent: 0px;
}
.navbox .dis_none dl dt {
width: auto;
line-height: 33px;
}
.navbox .dis_none .fl span {
top: 1px;
right: -18px;
}
.ganre2_name,.ganre2_time{height: 20px;line-height: 20px;}
.ganre2_dan {
height: 160px;
padding-top: 10px;
}
.l-designul li{
height:180px;
border-radius: 50%;
}
.ganre2_prev, .ganre2_next {
z-index: 3;
}
.ganre_prev, .ganre_next {
z-index: 3;
}
.ganre_dan {
padding-top: 10px;
height: 160px;
}
.ganre_bconbox {
height: 20px;
line-height: 20px;
}
.ganre_name, .ganre_time {
height: 20px;
}
/* 2017-07-21 */
.shopreco_topbox{width: 600;height: 18px;border-bottom: 1px solid #000;line-height:36px;/* overflow:hidden; */text-align:center;margin: 0 auto 25px;background:none; }
.shopreco_topbox>a{
background: #F8F8F8;
padding: 0 40px;
}
.modern_list .modern_list_ren img {
border-radius: 50%;
}
.shopreco_jiaju {
background: #f8f8f8;
}
.pro_content_xilie .pro_content_xilietitle span{color: #101010;}
.pro_views_bigimgwrap:hover .pro_views_fangda{
display:none;}
.l-vrmodern .modern_list_ren img {
border-radius: 50%;
}
.ganre_bimgbox{
text-align: center;
}
.ganre_bimgbox>a{
display: table-cell;
vertical-align: middle;
width: 190px;
height: 140px;
}
.ganre_bimgbox img{
max-height: 140px;
max-width: 140px;
vertical-align: middle;
object-fit: cover;
}
.ganre2_bimgbox>a{
display: table-cell;
vertical-align: middle;
width: 190px;
height: 140px;
}
.ganre2_bimgbox img{
max-height: 140px;
max-width: 140px;
vertical-align: middle;
object-fit: cover;
}
.bj2 .iconfont{
background-position: -383px -73px;
width: 11px;
height: 13px;
vertical-align: middle;
margin-left: 5px;
margin-top: -4px;
}
.jiangxu .iconfont{
background-position: -402px -73px;
}
.shengxu .iconfont{
background-position: -420px -73px;
}
/*-----2017.7.22----*/
.shopreco_love i.iconfont{
background-position: -307px -113px;
width: 11px;
height: 11px;
vertical-align: middle;
margin: -4px 3px 0 0;
}
.shopreco_pinglun i.iconfont{
background-position: -289px -114px;
width: 11px;
height: 10px;
vertical-align: middle;
margin: -4px 3px 0 0 ;
}
.shopreco_guanzhu i.iconfont{
background-position: -266px -114px;
width: 17px;
height: 10px;
vertical-align: middle;
margin: -4px 3px 0 0;
}
.prop_shoplist_shafaname2 {
width: 65%;
}
.prop_shoplist_shafaname {
width: 90%;
}
.shopreco_cImg>a{
padding:0
}
.shopreco_cImg {
height: 280px;
}
.shopreco_cImg img {
width: 280px;
height: 280px;
object-fit: cover;
}
.shopreco_items .shopreco_list_carts{
top: 250px;
}
.shopreco_items .shopreco_list_coll {
top: 250px;
}
.shopreco_cCont{
margin-top:0
}
.shopreco_items {
height: 404px;
}
.shopreco_year {
min-width: 80px;
text-align: left;
overflow: hidden;
white-space: nowrap;
}
.shopreco_day{
min-width: 80px;
text-align: right;
overflow: hidden;
white-space: nowrap;
}
.navbox .dis_none dl dd {
line-height: 40px;
}
.navbox .dis_none dl dd a {
vertical-align: middle;
margin: -4px 0 0;
}
.pro_views_wrap #move {
background: rgba(55, 52, 55, 0.5);
background-color: #373437\9;
filter: Alpha(opacity=50)\9;
}
.l-desicon .prev{
position: absolute;
left: 0;
top: -5px;
width: 23px;
height: 20px;
cursor: pointer;
display: block;
}
.l-desicon .next{
position: absolute;
right: -5px;
top: -5px;
width: 23px;
height: 20px;
cursor: pointer;
display: block;
}
.l-containpic{
text-align: center;
}
#pro_views_btnleft {
left: 82px;
}
.l-tablist>li {
padding: 0 10px 0 0;
}
.l-tapic {
width: 130px;
height: 130px;
}
.l-tapic img {
width: 130px;
height: 130px;
object-fit: cover;
}
.l-bigpic>a.iconfont{
margin-top: -50px;
}
.l-bigpic>a.prev{
background-position: -369px -109px;
width: 50px;
height: 100px;
}
.l-bigpic>a.next{
background-position: -432px -108px;
width: 50px;
height: 100px;
}
.l-bigpic>a.prev:hover{
background-position: -29px -104px;
width: 50px;
height: 100px;
}
.l-bigpic>a.next:hover{
background-position: -91px -104px;
width: 50px;
height: 100px;
}
.ganre3_bimgbox>a{
display: table-cell;
vertical-align: middle;
width: 190px;
height: 140px;
}
.ganre3_bimgbox img{
max-height: 140px;
max-width: 140px;
vertical-align: middle;
object-fit: cover;
}
.ganre3_dan:hover .ganre3_name a{
font-size: 16px;
font-weight: bold;
color: #101010;
}
/*-----2017.7.24---*/
.pro_content_sheji .pro_content_shejititle {
color: #101010;
}
.navbox>ul>li{
font-size: 14px;
}
.container .ganrelist .ganrelistscrll {
overflow: initial;
}
.modern_list {
overflow: initial;
}
.modern_list .modern_title {
box-shadow: 0px 0px 4px #ddd;
}
.modern_list .modern_first {
overflow: initial;
}
.modern_list_cMain {
overflow: initial;
}
.prop_shoplist_date {
position: relative;
text-align: center;
}
.prop_shoplist_year {
float: none;
position: absolute;
left: 0;
top: 0;
}
.prop_shoplist_month{
float: none;
}
.prop_shoplist_day {
float: none;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
.pic-nav{
overflow: hidden;
}
.shopreco_list_coll .iconfont {
margin-right: 3px;
}
.shopreco_topbox {
width: 544px;
}
.shopreco_topbox>a {
padding: 0 20px;
}
.pro_content_xilie .pro_content_xilietitle span {
font-size: 16px;
}
.shopreco_shafaname2{
width: 160px;
}
.navbox .dis_none .fl span {
top: -3px;
}
.navbox .dis_none dl dd a {
margin-top: 7px;
float: left;
}
.navbox .navlist{
height: auto;
/*padding: 10px 0;*/
}
.l-vrpic {
padding: 0;
margin-left: 0px;
width: 126px;
height: 126px;
}
.l-vrpic img {
width: 126px;
height: 126px;
object-fit: cover;
}
/* 2017-07-25 */
.l-plantab {
height: 28px;
padding-top: 10px;
line-height: 28px;
}
/*-----2017.7.26----*/
.lxf-box li {
border-radius: 13px;
overflow: hidden;
}
.prop_item {
border-bottom:none;
/* box-shadow: 0px 0px 4px #ddd; */
}
.ganre2_sma .ganre_smalicurr{background:#101010; border:1px #101010 solid;}
/*----2017.8.1 搭配方案主图------*/
.wincontain .prev{
background-position: -29px 0;
width: 50px;
height: 100px;
position: absolute;
left: 10px;
top: 50%;
margin-top: -50px;
display: block;
}
.wincontain .next{
background-position: -91px 0;
width: 50px;
height: 100px;
position: absolute;
right: 10px;
top: 50%;
margin-top: -50px;
}
.wincontain .prev:hover{
background-position: -29px -104px;
}
.wincontain .next:hover{
background-position: -91px -104px;
}
.wincontain{
overflow: hidden;
}
.wincontain img{
vertical-align: middle;
}
.navbox h2 {
color: #ccb58e;
}
/*标题过长隐藏显示省略号*/
.titlehide{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.l-tablist>li {
height: 130px;
}
.l-tabtxt{
margin-top:15px;
}
.pro_views_wrap #move {
background: #FFF;
border: 1px solid #ccc;
opacity: .5;
filter: Alpha(opacity=50);
width: 250px;
height: 250px;
}
/*筛选条件样式2017.08.07*/
.prop_item_dan .prop_item_lblist li a.currClick {
border-radius: 0px;
}
.prop_item_dan .prop_item_lblist li.curr {
border-bottom: 0;
font-weight: bold;
display: inline-block;
padding: 0 15px;
height: 32px;
background: #101010;
color: #fff;
line-height: 32px;
margin-top: 3px;
cursor: pointer;
}
.prop_item_dan .prop_item_lblist li.curr a{
color:#FFF;
font-weight:normal
}
/*筛选条件2017.08.08*/
.prop_item_dan .prop_item_lblist li a {
/* border-bottom: 2px #fff solid;*/
display: inline-block;
line-height: 34px;
height: 34px;
}
.prop_item_dan .prop_item_lblist li a.currClick {
display: inline-block;
padding: 0 8px;
height: 34px;
background: none;
color: #ccb58e;
line-height: 34px;
border-radius: 0px;
cursor: pointer;
/* border-bottom: 2px #101010 solid; */
font-weight: bold;
}
.placeholder{
color:#666;
position:absolute;
}
.left_menu a{
height:auto;
}
.prop_item_dan .prop_item_lblist li {
margin-left: 10px;
margin-right: 0px;
}
.prop_item_dan .prop_item_lbname {
width: 100px;
}
.l-bigbanner .l-tabdown{
width:100%;
position:relative;
}
.p-parameter-list {
padding: 0px 0 15px;
}
.p-parameter-list li {
width: 280px;
line-height:30px;
float: left;
margin-bottom: 5px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color:#666;
}
.l-bigbanner li {
background: #FFF;
text-align: center;
}
.l-bigbanner li img {
max-width: 780px;
max-height: 695px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.l-desingdown>p{
height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.l-desingdown .last{
height:48px;
overflow: hidden;
}
.l-numbox{
line-height:42px;
font-size:14px;
}
.p-parameter-list{
margin: 0px 0 15px;
background: #f8f8f8;
padding: 0 0 0 3px;
box-shadow: 0px 0px 5px #ddd;
}
.p-parameter-list li {
width: 265px;
padding-left:8px;
color: #101010;
font-size: 14px;
}
.p-parameter-cont{
margin-top:20px;
padding-top:20px;
border-top: 1px solid #CCCCCC;
}
.shizililiang .szlist .logo img {
height: 40px;
}
.header_fixed_logo {
height: 30px;
margin-top: 10px;
}
.t_logo img {
height: 35px;
}
.view_scanshu_shop.view_scanshu_shopfixed .view_logo {
margin-right: 20px;
height: 22px;
margin-top: 7px;
}
.l-desingrt>em {
width: 150px;
height: 35px;
text-align: center;
display: inline-block;
}
.l-desingrt>a {
width: 101px;
display: block;
}
.pro_views_cicun .pro_views_cicunlist label {
max-width: 368px;
overflow: hidden;
}
.l-bigcontain>li{
position: absolute;
top: 0;
width: 100%;
height: 100%;
transition: all 0s;
-o-transition: all 0s;
-webkit-transition: all 0s;
-ms-transition: all 0s;
-moz-transition: all 0s;
}
.w1080{
width:1080px
}
/*-----2017.8.9---*/
.zoomDiv{z-index:999;position:absolute;top:0px;left:0px; box-shadow: 0px 0px 5px #ddd;display:none;text-align:center;overflow:hidden; width: 500px;
height: 500px;}
.zoomMask{position:absolute;background:#ffffff; border: 1px solid #ccc; cursor:move;z-index:1;
opacity: .5; width: 300px; height: 300px;}
.pro_views_bigimgwrap {
height: 548px;
}
.pro_views_subimg {
margin-top: 30px;
}
/*------2017.8.14-----*/
.l-loginbox{
width: 100%;
overflow: hidden;
height: 649px;
}
.l-loginbox>img{
width: 1920px;
position: absolute;
left: 50%;
top: 0;
margin-left: -960px;
}
.back-white{
background: #FFF;
}
.l-loginwrap{
padding: 10px 30px;
width: 440px;
position: absolute;
left: 50%;
top: 90px;
margin-left: 90px;
}
.l-logintlt{
line-height: 76px;
height: 76px;
overflow: hidden;
}
.l-logintlt img{
height: 35px;
}
.l-logintlt>a{
float: left;
margin-top: 20px;
height: 35px;
}
.l-logintlt em{
font-size: 24px;
font-weight: bold;
color: #000000;
margin-top: 5px;
float: left;
}
.l-loginlist>li{
margin-top: 18px;
border: 1px solid #cccccc;
height: 50px;
}
.l-usericon{
width: 46px;
text-align: center;
}
.username{
background-position: -152px -29px;
width: 24px;
height: 28px;
margin-top:11px;
}
.l-userinter{
width: 380px;
}
.l-logintxt{
padding: 10px;
line-height: 30px;
height: 30px;
border: none;
background: none;
outline: none;
width: 360px;
}
.l-logintxtnew{
padding: 10px;
line-height: 50px;
height: 50px;
border: none;
background: none;
outline: none;
width: 390px;
}
.userpasswrod{
background-position: -184px -29px;
width: 22px;
height: 28px;
margin-top:11px;
}
.l-logintips{
line-height: 50px;
}
.cursor{
cursor: pointer;
}
.readybnt .iconfont{
background-position: -169px -63px;
width: 16px;
height: 16px;
display: inline-block;
}
.readybnt .cur{
background-position: -152px -64px;
border: 1px solid transparent;
width: 14px;
height: 14px;
}
.readybnt em{
color: #626262;
}
.cf{
color: #FFF;
}
.l-loginbnt{
background: #ccb58e;
height: 52px;
line-height: 52px;
text-align: center;
}
.l-gotoreg{
border-top: 1px solid #cccccc;
line-height: 71px;
}
.hoptxt:hover{
color: #F00;
}
.l-supplierbox>li{
background: #FFF;
border: 1px solid #eaeaea;
box-shadow: 0 0 5px #eaeaea;
}
.l-suppliertlt{
width: 208px;
padding-right: 30px;
color: #282828;
font-size: 16px;
line-height: 52px;
text-align: right
}
.red{
color: #ff0000;
}
.l-suppliertxt{
width: 413px;
border: 1px solid #cccccc;
height: 30px;
outline: none;
font-size: 16px;
line-height: 30px;
padding: 10px 20px;
}
.l-suppliertxt:hover{
border-color: #ccb58e;
}
.l-suppliertxt:focus{
border-color: #ccb58e;
box-shadow: 0 0 5px 0 rgb(30 94 191 / 50%);
}
.l-supplierlist>li{
padding-top: 25px;
}
.l-supplierbt{
height: 56px;
line-height: 56px;
background: #ececec;
border-bottom: 1px solid #cccccc;
color: #282828;
font-size: 16px;
font-weight: bold;
}
.l-supplierbt .iconfont{
background-position: -191px -62px;
width: 32px;
height: 32px;
margin-top: -4px;
}
.l-supplierbt .cur{
background-position: -152px -82px;
}
.select{
height: 46px;
border: 1px solid #cccccc;
padding: 5px 8px;
outline: none;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance: none;
background: url(../image/selectarrow.png) center right 10px no-repeat;
*background-image: none;
background-image: none\0;
width:210px;
}
.select::-ms-expand {
display: none;
}
@media all and (min-width:0) { /* ie9/ie10 */
.select{
background-image: none\9;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* ie10+ */
.select{
background: url(../image/selectarrow.png) right center no-repeat;
}
}
.l-selectxt{
width: 145px;
height: 50px;
color: #2b2b2b;
font-size: 16px;
margin-right: 12px;
}
.l-selectxt:hover{
border-color: #ccb58e;
}
.l-selectxt:focus{
border-color: #ccb58e;
box-shadow: 0 0 5px 0 rgb(30 94 191 / 50%);
}
.l-radiotxt{
line-height: 52px;
font-size: 16px;
color:#626262;
}
.l-radiotxt em{
margin-left: 8px;
}
.w213{
width: 213px;
}
.l-datatime{
width: 183px;
padding: 10px;
line-height: 30px;
height: auto;
border: 1px solid #cccccc;
}
.l-datatime input{
width: 100%;
height: 100%;
line-height: 100%;
border: none;
outline: none;
}
.l-datatime .iconfont{
background-position: -251px -131px;
width: 26px;
height: 26px;
position: absolute;
right: 15px;
top: 12px;
}
.suppliert{
width: 47px;
line-height: 52px;
color: #626262;
}
.l-suppliertext{
width: 680px;
height: 180px;
padding: 10px;
line-height: 30px;
border: 1px solid #cccccc;
outline: none;
resize: none;
}
.l-supplieradd{
width: 148px;
height: 148px;
border: 1px solid #d2d2d2;
line-height: 148px;
text-align: center;
}
.l-supplieradd .iconfont{
background-position: -283px -130px;
width: 37px;
height: 37px;
vertical-align: middle;
margin-top: 55px;
*margin-top: 0;
}
.l-file{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
filter:alpha(opacity=0);
}
.l-suppliertips{
line-height: 58px;
color:#898989;
font-size: 14px;
}
.w436{
width: 436px;
}
.ml240{
margin-left: 240px;
}
.l-top{
height: 30px;
line-height: 30px;
}
.l-tophead{
height: 80px;
}
.l-logobox{
height: 35px;
margin-top: 24px;
}
.l-logobox img{
height: 35px;
}
.l-helptlt{
line-height: 80px;
color: #282828;
font-size: 20px;
font-weight: bold;
}
.l-search{
margin-right: 90px;
width: 250px;
}
.l-search .sr{
width: 240px;
border: 1px solid #cccccc;
padding: 4px 10px 4px 40px;
line-height: 20px;
/* height: 20px; */
border-radius: 5px 0 0 5px;
border-right: none;
outline: none;
}
.l-search .sbtn{
cursor:pointer;
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 30px;
background: #ccb58e;
color: #FFF;
line-height: 30px;
text-align: center;
border-radius: 0 5px 5px 0;
border: none;
}
.l-search .iconfont{
background-position: -188px -160px;
width: 21px;
height: 21px;
position: absolute;
left: 10px;
top: 5px;
}
.l-sildermenu{
width: 178px;
border: 1px solid #d2d2d2;
}
.l-sildermenu>li>h6{
background: #f2f2f2;
text-align: center;
line-height: 39px;
color: #282828;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
.l-sildermenu>li+li{
border-top: 1px solid #d2d2d2;
}
.l-sildermenu>li>ul{
display: none;
background: #FFF;
line-height: 38px;
text-align: center;
border-top: 1px solid #d2d2d2;
}
.l-sildermenu>li.selected>ul{
display: block;
}
.l-sildermenu>li>ul>li>a{
color: #010101;
font-size: 14px;
display: block;
}
.l-sildermenu>li>ul>li>a:hover{
color: #ff0000;
}
.l-sildermenu>li>ul>li.cur{
background-color: #ccb58e;
}
.l-sildermenu>li>ul>li.cur>a:hover{
color: #FFF;
}
.l-expertlt{
height: 51px;
border-bottom: 1px solid #f3f3f3;
padding: 0 20px;
line-height: 51px;
color: #010101;
font-size: 18px;
}
.l-expertlt>i{
width: 4px;
height: 15px;
display: inline-block;
background: #bca478;
vertical-align: middle;
margin-top: -4px;
}
.l-mainbox{
line-height: 34px;
color: #626262;
font-size: 16px;
}
.l-mainbox>h6{
line-height: 69px;
}
.l-mainbox img{
max-width: 960px;
}
.l-tapdiv{
line-height: 30px;
color: #010101;
font-size: 16px;
}
.l-bindingtips{
background: #f1f1f1;
border: 1px solid #cfcfcf;
padding: 20px 30px;
line-height: 30px;
}
.l-bindbox>h6{
line-height: 34px;
color: #010101;
padding-top: 22px;
}
.l-bindpic{
width: 90px;
margin: 22px 28px 0 0;
}
.l-bindpic img{
width: 90px;
height: 90px;
border-radius: 50%;
object-fit: cover;
}
.l-bindlogin{
width: 438px;
}
.l-bindright{
width: 330px;
border-left: 1px solid #cccccc;
height: 185px;
padding-top: 72px;
}
.l-bindright>p{
line-height: 57px;
}
.l-bindqq{
width: 70px;
height: 70px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
}
.l-bindtips{
line-height: 70px;
}
.l-bindqq img{
width: 70px;
height: 70px;
border-radius: 50%;
object-fit: cover;
}
.l-aboutlt>li{
width: 355px;
height: 48px;
background: #f2f2f2;
color: #101010;
font-size: 20px;
text-align: center;
cursor: pointer;
line-height: 48px;
float: left;
/* border: 1px solid #ccb58e; */
}
.l-aboutlt>li+li{
margin-left: 30px;
}
.l-aboutlt>li.selected{
background: #525252;
color: #FFF;
font-weight: bold;
}
.l-aboutlt>li:hover{
background: #ccB58e;
color: #FFF;
font-weight: bold;
}
.l-aboutbox>img{
max-width: 1138px;
}
.l-aboutbox{
line-height: 38px;
font-size: 16px;
color: #626262;
/* margin-top: 37px; */
}
.l-aboutbox>h6{
line-height: 63px;
color: #101010;
font-size: 30px;
font-weight: bold;
/* margin-top: -54px; */
}
.l-jionbanner{
width: 100%;
height: 520px;
overflow: hidden;
}
.l-jionbanner>a>img{
position: absolute;
left: 50%;
top: 0;
margin-left: -960px;
}
.l-jiontips{
line-height: 110px;
background: #e9e8e8;
}
.l-jiontips>a{
width: 199px;
margin-left: 20px;
height: 50px;
display: inline-block;
line-height: 50px;
background: #ccb58e;
border-radius: 5px;
text-align: center;
color: #FFF;
font-weight: 100;
font-size: 18px;
}
.l-jionbook{
width: 766px;
height: 15px;
}
.l-jionbook em{
vertical-align: middle;
}
.l-jionbook i{
margin-top: 0;
}
/* placeholder */
.input-wrap{
position: relative;
display: block;
}
.input-wrap .placeholder{
position: absolute;
cursor: text;
white-space: nowrap;
color: #999;
font-size: 14px;
}
.l-suppliererr{
line-height: 52px;
}
/*------2017.8.15-------*/
.l-jionlist .l-designul{
width: 1060px;
height: 178px;
}
.l-jionlist .l-designul li{
width: 130px;
margin-left: 20px;
}
.l-jionlist .l-designul li img{
width: 130px;
height: 130px;
object-fit: cover;
}
.l-jionlist .l-designul li em{
line-height: 39px;
color: #282828;
height: 39px;
overflow: hidden;
}
.l-jionlist>a.iconfont{
top: 64px;
width: 24px;
height: 44px;
}
.l-jionlist .prev{
background-position: -462px -16px;
left: 10px;
}
.l-jionlist .next{
background-position: -498px -16px;
right: 10px;
}
.l-jionpic{
width: 130px;
height: 130px;
border-radius: 50%;
}
.l-jionpic .iconfont{
background-position: -462px -66px;
width: 30px;
height: 30px;
position: absolute;
left: 50%;
top: 50%;
margin: -15px 0 0 -15px;
display: none;
z-index: 2;
}
.jion-back{
display: none;
background: #000;
opacity: .5;
filter:Alpha(opacity=50);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
z-index: 1;
}
.l-jionlist .l-designul li:hover .l-jionpic .iconfont{
display: block;
}
.l-jionlist .l-designul li:hover .jion-back{
display: block;
}
.l-jionul{
width: 1120px;
height: 560px;
overflow: hidden;
}
.l-jionul li{
width: 360px;
float: left;
height: 544px;
overflow:hidden ;
border: 1px solid #eaeaea;
box-shadow: 0 0 5px #eaeaea;
margin-left: 9px;
margin-top: 8px;
cursor: pointer;
}
.l-jionul li:hover{
border-color: #101010;
}
.l-jionwrap>a.iconfont{
top: 50%;
margin-top: -22px;
width: 24px;
height: 44px;
position: absolute;
}
.l-jionwrap .prev{
background-position: -462px -16px;
left: -12px;
}
.l-jionwrap .next{
background-position: -498px -16px;
right: -18px;
}
.l-jiondiv{
padding: 11px 30px 0;
}
.l-jiondiv>h6{
line-height: 31px;
font-size: 18px;
height: 31px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.l-jiontime{
display: block;
line-height: 30px;
font-size: 14px;
color: #a4a4a4;
}
.l-jiontxt{
padding-top: 2px;
line-height: 24px;
color: #626262;
font-size: 14px;
height: 120px;
overflow: hidden;
}
.l-jionlook{
width: 146px;
height: 48px;
border-radius: 3px;
border: 1px solid #101010;
font-size: 16px;
color: #282828;
line-height: 48px;
display: inline-block;
text-align: center;
}
.l-jionlook:hover{
background: #7cb82e;
border-color: #7cb82e;
color: #FFF;
}
.l-businbox .l-designul li img{
border-radius: 0;
width: auto;
height: auto;
max-width: 130px;
max-height: 130px;
vertical-align: middle;
}
.l-businbox .l-jionpic{
border-radius: 0;
display: table-cell;
vertical-align: middle;
border: 1px solid #eaeaea;
box-shadow: 0 0 5px #eaeaea;
}
.l-businbox .jion-back{
border-radius: 0;
}
.l-contactlt{
line-height: 67px;
}
.l-contactlist{
border-bottom: 1px solid #cccccc;
}
.l-contactlist>li{
line-height: 60px;
font-size: 16px;
color: #626262;
}
.l-contaction{
width: 38px;
height: 38px;
text-align: center;
border: 1px solid #cbcbcb;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
margin-top: -4px;
}
.telicon{
background-position: -506px -93px;
width: 22px;
height: 22px;
margin-top: 8px;
}
.lineicon{
background-position: -506px -65px;
width: 24px;
height: 24px;
margin-top: 7px;
}
.addressicon{
background-position: -506px -118px;
width: 17px;
height: 25px;
margin-top: 7px;
}
.italic{
font-style: italic
}
.l-contactit{
line-height: 52px;
}
.l-contips{
line-height: 36px;
color: #a4a4a4;
}
.l-continput{
width: 369px;
}
.l-contustab>li{
margin-top: 30px;
}
.l-contxt{
width: 327px;
border: 1px solid #cccccc;
height: 30px;
outline: none;
font-size: 16px;
line-height: 30px;
padding: 10px 20px;
}
.l-contarea{
border: 1px solid #cccccc;
height: 142px;
outline: none;
font-size: 16px;
line-height: 30px;
padding: 10px 20px;
resize: none;
width: 1097px;
}
.baidumap{
padding: 0;
border: none;
width: 100%;
height: 360px;
overflow: hidden;
}
.h360{
height: 360px;
}
.l-medialist{
padding-top: 20px;
margin-left: -30px;
}
.l-medialist>li{
margin: 30px 0 0 30px;
width: 554px;
height: 190px;
background: #f6f6f6;
float: left;
}
.l-medialist>li:hover .l-medialink{
background: #101010;
}
.l-medialist>li:hover{
/*border: 1px solid #000;*/
}
.l-mediapic{
width: 270px;
height: 190px;
}
.l-mediapic img{
width: 270px;
height: 190px;
object-fit: cover;
}
.l-mediabox{
width: 264px;
}
.l-mediabox h6{
color: #101010;
line-height: 36px;
height: 36px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.l-mediatime{
color: #a4a4a4;
font-size: 14px;
line-height: 26px;
height: 26px;
display: block;
}
.l-mediatxt{
line-height: 24px;
height: 72px;
overflow: hidden;
color: #626262;
font-size: 14px;
}
.l-mediadown{
height: 40px;
line-height: 40px;
}
.l-medialook{
color: #a4a4a4;
}
.l-medialook .iconfont{
background-position: -329px -107px;
width: 24px;
height: 17px;
margin-top: -4px;
}
.l-medialink{
width: 40px;
height: 40px;
line-height: 40px;
background: #989898;
text-align: center;
}
.l-medialink:hover{
/*background: #101010;*/
}
.l-medialink .iconfont{
background-position: -328px -130px;
width: 17px;
height: 15px;
margin-top: 12px;
}
.l-problemtlt>li{
width: 98px;
height: 33px;
line-height: 32px;
text-align: center;
border: 1px solid #ccb58e;
color:#010101;
font-size: 16px;
display: inline-block;
border-radius: 3px;
cursor: pointer;
}
.l-problemtlt>li+li{
margin-left: 10px;
}
.l-problemtlt>li:hover,.l-problemtlt>li.selected{
background: #ccb58e;
color: #FFF;
}
.l-problemlist{
border-top: 1px solid #cccccc;
}
.l-problemlist>li{
padding: 10px 0 10px;
border-bottom: 1px solid #cccccc;
}
.l-asktlt{
line-height: 30px;
}
.askq{
background-position: -546px 0;
width: 56px;
height: 41px;
}
.a4{
color: #a4a4a4;
}
.aska{
background-position: -545px -40px;
width: 56px;
height: 42px;
margin-top: 15px;
}
.l-askdiv{
width: 865px;
line-height: 25px;
color:#626262;
font-size: 16px;
}
.min-h448{
min-height: 448px;
}
.l-successwrap{
height: 50px;
margin-top: 128px;
line-height: 50px;
display: block;
}
.l-successwrap img{
width: 50px;
height: 50px;
border-radius: 50%;
*vertical-align: middle;
object-fit: cover;
}
.l-successwrap em{
color: #282828;
font-size: 18px;
font-weight: bold;
}
.l-successtips{
line-height: 29px;
color: #626262;
}
.l-successtips em{
color: #282828;
}
.l-recruitbox>li{
padding: 19px 0;
border-bottom: 1px solid #cccccc;
}
.l-recruitlt{
line-height: 79px;
height: 79px;
}
.l-recruitleft{
line-height: 39px;
color: #626262;
font-size: 14px;
}
.l-recruitleft>i+i{
margin-left: 5px;
}
.l-recruitleft>i{
margin-right: 5px;
}
.l-recruitleft>em{
display: block;
line-height: 40px;
color: #282828;
font-size: 18px;
}
.recruitup{
background-position: -604px 0;
width: 22px;
height: 12px;
margin-top: 33px;
}
.recruitdown{
transform: all .3s;
-webkit-transform: all .3s;
-moz-transform: all .3s;
background-position: -604px -16px;
}
.l-recruitable{
background: #f1f1f1;
border: 1px dashed #d2d2d2;
padding: 18px 23px;
line-height: 30px;
color: #626262;
border-radius: 7px;
}
.l-recruitable>h6{
color: #282828;
font-size: 16px;
font-weight: bold;
}
.l-recrubnt{
border-radius: 3px;
}
.disnone{
display: none;
}
/*------2017.8.16-----*/
.l-forgetlt img{
height: 35px;
}
.l-forgetlt em{
color: #000;
line-height: 33px;
}
.l-forgetlt{
height: 35px;
overflow: hidden;
}
.forgetone{
background-position: 0 -215px;
width: 512px;
height: 30px;
margin: 30px auto 0;
}
.l-forgetli{
width: 640px;
margin: 10px auto;
}
.l-forgetli>li{
line-height: 32px;
text-align: center;
width: 160px;
float: left;
color: #626262;
}
.l-forgetbox{
border-top: 1px solid #e4e4e4;
}
.l-forgetleft{
width: 328px;
padding-right: 23px;
color: #282828;
text-align: right;
line-height: 52px;
}
.l-forgetleft>p+p{
margin-top: 18px;
}
.usertel{
background-position: -605px -32px;
width: 22px;
height: 34px;
margin-top: 8px;
}
.usercode{
background-position: -605px -70px;
width: 24px;
height: 19px;
margin-top: 15px;
}
.l-loginlist>li.l-codeli{
border: none;
}
.l-codebox{
border: 1px solid #cccccc;
height: 50px;
width: 284px;
}
.boderc{
border: 1px solid #f3f3f3;
}
.l-codebox .l-logintxt{
width: 214px;
}
.l-codebox .l-userinter{
width: 234px;
}
.l-codepic{
width: 135px;
height: 52px;
border: 1px solid #cccccc;
}
.l-codetxt{
line-height: 52px;
color: #626262;
font-size: 16px;
}
.l-codetxt a{
color: #282828;
text-decoration: underline;
}
.l-codetxt a:hover{
color: #7cb82e;
}
.forgettwo{
background-position: 0 -249px;
width: 512px;
height: 30px;
margin: 30px auto 0;
}
.l-codetel{
color: #282828;
line-height: 52px;
}
.l-codetel a{
color: #626262;
}
.l-codebnt{
background: #f2f2f2;
font-size: 16px;
color: #000;
text-align: center;
line-height: 47px;
cursor: pointer;
outline: none;
}
.l-codetips{
color: #626262;
}
.l-codetips em{
color: #282828;
}
.forgetthree{
background-position: 0 -284px;
width: 512px;
height: 30px;
margin: 30px auto 0;
}
.l-errortips{
line-height: 52px;
}
.l-loginlist>li.l-userpass{
margin-top: 14px;
height: 30px;
}
.bntpasswrod>a{
width: 98px;
height: 30px;
text-align:center;
line-height: 30px;
color: #ffffff;
font-size: 16px;
background: #CCCCCC;
float: left;
transition: width .5s ease-in;
-moz-transition: width .5s ease-in;
-webkit-transition: width .5s ease-in;
-o-transition: width .5s ease-in;
}
.bntpasswrod>a+a{
margin-left: 10px;
}
.bntpasswrod>a.pw-week{
background: #d83333;
}
.bntpasswrod>a.pw-defule{
background: #ffd500;
}
.bntpasswrod>a.pw-strong{
background: #7cb82e;
}
.forgetfour{
background-position: -1px -320px;
width: 512px;
height: 30px;
margin: 30px auto 0;
}
.l-forgetsuccess{
color: #626262;
line-height: 50px;
text-align: center;
}
.l-forgetsuccess .iconfont{
background-position: -534px -118px;
width: 50px;
height: 50px;
}
.l-forgetbnt>a{
width: 140px;
display: inline-block;
border-radius: 3px;
border: 1px solid #d83333;
display: inline-block;
height: 42px;
line-height: 42px;
text-align: center;
color: #101010;
}
.l-forgetbnt>a+a{
margin-left: 20px;
}
.l-forgetbnt>a:hover{
background: #d83333;
color: #FFF;
border-color: #d83333;
}
.l-forgetbnt>a.cur{
background: #7cb82e;
color: #FFF;
border-color: #7cb82e;
}
.l-vouchertxt{
width: 190px;
height: 30px;
padding: 4px 10px;
border: 1px solid #d83333;
border-radius: 3px;
color: #101010;
outline: none;
}
.l-vouchertab{
color: #626262;
font-size: 16px;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}
.l-vouchertab th,.l-vouchertab td{
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
height: 100px;
}
.l-vouchertab img{
max-height: 100%;
max-width: 100%;
object-fit: cover;
}
.f40{font-size: 40px;}
.l-regsuccess {
height: 54px;
overflow: hidden;
}
.l-regsuccess img{
height: 54px;
}
.l-regsuccess em{
line-height: 70px;
}
.l-regsuccesstop{
margin-top: 44px;
}
.useridcard{
background-position: -607px -93px;
width: 24px;
height: 19px;
margin-top: 15px;
}
.userid{
background-position:-607px -118px;
width: 24px;
height: 25px;
margin-top: 12px;
}
.l-areaul{
z-index: 99;
}
.l-designertlt{
line-height: 52px;
width: 76px;
}
.l-designerdrea{
width: 206px;
height: 50px;
line-height: 50px;
background: none;
}
.l-designerdrea .l-areadrea em{
width: 172px;
display: inline-block;
overflow:hidden;
height: 50px;
line-height: 50px;
float:left;
}
.l-designerdrea .l-areadrea .iconfont{
background-position: -193px -98px;
width: 18px;
height: 10px;
margin-top:20px;
}
.l-designerdrea .l-areaul{
top: 50px;
}
.usertime{
background-position:-217px -161px;
width: 24px;
height: 24px;
margin-top: 13px;
}
.l-errorpass{
line-height: 26px;
width: 290px;
color: #a4a4a4;
}
.l-errorpassnew{
line-height: 26px;
width: 388px;
color: #a4a4a4;
}
.l-errorpass-pas{
line-height: 26px;
width: 290px;
color: #a4a4a4;
font-size:small;
}
.a0072ff{
color: #0072ff;
}
.bordernone{
border: none;
}
.l-designerdown a{
text-decoration: underline;
}
.l-goodstyle{
border-top: 1px solid #cccccc;
}
.l-goodstyletlt{
line-height: 36px;
color: #282828;
}
.l-goodstylebox{
margin-left: -10px;
width: 710px;
}
.l-goodstylebox>a{
font-size: 14px;
width: 100px;
height: 28px;
color: #333333;
line-height: 28px;
text-align: center;
border: 1px solid #cccccc;
float: left;
margin: 15px 0 0 10px;
text-decoration: none !important;
}
.l-goodstylebox>a.cur,.l-goodstylebox>a:hover{
background: #ccb58e;
color: #FFF;
border-color:#ccb58e;
}
.l-goodstylarea{
height: 130px;
width: 678px;
border: 1px solid #cccccc;
padding: 10px 15px;
line-height: 26px;
}
.l-goodstylarea textarea{
width: 100%;
height: 100%;
resize: none;
border: none;
outline: none;
}
.l-areatxt{
position: absolute;
right: 10px;
bottom: 5px;
color: #282828;
font-size: 14px;
}
.l-goodstyletlt em{
font-size: 14px;
color: #a4a4a4;
font-weight: normal;
}
.supplierclose{
position: absolute;
right: -7px;
top: -7px;
border: 1px solid #ccc;
width: 15px;
height: 15px;
border-radius: 50%;
text-align: center;
line-height: 15px;
color: #666;
font-size: 14px;
background: #FFF;
z-index: 99;
cursor: pointer;
}
.l-supplierpic img{
width: 150px;
height: 150px;
object-fit: cover;
}
.l-useregbox{
width: 360px;
height: 340px;
padding-top: 145px;
border-left: 1px solid #ccc;
}
.l-useregbox em{
line-height: 66px;
color: #626262;
}
.l-reglist>li{
height: 52px;
margin-top: 25px;
}
.l-useregtab>a{
width: 208px;
border-radius: 0;
}
.l-honorlist{
margin-left:-30px;
}
.l-honorlist>li{
float: left;
margin: 30px 0 0 28px;
width: 360px;
}
.l-honorlist>li img{
width: 360px;
height: 270px;
object-fit: cover;
}
.l-honorlist>li em{
height: 48px;
display: block;
line-height: 48px;
width: 358px;
text-align: center;
font-size: 18px;
color: #626262;
border: 1px solid #ccc;
overflow: hidden;
}
.honordialog{
position: absolute;
background: #000;
opacity: .5;
filter: alpha(opacity=50);
display: none;
text-align: center;
line-height: 320px;
cursor: pointer;
}
.honordialog .iconfont{
background-position: -533px -175px;
width: 50px;
height: 50px;
}
.honor-cont{
width: 800px;
padding: 10px 10px 0;
}
.honor-list{
width: 800px;
text-align: center;
}
.honor-list li{
display: none;
}
.honor-list img{
max-width: 800px;
max-height: 800px;
object-fit: cover;
}
.honor-down{
line-height: 60px;
}
.honor-down .prev{
background-position: -524px -229px;
width: 30px;
height: 30px;
margin-top: 15px;
margin-right: 6px;
}
.honor-down .prev:hover{
background-position: -524px -263px;
}
.honor-down .next:hover{
background-position: -565px -263px;
}
.honor-down .next{
background-position: -563px -229px;
width: 30px;
height: 30px;
margin-top: 15px;
}
.honor-close .iconfont{
background-position: -600px -229px;
width: 32px;
height: 32px;
}
/*-------2017.8.17------*/
.l-banktlt{
width: 115px;
text-align: right;
padding-right: 20px;
color: #282828;
font-size: 16px;
line-height: 45px;
}
.l-banklist>li{
margin-top: 23px;
}
.l-banktype{
padding: 5px 10px;
width: 298px;
height: 33px;
line-height: 33px;
font-size: 16px;
color: #010101;
outline: none;
}
.l-banklist>li .l-errortips{
line-height: 45px;
}
.w320{
width: 320px;
}
.ml135{
margin-left: 135px;
}
.border-topc{
border-top: 1px solid #f3f3f3;
}
.p0{
padding: 0;
}
.l-singlelist>li{
width: 175px;
margin: 30px 0 0 18px;
border: 1px solid #eaeaea;
box-shadow: 0 0 5px #eaeaea;
float: left;
}
.l-singlelist>li img{
width: 175px;
height: 175px;
object-fit: cover;
}
.l-singlecTitle{
line-height: 33px;
border-bottom: 1px solid #ccc;
}
.l-singlecTitle>a.left{
font-size: 14px;
}
.l-singletlt{
padding: 7px 0;
border-bottom: 1px solid #ccc;
}
.l-singletlt>h6{
line-height: 27px;
height: 27px;
overflow: hidden;
}
.l-singletlt>p{
color: #626262;
height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 24px;
}
.prop_shoplist_date .prop_shoplist_month{
width: 100%;
}
.l-vrtabinbox{
margin-left: -2px;
}
.l-vrtabinbox>li{
width: 305px;
height: 394px;
margin-left: 22px;
}
.l-vrtabinbox>li .modern_list_cImg{
height: 226px;
}
.l-vrtabinbox>li .modern_list_cCont{
width: 285px;
height: 168px;
}
.l-vrtabdown{
padding: 5px 0 10px;
}
.l-vrtabdown .modern_list_money{
line-height: 24px;
overflow: hidden;
display: block;
color: #FF0000;
font-size: 16px;
height: 24px;
}
.l-vrtabdown >h6{
line-height: 30px;
overflow: hidden;
height: 30px;
color: #282828;
}
.l-vrtabdown >p{
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 22px;
color: #626262;
}
.l-vrtabinbox>li .modern_list_carts{
top: 196px;
}
.l-vrtabinbox>li .modern_list_coll{
top: 196px;
}
.w1002{
width: 1002px;
}
.l-venderuser{
width: 140px;
height: 140px;
border-radius: 50%;
margin: 10px 0 0 10px;
}
.l-venderuser img{
width: 140px;
height: 140px;
border-radius: 50%;
object-fit: cover;
}
.l-vendertxt{
width: 167px;
border-right: 1px solid #cccccc;
height: 160px;
}
.l-vendertxt>h6{
line-height: 35px;
height: 35px;
overflow: hidden;
padding-top: 19px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.l-vendertxt>p.red{
line-height: 30px;
height: 30px;
overflow: hidden;
}
.l-gress{
line-height: 28px;
height: 28px;
overflow: hidden;
}
.l-gress em{
color: #626262;
font-size: 14px;
}
.l-gressbox{
width: 90px;
height: 7px;
border-radius: 3px;
background: #e4e4e4;
margin-top: 10px;
}
.l-gressbox i{
display: block;
height: 7px;
border-radius: 3px;
background: #282828;
}
.l-gresstap{
padding-left: 82px;
color: #626262;
font-size: 14px;
margin-top: -5px;
}
.l-venderlist{
width: 270px;
}
.l-venderlist>li{
width: 90px;
float: left;
height: 60px;
padding-top: 11px;
text-align: center;
overflow: hidden;
}
.l-venderlist>li em{
display: block;
color: #282828;
font-size: 12px;
height: 25px;
line-height: 25px;
}
.l-venderpic{
width: 35px;
height: 35px;
border-radius: 50%;
}
.l-venderpic img{
width: 35px;
height: 35px;
border-radius: 50%;
object-fit: cover;
}
.l-venderlist>li a{
display: block;
}
.l-venderlist>li:hover em{
color: #FF0000;
}
.l-venderbrank{
width: 142px;
border-right: 1px solid #cccccc;
height: 160px;
border-left: 1px solid #cccccc;
}
.l-venderbrank span.f14{
color: #282828;
line-height: 43px;
display: block;
}
.l-venderbrank .iconfont{
background-position:-247px -172px;
width: 42px;
height: 30px;
}
.l-venderbnt{
width: 180px;
padding:12px 0 0 16px;
}
.l-venderbnt>a{
width: 176px;
height: 46px;
border: 2px solid #a4a4a4;
border-radius: 5px;
line-height: 46px;
text-align: center;
color: #282828;
font-size: 16px;
display: block;
margin-top: 12px;
}
.l-venderbnt>a:hover,.l-venderbnt>a.cur{
background: #7cb82e;
border-color: #7cb82e;
color: #FFF;
}
.l-lookorder{
position: absolute;
right: 19px;
top: 0;
line-height: 50px;
color: #626262;
font-size: 14px;
}
.l-vendertable{
height: 40px;
border-bottom: 1px solid #f3f3f3;
background: #f2f2f2;
line-height: 40px;
font-size: 14px;
}
.l-vendertable>li{
float: left;
}
.l-vendertable>li+li{
border-left: 1px solid #e9e9e9;
}
.w325{
width: 325px;
}
.w126{
width: 126px;
}
.w133{
width: 133px;
}
.w177{
width: 177px;
}
.w235{
width: 235px;
}
.l-venderimg{
margin: 5px 0 5px 4px;
height: 78px;
overflow: hidden;
}
.l-venderimg img{
float: left;
width: 76px;
height: 74px;
border: 1px solid #f3f3f3;
margin-left: 15px;
object-fit: cover;
image-rendering: -webkit-optimize-contrast;
}
.l-venderusername{
line-height: 88px;
height:88px;
color: #626262;
}
.l-venderpay{
padding-top: 33px;
}
.l-venderpay>em{
line-height: 31px;
display: block;
height: 31px;
color: #626262;
}
.l-vendercount{
display: inline-block;
width: 46px;
height: 28px;
color: #282828;
line-height: 28px;
border: 1px solid #cccccc;
}
.l-vendertime{
color: #626262;
line-height: 24px;
}
.l-vendtxtd{
line-height: 127px;
width: 100px;
}
.l-vendertdbnt>a+a{
margin-top: 11px;
}
.l-vendertdbnt>a{
display: block;
font-size: 16px;
border-radius: 5px;
text-align: center;
width: 124px;
height: 38px;
}
.ordersbnt{
border: 1px solid #a4a4a4;
line-height: 38px;
color: #282828;
}
.ordersbnt:hover{
background: #7cb82e;
border-color: #7cb82e;
color: #FFF;
}
.singlebnt{
border: 1px solid #ff8d21;
line-height: 40px;
background: #ff8d21;
color: #FFF;
}
.l-venderlistin>li+li{
border-top: 1px solid #f3f3f3;
/* height: 127px; */
overflow: hidden;
}
.deliverbnt{
border: 1px solid #7cb82e;
line-height: 40px;
background: #7cb82e;
color: #FFF;
}
.a2e8610{
color: #2e8610;
}
.l-tablistpay{
width: 106px;
height: 34px;
line-height: 34px;
color: #282828;
background: #f2f2f2;
border: 1px solid #cccccc;
top: 20px;
}
/*-----2017.8.18-----*/
.l-venderbox{
height: 49px;
border-bottom: 1px solid #f3f3f3;
}
.l-vendernav>li{
margin-left: 4px;
padding: 0 10px;
line-height: 48px;
float: left;
cursor: pointer;
position: relative;
}
.l-vendernav>li .iconfont{
display: none;
}
.l-vendernav>li.selected{
line-height: 48px;
border-bottom: 2px solid #282828;
}
.l-vendernav>li.selected .iconfont{
background-position: -594px -148px;
width: 10px;
height: 5px;
position: absolute;
left: 50%;
top: 50px;
margin-left: -5px;
display: block;
}
.l-vendertap{
position: absolute;
right: 20px;
top: 10px;
}
.l-vendertap>a{
width: 25px;
height: 25px;
float: left;
}
.l-vendertap>a.prev{
background-position: -327px -150px;
}
.l-vendertap>a.next{
background-position: -327px -181px;
}
.l-vendertap>a.prev:hover{
background-position: -496px -148px;
}
.l-vendertap>a.next:hover{
background-position: -497px -176px;
}
.l-venderlitab{
padding-left: 2px;
}
.l-venderlitab>li{
float: left;
width: 145px;
height: 246px;
overflow: hidden;
margin: 18px 0 0 17px;
border: 1px solid #eaeaea;
box-shadow: 0 0 5px #eaeaea;
cursor: pointer;
}
.l-venderlitab>li img{
width: 145px;
height: 145px;
object-fit: cover;
}
.l-venderpayup{
padding: 6px 5px 0 8px;
line-height: 24px;
height: 24px;
}
.l-vendertxtbot{
padding: 0px 5px 0 8px;
line-height: 29px;
height: 29px;
color: #282828;
overflow: hidden;
}
.l-vendertxtbot>i{
color: #626262;
}
.l-venderhot{
background: #101010;
height: 36px;
line-height: 36px;
text-align: center;
color: #FFF;
font-size: 14px;
}
.l-venderhot .iconfont{
background-position: -296px -173px;
width: 14px;
height: 20px;
margin-top: -4px;
}
.l-venderlitab>li:hover .l-venderhot{
background: #7cb82e;
}
.l-seachbox{
position: absolute;
right: 20px;
top: 10px;
}
.l-seachinput{
width: 80px;
padding: 4px;
height: 20px;
border: 1px solid #d2d2d2;
text-align: center;
}
.l-seachinput input{
width: 100%;
height: 100%;
line-height: 100%;
outline: none;
color: #626262;
border: none;
}
.l-seachline{
height: 15px;
width: 13px;
border-bottom: 1px solid #626262;
margin: 0 10px;
}
.w150{
width: 150px;
}
.l-seachbnt{
width: 60px;
height: 30px;
line-height: 30px;
text-align: center;border: none;
outline: none;
text-align: center;
color: #FFF;
background: #ccb58e;
}
.w467{
width: 467px;
}
.w500{
width: 500px;
}
.w200{
width: 200px;
}
.w118{
width: 118px;
}
.w138{
width: 138px;
}
.w122{
width: 122px;
}
.l-vendertlt>li{
color: #626262;
}
.l-venderselect{
width: 98px;
height: 24px;
padding: 0 8px;
outline: none;
border: 1px solid #e9e9e9;
}
.l-venderlistin>li.l-emptytab{
line-height: 50px;
height: 50px;
padding: 0 20px;
color: #626262;
}
.l-emptyselect input{
vertical-align: middle;
}
.l-emptybnt{
width: auto;
padding: 0 10px;
height: 28px;
color: #626262;
line-height: 28px;
margin: 10px 0 0 20px;
}
.l-delbnt{
color: #626262;
}
.l-delbnt .iconfont{
background-position: -589px -158px;
width: 30px;
height: 30px;
}
.c28{
color: #282828;
}
.c62{
color: #626262;
}
.sn_cl{
width: 280px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.l-vendetabpic{
margin: 20px 0 0 19px;
}
.l-vendetabpic img{
width: 78px;
height: 78px;
object-fit: cover;
}
.l-ordertxt>p{
line-height: 21px;
height: 21px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.borderleftc{
border-left: 1px solid #f3f3f3;
}
.l-vendertdbox>li{
/* height: 126px; */
overflow: hidden;
}
.l-payuptab{
line-height: 26px;
}
.c89{
color: #898989;
}
.l-bigvender{
background-position: -604px -265px;
width: 30px;
height: 30px;
}
.l-delicon{
background-position: -525px -297px;
width: 26px;
height: 26px;
position: absolute;
right: 20px;
top: 6px;
}
.l-ordertlt>li{
float: none;
}
.l-custom{
margin-left: 65px;
}
.l-custom .iconfont{
background-position: -557px -297px;
width: 28px;
height: 28px;
}
.l-delorder{
position: absolute;
right: 20px;
top: 0;
line-height: 40px;
}
.l-delorder .iconfont{
background-position: -618px -193px;
width: 16px;
height: 16px;
}
.hop-ordercont{
width: 490px;
max-height: 600px;
overflow: auto;
}
.hop-ordercont>h6{
line-height: 45px;
background: #ccb58e;
}
.hop-ordercontss{
width: 80%;
max-width: 100%;
max-height: 100%;
overflow: auto;
}
.hop-ordercontss>h6{
line-height: 45px;
background: #ccb58e;
}
.hop-orderp{
line-height: 29px;
}
.hop-orderbnt{
padding: 37px 0 33px;
}
.hop-orderbnt>a{
width: 120px;
height: 40px;
display: inline-block;
border-radius: 2px;
background: #FFF;
line-height: 40px;
color: #d83333;
font-size: 16px;
border: 1px solid #d83333;
}
.hop-orderbnt>a+a{
margin-left: 40px;
}
.l-returnlist{
width: 700px;
margin: 13px auto 0;
}
.l-returnlist>li{
width: 145px;
float: left;
text-align: center;
line-height: 25px;
}
.l-returnlist>li.last{
width: 120px;
}
.onebackreturn{
background-position: 0 -487px;
width: 581px;
height: 30px;
}
.l-returntips{
margin: 28px 19px 19px;
background: #f2f2f2;
line-height: 38px;
border: 1px solid #cccccc;
padding: 0 19px;
}
.l-returnpay{
padding: 26px 0 20px;
line-height: 35px;
}
.w100{
width: 100px;
}
.l-returntab{
padding: 25px;
line-height: 36px;
}
.l-returntab>li{
width: 50%;
float: left;
}
.l-returntab>li.floatnone{
float: none;
}
/*------2017.8.19----*/
.onebackreturn{
background-position: 0 -487px;
width: 581px;
height: 30px;
}
.twobackreturn{
background-position: 0 -453px;
width: 581px;
height: 30px;
}
.threebackreturn{
background-position: 0 -419px;
width: 581px;
height: 30px;
}
.threebackreturn-close{
background-position: 0 -419px;
width: 312px;
height: 30px;
}
.fourbackreturn{
background-position: 0 -386px;
width: 581px;
height: 30px;
}
.fivebackreturn{
background-position: 0 -354px;
width: 581px;
height: 30px;
}
.l-banktypesel{
padding: 5px 10px;
width: 323px;
height: 43px;
font-size: 16px;
color: #010101;
outline: none;
}
.l-orderbox{
margin-top: -30px;
}
.l-orderbox>a{
padding: 9px 14px 15px 16px;
height: 50px;
display: inline-block;
margin-right: 20px;
border-radius: 3px;
}
.l-ordergoods{
background: #ff8d21;
}
.l-ordergoods .iconfont{
background-position: -600px -303px;
width: 34px;
height: 38px;
margin: 7px 9px 0 0;
float: left;
}
.l-ordertext{
float: left;
line-height: 26px;
}
.l-ordertext em{
display: block;
}
.l-ordercard{
background: #005fc1;
}
.l-ordercard .iconfont{
background-position: -596px -345px;
width: 38px;
height: 36px;
margin: 8px 7px 0 0;
float: left;
}
.l-orderincard{
background: #7cb82e;
}
.l-orderincard .iconfont{
background-position: -596px -384px;
width: 38px;
height: 38px;
margin: 7px 7px 0 0;
float: left;
}
.l-ordertab .l-emptybnt{
margin-top: 0;
}
.l-ordertable{
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.l-ordertable th,.l-ordertable td{
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}
.l-ordertable th{
background: #dfdfdf;
line-height: 51px;
color: #282828;
font-size: 16px;
font-weight: normal;
}
.l-ordertable td{
line-height: 44px;
text-align: center;
color: #626262;
font-size: 14px;
}
.l-ordertable tr:nth-child(odd){
background: #f7f7f7;
}
.l-selectab{
position: absolute;
right: 0px;
top: -67px;
}
.w424{
width: 424px;
}
.w129{
width: 129px;
}
.w165{
width: 165px;
}
.w112{
width: 112px;
}
.w290{
width: 290px;
}
.l-waitxt{
padding: 27px 0 0 27px;
}
.l-waitxt>h6{
color: #282828;
font-size: 18px;
font-weight: bold;
line-height: 32px;
height: 32px;
overflow: hidden;
}
.l-waitxt>em{
line-height: 27px;
height: 27px;
overflow: hidden;
font-weight: bold;
color: #282828;
font-size: 14px;
}
.l-waitxt>p{
line-height: 26px;
font-size: 14px;
color: #626262;
}
.w310{
width: 310px;
}
.w380{
width: 380px;
}
.l-waitpic{
width: 100px;
height: 100px;
}
.l-waitpic img{
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
}
.l-waituser{
width: 260px;
margin-left: 18px;
}
.l-waituser>h6{
line-height: 34px;
height: 34px;
overflow: hidden;
color: #333333;
font-size: 18px;
}
.l-waituser>p{
line-height: 26px;
font-size: 14px;
color: #626262;
}
.l-editorbnt{
line-height: 31px;
}
.l-editorbnt .iconfont{
background-position: -528px -326px;
width: 19px;
height: 19px;
}
.l-editordiv{
padding-top: 36px;
line-height: 20px;
}
.l-waitable{
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.l-waitable td{
line-height: 59px;
font-size: 14px;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}
.l-waitimg{
width: 480px;
height: 480px;
object-fit: cover;
}
.l-waitimg img{
width: 480px;
height: 480px;
object-fit: cover;
}
/*------2017.8.24-----*/
.back-f2{
background: #f2f2f2;
}
.l-colspantab{
line-height: 39px;
}
.l-colspantab th{
text-align: center;
font-weight: normal;
color: #626262;
}
.l-colspantab th+th{
border-left: 1px solid #ccc;
}
.l-colspantab td{
line-height: 39px;
border-right: none !important;
text-align: center;
}
.l-colspantab td+td{
border-left: 1px solid #ccc;
}
.l-settips{
line-height: 25px;
padding: 18px 30px 0;
min-height: 100px;
}
.l-setbox{
line-height: 40px;
}
.l-setbox img{
max-width: 100%;
}
.underline{
text-decoration: underline;
}
.bntabin{
background: #7cb82e;
text-align: center;
line-height: 40px;
color: #FFF;
display: inline-block;
width: 120px;
height: 40px;
font-size: 14px;
border-radius: 3px;
cursor: pointer;
}
.bntabins{
background: #7cb82e;
text-align: center;
line-height: 40px;
color: #FFF;
display: inline-block;
width: 120px;
height: 40px;
font-size: 14px;
border-radius: 3px;
cursor: pointer;
}
.closebnt{
position: absolute;
right: 15px;
top: 15px;
background-position: -558px -329px;
width: 15px;
height: 15px;
display: block;
}
.w595{
width: 595px;
}
.hop-eval>h6{
color: #626262;
line-height: 30px;
font-size: 16px;
}
.hop-evalarea{
line-height: 30px;
padding: 10px 19px;
border: 1px solid #d2d2d2;
color: #282828;
height: 108px;
resize: none;
outline: none;
width: 485px;
}
/*end_designer_index*/
/*designer_right*/
.designer_right{width: 1002px; height:auto; overflow:hidden; float:right;}
.l-contwrap{ width: 1000px; border: 1px solid #eaeaea; box-shadow: 0 0 5px #eaeaea;background: #FFF;}
.l-venderuserpic{ width: 100px; height: 100px; border-radius: 50%; overflow:hidden;margin: 30px;}
.l-venderuserpic img{ width: 100px; height: 100px; border-radius: 50%;object-fit: cover;}
.dsl-gress{ line-height: 28px; height: 28px; overflow: hidden;}
.dsl-gress em{ color: #626262; font-size: 14px;}
.dsl-gresstap{ padding-left: 82px; color: #626262; font-size: 14px; margin-top: -5px;}
.sj_name{font-size:18px; font-weight:bold; color:#333333;}
.sj_dengji{font-size:16px; height:25px; line-height:25px; font-weight:bold; color:#df9c19; margin-top:5px; margin-bottom:5px;}
.sj_dengji img{float:left; vertical-align:middle; width:14px; height:18px; margin-top:3px;}
.sj_dengji span{padding-left:10px;}
.sj_ico >li{width: 90px; float: left; height: 60px; padding-top: 14px; text-align: center; overflow: hidden; margin-left:3px;}
.sj_ico >li em{ display: block; color: #282828; font-size: 12px; height: 25px; line-height: 25px;}
.sj_ico >li:hover em{ color: red;}
.sj_ico >li >a span{width: 35px; height: 35px; border-radius: 50%;}
.sj_ico >li >a span img{width: 35px;height: 35px; border-radius: 50%;object-fit: cover;}
.dsl-gressbox{ width: 90px; height: 7px; border-radius: 3px; background: #e4e4e4; margin-top: 10px;}
.dsl-gressbox i{display: block; height: 7px; border-radius: 3px; background: #282828;}
.l-vendertxt2{ width: 202px; border-right: 1px solid #cccccc; height: 160px;}
.l-vendertxt2>h6{ line-height: 35px; height: 35px; overflow: hidden; padding-top: 19px;}
.l-vendertxt2>p.red{ line-height: 30px; height: 30px; overflow: hidden;}
.dis_order{width:210px; height:150px; float:left; overflow:hidden; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid;}
.dis_order li{height:45px; line-height:45px;}
.dis_order li a{ font-size:14px; color:#282828; display: block; padding-left: 30px;}
.dis_order li a:hover{color:red;}
.dis_rnav{width:125px; height:150px; float:left; overflow:hidden; margin-left:50px;}
.dis_rnav li{height:45px; line-height:45px;}
.dis_rnav li a{ font-size:14px; color:#282828;}
.dis_rnav li a:hover{color:red;}
.designer_index .prop_shoplist_date a{color:#626262; font-size:14px;}
.vricon{
background-position: -587px -431px;
width: 21px;
height: 26px;
margin: 0 14px 0 5px;
}
.sulpicon{
background-position: -613px -431px;
width: 19px;
height: 21px;
margin: 0 16px 0 5px;
}
.l-takbnt .iconfont{
background-position: -69px -530px;
width: 59px;
height: 25px;
}
.l-takbnt .cur{
background-position:0 -531px;
width: 59px;
height: 23px;
}
.vrindexone{
background-position: -587px -462px;
width: 22px;
height: 18px;
margin: 0 13px 0 5px;
}
.vrindextwo{
background-position: -586px -486px;
width: 23px;
height: 21px;
margin: 0 12px 0 5px;
}
.vrindexthree{
background-position: -587px -510px;
width: 22px;
height: 20px;
margin: 0 13px 0 5px;
}
.l-modernp{
line-height: 24px;
}
.l-vrtabinbox>li.modern_list_items{
height: 336px;
}
.l-vrtabinbox>li.modern_list_items .l-vrtabdown{
padding: 5px 0 3px;
}
.tab_bot{
padding: 30px 14px 0;
}
.tab_bot li{
float: left;
width: 162px;
}
.tab_bot img{
display: block;
width: 130px;
height: 130px;
margin: 0 auto;
border-radius: 50%;
object-fit: cover;
}
.tab_bot h4{
font-size: 16px;
color: #000;
font-weight: bold;
padding-top: 22px;
text-align: center;
line-height: 32px;
height: 32px;
overflow: hidden;
}
.tab_bot p {
padding: 0 15px;
font-size: 12px;
color: #626262;
line-height: 32px;
}
.l-disorder{ border-right: none;}
.l-disorder>li>a{
padding: 0;
}
.l-disorder>li{
height: auto;
line-height: auto;
}
.l-disorder>li em{
line-height: 25px;
font-size: 12px;
}
.l-disorder>li+li{padding-top: 14px;}
.l-tablevip{
width: 100%;
border-bottom: 1px solid #f3f3f3;
}
.l-tablevip th{
color: #626262;
font-weight: normal;
text-align: center;
background: #f2f2f2;
height: 38px;
font-size: 14px;
border-bottom: 1px solid #e9e9e9;
}
.l-tablevip th+th{
border-left: 1px solid #e9e9e9;
}
.l-tablevip td{
border-top: 1px solid #f3f3f3;
color: #626262;
font-size: 14px;
text-align: center;
line-height: 32px;
}
.l-viplitab>li{
height: 230px;
}
.l-viplitab>li p{
line-height: 20px;
color: #626262;
padding: 0px 5px 0 8px;
}
.right_top_wrap_content{
padding: 20px;
border: 1px solid #f3f3f3;
margin-bottom: 10px;
}
.right_top_wrap_content_top {
margin-bottom: 15px;
}
.right_top_wrap_content_top_1 , .right_top_wrap_content_top_2{
float: left;
}
.right_top_wrap_content_top_1 a{
display: block;
width: 78px;
border: 1px solid #f3f3f3;
margin: 5px 15px 0 0;
}
.right_top_wrap_content_top_1 a img
{
width: 78px;
height: 78px;
object-fit: cover;
}
.right_top_wrap_content_top_2 h4{
line-height: 21px;
}
.right_top_wrap_content_top_2 p{
width: 400px;
color: #626262;
line-height: 21px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.right_top_wrap_content_top_2 p span{
color: #000;
}
.right_top_wrap_content_top_3 {
float: right;
/* height: 100%; */
}
.right_top_wrap_content_top_3 p{
line-height: 70px;
color: #626262;
}
.right_top_wrap_content_mid {
height: 40px;
background: #f2f2f2;
padding: 0 20px;
margin-bottom: 15px;
}
.right_top_wrap_content_mid_1{
float: left;
height: 40px;
}
.right_top_wrap_content_mid_1 p{
color: #626262;
font-size: 12px;
line-height: 40px;
}
.right_top_wrap_content_mid_1 p i{
display: inline;
display: inline-block;
width: 18px;
height: 18px;
background: url('/images/icon4.png') no-repeat center/cover;
margin-right: 8px;
vertical-align: middle;
margin-top: -5px;
}
.right_top_wrap_content_mid_2 {
float: right;
}
.right_top_wrap_content_mid_2 p{
float: right;
color: #626262;
line-height: 40px;
}
.right_top_wrap_content_mid_2 p .time{
margin-left: 100px;
}
.right_top_wrap_content_mid_2 p i{
background-position: -132px -520px;
width: 18px;
height: 18px;
margin-top: -4px;
}
.modelin{
height: 5px;
margin-top: 37px;
width: 25px;
}
.modelin .iconfont{
background-position: -158px -522px;
width: 25px;
height: 5px;
}
.right_top_wrap_content_bot p{
color: #626262;
}
.right_top_wrap_content_bot p span{
color: #000;
}
.right_top_wrap_content_bot_admin{
height: 48px;
border: 1px solid #ccc;
background: #f2f2f2;
line-height: 48px;
padding: 0 20px;
margin-top: 20px;
}
.right_top_wrap_content_bot_admin{
color: #626262;
position: relative;
}
.right_top_wrap_content_bot_admin strong{
color: red;
}
.right_top_wrap_content_bot_admin .iconfont{
position: absolute;
background-position: -189px -521px;
width: 16px;
height: 10px;
left: 10px;
top: -10px;
}
.right_top_wrap_content_bot_img a{
display: block;
width: 78px;
height: 78px;
border:1px solid #ccc;
float: left;
margin-right: 15px;
margin-top: 15px;
}
.right_top_wrap_content_bot_img a img{
display: block;
width: 78px;
height: 78px;
object-fit: cover;
}
.l-tag{
background: #f2f2f2;
border: 1px solid #cccccc;
line-height: 38px;
padding: 0 17px;
}
.l-ordersub{
width: 178px;
border: 1px solid #cccccc;
}
.l-ordersub>h6{
line-height: 41px;
text-align: center;
color: #282828;
/* border-bottom: 1px solid #cccccc; */
}
.l-orderptag{
line-height: 36px;
}
.l-orderuser>h6{
line-height: 30px;
}
.l-ordericon{
line-height: 24px;
}
.l-ordericon .iconfont{
background-position: -212px -520px;
width: 18px;
height: 18px;
margin-top: 3px;
}
.l-ordericon .cur{
background-position: -212px -542px;
}
.l-billbox{
border: 1px dashed #cccccc;
line-height: 26px;
color: #888;
padding: 8px;
}
.tagorderbnt{
display: inline-block;
font-size: 16px;
border-radius: 2px;
text-align: center;
width: 124px;
height: 38px;
}
.l-ordertitle{
padding: 8px 20px 9px;
border-bottom: 1px solid #e7e7e7;
}
.l-ordertitle>h6{
line-height: 38px;
}
.l-ordertitle>p{
line-height: 30px;
}
.l-ordersite{
padding: 11px 20px 0;
}
.l-orderleft>h6{
line-height: 40px;
}
.l-ordersitelist{
width: 400px;
}
.l-ordersitelist>li{
width: 200px;
line-height: 25px;
color: #626262;
float: left;
}
.l-sitebnt{
background: #7cb82e;
text-align: center;
line-height: 40px;
color: #FFF;
width: 154px;
height: 40px;
font-size: 14px;
border-radius: 3px;
cursor: pointer;
}
.l-returnbox{
margin: 0;
}
.l-tagorder{
line-height: 24px;
}
.l-tablevip td.tl{
text-align: left;
}
.l-massage{
/* background: #f2f2f2; */
padding: 5px 0px 20px 0;
}
.l-massage>em.left{
width: 70px;
text-align: right;
line-height: 28px;
}
.l-massagearea{
height: 50px;
width: 770px;
border: 1px solid #e9e9e9;
/* padding: 10px 19px; */
position: relative;
}
.l-massagearea textarea{
background: #f3f3f3;
width: 100%;
height: 100%;
/* line-height: 26px; */
outline: none;
resize: none;
border: none;
padding-bottom: 5px;
}
.l-massagearea em{
position: absolute;
right: 20px;
font-size: 12px;
bottom: -5px;
color: #b5b5b5;
}
.l-infortxt{
padding: 11px 0;
border-bottom: 1px solid #ccc;
}
.l-infortxt>h6{
line-height: 50px;
}
.l-infortxt>p{
line-height: 44px;
}
.l-vouchtlt .iconfont{
background-position: -235px -522px;
width: 30px;
height: 22px;
}
.l-vouchwrap{
border: 1px solid #e9e9e9;
padding: 11px 29px;
width: 640px;
line-height: 36px;
}
/*-----2017.8.25----*/
.l-vremptytag{
line-height: 250px;
width: auto;
}
.l-vremptytag .iconfont{
background-position: -288px -527px;
width: 101px;
height: 100px;
}
.l-tagitemin{
margin-top: -15px;
}
.l-vrtaglist>li{
float: none;
width: auto;
height: 120px;
padding: 0;
margin: 0 0 8px 8px;
}
.l-vrtaglist>li .l-vrpic{
width: 120px;
height: 120px;
border-bottom: none;
border-right: 1px solid #ccc;
padding: 0;
margin: 0;
}
.l-vrtaglist>li .l-vrpic img{
width: 100%;
height: 100%;
object-fit: cover;
}
.l-vrtagtxt{
width: 246px;
padding: 13px 10px 0 0;
}
.l-vrtagtxt .l-vrpar{
line-height: 24px;
height: 24px;
padding: 0;
}
.l-vrtagtxt .l-vrtxt{
line-height: 21px;
height: 21px;
padding: 0;
}
.l-vrtagtxt .l-vrdown{
padding: 0;
}
.l-clrclemousebox{
position: absolute;
right: 0;
top: 0px;
height: 780px;
width: 10px;
}
.l-clrclemouse{
width: 10px;
height:780px;
display: block;
background: #cccccc;
position: relative;
border-radius: 5px;
}
.l-clrclemouse .clrcletap {
position: absolute;
left: 0;
height: 200px;
border-radius: 5px;
background: #525252;
top: 0;
width: 10px;
cursor: pointer;
}
.mousewheelbox{
margin-top: 8px;
overflow: hidden;
}
/* 2017.8.24 重复*/
.back-f2{
background: #f2f2f2;
}
.l-colspantab{
line-height: 39px;
}
.l-colspantab th{
text-align: center;
font-weight: normal;
color: #626262;
}
.l-colspantab th+th{
border-left: 1px solid #ccc;
}
.l-colspantab td{
line-height: 39px;
border-right: none !important;
text-align: center;
}
.l-colspantab td+td{
border-left: 1px solid #ccc;
}
.l-settipsnew{
line-height: 25px;
padding: 18px 30px 0;
min-height: 100px;
max-width:420px;
}
.l-settips{
line-height: 25px;
padding: 18px 30px 0;
min-height: 100px;
}
.l-setbox{
line-height: 40px;
}
.l-setbox img{
max-width: 100%;
}
.underline{
text-decoration: underline;
}
.bntabin{
background: #FFF;
text-align: center;
line-height: 40px;
color: #d83333;
display: inline-block;
width: 120px;
height: 40px;
font-size: 14px;
border-radius: 3px;
cursor: pointer;
border: 1px solid #d83333;
}
.closebnt{
position: absolute;
right: 15px;
top: 15px;
background-position: -558px -329px;
width: 15px;
height: 15px;
display: block;
}
.w595{
width: 595px;
}
.hop-eval>h6{
color: #626262;
line-height: 30px;
font-size: 16px;
}
.hop-evalarea{
line-height: 30px;
padding: 10px 19px;
border: 1px solid #d2d2d2;
color: #282828;
height: 108px;
resize: none;
outline: none;
width: 485px;
}
/* end_designer_index
designer_right */
.designer_right{width: 1002px; height:auto; overflow:hidden; float:right;}
.l-venderuserpic{ width: 100px; height: 100px; border-radius: 50%; overflow:hidden;margin: 30px;}
.l-venderuserpic img{ width: 100px; height: 100px; border-radius: 50%;object-fit: cover;}
.dsl-gress{ line-height: 28px; height: 28px; overflow: hidden;}
.dsl-gress em{ color: #626262; font-size: 14px;}
.dsl-gresstap{ padding-left: 82px; color: #626262; font-size: 14px; margin-top: -5px;}
.sj_name{font-size:18px; font-weight:bold; color:#333333;}
.sj_dengji{font-size:16px; height:25px; line-height:25px; font-weight:bold; color:#df9c19; margin-top:5px; margin-bottom:5px;}
.sj_dengji img{float:left; vertical-align:middle; width:14px; height:18px; margin-top:3px;}
.sj_dengji span{padding-left:10px;}
.sj_ico{width: 200px; /* height:100%; */ margin-left:10px;}
.sj_ico >li{width: 90px; float: left; height: 60px; padding-top: 14px; text-align: center; overflow: hidden; margin-left:3px;}
.sj_ico >li em{ display: block; color: #282828; font-size: 12px; height: 25px; line-height: 25px;}
.sj_ico >li:hover em{ color: red;}
.sj_ico >li >a span{width: 35px; height: 35px; border-radius: 50%;}
.sj_ico >li >a span img{width: 35px;height: 35px; border-radius: 50%;object-fit: cover;}
.dsl-gressbox{ width: 90px; height: 7px; border-radius: 3px; background: #e4e4e4; margin-top: 10px;}
.dsl-gressbox i{display: block; height: 7px; border-radius: 3px; background: #282828;}
.l-vendertxt2{ width: 202px; border-right: 1px solid #cccccc; height: 160px;}
.l-vendertxt2>h6{ line-height: 35px; height: 35px; overflow: hidden; padding-top: 19px;}
.l-vendertxt2>p.red{ line-height: 30px; height: 30px; overflow: hidden;}
.dis_order{width:210px; height:150px; float:left; overflow:hidden; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid;}
.dis_order li{height:45px; line-height:45px;}
.dis_order li a{ font-size:14px; color:#282828; display: block; padding-left: 30px;}
.dis_order li a:hover{color:red;}
.dis_rnav{width:125px; height:150px; float:left; overflow:hidden; margin-left:50px;}
.dis_rnav li{height:45px; line-height:45px;}
.dis_rnav li a{ font-size:14px; color:#282828;}
.dis_rnav li a:hover{color:red;}
.designer_index .prop_shoplist_date a{color:#626262; font-size:14px;}
.vricon{
background-position: -587px -431px;
width: 21px;
height: 26px;
margin: 0 14px 0 5px;
}
.sulpicon{
background-position: -613px -431px;
width: 19px;
height: 21px;
margin: 0 16px 0 5px;
}
.l-takbnt .iconfont{
background-position: -69px -530px;
width: 59px;
height: 25px;
}
.l-takbnt .cur{
background-position:0 -531px;
width: 59px;
height: 23px;
}
.vrindexone{
background-position: -587px -462px;
width: 22px;
height: 18px;
margin: 0 13px 0 5px;
}
.vrindextwo{
background-position: -586px -486px;
width: 23px;
height: 21px;
margin: 0 12px 0 5px;
}
.vrindexthree{
background-position: -587px -510px;
width: 22px;
height: 20px;
margin: 0 13px 0 5px;
}
.l-modernp{
line-height: 24px;
}
.l-vrtabinbox>li.modern_list_items .l-vrtabdown{
padding: 5px 0 3px;
}
.tab_bot{
padding: 30px 14px 0;
}
.tab_bot li{
float: left;
width: 162px;
height:220px;
}
.tab_bot img{
display: block;
width: 130px;
height: 130px;
margin: 0 auto;
border-radius: 50%;
object-fit: cover;
}
.tab_bot h4{
font-size: 16px;
color: #000;
font-weight: bold;
padding-top: 22px;
text-align: center;
line-height: 32px;
height: 32px;
overflow: hidden;
}
.tab_bot p {
padding: 0 15px;
font-size: 12px;
color: #626262;
line-height: 32px;
}
.l-disorder{ border-right: none;}
.l-disorder>li>a{
padding: 0;
}
.l-disorder>li{
height: auto;
line-height: auto;
}
.l-disorder>li em{
line-height: 25px;
font-size: 12px;
}
.l-disorder>li+li{padding-top: 14px;}
.l-tablevip{
width: 100%;
border-bottom: 1px solid #f3f3f3;
}
.l-tablevip th{
color: #626262;
font-weight: normal;
text-align: center;
background: #f2f2f2;
height: 38px;
font-size: 14px;
}
.l-tablevip th+th{
border-left: 1px solid #e9e9e9;
}
.l-tablevip td{
border-top: 1px solid #f3f3f3;
color: #626262;
font-size: 14px;
text-align: center;
line-height: 32px;
}
.l-viplitab>li{
height: 230px;
}
.l-viplitab>li p{
line-height: 20px;
color: #626262;
padding: 0px 5px 0 8px;
}
.right_top_wrap_content_top_1 , .right_top_wrap_content_top_2{
float: left;
}
.right_top_wrap_content_top_1 a{
display: block;
width: 78px;
border: 1px solid #f3f3f3;
margin: 5px 15px 0 0;
}
.right_top_wrap_content_top_1 a img
{
width: 78px;
height: 78px;
object-fit: cover;
}
.right_top_wrap_content_top_2 h4{
line-height: 21px;
}
.right_top_wrap_content_top_2 p{
width: 400px;
color: #626262;
line-height: 21px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.right_top_wrap_content_top_2 p span{
color: #000;
}
.right_top_wrap_content_top_3 p{
line-height: 70px;
color: #626262;
}
.right_top_wrap_content_mid {
height: 40px;
background: #f2f2f2;
padding: 0 20px;
margin-bottom: 15px;
}
.right_top_wrap_content_mid_1{
float: left;
height: 40px;
}
.right_top_wrap_content_mid_1 p{
color: #626262;
font-size: 12px;
line-height: 40px;
}
.right_top_wrap_content_mid_1 p i{
display: inline;
display: inline-block;
width: 18px;
height: 18px;
background: url('/images/icon4.png') no-repeat center/cover;
margin-right: 8px;
vertical-align: middle;
margin-top: -5px;
}
.right_top_wrap_content_mid_2 {
float: right;
}
.right_top_wrap_content_mid_2 p{
float: right;
color: #626262;
line-height: 40px;
}
.right_top_wrap_content_mid_2 p .time{
margin-left: 100px;
}
.right_top_wrap_content_mid_2 p i{
background-position: -132px -520px;
width: 18px;
height: 18px;
margin-top: -4px;
}
.modelin{
height: 5px;
margin-top: 37px;
width: 25px;
}
.modelin .iconfont{
background-position: -158px -522px;
width: 25px;
height: 5px;
}
.right_top_wrap_content_bot p{
color: #626262;
}
.right_top_wrap_content_bot p span{
color: #000;
}
.right_top_wrap_content_bot_admin{
height: 48px;
border: 1px solid #ccc;
background: #f2f2f2;
line-height: 48px;
padding: 0 20px;
margin-top: 20px;
}
.right_top_wrap_content_bot_admin{
color: #626262;
position: relative;
}
.right_top_wrap_content_bot_admin strong{
color: red;
}
.right_top_wrap_content_bot_admin .iconfont{
position: absolute;
background-position: -189px -521px;
width: 16px;
height: 10px;
left: 10px;
top: -10px;
}
.right_top_wrap_content_bot_img a{
display: block;
width: 78px;
height: 78px;
border:1px solid #ccc;
float: left;
margin-right: 15px;
margin-top: 15px;
}
.right_top_wrap_content_bot_img a img{
display: block;
width: 78px;
height: 78px;
object-fit: cover;
}
.l-tag{
background: #f2f2f2;
border: 1px solid #cccccc;
line-height: 38px;
padding: 0 17px;
}
.l-ordersub{
width: 178px;
border: 1px solid #cccccc;
}
.l-ordersub>h6{
line-height: 41px;
text-align: center;
color: #282828;
/* border-bottom: 1px solid #cccccc; */
}
.l-orderptag{
line-height: 36px;
}
.l-orderuser>h6{
line-height: 30px;
}
.l-ordericon{
line-height: 24px;
}
.l-ordericon .iconfont{
background-position: -212px -520px;
width: 18px;
height: 18px;
margin-top: 3px;
}
.l-ordericon .cur{
background-position: -212px -542px;
}
.l-billbox{
border: 1px dashed #cccccc;
line-height: 26px;
color: #888;
padding: 8px;
}
.tagorderbnt{
display: inline-block;
font-size: 16px;
border-radius: 2px;
text-align: center;
width: 124px;
height: 38px;
}
.l-ordertitle{
padding: 8px 20px 9px;
border-bottom: 1px solid #e7e7e7;
}
.l-ordertitle>h6{
line-height: 38px;
}
.l-ordertitle>p{
line-height: 30px;
}
.l-ordersite{
padding: 11px 20px 0;
}
.l-orderleft>h6{
line-height: 40px;
}
.l-ordersitelist{
width: 400px;
}
.l-ordersitelist>li{
width: 200px;
line-height: 25px;
color: #626262;
float: left;
}
.l-sitebnt{
background: #7cb82e;
text-align: center;
line-height: 40px;
color: #FFF;
width: 154px;
height: 40px;
font-size: 14px;
border-radius: 3px;
cursor: pointer;
}
.l-returnbox{
margin: 0;
}
.l-tagorder{
line-height: 24px;
}
.l-tablevip td.tl{
text-align: center;
}
.l-massage{
/* background: #f2f2f2; */
padding: 5px 0px 20px 0;
}
.l-massage>em.left{
width: 70px;
text-align: right;
line-height: 28px;
}
.l-massagearea{
background: #f3f3f3;
height: 50px;
width: 770px;
border: 1px solid #e9e9e9;
padding-bottom: 15px;
/* padding: 10px 19px; */
}
.l-massageareanew{
height: 130px;
width: 790px;
border: 1px solid #ccc;
padding: 10px 19px;
}
.l-massagearea textarea{
width: 100%;
height: 100%;
/* line-height: 26px; */
outline: none;
resize: none;
border: none;
}
.l-infortxt{
padding: 11px 0;
border-bottom: 1px solid #ccc;
}
.l-infortxt>h6{
line-height: 50px;
}
.l-infortxt>p{
line-height: 44px;
}
.l-vouchtlt .iconfont{
background-position: -235px -522px;
width: 30px;
height: 22px;
}
.l-vouchwrap{
border: 1px solid #e9e9e9;
padding: 11px 29px;
width: 640px;
line-height: 36px;
}
.l-reportorder{
line-height: 52px;
}
.l-reportor{
background: #f2f2f2;
border-bottom: 1px solid #CCC;
}
.l-retearea{
height: 129px;
width: 806px;
}
.ratetext{
position: absolute;
right: 10px;
bottom: 0;
line-height: 30px;
}
.l-retepic .l-supplierpic img{
width: 78px;
height: 78px;
border: 1px solid #ccc;
object-fit: cover;
}
.l-retepic .l-supplieradd{
width: 78px;
height: 78px;
}
.l-retepic .l-supplieradd .iconfont {
background-position: 0 -561px;
width: 15px;
height: 15px;
vertical-align: middle;
margin-top: 31px;
}
.l-tipretep{
color: #898989;
line-height: 30px;
font-size: 14px;
}
.l-reportlt{
background: #f2f2f2;
border-bottom: 1px solid #CCC;
height: 48px;
line-height: 48px;
background: #f2f2f2;
}
.w410{
width: 410px;
}
.l-cartlt{
line-height: 60px;
}
.l-cartable th{
font-weight: normal;
font-size: 14px;
height: 44px;
background: #f2f2f2;
}
.l-cartcell{
border-bottom: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
}
.l-cartcell th{
border-top: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
}
.l-cartcell td{
border-top: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
}
.l-cartinp th{
border-right: 0;
border-top: 0;
font-weight: normal;
font-size: 14px;
height: 44px;
background: #f2f2f2;
text-align: left;
padding-left: 20px;
}
.l-cartinp td{
border-right: 0;
}
.l-cartdown th{
background: #FFF;
}
.l-delcart .iconfont{
background-position: -618px -193px;
width: 16px;
height: 16px;
margin-top: -4px;
}
.l-cartbntmit{
background: #7cb82e;
text-align: center;
line-height: 46px;
color: #FFF;
display: block;
width: 141px;
height: 46px;
font-size: 14px;
position: absolute;
right: -1px;
top: -1px;
cursor: pointer;
}
.bordernone{
border: none;
}
.l-cartemtyp{
line-height: 210px;
}
.l-cartemtyp i.iconfont{
background-position: -397px -528px;
width: 101px;
height: 100px;
}
.l-cartemtyp p{
line-height: 26px;
vertical-align: middle;
margin-top: 10px;
}
/*------2017.8.25 n-----*/
.l-exitembig{
width: 348px;
height: 348px;
border: 1px solid #cccccc;
}
.l-exitembig img{
width: 100%;
height: 100%;
object-fit: cover;
}
.through{
text-decoration: line-through;
}
.l-exitemtxt{
width: 392px;
}
.l-exitemtxt>h6{
color: #101010;
font-size: 20px;
line-height: 40px;
}
.l-exitemtag{
line-height: 29px;
padding-top: 1px;
color: #666666;
}
.l-exitempay{
background: #f8f8f8;
padding: 8px 24px;
line-height: 34px;
}
.l-tagtips{
line-height: 28px;
}
.pro_views_buysum .w90{
width: 90px;
}
.l-deembnt{
background: #d83333 ;
text-align: center;
line-height: 50px;
color: #FFF;
width: 225px;
height: 50px;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
}
.l-deembnt:hover{
background: #d83333;
}
.l-deemnews{
height: 392px;
border-left: 1px solid #cccccc;
width: 340px;
}
.l-deemtlt{
font-size: 16px;
height: 48px;
line-height: 48px;
border-bottom: 1px solid #cccccc;
}
.l-deemtlt .left i{
width: 4px;
height: 15px;
display: inline-block;
background: #bca478;
vertical-align: middle;
margin-top: -4px;
}
.l-deemnewlist{
height:343px;
overflow: hidden;
}
.l-deemnewlist li{
padding: 9px 0;
}
.l-deemnewlist li+li{
border-top: 1px dashed #e5e5e5;
}
.l-deempic{
width: 63px;
height: 63px;
border: 1px solid #cccccc;
}
.l-deempic img{
width: 63px;
height: 63px;
object-fit: cover;
}
.l-deemtxt{
width: 230px;
padding-top: 8px;
}
.l-deemtxt p{
line-height: 25px;
height: 25px;
overflow: hidden;
}
.l-iteminfo{
line-height: 67px;
color: #101010;
}
.l-iteminfobox{
border: 1px dashed #cccccc;
border-radius: 5px;
line-height: 25px;
padding: 27px;
color: #626262;
}
/*-----2017.8.26-----*/
.l-reportorder{
line-height: 52px;
}
.l-reportor{
background: #f2f2f2;
border-bottom: 1px solid #CCC;
}
.l-retearea{
height: 129px;
width: 806px;
}
.ratetext{
position: absolute;
right: 10px;
bottom: 0;
line-height: 30px;
}
.l-retepic .l-supplierpic img{
width: 78px;
height: 78px;
border: 1px solid #ccc;
object-fit: cover;
}
.l-retepic .l-supplieradd{
width: 78px;
height: 78px;
}
.l-retepic .l-supplieradd .iconfont {
background-position: 0 -561px;
width: 15px;
height: 15px;
vertical-align: middle;
margin-top: 31px;
}
.l-tipretep{
color: #898989;
line-height: 30px;
font-size: 14px;
}
.l-reportlt{
background: #f2f2f2;
border-bottom: 1px solid #CCC;
height: 48px;
line-height: 48px;
background: #f2f2f2;
}
.w410{
width: 410px;
}
.l-cartlt{
line-height: 60px;
}
.l-cartable th{
font-weight: normal;
font-size: 14px;
height: 44px;
background: #f2f2f2;
}
.l-cartcell{
border-bottom: 1px solid #f3f3f3;
border-left: 1px solid #f3f3f3;
}
.l-cartcell th{
border-top: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
}
.l-cartcell td{
border-top: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
}
.l-cartinp th{
border-right: 0;
border-top: 0;
font-weight: normal;
font-size: 14px;
height: 44px;
background: #f2f2f2;
text-align: left;
padding-left: 20px;
}
.l-cartinp td{
border-right: 0;
}
.l-cartdown th{
background: #FFF;
}
.l-delcart .iconfont{
background-position: -618px -193px;
width: 16px;
height: 16px;
margin-top: -4px;
}
.l-cartbntmit{
background: #d83333;
text-align: center;
line-height: 46px;
color: #FFF;
display: block;
width: 141px;
height: 46px;
font-size: 14px;
position: absolute;
right: -1px;
top: -1px;
cursor: pointer;
}
.bordernone{
border: none;
}
.l-cartemtyp{
line-height: 210px;
}
.l-cartemtyp i.iconfont{
background-position: -397px -528px;
width: 101px;
height: 100px;
}
.l-cartemtyp p{
line-height: 26px;
vertical-align: middle;
margin-top: 10px;
}
/*-----2017.8.28-----*/
.l-itemtxt p{
line-height: 35px;
}
.l-clrclemousebox{
height: 680px;
}
.l-clrclemouse{
height: 680px;
}
.l-applytlt{
border-bottom: 1px solid #ccc;
line-height: 49px;
}
.l-applyp p{
height: 21px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 21px;
}
.l-applyvip{
border: none;
}
.l-applyvip td{
border-top: none;
border-bottom: 1px solid #CCC;
}
.l-applyvip .l-venderimg img{
margin-left: 0;
}
.l-applyvip .l-venderimg{
margin-left: 0;
}
.l-cartsub{
background: #7cb82e;
text-align: center;
line-height: 40px;
color: #FFF;
display: block;
height: 40px;
border-radius: 5px;
cursor: pointer;
}
.line46{
line-height: 46px;
}
.w322{
width: 322px;
}
.l-cartarea{
line-height: 30px;
padding: 10px 19px;
border: 1px solid #d2d2d2;
color: #282828;
height: 108px;
resize: none;
outline: none;
width: 846px;
}
.w866{
width: 866px;
}
.l-cartapply .l-supplierpic img{
width: 108px;
height: 108px;
object-fit: cover;
}
.l-cartapply .l-supplieradd{
width: 108px;
height: 108px;
border:1px dashed #c9c9c9;
}
.l-cartapply .l-supplieradd .iconfont{
background-position: -23px -560px;
width: 42px;
height: 42px;
}
.l-tipcart{
line-height: 32px;
}
.w128{
width: 128px;
}
.w272{
height: 52px;
line-height: 52px;
width: 272px;
}
.l-setinfopic{
display: block;
text-align: center;
}
.l-setinfopic img{
width: 150px;
height: 150px;
border-radius: 50%;
object-fit: cover;
}
.l-setinfotlt{
line-height: 39px;
/* border-bottom: 1px solid #ccc; */
}
.l-setinfolist>li{
line-height: 40px;
text-align: center;
}
.l-setinfolist>li>a{
color: #282828;
display: block;
text-decoration: none !important;
}
.l-setinfolist>li.cur{
background-color: #ccb58e;
}
.l-setinfolist>li>a:hover{
color: #f00;
}
.l-setinfolist>li.cur>a:hover{
color: #FFF;
}
.l-editorinfo{
position: absolute;
right: 20px;
top: 8px;
}
.l-editorinfo .iconfont{
background-position: -73px -559px;
width: 24px;
height: 24px;
}
.w480{
width: 480px;
}
.l-infopic{
width: 100px;
height: 100px;
border-radius: 50%;
}
.l-infopic img{
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
}
.l-pictlt{
line-height: 52px;
width: 86px;
}
.l-infotype{
padding: 5px 10px;
width: 332px;
height: 40px;
line-height: 40px;
color: #010101;
outline: none;
}
.l-infoeditor>li{
margin-top: 22px;
}
.w354{
width: 354px;
}
.l-inforyear{
width: 106px;
margin-right: 0px;
}
.l-infoleft{
border-right: 1px solid #ccc;
}
.l-inforight{
width: 456px;
}
.l-inforight .l-goodstylebox{
width: 456px;
}
.w268{
width: 268px;
}
.w268 .l-infotype{
width: 246px;
}
.bttel{
line-height: 52px;
}
.ml120{
margin-left: 120px;
}
.l-taginfo{
height: 50px;
line-height: 50px;
padding: 0 20px;
}
.l-infotable td{
padding-top: 23px;
}
.l-infotable .l-infotype{
width: 200px;
}
.l-infotable .w138 .l-infotype{
width: 118px;
}
.l-tagtel{
padding: 23px 20px 30px;
border-radius: 5px;
line-height: 26px;
}
.l-infoimgtag{
line-height: 36px;
}
.l-infoimgbox{
display: block;
width: 200px;
height: 200px;
margin: 30px auto 0;
}
.l-infoimgbox img{
width: 200px;
height: 200px;
object-fit: cover;
}
.l-clickimg{
width: 200px;
margin: 0 auto;
line-height: 54px;
}
.l-file{
cursor: pointer;
}
.l-integraltlt{
line-height: 24px;
}
.l-interbox{
width: auto;
margin-left: -15px;
}
.l-integrabox .prop_shuxuan_left{
width: 295px;
}
.l-integrabox .prop_shuxuan_left .bj1{
width: 88px;
}
.l-integrabox .prop_shuxuan_left .bj1.curr{
width: 88px;
}
.l-integrabox .prop_shuxuan_left .bj2{
width: 88px;
}
.l-integrabox .l-money{
width: 66px;
line-height: 30px;
height: 30px;
}
.l-integrabox .moneyline{
height: 40px;
line-height: 40px;
}
.l-integrabox .l-moneybnt{
width: 98px;
height: 40px;
line-height: 40px;
}
.l-integlist{
margin: -20px 0 0 -18px;
}
.l-integlist>li{
height: 340px;
width: 183px;
background: #FFF;
margin: 20px 0 0 18px;
}
.l-integlist>li img {
width: 183px;
height: 183px;
object-fit: cover;
}
.l-browse li.selected{
font-weight: bold;
}
.l-browsearch{
width: 230px;
margin-right: 0;
}
.l-browsearch .sr{
border-radius: 0;
width: 128px;
height: 20px;
border:1px solid #e9e9e9;
padding: 4px 10px;
}
.l-browsearch .srnew{
border-radius: 0;
width: 160px;
height: 30px;
border:1px solid #ccc;
padding: 4px 10px;
}
.l-browsearch .sbtn{
border-radius: 0;
}
.border-bottomc{
border-bottom: 1px solid #ccc;
}
.l-browselist{
margin-left:0 ;
}
.l-browselist>li{
width: 305px;
height: 393px;
border: 1px solid #ddd;
margin: 20px 0 0 20px;
}
.l-browselist>li .modern_list_cImg{
width: 305px;
height: 226px;
}
.l-browselist>li .modern_list_cImg img{
width: 305px;
height: 305px;
object-fit: cover;
}
.l-browselist>li .modern_list_cCont{
width: 285px;
height: 160px;
}
.l-browselist>li .modern_list_shafaname{
height: 30px;
line-height: 30px;
}
.l-browselist>li .modern_list_cIntro{
height: 88px;
}
.l-browselist>li .modern_list_ren{
top: 15px;
}
.l-browselist .prop_shoplist_year{
line-height: 40px;
}
.l-browselist .prop_shoplist_month{
line-height: 40px;
}
.l-browselist .prop_shoplist_day{
line-height: 40px;
}
.l-browsedel{
position: absolute;
right: 10px;
top: 10px;
background: #101010;
width: 38px;
height: 38px;
border-radius: 3px;
display: none;
text-align: center;
}
.l-browsedel .iconfont{
background-position: -106px -560px;
width: 20px;
height: 20px;
margin-top: 9px;
}
.l-browselist>li:hover{
border: 1px solid #101010;
}
.l-browselist>li:hover .l-browsedel{
display: block;
}
.l-browsecheck{
position: absolute;
left: 10px;
top: 10px;
}
.prop_shoplist_items.prop_sitemscurrbtn3 .prop_shoplist_year{
width:33%;
}
.prop_shoplist_items.prop_sitemscurrbtn3 .prop_shoplist_day{
width:25%;
}
.prop_shoplist_items.prop_sitemscurrbtn3 .prop_shoplist_month{
width:49px;
margin: 0 auto;
}
/*---------2017.8.29----*/
.l-browsingle>li{
width: 225px;
position: relative;
}
.l-browsingle>li img {
width: 225px;
height: 225px;
object-fit: cover;
}
.l-browsingle>li:hover .l-browsedel{
display: block;
}
.l-browsingle>li:hover{
border: 1px solid #101010;
}
.l-browsingle>li.del:hover .l-browseDelbox{
display: block;
}
.l-browseDelbox{
position: absolute;
left: 56px;
top: 104px;
background: #101010;
width: 114px;
height: 40px;
line-height: 40px;
color: #FFF;
display: none;
text-align: center;
z-index: 1;
}
.l-browsingle>li.del:hover .back-singbox{
display: block;
}
.back-singbox{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #101010;
opacity: .3;
display: none;
z-index: 0;
filter:Alpha(opacity=30)
}
.l-browselist>li.del:hover .l-browseDelbox{
display: block;
}
.l-browselist>li.del:hover .back-singbox{
display: block;
}
.l-browselist>li.del .l-browseDelbox{
color: #FFF;
left: 110px;
}
.l-placetlt{
line-height: 62px;
}
.l-placetable{
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.l-placetable th{
border-bottom: 1px solid #cccccc;
height: 51px;
background: #dfdfdf;
color: #282828;
font-size: 16px;
font-weight: normal;
}
.l-placetable td{
line-height: 18px;
padding-top: 11px;
padding-bottom: 11px;
color: #626262;
font-size: 14px;
text-align: center;
border-bottom: 1px solid #cccccc;
}
.l-defabnt{
width: 78px;
height: 34px;
background: #000000;
color: #FFF;
line-height: 34px;
text-align: center;
border-radius:3px;
}
.l-placetable tr:hover .l-defabnt{
display: block;
}
.l-fillorder{
width: 700px;
margin-right: -30px;
}
.l-placelist{
margin:-20px 0 0 -20px ;
height: 160px;
overflow: hidden;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
}
.l-placelist>li{
position: relative;
width: 371px;
border: 1px solid #f3f3f3;
float: left;
margin:20px 0 0 19px ;
}
.l-placelist>li h6{
height: 38px;
padding: 0 16px;
border-bottom: 1px solid #f3f3f3;
line-height: 38px;
}
.l-placeptxt{
padding: 7px 16px 13px;
}
.l-placeptxt p{
line-height: 25px;
height: 50px;
}
.l-placeptxt span.disblock{
line-height: 21px;
}
.placedefult{
width: 66px;
height: 24px;
line-height: 24px;
text-align: center;
background: #cccccc;
position: absolute;
top: 0px;
right: 0px;
}
.l-placelist>li:hover .placedefult{
display: block;
}
.placedefult:hover{
background: #010101;
}
.placeicon{
display: none;
position: absolute;
bottom: -1px;
right: -1px;
background-position: -138px -546px;
width: 38px;
height: 36px;
}
.editoraddress{
display: none;
}
.l-placelist>li:hover .editoraddress{
display: block;
}
.l-placelist>li.selected .editoraddress{
display: block;
}
.l-placelist>li.selected .placedefult{
display: block;
}
.l-placelist>li.selected .placeicon{
display: block;
}
.l-addresstag{
line-height: 53px;
}
.l-addressvip th+th{
border-left: none;
}
.l-masstxt{
margin: 27px 0 0 20px;
line-height: 26px;
}
.l-inforbnt{
width: 140px;
height: 50px;
color: #FFF;
line-height: 50px;
border-radius: 3px;
text-align: center;
background: #d83333;
}
.l-gotobnt{
width: 148px;
height: 48px;
color: #d83333;
line-height: 48px;
border-radius: 3px;
text-align: center;
display: inline-block;
border: 1px solid #d83333;
}
.l-gotobnt:hover{
background: #d83333;
color: #FFF;
}
.l-suborder{
width: 148px;
height: 48px;
color: #FFF;
line-height: 48px;
border-radius: 3px;
text-align: center;
display: inline-block;
background: #d83333;
border: 1px solid #d83333;
}
.l-hoplist>li{
margin-top: 0;
}
.l-applytag{
padding: 14px 20px 16px;
line-height: 25px;
}
.l-vendtable>li{
margin-top: 10px;
}
.l-vendtr th{
background: #f2f2f2;
line-height: 38px;
text-align: left;
padding: 0 10px;
font-weight: normal;
font-size: 14px;
color: #626262;
}
.l-vendtr td{
border-top: 1px solid #ccc;
}
.l-cancleapply{
position: absolute;right: 20px;
top: 0px;
}
.l-cancleapply a{
width: 112px;
height: 38px;
text-align: center;
line-height: 38px;
border-radius: 3px;
display: inline-block;
}
.w322{
width: 322px;
}
/*-----2017.8.30----*/
.l-returntag{
border: 1px dashed #d2d2d2;
padding: 15px 20px;
line-height: 30px;
}
.l-tagul{
width: 548px;
margin:13px auto 5px;
}
.l-tagul>li{
width: 274px;
float: left;
text-align: center;
line-height: 25px;
}
.refund-close{
width: 450px;
margin:13px auto auto 277px;
}
.refund-close>li{
width: 150px;
float: left;
text-align: center;
line-height: 25px;
}
.sixbackreturn{
background-position: -507px -541px;
width: 304px;
height: 33px;
}
.l-bindinput{
width: 258px;
}
.l-bindinput input{
padding: 4px 13px;
line-height: 30px;
height: 30px;
width: 232px;
outline: none;
border: 1px solid #cccccc;
}
.l-bindbnt{
width: 86px;
height: 40px;
border-radius: 2px;
line-height: 40px;
text-align: center;
border: 1px solid #d83333;
background: #FFF;
color: #d83333;
outline-style: none;
}
.l-bindbnt:hover{
color: #FFF;
background: #d83333;
}
.l-bindtlt{
height: 48px;
background: #f2f2f2;
border: 1px solid #e9e9e9;
}
.l-bindul>li{
width: 124px;
float: left;
text-align: center;
line-height: 48px;
cursor: pointer;
font-size: 16px;
color: #282828;
border-right: 1px solid #e9e9e9;
}
.l-bindul>li.selected,.l-bindul>li:hover{
background:#ccb58e;
color: #FFF;
font-weight: bold;
}
.l-bindtable{
}
.l-bindtable th{
height: 48px;
background: #f2f2f2;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
font-size: 16px;
font-weight: normal;
color: #282828;
}
.l-bindtable th.last{
border-left: 1px solid #e9e9e9;
}
.l-bindtable td{
line-height: 25px;
padding: 24px 0;
}
.l-bindtable td.l-bindwrap{
padding: 0;
border-bottom: 1px solid #ccc;
}
.l-bindwraptlt{
border: 1px solid #CCC;
line-height: 30px;
padding: 9px 20px;
}
.l-bindwraptlt .iconfont{
background-position: -181px -536px;
width: 24px;
height: 14px;
position: absolute;
right:28px;
top: -14px;
}
.l-tablevip td{
line-height: 24px;
}
.l-followlist>li{
margin: 20px 20px 0;
padding: 15px;
border: 1px solid #ccc;
}
.l-followcheck{
width: 16px;
}
.l-followcheck .checkbnt {
background-position: -169px -63px;
width: 16px;
height: 16px;
}
.l-followcheck .checkbntnew {
background-position: -169px -63px;
width: 16px;
height: 16px;
}
.l-followcheck .vrcheck{
background-position: -152px -64px;
}
.l-followset img{
width: 150px;
height: 150px;
object-fit: cover;
}
.bespokebnt{
width: 70px;
height: 34px;
background: #7cb82e;
color: #FFF;
text-align: center;
line-height: 34px;
}
.followbnt{
width: 70px;
height: 34px;
background: #ff8d21;
color: #FFF;
text-align: center;
line-height: 34px;
}
.l-followtxt{
width: 258px;
border-right: 1px solid #ccc;
height: 200px;
}
.l-followtxt>h6{
line-height: 32px;
margin-top: -6px;
}
.line26{
line-height: 26px;
}
.l-followp>a{
width: 64px;
float: left;
height: 40px;
text-align: center;
line-height: 23px;
}
.l-followp>a+a{
border-left: 1px dotted #626262;
}
.l-followp>a em{
display: block;
line-height: 23px;
margin-top: -5px;
}
.l-followp>a:hover em{
color: #7cb82e;
}
.l-followaddress{
line-height: 28px;
}
.l-followaddress .iconfont{
background-position: -181px -554px;
width: 14px;
height: 18px;
}
.l-followright{
width: 460px;
}
.l-followright>h6{
line-height: 44px;
margin-top: -12px;
}
.l-followtab{
margin-left: -8px;
}
.l-followtab>li{
margin-left: 15px;
width: 120px;
float: left;
line-height: 19px;
}
.l-followtab>li img{
width: 120px;
height: 120px;
object-fit: cover;
}
.l-followtab>li em{
display: block;
}
.l-morefollow{
background-position: -181px -577px;
width: 30px;
height: 118px;
}
.l-morefollow:hover{
background-position: -228px -577px;
}
.l-integtag{
line-height: 40px;
}
.l-integtag .l-bindbnt{
width: 120px;
}
.l-integtable{
line-height: 44px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.l-integtable th{
background: #dfdfdf;
height: 51px;
line-height: 51px;
font-weight: normal;
font-size: 16px;
color: #282828;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.l-integtable td{
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.l-integtable tr:nth-child(odd){
background: #f7f7f7;
}
.h30{
height: 30px;
}
.l-orderip>p{
line-height: 21px;
}
.m0{
margin: 0;
}
.l-orderwait{
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.l-flowtips>h6{
line-height: 46px;
}
.l-flowbox{
text-align: left;
line-height: 30px;
padding:20px 30px ;
}
.l-flowbox th{
font-weight: normal;
color: #898989;
}
.l-flowtab td{
border-bottom: 1px solid #ccc;
}
.l-canlebox>h6{
line-height: 55px;
}
.l-canlebox .l-massagearea{
width: 920px;
}
.l-canlebox .bntabin{
background: #FFF;
}
.l-canlebox .bntabins{
background: #FFF;
}
.l-canlebox .bntabin:hover{
background: #d83333;
color: #FFF;
border: 1px solid #d83333;
}
.l-canlebox .bntabins:hover{
background: #d83333;
color: #FFF;
border: 1px solid #d83333;
}
.l-delmassage .iconfont{
background-position: -618px -193px;
width: 16px;
height: 16px;
}
/*-----2017.8.31----*/
.l-massagelist>li h6{
padding-top:7px;
line-height: 44px;
}
.l-emptyselect input {
margin-top: -4px;
}
.l-massagebox{
padding: 14px 20px;
}
.l-moneyright{
width: 998px;
line-height: 24px;
}
.l-moneyright>h6{
padding-top: 17px;
line-height: 38px;
}
.l-moneytab{
padding: 17px 20px;
line-height: 40px;
}
.line40{
line-height: 40px;
}
.l-moneylist>li{
width: 180px;
height: 66px;
border: 1px solid #e6e6e6;
float: left;
line-height: 66px;
position: relative;
border-radius: 1px;
text-align: center;
}
.l-moneylist>li span{
display: table-cell;
vertical-align: middle;
width: 180px;
height: 66px;
}
.l-moneylist>li+li{
margin-left: 20px;
}
.l-moneylist>li img{
vertical-align: middle;
max-width: 180px;
max-height: 66px;
object-fit: cover;
}
.l-moneylist>li .iconfont{
display: none;
background-position: 0 -581px;
width: 15px;
height: 14px;
position: absolute;
right: 0;
bottom: 0;
}
.l-moneylist>li.selected .iconfont{
display: block;
}
.l-moneylist>li.selected{
border-color: #797979;
}
.l-moneytips>li{
height: 379px;
float: left;
text-align: center;
width: 600px;
}
.l-moneytips>li+li{
border-left: 1px solid #f2f2f2;
width: 549px;
}
.l-moneytips>li>h6{
padding-top: 25px;
line-height: 46px;
color: #282828;
font-size: 16px;
font-weight: bold;
}
.l-moneytips>li>p{
line-height: 28px;
}
.l-moneytag{
background: #FFF;
display: inline-block;
position: absolute;
left: 50%;
top: 172px;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
margin: 0px 0 0 -32px;
}
.l-moneypl{
padding-left: 270px;
}
.l-moneypl .l-moneyright{
width: 500px;
}
.l-moneypl .pt0{
padding-top: 0;
}
.line54{
line-height: 54px;
}
.l-moneytable{
height: 40px;
line-height: 40px;
padding: 19px 0;
}
.l-moneynote{
border: 1px dashed #d2d2d2;
border-radius: 5px;
line-height: 24px;
padding: 33px 39px;
}
.back-28{
background: #282828;
}
.boxshownone{
box-shadow: none;
}
.l-works{
line-height: 29px;
}
.l-worksp{
line-height: 22px;
height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.l-workslist>li{
height: 336px;
overflow: hidden;
}
.l-sharetab{
position: absolute;
right: 0;
top: 0;
width: 60px;
text-align: center;
height: 30px;
line-height: 30px;
background: #282828;
display: none;
}
.l-workslist>li .l-sharetab{
color: #FFF;
}
.l-sharetab .iconfont{
background-position: 0 -601px;
width: 14px;
height: 16px;
}
.l-workslist>li:hover .l-sharetab{
display: block;
}
.hop-share img{
width: 175px;
}
.hop-sharediv{
padding: 12px 19px;
height: 35px;
line-height: 35px;
}
.hop-sharetab>li{
width: 35px;
float: left;
position: relative;
cursor: pointer;
}
.hop-sharetab>li+li{
margin-left: 10px;
}
.hop-qq{
background-position: -26px -610px;
width: 36px;
height: 35px;
}
.hop-weixin{
background-position: -71px -610px;
width: 36px;
height: 35px;
}
.hop-sina{
background-position: -116px -610px;
width: 36px;
height: 35px;
}
.sel-icon{
background-position: 0px -621px;
width: 14px;
height: 14px;
position: absolute;
right: 0;
bottom: 0;
display: none;
}
.hop-sharetab>li.selected .sel-icon{
display: block;
}
.w460{
width: 460px;
}
.w479{
width: 479px;
}
.borderrightc{
border-right: 1px solid #ccc;
}
.l-vronloadtd>a{
margin-left: 10px;
margin-right: 10px;
overflow: hidden;
}
.l-vronloadtd{
margin-left: -10px;
}
.l-vrselect{
width: 138px;
border: none;
height: 43px;
}
.l-vrinput{
width: 299px;
height: 33px;
padding: 5px 10px;
}
.l-vrinput input{
width: 100%;
height: 100%;
line-height: 100%;
line-height: 100%;
border: none;
outline: none;
}
.l-vrcolor>a{
margin-top: 15px;
}
.l-vrright th{
width: 90px;
font-weight: normal;
text-align: right;
line-height: 40px;
font-size: 16px;
color: #282828;
}
.l-vrinputxt{
border: 1px solid #ccc;
padding: 5px 10px;
line-height: 28px;
width: 368px;
}
.l-vrinputxt:hover{
border-color: #ccb58e;
}
.l-vrinputxt:focus{
border-color: #ccb58e;
box-shadow: 0 0 5px 0 rgb(30 94 191 / 50%);
}
.l-vrright td{
position: relative;
padding-bottom: 26px;
}
.l-vrerror{
position: absolute;
top: 40px;
left: 0;
color: #898989;
font-size: 14px;
line-height: 26px;
}
.w98{
width: 98px;
}
.l-vrboxi>li.modern_list_items{
height: 394px;
}
/*-----2017.9.1-----*/
.w175{
width: 175px;
}
.l-vrpictab{
width: 175px;
height: 175px;
display: block;
}
.l-vrpictab img{
width: 175px;
height: 175px;
object-fit: cover;
}
.l-vrpictab em{
display: block;
width: 155px;
padding: 0 10px;
height: 30px;
line-height: 30px;
background: rgba(0,0,0,.5);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
position: absolute;
left: 0;
bottom: 0;
}
.l-vrdel{
line-height: 36px;
}
.l-vrdel .iconfont{
background-position: -618px -193px;
width: 16px;
height: 16px;
}
.l-vrtablist>li{
padding: 20px 0 4px;
border-bottom: 1px solid #ccc;
}
.w765{width: 765px;}
.l-vrboxclr{
width: 210px;
padding: 4px 10px;
height: 20px;
}
.w55{width: 55px;}
.w57{width: 57px;}
.minvrbnt{
background-position: -593px -211px;
width: 15px;
height: 15px;
}
.vrinput{
width: 25px;
border: none;
height: 15px;
line-height: 15px;
outline: none;
}
.addvrbnt{
background-position: -611px -211px;
width: 15px;
height: 15px;
}
.l-vrbnt{
background-position: -596px -196px;
width: 12px;
height: 12px;
}
.l-vrrightab>li{
width: 255px;
float: left;
margin-top: 10px;
}
.addvrbox{
background-position: 0 -561px;
width: 15px;
height: 15px;
margin-top: 3px;
}
.addcursortab{
background-position: -32px -569px;
width: 24px;
height: 24px;
margin-top: 76px;
}
.w1090{
width: 1110px;
}
.h45{
height: 45px;
}
.l-vroption{
background: #FFF;
width: 98px;
height: 24px;
border: 1px solid #d2d2d2;
padding: 0 8px;
}
.l-optiontxt{
width: 208px;
height: 22px;
padding: 5px 10px;
line-height: 22px;
border-radius: 3px;
}
.l-optiontxt .iconfont{
background-position: -75px -586px;
width: 21px;
height: 21px;
position: absolute;
right: 9px;
top: 5px;
}
.l-optiontxt input{
border: none;
line-height: 22px;
outline: none;
}
.hop-eval .prop_item_dan .prop_item_lblist{
width: 970px;
}
.hop-eval .prop_item_dan .prop_item_lbname{
text-align: left;
}
.hop-eval .prop_item_dan .prop_item_lblist li{
margin: 0 10px;
height: 30px;
line-height: 30px;
}
.hop-eval .prop_item_dan .prop_item_lbname{
height: 30px;
line-height: 30px;
width: 50px;
}
.hop-eval .l-tablist>li{
margin: 18px 0 0 27px;
height: 130px;
}
.l-vrtagbnt{
width: 78px;
height: 28px;
text-align: center;
line-height: 28px;
border: 1px solid #ccc;
}
.l-vrtagbnt:hover{
background: #010101;
color: #FFF;
border-color: #010101;
}
.l-wordsbnt{
display: inline-block;
}
.l-addbigbox{
width: 100%;
height: 698px;
text-align: center;
}
.l-addbigbox .iconfont{
background-position: -23px -560px;
width: 42px;
height: 42px;
margin-top: 328px;
}
.line38{
line-height: 38px;
}
.l-videotab>li{
float: left;
width: 50%;
position: relative;
}
.l-videotab p{
line-height: 25px;
}
.l-videobox{
width: 318px;
height: 208px;
margin-top: 13px;
}
.l-videobox .iconfont{
background-position: -32px -569px;
width: 24px;
height: 24px;
margin-top: 92px;
}
.ninline{
width: 1px;
height: 240px;
background: #cccccc;
position: absolute;
right: 0;
top: 45px;
display: block;
}
.l-videotag>li+li{
border-top: 1px solid #ccc;
}
.l-videotag>li .l-videobox{
height: 148px;
}
.l-videotag>li .l-videobox .iconfont{
margin-top: 62px;
}
.l-videolist>li{
float: left;
width: 345px;
}
.l-videolist>li .l-videobox{
width: 343px;
}
.l-videodown>li .l-videobox img{
width: 343px;
height: 148px;
object-fit: cover;
}
.l-videolist>li+li{
margin-left: 20px;
}
.l-videodown>li {
width: 202px;
}
.l-videodown>li .l-videobox{
width: 200px;
}
.l-videodown>li .l-videobox img{
width: 200px;
height: 148px;
object-fit: cover;
}
.w198{width: 202px;}
.l-vrusertab td{
padding-bottom: 20px;
line-height: 40px;
}
.l-vrusertab td .l-radiotxt{
line-height: 40px;
}
.l-vrinputxt{
height: 28px;
}
.l-seachinput{
line-height: 20px;
}
.line21{
line-height: 21px;
}
.l-coversilder{
width: 225px;
}
.l-coversilder img{
width: 225px;
}
.l-coverright{
width: 855px;
}
.l-coverright>h3{
margin-top: -10px;
}
.l-covertag{
line-height: 31px;
}
.l-coverlook .iconfont{
background-position: -632px 0;
width: 20px;
height: 11px;
margin-top: -4px;
}
.l-covertime .iconfont{
background-position: -656px 0;
width: 17px;
height: 17px;
margin-top: -4px;
}
/*-----2017.9.2---*/
.l-infocover{
line-height: 35px;
}
.l-covertxt{
line-height: 25px;
}
.fablousbnt{
width: 60px;
height: 50px;
padding-top: 10px;
border-radius: 50%;
background: #f2f2f2;
border:1px solid #ccc;
}
.fablousbnt .iconfont{
background-position: -185px -626px;
width: 18px;
height: 18px;
}
.fablousbnt em{
display: block;
line-height: 24px;
}
.fablousbnt .cur{
background-position: -162px -627px;
}
/*------2017.9.4------*/
.l-sinleitem{
/* margin:-18px 0 0 -21px; */
}
.l-sinleitem>li{
width: 385px;
float: left;
box-shadow: 0px 0px 5px #eaeaea;
border: 1px solid #eaeaea;
background: #FFF;
height: 530px;
/* margin: 18px 0 0 20px; */
}
.l-sinleitem>li img{
width: 385px;
height: 385px;
object-fit: cover;
}
.l-sinleitem>li:hover{
border-color: #010101;
}
.l-sinleitemtlt{
line-height: 39px;
border-bottom: 1px solid #ccc;
height: 39px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.l-singleitlt{
line-height: 25px;
height: 25px;
overflow: hidden;
}
.l-sinleitemleft>p{
height: 21px;
overflow: hidden;
}
.l-sinleitemright em{
line-height: 23px;
}
.l-sinleitemright a{
width: 100px;
}
.l-sinleviews #pro_views_btnright{
right: 0px !important;
}
.l-sinleviews .pro_views_srolist{
width: 490px !important;
margin: 0px 0px 0px 35px !important;
}
.l-sinleviews ul li{
margin-right: 15px;
}
.l-sinleinfo{
width: 610px;
}
.l-sinlethrou>span.left{
line-height: 32px;
}
.l-sinlethrou>a.right{
width: 140px;
height: 50px;
line-height: 50px;
font-size: 16px;
}
.l-sinleinfo .pro_views_cailiao .pro_views_cailiaolist{
width: auto;
}
.l-sinleinfo .pro_views_cailiao .pro_views_cailiaolist label{
margin-right: 10px;
}
.l-sinleinfo .pro_views_caozuo .pro_views_shouchang{
margin-left: 0;
width: auto;
}
.l-sinleinfo .pro_views_caozuo{
margin-top: 15px;
}
.l-sinlewrap{
height: auto;
}
.l-sinlewrap .pro_views_wbox{
height: auto;
}
.l-sinledown>h3{
line-height: 43px;
}
.l-sinleartice{
line-height: 25px;
padding: 0 29px;
}
.l-sinleartice p{
padding-top: 24px;
}
.l-sinleartice p img{
width: 100%;
}
.l-contetsinle{
width: 300px;
}
.l-contetsinle .pro_content_xilie .pro_content_xilietitle a{
right:0;
margin-right: 10px;
}
.l-contetsinle .pro_content_xilie .pro_content_xilietitle{
color: #282828;
}
.line30{
line-height: 30px;
}
.line40{
line-height: 40px;
}
.l-sinletab{
margin: -8px 0 0 -10px;
}
.l-sinletab>li{
width: 145px;
height: 230px;
float: left;
box-shadow: 0px 0px 5px #eaeaea;
border: 1px solid #eaeaea;
background: #FFF;
margin: 8px 0 0 8px;
cursor: pointer;
}
.l-sinletab>li img{
width: 145px;
height: 145px;
object-fit: cover;
}
.l-sinletab>li h6{
line-height: 20px;
height: 20px;
overflow: hidden;
}
.l-sinletab>li p{
line-height: 18px;
height: 18px;
overflow: hidden;
}
.l-contetsinle .pro_content_xilie{
float: none;
margin-left: 5px;
}
.l-sinlesuite>li{
margin-top: 10px;
box-shadow: 0px 0px 5px #eaeaea;
border: 1px solid #eaeaea;
background: #FFF;
}
.l-suitepic{
width: 300px;
height: 223px;
overflow: hidden;
}
.l-suitepic img{
width: 300px;
}
.l-suitetxt{
line-height: 52px;
height: 52px;
overflow: hidden;
}
.l-setorder>li{
margin-left: 80px;
border: 1px solid #ccc;
width: 420px;
height: 213px;
padding: 7px 30px;
border-radius: 10px;
float: left;
background: #f2f2f2;
}
.l-setorder>li h6{
line-height: 60px;
}
.l-setorder>li p{
line-height: 26px;
font-size: 14px;
color: #626262;
}
.l-setordertel{
width: 50px;
text-align: center;
color: #FFF;
display: inline-block;
border-radius: 3px;
cursor: pointer;
height: 50px;
background-position: -680px 0;
}
.l-setorderpic img{
width: 242px;
height: 242px;
object-fit: cover;
}
.l-colspantab .last{
border: none;
}
.l-cityselect{
width: 105px;
height: 50px;
}
.w480{
width: 480px;
}
.h40{
height: 40px;
line-height: 40px;
}
.l-interview{
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.l-interview>li{
width: 204px;
padding: 37px 9px 0;
height: 392px;
float: left;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.l-interview>li .bntabin{
background: #8baf5d;
}
.l-interview>li .bntabins{
background: #8baf5d;
}
.l-interpic img{
width: 150px;
height: 150px;
object-fit: cover;
}
.l-interview>li h6{
line-height: 25px;
padding: 16px 9px 0;
height: 50px;
overflow: hidden;
}
.l-interview>li p{
line-height: 22px;
padding: 0 9px;
height: 44px;
overflow: hidden;
}
.l-interfix{
line-height: 26px;
}
.fablousubtip .iconfont{
background-position: -209px -628px;
width: 16px;
height: 16px;
margin-top: -4px;
}
.fablousubtip .cur{
background-position: -162px -627px;
}
.l-interlook .iconfont{
background-position: -238px -633px;
width: 20px;
height: 11px;
margin-top: -4px;
}
.l-interview>li:hover{
background: #f2f2f2;
}
.l-setmeal>li{
width: 256px;
border: 2px solid #cccccc;
float: left;
padding-top: 49px;
height: 380px;
border-radius:129px 129px 0 0;
}
.l-setmeal>li+li{
margin-left: 53px;
}
.l-setmealicon{
width: 80px;
height: 80px;
border-radius: 50%;
display: inline-block;
}
.l-setmealicon img{
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
}
.l-setmeal>li h6{
width: 190px;
height: 60px;
line-height: 60px;
display: inline-block;
border-radius: 30px;
background: #525252;
font-size: 16px;
color: #FFF;
}
.l-setmealtxt p{
line-height: 25px;
height: 25px;
overflow: hidden;
}
.l-setmealtxt{
height: 75px;
overflow: hidden;
}
.l-setmealbnt{
width: 116px;
height: 36px;
text-align: center;
line-height: 36px;
color: #7cb82e;
border: 2px solid #7cb82e;
border-radius: 2px;
}
.l-setmealbnt:hover{
background: #7cb82e;
color: #FFF;
}
.l-setmeal>li:hover{
border: 2px solid #7cb82e;
}
.l-teamlist{
/* margin: -18px 0 0 -18px; */
}
.l-teamlist>li{
width: 590px;
float: left;
/* margin: 18px 0 0 17px; */
box-shadow: 0px 0px 5px #eaeaea;
border: 1px solid #eaeaea;
background: #FFF;
}
.l-teampic{
width: 590px;
height: 438px;
overflow: hidden;
}
.l-teampic img{
width: 590px;
height:100%;
}
.l-teamtxt{
padding: 16px 20px 17px 30px;
}
.l-teamtlt em{
line-height: 27px;
height: 27px;
overflow: hidden;
}
.l-teamtlt i{
line-height: 22px;
height: 22px;
overflow: hidden;
}
.w180{
width: 180px;
}
.l-teambigpic{
width: 750px;
height: 557px;
overflow: hidden;
}
.l-teambigpic img{
width: 750px;
}
.l-teaminfo .pro_views_desc{
height: 25px;
}
.l-teamwrap{
width: 1200px;
margin: auto;
background: #fff;
overflow: hidden;
box-shadow: 0px 0px 5px #ddd;
}
.l-teaminfo .pro_views_caozuo .pro_views_shouchang{
margin-left: 0;
width: auto;
}
.l-teaminfo .pro_views_caozuo{
margin-top: 30px;
}
.l-teamcont{
width: 1032px;
}
/*------2017.9.5-----*/
.l-turnlist>li{
float: left;
width: 320px;
margin-top: 0;
}
.l-turnlist>li+li{
margin-left: 33px;
}
.l-turnlist>li .l-suitepic{
width: 320px;
height: 238px;
}
.l-turnlist>li .l-suitepic img{
width: 320px;
}
.l-teamleft{
width: 145px;
}
.l-tabturn{
margin-top: -18px;
}
.l-tabturn>li{
margin: 18px 0 0 22px;
}
.l-turnsinlebox>li{
float: none;
}
.w600{
width: 600px;
}
.w125{
width: 125px;
}
.w278{
width: 278px;
}
.l-demendtxt{
padding: 5px 10px;
height: 33px;
line-height: 33px;
outline: none;
}
.l-demendsel{
margin-right: 0;
font-size: 14px;
}
.w298{
width: 298px;
}
.l-seldemend{
padding-top: 8px;
margin-left: -40px;
}
.l-seldemend>li{
float: left;
line-height: 30px;
margin-left: 40px;
font-size: 14px;
color: #626262;
cursor: pointer;
}
.l-seldemend>li .iconfont{
background-position: -169px -64px;
width: 14px;
height: 14px;
}
.l-seldemend>li.selected .iconfont{
background-position: -152px -64px;
}
.w550{
width: 550px;
}
.l-demendarea{
width: 340px;
height: 178px;
}
.l-demendtips{
line-height: 25px;
}
.l-navdemend{
display: inline-block;
width: auto;
}
.l-seldestab>li{
width: 368px;
height: 138px;
background: #f2f2f2;
margin: 25px 0 0 20px;
cursor: pointer;
float: left;
border: 2px solid #f2f2f2;
}
.l-seldestab>li.selected{
border-color: #010101;
}
.l-seldesleft{
width: 100px;
height: 100px;
border-radius: 50%;
margin: 19px 0 0 20px;
}
.l-seldesleft img{
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
}
.w220{
width: 220px;
}
.l-seldestxt>h6{
line-height: 48px;
height: 48px;
}
.l-seldestxt>p{
line-height: 24px;
height: 24px;
}
.nowrap{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.l-demendtable{
padding: 40px 39px 0;
}
.l-demendtab{
border-left: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
}
.l-demendtab th{
background: #282828;
height: 60px;
line-height: 60px;
font-weight: normal;
color: #FFF;
font-size: 16px;
}
.l-demendtab td{
border-top: 1px solid #d2d2d2;
height: 119px;
}
.l-demendtab td .vrinput{
border: 1px solid #d2d2d2;
width: 38px;
height: 21px;
margin: 0 5px;
}
.w640{
width: 640px;
}
.line34{
line-height: 34px;
}
.w478{
width: 478px;
}
.w300{
width: 300px;
}
.w450{
width: 450px;
}
.l-setnpx{
width: 410px;
height: 358px;
}
.l-destips{
padding: 20px;
line-height: 25px;
border-radius: 5px;
}
.w730{
width: 730px;
}
.w230{
width: 230px;
}
.w490{
width: 490px;
}
.l-seldesbox>li{
width: auto;
background: none;
border: none;
}
.w440{
width: 440px;
}
.w193{
width: 193px;
}
.w215{
width: 215px;
}
/*----2017.9.6----*/
.w920{
width: 920px;
}
.w880{
width: 880px;
}
.l-stylebox th{
font-weight: normal;
width: 92px;
padding-right: 10px;
text-align: right;
font-size: 14px;
color: #666;
padding-top: 15px;
line-height: 30px;
}
.l-tipstel{
width: 380px;
line-height: 40px;
height: 40px;
}
.l-tipstel .iconfont{
background-position: -635px -20px;
width: 20px;
height: 21px;
}
.l-setintips{
padding: 20px 25px 37px;
border-radius: 5px;
width: 870px;
line-height: 25px;
}
.l-setintips>h6{
line-height: 35px;
}
.w570{
width: 570px;
}
.w540{
width: 540px;
}
.auto{
margin: 0 auto;
}
.w500{
width: 500px;
}
.l-tabvrview{
margin-left: -20px;
}
.l-tabvrview>li{
float: left;
width: 175px;
margin: 0 0 10px 20px;
}
.l-vrrightab>li {
width: 320px;
}
.l-venderlistin td{
border-right: 1px solid #f3f3f3;
border-top: 1px solid #f3f3f3;
}
body {
min-width: 1300px;
}
/*----2017.9.11---*/
.l-newardder{
line-height: 45px;
border: none;
}
.l-newardder .iconfont{
background-position: -596px -196px;
width: 12px;
height: 6px;
position: absolute;
right: 10px;
top: 20px;
}
.l-newposition .l-areaul{
top:45px;
}
/*-----2017.9.12----*/
.l-friendtlt{
line-height: 34px;
}
.l-friendlist{
margin-left: 13px;
}
.l-friendlist li{
margin: 24px 0 0 27px;
width: 260px;
float: left;
height: 166px;
overflow: hidden;
text-align: center;
}
.l-friendlist li span{
display: table-cell;
width: 258px;
height: 108px;
line-height: 108px;
text-align: center;
border: 1px solid #ccc;
}
.l-friendlist li span img{
max-width: 258px;
max-height: 108px;
object-fit: cover;
}
.l-friendlist li a em{
height: 56px;
line-height: 56px;
display: block;
}
/*2017.9.18*/
.contabmenu .flextop {
position: absolute;
left: -2px;
top: 178px;
width: 670px;
}
.contabmenu{
position: relative;
}
.min-h300{
min-height:300px;
}
body {
min-width: 1300px;
}
.l-citybox .pro_views_addresslist {
border: none;
}
.l-citybox .l-areaul {
left: -11px;
top: 34px;
width: 230px;
}
.prop_shuxuan .prop_shuxuan_left >li.l-citybox {
width: auto;
padding: 0 10px;
}
/*----2017.9.25---*/
.l-bindtable td{
/* border-bottom: 1px solid #ccc; */
padding: 10px 0;
}
.l-singtab{
padding: 10px;
}
.l-singtab .bntabin{
width: 80px;
height: 30px;
line-height: 30px;
}
.l-singtab .bntabins{
width: 80px;
height: 30px;
line-height: 30px;
}
.l-turntag>li{
height: 352px;
}
.l-turntag>li .bntabin{
color: #FFF;
}
.l-turntag>li .bntabins{
}
.lxf-box>li.del:hover .back-singbox{
display: block;
}
.lxf-box>li.del:hover .l-browseDelbox{
display: block;
left: 92px;
top: 48%;
}
.l-startime{
width:280px;
}
.l-startime .ss{
width: 80px;
padding: 4px;
height: 20px;
border: 1px solid #d2d2d2;
text-align: center;
}
.l-startime .l-seachinput{
padding:0;
border: none;
}
/*分享*/
.share_box {
left:0;
top:20px;
padding-top:15px;
position:absolute;
width: 190px;
}
.l-share {
curpoint:curint;
}
.share_box{
display:none;
}
.l-share:hover .share_box{
display:block;
}
/* 商品详情 */
.l-viewmatchbox {
width: 840px;
height: 560px;
overflow: hidden;
}
/* 商品详情 */
.l-viewmatchboxs {
width: 100%;
height: 480px;
overflow: hidden;
}
.l-viewmatchboxsss {
width: 100%;
height: 700px;
overflow: hidden;
}
.l-viewmatchbox>a.iconfont {
width: 50px;
height: 100px;
position: absolute;
top: 50%;
margin-top: -50px;
}.l-viewmatchboxs>a.iconfont {
width: 50px;
height: 100px;
position: absolute;
top: 50%;
margin-top: -50px;
}
.l-viewmatchboxsss>a.iconfont {
width: 50px;
height: 100px;
position: absolute;
top: 50%;
margin-top: -50px;
}.l-viewmatchboxsss>a.iconfont {
width: 50px;
height: 100px;
position: absolute;
top: 50%;
margin-top: -50px;
}
.view_matching_pc .prev {
background-position: -29px 0;
left: 20px;
}
.view_matching_pc .next {
background-position: -91px 0;
right: 20px;
}
.view_matching_pc .prev:hover {
background-position: -29px -104px;
}
.view_matching_pc .next:hover {
background-position: -91px -104px;
}
.l-viewmatch li {
position: absolute;
top: 0;
width: 100%;
height: 100%;
transition: all 0s;
-o-transition: all 0s;
-webkit-transition: all 0s;
-ms-transition: all 0s;
-moz-transition: all 0s;
}
@media screen and (max-width: 1467px) {
.left_menu{
left:0;
transition: all 0s;
-o-transition: all 0s;
-webkit-transition: all 0s;
-ms-transition: all 0s;
-moz-transition: all 0s;
}
}
.buytayit{
background: url(../image/cart.png) no-repeat;
width:21px;
height:21px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
/*-----2017.9.29----*/
.h184{
height: 184px;
resize: none;
}
.l-seterror{
width: 388px;
text-align: right;
top: 194px;
}
.l-searchwrod{
width: 100px;
display: block;
}
.l-seachinbox {
width: 62px;
display: block;
height: 28px;
position: absolute;
left: -62px;
top: 0;
border: 1px solid #cccccc;
border-right: none;
font-size: 14px;
line-height: 28px;
text-align: center;
border-radius: 5px 0 0 5px;
}
.l-seachlist {
position: absolute;
left: -1px;
top: 28px;
background: #FFF;
font-size: 14px;
width: 100%;
border: 1px solid #ccc;
}
.l-search .sr {
width: 190px;
border-radius: 0;
}
.citymap {
display: none;
}
.header .h_nav .n_search .sr {
width: 245px;
}
.header .h_nav .n_search .sbtn {
border-radius: 0 5px 5px 0;
}
.header .h_nav .n_search{
/*
margin-left: 900px;
position: absolute;
*/
background: url(../image/n_search.png) no-repeat 10px 5px;
overflow: initial;
}
.l-searchwrod em{
height: 30px;
line-height: 30px;
text-align: center;
font-size: 14px;
border-right: 1px solid #ccb58e;
display: block;
}
.l-searchwrod>ul{
position: absolute;
left: 0;
background: #FFF;
border: 1px solid #cccccc;
width: 100px;
line-height: 30px;
top: 30px;
display: none;
}
.l-searchwrod>ul>li{
font-size: 14px;
color: #333;
text-align: center;
cursor: pointer;
}
.l-searchwrod>ul>li+li{
border-top: 1px solid #cccccc;
}
.l-searchwrod>ul>li:hover{
background: #ccb58e;
color: #FFF;
}
.l-searchwrod:hover ul{
display: block;
}
.l-seachlist>li.cur {
background: #333;
color: #FFF;
}
.l-seachlist>li+li {
border-top: 1px solid #ccc;
}
.l-seachlist>li {
cursor: pointer;
}
.l-articebox>h3{
text-align: center;
line-height: 47px;
}
.l-seachinbox>ul>li:hover{
background: #ccb58e;
color: #FFF;
}
.l-articetime{
line-height: 23px;
padding-bottom: 37px;
}
.l-articetxt{
line-height: 29px;
}
.indent{
text-indent: 24px;
}
.l-articetxt img{
max-width: 1146px;
}
.l-singin{
line-height: 57px;
font-size: 16px;
color: #666;
padding-bottom: 44px;
}
/*-----2017.9.30----*/
.l-cityviews em{
width: 110px;
height: 45px;
overflow: hidden;
display: block;
}
/*** a标签宽度自适应***/
.l-goodstyleboxlat>a {
width: auto;
display: inline-block;
padding: 0px 10px;
float: none;
}
.updateinvoice {
width: 80px;
height: 30px;
color: #FFF;
line-height: 30px;
border-radius: 3px;
text-align: center;
background: #101010;
}
.progress1{
background: url(../image/progress_1.png) no-repeat;
vertical-align: middle;
display: inline-block;
}
.progress2{
background: url(../image/progress_2.png) no-repeat;
vertical-align: middle;
display: inline-block;
}
.progress3{
background: url(../image/progress_3.png) no-repeat;
vertical-align: middle;
display: inline-block;
}
.progress4{
background: url(../image/progress_4.png) no-repeat;
vertical-align: middle;
display: inline-block;
}
.progress5{
background: url(../image/progress_5.png) no-repeat;
vertical-align: middle;
display: inline-block;
}
.progress6{
background: url(../image/progress_6.png) no-repeat;
vertical-align: middle;
display: inline-block;
}
.sixbackreturn{
background-position: 0 0;
width: 760px;
height: 30px;
}
.sixbackreturnnew{
background-position: -501px -541px;
width: 315px;
height: 35px;
}
.l-returnlistnew{
width: 900px;
margin: 13px auto 0 -6px;
}
.l-returnlistnew>li{
width: 145px;
float: left;
text-align: center;
line-height: 25px;
}
.l-returnlistnew>li.last{
width: 120px;
}
/***2017-10-09---VR方案****/
.h94{
height: 94px;
resize: none;
}
.l-vrbixtap{
width: 120px;
height: 120px;
}
.l-seterror{
top: 108px;
}
.l-vrbixtap .addcursortab{
margin-top: 48px;
}
.l-citytap{
padding: 0 50px;
height: 40px;
}
.l-citytap .citytxt{
display: block;
overflow: hidden;
height: 40px;
}
.l-citytap .iconfont{
background-position: -193px -98px;
width: 18px;
height: 10px;
position: absolute;
top: 15px;
right: 27px;
}
.l-citybox{
position: absolute;
top: 40px;
background: #FFF;
left: -1px;
width: 100%;
z-index: 99;
}
.l-cityboxnew{
position: absolute;
top:0px;
left:0px;
background: #FFF;
width: 100%;
z-index: 99;
}
.l-areatlt{
height: 44px;
background: #f2f2f2;
border-bottom: 1px solid #CCC;
}
.l-areatlt>li{
position: relative;
width: 33%;
margin: 0;
border: none;
line-height: 44px;
cursor: pointer;
height: 100%;
}
.l-areatlt>li+li{
margin: 0;
border-left: 1px solid #CCC;
}
.l-areatlt>li em{
width: 107px;
display: block;
}
.l-areatlt>li.selected{
border-color: #ccc;
background: #FFF;
border-bottom:1px solid #FFF;
}
.l-citytable th{
font-weight: normal;
line-height: 23px;
vertical-align: top;
padding-top: 5px;
}
.l-citytable td{
line-height: 23px;
}
.l-citytable td a{
padding: 0 18px;
height: 23px;
display: inline-block;
color: #333;
margin-top: 5px;
}
.l-citytable td a:hover,.l-citytable td a.cur{
background: #333;
color: #FFF;
}
.citymap{
display: none;
}
.l-seachinbox{
width: 62px;
display: block;
height: 28px;
position: absolute;
left: -62px;
top: 0;
border: 1px solid #cccccc;
border-right: none;
font-size: 14px;
line-height: 28px;
text-align: center;
border-radius: 5px 0 0 5px;
}
.l-seachlist{
position: absolute;
left: -1px;
top: 28px;
background: #FFF;
font-size: 14px;
width: 100%;
border: 1px solid #ccc;
}
.l-seachlist>li{
cursor: pointer;
}
.l-seachlist>li+li{
border-top: 1px solid #ccc;
}
.l-search {
width: 250px;
}
.l-seachlist>li:hover{
background: #ccb58e;
color: #FFF;
}
.l-seachlist>li.cur{
background: #ccb58e;
color: #FFF;
}
.header_fixed_search .l-searchwrod em{
color:#333;
}
.l-vrbixpic img{
height:120px;
width:120px;
object-fit: cover;
}
.l-searchnew{
width: 260px;
}
.w650{width:650px;}
/*--------2017.10.14----*/
.l-emptybox{
height: 255px;
line-height: 255px;
}
.l-emptyboxnew{
height: 195px;
line-height: 255px;
}
.l-orderempty{
background-position: -736px 0;
width: 67px;
height: 63px;
}
.l-shopempty{
background-position: -646px -70px;
width: 60px;
height: 60px;
}
.l-mytorderempty{
background-position: -659px -152px;
width: 144px;
height: 171px;
}
.l-followempty{
background-position:-671px -340px;
width: 130px;
height: 130px;
}
.l-followbox{
line-height: 60px;
}
.vrdisplaynone{
display: none;
}
.vrcursor{
cursor: pointer;
}
.l-selectabnew {
position: absolute;
right: 0px;
top: -67px;
}
.l-arearight>li{
border-right: 1px solid #CCC;
}
.l-arearight>li+li{
border-left: none;
}
.ohidden{
overflow:hidden;
height:28px;
}
.registeSix{
border: none;
}
.overflow{
overflow:hidden;
}
.h280{
height:280px;
}
.align-center {
text-align:center;
}
/*2017.10.21*/
.lh20{
line-height: 20px;
}
.l-ordertlist>li{
margin-top: 30px;
height: 64px;
border: 1px solid #d2d2d2;
padding: 0 20px;
line-height: 64px;
cursor: pointer;
}
.l-ordertlist>li:hover,.l-ordertlist>li.cur{
color: #FFF;
background: #ccb58e;
border-color: #ccb58e;
}
.l-expertlt .demand{
line-height: 51px;
font-size: 16px;
}
.orangecolor{
color:#ccb58e;
}
/* 2017.11.20 */
.l-ratetips>i.iconfont {
background-position: -643px -80px;
width: 18px;
height: 17px;
}
.l-ratetips>i.cur{
background-position: -643px -56px;
width: 18px;
height: 17px
}
.l-ratetips>i+i {
margin-left: 3px;
}
/* 2017.11.21 */
.l-tootips>i.iconfont{
background-position:-690px -138px;
}
.l-tootips>i.cur{
background-position:-690px -114px;
}
.l-deslistul>li .top {
background-position: -765px -70px;
width: 29px;
height: 29px;
line-height:28px;
}
.l-serverlistype li{
list-style-type: disc;
margin:0 13px;
}
.l-serverlistype ul{
width:auto !important;
}
.view_scanshu_list_vs p,.view_scanshu_list_vs ul,.view_scanshu_list_vs li,.view_scanshu_list_vs div,.view_scanshu_list_vs img,.view_scanshu_list_vs span{
max-width:880px !important;
}
/**2017-12-13 顶部样式调整**/
.header_fixed_carts a:hover {
/** color: #ccb58e;**/
}
/**2017-12-20服务保障图片**/
.l-viewbox img{
max-width:100%
}
.l-serverlistype h1{
font-size: 22px;
font-weight: bolder
}
.l-serverlistype h2{
font-size: 18px;
font-weight: bolder
}
.l-serverlistype h3{
font-size: 16px;
font-weight: bolder
}
.l-serverlistype h4{
font-size: 14px;
font-weight: bolder
}
.l-serverlistype h5{
font-size: 12px;
font-weight: bolder
}
.l-mainbox pre {
white-space: pre-wrap;
word-wrap: break-word;
}
.modelcart{
background: #fff !important;
color: #d83333 !important;
border: 1px #d83333 solid !important;
}
.modelcart:hover{
background:#d83333 !important;
color: #fff !important;
}
/*2017.12.26
*/
.l-logistics{
padding: 7px 20px 0;
}
.l-logisticsbox{
font-size: 14px;
height: 38px;
padding: 0 10px 0 30px;
background: #f2f2f2;
line-height: 38px;
border: 1px solid #d2d2d2;
color: #898989;
}
.l-logisticsbox span.left i{
color: #282828;
}
.l-logisticsbox span.left strong{
color: #282828;
}
.l-logisticsmore{
width: 66px;
height: 30px;
background: #101010;
border-radius: 3px;
line-height: 30px;
text-align: center;
margin-top: 4px;
color: #FFF;
}
.ico{
background: url('/image/ico.png') no-repeat;
display: inline-block;
}
.l-logisticsmore i{
background-position: 0px 0px;
width: 8px;
height: 9px;
}
.l-orderlogislist{
display: none;
padding: 24px 0 8px 30px;
border: 1px solid #d2d2d2;
border-top: none;
}
.l-orderlogislist>li{
padding-bottom: 17px;
width: 440px;
float: left;
padding-right: 15px;
color: #898989;
line-height: 18px;
font-size: 14px;
}
.l-orderlogis>li{
padding-bottom: 39px;
}
.l-logisticsmore i.cur{
background-position: -10px 0;
width: 10px;
height: 9px;
}
.l-jionbanner li{
position: absolute;
top: 0;
width: 100%;
height: 100%;
transition: all 0s;
-o-transition: all 0s;
-webkit-transition: all 0s;
-ms-transition: all 0s;
-moz-transition: all 0s;}
.l-jionwrapin img{
width:100%
}
.l-jionwrapin pre {
white-space: pre-wrap;
word-wrap: break-word;
}
.k-comment{
color: #ccb58e;
border: 1px solid #ccb58e;
background: #fff;
}
.l-jionbnt:hover{
background-color: #d83333;
color: #fff;
}
.apply-us{
color: #d83333 !important;
}
.apply-us:hover{
color: #d83333 !important;
}
.k-jiameng:hover .title {
color: #d83333 !important;
}
.modern_list_titlename{
width:auto;
}
.l-jionbanner img{
/*position:absolute;
left:50%;
margin-left:-960px;
top:0;*/
width: 100%;
}
pre {
font-family: initial;
}
.l-addbuytab .pro_views_numadd{
height:21px
}
.l-addbuytab .pro_views_numdec{
height:21px
}
.l-loginlist .c-codeli{
height:auto;
margin-top: 10px;
}
.z-editor{
width:118px;
height:40px;
background:url(../image/z-editorN.png) no-repeat;
}
.z-editor:hover{
background:url(../image/z-editorY.png) no-repeat;
}
.l-editorinfo{
top: 5px;
}
.iconfont2{
background: url("../image/lookface.png") no-repeat;
vertical-align: middle;
display: inline-block;
}
.l-shopempty2{
width: 110px;
height: 110px;
}
.hop-orderbnt .hop-bnt:hover{
background-color: #d83333;
color: #fff;
border: 1px solid #d83333;
}
.hoptxt.tophome:hover{
color: #F00;
}
.hop-bnt.bntabin:hover{
background-color: #d83333;
color: #fff;
border: 1px solid #d83333;
}
.hop-bnt.bntabins:hover{
background-color: #d83333;
color: #fff;
border: 1px solid #d83333;
}
.view_scanshu_shop li a{
color:#333;
display: block;
}
.view_scanshu_shop li:hover a,.view_scanshu_shop li.curr a{
color:#fff
}
.fundong.fixed-box{
position: fixed;
top:0px;
background-color: #FFF;
}
/*---------------2018.12.12 页面修改--------------*/
.row{
width: 1200px;
height: auto;
display: block;
margin:0 auto;
}
.indwez{
width: 100%;
line-height: 50px;
font-size: 14px;
}
.indwez1{
width: 1200px;
height: 40px;
margin: 20px 0;
display: inline-block;
}
.indwez2{
width: 540px;
height: 36px;
border:1px solid #CFCFCF;
display: inline-block;
}
.indwez2 select{
padding: 9px 0;
float: left;
border: none;
outline: none;
text-align: center;
}
.indwez2 select{
width: 92px;
text-align: center;
text-indent:10px;
background: #fff;
font-size: 14px;
}
.indwez2 select:last-child{
width: 80px;
}
.indwez3{
display: inline-block;
margin-left: 12px;
}
.indwez3 li{
width: 80px;
height: 36px;
text-align: center;
line-height: 36px;
background: #fff;
float: left;
font-size: 14px;border:1px solid #CFCFCF;
cursor: pointer;
}
.indwez3 li:nth-child(1){border-right:none}
.indwez3 li:nth-child(2){border-right:none}
.indact{
border:1px solid #CDB591!important;
background:#fff url(/image/indact.png) right bottom no-repeat!important;
}
.indwez4{
width: 268px;
height: 37px;
display: inline-block;
margin-left: 5px;
}
.indwez4 input:nth-child(1){width: 167px;height: 36px;line-height: 36px;float: left;border:1px solid #CCCCCC;outline: none;text-indent: 40px;background:#fff url(../image/search.png) 10px center no-repeat;}
.indwez4 input:nth-child(2){width: 80px;height: 36px;float: left;background: #CDB591;font-size: 16px;color: #fff;border:none;outline: none;}
.indwez5{
width: 198px;
height: 36px;
float: right;
}
.indwez5 a{
width: 98px;
height: 36px;
display: inline-block;
font-size: 14px;
text-align: center;
line-height: 36px;
float: left;
background: #fff;
border:1px solid #666;
}
.indwez5 input{
width: 99px;
height: 36px;
background: #fff;
outline: none;
border: none;
float: left;
}
.indwez6{
width: 1200px;
height: auto;
display: inline-block;
}
.indwez6 .indwez7{
width: 380px;
height: 400px;
float: left;
margin-bottom:15px;
position:relative;
z-index: 0;
}
.indwez6 .indwez7 .mianimg{
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
}
.indwez6 .indwez7 .ind_hover{
width: 348px;
height: 63px;
background: rgba(0,0,0,.5);
padding: 15px 21px 12px 5px;
position: absolute;
left: 0;
bottom: 3px;
z-index: 1;
margin-left: 3px;
display: none;
}
.ind_hover div:nth-child(1){
width: 62px;
height: 62px;
border-radius: 50%;
float: left;
display: inline-block;
}
.ind_hover div:nth-child(1) img{
width: 62px;
height: 62px;
border-radius:50%;
object-fit: cover;
}
.ind_hover div:nth-child(2){
width: 215px;
height: 100%;
float: left;
font-size: 10px;
color: #CACACA;
text-indent: 20px;
}
.ind_hover div:nth-child(2) p{margin-top: 10px;}
.ind_hover div:nth-child(3){
height: 13px;
float: right;
line-height: 13px;
color: #E7E4E2;
font-size: 12px;
margin-top: 38px;
}
.ind_hover div:nth-child(3) img{
width: 20px;
height: 12px;
object-fit: cover;
}
.indwez6 .indwez7:not(:nth-child(3n+1)){
margin-left: 30px;
}
.mt30{
margin-top: 30px;
}
.ind_tip{
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
background: rgba(0,0,0,.5);
border-radius: 5px;
text-align: center;
line-height: 25px;
z-index: 1;
color: #fff;
display: none;
padding:3px 5px;
}
.fenye{
width: 100%;
height: 30px;
margin: 48px auto 40px auto;
display: inline-block;
text-align: center;
}
.fenye a{
padding: 0 10px;
background: #fff;
height: 30px;
line-height: 30px;
display: inline-block;
border:1px solid #E0E0E0;
}
.fenye_act{background: #CDB591!important;color: #fff!important}
/*我的主页*/
.my{
width: 100%;
height:auto;
display: inline-block;
margin-top: 18px;
}
.my_left{
width: 880px;
height: auto;
display: inline-block;
}
.my_right{
width: 300px;
height: auto;
display: inline-block;
}
.myl1{
width: 815px;
height: auto;
display: inline-block;
padding:28px 32px 32px 35px;
background: #fff;
border:1px solid #EBEBEB;
}
.myl1:not(:first-child){
margin-top: 20px;
}
.myl2{
width: 100%;
height: 62px;
display: inline-block;
}
.myl2 div:nth-child(1) img{width: 62px;height: 62px;float: left;border-radius: 50%;object-fit: cover;}
.myl2 div:nth-child(2){
width: 500px;
float: left;
height: 50px;
padding-top: 5px;
font-size: 12px;
line-height: 25px;
margin-left: 20px;
}
.myl2 div:nth-child(3){
width: 55px;
height: 23px;
float: right;
}
.myl2 div:nth-child(3) .remove{
width: 20px;
height: 23px;
float: right;
display: inline-block;
color:#666;
cursor: pointer;
font-size:26px;
margin-top: -8px;
}
.myl2 div:nth-child(3) a{
width: 20px;
height: 22px;
display: inline-block;
float: left;
background: url('../image/bianji.png');
}
.myl3{
width: 100%;
height: 70px;
margin-top:20px;
font-size: 14px;
color: #999999;
line-height: 24px;
border-bottom: 1px solid #EEEEEE;
}
.myl4{
width: 100%;
height: 20px;
padding: 19px 0;
font-size: 14px;
}
.shoucan{cursor: pointer;}
.myl4 span:not(:first-child){margin-left: 30px;}
.myl4 span img{margin-right: 10px;}
.jinse{color: #CDB591}
.my_r1{
width: 262px;
height: auto;
padding: 20px;
border: 1px solid #F2F2F2;
background: #fff;
}
.my_r3{
width: 100%;
height: 120px;
background: url('../image/xian_bg.png') center no-repeat;
}
.my_r3 div{
width: 120px;
height: 120px;
border-radius: 50%;
margin: 0 auto;
}
.name{
width: 100%;
line-height: 60px;
text-align: center;
font-size: 18px!important;
}
.my_r1 p:not(:first-child){
height: 40px;
font-size: 14px;
text-indent: 15px;
}
.my_r1 p:not(:first-child) i{
display: inline-block;
text-indent: 20px;
color: #999999;
}
.my_r2{
width: 262px;
height: auto;
padding: 20px;
border: 1px solid #F2F2F2;
background: #fff;
margin-top: 18px;
}
.my_r21{
width: 100%;
height: 38px;
line-height: 38px;
background: url('../image/xian_bg.png') center center no-repeat;
text-align: center;
font-size: 18px;
}
.my_r2 p{
height: auto;
font-size: 14px;
text-indent: 15px;
line-height:25px;
}
.my_r2 p i{
display: inline-block;
text-indent: 18px;
color: #999999;
}
.mt24{margin-top: 24px;}
/*发布案例分享*/
.fbal{
width: 800px;
height: 378px;
border:1px solid #EBEBEB;
background: #fff;
}
.fbal_t{
width: 100%;
height: 50px;
line-height: 50px;
text-indent: 20px;
border-bottom: 1px solid #E0E0E0;
}
.fbal_t span{
font-size: 16px;
height: 16px;
display: inline-block;
border-left: 4px solid #BCA478;
line-height: 16px;
text-indent: 10px;
margin-top: 17px;
}
.wenan{
width: 742px;
height: 252px;
margin: 25px 34px 0 24px;
resize:none;
outline: none;
border: none;
}
.fbal p:last-child{
text-align: right;
font-size: 12px;
padding-right: 24px;
line-height: 30px;
color: #B5B5B5
}
.fbal2{
width: 100%;
height: 40px;
margin:20px 0 40px 0;
}
.fbal2_left select{
width: 158px;
height: 40px;
border:1px solid #D7D7D7;
}
.fbal2_right input{
width: 158px;
height: 40px;
}
.fbal2_right input:first-child{
border:none;
background: #CDB591;
color: #fff;
margin-right: 15px;
}
.ml15{
margin-right: 15px;
}
.fbal2_right input:last-child{
border:1px solid #D4D4D4;
background: #fff;
}
.fbal3{
width: 800px;
height: auto;
display: inline-block;
background: #fff;
border:1px solid #ECECEC;
}
.fbal3_m{
width: 800px;
min-height: 285px;
height: auto;
line-height: 285px;
text-align: center;
position: relative;
}
.fbal3_m div{
width: 100%;
height: auto;
display: inline-block;
display: inline-block;
}
.fbal3_m div img{max-width: 100%;text-align: center;}
.fbal3_m input{
width: 100%;
min-height: 100%;
position:absolute;
top: 0px;
left: 0px;
z-index: 1000;
opacity: 0;
}
.fbal4{
width: 800px;
height: auto;
margin:38px auto 0 auto;
background: #fff;
display: inline-block;
}
.fbal5{
width: 780px;
height: 50px;
line-height: 50px;
padding-left: 20px;
border-bottom:1px solid #E2E2E2
}
.fbal5-top{
font-size: 16px;
height: 16px;
display: inline-block;
border-left: 4px solid #BCA478;
line-height: 16px;
text-indent: 10px;
margin-top: 17px;
}
.fbal5-top2{
width: auto;
height: 45px;
color: #BCA478;
position: relative;
}
.fbal5-top2 i{
width: 26px;
height: 50px;
font-size: 30px;
float: left;
line-height: 47px;
}
.fbal5-top2 .fbalt2_sp1{
height: 50px;
line-height: 50px;
float: left;
font-size: 16px;
}
.fbal5-top3{
float: right;
color: #999999;
margin-right: 45px;
}
.fbal6{
width: 710px;
height: auto;
display: inline-block;
margin: 36px auto 50px 45px;
}
.fbal6_m{
width: 100%;
height: auto;
margin-bottom:15px;
display: inline-block;
position: relative;
}
.fbal6_m img{
max-width: 100%;
border-radius: 5px;
display: inline-block;
}
.fbal6_m2{
padding:5px;
border-radius: 3px;
background: rgba(255,255,255,.5);
position: absolute;
z-index: 2;
top: 10px;
right: 20px;
cursor: pointer;
}
.fbal6 .fbal6_m:not(:first-child){
margin-top: 20px;
}
.fbal5-top2 input{
width: 87px;
position:absolute;
top: 14px;
left: 0;
z-index: 1000;
opacity: 0;
}
.alfximg:not(:first-child){
margin-top: 20px;
}
/*案例分享详情*/
.my_rint{
width:101%;
height: 46px;
background: #CDB591;
color: #fff;
border:none;
margin: 10px auto 18px auto;
font-size: 15px;
}
.my_r4{
width: 100%;
height: auto;
padding-top: 15px;
border: 1px solid #F2F2F2;
background: #fff;
}
.my_r41{
width: 100%;
height: 48px;
line-height: 48px;
text-align: center;
background: url(../image/xian_bg.png) center center no-repeat;
}
.my_r4img{
width: 286px;
padding: 0 7px;
display: inline-block;
}
.my_r4img{font-size: 14px;text-align: center;}
.my_r4img p{height: 50px;}
.my_r4img p span{color: #999999;margin-left: 10px;}
.my_r42{
width: 280px;
padding: 0px 10px;
box-shadow: 0px 0px 12px #f0f0f0;
height: auto;
}
.my_r43{
width: 100%;
height: 100px;
}
.fen{
width: 95px;
text-align: center;
float: left;
}
.fen p:first-child{
font-size: 16px;
padding-top: 16px;
}
.fen p:last-child{
font-size:38px;
}
.start{
height: 100%;
font-size: 12px;
line-height: 33px;
color: #A4A4A4;
}
.start .start1{
margin-top: 8px;
margin-left: 5px;
display:inline-block;
}
.start .start2{
height:17.2px;
background:url(../image/wustart_03.png);
background-size:95px 17.2px;
margin-top: 4px;
}
.start .start12{
width:95px;
height:17.2px;
display:inline-block;
}
.tips{
line-height: 30px;
font-size: 12px;
color: #767676;
text-indent: 6px;
}
.pinlun{
width: 100%;
height: 70px;
padding: 18px 0;
}
.my_r42 .pinlun:not(:last-child){
border-bottom: 1px dashed #A0A0A0;
}
.tximg{margin:10px;}
.tximg img{
width: 50px;
border-radius: 50%;
}
.pin_m{
margin-left: 83px;
height: 100%;
color: #6C6C6C
}
.pin_m p:first-child{
font-size: 14px;
height: 28px;
}
.pin_m p span:last-child
{
font-size: 13px;
}
.pl_p{
width: 100%;
max-height: 40px;
line-height: 20px;
font-size: 12px;
}
.head_top{
width: 100%;
height: 30px;
line-height: 30px;
background: #F8F8F8;
font-size: 12px;
color: #676767
}
.head_top a{color: #676767}
.head_tm{
width: 1200px;
height: 30px;
margin: 0 auto;
}
.h_top_ul li{
float: left;
padding: 0 5px;
}
.vip_title{
width: 100%;
line-height: 50px;
font-size: 14px;
}
.vip_main{
width: 100%;
height: auto;
display: inline-block;
background: #fff;
border:1px solid #F3F3F3;
}
.vip_tit{
width: 100%;
height: 50px;
line-height: 50px;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #D4D4D4;
}
.vip_tit i{
width: 5px;
height: 16px;
margin: 17px 8px 17px 20px;
display: inline-block;
background: #BAA374;
}
.vip_m1{
width: 1163px;
margin: 0 auto;
padding: 58px 0;
border-bottom: 1px solid #E7E7E7;
}
.vip_m1_one p{height: 40px;text-align: left;color: #626262;font-size: 18px;}
.vip_buz{
width: 600px;
height: 100%;
margin: 0 auto;
display: block;
}
.buz_number{
width: 45px;
height: 45px;
background: #7CB82E;
color: #fff;
text-align: center;
line-height: 45px;
font-size: 20px;
border-radius: 50%;
float: left;
}
.buz_number2{
width: 45px;
height: 45px;
background: #E4E4E4;
color: #767676;
text-align: center;
line-height: 45px;
font-size: 20px;
border-radius: 50%;
float: left;
}
.jindu{
width: 70px;
height: 6px;
background: #7CB82E;
float: left;
margin-top: 20px;
}
.jindu2{
width: 70px;
height: 6px;
background: #E4E4E4;
float: left;
margin-top: 20px;
}
.vip_m1_tow p{height: 40px;text-align: center;color: #626262;font-size: 18px;}
.vip_m2{
width: 980px;
height: auto;
margin: 50px 150px 0 74px;
padding-bottom: 80px;
display: inline-block;
}
.vip_int{
width: 700px;
height: 40px;
margin-bottom: 25px;
}
.vip_m2_left{
width: 780px;
height: auto;
float: left;
}
.vip_int1 span{
width: 88px;
height: 100%;
display: inline-block;
font-weight: 800;
margin-right: 12px;
}
.vip_int1 span i{
color: #F70604;
}
.vip_int1 span{
width: 80px;
text-align-last: justify;
}
.vip_int1 span em{
margin-left: 35px;
}
.vip_int input{
width: 195px;
height: 36px;
padding-left:10px;
}
.vip_int select{
width: 210px;
height: 40px;
padding-left:10px;
}
.dizhi{
width: 100%;
line-height: 56px;
height: 130px;
font-weight: 800;
text-indent: 10px;
}
.qrqx_int{
float: right;
}
.qrqx_int input{
width: 120px;
height: 40px;
border-radius: 3px;
font-size: 16px;
}
.qrqx_int input:first-child{
border:1px solid #EEEEEE;
color: #000;
margin-right: 80px;
}
.qrqx_int input:last-child{
background: #CAB48D;
color: #fff;
border:none;
margin-right: 15px;
}
.vip_m2_right{
width: 200px;
height: auto;
float: right;
}
.vmr{
width: auto;
height: 16px;
margin:16px auto;
position: relative;
text-align: center;
text-decoration: underline;
color: #145FC1;
font-size: 14px;
}
.vmr input{
opacity: 0;
position: absolute;
z-index: 1000;
}
.vmr_bot{
font-size: 14px;
color: #999999;
text-align: center;
}
.vip_zt{
font-size: 14px;
font-weight: 800;
text-indent: 10px;
line-height: 30px;
margin-top:20px;
}
.vip_m2new{width: 100%;height: auto;display: inline-block;}
.vip_m3new{
width: 100%;
height: 75px;
margin:140px 0 160px 0;
text-align: center;
}
.vip_m3new p:first-child{
font-size: 18px;
line-height: 35px;
}
.vip_m3new p:last-child{
font-size: 10px;
color: #A5A5A5;
line-height: 35px;
}
.vip_m4new{
width: 323px;
height: 40px;
margin: 0 auto 80px auto;
}
.vip_m4new input{
width: 120px;
height: 40px;
font-size: 16px;
border-radius: 3px;
}
.vip_m4new input:first-child{
background: #fff;
border:1px solid #EEEEEE;
}
.vip_m4new input:last-child{
background: #C9B38D;
border:none;
color: #fff;
}
.vip_m5n{
text-align: center;
display: inline-block;
}
.vip_m5n li{
float: left;
text-align: center;
line-height:52px;
background: #F2F2F2;
border-top:1px solid #D0D0D0;
border-bottom:1px solid #D0D0D0;
}
.vip_m5n li:nth-child(1){width: 200px;border-right: 1px solid #D0D0D0;}
.vip_m5n li:nth-child(2){width: 200px;border-right: 1px solid #D0D0D0;}
.vip_m5n li:nth-child(3){width: 200px;border-right: 1px solid #D0D0D0;}
.vip_m5n li:nth-child(4){width: 198px;border-right: 1px solid #D0D0D0;}
.vip_m5n li:nth-child(5){width: 199px;border-right: 1px solid #D0D0D0;}
.vip_m5n li:nth-child(6){width: 198px;}
.vip_m5new{
text-align: center;
display: inline-block;
}
.vip_m5new li{
float: left;
text-align: center;
line-height:98px;
border-bottom:1px solid #D0D0D0;
}
.vip_m5new li:nth-child(1){width: 200px;}
.vip_m5new li:nth-child(2){width: 200px;}
.vip_m5new li:nth-child(3){width: 200px;}
.vip_m5new li:nth-child(4){width: 198px;}
.vip_m5new li:nth-child(5){width: 199px;}
.vip_m5new li:nth-child(6){width: 198px;}
.mt98{margin-top: 98px;}
.pinjia{
width: 1070px;
height: auto;
margin: 45px auto 46px auto;
}
.pinjia1{
width: 100%;
height: auto;
display: inline-block;
}
.pinj1_left{
width: 105px;
height: 160px;
}
.pinj1_left p i{color: #E81514;}
.pinj_m1{height: 48px;
}
.pinj_m1 section{margin-left: 20px;}
.pinjia2_t i{
color: #E81514;
}
.p2_text_warp{
width: 100%;
height: 188px;
background: #F8F8F8;
}
.pinjia2_text{
width: 1043px;
height: 135px;
margin: 14px;
resize: none;
background: transparent;
border: none;
}
.p2_text_warp p{text-align: right;font-size: 12px;padding-right: 10px;color: #9B9B9B;}
.p2_text_warp p i{color: #C9B38D;}
input{outline: none;}
.w170{width: 170px;}
.w120{width: 120px;}
.w110{width: 110px;}
.w130{width: 130px;}
.w143{width: 143px;}
.l-emptyselect i{color: #C0A980;margin:0 20px;cursor: pointer;}
.yuyue{width: 100%;text-align: center;margin: 0 auto;font-size: 14px;}
.tab_rigbor th:not(:last-child){border-right:1px solid #D1D1D1;}
.yuyue tr:first-child{background: #DFDFDF;height: 52px;font-size: 16px;}
.yuyue .not1tr td{border-bottom: 1px solid #CCCCCC;height: 86px;}
.yuyue a{color: #6C6C6C}
.ckxq_main{
width: 910px;
height: auto;
padding:52px 45px 38px 45px;
}
.ckxq_main table td{width: 317px;height: 46px;}
.dd_liyou{
width: 100%;
margin-top: 50px;
}
.dd_liyou p{line-height: 35px;}
.dd_liyou textarea{
width: 890px;
height: 170px;
padding:10px;
background: #F8F8F8;
resize:none;
border: none;
}
.seaint{
width: 60px;
height: 30px;
background: #CBB58E;
color: #fff;
font-size: 14px;
border: none;
margin-top: 10px;
}
.seaint2{
width: 150px;
height: 30px;
color: #fff;
font-size: 14px;
padding-left: 10px;
margin-top: 10px;
margin-right: 10px;
}
.alfx_xq{
width: 948px;
height: 210px;
padding:30px 33px 28px 20px;
border-bottom: 1px solid #F1F1F1;
}
.alfx_xqleft{
width: 352px;
height: 100%;
border-radius: 10px;
position: relative;
float: left;
}
.alfx_xqleft span{
background: rgba(0,0,0,.5);
padding:5px;
color: #fff;
font-size: 12px;
border-radius: 5px;
position: absolute;
right: 66px;
top: 15px;
}
.ml95{margin-left: 95px;}
.alfx_xqrig{
width: 580px;
height: 100%;
float: right;
}
.alfx_xqrig1{
width: 100%;
height: 60px;
}
.alfx_xqrig1 div:first-child{float: left;width: 60px;height: 60px;border-radius: 50%;margin-top: 5px;}
.alfx_xqrig1 div:last-child{
height: 50px;
width: 505px;
padding-top: 10px;
margin-left: 15px;
float: right;
}
.alfx_xqrig1 div:last-child p:first-child{
font-size: 16px;
line-height: 25px;
}
.alfx_xqrig1 div:last-child p:last-child{
font-size: 14px;
color: #A0A0A0;
line-height: 25px;
}
.anms{
width: 100%;
height: 85px;
border-bottom: 1px solid #F2F2F2;
margin-top: 25px;
font-size: 14px;
color: #A0A0A0;
line-height: 26px;
}
.zts{
color: #CBB58E;
}
.tab_tip{
width: 930px;
height: 60px;
line-height: 60px;
margin: 0 auto;
font-size: 14px;
color: #A0A0A0;
}
.l-expertlt2{
width: 958px;
height: 80px;
padding: 18px 20px 14px 23px;
border-bottom: 1px solid #CCCCCC;
}
.l-expertlt3>i{
width: 4px;
height: 15px;
display: inline-block;
background: #bca478;
vertical-align: middle;
margin-top: -4px;
}
.mt64{margin-top: 64px;}
.ml40{margin-left: 40px;}
.l-expertlt3{
float: left;
margin-top: 58px;
}
.l-expert_right{
width: 455px;
height: 75px;
float: right;
}
.l-expert_right div{
width: 118px;
height: 41px;
padding: 15px 5px 18px 15px;
border-radius: 3px;
float: left;
color: #fff;
line-height: 20px;
}
.l-expert_right div:not(:first-child){
margin-left: 20px;
}
.l-expert_right div:nth-child(1){
background: #F98D22
}
.l-expert_right div:nth-child(2){
background: #145FC0
}
.l-expert_right div:nth-child(3){
background: #7CB82E
}
.l-expert_right div:nth-child(1) i{
width: 38px;
height: 100%;
background: url('../image/iconfont.png') no-repeat;
background-position: -597px -302px;
display: inline-block;
}
.l-expert_right div:nth-child(2) i{
width: 38px;
height: 100%;
background: url('../image/iconfont.png') no-repeat;
background-position: -596px -342px;
display: inline-block;
}
.l-expert_right div:nth-child(3) i{
width: 38px;
height: 100%;
background: url('../image/iconfont.png') no-repeat;
background-position: -593px -384px;
display: inline-block;
}
.l-expert_right div p{margin-left:45px;font-size: 14px;}
.l-expert_right div p:last-child{font-size: 12px;}
.qksx{
color: #C1AA83;
float: right
}
.sx_list{
width: 920px;
height: 73px;
padding:38px 0 26px 0;
margin:0 auto;
border-bottom: 1px solid #EEEEEE;
}
.sx_listl{width: 60px;height: 60px;border-radius: 50%;float: left;}
.sx_listr{
width: 840px;
height: 100%;
float: right;
}
.sx_listr2{
font-size: 14px;
}
.sx_listr p:last-child{
font-size: 14px;
color: #A6A6A6;
margin-top: 12px;
line-height: 22px;
}
.vip_int1{width: 350px;}
.ly_tan{
width: 497px;
height: 402px;
background: #fff;
position:fixed;
right: 0;
bottom: 0;
border:1px solid #E9E9E9;
background: #fff;
z-index: 1000;
display: none;
}
.ly_1{
width: 100%;
line-height: 50px;
height: 50px;
border-bottom: 1px solid #E9E9E9;
text-indent: 22px;
}
.main_text{
width: 440px;
height: 268px;
padding: 10px 25px 10px 30px;
background: #F8F8F8;
overflow-y:auto;
}
.main_tr{
margin-bottom: 40px;
width: 100%;
height: auto;
display: inline-block;
}
.main_tr .mainimg{
width: 50px;
height: 50px;
border-radius: 50%;
float: right;
}
.main_t{
max-width: 316px;
height: auto;
display: inline-block;
float: right;
padding: 12px;
border-radius: 10px;
background: #CDB591;
position: relative;
margin: 3px 16px 0 0;
}
.main_t img{
position: absolute;
top: 10px;
right: -10px;
width: 10px;
}
.main_tl{
margin-bottom: 40px;
width: 100%;
height: auto;
display: inline-block;
}
.main_tl .mainimg2{
width: 50px;
height: 50px;
border-radius: 50%;
float: left;
}
.main_t2{
max-width: 316px;
height: auto;
display: inline-block;
float: left;
padding: 12px;
border-radius: 10px;
background: #fff;
position: relative;
margin: 3px 0px 0 16px;
}
.mainimg img, .mainimg2 img{width: 100%}
.main_t2 img{
position: absolute;
top: 10px;
left: -10px;
width: 10px;
}
.ly_int{
width: 480px;
height: 40px;
padding: 12px 10px;
}
.ly_int input:first-child{
width: 350px;
height: 37px;
padding-left: 10px;
float: left;
}
.ly_int input:last-child{
width: 100px;
border:none;
height: 40px;
background: #CDB591;
float: right;
color: #fff;
}
.ly_1 span{
float: right;
font-size: 26px;
margin-right: 15px;
cursor: pointer;
}
.hui_bg{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,.5);
z-index:1000;
display:none;
}
.qxyy_tan{
width:400px;
height:280px;
background:#fff;
position:fixed;
top:50%;
left:50%;
margin-top:-140px;
margin-left:-200px;
z-index:1001;
border-radius:5px;
display:none;
}
.qxyy_t{
width:100%;
height:50px;
line-height:50px;
border-bottom:1px solid #ddd;
text-indent:20px;
}
.qxyy_t span{
font-size:26px;
float:right;
margin-right:20px;
cursor: pointer;
}
.qxyy_tan textarea{
width:350px;
height:130px;
margin:15px;
resize:none;
padding:10px;
outline:none
}
.yy_int{
width:220px;
height:35px;
margin: 0 auto;
}
.yy_int input{
width:100px;
height:35px;
border-radius:5px;
}
.yy_int input:nth-child(1){
background:#ccb58e;
color:#fff;
border:none;
}
.yy_int input:nth-child(2){
color:#000;
border:1px solid #aaa;
background:#fff;
}
.relative{
position:relative;
}
.yuany{
width: 200px;
height: 80px;
position: absolute;
top: -88px;
left: -54px;
background: #ddd;
border-radius: 5px;
padding: 10px;
text-align: left;
font-size:12px;
color:#333;
line-height:20px;
display:none;
}
.yuany div{width:100%;height:60px;overflow-y:auto;display:inline-block}
.yuany span{
position:absolute;
bottom:10px;
right:10px;
}
.tan_hui{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,.5);
z-index: 10000;
}
.sp_ran{
width: 800px;
height: 740px;
background: #fff;
position: fixed;
top: 50%;
left: 50%;
margin-left: -400px;
margin-top: -381px;
z-index: 10001;
}
.sp_tit{
height: 45px;
background: #E4E4E4;
line-height: 45px;
padding: 0 10px;
margin-top:20px;
}
.sp_tit span{
font-size: 24px;
cursor: pointer;
}
.spt_main{
width: 687px;
height: 720px;
margin:8px 18px;
}
.search1{
width: 200px;
height: 30px;
border:1px solid #ddd;
}
.search1 input{
width: 160px;
height: 30px;
outline: none;
border: none;
margin-left: 10px;
}
.search1 i{
width: 30px;
height: 30px;
display: inline-block;
background: url(../image/search.png) no-repeat;
background-position: center center;
}
.spt_div{
width: 100%;
height: auto;
display: inline-block;
}
.spt_list{
width: 220px;
height: 240px;
float: left;
border:1px solid #ddd;
margin-top:10px;
}
.spt_div .spt_list:not(:nth-child(3n+1)){
margin-left: 10px;
}
.spt_p1{
padding:0 10px;
height: 35px;
line-height: 35px;
font-size: 14px;
border-bottom: 1px solid #ddd;
}
.spt_ft{
height: 42px;
line-height: 20px;
font-size: 14px
}
.spt_ft div:first-child{
width:40px;
height:40px;
}
.spt_ft div:first-child input{
width: 21px;
height: 21px;
margin:10px;
}
.spt_ft div:last-child{
width: 180px;
height: 100%;
text-align: left;
}
.spt_tan{
width: 50%;
height: 40px;
margin: 0 auto;
}
.spt_tan input{
width: 150px;
height: 100%;
font-size: 16px;
border-radius: 5px;
}
.spt_tan input:first-child{
background: #ccb58e;
color: #fff;
border:none;
}
.spt_tan input:last-child{
background: #fff;
border:1px solid #999;
}
.sp2{
width: 350px;
height: auto;
/* background: #fff; */
margin-top: 50px;
padding: 15px;
}
.spt_list2{
width: 172px;
height: 280px;
border: 1px solid #ddd;
}
.sp2 .spt_list2{margin-top: 20px;}
.yxj{
position:absolute;
right:10px;
top:10px;
color:#999;
font-size:12px;
}
.slideDown a:hover{
font-size:16px!important;
color:#CDB591!important;
}
.cur2{
background:url(/images/)
}
.alfx_xqrig1 img{
border-radius:50%;
}
.indwez5 a:hover{
background:#CDB591;
color:#fff!important;
}
.indwez5 input:hover{
background:#CDB591;
color:#fff!important;
}
.yuyue tr td:last-child a:hover{
color:#CDB591!important;
}
.vip_m4new input:first-child:hover{
background:#CDB591!important;
color:#fff!important;
}
.qrqx_int input:first-child:hover{
background:#CDB591!important;
color:#fff!important;
}
.cur10{
background: url(../image/shareUp.png) right bottom no-repeat!important;
border:1px solid #CDB591!important;
}
.myl2 div:nth-child(3) a:hover{
width: 20px;
height: 22px;
display: inline-block;
float: left;
background:url(../image/shareDe.png)!important;
}
.myl2 div:nth-child(3) .remove:hover{
color:#ccb58e;
}
.cicun_no{
color:#b7aeae;
}
.pay_button_p{
margin-top: 5px;
float: right;
}
.pay_button{
margin: .4em;
padding: 0.2em 0.6em 0.4em 0.6em;
border-radius:5px;
cursor: pointer;
background: red;
text-decoration: none;
color: white;
-webkit-tap-highlight-color: transparent;
line-height: 20px;
}
.right_line{
border-right: 1px solid #a9a9a9;
padding-right: 10px;
}
.params_div{
width:1200px;
height:auto;
background:#fff;
margin:auto;
z-index:999;
border-bottom:1px #ddd solid;
position:absolute;
border:1px #f3f3f3 solid;
}
.params_div a{
cursor: pointer;
margin:10px 20px 10px 20px;
font-size: 14px;
color:#101010;
float:left;
}
.param_li{
cursor: pointer;
}
.param_show{
background: #f3f3f3;
}
.crumb-select-item{
padding:2px;
color: #666666;
font-size: 14px;
border: 1px #c6c5c5 solid;
background: #e3e3e3;
margin:0px 5px 0px 5px;
cursor: pointer;
white-space: nowrap;
line-height: 30px;
}
.crumb-select-item em {
color: #e4393c;
}
.crumb-select-item i {
color: #e4393c;
margin:0px 0px 0px 5px;
}
.crumb-select-item:hover{
border: 1px #e4393c solid;
}
.crumb-select-item-param{
padding:2px;
color: #666666;
font-size: 14px;
border: 1px #c6c5c5 solid;
background: #e3e3e3;
margin:0px 5px 0px 5px;
cursor: pointer;
white-space: nowrap;
line-height: 30px;
}
.crumb-select-item-param em {
color: #e4393c;
}
.crumb-select-item-param i {
color: #e4393c;
margin:0px 0px 0px 5px;
}
.crumb-select-item-param:hover{
border: 1px #e4393c solid;
}
.crumbs-arrow{
margin-right: 5px;
margin-left:5px;
font-family: "Helvetica Neue","Hiragino Sans GB",SimSun,serif;
font-style: normal;
}
.l-tablevip-title{
color: #626262 !important;
font-weight: normal !important;
text-align: center !important;
height: 38px !important;
font-size: 16px !important;
font-weight: bold !important;
}
.paramvalue_ul{
position: absolute;
min-width: 100px;
z-index: 999;
border: 1px #f3f3f3 solid;
background: #fff;
display:none;
border-radius:5px;
}
.paramvalue_li{
float: none !important;
display: block !important;
margin-left: 0px !important;
}
.param_name{
margin-left:5px;
}
.paramvalue_li a{
margin-left:5px;
}
.paramvalue_li:hover a{
font-weight: bold;
}
.color_img{
width: 38px!important;
height: 38px;
padding: 0;
line-height: 38px;
background-repeat: no-repeat;
outline: 0;
text-decoration: none;
float: left;
white-space: nowrap;
min-width: 10px;
text-align: center;
}
.usercode_span{
font-size: 13px;
color: #666;
margin-left:15px;
}
.prop_shoplist_cImg a img:hover{
transform:translateZ(0) scale(1.1);
}
.a-avatar {
float: left;
display: block;
width: 100px;
height: 100px;
margin-right: 13px;
margin-left: 12px;
position: relative;
border: 2px solid #FFF;
border-radius: 50%;
overflow: hidden;
}
.a-avatar img{
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
}
.a-avatar span{
line-height: 1;
padding-top: 44px;
display: none;
width: 100%;
height: 100px;
position: absolute;
text-align: center;
background: #000;
color: #fff;
opacity: .6;
}
.a-avatar:hover span{
display: block;
}
.index-professional{width:1200px; height:340px; padding-bottom:5px; margin:30px auto; margin-bottom:0px;}
.index-professional-list{
width:380px;
display: block;
margin: 0 0 20px 0;
background: white;
border-radius: 3px;
box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 5%);
transition: all 220ms;
border-radius: 6px;
float:left;
margin-right:30px;
}
.index-professional-list-a{
width: 380px;
height: 252px;
}
.index-professional-list-a img{
width: 100%;
}
.index-professional-list-title{
text-align: center;
width: 380px;
padding: 8px;
}
.index-professional-list-title span{
color: #333;
font-size: 14px;
line-height: 18px;
display: block;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 2;
-webkit-box-orient: vertical;
cursor: pointer;
}
.index-work-library{width:1200px; height:640px; padding-bottom:5px; margin:30px auto; margin-bottom:0px;}
.index-work-library-list{
width:380px;
display: block;
margin: 0 0 20px 0;
background: white;
border-radius: 3px;
box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 5%);
transition: all 220ms;
border-radius: 6px;
float:left;
margin-right:30px;
}
.index-work-library-list-a{
width: 380px;
height: 252px;
}
.index-work-library-list-a img{
width: 100%;
}
.index-work-library-list-title{
width: 380px;
padding: 8px;
}
.index-work-library-list-title span{
color: #333;
font-size: 14px;
line-height: 18px;
display: block;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 2;
-webkit-box-orient: vertical;
cursor: pointer;
}
.wx-login-div {
height:270px;
text-align: center;
}
.login-qrcode .refresh-qrcode{
line-height: 200px !important;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
background-color: rgba(0, 0, 0, 0.6);
transition: all .3s ease-in;
cursor: pointer;
color: #fff;
text-align: center;
z-index: 99;
}
.login-qrcode {
width: 200px;
min-height: 200px;
margin: 0px auto;
position: relative;
}
.login-qrcode-img{
height:100%;
}
.wx-login-div .desc {
display: flex;
justify-content: center;
align-items: center;
font-size: 0;
margin: 24px auto;
margin-bottom: 48px;
}
.weixin-login-icon {
display: inline-block;
width: 25px;
height: 25px;
background: url(../image/wx@2x.png) no-repeat;
background-size: contain;
margin-right: 10px;
}
.wx-login-div .desc span{
display: inline-block;
line-height: 25px;
height: 25px;
font-size: 14px;
vertical-align: middle;
font-size: 15px;
color: #767676;
text-align: center;
font-weight: 500;
letter-spacing: 1.5px;
}
#wxlogin:hover{
cursor:pointer;
}
.wx-unbound-div{
text-align: center;
line-height: 100px;
}
.wx-unbound-div a{
padding: 5px 40px 5px 40px;
background-color: #ccb58e;
border-radius: 2px;
cursor: pointer;
}
.order-tax-ul{
width:640px;
}
.order-tax-ul-li{
width:640px;
}
.cancel-button{
margin: .4em;
padding: 0.2em 0.6em 0.4em 0.6em;
border-radius: 5px;
cursor: pointer;
background: #a9a9a9;
text-decoration: none;
color: white;
-webkit-tap-highlight-color: transparent;
}
.btn{
font-size: 14px;
color: #fff;
font-weight: 700;
line-height: 18px;
/* background: #ccb58e; */
display: inline-block;
height: 25px;
padding-left: 15px;
margin-right: 6px;
cursor: pointer;
-webkit-border-radius: 4px;
}
.create-btn{
display: block;
width: 74px;
height: 38px;
border: 1px solid #ccb58d;
background-color: #ccb58d;
text-align: center;
color: #fff;
float: right;
font-size: 16px;
line-height: 38px;
cursor: pointer;
}
.btn span{
background: #ccb58e;
display: inline-block;
height: 18px;
padding: 3px 15px 3px 0;
-webkit-border-radius: 4px;
}
.distribution-input{
line-height: 25px;
outline-style: none;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 14px;
}
.header-icon{
margin-left:10px;
margin-top:25px;
}
.product_vr_ul .modern_list_look{width:50px; height:50px; position:absolute; right:10px; top:10px; display:none; text-align: center;
line-height: 50px;
background: rgba(0,0,0,.5);
border-radius: 50%;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7F000000,endColorStr=i#7F000000);
}
.product_vr_ul .modern_list_look img{
width: 30px;
height: 36px;
vertical-align: middle;
margin-top: 7px;
object-fit: cover;
}
.product_vr_ul .modern_list_look:hover{
background: rgba(0,0,0,.8);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#C8000000,endColorStr=i#C8000000);
}
.product_vr_ul .modern_list_look a{display:block; width:100%; height:100%;}
.desi-intr-p{
white-space: pre-wrap;
}
.goods-item a img {
border-radius:50%
}
.shop-page-header h1{
text-align: center;
padding: 20px 0px;
font-weight: bold;
font-size: 24px;
}
.shop_page_banner{
position:relative;
width:100%;
height:300px;
display:flex;
gap:20px;
flex-direction:column;
justify-content:center;
align-items:center;
}
.shop_page_banner::after{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:url('../image/shop-page-banner.png');
background-position:center 441px;
background-size:cover;
opacity:0.5;
}
.shop_page_banner h1{
position: relative;
z-index: 1;
font-size: 38px;
}
.shop_page_banner p{
position:relative;
z-index: 1;
}
/* Extra content */
.foot_nav .wx{
width:100px;
}
.social_qr_code_image img{
width:100px;
}
.social_qr_code_label{
text-align:center;
max-width:100px !important;
}
/* Showroom 图标样式 */
.shopreco_cImg {
position: relative;
}
.showroom-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
pointer-events: none;
transition: all 0.3s ease;
}
/* 视频播放图标 */
.video-play-icon {
width: 70px;
height: 70px;
background: rgba(0, 0, 0, 0.6);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.video-play-icon::before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 12px 0 12px 20px;
border-color: transparent transparent transparent #fff;
margin-left: 4px;
}
/* 悬停效果 */
.showroom-video a:hover .video-play-icon {
background: rgba(204, 181, 142, 0.9);
transform: translate(-50%, -50%) scale(1.1);
}
/* VR 图标 */
.vr-icon {
min-width: 60px;
height: 40px;
background: rgba(0, 0, 0, 0.7);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 22px;
color: #fff;
padding: 0 15px;
letter-spacing: 3px;
}
.vr-icon::before {
content: 'VR';
}
/* VR 悬停效果 */
.showroom-vr a:hover .vr-icon {
background: rgba(204, 181, 142, 0.9);
transform: translate(-50%, -50%) scale(1.05);
}
/* 图片悬停时的暗化效果 */
.showroom-video a:hover img,
.showroom-vr a:hover img {
opacity: 0.85;
transition: opacity 0.3s ease;
}
/* Showroom See All 按钮样式 */
.showroom-see-all-container {
width: 1200px;
margin: 0 auto;
text-align: right;
padding: 10px 0;
background: #F8F8F8;
}
.showroom-see-all-btn {
display: inline-block;
padding: 8px 25px;
font-size: 14px;
color: #666;
background: #fff;
border: 1px solid #ccb58e;
border-radius: 4px;
text-decoration: none;
transition: all 0.3s ease;
margin-right: 0;
}
.showroom-see-all-btn:hover {
background: #ccb58e;
color: #fff;
border-color: #ccb58e;
}