/*左侧*/ .sortnav{height: 419px;margin-top: 14px;} .sortnav_l{width: 200px;height: 419px;background-color: #ff420f;font-size: 16px;} .sortnav_l a{color: #fff;} .sortnav_l table tr{border-bottom: 1px solid #ea3305;} .sortnav_l table tr:last-child{border: 0;} .sortnav_l table tr td{width: 100px;height: 69px;text-align: center;cursor: pointer;} .sortnav_l table tr td:first-child{border-right: 1px solid #ea3305;} .sortnav_l table tr td a i{display: block;width: 21px;height: 20px;background: url(/uploads/image/sfqimg/icon.png) no-repeat;background-position-y: -134px;margin: 0 auto;margin-bottom: 4px;} .sortnav_l i.sortl_i_nv{background-position-x: -16px;} .sortnav_l i.sortl_i_nan{background-position-x: -51px;} .sortnav_l i.sortl_i_baby{background-position-x: -85px;} .sortnav_l i.sortl_i_bra{background-position-x: -119px;} .sortnav_l i.sortl_i_makeup{background-position-x: -153px;} .sortnav_l i.sortl_i_jujia{background-position-x: -188px;} .sortnav_l i.sortl_i_shoebag{background-position-x: -221px;} .sortnav_l i.sortl_i_peis{background-position-x: -256px;} .sortnav_l i.sortl_i_food{background-position-x: -292px;} .sortnav_l i.sortl_i_went{background-position-x: -326px;} .sortnav_l i.sortl_i_camera{background-position-x: -361px;} .sortnav_l i.sortl_i_tv{background-position-x: -394px;} .sortnav_l table tr td:hover{background: #fff;} .sortnav_l table tr td:hover a{color: #ff420f;} .sortnav_l table tr td:hover a i{background-position-y:-109px; } /*右侧*/ .sortnav_r{width: 986px;height: 419px;position: relative;} /*右侧上部分*/ .up_r img{display: block;width: 50px;height: 50px;border-radius: 25px;margin: 0 auto;} .up_r .login,.up_r .personal_center{width: 180px;height: 129px;border-bottom: 1px solid rgba(0,0,0,.1);text-align: center;padding-top: 23px;} /*登录*/ .sortnav_r .up_part{height: 306px;} .sortnav_r .up_part .up_r{width: 180px;height: 300px;padding: 0 20px;background-color: #fff;font-family: '微软雅黑';font-size: 12px;} .up_r .login span{display: block;color: #686868;margin: 9px 0;} .up_r .login a{display: inline-block;width: 80px;height: 26px;line-height: 26px;border: 1px solid #ff420f;font-family: '微软雅黑';font-size: 12px;border-radius: 3px;cursor: pointer;outline: none;} .up_r .login a:hover{opacity: .95;} .up_r .login a:active{opacity: .9;} .up_r .login .login_btn{background: #ff420f;color: #fff;margin-right: 12px;} .up_r .login .reg_btn{background: #fff;color: #ff420f;} /*登录后*/ .up_r .personal_center div{margin-top: 9px;font-size: 12px;color: #686868;} .up_r .personal_center div span{color: #212121;font-weight: bold;} .up_r .personal_center button{width: 108px;height: 26px;border: 1px solid #ff420f;outline: none;background: #fff;color: #ff420f;cursor: pointer;font-size: 12px;border-radius: 3px;margin-top: 9px;font-family: '微软雅黑';} .up_r .personal_center button a{color: #ff420f;cursor: pointer;} .up_r .personal_center button:hover{border:1px solid rgba(255, 66, 15, 0.68);} /*签到*/ .up_r .signin{width: 180px;height: 153px;text-align: center;} .up_r .signin i{display: block;width: 118px;height: 67px;margin: 0 auto;margin-top: 23px;margin-bottom: 9px;background: url(/uploads/image/sfqimg/icon.png) no-repeat;background-position: -316px -10px;} .up_r .signin button{width: 82px;height: 26px;border: 1px solid #ff420f;font-family: '微软雅黑';font-size: 12px;border-radius: 3px;cursor: pointer;outline: none;background: #ff420f;color: #fff;} .up_r .signin button:hover{opacity: .95;} .up_r .signin button:active{opacity: .9;} /*右侧下部分*/ .down_part{width: 996px;height: 105px;position: absolute;bottom: 0;} .down_part img{width: 322px;height: 103px;border: 1px solid rgba(255,255,255,0);border-top-right-radius:5px; border-bottom-right-radius:5px; margin-right: 8px;} .down_part li:nth-child(1) img:hover{border: 1px solid #f0b868;} .down_part li:nth-child(2) img:hover{border: 1px solid #85bdf2;} .down_part li:nth-child(3) img:hover{border: 1px solid #f285a4;} /* 品牌特卖 */ .brandsalediv{height: 423px;} .brand-top{height: 20px;position: relative;} .brand-top i.i_brand{display: block;width: 180px;height: 20px;background: url(/uploads/image/sfqimg/icon.png) no-repeat;background-position: -974px -19px;margin-top: 30px;} .brand-top a{font-size: 14px;color: #686868;position: absolute;right: 0;top: 0;} .brand_l{width: 966px;height: 390px;margin-top: 15px} .brand_r{width: 234px;height: 390px;margin-top: 15px;} .brand_r table{width: 234px;height: 390px;} .brand_r td{width: 77px;height: 77px;border: 1px solid #eee;cursor: pointer;background-color: #ffffff;} .brand_r td:hover{border: 1px solid #ddd;} .brand_r td img{max-width: 78px;} /* 今日新品 */ .todnewdiv i.i_todnew{display: block;width: 190px;height: 20px;background: url(/uploads/image/sfqimg/icon.png) no-repeat;background-position: -974px -59px;margin-top: 30px;} /* 友情链接 */ .friend-link{width: 1140px;margin: 0 auto;margin-bottom: 30px;background: #fff;text-align: center;padding: 10px 30px 30px 30px;} .friend-link i.i_fl_img{display: block;width: 183px;height: 19px;background: url(/uploads/image/sfqimg/icon.png) no-repeat -465px -24px;margin: 0 auto;margin-top: 10px;margin-bottom: 20px;} .friend-link a{display: inline-block;font-size: 12px;margin-right: 24px;color: #686868;} .friend-link a:hover{color: #ff420f;text-decoration: underline;} .top_bar{background-color: #f7f7f7;height:300px;overflow: hidden;width: 750px;height:300px;float:left} .top_bar .banner{ position:relative;height:300px;width: 750px;z-index: 0;overflow: hidden;} .top_bar .banner li{padding-left:0px;display:block !important;width: 100%;position:absolute;top:0;left;0;z-index:0;opacity:0;filter:alpha(opacity=0);} .top_bar .banner .pic{height:300px;display:block;margin:0 auto;} .top_bar {height: 300px;} .top_bar .banner {position: relative;height: 300px;} .top_bar .banner .pic {height: 300px;} .top_bar .banner_arrow {display: none;position: absolute;} .top_bar .banner_arrow .arrow_prev,.banner_arrow .arrow_next {background-color: rgba(0, 0, 0, 0.2);color: #fff;display: block;height: 45px;line-height: 45px;overflow: hidden;position: absolute;top: -170px;width: 29px;z-index: 12;} .top_bar .banner_arrow .arrow_prev{left:0px;} .top_bar .banner_arrow .arrow_next{right:-750px;} .top_bar .banner_arrow .arrow_prev:hover,.banner_arrow .arrow_next:hover {background-color: rgba(0, 0, 0, 0.4);} .top_bar .banner_arrow .arrow_prev i,.banner_arrow .arrow_next i {background:url(/uploads/image/sfqimg/arrow.png) no-repeat;cursor: pointer;display: block;height: 21px;margin: 12px 0 0 9px;overflow: hidden;width: 13px;} .top_bar .banner_arrow .arrow_prev i{background-position:top left;} .top_bar .banner_arrow .arrow_next i{background-position:top right;} .top_bar .round {position: absolute;margin-right:-100px;top: 250px;width:200px;right: 60%;} .top_bar .round .adtype {text-align:center;} .top_bar .round .adtype a {background:#e2e2e2;border-radius: 10px;cursor: pointer;display: inline-block;height: 10px;margin-right:7px;width: 10px;overflow:hidden;} .top_bar .round .adtype a.current {background:#ff2d5e;} body { font: 14px/1.5 helvetica,hiragino sans gb,microsoft yahei,sans-serif; } .home-page .hp-head .hph_1 dd a:hover,body .new_home .com-footer a:hover,body .new_home .rec_word a:hover { text-decoration: underline } .home-page .hp_content .hpc_l .cent .list:hover .img,.home-page .hp_content .hpc_l .cent .list_bt .list:hover .goods_img img,.home-page .hp_content .hpc_l .cent .list_top .list:hover .center_img img,.home-page .hp_content .hpc_r .list:hover .img,.home-page .swiper-slide:hover img { opacity: .85 } .home-page .hp-head .hph_3 .rc .tit .tit_dec,.home-page .hp-head .hph_3 .rc ul li a,.home-page .hp_content .hpc_l .cent .list .content .co_tit,.home-page .hp_content .hpc_l .cent .list_bt .list p,.home-page .hp_content .hpc_r .desc p,.home-page .hp_content .hpc_r .desc span,.home-page .hp_content .hpc_r .tit .dec,.home-page .hp_qlist .list_cent .goods_list .content .co_tit,.new_comp.goods-list ul li .goods-padding .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .home-page { width: 1200px; margin: 0 auto } .home-page .swiper-slide img { width: 100%; height: 100% } .home-page .hp-head { display: flex; width: 100%; height: 378px; margin-bottom: 20px; background: #f6f6f6 } .home-page .hp-head .hph_1 { width: 220px; background: #fff; padding: 5px 12px; box-sizing: border-box } .home-page .hp-head .hph_1 dt.tit { color: #555; font-size: 15px; line-height: 30px } .home-page .hp-head .hph_1 dt.tit .ico { width: 16px; height: 16px; position: relative; top: 2px; left: -5px } .home-page .hp-head .hph_1 dd { margin: 0 0 5px 15px; display: flex; flex-wrap: wrap; max-height: 44px; overflow: hidden } .home-page .hp-head .hph_1 dd a { color: #888; display: block; line-height: 22px; margin: 0 8px 0 0 } .home-page .hp-head .hph_1 dd a.act { color: #fe2e54 } .home-page .hp-head .hph_2 { width: 670px } .home-page .hp-head .hph_3 { width: 310px } .home-page .hp-head .hph_2 .banner-center { width: 100%; height: 268px } .home-page .hp-head .hph_2 .banner-center .swiper-pagination { text-align: right; padding-right: 20px; box-sizing: border-box } .home-page .hp-head .hph_2 .banner-center .swiper-pagination-bullet-active { background: #fff } .home-page .hp-head .hph_2 .cb { display: flex } .home-page .hp-head .hph_2 .cb .swiper-container { height: 110px; width: 222px; margin-left: 1px } .home-page .hp-head .hph_3 .swiper-container.rt { width: 100%; height: 150px } .home-page .hp-head .hph_3 .rc { width: 100%; height: 118px; background: #fff; overflow: hidden; padding: 10px; box-sizing: border-box } .home-page .hp-head .hph_3 .rc .tit { font-size: 16px; font-weight: 700; color: rgba(85,85,85,1); line-height: 18px; display: flex; margin: 5px 0 } .home-page .hp-head .hph_3 .rc .tit i { width: 4px; min-width: 4px; height: 18px; display: block; background: linear-gradient(285deg,rgba(254,46,84,1) 0,rgba(255,119,119,1) 100%); margin-right: 8px } .home-page .hp-head .hph_3 .rc .tit .tit_font .font_img { height: 18px } .home-page .hp-head .hph_3 .rc .tit .tit_font .ico { width: 26px; height: 13px; position: relative; top: -10px; display: inline-block } .home-page .hp-head .hph_3 .rc .tit .tit_dec { font-size: 14px; color: #929292; margin-left: 10px; line-height: 18px; font-weight: 400 } .home-page .hp-head .hph_3 .rc ul { height: 68px; overflow: hidden } .home-page .hp-head .hph_3 .rc .notice { height: 80px; overflow: hidden } .home-page .hp-head .hph_3 .rc ul li { display: flex; justify-content: flex-start; margin: 12px 0 } .home-page .hp-head .hph_3 .rc ul li i { display: block; height: 18px; background: linear-gradient(90deg,rgba(255,170,147,1) 0,rgba(255,138,59,1) 100%); border-radius: 7px; font-size: 12px; color: #fff; line-height: 18px; text-align: center; white-space: nowrap; padding: 0 5px; margin: 0 7px 0 0 } .home-page .hp-head .hph_3 .rc ul li a { height: 19px; font-size: 14px; color: rgba(85,85,85,1); line-height: 19px; box-sizing: border-box; margin: 0 7px 0 0 } .home-page .hp-head .hph_3 .rc ul li:hover a { color: #f66046 } .home-page .hp-head .hph_3 .rc ul li span { font-size: 13px; color: rgba(255,64,133,1); white-space: nowrap } .home-page .hp-head .hph_3 .swiper-container.rb { width: 100%; height: 110px } .swiper-pagination { display: block; } .swiper-button-next:hover,.swiper-button-prev:hover { opacity: .5 } .swiper-button-prev { left: 0; background: url(/uploads/image/sfqimg/pre.png) center; background-size: 100% 100%; display: block } .swiper-button-next { right: 0; background: url(/uploads/image/sfqimg/next.png) center; background-size: 100% 100%; display: block } .swiper-button-next.show,.swiper-button-prev.show { display: block } .home-page .hp-topic { height: 40px; line-height: 40px; width: 100%; color: #ff8484; font-size: 14px; padding: 0 12px; box-sizing: border-box; background: rgba(255,248,248,1); border-radius: 5px; border: 1px solid rgba(255,231,230,1); margin: -8px 0 12px } .home-page .hp-topic span { font-weight: 700 } .home-page .hp-topic .lb img { width: 14px; height: 12px; position: relative; top: 1px; margin: 0 12px 0 5px }