body { -ms-text-size-adjust : 100% !important ; -webkit-text-size-adjust : 100% !important ; background-position : left top ; text-size-adjust : 100% !important ; } #image_logo_1482904878155 { display : block ; height : 170px ; left : 0% ; position : absolute ; top : 0px ; width : 51.88470066518847% ; z-index : 2 ; } #image_style_01_1573543727572 { height : 173px ; left : 57.261183110367895% ; position : absolute ; top : 0px ; width : 19.21470342522974% ; z-index : 1 ; } #image_style_01_1573543727572 > .view_contents { overflow : visible ; } #text_style_01_1573544190170 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 73.57859531772576% ; line-height : 1.8 ; position : absolute ; top : 101px ; width : 26.48019127538322% ; z-index : 2 ; } #text_style_01_1573544190170 > .view_contents { color : #3E1CFF ; font-size : 32px ; font-weight : bold ; } #diy_none_obj > .view_contents { box-sizing : border-box ; font-size : 19px ; font-size : 18px ; } #text_style_01_1573544130345 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 73.57859531772574% ; line-height : 1.8 ; position : absolute ; top : 43px ; width : 13.30418488444722% ; z-index : 2 ; } #text_style_01_1573544130345 > .view_contents { color : #333333 ; font-size : 20px ; } #div_a_includeBlock_1573805201077 { height : 173px ; left : 0.2552083333333333% ; position : absolute ; top : 0px ; width : 99.66666666666667% ; } #div_a_includeBlock_1573805201077 > .view_contents { overflow : visible ; } #banner_style_01_1573545685601 { height : 507px ; left : -28.916666666666668% ; position : absolute ; top : 206px ; width : 159.16666666666666% ; } #div_blank_1482925175430 { background : #3e1cff ; box-sizing : border-box ; display : block ; height : 44px ; left : -28.916666666666668% ; position : absolute ; top : 180px ; width : 158.83333333333334% ; z-index : 2 ; } #div_blank_1482925175430 > .view_contents { overflow : visible ; } #diy_none_obj { box-sizing : border-box ; height : 290px ; } #dh_style_04_1482905595620 { background : #3e1cff ; display : block ; left : 0.2916666666666667% ; position : absolute ; top : 180px ; width : 99.41666666666666% ; z-index : 10000 ; } #dh_style_04_1482905595620 > .view_contents { overflow : visible ; } #dh_style_04_1482905595620 .columnSet { background : #070707 ; } #dh_style_04_1482905595620 #hot > a { background : #14296a ; } #dh_style_04_1482905595620 .mainMenuSet { background : #3e1cff ; } #dh_style_04_1482905595620 .mainMenuSet:hover { background : #14296a ; } #comm_layout_header { display : block ; height : 715px ; } #comm_layout_header > .view_contents { max-width : 1200px ; overflow : visible ; } #layout_1483515710767 { height : 2px ; } #homelink_style_04_1573564622024 { left : 2.5416666666666665% ; position : absolute ; top : 7px ; width : 33.33333333333333% ; } #homelink_style_04_1573564622024 > .view_contents { overflow : visible ; } #homelink_style_04_1573564622024 .tabItemSet.tabCurItem { background : #3e1cff ; } #layout_1483515986504 { display : block ; height : 52px ; } #layout_1483515986504 > .view_contents { max-width : 1200px ; } #productList_style_01_1483516162548 { left : 24.541666666666668% ; position : absolute ; top : 17px ; width : 73.16666666666667% ; } #productList_style_01_1483516162548 > .view_contents { overflow : visible ; } #productList_style_01_1483516162548 .modSet { height : 220px ; } #productList_style_01_1483516162548 .imgSet { background : #ffffff ; } #productList_style_01_1483516162548 .titleSet { text-align : center ; } #productList_style_01_1483516162548 #pagecurSet { background : #3e1cff ; } #productList_style_01_1483516162548 .btnaSet { background : #3e1cff ; height : 26px ; line-height : 50px ; } #productList_style_01_1483516162548 .priceSet { color : #3E1CFF ; } #productList_style_01_1483516162548 .vipSet { color : #3E1CFF ; } #productList_style_01_1483516162548 .zhekouSet { color : #3E1CFF ; } #productList_style_01_1483516162548 .unitSet { color : #3E1CFF ; } #productList_style_01_1483516162548 .page_btn .pageSet:hovert { background : #3e1cff ; } #productList_style_01_1483516162548 .page_btn .pageSet:hover { background : #3e1cff ; } #prodKind_style_04_1573561869826 { left : 2.458333333333333% ; position : absolute ; top : 136px ; width : 20.5% ; } #prodKind_style_04_1573561869826 > .view_contents { overflow : visible ; } #div_blank_new01_1573561889876 { box-sizing : border-box ; height : 116px ; left : 2.458333333333333% ; position : absolute ; top : 17px ; width : 20.5% ; } #div_blank_new01_1573561889876 .modSet { background : #1429a0 ; } #text_style_01_1573562035821 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 3.958333333333333% ; line-height : 1.8 ; position : absolute ; top : 32px ; width : 11.5% ; } #text_style_01_1573562035821 > .view_contents { color : #FFFFFF ; font-size : 30px ; font-weight : bold ; } #text_style_01_1573562076943 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 6.708333333333333% ; line-height : 1.8 ; position : absolute ; top : 81px ; width : 15.166666666666668% ; } #text_style_01_1573562076943 > .view_contents { color : #FFFFFF ; font-size : 16px ; } #layout_1483516255182 { height : 610px ; } #layout_1483516255182 > .view_contents { max-width : 1200px ; } #layout_1578916289746 { height : 300px ; } #layout_1578916289746 > .view_contents { max-width : 1200px ; overflow : visible ; } #dh_style_01_1483001866850 { color : #000000 ; display : block ; left : 28.541666666666664% ; position : absolute ; top : 59px ; width : 64.58333333333334% ; z-index : 999 ; } #dh_style_01_1483001866850 > .view_contents { overflow : visible ; } #dh_style_01_1483001866850 .columnSet { color : #000000 ; } #dh_style_01_1483001866850 .mainMenuSet { color : #FFFFFF ; } #dh_style_01_1483001866850 #hot > a { color : #FFFFFF ; } #dh_style_01_1483001866850 #hot > a:hover { color : #0938F2 ; } #dh_style_01_1483001866850 .mainMenuSet:hover { color : #0938F2 ; } #text_style_02_1483002379931 { color : #333 ; display : block ; font-family : microsoft yahei ; font-size : 12px!important ; left : 32.5% ; line-height : 50px ; position : absolute ; top : 124px ; width : 50.5% ; } #text_style_02_1483002379931 > .view_contents { box-sizing : border-box ; color : #FFFFFF ; line-height : 33px ; } #image_style_01_1578915356114 { height : 240px ; left : 8.791668256123861% ; position : absolute ; top : 4.666656494140625px ; width : 19.75% ; } #image_style_01_1578915356114 > .view_contents { overflow : visible ; } #text_style_01_1606980615306 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 93.58333333333333% ; line-height : 1.8 ; position : absolute ; top : 67px ; width : 6.416666666666666% ; } #text_style_01_1606980615306 > .view_contents { color : #FFFFFF ; } #comm_layout_footer { background : #282828 ; height : 244.66665649414062px ; } #comm_layout_footer > .view_contents { max-width : 1200px ; overflow : visible ; } .logoStyle * { box-sizing : border-box ; } .logoStyle { box-sizing : border-box ; height : 100% ; overflow : hidden ; width : 100% ; } .logoStyle > a { display : block ; height : 100% ; overflow : hidden ; width : 100% ; } .logoName { white-space : nowrap ; } .imgStyle { box-sizing : border-box ; font-size : 0 ; height : 100% ; overflow : hidden ; width : 100% ; } #image_style_01_1573543727572 .CompatibleImg img { -moz-transform : translate(-50%,0) ; -ms-transform : translate(-50%,0) ; -o-transform : translate(-50%,0) ; -webkit-transform : translate(-50%,0) ; height : 100% ; left : 50% ; position : relative ; top : 0 ; transform : translate(-50%,0) ; width : auto ; } #image_style_01_1573543727572 a { cursor : default ; } .imgStyle > a { height : 100% ; overflow : hidden ; width : 100% ; } .imgStyle img { box-sizing : border-box ; } .bannerStyle_1 { height : 100% ; position : relative ; width : 100% ; } .bannerStyle_1 .main_visual { height : 100% ; overflow : hidden ; position : relative ; } .bannerStyle_1 .main_image { height : 100% ; overflow : hidden ; position : relative ; } .bannerStyle_1 div.flicking_con { bottom : 20px ; height : 14px ; left : 0 ; position : absolute ; text-align : center ; width : 100% ; z-index : 999 ; z-index : 105 ; } .bannerStyle_1 div.flicking_con a { background : none ; border : 1px solid white ; border-radius : 100% ; box-sizing : border-box ; display : inline-block ; height : 14px ; margin : 0 3px ; padding : 0 ; width : 14px ; } .bannerStyle_1 div.flicking_con a.on { background : white ; border : 0 ; } .bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next { -moz-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; color : #999 ; display : none ; font-family : simsun,'宋体' ; font-size : 60px ; line-height : 1 ; padding : 0 20px ; position : absolute ; text-align : center ; top : 50% ; transform : translateY(-50%) ; z-index : 11111 ; } .bannerStyle_1 .btn_prev { left : 0 ; } .bannerStyle_1 .btn_next { right : 0 ; } .bannerStyle_1 .arrowSet .awesome-font { display : none ; } .bannerStyle_1 .arrowSet .awesome-font:before { box-sizing : border-box ; padding : 0 3px ; } .bannerStyle_1 .ground_glass { background-color : #FFF ; display : none ; height : 100% ; left : 0 ; opacity : 0 ; position : absolute ; top : 0 ; width : 100% ; z-index : 998 ; } .bannerStyle_1 .main_image .img-list { height : 100% ; left : 0 ; overflow : hidden ; position : absolute ; top : 0 ; width : 100% ; } .bannerStyle_1 .main_image .img-item { display : block ; height : 100% ; position : absolute ; top : 0 ; width : 100% ; } .bannerStyle_1 .main_image .img-item span { background-size : cover !important ; display : block ; height : 100% ; width : 100% ; } .bannerStyle_1 .main_image .img-item a { box-sizing : border-box ; display : block ; height : 100% ; overflow : hidden ; width : 100% ; } .bannerStyle_1.rotate-3d .img-part { background-color : #FFF ; height : 100% ; position : absolute ; top : 0 ; transform-style : preserve-3d ; transition : all .7s ; width : calc(20% + 1px) ; } .bannerStyle_1.rotate-3d .img-part .img { background-size : 500% auto ; height : 100% ; position : absolute ; width : 100% ; } .bannerStyle_1.rotate-3d .img-part .img:nth-child(1) { transform : rotateX(0deg) translateZ(150px) ; } .bannerStyle_1.rotate-3d .img-part .img:nth-child(2) { transform : rotateX(-90deg) translateZ(150px) ; } .bannerStyle_1.rotate-3d .img-part .img:nth-child(3) { transform : rotateX(-180deg) translateZ(150px) ; } .bannerStyle_1.rotate-3d .img-part .img:nth-child(4) { transform : rotateX(-270deg) translateZ(150px) ; } .img_url { display : block ; height : 100% ; left : 0 ; position : absolute ; top : 0 ; width : 100% ; z-index : 100 ; } #banner_style_01_1573545685601 .bannerStyle_1 .main_image .img-item .img_0 { background : url('https://cdn.yun.sooce.cn/4/55325/jpg/163548030404844e557f1758d397a.jpg?version=0') center top no-repeat ; } #banner_style_01_1573545685601 .bannerStyle_1 .main_image .img-item .img_1 { background : url('https://cdn.yun.sooce.cn/4/55325/jpg/1635480331088d975607658e9c3a1.jpg?version=0') center top no-repeat ; } #banner_style_01_1573545685601 .bannerStyle_1 .main_image .img-item .img_2 { background : url('https://cdn.yun.sooce.cn/4/55325/jpg/15965378685985039762654c7afa3.jpg') center top no-repeat ; } #banner_style_01_1573545685601 .bannerStyle_1 .main_image .img-item span { background-size : 100% auto!important ; } #banner_style_01_1573545685601 .hide_img { display : none ; vertical-align : top ; width : 100% ; } #banner_style_01_1573545685601 .bannerStyle_1 .main_image .img-item a { position : relative ; z-index : 10 ; } #banner_style_01_1573545685601 .main_image li img { height : auto ; width : 100% ; } .menuStyle_4 { position : relative ; width : 100% ; } .menuStyle_4 * { -moz-transition : all ease .3s ; -o-transition : all ease .3s ; -webkit-transition : all ease .3s ; box-sizing : border-box ; transition : all ease .3s ; } .menuStyle_4 .dflex { -ms-flex-align : center ; -webkit-align-items : center ; -webkit-box-align : center ; align-items : center ; display : -webkit-box ; display : -ms-flexbox ; } .menuStyle_4 .rflex { -ms-flex : 1 ; -webkit-box-flex : 1 ; -webkit-flex : 1 ; flex : 1 ; float : left\0 ; } .menuStyle_4 ul, .menuStyle_4 li { list-style : none ; margin : 0px ; padding : 0 ; } .menuStyle_4 .menuLayout { margin : 0 auto ; position : relative ; width : 100% ; } .menuStyle_4 .menuLayout:after { clear : both ; content : '' ; display : block ; } .menuStyle_4 .menuUl_box { background : #62b3ea ; position : relative ; text-align : center ; width : 100% ; } .menuStyle_4 .menuUl { position : relative ; text-align : center ; width : 100% ; } .menuStyle_4 .menuUl li > a { box-sizing : border-box ; color : #FFF ; display : block ; font-size : 14px ; height : 44px ; letter-spacing : normal ; line-height : 44px ; padding : 0 1em\0 ; text-align : center ; text-decoration : none ; white-space : nowrap ; } .menuStyle_4 .menuUl li > a:hover { background : rgba(64, 72, 77, 0.25) ; color : #FFF ; } .menuStyle_4 .menuUl #hot > a { background : rgba(64, 72, 77, 0.2) ; color : #FFF ; } .menuStyle_4 .menuLayout .miniMenu { display : none ; } .menuStyle_4 .menuUl02 { background : #5a99c3 ; display : none ; height : 0 ; left : 0 ; opacity : 0 ; position : absolute ; width : 100% ; } .menuStyle_4 .menuUl .rflex:hover .menuUl02 { display : block ; height : auto ; opacity : 1 ; } .menuStyle_4 .menuUl02 .subMenu02 { float : left ; } .menuStyle_4 .menuUl02 .subMenu02 a { color : #FFF ; overflow : hidden ; padding : 0 15px ; text-overflow : ellipsis ; white-space : nowrap ; } #dh_style_04_1482905595620 .menuUl .rflex:hover .menuUl02 { width : auto ; } #dh_style_04_1482905595620.clearTransform { transform : none!important ; } #dh_style_04_1482905595620 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; } .homelink_style04 { white-space : nowrap ; width : 100% ; } .homelink_style04 .home-icon { background : rgb(238,244,251) ; box-sizing : border-box ; display : inline-block ; height : 40px ; line-height : 40px ; padding : 10px 15px ; position : relative ; text-align : center ; transform : skewX(-15deg) ; vertical-align : middle ; width : 50px ; z-index : 999 ; } .homelink_style04 .bbx-iconfont { background : rgb(238,244,251) ; color : #666666 ; display : inline-block ; font-size : 20px ; height : 40px ; position : relative ; text-align : center ; transform : skewX(-15deg) ; vertical-align : middle ; width : 50px ; z-index : 999 ; } .homelink_style04 .bbx-new-font { -moz-box-sizing : border-box ; -webkit-box-sizing : border-box ; align-items : center ; box-sizing : border-box ; color : inherit ; display : flex ; font : inherit ; height : 100% ; justify-content : center ; transform : skewX(15deg) ; } .homelink_style04 .home-icon img { transform : skewX(15deg) ; vertical-align : top ; width : 100% ; } .homelink_style04 .link_ul { display : inline-block ; } .homelink_style04 .link_li { display : inline-block ; position : relative ; vertical-align : middle ; } .homelink_style04 .link_li > a { background : #fff ; box-sizing : border-box ; color : #333 ; display : inline-block ; font-size : 14px ; height : 40px ; line-height : 40px ; padding : 0 20px ; transform : skewX(-15deg) ; vertical-align : middle ; } .homelink_style04 .link_li > a span { display : block ; transform : skewX(15deg) ; } .homelink_style04 .link_li.on > a { background : #08f ; color : #FFF ; } .homelink_style04 .getImg2 { background : url(../img/homelink/style_04/icon2.png) no-repeat center ; } #homelink_style_04_1573564622024 .breadcrumb > li + li:before { content : "/\00a0"; } #homelink_style_04_1573564622024 .hasBefore:before{ content: '/'; color: #666; position: absolute; left: 0; top: 50%; transform: translateY(-50%) skewX(15deg); -webkit-transform: translateY(-50%) skewX(15deg); -moz-transform: translateY(-50%) skewX(15deg); -o-transform: translateY(-50%) skewX(15deg);} #homelink_style_04_1573564622024 .home-icon{width: px;} @media screen and (min-width:641px) and (max-width:1200px) { #homelink_style_04_1573564622024 .home-icon{width: px;} } @media screen and (max-width:640px) { #homelink_style_04_1573564622024 .home-icon{width: px;} } .prod_default{width:100%; clear: both;} .prod_default *{transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; box-sizing: border-box;} .prod_default ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:wrap; justify-content:space-between;} .prod_default .prod_Item{list-style:none; height:auto; padding: 0px; box-sizing:border-box; margin-bottom: 1%;overflow: hidden;} .prod_default .relative{position:relative; width:100%; height:auto; overflow:hidden;} .prod_default .prodImg_box{position:relative; width:100%; overflow: hidden; background: #eee; box-sizing: border-box;} .prod_default .prod_img{position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden;} .prod_default .prod_Item:hover .prod_img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);} .prod_default .prod_img img.horizontal{width:100%; height:auto; position: absolute; top: 50%; left:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);} .prod_default .prod_img img.vertical{width:auto; height:100%; position: absolute; left: 50%; top:0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%);} .prod_default .dummy{margin-top:75%} .prod_default .prod_info {overflow: hidden; width: 100%; padding-top: 10px; box-sizing: border-box; } .prod_default .p_name {margin-bottom: 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: #333; line-height: 1.4; width: 100%;} .prod_default .p_name a {font-size: inherit; color: inherit; line-height: inherit; display: block;} .prod_default .p_detail { font-size: 12px; color: #666; display: block; margin-bottom: 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .prod_default .p_group { margin-bottom: 5px; display: block; float: left; width:59%; color: #666; font-size: 12px;} .prod_default .p_group .p_lb{display: none;} .prod_default .p_line{margin-bottom: 5px; overflow: hidden;; width: 100%;} .prod_default .p_num { margin-bottom: 5px; display: block; float: right; text-align: right; width: 40%; color: #666; font-size: 12px;} .prod_default .p_jg{display: none;} .prod_default .p_price {float: left; line-height: 1; white-space: nowrap;display: block !important; } .prod_default .p_value {color: #ff002a; font-size:26px;} .prod_default .zhekou {color: #ff002a; font-size:16px;font-weight: bold;} .prod_default .prod_info .unit {color: #ff002a;font-size: 16px;} .prod_default .p_vip {display: block; float: right; text-align: right; line-height:30px; height: 26px; white-space: nowrap;position: absolute;right:0;} .prod_default .p_vip .v_jg{color:#666; font-size: 12px;} .prod_default .v_value {color: #333; font-size: 18px;} .prod_default .v_unit {color: #333;font-size: 12px;} .prod_default .pro_button {margin: 10px 0 0; overflow: hidden;} .prod_default .p_link { float: left; width: 48%; text-align: center;} .prod_default .p_link a {display: block; padding: 10px 15px;} .prod_default .p_cart { text-align: center;} .prod_default .p_cart a {display: block; padding: 9px 15px; background: #f00; color: #fff;} .prod_default a{text-decoration:none; } .prod_default .p_price2 {clear:both; line-height: 1; white-space: nowrap;font-size:12px !important;color:gray !important;} .prod_default .p_price2 .p_jg{font-size:14px;color:gray;} .prod_default .p_price2 .unit{font-size:14px;color:gray;} .prod_default .p_price2 .p_value{font-size:14px;color:gray;} .prod_default .p_price2 .p_value{font-size:14px;color:gray;} .prod_default .freeinfo{ clear:both; overflow:hidden;} .prod_default .freeinfo span{ display:block; float:left; border:1px solid red; border-radius:5px; padding:0 5px; color:red; margin-right:5px; box-sizing: border-box; } .prod_default .Collage_ico{ position:absolute; left:10px; top:0; width:40px; height:40px; z-index: 100;} .prod_default .Collage_ico img{ width:100%; height:100%; vertical-align: top; } .prod_default .prod_top{ background-color:#ff5656; overflow:hidden; padding:10px 10px; color:white; font-size:14px;} .prod_default .prod_top_left{ display:inline-block; width:100%; overflow:hidden; vertical-align: middle;} .prod_default .prod_price{ display:inline-block;color: #ff002a;} .prod_default .prod_old_price{ font-size:12px; text-decoration:line-through; display:inline-block;} .prod_default .prod_infos .price_value{ font-size:26px; } .prod_default .prod_infos .units{font-size:16px;} .prod_default .prod_infos .zero{ font-size:12px; } .prod_default .prod_top_right{ display:inline-block; width:100%; vertical-align: middle;position: absolute;bottom: 0;z-index: 99;padding: 10px;background: #f00;color: #fff;} .prod_default .prod_details{width: 100%; display: inline-block; overflow: hidden; white-space: nowrap;font-size: 14px;} .prod_default .prod_pernum{width: 100%; display: inline-block; overflow: hidden; white-space: nowrap;text-align: right;font-size: 14px;} .prod_default .prod_middle .prod_title{ font-size:14px; line-height:1.5; margin-bottom: 5px;} .prod_default .prod_middle .prod_detail{ font-size:12px; color:#666; margin-bottom: 5px; } .prod_default .prod_bottom .prod_btn{ line-height:3; font-size:12px; background-color:#f00; color:white; text-align: center; margin: 10px 0;} .prod_default .pc{ display:block; } .prod_default .pad,.prod_default .mobile{display:none;} @media screen and (max-width: 1200px) and (min-width: 641px){ .prod_default .pad{ display:block; } .prod_default .pc,.prod_default .mobile{display:none;} } @media screen and (max-width: 640px){ .prod_default .mobile{ display:block; } .prod_default .pc,.prod_default .pad{display:none;} .prod_default .Collage_ico{ width:30px; height:30px; } .prod_default .prod_top{ font-size:12px; } .prod_default .prod_infos{padding: 6px;} .prod_default .prod_infos .price_value{ font-size:18px; } .prod_default .prod_top_left,.prod_default .prod_top_right{ width:100%; display: block; } .prod_default .prod_middle .prod_title{ font-size:14px; } .prod_default .prod_middle .prod_detail{ font-size:12px; } .prod_default .prod_bottom .prod_btn{ line-height:3; font-size:12px; margin: 0;} .prod_default .prod_details {font-size: 12px;width: 100%;display: block;} .prod_default .prod_pernum {width: 100%;font-size: 14px;} .prod_default .end_text,.prod_default .end_time{display: inline-block;} .prod_default .prod_pernum{display: none;} .prod_default .pro_button{margin: 0;} .prod_default .p_price {line-height: 23px;white-space: nowrap;display: block !important;} .prod_default .p_price2 {padding-top: 5px;} .prod_default .prod_info{padding: 6px;} .prod_default .unit,.prod_default .p_vip .v_jg,.prod_default .v_unit{font-size: 12px;} .prod_default .p_vip{height: 20px; line-height: 23px;} .prod_default .v_value{font-size: 14px;} .prod_default .p_value{font-size: 18px;} .prod_default .prod .p_detail{display: none !important;} .prod_default .p_vip {position: relative;float: none !important;clear:both;text-align: left !important;} } #productList_style_01_1483516162548 .btnn{width:50%;} #productList_style_01_1483516162548 .p_cart .a_mode{width:50%;} @media screen and (max-width: 1024px){ #productList_style_01_1483516162548 .btnn{width:50%;} #productList_style_01_1483516162548 .p_cart .a_mode{width:50%;} } @media screen and (max-width: 768px){ #productList_style_01_1483516162548 .btnn{width:50%;} #productList_style_01_1483516162548 .p_cart .a_mode{width:50%;} } .p_detail{white-space: pre-wrap;} .p_detail .overhide{white-space: pre-wrap;} #productList_style_01_1483516162548 li{width: 21.25%;} #productList_style_01_1483516162548 li.prod_Item{margin-bottom:5%;} @media screen and (max-width: 1024px){ #productList_style_01_1483516162548 li{width: %;} #productList_style_01_1483516162548 li.prod_Item{margin-bottom:5%;} } @media screen and (max-width: 768px){ #productList_style_01_1483516162548 li{width: 47.5%;} #productList_style_01_1483516162548 li.prod_Item{margin-bottom:5%;} } #productList_style_01_1483516162548 .p_detail.pc,#productList_style_01_1483516162548 .p_name.pc {display:block;} #productList_style_01_1483516162548 .p_detail.pad, #productList_style_01_1483516162548 .p_detail.mobile,#productList_style_01_1483516162548 .p_name.pad, #productList_style_01_1483516162548 .p_name.mobile {display:none;} @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_01_1483516162548 .p_detail.pad,#productList_style_01_1483516162548 .p_name.pad {display:block;} #productList_style_01_1483516162548 .p_detail.pc, #productList_style_01_1483516162548 .p_detail.mobile,#productList_style_01_1483516162548 .p_name.pc, #productList_style_01_1483516162548 .p_name.mobile {display:none;} } @media screen and (max-width:640px) { #productList_style_01_1483516162548 .p_detail.mobile,#productList_style_01_1483516162548 .p_name.mobile {display:block;} #productList_style_01_1483516162548 .p_detail.pc, #productList_style_01_1483516162548 .p_detail.pad,#productList_style_01_1483516162548 .p_name.pc, #productList_style_01_1483516162548 .p_name.pad {display:none;} } #productList_style_01_1483516162548 .status{ color:red; display:inline-block; border:1px solid red; padding:0 2px; margin-right:5px; text-align: center; font-size:12px; font-family:'Times New Roman'; vertical-align: middle; text-indent: 0px;} .prod_default .v_value {color: #333; font-size: 12px;} #productList_style_01_1483516162548 .showActivity {display: none !important;} #productList_style_01_1483516162548 .btnaSet ,#productList_style_01_1483516162548 .btnaSet a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .prodcateStyle_4{width:100%; clear: both; margin-bottom: 1px} .prodcateStyle_4 *{box-sizing:border-box; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; -ms-transition: all ease .2s; transition: all ease .2s; list-style:none;} .prodcateStyle_4 li{position: relative; font-size: 14px; color: #333; line-height: 3; text-decoration:none;} .prodcateStyle_4 li i{float: right; margin-top: 14px; margin-right: 20px; font-size: 14px; } .prodcateStyle_4 .sidebar{width:100%; background: #fff; border: 1px solid #ddd; margin-bottom: -1px} .prodcateStyle_4 .r-arrow{padding: 0 10px;margin-right: -10px;font-family: '宋体',serif;} .prodcateStyle_4 .sidebar>a, .prodcateStyle_4 .sidebar2>a, .prodcateStyle_4 .sidebar3>a{font-size:inherit; color:inherit; line-height: inherit; margin-left:10px; text-decoration:inherit; white-space: nowrap;width:0;display: inline-block;} .prodcateStyle_4 .sidebar3>a{width: auto !important;} .prodcateStyle_4 .sidebar2{background: #f2f2f2;z-index: 9999;} .prodcateStyle_4 .sidebar3{background: #eaeaea; padding:0 10px;} .prodcateStyle_4 .newscate3{position: absolute; left: 100%; top: 0; } .prodcateStyle_4 .newscate2, .prodcateStyle_4 .newscate3{display:none;} .prodcateStyle_4 .sidebar span,.prodcateStyle_4 .sidebar2 span{position: absolute;right:20px;} .prodcateStyle_4 .imgIco{ margin-left:20px; vertical-align: middle; display:inline-block; overflow:hidden; position:relative; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;} .prodcateStyle_4 .imgIco img{width:auto; height:100%; vertical-align: top; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); -o-transform:translateY(-50%);} .prodcateStyle_4 .noHref{cursor: default;} @media screen and (max-width:767px){ .prodcateStyle_4 .newscate3{position: relative; left: 0; top: 0; } .prodcateStyle_4 .sidebar>a, .prodcateStyle_4 .sidebar2>a, .prodcateStyle_4 .sidebar3>a{width:0;} } .blank_new01{width:100%;height:100%;} .blank_new01 .roundcs{width:100%;height:100%;background:rgba(7,126,244,0.7);box-sizing: border-box;} .menuStyle_1{width:100%; position:relative;} .menuStyle_1 *{transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -webkit-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -moz-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -o-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; box-sizing: border-box;} .menuStyle_1 .dflex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .menuStyle_1 .rflex{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1; float: left\0 ; } .menuStyle_1 ul, .menuStyle_1 li { list-style : none ; margin : 0px ; padding : 0 ; } .menuStyle_1 .menuLayout { margin : 0 auto ; position : relative ; width : 100% ; } .menuStyle_1 .menuLayout:after { clear : both ; content : '' ; display : block ; } .menuStyle_1 .menuUl_box { position : relative ; text-align : center ; width : 100% ; } .menuStyle_1 .menuUl { position : relative ; text-align : center ; width : 100% ; } .menuStyle_1 .menuUl li { position : relative ; } .menuStyle_1 .menuUl li > a { box-sizing : border-box ; color : #4D5158 ; display : block ; font-size : 14px ; height : 44px ; letter-spacing : normal ; line-height : 44px ; padding : 0 1em\0 ; text-align : center ; text-decoration : none ; white-space : nowrap ; } .menuStyle_1 .menuUl li > a:hover { color : #F90 ; } .menuStyle_1 .menuUl #hot > a { color : #F90 ; } .menuStyle_1 .menuLayout .miniMenu { display : none ; } .menuStyle_1 .menuUl02 { -moz-transform : translate(-50%,0) ; -o-transform : translate(-50%,0) ; -webkit-transform : translate(-50%,0) ; display : none ; height : 0 ; left : 50% ; opacity : 0 ; position : absolute ; transform : translate(-50%,0) ; } .menuStyle_1 .menuUl .rflex:hover .menuUl02 { display : block ; height : auto ; opacity : 1 ; } .menuStyle_1 .menuUl02 .subMenu02 { float : none ; } .menuStyle_1 .menuUl02 .subMenu02 a { color : #333 ; overflow : hidden ; padding : 0 15px ; text-overflow : ellipsis ; white-space : nowrap ; width : 130px ; } .menuStyle_1 .rflex { position : relative ; } #dh_style_01_1483001866850.clearTransform { transform : none!important ; } #dh_style_01_1483001866850 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; } #image_style_01_1578915356114 .CompatibleImg img { height : auto ; margin-left : 0px ; width : 100% ; } #image_style_01_1578915356114 a { cursor : default ; } .bottomMenu { bottom : 0 ; box-sizing : border-box ; display : none ; position : fixed ; width : 100% ; z-index : 999999 ; } .bottomMenu ul { -ms-flex-align : center ; -webkit-align-items : center ; -webkit-box-align : center ; align-items : center ; background-color : #FFFFFF ; border-top : 1px solid #ddd ; box-shadow : 0 0px 6px rgba(0,0,0,.1) ; box-sizing : border-box ; display : -webkit-box ; display : -webkit-flex ; display : -ms-flexbox ; display : flex ; height : 50px ; position : relative ; width : 100% ; } .bottomMenu ul li { -ms-flex : 1 ; -webkit-box-flex : 1 ; -webkit-flex : 1 ; box-sizing : border-box ; flex : 1 ; padding-top : 0!important ; position : relative ; } .bottomMenu ul li a { display : inline-block ; height : 100% ; width : 100% ; } .bottomMenu ul li .menuItem { position : relative ; } .bottomMenu ul li .menuItem.iconTxt { top : 5% ; } .bottomMenu ul li .menuItem.txt { -moz-transform : translateY(-50%) ; -ms-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; top : 50% ; transform : translateY(-50%) ; } .bottomMenu ul li .menuItem.icon { top : 20% ; } .bottomMenu ul li .menuIco { box-sizing : border-box ; height : 26px ; margin : 0 auto 4px ; overflow : hidden ; padding-top : 2px ; width : auto ; } .bottomMenu ul li .menuIco img { box-sizing : border-box ; height : 100% ; object-fit : scale-down ; width : 100% ; } .bottomMenu ul li .menuName { color : #666666 ; font-family : Microsoft YaHei ; font-size : 12px ; line-height : 1 ; margin : auto ; text-align : center ; white-space : nowrap ; } .bottomMenu ul li .submenuItems { background-color : #FFF ; border : 1px solid #ddd ; bottom : 48px ; box-shadow : 0 0px 6px rgba(0,0,0,.1) ; position : absolute ; text-align : center ; width : 100% ; z-index : 999999 ; } .bottomMenu ul li .submenuItems a { border-bottom : 1px solid #ddd ; color : #333 ; display : block ; font-size : 12px ; height : 36px ; line-height : 36px ; } @keyframes slidedown { from { transform : rotateY(90deg) ; } to { transform : rotateY(0deg) ; }} @keyframes slideup { from { transform : rotateY(0deg) ; } to { transform : rotateY(90deg) ; }}