@charset "utf-8";
/* CSS Document */

.list_body { position: relative; z-index: 10; margin: -451px auto 0; width: 1200px; min-height: 471px; }
.list_left { padding-top: 461px; width: 210px; float: left; }
.list_right { width: 980px; float: right; }
.pro_store_msg { border: 1px solid #dfdfdf; margin-bottom: 12px; }
.pro_store_msg h3 { color: #666; font-family: "宋体"; font-size: 14px; font-weight: bold; background: #F6F6F6; height: 38px; line-height: 38px; padding: 0 16px; border-bottom: 1px solid #DFDFDF; background-color: #F5F5F5; }
.pro_left_goods { width: 192px; margin: 0 auto; text-align: center; }
.pro_left_goods dl { margin-bottom: 20px; position: relative; }
.pro_left_goods dl dt a { width: 192px; height: 192px; line-height: 192px; display: block; font-size: 0; overflow: hidden; text-align: center; margin-top: 15px; }
.pro_left_goods dl dt a img { width: 100%; height: 100%; vertical-align: middle; }
.pro_left_goods dl dt a span { display: inline-block; font-size: 0; height: 100%; line-height: 0; overflow: hidden; vertical-align: middle; width: 0; }
.pro_left_goods dl dd { font-size: 13px; text-align: left; line-height: 20px; margin: 10px 0; }
.pro_left_goods dl dd .hot_sale { background: url(../images/crumbDelete.png) no-repeat 0 -25px; width: 37px; height: 37px; display: block; position: absolute; top: 15px; right: 15px; }
.pro_left_goods dl dd .price { color: #FF5157; font-family: Arial; font-size: 16px; font-weight: bold; }
.pro_left_goods p a { color: #666; }
.pro_left_goods .c-red { color: #EA2F30; }
.pro_left_goods p a strong { color: #e6063c; font-weight: normal; }
.pro_tit { padding: 10px 0 10px 5px; height: 33px; font-size: 13px; color: #333; font-family: simsun; }
.pro_tit li { float: left; height: 33px; line-height: 33px; padding-left: 10px; position: relative; }
.pro_tit li a { color: #333; }
.pro_tit li a:hover, .pro_tit li b { color: #cb0636; }
.pro_tit .crumbAttr { border: 1px solid #c40000; border-right: none; }
.pro_tit .crumbAttr a { color: #c40000; }
.pro_tit .crumbDelete { background: url(../images/crumbDelete.png) no-repeat; }
.pro_tit .crumbDelete { background-position: 0 0; display: inline-block; height: 22px; overflow: hidden; position: relative; top: -1px; vertical-align: middle; width: 21px; }
.pro_tit .crumbGray { border: 1px solid #e3e3e3; background-color: #f2f2f2; padding-right: 10px; }
.pro_tit .crumbAttr, .pro_tit .crumbGray { height: 22px; line-height: 21px; margin-top: 6px; margin-left: 10px; }
.pro_nav { padding: 0 20px; }
.pro_nav.item1 { height: 230px; overflow: hidden; }
.pro_nav.item2 { height: 153px; overflow: hidden; }
.pro_nav .attr { border-bottom: 1px dotted #eee; }
.pro_nav .attr, .attr ul { *zoom:1
}
.pro_nav .attr:after, .pro_nav .attr ul:after { display: block; clear: both; height: 0; content: ''; }
.pro_nav .attr:last-child { border-bottom: none; }
.pro_nav .btn { border-bottom: none; }
.pro_nav .pro-nav-bd { padding: 19px 0 11px; }
.pro_nav .attrKey { width: 10%; font-size: 14px; color: #333; font-weight: bold; float: left; display: block; height: 16px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro_nav .attrValues { float: left; overflow: hidden; position: relative; width: 90%; }
.pro_nav .attrValues ul { margin-left: 25px; }
.pro_nav .attrValues ul li { float: left; height: 16px; line-height: 16px; overflow: hidden; display: block; margin: 0 10px 0px 0; padding-bottom: 7px; vertical-align: top; }
.pro_nav .attrValues ul li a { font-size: 13px; color: #666; }
.pro_nav .attrValues ul li a:hover, .pro_nav .attrValues ul li a.cur { color: #cb0636; text-decoration: none; }
/*综合排序*/
.filter { margin-bottom: 10px; position: relative; _position: static; z-index: 10; background: #fafafa; color: #806f66; height: 35px; line-height: 35px; border: 1px solid #dfdfdf; }
.filter a { font-size: 14px; color: #666; float: left; display: block; position: relative; }
.filter a:hover { text-decoration: none; }
.filter i { position: absolute; display: inline-block; overflow: hidden; }
.filter .fSort { width: 100px; height: 35px; display: block; text-align: center; color: #fff; background-color: #ff530d; }
.filter .fSale, .filter .fPrice { padding: 0 30px 0 20px; }
.filter .fSale { border-right: 1px solid #ddd; }
.filter .fSale i, .filter .fPrice i { height: 11px; line-height: 11px; right: 18px; top: 13px; width: 9px; }
.filter .f-ico-arrow-d, .filter .f-ico-arrow-u { background: url(../images/bg.png) no-repeat; }
.filter .f-ico-arrow-d { background-position: -40px 0; }
.filter .f-ico-arrow-u { background-position: -51px 0; }
.filter .fPrice-box { margin-top: 6px; height: 24px; }
.filter .fPb-item { display: block; float: left; position: relative; }
.filter .fPb-item i { height: 22px; left: 4px; line-height: 22px; /*top: 2px;*/ width: 12px; }
.filter .ui-price-plain { color: #757575; font-size: 12px; font-weight: normal; }
.filter .fPInput, .filter .fPBtn { width: 45px; display: block; }
.filter .fPInput { border: 1px solid #ccc; cursor: text; height: 22px; line-height: 22px; float: left; padding-left: 12px; background-color: #fff; }
.filter .fPb-split { background-position: -78px -106px; display: block; float: left; height: 24px; line-height: 24px; position: static; width: 8px; text-align: center; }
.filter .fPBtn { height: 24px; _line-height: 20px; *line-height:20px;
margin-left: 10px; text-align: center; color: #333; font-size: 13px; border: 1px solid #e3e3e3; background-color: #ececec; }
/*产品列表*/
.g_list_box { padding-top: 30px; margin-bottom: 20px; }
.g_list_tit { text-align: center; padding-top: 40px; margin-bottom: 30px; }
.g_list_tit h2 { font-size: 24px; font-weight: bold; line-height: 40px; }
.g_list_tit h2.hot { color: #d7421e; }
.g_list_tit p { color: #999; font-size: 14px; font-weight: bold; line-height: 28px; }
.g_list_tit p.en { font-family: Arial; font-size: 20px; }
.g_list_tit .line { width: 50px; margin: 0 auto; margin-top: 10px; *margin-top:0;
border-bottom: 2px solid #D7421E; }
.g_list { width: 1220px; margin-bottom: -20px; text-align: center; }
.g_list li { float: left; width: 185px; height: 240px; padding: 30px 50px; margin-right: 20px; margin-bottom: 20px; background-color: #FFF; position: relative; transition: all .1s; }
.g_list li:hover { box-shadow: 5px 5px 5px #EEE; }
.g_list li .g_pic a { width: 185px; height: 185px; line-height: 180px; display: block; font-size: 0; overflow: hidden; text-align: center; text-decoration: none; position: relative; }
.g_list li .g_pic a img { width: 100%; height: 100%; vertical-align: middle; }
.g_list li .g_pic a .sales { display: block; color: #FFF; font-size: 12px; text-align: left; text-indent: 1em; width: 100%; height: 30px; line-height: 30px; background: url(../images/grad01.png) repeat-x; position: absolute; left: 0; bottom: 0; z-index: 1; }
.g_list li .g_txt { margin: 10px 0; }
.g_list li .g_txt .hot_sale { background: url(../images/crumbDelete.png) no-repeat 0 -25px; width: 37px; height: 37px; display: block; position: absolute; top: 15px; right: 15px; }
.g_list_big { width: 1220px; margin-top: 20px; margin-bottom: -20px; text-align: center; }
.g_list_big li { float: left; width: 530px; height: 240px; padding: 30px; margin-right: 20px; margin-bottom: 20px; background-color: #FFF; position: relative; }
.g_list_big li:hover { box-shadow: 5px 5px 5px #EEE; }
.g_list_big li .g_pic a { width: 240px; height: 240px; line-height: 240px; display: block; font-size: 0; overflow: hidden; text-align: center; position: relative; }
.g_list_big li .g_pic a img { max-width: 240px; vertical-align: middle; }
.g_list_big li .g_pic a .sales { display: block; color: #FFF; font-size: 12px; text-align: left; text-indent: 1em; width: 100%; height: 30px; line-height: 30px; background: url(../images/grad01.png) repeat-x; position: absolute; left: 0; bottom: 0; z-index: 1; }
.g_list_big li .g_txt { color: #808080; width: 280px; padding-top: 40px; }
.g_list_big li .g_txt h3 { font-size: 16px; font-weight: bold; margin-bottom: 30px; }
.g_list_big li .g_txt .g_txt_detail { margin-bottom: 20px; }
.g_list_big li .g_txt .price { font-size: 12px; font-weight: bold; text-align: center; height: 30px; line-height: 30px; margin-bottom: 6px; }
.g_list_big li .g_txt .price em { color: #ff531a; font-size: 20px; }
.g_list_big li .g_txt .buy_now { color: #D7421E; font-size: 14px; font-weight: bold; border-radius: 3px; border: 1px solid #FF541A; background-color: #FFF; width: 110px; height: 36px; line-height: 36px; display: inline-block; }
.g_list_big li .g_txt .buy_now:hover { color: #FFF; text-decoration: none; background-color: #FF541A; }
.g_list p { font-size: 14px; max-height: 38px; overflow: hidden; text-align: left; }
.g_list p a { color: #666; }
.g_list p.pro_red { font-size: 12px; color: #D7421E; font-weight: bold; padding-left: 12px; height: 30px; line-height: 30px; margin-bottom: 6px; border: 1px solid #D7421E; border-radius: 3px; position: relative; }
.g_list p.pro_red .price { font-size: 18px; }
.g_list p.pro_red .buy { color: #D7421E; height: 30px; line-height: 30px; padding: 0 10px; margin: -1px; border: 1px solid #e6063c; border-radius: 3px; position: absolute; top: 0; right: 0; z-index: 1; }
.g_list p.pro_red .buy:hover { color: #FFF; text-decoration: none; background-color: #FF541A; }
.g_list p a strong { color: #e6063c; font-weight: normal; }
/*模板列表20160315*/
.l_tpl_loca { color: #808080; font-size: 14px; padding: 20px 0; }
.l_tpl_loca strong { font-size: 20px; line-height: 20px; padding-left: 12px; border-left: 4px solid #FF531A; }
.l_tpl_main { margin-top: 30px; }
.l_tpl_left { width: 170px; overflow: hidden; margin-bottom: 30px; }
.l_tpl_left .l_tpl_menu { margin-bottom: 10px; border: 1px solid #E5E5E5; }
.l_tpl_left h2 { color: #C30D23; font-size: 16px; font-weight: bold; text-align: center; height: 30px; line-height: 30px; border-bottom: 2px solid #C30D23; position: relative; bottom: -1px; z-index: 1; }
.l_tpl_left h3 { color: #333; font-size: 14px; font-weight: bold; text-align: center; height: 40px; line-height: 40px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; }
.l_tpl_left .l_tpl_menu ul { padding: 14px 0; }
.l_tpl_left .l_tpl_menu li { font-size: 14px; text-align: center; background-color: #FFF; }
.l_tpl_left .l_tpl_menu li a { display: block; color: #666; height: 26px; line-height: 26px; padding: 0 10px; position: relative; }
.l_tpl_left .l_tpl_menu li a:hover { text-decoration: none; background-color: #FAFAFA; }
.l_tpl_left .l_tpl_menu li.on a { color: #C30D23; }
.l_tpl_left .l_tpl_menu li.on a span { position: relative; }
.l_tpl_left .l_tpl_menu li.on a span:after { content: ''; display: block; width: 0; height: 0; margin-top: -5px; border-top: 5px dashed transparent; border-bottom: 5px dashed transparent; border-left: 6px solid #C30D23; position: absolute; top: 50%; right: -20px; z-index: 1; }
.l_tpl_right { width: 970px; margin-bottom: 30px; }
.l_tpl_attr { margin: 14px 0 16px 0; }
.l_tpl_attr_tit { color: #666; text-align: center; padding-top: 4px; }
.l_tpl_attr_con { width: 900px; background-color: #FFF; }
.l_tpl_attr_con li { float: left; margin-right: 4px; margin-bottom: 4px; }
.l_tpl_attr_con li a { display: block; color: #2C88B3; text-align: center; text-decoration: none; white-space: nowrap; min-width: 40px; height: 24px; line-height: 24px; padding: 0 10px; border: 1px solid #FFF; position: relative; }
.l_tpl_attr_con li a:hover { border: 1px solid #2C88B3; }
.l_tpl_attr_con li.on a { color: #FF3300; border: 1px solid #FF3300; }
.l_tpl_attr_con li.on a i { background: url(../images/bg.png) 0 -190px no-repeat; width: 14px; height: 12px; display: block; position: absolute; right: -1px; bottom: -1px; }
.l_tpl_filt { height: 34px; line-height: 34px; margin-bottom: 20px; border: 1px solid #DFDFDF; background-color: #FAFAFA; }
.l_tpl_filt .l_tpl_filt_tit { float: left; color: #FFF; font-size: 14px; text-align: center; width: 100px; height: 36px; line-height: 36px; margin-top: -1px; background-color: #C30D23; }
.l_tpl_filt .l_tpl_filt_item { float: left; padding: 0 22px; }
.l_tpl_filt .l_tpl_filt_item a { display: block; color: #666; font-size: 14px; text-align: center; height: 34px; padding-right: 14px; position: relative; }
.l_tpl_filt .l_tpl_filt_item a:hover { text-decoration: none; }
.l_tpl_filt .l_tpl_filt_item a i { display: block; width: 9px; height: 11px; line-height: 11px; background: url(../images/bg.png) -40px 0 no-repeat; position: absolute; right: 0; top: 13px; z-index: 1; }
.l_tpl_filt .l_tpl_filt_item a.on { color: #ff531a; }
.l_tpl_filt .l_tpl_filt_item a.on i { background-position: -50px 0; top: 12px; }
.l_tpl_lst ul { margin-right: -14px; margin-bottom: -14px; }
.l_tpl_lst li { float: left; width: 213px; padding: 10px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #DFDFDF; background-color: #FFF; transition: all 0.5s; }
.l_tpl_lst li:hover { border: 1px solid #C30D23; }
.l_tpl_lst .l_tpl_pic { height: 180px; overflow: hidden; margin-bottom: 14px; position: relative; }
.l_tpl_lst .l_tpl_pic img { width: 100%; }
.l_tpl_lst .l_tpl_pic_tip { display: none; color: #FFF; width: 100%; height: 30px; line-height: 30px; position: absolute; left: 0; bottom: 0; z-index: 1; }
.l_tpl_lst .l_tpl_pic:hover .l_tpl_pic_tip { display: block; }
.l_tpl_lst .l_tpl_pic_tip b { width: 100%; height: 30px; background-color: #000; position: absolute; bottom: 0; left: 0; z-index: -1; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); }
.l_tpl_lst .l_tpl_tit { margin-bottom: 20px; }
.l_tpl_lst .l_tpl_tit h3 { font-size: 14px; }
.l_tpl_lst .l_tpl_tit h3 a:hover { color: #C30D23; }
.l_tpl_lst .l_tpl_btn { height: 24px; }
.l_tpl_lst .l_tpl_abtn {
*zoom:1; color: #FF531A; font-size: 14px; text-decoration: none; padding: 4px 16px; border: 1px solid #FF531A; border-radius: 16px; background-color: #FFF; }
.l_tpl_lst .l_tpl_abtn:hover { color: #FFF; background-color: #FF531A; }
.l_tpl_lst .c-888 { color: #888; }
.l_tpl_lst .c_red { color: #666; }
.l_tpl_lst .c_red:hover { color: #C30D23; }
.l_tpl_lst .ico-upload { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; width: 15px; height: 14px; margin-right: 8px; background: url(../images/tpl_btn_up.png) 0 0 no-repeat; }
.l_tpl_lst .c_red:hover .ico-upload { background-position: 0 -14px; }
.l_tpl_dema_tip { color: #666; font-size: 16px; line-height: 30px; padding: 20px; margin-top: 30px; border: 1px solid #F4E29B; border-radius: 10px; background-color: #FFFAEF; position: relative; }
.l_tpl_dema_tip .ico { height: 94px; background: url(../images/dema_tip.png) center center no-repeat; -webkit-animation: shake 3s cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate; animation: shake 3s cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate; }
.l_tpl_dema_tip .qr { width: 33px; height: 15px; background: url(../images/dema_tip_qr.png) center center no-repeat; position: absolute; left: 416px; bottom: -15px; z-index: 1; }
.l_tpl_dema_con { margin-top: 30px; border-bottom: 1px solid #DFDFDF; }
.l_tpl_dema_con .dema-ipt { width: 230px; height: 30px; line-height: 30px; padding: 0 5px; border: 1px solid #DFDFDF; }
.l_tpl_dema_con .dema-area { width: 510px; height: 210px; }
.l_tpl_dema_con .dema-btn { color: #FFF; font-size: 14px; width: 120px; height: 36px; line-height: 36px; border-radius: 3px; background-color: #FF6600; }
.l_tpl_dema_con .dema-btn:hover { background-color: #E65C00; }
.l_tpl_dema_lst dt, .l_tpl_dema_lst dd { float: left; line-height: 30px; margin-bottom: 30px; }
.l_tpl_dema_lst dt { clear: both; font-size: 14px; text-align: right; width: 140px; margin-right: 10px; }
.l_tpl_dema_clst { margin-left: 10px; }
.l_tpl_dema_clst li { float: left; color: #999; height: 48px; line-height: 48px; margin-right: 80px; }
.l_tpl_dema_clst li a { color: #999; }
.l_tpl_dema_clst li a:hover { text-decoration: none; }
.l_tpl_dema_clst li .link-qq:hover { color: #3593D2; }
.l_tpl_dema_clst li .link-qq:hover .ico { background-position: 0 -29px; }
.l_tpl_dema_clst li .link-mail:hover { color: #FF2C2C; }
.l_tpl_dema_clst li .link-mail:hover .ico { background-position: -204px -33px; }
.l_tpl_dema_clst li .link-tel:hover { color: #F60; cursor: default; }
.l_tpl_dema_clst li .link-tel:hover .ico { background-position: -456px -23px; }
.l_tpl_dema_clst li .ico { display: inline-block; *display:inline;
*zoom:1;
vertical-align: text-bottom; width: 15px; height: 18px; margin-left: 4px; background: url(../images/dema.png) 0 -6px no-repeat; transition: all 0.2s; }
.l_tpl_dema_clst li .ico.mail { width: 18px; height: 12px; margin-bottom: 2px; background-position: -204px -10px; }
.l_tpl_dema_clst li .ico.tel { width: 22px; height: 23px; background-position: -456px 0; }
@-webkit-keyframes shake { 0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-2px, 0, 0);
transform:translate3d(-2px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(2px, 0, 0);
transform:translate3d(2px, 0, 0)
}
}
@keyframes shake { 0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-2px, 0, 0);
transform:translate3d(-2px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(2px, 0, 0);
transform:translate3d(2px, 0, 0)
}
}
.shake { -webkit-animation-name: shake; animation-name: shake }
/*模板DIY20160315*/
.l_diy_main { overflow: hidden; margin-bottom: 30px; border-bottom: 1px solid #E9E9E9; }
.l_diy_left { width: 777px; padding-bottom: 2000px; margin-bottom: -2000px; background-color: #FFF; border: 1px solid #E9E9E9; }
.l_diy_left h2 { font-size: 18px; height: 50px; line-height: 50px; padding-left: 26px; border-bottom: 1px solid #E9E9E9; background-color: #FAFAFA; }
.l_diy_box { padding: 20px; padding-bottom: 40px; background-color: #FFF; }
.l_diy_tools { padding-bottom: 30px; }
.l_diy_tools label { margin-left: 20px; }
.l_diy_right { width: 420px; padding-bottom: 2000px; margin-bottom: -2000px; background-color: #FFF; border: 1px solid #E9E9E9; border-left: none; }
.l_diy_pages { height: 50px; line-height: 50px; margin-left: -1px; border-bottom: 1px solid #E9E9E9; background-color: #FAFAFA; }
.l_diy_pages li { float: left; text-align: center; font-size: 14px; width: 108px; margin-right: -1px; border-left: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; }
.l_diy_pages li a { display: block; color: #666; text-decoration: none; height: 50px; line-height: 50px; }
.l_diy_pages li.on a { color: #FF3A3A; font-weight: bold; height: 52px; background-color: #FFF; }
.l_diy_info { padding: 30px 0; background-color: #FFF; }
.l_diy_info .l_diy_fields { text-align: center; }
.l_diy_info .l_diy_fields li { margin-bottom: 10px; }
.l_diy_info .l_diy_fields i { padding: 4px 10px; cursor: pointer; }
.l_diy_info .l_diy_fields i:hover { background-color: #F8F8F8; }
.l_diy_info .l_diy_ipt { width: 290px; height: 16px; line-height: 16px; padding: 4px; border: 1px solid #CCC; }
.l_diy_info .l_diy_ipt:focus { border-color: #F00; }
.l_diy_info .l_diy_ibtn { color: #666; font-size: 14px; width: 300px; height: 30px; line-height: 30px; margin-right: 30px; border: 1px solid #CCC; background-color: #F7F7F7; }
.l_diy_info_tools { text-align: center; padding-top: 34px; }
.l_diy_btn { color: #00A0E9; font-size: 14px; width: 78px; height: 30px; line-height: 30px; margin: 0 5px; border: 1px solid #00A0E9; border-radius: 3px; background-color: #FFF; }
.l_diy_btn:hover { background-color: #EDF9FF; }
.l_diy_btn.blu { color: #FFF; background-color: #00A0E9; }
.l_diy_btn.blu:hover { background-color: #007DB6; }
.l_diy_btn.red { color: #FFF; border-color: #FF3A3A; background-color: #FF3A3A; }
.l_diy_btn.red:hover { background-color: #EB0000; }
/*热销推荐20160316*/
.l_hot_sale { margin-bottom: 30px; border: 1px solid #E5E5E5; border-top: 2px solid #20CFD0; background-color: #FFF; }
.l_hot_sale h2 { color: #666; font-size: 18px; height: 50px; line-height: 50px; padding: 0 28px; position: relative; }
.l_hot_sale h2 .trans { color: #888; font-size: 12px; position: absolute; top: 10px; right: 28px; z-index: 1; }
.l_hot_sale h2 .trans i { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-top: -4px; margin-left: 4px; background: url(../images/bg.png) -64px -456px no-repeat; }
.l_hot_sale_lst { padding: 14px 30px; margin-right: -34px; }
.l_hot_sale_lst li { float: left; width: 160px; overflow: hidden; margin-right: 35px; margin-bottom: 14px; background-color: #FFF; }
.l_hot_sale_lst .l_hot_pic { height: 160px; overflow: hidden; margin-bottom: 14px; position: relative; }
.l_hot_sale_lst .l_hot_pic p img { width: 160px; height: 160px; }
.l_hot_sale_lst .l_hot_pic_tip { display: none; color: #FFF; width: 100%; height: 30px; line-height: 30px; position: absolute; left: 0; bottom: 0; z-index: 1; }
.l_hot_sale_lst .l_hot_pic:hover .l_hot_pic_tip { display: block; }
.l_hot_sale_lst .l_hot_pic_tip b { width: 100%; height: 30px; background-color: #000; position: absolute; bottom: 0; left: 0; z-index: -1; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); }
.l_hot_sale_lst .l_hot_tit { margin-bottom: 14px; }
.l_hot_sale_lst .l_hot_tit h3 { font-size: 14px; }
.l_hot_sale_lst li:hover h3 { color: #20CFD0; }
.l_hot_sale_lst li:hover .l_hot_pic img { opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); }
/*展厅*/
.show-wrap { margin-top: 30px; margin-bottom: 28px; }
.show-wrap .show-title { color: #4D4D4D; font-size: 20px; width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px; }
.show-wrap .show-title .tit { display: inline-block; *zoom:1;
font-weight: bold; height: 20px; line-height: 20px; padding-left: 10px; border-left: 5px solid #FFC040; border-color: #EF3D12; }
.show-wrap .show-title .num { font-family: Arial; font-size: 14px; }
.show-cat { color: #666; font-size: 14px; margin-bottom: 40px; }
.show-cat-tit { margin-right: 20px; }
.show-cat a { color: #666; margin-right: 38px; }
.show-cat .on { color: #FF6600; }
.show-con { width: 100%; height: 531px; margin: 100px 0; }
/*Banner20160705*/
/*.banner-con{ width:896px; height:302px; overflow:hidden; padding:0; position:relative; z-index:0;}
.banner-con .banner-slider{ height:302px;}
.button-previous{ background:url(../images/ban-larw.png) center 0 no-repeat;}
.button-next{ background:url(../images/ban-rarw.png) center 0 no-repeat;}*/

/*二级页面*/
.lb-fp-wrap { padding-top: 12px; }
.lb-fp-floor { margin-top: 18px; }
.lb-module-title { color: #333; font-size: 22px; width: 100%; height: 24px; line-height: 24px; margin-bottom: 10px; position: relative; }
.lb-module-title i { display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; height: 24px; padding-right: 10px; border-left: 3px solid #FBD721; border-color: #FBD721; }
.lb-module-title .sub-title { color: #D7421E; font-size: 16px; margin-left: 30px; }
.lb-module-title .more { color: #8C8C8C; font-size: 14px; position: absolute; top: 6px; right: 0; z-index: 1; }
.lb-module-title .more:hover { color: #F5C51D; text-decoration: none; }
.lb-module-title .more .ico { display: inline-block; color: #FFF; font-weight: bold; font-family: Arial; font-size: 12px; text-align: center; vertical-align: -2px; *vertical-align:middle;
width: 16px; height: 16px; border-radius: 50%; background: #8B8B8B url(../images/bg.png) -20px -16px no-repeat; }
.lb-module-title .more:hover .ico { background-color: #F5C51D; }
.lb-module-title.t02 i { border-color: #2DD7CC; }
.lb-module-title.t02 .more:hover { color: #2DD7CC; }
.lb-module-title.t02 .more:hover .ico { background-color: #2DD7CC; }
.lb-module-title.t03 i { border-color: #FE7620; }
.lb-module-title.t03 .more:hover { color: #FE7620; }
.lb-module-title.t03 .more:hover .ico { background-color: #FE7620; }
.lb-module-title.t04 i { border-color: #19C5F3; }
.lb-module-title.t04 .more:hover { color: #19C5F3; }
.lb-module-title.t04 .more:hover .ico { background-color: #19C5F3; }
.lb-module-title.t05 i { border-color: #A678E4; }
.lb-module-title.t05 .more:hover { color: #A678E4; }
.lb-module-title.t05 .more:hover .ico { background-color: #A678E4; }
.lb-module-title.t06 i { border-color: #42E486; }
.lb-module-title.t06 .more:hover { color: #42E486; }
.lb-module-title.t06 .more:hover .ico { background-color: #42E486; }
.lb-box-lst { width: 1220px; margin-bottom: -10px; }
.lb-box-lst li { float: left; font-size: 14px; width: 292px; height: 370px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; background-color: #FFF; position: relative; transition: all 0.3s linear; }
.lb-box-lst li:hover { box-shadow: 0 0 10px #DDD; transform: scale(1.01); }
.lb-box-lst li .lb-pic { display: table-cell; *display:block;
*zoom:1;
text-align: center; vertical-align: middle; width: 292px; height: 292px; padding-bottom: 20px; position: relative; z-index: 2; }
.lb-box-lst li:hover .lb-pic { -webkit-filter: saturate(2); }
.lb-box-lst li .lb-pic img { width: 100%; height: 100%; }
.lb-box-lst li h3, .lb-box-lst li .lb-price { padding: 0 10px; }
.lb-box-lst li .lb-price span { color: #FF4B2D; font-family: Arial; font-size: 18px; font-weight: bold; }
.lb-box-lst li .lb-diy { width: 72px; height: 72px; background: url(../images/list-diy.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.2s; }
.lb-fp-nav { width: 62px; position: absolute; left: -72px; top: 30px; z-index: 2; }
.lb-fp-nav li { color: #666; font-size: 14px; text-align: center; width: 62px; height: 54px; margin-bottom: 6px; background-color: #EEE; position: relative; cursor: pointer; }
.lb-fp-nav li:hover { background-color: #FFC000; }
.lb-fp-nav li span { display: table-cell; vertical-align: middle; width: 62px; height: 54px; }
.lb-fp-nav li.on { color: #FFF; background-color: #FFC000; }
/*.lb-fp-nav li.on:after{ content:''; display:block; margin-top:-4px; border-top:4px dashed transparent; border-bottom:4px dashed transparent; border-left:6px solid #FFC000; position:absolute; right:-6px; top:50%; z-index:3;}*/

/*三级页面20170515*/
.l_prd_main { margin-top: 15px; }
.l_prd_inline { display: inline-block; *display:inline;*zoom:1;vertical-align: middle; position: relative; }
.l_prd_inline:first-child{ color: #333; font-weight: bold;}
.l_prd_attr_filt { color: #666; font-size: 14px; margin-top: 4px; margin-bottom: 10px; }
.l_prd_attr_filt h2 { font-size: 18px; font-weight: bold; }
.l_prd_attr_filt .l_prd_filt_sel { color: #333; line-height: 22px; border: 1px solid #FFF; border-radius: 5px 5px 0 0; padding: 2px 10px; margin-right: 6px; z-index: 2; }
.l_prd_attr_filt .l_prd_filt_sel:hover { color: #FF5949; border-color: #FF5949; }
.l_prd_attr_filt .l_prd_filt_sel:after { content: ''; width: 100%; height: 8px; background-color: #F9F9F9; position: absolute; left: 0; bottom: -4px; z-index: 101; }
.l_prd_attr_filt:nth-child(2) .l_prd_filt_sel { border: 1px solid #e26b04; border-radius: 0; z-index: 1; }
.l_prd_attr_filt:nth-child(2) .l_prd_filt_sel:after { display: none; }
.l_prd_attr_filt .l_prd_filt_tit, .l_prd_attr_filt .l_prd_filt_arw { color: #FF5949; }
.l_prd_attr_filt .l_prd_filt_del { font-family: sans-serif; margin-left: 4px; cursor: pointer; }
.l_prd_attr_filt .l_prd_filt_arw { cursor: pointer; }
.l_prd_attr_filt .l_prd_filt_clr { cursor: pointer; }
.l_prd_attr_filt .l_prd_filt_clr:hover { color: #1A6EEA; }
.l_prd_filt_layer { display: none; font-size: 13px; white-space: nowrap; min-width: 100%; padding: 10px 30px 10px 10px; border: 1px solid #FF5949; border-radius: 0 0 3px 3px; background-color: #F9F9F9; position: absolute; left: -1px; top: 23px; z-index: 100; }
.l_prd_filt_layer .f-red { color: #FF5949; }
.l_prd_attr_filt .l_prd_filt_sel:hover .l_prd_filt_layer { display: block; }
.l_prd_filt_layer ul { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; margin: 0 10px; }
.l_prd_filt_layer ul li { height: 30px; line-height: 30px; }
.l_prd_filt_layer ul li a { color: #7B8093; height: 30px; line-height: 30px; transition: background 0.3s; }
.l_prd_filt_layer ul li a:hover { color: #FF5949; text-decoration: none; }
.l_prd_lst_tit { color: #666; height: 36px; line-height: 36px; }
.l_prd_lst_tit .l_prd_lst_filt { color: #666; font-family: "宋体"; font-size: 14px; font-weight: bold; margin-right: 20px; }
.l_prd_lst_tit .l_prd_lst_cat02 { color: #2261d3; margin-right: 10px; }
.l_prd_attr { padding: 10px 16px; margin-bottom: 22px; background-color:#fff; border-radius: 4px 4px 0 0;}
.l_prd_attr_box { line-height: 40px; padding-left: 100px; margin-top: -1px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; position: relative; }
.l_prd_attr_box:first-child { border-top: none;}
.l_prd_attr_box:last-child { border-bottom: none;}
.l_prd_attr_tit { color: #666; font-size: 14px; text-align: left; width: 90px; padding: 0 10px 0 14px; margin-right: 20px; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; }
.l_prd_attr_con{ margin-left: 0px;}
.l_prd_attr_con li { float: left; margin-right: 10px; }
.l_prd_attr_con li a { display: inline-block; color: #000; font-size: 13px; text-align: center; text-decoration: none; white-space: nowrap; height: 26px; line-height: 26px; padding: 0 10px; position: relative; }
.l_prd_attr_con li a:hover { color: #00A0E9; text-decoration: none; }
.l_prd_attr_con li.on a { color: #00A0E9; border: 1px solid #00A0E9; }
.l_prd_attr_con li.on a i, .l_prd_attr_con li.on a:after { content: ''; background: url(../Images/bg.png) -56px -195px no-repeat; width: 14px; height: 12px; display: block; position: absolute; right: -1px; bottom: -1px; }


.l_prd_tab { display: none; height: 50px; margin: 6px 0 40px 0; box-sizing: border-box; }
.l_prd_tab.fixed { width: 1198px; position: fixed; top: 0; z-index: 101; }
.l_prd_tab .l_prd_filt_item { float: left; height: 48px; }
.l_prd_tab .l_prd_filt_item li { float: left; font-size: 24px; text-align: center; width: 288px; height:48px; line-height: 48px; background-color: #fff; position: relative;}
.l_prd_tab .l_prd_filt_item li:first-child{ border-radius: 5px 0 0 5px;}
.l_prd_tab .l_prd_filt_item li:last-child{ border-radius: 0 5px 5px 0;}
.l_prd_tab .l_prd_filt_item li.on { color: #FFF; background-color: #e61226; }
.l_prd_tab .l_prd_filt_item li.on a,.l_prd_tab .l_prd_filt_item li.on a:hover{ color: #FFF;}
.l_prd_tab .l_prd_filt_item li:hover a { color: #C90B08; }
.l_prd_tab .l_prd_filt_item li a{ display: block; color: #202020;}
.l_prd_tab .l_prd_filt_search{ float:right;  padding:9px 40px 0 0;}
.l_prd_tab .l_prd_filt_search .search-text{ border:1px solid #e5e5e5; width:200px; height:28px; margin-right:13px;}
.l_prd_tab .l_prd_filt_search .search-btn{ border-radius: 3px; width:50px; height:30px; background-color: #65adf5; color:#fff;}

.l_prd_filt { height: 40px; line-height: 40px; margin-bottom: 14px; border-left: none; background-color: #FFF; }
.l_prd_filt.fixed { width: 1198px; position: fixed; top: 0; z-index: 101; }
.l_prd_filt .l_prd_filt_tit { float: left; color: #000; font-size: 14px; text-align: center; width: 100px; height: 40px; line-height: 40px; margin-top: -1px; }
.l_prd_filt .l_prd_filt_item { float: left; height: 34px; padding: 0 22px; }
.l_prd_filt .l_prd_filt_item a { display: block; color: #666; font-size: 14px; text-align: center; height: 34px; padding-right: 14px; position: relative; }
.l_prd_filt .l_prd_filt_item a:hover { color: #004c84; text-decoration: none; }
.l_prd_filt .l_prd_filt_item a i { display: block; width: 9px; height: 11px; line-height: 11px; background: url(../images/bg.png) -40px 0 no-repeat; position: absolute; right: 0; top: 12px; z-index: 1; }
.l_prd_filt .l_prd_filt_item a.on { color: #FF5949; }
.l_prd_filt .l_prd_filt_item a.on i { background-position: -50px 0; }
.l_prd_filt .l_prd_filt_page { float: right; color: #888; font-family: Arial; font-size: 14px; margin-right: 30px; }
.l_prd_filt .l_prd_filt_page .total { margin-right: 50px; }
.l_prd_filt .l_prd_filt_page .page-link { color: #D3D3D3; font-family: serif; padding: 2px; margin-left: 6px; border: 1px solid #D3D3D3; border-radius: 2px; background-color: #FFF; }
.l_prd_filt .l_prd_filt_page .page-link:hover { color:#FFF; text-decoration: none; border-color: #1c9eff; background-color: #1c9eff; }
.l_prd_filt .l_prd_filt_page .page-link.off, .l_prd_filt .l_prd_filt_page .page-link.off:hover { border-color: #D3D3D3; background-color: #E6E6E6; cursor: default; }
 .l_prd_filt .l_prd_filt_tool{ float: right; margin-right: 10px;}
 .l_prd_filt .l_prd_filt_tool .tool_item{ display: inline-block; margin: 0 10px;}
 .l_prd_filt .l_prd_filt_tool .tool_btn{ color: #fff; padding: 3px 8px; border-radius: 20px; background-color: #2261d3;}
 .l_prd_filt .l_prd_filt_tool .tool_btn:hover{ color: #fff; padding: 3px 8px; border-radius: 20px; background-color: #1E57BD;}

.l_prd_lst { margin-top: 20px; }
.l_prd_lst ul { margin-right: -22px; margin-bottom: -22px; }
.l_prd_lst li { float: left; width: 230px; height: 324px; margin-right: 22px; margin-bottom: 22px; background-color: #FFF; position: relative; }
.l_prd_lst li:hover { z-index: 100; }
.l_prd_lst li .l_prd_pic, .l_prd_lst .l_prd_pic_img { height: 222px; overflow: hidden; position: relative; text-align: center;}
.l_prd_lst li .l_prd_pic img { width: 96%; height: 100%;    margin: auto;margin-top: 5px; }
.l_prd_lst li .l_prd_diy { width: 49px; height: 38px; background: url(../images/list-diy.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.2s; }
.l_prd_lst li .l_prd_model {width: 49px;height: 38px; background: url(../images/list-model.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.2s;}
.l_prd_lst li .l_prd_design { width: 49px; height: 38px; background: url(../images/list-design.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.2s;}
.l_prd_lst .l_prd_tit { padding: 4px 10px 10px 10px;  position: relative; }
.l_prd_lst .l_prd_tit .l_prd_size {color:#999999; font-size: 13px;}
.l_prd_lst .l_prd_tit h3 { color: #333333; /*white-space: nowrap;*/ text-overflow: ellipsis; width: 100%; height: 40px; line-height: 20px; overflow: hidden; padding:2px 0; }
.l_prd_lst .l_prd_tit h3 a:hover { color: #333333; }
.l_prd_lst .l_prd_tit .l_prd_price { font-size: 14px; height:28px; line-height: 28px;}
.l_prd_lst .l_prd_tit .l_prd_price .price { font-size: 14px; font-weight: bold}
.l_prd_lst .l_prd_tit .l_prd_price .cost-price { color: #767676; font-size: 14px;}
.l_prd_lst .l-prd-btn-wrap { display: none; right:20px; bottom:10px;}
.l_prd_lst li:hover .l-prd-btn-wrap { display: block; }
.l_prd_lst .l_prd_btn { display: inline-block; color: #65adf5;border:1px solid #65adf5; height: 26px; line-height: 26px; padding: 0 12px; border-radius: 3px; background-color: #fff; }
.l_prd_lst .l_prd_btn:hover { text-decoration: none; background-color: #65adf5; color:#fff; }
.l_prd_lst .l_prd_btn.now_go {  color:#ff603b; border-color: #ff603b; }
.l_prd_lst .l_prd_btn.now_go:hover {  color:#fff; background-color: #ff603b; }
.l_prd_lst .l-prd-btn-fav { display: inline-block; color: #000; height: 26px; line-height: 26px; padding: 0 12px; border: 1px solid #E5E5E5; border-radius: 20px; }
.l_prd_lst .l-prd-btn-fav:hover { color: #FF5949; text-decoration: none; }
.l_prd_lst .l-prd-layer { width: 305px; height: 332px; padding: 10px; background-color: #FFF; box-shadow: 0 0 15px #999; position: absolute; left: -10px; top: 0; z-index: -1; transition: all .3s; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
.l_prd_lst li:hover .l-prd-layer { top: -10px; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.l_prd_lst .l-prd-small-pic-lst { text-align: right; width: 84px; position: absolute; right: 10px; top: 10px; z-index: 1; }
.l_prd_lst .l-prd-small-pic { height: 74px; margin-bottom: 17px; position: relative; }
.l_prd_lst .l-prd-small-pic img { width: 70px; height: 70px; border: 1px solid #CECECE; }
.l_prd_lst .l-prd-small-pic:hover img, .l_prd_lst .l-prd-small-pic.on img { border: 2px solid #FF5949; }
.l_prd_lst .l-prd-small-pic:hover:after { content: ''; margin-top: -4px; border-top: 4px dashed transparent; border-bottom: 4px dashed transparent; border-right: 5px solid #FF5949; position: absolute; right: 74px; top: 50%; z-index: 1; }
.l_prd_lst .c-ylo { color: #FF9C00; }
.l_prd_lst .c-org { color: #FF5157; }
.l_prd_lst .ico-cart { display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; width: 15px; height: 14px; margin-right: 4px; background: url(../images/bg.png) -52px -528px no-repeat; }
.l_prd_lst .ico-fav { display: inline-block; vertical-align: middle; width: 14px; height: 13px; margin: 0 6px 0 0; background: url(../images/details-bg.png) no-repeat; background-position: -18px -32px; }
.l_prd_lst .l-prd-btn-fav.on { cursor: default; }
.l_prd_lst .l-prd-btn-fav.on .ico-fav { background-position: -18px -17px; }
.l_prd_lst .l-prd-btn-fav.off { color: #FFF; background-color: #B3B3B3; }
.l_prd_lst .l-prd-btn-fav.off .ico-fav { background-position: -18px -47px; }
/*专属商品*/
.l_spec_search{ color: #666; font-size: 16px; padding: 16px 20px; margin: 10px 0 28px; background-color: #ededed;}
.l_spec_search .search-item{ margin-right: 86px;}
.l_spec_search .search-item.fr{ margin-right: 0;}
.l_spec_search .search-item label{ margin-right: 26px;}
.l_spec_search .search-item select, .l_spec_search .search-item input{ height: 40px; line-height: 40px; padding: 0 10px; background-color: white;}
.l_spec_search .search-item .button-submit{ display: inline-block; color: #fff; height: 40px; line-height: 40px; padding: 0 48px; background-color: #B71B07;}
.l_spec_lst { margin-top: 20px; }
.l_spec_lst ul { margin-right: -22px; margin-bottom: -22px; }
.l_spec_lst li { float: left; width: 222px; height: 324px; margin-right: 22px; margin-bottom: 22px; background-color: #FFF; position: relative; }
.l_spec_lst li:hover { z-index: 100; }
.l_spec_lst li .l_prd_pic, .l_spec_lst .l_prd_pic_img { height: 222px; overflow: hidden; position: relative; }
.l_spec_lst li .l_prd_pic img { width: 100%; height: 100%; }
.l_spec_lst li .l_prd_diy { width: 49px; height: 38px; background: url(../images/list-diy.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.2s; }
.l_spec_lst li .l_prd_model { width: 49px; height: 38px; background: url(../images/list-model.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.2s;}
.l_spec_lst li .l_prd_design { width: 49px; height: 38px; background: url(../images/list-design.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.2s;}
.l_spec_lst .l_prd_tit { text-align: center; padding: 28px 10px;  position: relative; }
.l_spec_lst .l_prd_tit .l_prd_size {color:#999999; font-size: 13px;}
.l_spec_lst .l_prd_tit h3 { color: #333333; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; width: 100%; height: 22px; line-height: 22px; overflow: hidden; margin-bottom: 2px;}
.l_spec_lst .l_prd_tit h3 a:hover { color: #FF5949; }
.l_spec_lst .l_prd_tit .l_prd_price { font-size: 14px; height:28px; line-height: 28px;}
.l_spec_lst .l_prd_tit .l_prd_price .price { color: #ed4848; font-size: 18px;}
.l_spec_lst .l_prd_tit .l_prd_price .cost-price { color: #767676; font-size: 14px;}
.l_spec_lst .l-prd-layer { width: 305px; height: 324px; padding: 10px; background-color: #FFF; box-shadow: 0 0 15px #999; position: absolute; left: -10px; top: 0; z-index: -1; transition: all .3s; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
.l_spec_lst li:hover .l-prd-layer { top: -10px; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.l_spec_lst .l-prd-small-pic-lst { text-align: right; width: 84px; position: absolute; right: 10px; top: 10px; z-index: 1; }
.l_spec_lst .l-prd-small-pic { height: 74px; margin-bottom: 17px; position: relative; }
.l_spec_lst .l-prd-small-pic img { width: 70px; height: 70px; border: 1px solid #CECECE; }
.l_spec_lst .l-prd-small-pic:hover img, .l_spec_lst .l-prd-small-pic.on img { border: 2px solid #FF5949; }
.l_spec_lst .l-prd-small-pic:hover:after { content: ''; margin-top: -4px; border-top: 4px dashed transparent; border-bottom: 4px dashed transparent; border-right: 5px solid #FF5949; position: absolute; right: 74px; top: 50%; z-index: 1; }
/*个性定制*/
.l_design_banner{ width: 100%; overflow: hidden;}
.l_design_banner .banner{ width: 1920px; height: 250px; margin-left: -960px; background: url(../Images/design-top-bg.jpg) center center no-repeat; position: relative; left: 50%;}
.l_design_search{ color: #666; font-size: 16px; height: 250px; position: absolute; left: 0; right: 0; top: -250px; z-index: 2;}
.l_design_search .search-box{ margin-left: -330px; position: absolute; left: 50%; top: 72px; z-index: 2;}
.l_design_search .search-box .button-input{ float: left; width: 546px; height: 50px; line-height: 50px; padding: 0 20px; border-radius: 5px 0 0 5px; background: rgba(255, 255, 255, .8); }
.l_design_search .search-box .button-submit{ float: left; color: #fff; width: 74px; height: 50px; line-height: 50px; border-radius: 0 5px 5px 0; background-color: #B71B07;}
.l_design_search .search-box .quick-link{ padding-left: 18px; margin-top: 12px;}
.l_design_search .search-box .quick-link a{ color: #fff; font-size: 14px; margin-right: 26px;}
.l_design_search .search-box .quick-link a:hover{ text-decoration: underline;}
.l_design_search .search-box .quick-link a.hot{ color: #ff5d05;}
.l_design_cat{ padding: 20px 26px; border-radius: 10px; background-color: #fff; box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.22); position: relative; top: -56px; z-index: 3;}
.l_design_cat a{ color: #333; font-size: 18px; display: inline-block; vertical-align: middle; height: 34px; line-height: 34px; padding: 0 14px; margin: 6px 0; margin-right: 42px;}
.l_design_cat a:hover{ color: #2261d3;}
.l_design_cat a.cur{ color: #fff; border-radius: 18px; background-color: #B71B07;}
.l_design_lst { margin-top: -32px; }
.l_design_lst ul { margin-right: -22px; margin-bottom: -22px; }
.l_design_lst li { float: left; width: 224px; height: 306px; margin-right: 20px; margin-bottom: 20px; border-radius: 10px;
 background-color: #FFF; box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.33);
 position: relative; }
.l_design_lst li:hover { z-index: 100; }
.l_design_lst li .l_prd_pic, .l_design_lst .l_prd_pic_img { height: 224px; overflow: hidden; border-radius: 3px 3px 0 0;
 position: relative; }
.l_design_lst li .l_prd_pic img { width: 100%; height: 100%; }
.l_design_lst li .l_prd_diy { width: 49px; height: 38px; background: url(../images/list-diy.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.2s; }
.l_design_lst li .l_prd_model { width: 49px; height: 38px; background: url(../images/list-model.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.2s;}
.l_design_lst li .l_prd_design { width: 49px; height: 38px; background: url(../images/list-design.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.2s;}
.l_design_lst .l_prd_tit { padding: 10px 16px;  position: relative; }
.l_design_lst .l_prd_tit .l_prd_size {color:#999999; font-size: 13px;}
.l_design_lst .l_prd_tit h3 { color: #303030; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; width: 100%; height: 22px; line-height: 22px; overflow: hidden; margin-bottom: 2px;}
.l_design_lst .l_prd_tit h3 a:hover { color: #FF5949; }
.l_design_lst .l_prd_tit .l_prd_price { font-size: 14px; height:28px; line-height: 28px;}
.l_design_lst .l_prd_tit .l_prd_price .price { color: #e42727; font-size: 20px;}
.l_design_lst .l_prd_tit .l_prd_price .cost-price { color: #767676; font-size: 14px;}
.l_design_lst .l-prd-layer { width: 305px; height: 324px; padding: 10px; background-color: #FFF; box-shadow: 0 0 15px #999; position: absolute; left: -10px; top: 0; z-index: -1; transition: all .3s; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
.l_design_lst li:hover .l-prd-layer { top: -10px; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.l_design_lst .l-prd-small-pic-lst { text-align: right; width: 84px; position: absolute; right: 10px; top: 10px; z-index: 1; }
.l_design_lst .l-prd-small-pic { height: 74px; margin-bottom: 17px; position: relative; }
.l_design_lst .l-prd-small-pic img { width: 70px; height: 70px; border: 1px solid #CECECE; }
.l_design_lst .l-prd-small-pic:hover img, .l_design_lst .l-prd-small-pic.on img { border: 2px solid #FF5949; }
.l_design_lst .l-prd-small-pic:hover:after { content: ''; margin-top: -4px; border-top: 4px dashed transparent; border-bottom: 4px dashed transparent; border-right: 5px solid #FF5949; position: absolute; right: 74px; top: 50%; z-index: 1; }
/*定制询价*/
.l_enqu_main { padding-top: 40px; border-top: 1px solid #EFEFEF; }
.l_enqu_left { width: 350px; overflow: hidden; margin-bottom: 30px; }
.l_enqu_right { width: 802px; margin-bottom: 30px; }
.l_enqu_dema { width: 810px; margin: 0 auto; }
.l_enqu_dema h1 { color: #576F81; font-size: 20px; line-height: 20px; padding-left: 10px; border-left: 3px solid #20CFD0; }
.l_enqu_dema_tip { color: #424D5F; line-height: 26px; padding: 10px 28px; margin-top: 20px; border-radius: 5px; background-color: #E8F0F6; }
.l_enqu_dema_con { color: #707885; margin-top: 30px; }
.l_enqu_dema_con .dema-ipt-wrap { display: inline-block; *display:inline;
*zoom:1;
margin-right: 30px; margin-bottom: 4px; }
.l_enqu_dema_con .dema-ipt { width: 314px; height: 38px; line-height: 38px; padding: 0 5px; border: 1px solid #CFDAE2; border-radius: 3px; }
.l_enqu_dema_con .dema-ipt.sml { width: 84px; }
.l_enqu_dema_con .dema-ipt:focus { border-color: #7CB3DE; box-shadow: 0 0 3px #7CB3DE; }
.l_enqu_dema_con .dema-sel { height: 40px; line-height: 40px; margin-right: 10px; border: 1px solid #CFDAE2; }
.l_enqu_dema_con .dema-sel.open, .l_enqu_dema_con .dema-sel:focus, .l_enqu_dema_con .dema-sel:active { border-color: #7CB3DE; }
.l_enqu_dema_con .nice-select .list { border: 1px solid #7CB3DE; box-shadow: none; }
.l_enqu_dema_con .dema-sel:before { content: ''; height: 100%; border-left: 1px solid #CFDAE2; position: absolute; right: 25px; top: 0; z-index: 1; }
.l_enqu_dema_con .dema-area { width: 660px; height: 210px; }
.l_enqu_dema_con .dema-btn { display: inline-block; *display:inline;
*zoom:1;
color: #FFF; font-size: 16px; text-align: center; width: 178px; height: 40px; line-height: 40px; border-radius: 3px; background-color: #20CFD0; }
.l_enqu_dema_con .dema-btn.dema-btn-upload { width: 124px; background-color: #7599bd; }
.l_enqu_dema_con .dema-btn:hover { text-decoration: none; }
.l_enqu_dema_con .dema-btn .ico { display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; width: 20px; height: 15px; margin-right: 6px; background: url(../images/bg.png) 0 -610px no-repeat; }
.l_enqu_dema_con .dema-btn.dema-btn-upload .ico { vertical-align: -2px; width: 18px; height: 18px; background: url(../images/tpl_btn_up.png) 0 -28px no-repeat; }
.l_enqu_dema_con .dema-btn:hover { background-color: #ff7500; }
.l_enqu_dema_con .dema-btn.dema-btn-upload:hover { background-color: #537FAD; }
.l_enqu_dema_con .dema-qus { display: inline-block; *display:inline;
*zoom:1;
color: #FFF; font-size: 14px; font-weight: bold; text-align: center; vertical-align: middle; width: 18px; height: 18px; overflow: hidden; line-height: 18px; margin-left: 6px; margin-right: 10px; border-radius: 50%; background-color: #FFD200; position: relative; }
.l_enqu_dema_con .dema-qus:hover { overflow: visible; text-decoration: none; background-color: #FFDB34; cursor: default; }
.l_enqu_dema_con .dema-qus-txt { display: block; color: #666; font-family: "宋体"; font-size: 12px; font-weight: normal; text-align: left; width: 420px; line-height: 14px; padding: 12px 16px; border-radius: 5px; background-color: #E8F0F6; position: absolute; left: 50px; top: -16px; z-index: 2; transition: all 0.2s; }
.l_enqu_dema_con .dema-qus-txt:after { content: ''; border-top: 4px dashed transparent; border-bottom: 4px dashed transparent; border-right: 8px solid #E8F0F6; position: absolute; left: -8px; top: 22px; z-index: 2; }
.l_enqu_dema_con .dema-qus:hover .dema-qus-txt { left: 30px; }
.l_enqu_dema_con .dema-upload-prog { display: inline-block; *display:inline;
*zoom:1;
width: 200px; height: 10px; margin-right: 4px; border-radius: 5px; background-color: #CCC; }
.l_enqu_dema_con .dema-upload-prog em { display: block; height: 100%; border-radius: 5px; background-color: #7599BD; }
.l_enqu_dema_lst dt, .l_enqu_dema_lst dd { float: left; line-height: 38px; margin-bottom: 20px; }
.l_enqu_dema_lst dt { clear: both; text-align: right; width: 110px; margin-right: 10px; }
.l_enqu_dema_lst dd { width: 690px; }
.l_enqu_dema_lst dd.t-text { position: relative; height: auto; line-height: normal; margin: 0 0 9px 120px; top: -13px; color: #20CFD0; font-size: 13px; }
.l_enqu_dema_lst dd form { display: inline; }
.l_enqu_dema_lst .c-red { color: #EA2F30; }
.l_enqu_dema_lst .c-gray { color: #AAA; }
.l_enqu_dema_prog { color: #666; font-size: 14px; width: 910px; overflow: hidden; margin: 0 auto; margin-bottom: 40px; }
.l_enqu_dema_prog h2 { color: #333; font-size: 30px; text-align: center; padding-top: 30px; }
.l_enqu_dema_prog h3 { font-size: 16px; text-align: center; margin-top: 4px; }
.l_enqu_dema_prog_lst { width: 1200px; margin-left: -24px; margin-top: 28px; }
.l_enqu_dema_prog_lst li { float: left; text-align: center; width: 155px; line-height: 20px; }
.l_enqu_dema_prog li h3 { color: #576F81; font-size: 14px; }
.l_enqu_dema_prog_lst li .dema_prog_ico { width: 104px; height: 105px; margin: 0 auto; margin-bottom: 8px; background: url(../images/dema-prog.png) 0px 0px no-repeat; transition: all 0.3s; }
.l_enqu_dema_prog_lst li .dema_prog_ico.ico02 { background-position: -201px 0px; }
.l_enqu_dema_prog_lst li .dema_prog_ico.ico03 { background-position: -403px 0px; }
.l_enqu_dema_prog_lst li .dema_prog_ico.ico04 { background-position: -604px 0px; }
.l_enqu_dema_prog_lst li .dema_prog_ico.ico05 { background-position: -805px 0px; }
.l_enqu_dema_prog_lst li.dema_prog_arw { width: 40px; height: 104px; background: url(../images/dema-prog.png) -133px 0px no-repeat; }
.l_enqu_dema_prog_tip { color: #576F81; font-size: 14px; line-height: 20px; padding: 16px 30px; margin-top: 20px; border-radius: 5px; background-color: #F2F7FA; }
/*报价工具*/
.select-item { display: inline-block; padding: 0 14px; margin-right: 8px; border: 1px solid #CFDAE2; position: relative; }
.select-item:hover { text-decoration: none; border-color: #20CFD0; }
.select-item.on { border-color: #20CFD0; }
.select-item i { display: none; width: 14px; height: 14px; background: url(../images/bg.png) 0 -192px no-repeat; position: absolute; right: 0; bottom: 0; z-index: 1; }
.select-item.on i { display: block; }
.select-item.has-layer:hover i { display: none; }
.select-item-layer { display: none; padding: 16px; border: 1px solid #20CFD0; background-color: #FFF; position: absolute; left: -1px; top: 100%; z-index: 5; }
.select-item.has-layer:hover .select-item-layer { display: block; }
.select-item.has-layer:hover:after { content: ''; width: 100%; height: 8px; background-color: #FFF; position: absolute; left: 0; bottom: -4px; z-index: 5; }
.select-item-layer { white-space: nowrap; line-height: 20px; }
.select-item-layer h3 { font-size: 16px; margin: 14px 0; }
.select-item-layer img { width: 130px; height: 130px; }
.select-item-layer img.txt-pic { width: 208px; height: 138px; }
.select-layer-item { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; margin-right: 24px; }
.select-layer-item p { white-space: pre-line; width: 270px; }
.select-item-add-wrap { padding: 10px; border: 1px dashed #CFDAE2; border-radius: 3px; }
.select-item-add { padding: 6px 0; }
.l-quot-tool-wrap { padding: 30px 60px; margin-top: 20px; background-color: #FFF; }
.l-quot-tool-wrap .location { color: #797979; font-size: 14px; height: 14px; line-height: 14px; margin: 0; }
.l-quot-tool h1 { color: #333; font-size: 24px; text-align: center; margin: 20px 0; }
.l-quot-tool-tab { height: 41px; border-bottom: 1px solid #20CFD0; }
.l-quot-tool-tab li { float: left; font-size: 16px; height: 40px; line-height: 40px; overflow: hidden; margin-right: 30px; }
.l-quot-tool-tab li.on { border: 1px solid #20CFD0; border-bottom-color: #FFF; }
.l-quot-tool-tab li a { display: block; color: #707885; text-decoration: none; padding: 0 16px; cursor: pointer; }
.l-quot-tool-tab li.on a { color: #20CFD0; }
.l-quot-tool-con { color: #707885; margin-top: 30px; position: relative; }
.l-quot-tool-con .quot-ipt-wrap { display: inline-block; *display:inline;
*zoom:1;
margin-right: 30px; margin-bottom: 4px; }
.l-quot-tool-con .quot-ipt { text-align: center; width: 314px; height: 30px; line-height: 30px; padding: 0 5px; border: 1px solid #CFDAE2; }
.l-quot-tool-con .quot-ipt[readonly] { background-color: #F7F7F7; }
.l-quot-tool-con .quot-ipt.sml { width: 68px; }
.l-quot-tool-con .quot-ipt:focus { border-color: #7CB3DE; box-shadow: 0 0 3px #7CB3DE; }
.l-quot-tool-con .quot-sel { height: 32px; line-height: 32px; margin-right: 10px; border: 1px solid #CFDAE2; }
.l-quot-tool-con .quot-sel.open, .l-quot-tool-con .quot-sel:focus, .l-quot-tool-con .quot-sel:active { border-color: #7CB3DE; }
.l-quot-tool-con .nice-select .list { border: 1px solid #7CB3DE; box-shadow: none; }
.l-quot-tool-con .quot-sel:before { content: ''; height: 100%; border-left: 1px solid #CFDAE2; position: absolute; right: 25px; top: 0; z-index: 1; }
.l-quot-tool-con .quot-area { width: 660px; height: 210px; }
.l-quot-tool-con .quot-btn { display: inline-block; *display:inline;
*zoom:1;
color: #FFF; font-size: 16px; text-align: center; vertical-align: middle; width: 180px; height: 42px; line-height: 42px; margin-right: 20px; border-radius: 3px; background-color: #20CFD0; cursor: pointer; }
.l-quot-tool-con .quot-btn.gray { color: #AFB2BA; border: 1px solid #B9C2C9; background-color: #FFF; }
.l-quot-tool-con .quot-btn.blue { color: #ffffff; border: 1px solid #20CFD0; background-color: #20CFD0; width: 111px; }
.l-quot-tool-con .quot-btn:hover { text-decoration: none; background-color: #1DB9BA; }
.l-quot-tool-con .quot-btn.gray:hover { color: #9398A2; background-color: #F5F5F6; }
.l-quot-tool-con .quot-btn.blue:hover { color: #ffffff; background-color: #20CFD0; }
.l-quot-tool-con .quot-btn.add { font-size: 14px; width: 100px; height: 32px; line-height: 32px; background-color: #7FC56C; }
.l-quot-tool-pic { position: absolute; top: 0; right: 0; z-index: 2; }
.l-quot-tool-lst dt, .l-quot-tool-lst dd { float: left; line-height: 30px; margin-bottom: 20px; }
.l-quot-tool-lst dt { clear: both; color: #4B5361; font-size: 14px; text-align: right; width: 112px; margin-right: 10px; }
.l-quot-tool-lst dd { color: #707885; font-size: 13px; /*width:630px;*/ }
.l-quot-tool-lst dd form { display: inline; }
.l-quot-tool-lst .c-red { color: #EA2F30; }
.l-quot-tool-lst .c-gray { color: #AAA; }
.l-quot-tool-res { font-size: 16px; padding: 20px 74px; margin-top: 18px; background-color: #F2F7FA; }
.l-quot-tool-res .res-item { margin-right: 36px; }
.l-quot-tool-res .res-tip { font-size: 13px; padding-left: 22px; position: relative; }
.l-quot-tool-res .res-tip:after { content: ''; width: 18px; height: 18px; margin-top: -9px; background: url(../images/bg.png) -54px -611px no-repeat; position: absolute; left: 0; top: 50%; z-index: 1; }
.quot-num { display: inline-block; padding-right: 16px; position: relative; }
.quot-num-ins, .quot-num-dec { color: #CFDAE2; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; text-align: center; width: 12px; height: 12px; line-height: 12px; border: 1px solid #CFDAE2; position: absolute; right: 0; top: 0; z-index: 1; }
.quot-num-ins:hover, .quot-num-dec:hover { text-decoration: none; }
.quot-num-dec { top: auto; bottom: 0; }
.quot-num-order-ins, .quot-num-order-dec { display: inline-block; font-family: serif; font-size: 18px; font-weight: bold; text-align: center; vertical-align: middle; width: 28px; margin: 0 -1px; border: 1px solid #CFDAE2; }
.quot-num-order-ins:hover, .quot-num-order-dec:hover { text-decoration: none; }
.quot-num-order-ins.off, .quot-num-order-dec.off { color: #E2E9EE; }
/*发布设计需求*/
.icon-demand { display: inline-block; vertical-align: middle; background: url(../images/dema.png) 0 0 no-repeat; }
.icon-demand.member { width: 12px; height: 15px; margin-right: 4px; background-position: -100px -120px; }
.icon-demand.fund { width: 17px; height: 17px; margin-right: 4px; background-position: -120px -120px; }
.icon-demand.grade { width: 14px; height: 14px; margin-right: 4px; background-position: -100px -170px; }
.icon-demand.download { width: 14px; height: 14px; margin-right: 4px; background-position: -250px -60px; }
.btn-demand { display: inline-block; color: #888; text-align: center; height: 30px; line-height: 30px; padding: 0 14px; border: 1px solid #DFDFDF; border-radius: 3px; background-color: #F8F8F8; cursor: pointer; }
.btn-demand:hover { color: #20CFD0; }
.btn-demand.org { color: #FFF; font-size: 16px; height: 40px; line-height: 40px; padding: 0 58px; border-color: #20CFD0; background-color: #20CFD0; }
.btn-demand.org:hover { background-color: #1DB9BA; }
.btn-demand.red { color: #EF6C00; border-color: #FFC899; background-color: #FFF4EE; }
.btn-demand.red:hover { color: #FFF; background-color: #FFC899; }
.btn-demand.big { font-size: 16px; height: 40px; line-height: 40px; padding: 0 58px; }
.btn-demand.small { font-size: 16px; height:30px; line-height: 30px; padding: 0 14px;  }
.ipt-demand { min-width: 50px; min-height: 38px; line-height: 38px; padding: 0 5px; border: 1px solid #CFDAE2; border-radius: 3px; }
.ipt-demand:focus { border-color: #7CB3DE; box-shadow: 0 0 3px #7CB3DE; }
.ipt-demand.small { width: 100px; min-height: 30px; line-height: 30px; border-radius: 0; }
.l-design-demand-wrap { margin-bottom: 42px; }
.l-design-demand-wrap h3 { color: #333; font-size: 18px; line-height: 20px; padding-left: 10px; margin-bottom: 16px; border-left: 3px solid #20CFD0; }
.l-design-demand-left { float: left; width: 950px;/* padding:34px 40px; border:1px solid #DFDFDF; background-color:#FFF;*/ position: relative; }
.l-design-demand-box { padding: 34px 40px; border: 1px solid #DFDFDF; background-color: #FFF; margin-bottom: 20px; }
.l-design-demand-box.wide { padding: 0; }
.l-design-demand-tab { border-bottom: 1px solid #DFDFDF; }
.l-design-demand-tab li { float: left; font-size: 18px; font-weight: bold; height: 40px; line-height: 40px; padding: 0 30px; background-color: #FFF; }
.l-design-demand-tab li.on { margin-bottom: -1px; border-top: 3px solid #20CFD0; border-right: 1px solid #DFDFDF; }
.l-design-demand-tip { color: #B59B6A; font-size: 13px; height: 40px; line-height: 40px; padding: 0 20px; background-color: #FCF7E3; }
.l-design-demand-result { padding: 40px 40px 30px 40px; }
.l-design-demand-slide { float: left; width: 400px; min-height: 400px; overflow: hidden; padding: 0 53px; margin-right: 74px; position: relative; }
.l-design-demand-slide.wide { clear:both; float: none; margin: 0 auto; }
.l-design-demand-slide .l-slide-control { width: 22px; height: 38px; margin-top: -19px; background: url(../images/dema.png) 0 -170px no-repeat; position: absolute; left: 0; top: 50%; z-index: 2; cursor: pointer; }
.l-design-demand-slide .l-slide-control.right { left: auto; right: 0; background-position: -40px -170px; }
.l-design-demand-slide .l-slide-control.prevStop { background-position: 0 -120px; cursor: default; }
.l-design-demand-slide .l-slide-control.nextStop { background-position: -40px -120px; cursor: default; }
.l-design-demand-slide li{ margin-bottom:-1px;}
.l-design-demand-slide li img { width: 400px; height: 400px; }
.l-design-demand-attr { float: right; width: 272px; }
.l-design-demand-attr.wide{ float:none; width:auto;}
.l-design-demand-attr h3 { position: relative; margin-bottom: 10px; }
.l-design-demand-attr h3 .more { color: #5F87D0; font-size: 13px; position: absolute; right: 0; bottom: 0; z-index: 1; }
.l-design-demand-attr .attr-list { color: #333; font-size: 13px; padding: 20px 14px; margin-bottom: 20px; border-top: 1px dashed #E5E5E5; border-bottom: 1px dashed #E5E5E5; background-color: #F1F4F9; }
.l-design-demand-attr .attr-list dt, .l-design-demand-attr .attr-list dd { float: left; margin-bottom: 30px; }
.l-design-demand-attr .attr-list dt { clear: both; width: 70px; }
.l-design-demand-attr .attr-list dd { width: 174px; }
.l-design-demand-attr .attr-list dd p { position: relative; }
.l-design-demand-attr .attr-list dd .num { color: #EF6C00; position: absolute; right: 0; bottom: 0; z-index: 1; }
.l-design-demand-attr .attr-number { height: 24px; line-height: 24px; margin-bottom: 20px; }
.l-design-demand-attr .attr-number.center{ display:inline-block; *display:inline; *zoom:1;}
.l-design-demand-attr .number-minus, .l-design-demand-attr .number-plus { font-size: 18px; font-weight: bold; color: #3F3F3F; text-align: center; text-decoration: none; width: 24px; height: 24px; line-height: 24px; border: 1px solid #dcdcdc; cursor: pointer; float: left; display: inline-block; }
.l-design-demand-attr .number-minus { background-position: -20px -163px; }
.l-design-demand-attr .number-plus { background-position: -35px -164px; }
.l-design-demand-attr .number-disabled { color: #CCC; }
.l-design-demand-attr .number-input { float: left; height: 24px; line-height: 24px; margin: 0 -1px; border: 1px solid #dcdcdc; width: 60px; text-align: center; }
.l-design-demand-attr .number-input-wrap { margin: 0 10px; }
.l-design-demand-attr .number-input-com { text-align: center; width: 60px; height: 22px; line-height: 22px; padding: 0 2px; margin: 0 4px; border: 1px solid #dcdcdc; background-color: #FFF; }
.l-design-demand-attr .xico-cart { display: inline-block; *display:inline;*zoom:1;vertical-align: -5px; width: 23px; height: 21px; margin-right: 4px; background: url(../images/details-bg.png) 0 -62px no-repeat; }
.l-design-demand-content { color: #666; font-size: 13px; margin-bottom: 20px; *zoom: 1;}
.l-design-demand-content:before,.l-design-demand-content:after {display: table; content: ""; height:0; clear:both; visibility: hidden;}
.l-design-demand-content .item { float:left; color: #333; line-height: 26px; }
.l-design-demand-content .item dt, .l-design-demand-content .item dd { float: left; word-break:break-all; margin-bottom: 10px; }
.l-design-demand-content .item dt { clear: both; min-width: 70px; }
.l-design-demand-content .template-pic { float:left; margin: 8px 0; margin-right:40px;}
.l-design-demand-content .template-pic img { width: 140px; height: 140px; }
.l-design-demand-tag { margin-left: 10px; }
.l-design-demand-tag li { float: left; position: relative; cursor: pointer; }
.l-design-demand-tag li .title { display: block; color: #666; height: 30px; line-height: 30px; padding: 0 28px; margin-right: 10px; border: 1px solid #DFDFDF; transition: none; }
.l-design-demand-tag li:hover .title { color: #20CFD0; border: 1px solid #20CFD0; background-color: #FFF; position: relative; z-index: 10; }
.l-design-demand-tag li.on .title { color: #20CFD0; border: 1px solid #20CFD0; background-color: #FFF; position: relative; z-index: 10; }
.l-design-demand-tag li.on .title:after{ content:''; display:block; width:16px;height:14px; background:url(../images/bg.png) no-repeat -38px -192px; position:absolute; right:0; bottom:0; z-index:2;}
/*
.l-design-demand-tag li.on:hover .title{ border-bottom:none;}
.l-design-demand-tag li.on:hover .title:after{ display:none;}
*/
.l-design-demand-tag li .tag-layer { display: none; color: #999; width: 516px; line-height: 24px; padding: 10px 20px; border: 2px solid #EE6C00; background-color: #FFF; position: absolute; left: 0; top: 30px; z-index: 2; }
.l-design-demand-tag li:hover .tag-layer { display: block; }
.l-design-demand-tag-layer{ line-height: 24px; padding: 10px 20px;}
.l-design-demand-template { margin-top: 30px; }
.l-design-demand-template .pic { float: left; width: 140px; height:140px; margin-right: 20px; position:relative; cursor:pointer;}
.l-design-demand-template .pic .pic-text{ display:none; width:270px; height:100%; line-height:140px; background-color:#FFF; position:absolute; left:160px; top:0; z-index:2; cursor:default;}
.l-design-demand-template .pic.add .pic-text{ display:block;}
.l-design-demand-template .pic.add{ border:1px dotted #999;}
.l-design-demand-template .pic.add:after{ content:''; width:45px; height:44px; margin-left:-22.5px; margin-top:-22px; background:url(../images/bg.png) -121px 0 no-repeat; position:absolute; left:50%; top:50%; z-index:1;}
.l-design-demand-template .pic img { width: 140px; height: 140px; }
.l-design-demand-template .pic.add img{ display:none;}
.l-design-demand-template .text { float: left; width: 660px; line-height: 24px; }
.l-design-demand-template .text .btn { margin-top: 10px; }
.l-design-demand-list dt, .l-design-demand-list dd { float: left; font-size: 13px; line-height: 38px; margin-bottom: 20px; }
.l-design-demand-list dt { clear: both; color: #666; text-align: right; width: 110px; margin-right: 10px; }
.l-design-demand-list dd { width: 690px; }
.l-design-demand-list dd.t-text { position: relative; height: auto; line-height: normal; margin: 0 0 9px 120px; top: -13px; color: #20CFD0; font-size: 13px; }
.l-design-demand-list dd form { display: inline; }
.l-demand-step { display: table; width: 100%; min-height: 70px; padding: 30px 0 20px 0; }
.demand-step-item { display: table-cell; text-align: center; width: 100px; padding-bottom: 24px; position: relative; }
.demand-step-item.left, .demand-step-item.right { width: 20px; }
.demand-step-item .demand-step-txt { display: inline-block; color: #999; font-family: Arial; font-size: 18px; vertical-align: top; width: 30px; height: 30px; line-height: 30px; padding-top: 0px; border-radius: 50%; border: 1px solid #e7e7e7; background-color: #fff; position: relative; z-index: 1; }
.demand-step-item.on .demand-step-txt { border: 1px solid #20CFD0; background-color: #F2F8FC; color: #20CFD0; }
.demand-step-item .demand-step-line { display: block; width: 100%; height: 4px; background-color: #bbb; position: absolute; top: 15px; left: 0; z-index: 0; }
.demand-step-item.on .demand-step-line { background-color: #20CFD0; }
.demand-step-item.left .demand-step-line { border-radius: 5px 0 0 5px; }
.demand-step-item.right .demand-step-line { border-radius: 0 5px 5px 0; }
.demand-step-item .demand-step-num { display: block; color: #A5AEB7; font-size: 14px; width: 100%; position: absolute; top: 40px; left: 0; z-index: 0; }
.demand-step-item.on .demand-step-num { color: #20CFD0; }
.l-design-demand-status { color: #91623A; font-size: 14px; text-indent: 12px; width: 170px; height: 36px; line-height: 30px; background: url(../images/member/m-bg.png) -68px -40px no-repeat; position: absolute; left: -4px; top: -1px; z-index: 2; }
.l-design-demand-no { font-size: 13px; height: 30px; line-height: 30px; padding-left: 180px; position: absolute; left: 0; top: 0; z-index: 1; }
.l-design-detail-top { padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #E5E5E5; position: relative; }
.l-design-detail-top h1 { color: #333; font-size: 24px; margin-bottom:10px;}
.l-design-detail-top h2 { color: #666; font-size: 14px; }
.l-design-detail-top .l-design-price { color:#FFF; border-radius:3px; padding:4px 10px; margin-left:20px; background-color:#EF3D11;}
.l-design-detail-top .l-design-tip { color:#D7421E; padding:14px 12px; margin:14px 0 4px 0; background-color:#FFF4EE;}
.l-design-detail-top .l-design-link { position: absolute; top: 20px; right: 0; z-index: 2; }
.l-design-detail-top .l-design-link .btn-demand { font-size: 14px; margin-left: 10px; }
.l-demand-content { color: #999; font-size: 13px; line-height: 24px; padding: 10px 30px; background-color: #F5F5F5; }
.l-design-demand-designer { font-size: 14px; }
.l-design-demand-designer li { padding-bottom: 30px; margin-top: 30px; border-bottom: 1px solid #DFDFDF; position: relative; }
.l-design-demand-designer li:last-child { border-bottom: none; }
.l-design-demand-designer li .tag-win { width: 78px; height: 78px; background: url(../images/dema.png) 250px 120px no-repeat; position: absolute; left: 60%; top: 0; z-index: 3; }
.l-design-demand-designer li.win .tag-win { background-position: -250px -120px; }
.l-design-demand-designer li.fail .tag-win { background-position: -340px -120px; }
.l-design-demand-designer .pic { float: left; width: 80px; margin-right: 20px; }
.l-design-demand-designer .pic img { width: 80px; height: 80px; }
.l-design-demand-designer .text { float: left; }
.l-design-demand-designer .text p { margin-bottom: 14px; }
.l-design-demand-designer .text .tag-grade { color: #EE6C00; padding: 0 5px; margin-left: 10px; border: 1px solid #FEA65B; border-radius: 3px; background-color: #FFF4EE; }
.l-design-demand-designer .text .price { color:#E63B3E; font-family: Arial; font-size: 18px; }
.l-design-demand-designer .link { color: #999; font-size: 13px; position: absolute; top: 10px; right: 0; z-index: 1; }
.l-design-demand-designer .btn { color: #999; font-size: 13px; position: absolute; bottom: 30px; right: 0; z-index: 1; }
.l-demand-result-title { font-size: 18px; height: 36px; line-height: 36px; padding-left: 10px; margin-top: 20px; margin-bottom: 40px; border-bottom: 1px solid #DFDFDF; position: relative }
.l-demand-result-title:after { content: ''; width: 0; height: 18px; border-left: 2px solid #20CFD0; position: absolute; left: 0; top: 9px; z-index: 1; }
.l-demand-result-title .title-tip { color:#888; font-size: 14px; margin-left:20px;}
.l-demand-result-wait { color: #888; font-size: 18px; text-align: center; padding: 10px 0 40px 0; }
.l-demand-result-confirm{ font-size:13px; text-align:center; line-height:40px; margin-top:20px;}
.l-demand-result-confirm .btn{ margin:16px 0 6px 0;}
.l-demand-result-btn { padding-bottom: 20px; }
.l-demand-result-btn .btn-demand { margin: 0 10px; }
.l-demand-result-btn .btn-demand.big { padding: 0 10px; }
.l-design-demand-right { float: right; width: 240px; }
.l-design-demand-publish { color: #333; font-size: 14px; line-height: 20px; padding: 10px 20px; margin-bottom: 10px; border: 1px solid #DFDFDF; background-color: #FFF; }
.l-design-demand-publish ul { margin-bottom: 20px; }
.l-design-demand-publish li { padding: 10px 0; background: url(../images/demand-line.png) 0 bottom no-repeat; }
.l-design-demand-publish li .publish-icon { float: left; width: 35px; margin-right: 20px; }
.l-design-demand-publish li .publish-icon .icon { display: inline-block; width: 35px; height: 35px; background: url(../images/dema.png) 0 -60px no-repeat; }
.l-design-demand-publish li .publish-icon .icon.qq { background-position: -40px -60px; }
.l-design-demand-publish .btn-demand { font-size: 16px; width: 168px; height: 38px; line-height: 38px; }
.l-design-demand-piclist { padding: 20px; border: 1px solid #DFDFDF; background-color: #FFF; }
.l-design-demand-piclist .title { color: #333; font-size: 16px; text-align: center; padding-bottom: 14px; margin-bottom: 20px; background: url(../images/demand-line.png) 0 bottom no-repeat; }
.l-design-demand-piclist ul { margin-bottom: -20px; }
.l-design-demand-piclist li { font-size: 14px; margin-bottom: 20px; }
.l-design-demand-piclist li .pic { float: left; width: 70px; margin-right: 20px; }
.l-design-demand-piclist li .pic img { width: 70px; height: 70px; }
.l-design-demand-reword{ text-indent:2em; line-height:42px; margin-top:20px;}

.l-demand-template-wrap{ height:600px; position:relative;}
.l-demand-template-wrap:after{ content:''; height:100%; border-left:1px solid #DFDFDF; position:absolute; left:200px; top:0; z-index:2;}
.l-demand-template-left{ float:left; width:200px; height:600px; overflow:auto;}
.l-demand-template-right{ float:right; width:600px;}
.l-template-cat h3{ font-size:16px; height:40px; line-height:40px; padding-left:20px; margin-top:-1px; border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; cursor:pointer;}
.l-template-cat h3.on{ color:#FFF; background-color:#F5F5F5;}
.l-template-cat h3.on a{ color:#20CFD0;}
.l-template-cat h3 a:hover{ text-decoration:none;}
.l-template-cat ul{ padding:5px 10px 5px 30px;}
.l-template-cat li{ font-size:14px; line-height:30px;}
.l-template-cat li a{ color:#999; cursor:pointer;}
.l-template-cat li.on a{ color:#20CFD0;}
.l-template-cat li a:hover{ color:#20CFD0;}
.l-template-list-nav{ color:#999; font-size:14px; height:40px; line-height:40px; padding:0 20px; position:relative;}
.l-template-list-nav .nav-page{ position:absolute; right:20px; top:0; z-index:1;}
.l-template-list-nav .nav-page .total { margin-right: 50px; }
.l-template-list-nav .nav-page .page-link { color: #D3D3D3; font-family: serif; padding: 2px; margin-left: 6px; border: 1px solid #D3D3D3; border-radius: 2px; background-color: #FFF; }
.l-template-list-nav .nav-page .page-link:hover { text-decoration: none; border-color: #20CFD0; background-color: #20CFD0; }
.l-template-list-nav .nav-page .page-link.off,.l-template-list-nav .nav-page .page-link.off:hover { border-color: #D3D3D3; background-color: #E6E6E6; cursor: default; }
.l-template-list{ padding:20px 40px;}
.l-template-list ul{ width:110%; margin-bottom:-20px;}
.l-template-list li{ float:left; width:140px; line-height:20px; margin-right:40px; margin-bottom:20px;}
.l-template-list li .name{ font-size:14px;}
.l-template-list li .pic{ width:140px; height:140px;}
.l-template-list li .pic img{ width:140px; height:140px;}
/*补充需求弹层*/
.l-demand-sup-demand{ font-size:14px; padding:20px;}
.l-demand-add{ margin:20px 0;}