.zx_main{ width: 100%; background: #f5f5f5;border-bottom: 2px solid #eeeeee; } /*商城店铺页面*/ .shopdp_remen{ width: 1190px; height: auto; margin:0 auto; background: #FFF;padding-top:25px; } .shopdp_remen .shopdp_remen_top{ width: 100%; height: 35px; line-height: 35px; font-size: 22px; color: #333333 } .shopdp_remen_top .remen_dp{ background: url("/shopstjinfengcom/shop/Themes/Default/images/dpbq.png") no-repeat 0 2px;padding-left: 30px; } .shopdp_remen_top .remen_gl{ font-size: 14px; float: right; color: #b92424 } .shopdp_remen .shopdp_remen_bottom{ width: 1190px; height: 500px; overflow:hidden;border: 1PX solid #eeeeee;margin-top:20px; } .shopdp_remen .shopdp_remen_bottom .shopdp_remen_l{ width: 195px; height: 500PX; float: left;background: #F5F5F5 } .shopdp_remen .shopdp_remen_bottom .shopdp_remen_l .remen_r_con{ display: none } .shopdp_remen .shopdp_remen_bottom .shopdp_remen_l ul{border: 1PX solid #eeeeee;border-right: 0px;border-top: 0px;} .shopdp_remen .shopdp_remen_bottom .shopdp_remen_l ul li{padding-left: 45px; height: 50px; line-height: 50px; color: #999;border-bottom: 2px solid #FFF; font-size: 16px; cursor: pointer; border-right:1PX solid #f5f5f5;} .shopdp_remen .shopdp_remen_bottom .shopdp_remen_l ul .gl{ background: #FFF url("/shopstjinfengcom/shop/Themes/Default/images/icon_red_right.png") no-repeat 160px 19px ;border-right:1PX solid #FFF; color: #b92424} .shopdp_remen .shopdp_remen_bottom .shopdp_remen_r{ width:993px; float: right; overflow:hidden; } .shopdp_remen .shopdp_remen_bottom .shopdp_remen_r ul { margin-left: 2px; width: 995px;} .shopdp_remen .shopdp_remen_bottom .shopdp_remen_r ul li{ width:198px; height: 250px; float: left;border-bottom: 1px solid #eee;border-right: 1px solid #eee;} .shopdp_remen .shopdp_remen_bottom .shopdp_remen_r ul li a{display: block;} .shopdp_remen_r ul li .remen_r_con_img{ width: 180px;height: 180px;padding: 10px 10px 5px 10px; } .shopdp_remen_r ul li .remen_r_con_img img{width: 180px;height: 180px;} .shopdp_remen_r ul li p{ margin: 0 10px; overflow:hidden; white-space: nowrap; } .shopdp_remen_r ul li .p1{ color: #333333; font-size: 16px; height: 25px; line-height:25px; font-weight: 500; padding-top: 2px; } .shopdp_remen_r ul li .p2{ font-size: 14px;color: #666; height: 20px; line-height: 20px; } .shopdp_remen .shopdp_remen_bottom .shopdp_remen_r ul li a:hover img {opacity: 0.8;filter:alpha(opacity=80)} .shopdp_remen .shopdp_remen_bottom .shopdp_remen_r ul li a:hover .p1 { color:#b92424} .shopdp_tjs{ width: 100%; height: auto; background: #f5f5f5;} .shopdp_tuijian{ width: 1190px; height: auto; margin:0 auto;padding-top:25px;padding-bottom: 30px; } .shopdp_tuijian .shopdp_tuijian_top{ width: 100%; height: 35px; line-height: 35px; font-size: 22px; color: #333333 } .shopdp_tuijian_top .tuijian_dp{ background: url("/shopstjinfengcom/shop/Themes/Default/images/dpbq.png") no-repeat 0 2px;padding-left: 30px; } .shopdp_tuijian_top .tuijian_gl{ font-size: 14px; float: right; color: #b92424 } .shopdp_tuijian ul{ width: 1220px; overflow: hidden;margin-left: -25px; margin-top:13px;padding-top: 2PX;} .shopdp_tuijian ul li{ width: 350px; background:#fff; height: 130px; float: left; margin-left: 25px;padding:15px; overflow: hidden; margin-bottom: 25px;} .shopdp_tuijian ul li:hover{ box-shadow: 0 0 10px #999 } .shopdp_tuijian ul li .dptj_left{ width: 130px; height: 130px; float: left; } .shopdp_tuijian ul li .dptj_left img{width: 130px; height: 130px; transition: all 0.5s ease 0s } .shopdp_tuijian ul li .dptj_left a:hover img{ opacity: 0.8;filter:alpha(opacity=80)} .shopdp_tuijian ul li .dptj_right{ width: 190px; height: 130px; float: right; overflow: hidden;margin-right: 10px;} .shopdp_tuijian ul li .dptj_right .p1{ height: 45px; line-height: 45px; white-space: nowrap; font-size: 16px; } .shopdp_tuijian ul li .dptj_right .p1 a{ color: #333; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; } .shopdp_tuijian ul li .dptj_right .p1 a:hover{ color: #b92424 } .shopdp_tuijian ul li .dptj_right .p2{height: 40px; line-height: 20px;font-size: 14px; color: #666666; overflow: hidden; } .shopdp_tuijian ul li .dptj_right .p3 { margin-top: 10px; } .shopdp_tuijian ul li .dptj_right .p3 a{ width: 118px; height: 28px; line-height: 28px; border:1px solid #b92424; color: #b92424 ; text-align: center; display: inline-block; } .shopdp_tuijian ul li .dptj_right .p3 a:hover{ background: #b92424; color: #FFF;} /*最新加入*/ .shopdp_newadd{ width: 100%; height: auto; margin: 30px 0; background: #FFF;padding-top:25px; } .shopdp_newadd .shopdp_newcon{width: 1190px; height: auto; margin:0 auto; } .shopdp_newcon .shopdp_newcon_top{ width: 100%; height: 35px; line-height: 35px; font-size: 26px; color: #333333 } .shopdp_newcon_top .newcon_dp{ background: url("/shopstjinfengcom/shop/Themes/Default/images/dpbq.png") no-repeat 0 5px;padding-left: 45px; } .shopdp_newcon_top .newcon_gl{ font-size: 14px; float: right; color: #b92424 } .shopdp_newcon ul{overflow: hidden;border-left: 1px solid #EEE;border-top: 1px solid #EEE; width: 1191px; margin-top:20px;} .shopdp_newcon ul li{ width: 149px; height: 180px;padding:10px; float: left;border-right: 1px solid #eeeeee; border-bottom: 1px solid #eee; background: #FFF; } .shopdp_newcon ul li a{ display: inline-block; } .shopdp_newcon ul li img{ width: 149px; height: 149px; transition: all 0.5s ease 0s } .shopdp_newcon ul li p{ height: 35px; line-height: 35px; font-size: 16px; color: #666; font-weight: 500 } .shopdp_newcon ul li a:hover p{ color: #b92424 } .shopdp_newcon ul li a:hover img{opacity: 0.8;filter:alpha(opacity=80)} /*所有艺术品页面*/ .artwork{ width: 1190px; margin: 0 auto;} .artwork_nav{ width:100%; } .artwork_nav ul{ overflow:hidden; border-bottom: 1px solid #eeeeee; padding-bottom: 5px; } .artwork_nav ul li{width: 148.7px; float: left; text-align: center; height: 45px; line-height:45px} .artwork_nav ul li a{border:1px solid #FFF;padding: 2px 15px; border-radius:30px; color: #666666; font-size: 16px;} .artwork_nav ul li a:hover{border:1px solid #b92424; color:#b92424 } .artwork_nav ul li .gl{border:1px solid #b92424;color:#b92424} .zx_bzcen{ width:1190px; height:auto; margin:0 auto; overflow:hidden; } .zx_bzcen .zx_bz_l{ width: 690px; height:auto; float: left;padding:5px; } .zx_bzcen .zx_bz_l .zx_bz_eg{ width:688px; height:240px;border:1px solid #f1f1f1; box-shadow: 0px 0px 10px #E1E1E1; margin-bottom: 15px; } .zx_bzcen .zx_bz_l .zx_bz_eg .bz_eg_l{ width: 190px; float: left; } .zx_bz_eg .bz_eg_l p{ text-align: center;} .zx_bz_eg .bz_eg_l .p1{ width:100%; height: 75px; padding:20px 0 10px 0;} .zx_bz_eg .bz_eg_l .p1 img{ width: 75px; height: 75px; border-radius: 75px; } .zx_bz_eg .bz_eg_l .p2{padding:0 10px;padding-bottom: 5px; height: 40px; line-height: 40px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; } .zx_bz_eg .bz_eg_l .p2 a{font-size: 24px; color: #333} .zx_bz_eg .bz_eg_l .p3{ font-size: 14px; color: #333;padding-bottom:20px; } .zx_bz_eg .bz_eg_l .p4 a{ font-size: 14px; color: #b92424 } .zx_bz_eg .bz_eg_l .p4 a:hover{ text-decoration: underline; } .zx_bzcen .zx_bz_l .zx_bz_eg .bz_eg_r{ width: 498px; height: 240px; float: left; position: relative; } .zx_bzcen .zx_bz_l .zx_bz_eg .bz_eg_r a{ display: block; } .zx_bzcen .zx_bz_l .zx_bz_eg .bz_eg_r img{ width: 498px;height: 240px; } .zx_bzcen .zx_bz_l .zx_bz_eg .bz_eg_r .bz_eg_bg{ width: 100% ;height: 25px; background: #000; position: absolute; left: 0px; bottom:0px; opacity: 0.5;filter:alpha(opacity=50); z-index: 2} .zx_bzcen .zx_bz_l .zx_bz_eg .bz_eg_r .bz_eg_name{ width: 100%; height: 24px; line-height: 25px;position: absolute; left: 0px; bottom:0px; z-index: 3; text-indent: 1em; font-size: 12px; color: #FFF;} .zx_bzcen .zx_bz_l .zx_bz_eg .bz_eg_r a:hover .bz_eg_name{ color: #FFF } .zx_bzcen .zx_bz_r{ width: 460px; height:auto; float: right;} .zx_bz_xm { width: 458px; height: auto; border:1px solid #eeeeee;} .zx_bz_xm .zx_bz_xm_title{ font-size: 16px; color: #333; text-align: center; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; background: #f5f5f5} .zx_bz_xm ul{ overflow:hidden;margin:0 20px; padding: 17px 0; border-bottom:1px solid #eeeeee;} .zx_bz_xm ul li{ float: left; width: 99px; float:left; text-align: center;padding:0 20px; font-size: 18px; color: #b92424; letter-spacing: 1px;} .zx_bz_xm .zx_bz_xm_sm{padding:15px 25px; font-size: 14px; color: #666; line-height: 23px;} .zx_bz_newsadd{width: 458px; height: auto; border:1px solid #eeeeee; margin-top:20px;} .zx_bz_newsadd .zx_bz_newsadd_title{ font-size: 16px; color: #333; text-align: center; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; background: #f5f5f5} .zx_bz_newsadd ul{ overflow:hidden;padding: 5px 10px 20px 10px; } .zx_bz_newsadd ul li{ width:146px; float: left; text-align: center;padding-top: 15px; } .zx_bz_newsadd ul li a{ display: block; } .zx_bz_newsadd ul li a img{ width: 120px; height: 120px; border-radius: 60px; transition: all 0.5s ease 0s;opacity: 0.8;filter:alpha(opacity=80) } .zx_bz_newsadd ul li a p{ height: 25px; line-height: 25px; font-size: 15px; color: #333333; } .zx_bz_newsadd ul li a:hover img{ opacity: 1 ;filter:alpha(opacity=100)} .zx_bz_newsadd ul li a:hover p{ color: #dd2c2c } .zx_bz_banada{width: 458px; height: 210px; margin-top: 20px;} .zx_bz_banada img{ width: 458px; height: 210px; } .swiper-container {width: 100%; height: 100%;} .swiper-slide {background-position: center; background-size: cover;} .zx_bz_like{ width: 458px; height: auto; margin-top:20px; } .zx_bz_like .zx_bz_like_title{ font-size: 16px; color: #333; text-align: center; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; background: #f5f5f5} .zx_bz_like_cen{ width: 457px; height: auto; border-top:1px solid #eeeeee; border-left:1px solid #eeeeee;} .zx_bz_like_cen ul{ overflow:hidden; } .zx_bz_like_cen ul li{ width:151px; height: 200px; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; float: left; } .zx_bz_like_cen ul li .zx_bz_like_img{ width: 140px; height: 140px; padding: 5px 5px 8px 5px; } .zx_bz_like_cen ul li .zx_bz_like_img a{ width: 140px; height: 140px; display: block; background: #f5f5f5; display: table-cell; vertical-align: middle; text-align: center; } .zx_bz_like_cen ul li .zx_bz_like_img img{ max-width: 135px; max-height: 135px; transition: all 0.5s ease 0s; } .zx_bz_like_cen ul li .zx_bz_like_img a:hover img{ opacity: 0.7; filter:alpha(opacity=70) } .zx_bz_like_cen ul li p{ height: 22px; line-height: 22px; font-size: 14px; color: #dd2c2c; padding-left: 10px; } .zx_bz_like_cen ul li p a{ color: #333;} /*搜索店铺模块*/ .dp_list{ width: 1190px; margin: 0 auto; } .dp_list .dp_list_top{ width: 100%; height: 38px; border: 1px solid #eeeeee; background: #f5f5f5; padding-left:10px; } .dp_list .dp_list_top a{border:1px solid #eee; /*width: 70px;*/ height: 25px; line-height: 25px; display: inline-block; margin: 3px 5px 0px 5px; background: #FFF; text-align: center; padding: 2px 15px; } .dp_list .dp_list_top a i{ width: 13px; height:12px; display: inline-block; background: url("/shopstjinfengcom/shop/Themes/Default/images/dp_down.png") no-repeat; float: right; margin-top:6px} .dp_list .dp_list_top .gl{ background: #c40000; color: #FFF} .dp_list .dp_list_bottom{ width:100%; padding-bottom: 30px;} .dp_list_bottom_con .dp_list_eg{ border-bottom: 1px solid #eee; } .dp_list_eg .dp_list_eg_top{ width: 1190px; overflow:hidden; height: 160px; } .dp_list_eg .dp_list_eg_top .eg_top_img{ width:97px; height: 97px; float: left;padding:30px 0 30px 40px; } .dp_list_eg .dp_list_eg_top .eg_top_img img{width:97px; height: 97px; } .dp_list_eg .dp_list_eg_top .eg_top_dpzl{ width: 255px; height: 97px; float: left;padding-left: 30px;padding:30px } .dp_list_eg .dp_list_eg_top .eg_top_dpzl .p1{ font-size: 16px; color: #333; height: 20px; line-height: 20px;padding-bottom: 15px; font-weight: 600 } .dp_list_eg .dp_list_eg_top .eg_top_dpzl .p2{ font-size: 14px; color: #666; height: 22px; line-height: 22px; } .dp_list_eg .dp_list_eg_top .eg_top_pj{ margin-top: 50px; width: 480px; float: left; } .dp_list_eg .dp_list_eg_top .eg_top_pj ul{ overflow:hidden; } .dp_list_eg .dp_list_eg_top .eg_top_pj ul .gl{ font-weight: 600; } .dp_list_eg .dp_list_eg_top .eg_top_pj ul .gl p{ color: #333 } .dp_list_eg .dp_list_eg_top .eg_top_pj ul .gl .p1{color: #b92424} .dp_list_eg .dp_list_eg_top .eg_top_pj ul li{ float: left; width: 120px; text-align: center; } .dp_list_eg .dp_list_eg_top .eg_top_pj ul li p{ font-size: 14px; color: #666666; height: 25px; line-height: 25px; } .dp_list_eg .dp_list_eg_top .eg_top_cz{ float: right; width: 180px;margin-right: 20px;} .dp_list_eg .dp_list_eg_top .eg_top_cz .jdgg{ width: 180px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #FFF; background: #ff7700; display: block; margin-top: 50PX; } .dp_list_eg .dp_list_eg_top .eg_top_cz .jdgg a{ display: block; color: #FFF; } .dp_list_eg .dp_list_eg_top .eg_top_cz .ckgd{ width: 178px; height:28px;border:1px solid #eee; display: block; line-height: 28px; text-align: center; font-size: 14px; color: #333333;margin-top:41px;border-bottom: 0px; background: #f5f5f5} .dp_list_eg .dp_list_eg_top .eg_top_cz .ckgd a{ display: block; color: #333 } .dp_list_eg .dp_list_eg_top .eg_top_cz .ckgd i{ width: 20px; height: 9px; background: url("/shopstjinfengcom/shop/Themes/Default/images/icon_expand_down.png") no-repeat 4px 0; display: inline-block;} .dp_list_eg_bottom{width: 1070px; background: #f5f5f5 ; height: 300px; margin-left: 140px;padding-top: 20px; display: none;border-top: 1px solid #eee} .dp_list_eg_bottom ul { background: #FFF; width: 1030PX; height: 240PX; margin-left: 20px;border:1px solid #eee; border-right: 0px; overflow:hidden; } .dp_list_eg_bottom ul li{ width: 165px; height: 230px;padding:5px 20px;border-right: 1px solid #EEE; float: left; } .dp_list_eg_bottom ul li a{ display: block; } .dp_list_eg_bottom ul li .dp_list_eg_bottom_img{ width: 165px; height: 160px; display: table-cell; vertical-align: middle; text-align: center; background: #F5F5F5 } .dp_list_eg_bottom ul li .dp_list_eg_bottom_img img{ max-width: 165px; max-height: 160px; } .dp_list_eg_bottom ul li .p1{ height: 30px; line-height: 30px; font-size: 14px; color: #000; padding-top:8px; } .dp_list_eg_bottom ul li .p2{ height:25px; line-height: 25px; font-size: 16px; color: #b92424;} .dp_list_eg_bottom_gd{ float: right; font-size: 14px; color: #333; width: 140px; height: 25px; line-height: 25px; display: block; padding-top: 15px; }