.settings-ipt_border {border-color: #eaeaea} .settings-nav_background,.header-content{ background-color:#ffffff } .settings-nav_color,.nav-account .settings-nav_color:hover { color:#333333 } /*.settings-nav_color:visited { color:#333333 } */ .settings-nav_color:hover,.nav-link .first_li.active { color:#8c8c8c!important; } .settings-orgprice_color{ color:#828282 } .settings-navSub_background{background-color:#ffffff} .settings-navSubLink_color{color:#333333} .settings-navSubLink_color:hover{color:#8c8c8c} .mbNav-show .settings-nav_color{color:#1a1a1a} .settings-main_background{ background-color:#f5f5f5 } .settings-main_background_color { background-color:#f5f5f5 } .settings-post_background_color { background-color:#ffffff } .settings-main_border { border-color:#e0e0e0 } .settings-contBg_background { background-color:#f5f5f5 } .settings-contBg_border { border-color:#e6e6e6 } .settings-contBgHover_color { color:#ffffff } .settings-contBgHover_color:visited { color:#ffffff } .settings-contBgHover_background { background-color:#ccb066 } .settings-text_color { color:#6c7481 } .settings-text_color:visited { color:#6c7481 } .settings-desc_color { color:#7a7a7a } .settings-tinge_color { color:#a0a0a0 } .settings-link_color { color:#333 } .settings-link_color:visited { color:#333 } .settings-linkHover_color:hover { color:#ccb066 } .settings-btn_color { color:#6c7481 } .settings-btn_color:visited { color:#6c7481 } .settings-side_background { background-color:#192029 } .settings-sideLink_color { color:#ffffff } .settings-sideLink_color:visited { color:#ffffff } .settings-sideLinkHover_color:hover,.settings-sideLink_color:hover,.side-nav-link li:hover a{ color:#ffffff } .settings-search_background { background-color:#4d4d4d } .settings-search_text_color { color: } .settings-logoLink_color { color:#ffffff } .settings-logoLink_color:visited { color:#ffffff } .settings-logoLinkHover_color:hover { color:#bbbbbb } .settings-index_background { background-color: } .settings-index_button_border { border-color: } .settings-part_3_btn_color { color:#121212 } .settings-part_3_btnHover_color:hover { color:#ffffff } .settings-part_3_1_background { background-color:#ffffff } .settings-part_3_1_title_color { color:#ffffff } .settings-part_3_1_desc_color { color:#ffffff } .settings-part_3_1_link_color { color:#000000;background-color:#ffffff} .settings-part_3_1_link_color:visited { color:#000000 } .settings-part_3_1_linkHover_color:hover { color: } .settings-part_3_2_background { background-color:#ffffff } .settings-part_3_2_title_color { color:#ffffff } .settings-part_3_2_desc_color { color:#ffffff } .settings-part_3_2_link_color { color:#000000;background-color:#ffffff } .settings-part_3_2_link_color:visited { color:#000000 } .settings-part_3_2_linkHover_color:hover { color: } .settings-part_3_3_background { background-color:#ffffff } .settings-part_3_3_title_color { color:#ffffff } .settings-part_3_3_desc_color { color:#ffffff } .settings-part_3_3_link_color { color:#000000;background-color:#ffffff } .settings-part_3_3_link_color:visited { color:#000000 } .settings-part_3_3_linkHover_color:hover { color: } .settings-part_3_4_background { background-color:#ffffff } .settings-part_3_4_title_color { color:#ffffff } .settings-part_3_4_desc_color { color:#ffffff } .settings-part_3_4_link_color { color:#242424;background-color:#ffffff } .settings-part_3_4_link_color:visited { color:#242424 } .settings-part_3_4_linkHover_color:hover { color: } .settings-part_3_5_background { background-color:#ffffff } .settings-part_3_5_title_color { color:#2b2b2b } .settings-part_3_5_desc_color { color:#333333 } .settings-part_3_5_link_color { color:#ffffff;background-color:#111 } .settings-part_3_5_link_color:visited { color:#ffffff } .settings-part_3_5_linkHover_color:hover { color: } .settings-part_3_6_background { background-color:#ffffff } .settings-part_3_6_title_color { color:#363636 } .settings-part_3_6_desc_color { color:#333333 } .settings-part_3_6_link_color { color:#ffffff;background-color:#111 } .settings-part_3_6_link_color:visited { color:#ffffff } .settings-part_3_6_linkHover_color:hover { color: } .settings-part_3_7_background { background-color:#ffffff } .settings-part_3_7_title_color { color:#292929 } .settings-part_3_7_desc_color { color:#2e2e2e } .settings-part_3_7_link_color { color:#ffffff;background-color:#111 } .settings-part_3_7_link_color:visited { color:#ffffff } .settings-part_3_7_linkHover_color:hover { color: } .settings-filter_color { color:#8a8a8a } .settings-filter_border { border-color:#e6e6e6 } .settings-filter_background { background-color:#f5f5f5 } .settings-filterSelect_border { border-color:#e8e8e8 } .settings-filterSelect_background { background-color:#ffffff } .settings-filterSelectHover_background { background-color:#f5f5f5 } .settings-filterSelect_color { color:#909090 } .settings-filterSelectHover_color { color:#ffffff } .settings-filterSelectActiveSign2_color { color:#d6d6d6 } .settings-filterWide_color { color:#717171 } .settings-filterWideTitle_color { color:#333333 } .settings-filterWide_border { border-color:#eaeaea } .settings-filterWide_background { background-color:#ffffff } .settings-filterWideSelect_color { color:#ffffff } .settings-filterWideSelect_background { background-color:#a0a0a0 } .settings-pro_list_banner_color { color:#ffffff } .settings-pro_list_banner_background { background-color:#000000 } .settings-proGridItemBtn_color { color:#333333 } .settings-proGridItemBtn_color:visited { color:#333333 } .settings-proGridItemBtn_border { border-color:#717171 } .settings-proGridItemBtn_background { background-color:#ffffff } .settings-proGridItemBtnHover_color:hover { color:#ffffff } .settings-proGridItemBtnHover_border:hover { border-color:#b5985a } .settings-proGridItemBtnHover_background:hover { background-color:#b5985a } .settings-proImgListBtn_color { color:#000000 } .settings-proImgListBtn_background { background-color:#ffffff } .settings-proTitle_color { color:#333333 } .settings-proDetailTitle_color { color:#333333 } .settings-proDesc_color,.pro_stock.only-pc,.pro-detail-sub-each h3,.pro_detail-quantity h3,.pro_detail-quantity--inner span{ color:#828282 } .settings-proPrice_color { color:#333333 } .settings-proMiniBtn_border { border-color:#717171 } .settings-optionSelected_background { background-color:#ffffff } .settings-optionSelected_border { border-color:#000000 } .settings-optionSelected_color { color:#4d4d4d } .settings-optionUnSelected_background { background-color:#ffffff } .settings-optionUnSelected_border { border-color:#e0e0e0 } .settings-optionUnSelected_color { color:#666666 } .settings-optionUnSelected_background:hover { background-color:#ffffff } .settings-optionUnSelected_border:hover { border-color:#b3b3b3 } .settings-optionUnSelected_color:hover { color:#4d4d4d } .settings-buyBtn_background{ background:#000000 } .settings-buyBtn_border { box-shadow: inset 0px 0px 0px 1px #000000 } .settings-buyBtn_color { color:#ffffff } .settings-buyBtn_background:hover{ border-color:#303030;color:#ffffff } .settings-addSucc_background { background-color:#ffffff } .settings-addSucc_border { border-color:#e0e0e0 } .settings-addSucc_color { color:#333333 } .settings-addSuccBtn_background { background-color:#fd6903 } .settings-addSuccBtn_color { color:#fff; } .settings-addSuccBtn_background { background-color:#f5f5f5 } .settings-addSuccBtn_color { color:#1c1c1c } .settings-blogs_banner_color { color:#ffffff } .settings-blogs_banner_background { background-color:#000000 } .settings-blogs_color { color:#bbb } .settings-blogsDesc_color { color:#999 } .settings-blogs_background { background-color:#ffffff } .settings-blogs_border { border-color:#eeeeee } .settings-blogsIcon_color { color:#ffffff } .settings-blogsIcon_background { background-color:#ffffff } .settings-blog_color { color:#999 } .settings-blogDesc_color { color:#717171 } .settings-blogTinge_color { color:#a0a0a0 } .settings-blog_border { border-color:#ececec } .settings-blog_background { background-color:#ffffff } .settings-blogBtn_color { color:#ececec } .settings-blogBtn_border { border-color:#ececec } .settings-blogBtn_background { background-color:#ffffff } .settings-formPage_background { background-color:#191919 } .settings-formPage_color { color:#949494 } .settings-formPageDesc_color { color:#a2a2a2 } .settings-formPageDesc_color:visited { color:#a2a2a2 } .settings-formItem_background { background-color:#f4f4f4 } .settings-form_color { color:#161616 } .settings-formHover_color { color:#888888 } .settings-formDesc_color { color:#cfcfcf } .settings-formErr_color { color:#ccb066 } .settings-form_border,.btn-primary { border-color:#333333 } .settings-form_background { background-color:#b33d3d } .settings-formInpit_color { color:#717171 } .settings-formInpit_border { border-color:#eaeaea } .settings-formInpit_background { background-color:#f9f9f9 } .settings-formBtn_color,.btn-primary { color:#ffffff } .settings-formBtn_background,.btn-primary { background: #333333} .settings-table_background { background-color:#ffffff } .settings-table_border { border-color:#d7d7d7 } .settings-tableBg_border { border-color:#ececec } /* 手机版选择无 Hover */ @media screen and (max-width: 767px) { .settings-optionUnSelected_background:hover { background-color:#ffffff } .settings-optionUnSelected_border:hover { border-color:#e0e0e0 } .settings-optionUnSelected_color:hover { color:#666666 } } /* 默认样式重置 */ @media screen and (min-width: 768px) { .only-mobile{ display:none!important; }} @media screen and (max-width: 767px) { .only-pc{ display:none!important; }} .yhsd-popup-wrapper{ z-index: 9999!important; } html { font-size:62.5%; } li{ list-style: none;} .border_section{ overflow:hidden;} .main_inner{ position:relative;background-color:#f5f5f5; } @media screen and (min-width: 768px) { .main_inner{ z-index:5; }} @font-face { font-family: "Uetop7"; src: url('//asset.ibanquan.com/s/138995/474/Uetop7.ttf?design_theme_id=0&v=1728475587_1534832844') format('truetype'); } body { font-size: 14px; font-weight: 400; line-height: 1.7em; letter-spacing: .1px; position: relative; font-family: 'Uetop7',"PingFang SC", "Hiragino Sans GB", "Hiragino Sans GB W3", "Heiti SC","黑体", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", SimSun, "Avenir", "Helvetica Neue", "Arial", sans-serif; } a { -webkit-transition: .1s ease-in-out; -moz-transition: .1s ease-in-out; -ms-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; transition: .1s ease-in-out; color: inherit; -webkit-tap-highlight-color: rgba(0,0,0,0); } p { margin: 0; } html.side_active body { overflow: hidden; -ms-touch-action: pan-x; touch-action: pan-x; } #content_for_layout.yhsd-base,.log-block-outer{ height:100%; } .about_mh,.pro_detail_wrap_full,.home-page { background-color: #f5f5f5; position:relative; } /* .lazyload,.lazyloading */ .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 750ms; } input:-ms-input-placeholder { color: #7a7a7a; } input::-moz-placeholder { color: #7a7a7a; } input::-webkit-input-placeholder { color: #7a7a7a; } .wrapper_fix { position: static; } .cont_fix { position: static; } /* 通用 */ .wrap_full { width: auto; } .wrap { width: auto; max-width: 1080px; margin: 0 auto; } @media screen and (max-width: 767px) { .wrap { max-width: none; } } .row { width: auto; } .mod { padding-left: 10px; padding-right: 10px; } .mod-pro { padding-left: 10px; padding-right: 10px; } .txt_ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .underline { text-decoration: underline; } .underline:hover { text-decoration: underline; } .underline_hover:hover { text-decoration: underline; } .mobi_hide { display: block; } .wide_hide { display: block; } @media screen and (max-width: 767px) { .mobi_hide { display: none; } .wide_hide { display: block; } } /* 免费版广告优化 */ .index .footer_simple.yhsd_free_scope .yhsd_free { position: absolute; bottom: 0; } /* 社交图标 */ .icon-color-weibo { color: #ff4545; } .icon-color-weibo:hover { color: #ff4545; filter: alpha(opacity=60); opacity: 0.6; } .icon-color-qq { color: #4397e0; } .icon-color-qq:hover { color: #4397e0; filter: alpha(opacity=60); opacity: 0.6; } .icon-color-renren { color: #1b69aa; } .icon-color-renren:hover { color: #1b69aa; filter: alpha(opacity=60); opacity: 0.6; } .icon-color-netease { color: #e82e2e; } .icon-color-netease:hover { color: #e82e2e; filter: alpha(opacity=60); opacity: 0.6; } .icon-color-douban { color: #18aa5d; } .icon-color-douban:hover { color: #18aa5d; filter: alpha(opacity=60); opacity: 0.6; } .icon-color-wechat { color: #59bf39; } .icon-color-wechat:hover { color: #59bf39; filter: alpha(opacity=60); opacity: 0.6; } /* 主布局 */ .main { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height:100%; min-height:100%; overflow: visible; position: relative; top: 0; left: 0; transition: left 0.4s ease-in-out; } @media screen and (min-width: 768px){ .flank{ transition: font-size linear 0.2s; position:fixed; top: 50%; border-bottom: 0; line-height: 1; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; z-index:688; display: block; letter-spacing:0.2em; color:#1f1f1f; } .index_right{ right:40px; -webkit-transform: rotate(90deg) translateX(50%); -webkit-transform-origin: right top; transform: rotate(90deg) translateX(50%); transform-origin: right top; } .index_left{ left:40px; -webkit-transform: rotate(-90deg) translateX(-50%); -webkit-transform-origin: left top; transform: rotate(-90deg) translateX(-50%); transform-origin: left top; } } @media screen and (min-width:1681px){ .index_right{ right:55px;} .index_left{ left:55px; }} @media screen and (max-width:1024px){ .index_right,.index_left{ display:none; }} @media screen and (min-width:1024px){ .big-title i.fontuetop { font-family: "PingFang SC","Heiti SC","黑体","Microsoft YaHei", "Arial", sans-serif!important; }} /*search */ .header-search-ico{ height:120px;line-height:120px; padding:0 20px; float: right; position: relative; text-align: right; overflow: hidden; z-index: 1; display:inline-block; *display: inline; *zoom: 1; box-sizing: border-box; padding: 0 14px; margin: 0; min-width:0; overflow: hidden; color: inherit; text-decoration: none; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; zoom: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: 0 0; border: none; border-radius:0; outline: 0; transition: all .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,1,1); will-change: box-shadow; -webkit-user-drag: none; } .header-search-ico i{ -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; color:#333333; font-size: 18px; } .header-search i{ -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; color: #f00000; font-size: 20px; } /* 顶部导航 */ .header-wrap{ position:relative; z-index:99; top: 0; left: 0; right:0; } .header-content { text-align: center; width: 100%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 3%; } .nav-header.wrap_width { position: relative; display:inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 auto; width: 100%; } .nav-header{ position:relative; } .nav-header,.nav,.nav-menu-fixed,.header-search-ico,.pcNav-show,.nav--center, .nav--right,.header-search-ico,.nav--film,.nav-cart,.nav-account,.nav-link,.pcNav-show,.nav-logo,.nav-logo2 ,.header-relative,.header-content{ height:120px;line-height:120px; } .nav--film{ border-bottom:1px solid #ffffff; } .index_header .nav--film{ border-bottom:0px solid #ffffff; } .header-fixed .nav--film{ border-bottom:1px solid #ffffff; } .header-fixed .header-content { background:none;} .nav-menu-fixed{ width: 50px; position: relative; top: 0; margin-right:20px; left: 0; text-align: center; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .nav--film { width: 100%; position: absolute; top: 0; left: 0; filter: alpha(opacity=98); -moz-opacity: 0.98; -khtml-opacity: 0.98; opacity:0.98; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .nav-menu { z-index: 999; position:absolute; top: 0; left:0; height: 50px; background-color: #ffffff; width: 50px; border-radius: 0; text-align: center; top:50%; margin-top:-25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .nav-menu span{ border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; width: 30px; height:2px; margin-top: 15px; background: #1f1f1f; display: block; position: absolute; } .nav-menu-fixed .nav-menu span{ left: 0; } .side-menu .nav-menu span{ left:10px; } .nav-menu:hover span{ background: #ffffff!important; } .nav-menu span:nth-child(1) { top: 0px; } .nav-menu span:nth-child(2), .nav-menu span:nth-child(3) { top: 8px; } .nav-menu span:nth-child(4) { top: 16px; } .nav-menu:hover span:nth-child(1) { top: -2px; } .nav-menu:hover span:nth-child(4) { top: 18px; } .pcNav-show{ float:left; width:33.33%; } .nav-link{margin: 0 auto;padding: 0; text-align:left;font-size:14px;z-index:0;overflow:visible;white-space:nowrap;letter-spacing:0.1em;} .nav-link li{display:inline-block; *display: inline;vertical-align: top; *zoom: 1;height:inherit;overflow:hidden;position:relative;} .nav-link li.first_li{padding-right:3%;} .nav-link li.first_li i { font-weight:normal; margin-left: 3px; } .nav-link li .second_li i { margin-left: 15px; } .nav-link a{ display:inline-block; *display: inline; *zoom: 1; white-space:nowrap; font-size: 18px; } .top-nav-link.nav-link>li:nth-child(n+10) {display: none;} .top-nav-link.nav-link li:last-child{border:none} .ie7 .top-nav-link.nav-link li, .ie6 .top-nav-link.nav-link li{display:inline;float:left;} .ie7 .top-nav-link.nav-link .nav-sublink li {display:block;float:none;} .ie6 .top-nav-link.nav-link .nav-sublink li {display:block;float:none;width: 50px;} .second_li i {margin-left: 20px;} /* 子导航 */ .top-nav-link.nav-link .active .nav-sublink { display:block; top:120px; opacity: 1; visibility: visible; -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); z-index:4; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .top-nav-link .nav-sublink { transform-origin:left top; -webkit-transform-origin:left top; -moz-transform-origin:left top; -o-transform-origin: left top; -o-transform: scale(0.94); -moz-transform: scale(0.94); -ms-transform: scale(0.94); -webkit-transform: scale(0.94); transform: scale(0.94); font-size:14px; margin-top:0; position:absolute; opacity: 0; z-index:-2; top:120px; line-height:2.4; visibility: hidden; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border-top: 1px solid #ffffff; visibility: hidden; } .top-nav-link li.active .nav-sublink { margin-top:-1px; } .top-nav-link .nav-link-third-warp ul li a{ font-size:15px; } .ie6 .nav-sublink, .ie7 .nav-sublink { background-color:#ffffff } .nav-sublink li.active>.nav-link-third-warp { opacity: 1; visibility: visible; } .nav-sublink.settings-navSub_background { background-color:#ffffff; } .first_li a.first_a,.second_li a,.third_li a{ overflow:hidden; position:relative; } .first_li a.first_a:after{ content: ''; background-color:#ffffff; height:1px; width: 100%; bottom:30%; left:0; z-index: 1; position: absolute; transform: scaleX(0); transform-origin: left; } .header-fixed .first_li a.first_a:after{ bottom:1px;height:1px; } .first_li.active a.first_a:after{ transform: scaleX(1); transform-origin: left; transition: transform .7s cubic-bezier(.19,1,.22,1); -webkit-transition: transform .7s cubic-bezier(.19,1,.22,1); -moz-transition: transform .7s cubic-bezier(.19,1,.22,1); -ms-transition: transform .7s cubic-bezier(.19,1,.22,1); -o-transition: transform .7s cubic-bezier(.19,1,.22,1); } .second_li a:after,.third_li a:after{ content: ''; background-color:#ffffff; height: 1px; width:100%; bottom:2px; left:0; z-index: 1; position: absolute; transform: scaleX(0); transform-origin: left; } .second_li a:hover:after,.third_li a:hover:after{ transform: scaleX(1); transform-origin: left; transition: transform .7s cubic-bezier(.19,1,.22,1); -webkit-transition: transform .7s cubic-bezier(.19,1,.22,1); -moz-transition: transform .7s cubic-bezier(.19,1,.22,1); -ms-transition: transform .7s cubic-bezier(.19,1,.22,1); -o-transition: transform .7s cubic-bezier(.19,1,.22,1); } .top-nav-link .nav-sublink ul.nav-link-third { border:none; width:auto; padding:0; } .top-nav-link .nav-link-third-warp a{ font-weight:normal;} .top-nav-link .nav-sublink>ul>li:first-child>a,.top-nav-link .nav-link-third-warp ul li:first-child a{ padding-top: 0; } .top-nav-link .nav-sublink>ul>li:last-child>a,.top-nav-link .nav-link-third-warp ul li:last-child a{ padding-bottom: 0; border-bottom:none; } .ie8 .nav-sublink, .ie7 .nav-sublink, .ie6 .nav-sublink { left:0; } .ie7 .nav-sublink, .ie6 .nav-sublink { text-align: left; } .top-nav-link li.first_li.active,.top-nav-link li.second_li.active,.top-nav-link li.third_li.active { overflow: visible; position: relative; } .nav-sublink.settings-navSub_background { box-shadow: 0px 2px 2px rgba(4, 4, 4, 0.15); -moz-box-shadow: 0px 2px 2px rgba(4, 4, 4, 0.15); -webkit-box-shadow: 0px 2px 2px rgba(4, 4, 4, 0.15); } .nav-link-third-warp{ box-shadow: 2px 0 2px rgba(4, 4, 4, 0.15); -moz-box-shadow: 2px 0 2px rgba(4, 4, 4, 0.15); -webkit-box-shadow: 2px 0 2px rgba(4, 4, 4, 0.15); } .nav-link li{position: relative;} .top-nav-link .nav-sublink ul { padding-left: 0; min-width:220px; padding: 30px 0 ; box-sizing: border-box; } .top-nav-link .nav-sublink li.second_li{ float:left; } .top-nav-link .nav-sublink li { display:block; margin:0; text-align:left; width:100%; white-space:nowrap; /* HTML 加 class settings-navSub_background 兼容 IE6 */ } .top-nav-link .nav-sublink a { padding:0; white-space:nowrap; display:inline-block; *display: inline; *zoom: 1; border:none; vertical-align: bottom; box-sizing: border-box; } .top-nav-link .top-nav-inner { padding: 0 40px; } .nav-link-third-warp { position: absolute; left:220px; top: 0px; opacity: 0; transition:all .3s ease; visibility: hidden; } .top-nav-link .nav-sublink ul.nav-link-third { border: none; width: auto; background-color:#ffffff; display: block; margin: 0; min-width: 200px; padding:20px 26px; box-sizing: border-box; } .header-fixed .top-nav-link .nav-sublink,.header-fixed .top-nav-link.nav-link .active .nav-sublink { top:60px; } @media screen and (min-width: 768px){ .header-fixed-lunbofixed .header-relative{ height:0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .header-fixed .header-wrap { position: fixed; top: 0px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .header-fixed .header-relative { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .mbAccount{ display:none; } .nav-link .first_a{ font-size:15px; } .top-nav-link .nav-sublink a{ font-size:15px; }} .nav--center { position: relative; float:left; width: 33.33%; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; overflow: hidden; } .nav-logo,.nav-logo2 { display:block; } .nav-logo2 { display:none; } .nav-logo-src { width: auto; height:22px; display:inline-block; *display: inline; *zoom: 1; vertical-align: middle; } @media screen and (min-width:1681px) { .nav-logo-src { height:26px; } } .header-fixed .nav-logo-src { width: auto; height:24px; display:inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .nav-logo--name { font-size: 18px; } .nav--right { position: relative; float:right; width:33.33%; } .nav-account { padding:0 14px; max-width:100px; float: right; text-align: right; } .nav-account-left { color:#333333; } .nav-account-left-icon { display: inline; text-align:center; color:#333333; vertical-align: middle; } .nav-account-left-text { display: inline; text-align:center; } .nav-cart { float: right; text-align: right; padding:0 14px; } .nav-cart-a-icon { margin-right: 6px; } .nav-account-left-icon,.nav-cart-a-icon,.header-search-ico i{ font-size:18px!important; } .nav-cart-a-total { display: none; border-radius: 100%; background-color: #333333; font-size: 9px; min-width: 18px; color:#ffffff; margin-top: -12px; margin-left: -12px; text-align:center; height: 18px; top: 50%; font-weight:bold; line-height: 18px; position: absolute; } .nav-cart-a { color: #333333; } .nav-cart-a.total_active .nav-cart-a-text { display: none; } .nav-cart-a.total_active .nav-cart-a-total { display:inline-block; *display: inline; *zoom: 1; } .header-search-ico,.nav-account,.nav-cart{ padding:0 18px; } .nav-header.wrap_width { max-width: 100%; } @media screen and (min-width: 1680px){ .header-content{padding:0 6%;} } @media screen and (min-width: 1440px)and (max-width: 1679px){ .header-content{padding:0 4%;} } @media screen and (min-width: 768px)and (max-width: 1439px){ .header-content{padding:0 3%;} } @media screen and (min-width:768px) and (max-width:1024px) { .header-content{padding:0 20px;} } @media screen and (max-width:1024px) { .nav-dropdown li.first_li{ display:none; }} @media screen and (min-width: 1025px) { .nav-menu-fixed.right{ display:none; }} @media screen and (max-width: 1024px) { .nav-menu-fixed.right{ display:block;float:right;margin:0;width:30px; } .pcNav-show{ display:none; } .nav-menu-fixed{ left:0; } .nav--center { width: 60%; padding-left: 0; } .header-content{ text-align:left; } .nav--right { right: 0; width:40%; }} .nav-menu-fixed.left{ width:30px; } @media screen and (max-width: 767px) { .nav-header,.nav,.nav-menu-fixed,.header-search-ico,.pcNav-show,.nav--center, .nav--right,.header-search-ico,.nav--film,.nav-cart,.nav-account,.nav-logo,.nav-logo2,.header-relative,.header-content,.header-relative{ height:58px ;line-height:58px; } .header-wrap{ position:fixed; } .nav-menu-fixed.right,.nav-menu-fixed.left{ display:none; } .header-content { padding:0; } .nav--center { width:50%;left:25%;text-align:center; } .nav--right { right: 0px; width:25%; } .full-menu-active, .side_active .full-menu-active{ left:15px;position:fixed; } .nav-logo-src,.header-fixed .nav-logo-src { width: auto; height:14px; margin-top:-1px; display:inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .nav-menu:hover span{ background-color: #1f1f1f; } .nav-menu-fixed{ z-index:9999; width:40px; } .nav-menu { margin-top:-20px; width:40px; height: 40px; } .nav-menu span{ margin-top:12px; left:10px; height:1.6px; width: 24px; } .nav-menu-text { display: none; } .nav-logo--name { font-size: 18px; } .nav-account-left { margin-right: 0; } .nav-account-left-icon,.nav-account { display:none; } .nav-account-left-icon--mobi { display: inline; } .nav-account-left-text { display: none; } .nav-account-right { display: none; } .nav-cart-a-icon { font-size: 18px!important; } .nav-cart,.header-search-ico { padding:0 6px; } .nav-cart { margin-right:5px; } .nav-cart-a-total { border-radius: 10px; font-size: 10px; right:5px; } .nav-cart-a-text { display: none; } .nav-menu span:nth-child(1), .nav-menu:hover span:nth-child(1) { top: 0px; } .nav-menu span:nth-child(2), .nav-menu span:nth-child(3) { top: 7px; } .nav-menu span:nth-child(4),.nav-menu:hover span:nth-child(4) { top:14px; } } .nav-menu{ background:none!important} .nav-menu span{ width:24px;} @media screen and (max-width: 767px) { .nav-menu span{ margin-top:12px; height:1.6px; width: 20px; left:0; }} @media screen and (min-width:1025px) { } @media screen and (min-width:1681px) { } .header-fixed .header-content,.header-content { background:none; } .header-relative.index_header { height:0; } .uetop_slider { margin-top:0!important;} .index_header .nav--film{ -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; filter: alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity:0.0; opacity: 0.0; background:#ffffff; } .full-menu-active{ position:fixed!important; } .header-fixed .index_header .nav-logo2{ display:none; } .header-fixed .index_header .nav-logo{ display:block; } .index_header .nav-logo{display:none;} .index_header .nav-logo2{display:block;} .index_header .settings-nav_color,.index_header .header-search-ico i,.index_header .nav-account-left,.index_header .nav-account-left-icon,.index_header .nav-cart-a{ color:#fff; } .index_header .settings-nav_color:hover, .index_header .nav-link .first_li.active{ color:#fff!important; } .index_header .pcNav-show .nav-menu span,.side_active .index_header .pcNav-show .nav-menu span,.home-nav-menu span, .side_active .home-nav-menu span,.index_header .nav-menu-fixed.left .nav-menu span,.side_active .index_header .nav-menu-fixed.left .nav-menu span{ background:#fff; } .header-fixed .index_header .pcNav-show .nav-menu span,.side_active .header-fixed .index_header .pcNav-show .nav-menu span,.header-fixed .home-nav-menu span, .side_active .header-fixed .home-nav-menu span,.header-fixed .index_header .nav-menu-fixed.left .nav-menu span,.side_active .header-fixed .index_header .nav-menu-fixed.left .nav-menu span{ background: #1f1f1f; } .header-fixed .header-search-ico i,.header-fixed .nav-cart-a,.header-fixed .index_header .settings-nav_color{ color:#333333 ; } .header-fixed .nav-account-left, .header-fixed .nav-account-left-icon{ color:#333333; } .header-fixed .index_header .settings-nav_color:hover,.header-fixed .index_header .nav-link .first_li.active{ color:#8c8c8c!important; } .header-fixed .index_header .settings-nav_background{ background-color:#ffffff } .header-fixed .index_header .nav--film{ filter:alpha(opacity=98); opacity:0.98; visibility:visible; } @media screen and (max-width: 767px) { .header-fixed .index_header .nav--film{ filter:alpha(opacity=98); opacity:0.98; visibility:visible; } } @media screen and (min-width: 768px) { .header-fixed .nav-header,.header-fixed .nav,.header-fixed .header-search-ico,.header-fixed .pcNav-show,.header-fixed .nav--center, .header-fixed .nav--right,.header-fixed .nav--film,.header-fixed .nav-cart,.header-fixed .nav-account, .header-fixed .nav-link,.header-fixed .pcNav-show,.header-fixed .nav-menu-fixed,.header-fixed .nav-logo ,.header-fixed .header-content{ height:60px;line-height:60px; }} /* 侧边 */ .side { -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; z-index:999; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; position: fixed; text-align:center; top:0; width: 280px; height: 100%; overflow:hidden; -webkit-overflow-scrolling:touch; font-size: 18px; left: 50%; margin-left: -140px; } .side-search { position:absolute; width: 200px; padding: 0 9px; height: 29px; line-height: 29px; border-radius: 0; border-bottom:1px solid rgba(255,255,255,.3); margin: 24px 30px 24px; padding: 0 10px; height: 29px; line-height: 29px; border-radius: 2px; } .side-search-icon { display: block; font-size: 16px; line-height: 1; padding: 5.5px 0 0; margin: 0 6px 0 0; float: left; } .side-search-input { display: block; font-size: 13px; height: 29px; line-height: 29px; border: 0; padding: 0 0 0 22px; margin: 0 0 0 -22px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; } .search_background{ background:rgba(0,0,0,0); } .search_background{ background:#4d4d4d; } .side-nav-link{ margin: 0; padding: 0; transition: all 0.5s; -webkit-transform:translateY(30px); transform:translateY(30px) } .side-nav-link { position:absolute; top:8%; opacity: 0; display: block; -webkit-transition: all 750ms ease .25s; -moz-transition: all 750ms ease .25s; -ms-transition: all 750ms ease .25s; -o-transition: all 750ms ease .25s; transition: all 750ms ease .25s; } .side_active .side-nav-link { position:absolute; top:8%; left:0; opacity: 1; display: block; -webkit-transition: all 650ms ease 150ms; -moz-transition: all 650ms ease 150ms; -ms-transition: all 650ms ease 150ms; -o-transition: all 650ms ease 150ms; transition: all 650ms ease 150ms; } .side-nav-link li ul { width:280px; } .side-nav-link li,.side-nav-link-sub_list { list-style: none; line-height: 60px; text-align: center; width:280px; } .side-nav-link li:first-child{ } .side-nav-link-sub_list li,.side-nav-link-sub_list li:first-child{ border:0 solid #fff; } .side-nav-link li a { -webkit-transition: all 500ms cubic-bezier(.39,.575,.565,1); -moz-transition: all 500ms cubic-bezier(.39,.575,.565,1); -ms-transition: all 500ms cubic-bezier(.39,.575,.565,1); -o-transition: all 500ms cubic-bezier(.39,.575,.565,1); transition: all 500ms cubic-bezier(.39,.575,.565,1); letter-spacing: 0.3em; display:block; margin-left:auto; display: block; font-size: 30px; line-height: 60px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .side-nav-link li li a { margin-left: 60px; } .side-nav-link li li li a { margin-left: 90px; } .side-nav-link ul li a { display:block; font-size:28px; line-height:40px; width:280px; } .side-nav-link li .side-nav-link-sign { font-size: 14px; margin-top: -60px; text-align: right; width: 100%; right: 0; padding-right:30px; bottom: inherit; position: absolute; } .side-nav-link li .side-nav-link-sign:before { font-family:"fontuetop" !important; content: '\f105'; } .side-nav-link-has_sub.active>.side-nav-link-sign:before { font-family:"fontuetop" !important; content: '\F107'; } .side-nav-link-sub_list li .side-nav-link-sign { font-size: 15px; font-weight:bold; margin-top: -40px; text-align: right; width: 100%; right: 0; padding-right: 30px; bottom: inherit; position: absolute; } .side-nav-link-sub_list { margin: 0; padding:15px 0; display: none; } .side_active { overflow: hidden; } .side_active body { overflow: hidden; } .side_film{ width: 100%; height: 101%; position: fixed; top: 0; left: 0; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background-position:50% 50%; background-repeat:no-repeat; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; background-size: cover; display:block; visibility:hidden; z-index:700; } .side_film:before{ position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; left: 0; visibility:hidden; top: 0; width: 100%; height: 100%; background-color:#192029; content: " "; } .side_active .side_film,.side_active .side_film:before{ -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display:block; z-index:1006; visibility:visible; filter: alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity: 0.90; } .side_film { background-image: url("//asset.ibanquan.com/s/138995/474/side_film_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/side_film_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .side_active .side_film{ filter: alpha(opacity=100); -moz-opacity:1; visibility:visible; -khtml-opacity:1; opacity: 1; } .side_active .side{ -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; filter:alpha(opacity=100); visibility:visible; -moz-opacity:1; -khtml-opacity:1; opacity:1; z-index:1100; } @media screen and (max-width: 767px){ .side{ overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; } .side-nav-link li { line-height: 50px; } .side-nav-link li a { font-size: 20px; line-height: 50px;} .side-nav-link li .side-nav-link-sign { margin-top:-50px; } .side-nav-link-sub_list li .side-nav-link-sign { margin-top: -36px; } .side-nav-link ul li a { display:block; font-size:18px; line-height:36px; width:280px; } .side-nav-link-sub_list{ padding:8px 0; } } .side_active .nav-menu{ background:none; } .full-menu-active{ position:fixed; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; z-index:999; top:0; left:40px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; } .side-nav-link { position:absolute; top:50%; height:400px; margin-top:-200px; opacity: 0; display: block; -webkit-transition: all 750ms ease .25s; -moz-transition: all 750ms ease .25s; -ms-transition: all 750ms ease .25s; -o-transition: all 750ms ease .25s; transition: all 750ms ease .25s; } .side_active .side-nav-link { position:absolute; top:50%; height:500px; margin-top:-250px; left:0; opacity: 1; display: block; -webkit-transition: all 650ms ease 150ms; -moz-transition: all 650ms ease 150ms; -ms-transition: all 650ms ease 150ms; -o-transition: all 650ms ease 150ms; transition: all 650ms ease 150ms; } .side_active .full-menu-active{ -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; z-index:1100; left:40px; filter:alpha(opacity=1); -moz-opacity:1; opacity:1; visibility:visible; } .side_active .nav-menu span:nth-child(1),.side_active .nav-menu span:nth-child(4){ top: 8.5px; left: 50%; width: 0%; } .side_active .nav-menu span { background-color: #ffffff; } .side_active .nav-menu span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .side_active .nav-menu span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-account-side{ position: absolute; top: 0; right:0; z-index:99999; } .nav-account-side-right,.nav-account-side-left { color:#ffffff !important; width: 80px; float: left; font-size:16px; padding: 40px 0 20px; display: block; opacity:0.8; } .sideLogin.nav-account-left{ color:#ffffff !important; } @media screen and (max-width: 767px) { .side{ top:40px; } .side_active .side-nav-link { margin-top:-290px; } .nav-account-side-right,.nav-account-side-left { color:#ffffff !important; width: 55px; float: left; font-size:16px; padding: 18px 0 20px; display: block; opacity:0.8; } .full-menu-active{ left:15px; } } .full-menu-active,.side_active .full-menu-active{ display:block; height:70px; margin-top:0; filter: alpha(opacity=1); -moz-opacity: 1; opacity: 1; visibility: visible; z-index:600; position:fixed; } .header-fixed .full-menu-active{ height:60px; } @media screen and (min-width: 768px) { .full-menu-active{ display:none!important; }} .full-menu-active,.side_active .full-menu-active{ z-index:1100; } .side_active .full-menu-active{ display:block!important;; } @media screen and (max-width: 767px) { .full-menu-active,.header-fixed .full-menu-active,.side_active .full-menu-active{ height:58px; }} /* border */ .borderTop, .borderLeft, .borderRight, .borderBottom { z-index:18; background-color:#ffffff; } .borderLeft, .borderRight{ position: fixed; } .borderTop, .borderBottom { position:absolute; } .nav-link .nav-menu-fixed a{ padding:0; } /* lunbo */ .index { height: 100%;position:relative; } .uetop_slider { overflow: hidden; position: relative; height: 100%; } .headSlider{ background-color:#ffffff } .owl-carousel{ margin-bottom:0px; } .owl-item .item{ width:100%; } .part_3--inner { position: absolute; bottom: %; left: 0; width: 100%; height: auto; z-index:2; overflow: hidden; } .part_3--item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; line-height: 0; background-position: center; background-size: cover; } .part_3-title { font-size: 22px; font-weight:400; margin: 0 auto ; letter-spacing:0.05em; line-height: 1.2; padding:0; overflow: hidden; } .part_3-desc { margin: 20px auto 0; font-size: 60px; font-weight:400; letter-spacing:0.05em; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .part_3-link { margin: 30px auto 0; display:inline-block; *display: inline; *zoom: 1; text-align: center; padding:8px 40px; } .part_3-text { max-width:40%; display:inline-block; *display: inline; *zoom: 1; margin: 0 auto 0; text-align: left; } .part3_text_wrap { display: block; margin: 0 auto; text-align: center; width:70%; } /* slider-text1-position */ @media screen and (min-width: 768px) { .part-item-1 .part_3-text{ text-align: center; max-width:60%; }} .part-item-1 .part_3--inner{ position: absolute; bottom: 50%; left: 0; width: 100%; height: auto; z-index: 2; overflow: hidden; } .part-item-1 .part3_text_wrap { text-align: center; } /* slider-text2-position */ @media screen and (min-width: 768px) { .part-item-2 .part_3-text{ text-align: center; max-width:60%; }} .part-item-2 .part_3--inner{ position: absolute; bottom: 50%; left: 0; width: 100%; height: auto; z-index: 2; overflow: hidden; } .part-item-2 .part3_text_wrap { text-align: center; } /* slider-text3-position */ @media screen and (min-width: 768px) { .part-item-3 .part_3-text{ text-align: center; max-width:60%; }} .part-item-3 .part_3--inner{ position: absolute; bottom: 50%; left: 0; width: 100%; height: auto; z-index: 2; overflow: hidden; } .part-item-3 .part3_text_wrap { text-align: center; } /* slider-text4-position */ @media screen and (min-width: 768px) { .part-item-4 .part_3-text { text-align: center; max-width:60%; }} .part-item-4 .part_3--inner{ position: absolute; bottom: 50%; left: 0; width: 100%; height: auto; z-index: 2; overflow: hidden; } .part-item-4 .part3_text_wrap { text-align: center; } /* slider-text5-position */ @media screen and (min-width: 768px) { .part-item-5 .part_3-text{ text-align: center; max-width:60%; }} .part-item-5 .part_3--inner{ position: absolute; bottom: 50%; left: 0; width: 100%; height: auto; z-index: 2; overflow: hidden; } .part-item-5 .part3_text_wrap { text-align: center; } /* slider-text6-position */ .part-item-6 .part_3--inner{ position: absolute; bottom: 50%; left: 0; width: 100%; height: auto; z-index: 2; overflow: hidden; } .part-item-6 .part3_text_wrap { text-align: left; } /* slider-text7-position */ .part-item-7 .part_3--inner{ position: absolute; bottom: 50%; left: 0; width: 100%; height: auto; z-index: 2; overflow: hidden; } .part-item-7 .part3_text_wrap { text-align: left; } @media screen and (max-width: 767px) { .part_3-img-1 { background-image: url("//asset.ibanquan.com/s/138995/474/mpart_3_1_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/mpart_3_1_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .part_3-img-2 { background-image: url("//asset.ibanquan.com/s/138995/474/mpart_3_2_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/mpart_3_2_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .part_3-img-3 { background-image: url("//asset.ibanquan.com/s/138995/474/mpart_3_3_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/mpart_3_3_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .part_3-img-4 { background-image: url("//asset.ibanquan.com/s/138995/474/mpart_3_4_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/mpart_3_4_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .part_3-img-5 { background-image: url("//asset.ibanquan.com/s/138995/474/mpart_3_5_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/mpart_3_5_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .part_3-img-6 { background-image: url("//asset.ibanquan.com/s/138995/474/mpart_3_6_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/mpart_3_6_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .part_3-img-7 { background-image: url("//asset.ibanquan.com/s/138995/474/mpart_3_7_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/mpart_3_7_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } } @media screen and (min-width: 768px) { .part_3-img-1 { background-image: url("//asset.ibanquan.com/s/138995/474/part_3_1_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/part_3_1_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .part_3-img-2 { background-image: url("//asset.ibanquan.com/s/138995/474/part_3_2_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/part_3_2_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .part_3-img-3 { background-image: url("//asset.ibanquan.com/s/138995/474/part_3_3_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/part_3_3_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .part_3-img-4 { background-image: url("//asset.ibanquan.com/s/138995/474/part_3_4_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/part_3_4_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .part_3-img-5 { background-image: url("//asset.ibanquan.com/s/138995/474/part_3_5_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/part_3_5_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .part_3-img-6 { background-image: url("//asset.ibanquan.com/s/138995/474/part_3_6_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/part_3_6_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } .part_3-img-7 { background-image: url("//asset.ibanquan.com/s/138995/474/part_3_7_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/part_3_7_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); } } .part_3-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; line-height: 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .fadeOut .owl-dots .owl-dot span { width: 4px; height: 4px; margin: 5px; display: block; background:#b0b0b0; border:2px solid #ffffff; opacity:0.8; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius:100%; } .fadeOut .owl-dots .owl-dot.active span, .fadeOut .owl-dots .owl-dot:hover span { width: 8px; height: 8px; border:0px solid #ffffff; background:#ffffff; opacity:1; } .fadeOut .owl-dots .owl-dot span { width:4px;height:4px; border-radius:0; background:none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .fadeOut .owl-dots .owl-dot.active span, .fadeOut .owl-dots .owl-dot:hover span { width: 8px; height: 8px; border:0px solid #ffffff; opacity:1; } .fadeOut .owl-nav div:before{ background:none!important;font-size:28px!important; } .owl-carousel .owl-item.active .part_3-img{ animation: zoom 20s linear 0s 1 normal; -moz-animation: zoom 20s linear 0s 1 normal; -webkit-animation: zoom 20s linear 0s 1 normal; -o-animation: zoom 20s linear 0s 1 normal; } @-o-keyframes zoom { 0% {transform: scale(1.1);} 50% { transform: scale(1);} 100% { transform: scale(1);} } @-moz-keyframes zoom { 0% {transform: scale(1.1);} 50% { transform: scale(1);} 100% { transform: scale(1);} } @-webkit-keyframes zoom { 0% {transform: scale(1.1);} 50% { transform: scale(1);} 100% { transform: scale(1);} } @keyframes zoom { 0% {transform: scale(1.1);} 50% { transform: scale(1);} 100% { transform: scale(1);} } .part3_text_wrap{ visibility: hidden; filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(5px); /* Chrome, Opera */ -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */ } .fadeOut .owl-item.active .part3_text_wrap{ visibility: visible!important; filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(0px); /* Chrome, Opera */ -moz-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false); /* IE6~IE9 */ -webkit-transition: all 0.5s ease-in 1s; -moz-transition: all 0.5s ease-in 1s; -o-transition: all 0.5s ease-in 1s; -ms-transition: all 0.5s ease-in 1s; transition: all 0.5s ease-in 1s; animation: fadeIn 0.5s linear 1s 1 normal; -moz-animation: fadeIn 0.5s linear 1s 1 normal; -webkit-animation: fadeIn 0.5s linear 1s 1 normal; -o-animation: fadeIn 0.5s linear 1s 1 normal; } @media screen and (max-width: 767px){ .fadeOut .owl-nav{ display:none; } .part_3--inner { bottom:0!important; } .owl-carousel{ margin-bottom:0; } .part_3-text { margin: 0 auto 60px!important; max-width:100%;} .part_3-title { font-size:14px; letter-spacing:0; } .part_3-desc { font-size:32px; letter-spacing:0; margin:12px auto 0; display:block; } .part_3-link{ font-size:12px; margin:20px auto 0; padding: 4px 30px; } } .uetop_slider{margin:0;} @media screen and (min-width:1441px){ .fadeOut.owl-carousel .owl-nav .owl-prev{ left:8%!important; } .fadeOut.owl-carousel .owl-nav .owl-next{ right:8%!important; }} @media screen and (min-width: 768px) and (max-width:1440px){ .fadeOut.owl-carousel .owl-nav .owl-prev{ left:6%!important; } .fadeOut.owl-carousel .owl-nav .owl-next{ right:6%!important; } } @media screen and (max-width: 767px){ .owl-item .item { padding-top: 120%; }} @media screen and (min-width: 768px) and (max-width: 1024px){ .owl-item .item { padding-top: 50%; }} @media screen and (min-width:1025px) and (max-width: 1440px){ .owl-item .item { padding-top: 44%; }} @media screen and (min-width:1441px) and (max-width: 1660px){ .owl-item .item { padding-top: 40%; }} @media screen and (min-width:1661px) { .owl-item .item { padding-top: 36%; }} @media screen and (min-width: 768px) and (max-width: 1024px){ .owl-item .item { padding-top:0; min-height:520px; height:0;} .owl-dots { bottom: 20px!important;} } @media screen and (min-width: 1025px){ .owl-item .item { padding-top:0; min-height:400px; height:calc(100vh - 120px ) } .owl-dots { bottom: 20px!important;} } @media screen and (min-width: 768px) and (max-width: 1024px){ .owl-item .item { padding-top:0; min-height:580px; height:0;} .owl-dots { bottom: 20px!important;} } @media screen and (min-width:1025px){ .uetop_slider,.fadeOut .owl-item .item{ padding-top:0; height:100vh ; }} @media screen and (max-width: 767px){ .owl-item .item { padding-top:480px; }} .owl-item .part_3-img:before{ content: ''; display: block; position: absolute; z-index: 1; height: 100%; width:100%; background: #000; filter: alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity:0.40; opacity: 0.40; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; } .home-page{ position:relative; z-index:5; } @media screen and (min-width: 768px) { .fadeOut.owl-carousel{ position:fixed; } .fadeOut .owl-item .item{ padding:0; } .uetop_slider,.fadeOut .owl-item .item { height:660px; }} @media screen and (min-width: 1681px) { } @media screen and (min-width: 1441px){ .uetop_slider,.fadeOut .owl-item .item { height:800px; }} @media screen and (min-width:768px) and (max-width:1024px){ .uetop_slider,.fadeOut .owl-item .item{ padding-top:0; min-height:520px; height:0; }} @media screen and (min-width: 1025px){ .uetop_slider,.fadeOut .owl-item .item{ padding-top:0; min-height:400px; height:calc(100vh - 120px ) } } @media screen and (min-width:768px) and (max-width:1024px){ .uetop_slider,.fadeOut .owl-item .item{ padding-top:0; min-height:580px; height:0; }} @media screen and (min-width:1025px){ .uetop_slider,.fadeOut .owl-item .item{ padding-top:0; height:100vh ; }} @media screen and (min-width: 768px) { .uetop_slider { padding-bottom:0%; }} /* 面包屑 */ .breadcrumb { margin: 35px 0 0; height: 20px; padding: 0 50px; line-height: 20px; } .breadcrumb-item { font-size: 14px; } .breadcrumb--blogs { margin: 30px 0 -26px; } .breadcrumb--top { margin: 83px 0 30px; } @media screen and (max-width: 767px) { .breadcrumb { margin: 18px 0 8px; font-size: 13px; } .breadcrumb-item { font-size: 13px; } .breadcrumb--top { margin: 60px 0 30px; } } .pro_list_title h2{ display:inline;font-size:28px; } .pageTitle { line-height: 1.2; font-size: 26px; } .pageTitle-title,.pro_list_title { text-align:center; font-size:28px; } .pageTitle-count, .pageTitle-filter { display: inline; height: 40px; line-height: 40px; } .pageTitle a { margin: 0; } .pageTitle-filter { display: block; position: relative; bottom: 1px; } .pageTitle-filter-icon { margin: 0 6px 0 19px; font-size: 15px; position: relative; bottom: 1px; } .pageTitle_count_mobi { display: none; } .wrap_full.pro_list_wrap_full{ position:relative;z-index:5; } @media screen and (max-width: 767px) { .pageTitle-title{ font-size: 20px; } .pro_list_title,.pro_list_title h2 { font-size: 18px; } .pageTitle a.pageTitle-filter { font-size: 15px; } .pageTitle-filter-icon { font-size: 15px; } .pageTitle_count_mobi { display: block; padding: 0 10px; font-size: 12px; height: 18px; line-height: 18px; } } /* 顶部 Banner */ .breadcrumb.proDiscount{ margin: 0; padding: 50px 0; font-size: 18px; text-align: center; background: #FF002A; } .pro_list_wrap.pro_discount.wrap_width { max-width: none; } .pro_list_wrap.pro_discount .breadcrumb-item{ font-size:18px;color:#fff; } .pro_list_title{ text-align:center; padding-top:4%; } /* 产品列表过滤器 - 产品列表页面 */ .pro_list_page-side { float: left; width: 180px; display: none; } .pro_list_page-main { width: auto; padding:0; } .pro_list_page--show_side .pro_list_page-side { display: block; } @media screen and (max-width: 767px) { .wrap { width: auto; } h2{font-size:15px;} .pro_list_page-side { display: none; } .pro_list_page--show_side .pro_list_page-side { display: none; } .pro_list_page--show_side .pro_list_page-main { margin: 0; } } /* 产品列表过滤器 - 顶部过滤器 */ .navFix{position: fixed;top: 60px; z-index: 9;} .brand .navFix{ right:0; } .pro_list_page-side { float: left; width: 100%; display: none; } .filter_simple { height: 60px; line-height: 60px; padding: 0 10px; } .filter_simple-btn { float: left; } .filter_simple-btn .pro_list_filter-pro-item-name { line-height: 30px; height: 30px; display:inline-block; *display: inline; *zoom: 1; font-weight: bold; color: #7a7a7a; margin: 0 15px 0 0; } .filter_simple-btn .pro_list_filter-order-item { display:inline-block; *display: inline; *zoom: 1; } .filter_simple-btn .pro_list_filter-order-item-check { color: #7a7a7a; } .filter_simple-pagination { float: right; margin: 0 0 0 30px; } .filter_simple-pagination-btn { display:inline-block; *display: inline; *zoom: 1; width: 28px; height: 28px; line-height: 28px; border-radius: 2px; text-align: center; } .filter_simple-pagination-next { margin: 0 0 0 2px; } .filter_simple-total { float: left; margin-left: 36px; } @media screen and (max-width: 767px) { .filter_simple { display: none; } } /* 产品列表过滤器 - PC 端过滤器 */ .breadcrumb.proList_breadcrumb { margin: 0; padding:0; display:inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .pro_list_paixu_wrap { display:inline-block; *display: inline; *zoom: 1; float: right; right:0; vertical-align: middle; position: relative; } .pageTitle-filter { display: inline; height: 48px; line-height: 48px; vertical-align: middle; } .pro_list_filter-order-item-each { margin: 0 10px; } .prolist-filter .prolist-filter-name{ text-align: left; line-height: 1.4; text-indent: 30px; padding-top:50px; padding: 10px 0; } .prolist-filter .prolist-filter-itemname{ text-align: left; line-height: 1.4; font-size:13px; position:relative; text-indent: 30px; width: 100%; padding: 20px 0 3px; } .pro_list_filter .mod { padding:0 } .prolist-filter-itemname:before { content: ''; background: #e0e0e0; width: 86%; height: 1px; position: absolute; bottom: 0; left: 30px; z-index: 5555; } .prolist-filter .prolist-filter-item { padding: 5px 30px 15px; line-height: 1.6; } .prolist-filter .prolist-filter-item li { margin: 6px 5px; display:inline-block; *display: inline; *zoom: 1; width: 150px; text-align: center; border: 1px solid #e0e0e0; background:#fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .prolist-filter .prolist-filter-item a { display:block; margin:2px 0; font-size: 13px; color: #6c7481; line-height: 2; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-decoration:none!important; } .prolist-filter-table,.prolist-filter td, .prolist-filter th{ border: none!important; } .pro_list_filter { webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; z-index:9992; visibility: hidden; position: fixed; text-align:left; top: 0; width: 600px; height: 100%; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; font-size: 16px; right: -600px; } .prolist-filter-clear{ width: 100%!important; height: 48px!important; text-align: center; line-height: 48px!important; left: 0; background: #222!important; } .prolist-filter-clear a{ color:#fff; } .side_active2 .pro_list_filter{ -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; filter: alpha(opacity=100); visibility: visible; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index:9992; right:0; } .side_active2 { overflow:hidden; } .filter_film { width: 100%; height: 101%; position: fixed; top: 0; left: 0; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background-position: 50% 50%; background-repeat: no-repeat; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index:9988; background:#000; background-size: cover; display: block; visibility: hidden; } .side_active2 .filter_film { -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: block; z-index:9988; visibility: visible; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } input.pro_list_filter-order-item-check-input { margin: 5px; } select.pro_list_filter-pro-item-select.settings-filterSelect_color.dropkick { -webkit-appearance: menulist; box-sizing: border-box; align-items: center; white-space: pre; -webkit-rtl-ordering: logical; color: #333; background: none; cursor: default; border: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; } .pro_list_paixu { font-size: 14px; vertical-align:top; color:#333; height: 48px; line-height: 48px; overflow: visible!important; text-align: center; } .pageTitle-filter { display:inline-block; *display: inline; *zoom: 1; font-size: 14px; padding:0 20px; position: relative; vertical-align:top; color:#333; text-align: center; bottom:0 ; } button.mdui-btn.filterpaixu { height: 48px; font-size: 14px; line-height: 48px; font-weight:normal; } button.mdui-btn.filterpaixu { vertical-align: top; } .proList_paixu_filter { -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; height: 48px; position:relative; filter: alpha(opacity=97); -moz-opacity: 0.97; -khtml-opacity: 0.97; opacity: 0.97; z-index:7; -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.1); box-shadow: 0 1px 8px rgba(0,0,0,0.1); line-height: 48px; width: 100%; background: #fff; } .mdui-btn.pro_list_paixu:before { content: ''; height: 60%; width: 1px; position: absolute; right: 0; background-color: #e0e0e0; top: 20%; } .mdui-menu.paixu-wraper{ transform: scale(0.9); -webkit-transform: scale(0.9); width: 220px; } .mdui-menu.paixu-wraper.mdui-menu-open { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mdui-menu.paixu-wraper,.mdui-menu .paixu-wraper.mdui-menu-open { top: 48px!important; } .mdui-menu.paixu-wraper{ font-size:15px;font-weight:normal; box-shadow: 0 5px 5px -3px rgba(0,0,0,.2); border-radius:0; -webkit-border-radius:0; } .mdui-btn.pro_list_paixu{ padding:0; } @media screen and (min-width: 768px) { .header-fixed .proList_paixu_filter{ position:fixed; animation: 0.6s ease 0s normal both 1 filterAnim; -webkit-animation: 0.6s ease 0s normal both 1 filterAnim; top:60px; } @-webkit-keyframes filterAnim { 0% { top: -100%; } 100% { top: 60px; } } @keyframes filterAnim { 0% { top: -100%; } 100% { top: 60px; } } } .proList_paixu_filter.mdui-headroom.mdui-headroom-unpinned-top { -webkit-transform: translate3d(0,-60px,0)!important; transform: translate3d(0,-60px,0)!important; -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.1)!important; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.1)!important; box-shadow: 0 1px 8px rgba(0,0,0,0.1)!important; } .pro_list_filter-pro-item-select .dk-selected { background: none!important; font-size:16px; color:#333; padding:0!important;; } .pro_list_filter-pro-item-select .dk-selected:before{ display:none!important; } .icon-down.paixu_filter_icon{ margin: 0; position: relative; bottom:-1px; color:#333; } .pageTitle-filter-icon { margin: 0 0 0 5px; font-size: 16px; position: relative; color:#333; bottom: 0; } .pro_list_filter-pro-item-select #dk0-listbox { width: 300px; left: -150px; } .prolist-filter .prolist-filter-each { border-color: #e4e4e4; padding: 7px 34px 7px 0; text-indent: 8px; background:#f8f8f8; height:auto; } .prolist-filter .prolist-filter-each-close { position: absolute; right: 6px; top: 0; height: 36px; text-align: left; width: 20px; line-height: 36px; text-align: left; overflow: hidden; font-size: 14px; } .prolist-filter .prolist-filter-selected { padding: 15px 0 10px 30px; } .proList_Title_color{ color:#242020; } @media screen and (max-width:767px){ .breadcrumb.proList_breadcrumb{ display: none; } .pro_list_paixu_wrap{ width:100%;right:0; } button.mdui-btn.filterpaixu { width: 100%; padding: 0; } .pageTitle-filter,.mdui-btn.pro_list_paixu{ padding:0;float:left; width:50%; } .prolist-filter .prolist-filter-item { padding: 5px 15px 15px; } .prolist-filter .prolist-filter-itemname { text-indent: 15px;} .prolist-filter-itemname:before{ left:15px; } .prolist-filter .prolist-filter-item li { margin: 4px 2px; width: 122px; } .prolist-filter .prolist-filter-item a { padding: 0 10px; font-size: 13px; margin:0; } .pro_list_filter { width: 300px; right: -300px; } .pro_list_title{ font-size:18px; } .proList_paixu_filter,.header-fixed .proList_paixu_filter { position:fixed; left:0; top:58px; } .pro_list_title{ margin-top:48px; } .prolist-filter-each { max-width: none!important; } } /* 产品列表 */ @media screen and (max-width: 767px) { .pro_list_wrap { max-width: none; } } .pro_list { margin: 20px 0; } @media screen and (max-width: 767px) { .pro_list { margin: 10px 0 30px 0; } } /* 产品列表格子 */ .pro-soldout { font-style: normal; width: 120px; height: 120px; line-height: 120px; position: absolute; background: rgba(226, 226, 226, 0.85); top: 50%; left: 50%; z-index:9; margin: -60px 0 0 -60px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; color: #222; font-size: 16px; } .pro_list-grid { margin: 0; padding: 30px 0; } .grid-item--box{ display:block; } @media screen and (min-width: 1025px) { .pro_list-grid li:hover .grid-item-a{ -webkit-transform: scale(1.03); transform: scale(1.03); -moz-transform: scale(1.03); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }} .grid-item,.index-display-item { text-align:center; } .grid-item { width: 25%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; padding:1% 1.2% ; margin: 0 ; } .grid-item-text { margin: 14px auto 5px; /* display: -ms-flex; display: -webkit-flex; display: flex;*/ width: 90%; } .grid-item-text-name{ font-size:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .grid-item-brand-name { font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .grid-item-a { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display:inline-block; *display: inline; *zoom: 1; overflow: hidden; } .grid-item-a-img { display:inline-block; *display: inline; *zoom: 1; margin: auto; width: auto; height: auto; max-width: 100%; vertical-align: middle; } .grid-item-a--wrap { width: 100%; padding: 0 0 100%; position: relative; } .grid-item-buy { width: 90%; font-size: 16px; margin: 0 auto; padding: 0 0 20px; height: 30px; } .grid-item-buy-price { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space: nowrap; } .price_discount_square{ line-height:12px; font-weight:bold; overflow:hidden; right:0; top:0; font-size:12px; text-align:center; position:absolute; z-index:4; padding:6px 10px; background-color: #7d74db; color:#ffffff; } .price_discount_square:before { content: ""; position: absolute; z-index: 2; background: #fff; height: 100%; top: 0; right: 50%; opacity: .15; width: 100%; } @media screen and (max-width:767px) { .price_discount_square{ transform-origin:right top; -webkit-transform: scale(0.8); transform: scale(0.8); }} .proList-origPrice.settings-orgprice_color { padding:0 0.5rem; } .grid-item-a--wrap { overflow: hidden; } .pro_list_wrap_full,.custom_page.settings-contBg_background{ background:#ffffff; } .grid-item-text-name{ font-size:14px; } .grid-item-brand-name{ font-size:13px; } .grid-item-buy { font-size: 15px; height: 28px; line-height: 1.4; } .grid-item-buy .price_discount{ line-height:13px; font-size:13px; } @media screen and (max-width: 1024px) { .grid-item { width: 33.333%; } } @media screen and (max-width: 767px) { .pro_list_wrap.products_wrap { padding: 0 ; } .pro_list-grid li:nth-child(2n+1){ padding:1% 1% 1% 0; } .pro_list-grid li:nth-child(2n){padding:1% 0 1% 1%; } .pro_list-grid { margin: 0; padding: 0 7px 20px; } .grid-item { width: 50%; } .pro-soldout { width: 60px; height: 60px; line-height: 60px; margin: -30px 0 0 -30px; font-size: 13px; } .grid-item-buy{ width: 90%; font-size:13px; height:20px; padding-bottom:10px; line-height:1.1; } .proList-origPrice,.grid-item-buy-price{ margin-right:5px; } .grid-item-buy .price_discount{ line-height:24px;font-size:13px; } .proList-origPrice.settings-orgprice_color { padding-left: 0; } .grid-item-text-name,.grid-item-brand-name{ font-size:13px; } .grid-item-brand-name{ line-height:15px; } .indexSection4 .grid-item-text-name,.indexSection4 .grid-item-brand-name,.indexSection4 .grid-item-buy{ font-size:12px;} .indexSection4.border_section{ padding:0!important; } .pro_list { margin:10px 0 0 0} .pro_wrap { max-width: none; margin-bottom:0; position: relative; display:block; }} /* 分页 */ .pro_list_pagination_wrap{ width:100%; padding-bottom: 40px; } .pro_list_pagination { text-align: center; } .pro_list_pagination-item { display:inline-block; *display: inline; *zoom: 1; line-height: 1; font-size: 18px; margin: 0 10px; } .pro_list_pagination-dot { display:inline-block; *display: inline; *zoom: 1; width: 26px; height: 26px; line-height: 26px; font-size: 16px; position: relative; bottom: 4px; } .pro_list_pagination-item.active{ background:none; color:#222; border-bottom:1px solid #222; } .prolist-spfilter-pagenation-next{ font-size:18px; margin-left:50px; } .prolist-spfilter-pagenation-prev{ font-size:18px; margin-right:50px; } .settings-proGridItemBtnHover_background:hover{ background:none; } .settings-proGridItemBtnHover_color:hover{ color:#222; } /* 商品详情 */ .pro_breadcrumb { margin: 0 30px; height: 70px; text-align:center; line-height: 70px; } .pro_mod { padding: 0 30px; } #yhsd_variantSelector_addCart:before { content: ""; width:100%; height: 100%; background-color: #303030; z-index: -1; top: 0; position: absolute; left: 0; transform: scaleX(0); transform-origin: right; transition: transform .7s cubic-bezier(.19,1,.22,1); -webkit-transition: transform .7s cubic-bezier(.19,1,.22,1); -moz-transition: transform .7s cubic-bezier(.19,1,.22,1); -ms-transition: transform .7s cubic-bezier(.19,1,.22,1); -o-transition: transform .7s cubic-bezier(.19,1,.22,1); } #yhsd_variantSelector_addCart:hover:before{ transform: scaleX(1); transform-origin: left; } @media screen and (max-width: 767px) { .grid-item-text { margin: 10px auto 2px;} .pro_wrap { padding: 0; } .pro_breadcrumb { display: none; } .pro_mod { padding: 0; }} .pro_detail { margin: 20px 75px 0 60px; padding: 0 0 40px; } .pro_detail-gallery { width: 400px; overflow: hidden; position:relative; } .pro_detail-gallery-main-button { display: none; } .pro_detail-gallery-main-img { text-align: center; position: relative; top: 0; left: 0 !important; display: none; } .pro_detail-gallery-main-img-src { width: 100%; height: auto; vertical-align: middle; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBiYXNlUHJvZmlsZT0iZnVsbCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6ZXY9Imh0dHA6Ly93d3cudzMub3JnLzIwMDEveG1sLWV2ZW50cyIgaGVpZ2h0PSI0NS45cHgiIHdpZHRoPSI0NS45cHgiID48cGF0aCBmaWxsPSJyZ2IoIDE4NywgMTg3LCAxODcgKSIgZD0iTTQ0LDIyIEM0NCwyMiAyMywyMiAyMywyMiBDMjMsMjIgMjMsNDQgMjMsNDQgQzIzLDQ0IDIyLDQ0IDIyLDQ0IEMyMiw0NCAyMiwyMiAyMiwyMiBDMjIsMjIgMCwyMiAwLDIyIEMwLDIyIDAsMjEgMCwyMSBDMCwyMSAyMiwyMSAyMiwyMSBDMjIsMjEgMjIsMCAyMiwwIEMyMiwwIDIzLDAgMjMsMCBDMjMsMCAyMywyMSAyMywyMSBDMjMsMjEgNDQsMjEgNDQsMjEgQzQ0LDIxIDQ0LDIyIDQ0LDIyIFogIi8+PC9zdmc+), auto } .baguetteBox-button#close-button{ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBiYXNlUHJvZmlsZT0iZnVsbCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6ZXY9Imh0dHA6Ly93d3cudzMub3JnLzIwMDEveG1sLWV2ZW50cyIgaGVpZ2h0PSIyLjlweCIgd2lkdGg9IjQ1LjlweCIgPjxwYXRoIGZpbGw9InJnYiggMTg3LCAxODcsIDE4NyApIiBkPSJNMCwxIEMwLDEgMCwwIDAsMCBDMCwwIDQ0LDAgNDQsMCBDNDQsMCA0NCwxIDQ0LDEgQzQ0LDEgMCwxIDAsMSBaICIvPjwvc3ZnPg==), auto } .pro_detail-gallery-main-img:first-child { display: block; } .pro_detail-gallery-list { position: relative; margin: 10px 0 30px 0; height: 123px; overflow: hidden; } .pro_detail-gallery-list-box-item { display:inline-block; *display: inline; *zoom: 1; margin: 0 6px 6px 0; width: 82px; height: 123px; position:relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 82px; text-align: center; vertical-align: top; } .pro_detail-gallery-list-box-item.hide { display: none; } .pro_detail-gallery-list-box-item-src { width: 100%; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pro_detail-gallery-list-box-item:before{ content: ""; width: 100%; height: 100%; background-color: #000; top: 0; position: absolute; left: 0; filter: alpha(opacity=0); opacity: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } .pro_detail-gallery-list-box-item:hover:before{ filter: alpha(opacity=0.2); opacity: 0.2; } .pro_detail-gallery-list-prev, .pro_detail-gallery-list-next { position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; filter: alpha(opacity=90); opacity: 0.9; background:#fff; border-radius: -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15); margin-top:-15px; top: 50%; display: none; z-index:12; } .pro_detail-gallery-list-prev:hover, .pro_detail-gallery-list-next:hover { filter: alpha(opacity=100); opacity:1; } .pro_detail-gallery-list-prev.active, .pro_detail-gallery-list-next.active { display: block; } .pro_detail-gallery-list-prev { left: 5px; } .pro_detail-gallery-list-next { right: 5px; } .pro_detail-title { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 0 5px; font-size: 100%; } .pro_detail-desc { color:#333333; overflow: hidden; margin-top: 12px; padding:10px 0; border-top: 0px dotted #cacaca; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pro_detail-desc .settings-link_color { line-height: 16px; display:inline-block; *display: inline; *zoom: 1; margin:0; color:#ff7272; padding: 0 10px 0 0; } .cart-head-promote .name { color:#ff7272; border:1px solid #e4e4e4; padding: 6px 60px; background:#fff; } .pro_detail-price { padding: 0 0 5px; } .pro_detail-price h3 { display: none; } .pro_detail-uprice { font-size: 24px; line-height: 30px; margin-right:10px; } .pro_detail-sold { display:inline-block; *display: inline; *zoom: 1; line-height: 23px; padding: 6px 0 0; vertical-align: bottom; } .pro_detail-sub { padding:10px 0;; } .pro-detail-sub-each-wrap{ display: inline-block; vertical-align: middle; width: 85%; } .pro-detail-sub-each-wrap .selected:before{ content: ''; width: 0; height: 0; position: absolute; right: 0; bottom: 0; z-index: 2; border-right: #000000 .4rem solid; border-left: transparent .4rem solid; border-top: transparent .4rem solid; } .pro_detail-quantity h3 { font-size: 14px; float:left; line-height: 18px; height: 18px; margin: 0; padding: 8px 5% 8px 0; } .pro_detail-quantity-desc { float: right; margin: 0 30px 0 0; height: 44px; line-height: 44px; font-size: 12px; } .pro_detail-quantity-btn { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; height: 42px; height: 38px; border-width: 1px; border-style: solid; border-radius: 2px; overflow: hidden; border-color: #e0e0e0; } .pro_detail-quantity-btn-input { font-size: 13px; border-width: 0 1px 0; border-style: solid; width: 63px; height: 42px; line-height: 42px; text-align: center; vertical-align: top; padding: 0; color: #666666; border-color: #e0e0e0; background: none; } .pro_detail-quantity-btn-d { font-size: 16px; display:inline-block; *display: inline; *zoom: 1; text-align: center; width: 35px; height: 42px; line-height: 42px; vertical-align: top; color: #666666; filter: alpha(opacity=70); opacity: 0.7; } .pro_detail-quantity-btn-a { font-size: 16px; display:inline-block; *display: inline; *zoom: 1; text-align: center; width: 35px; height: 38px; line-height: 38px; vertical-align: top; color: #666666; filter: alpha(opacity=70); opacity: 0.7; } .pro_detail-addBtn { margin: 14px 0 10px; width:100%; position: relative; } .pro_detail-addBtn-addCart { font-size: 18px; display: block; height: 38px; line-height:38px; position:relative; text-align: center; overflow:hidden; } .pro_detail-addBtn-addCart-icon { font-size: 16px; font-weight:normal!important; margin: 0 10px 0 0; } .pro_detail-addBtn-addSucc { display: none; position: absolute; top: 71px; left: 0; font-size: 18px; padding: 0 36px; height: 54px; line-height: 54px; border-style: solid; border-width: 1px; border-radius: 2px; text-align: center; z-index: 1; } .pro_detail-addBtn-addSucc-icon { font-size: 21px; margin: 0 5px 0 0; } .pro_detail-addBtn-addSucc-goCart { display:inline-block; *display: inline; *zoom: 1; margin: 8px 0 0 15px; height: 36px; line-height: 36px; width: 84px; text-align: center; border-radius: 2px; } .pro_detail-addBtn-addSucc-close { font-size: 20px; margin: 0 0 0 15px; } /* 原商品页面 JS 所需 */ .pro-detail-sub-each { margin-bottom: 5px; } .pro-detail-sub-each h3 { text-align: justify; text-align-last: justify; width:10%; float: left; font-size: 14px; line-height: 18px; height: 18px; display: inline-block; padding: 12px 5% 12px 0; margin: 0; } .pro-detail-sub-each-wrap a { display: block; float: left; border-style: solid; border-width: 1px; height: 30px; line-height: 28px; margin: 6px 8px 0 0; padding: 0 12px; font-size: 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .pro-detail-sub-each-wrap a.disabled { border-style: dashed; filter: alpha(opacity=30); opacity: 0.3; } .pro-detail-sub-each-wrap a.disabled:hover { background-color: initial; color: inherit; cursor: not-allowed; } .selected.settings-optionSelected_border,.unselected.settings-optionUnSelected_border:hover{ border-width:2px;line-height:26px;padding:0 11px;} /* 商品描述 */ .you_comment-tab,.you_comment-list-item-cont-comment-each{ display:none!important; } .you_comment-stat{ display:none; margin:50px 0 0 0!important;border-width:1px 0 1px!important; border-color: #e4e4e4!important; } .you_comment-rating { border: none!important; padding: 70px 30px 30px!important; text-align: center!important; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; } .you_comment-stars-item.i_light{ color:#fd6903!important; } .you_comment-list_nav{ text-align: center!important; } .you_comment-rating-sum { margin: 0 10px 0 0!important;} .you_comment-list-item { position: relative!important; padding:26px 0 26px 0!important; border:none!important; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; } .you_comment-list-item-pagination { background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; border:none!important; } .you_comment-list-item:first-child { background:none; } .you_comment-list-item-head { position: relative!important; left: 0!important; display:inline-block; *display: inline; *zoom: 1; width: 15%!important; vertical-align: top; padding: 0!important; text-align: left!important; } .you_comment-list-item-cont-comment-each-from.i_admin { color: #909090!important; } .you_comment-list-item-pagination-items.simple-pagination ul li.active { background: none!important; color: #4e4e4e!important; } .you_comment-list-item-pagination-items.simple-pagination ul li a, .you_comment-list-item-pagination-items.simple-pagination ul li span { font-size: 12px!important;} .you_comment-list-item-pagination-jump span { font-size: 13px!important;} .you_comment-list_nav-item:visited { color: #a0a0a0!important;} .you_comment-list_nav-item:hover { color: #333!important;} .you_comment-list_nav-item.i_active:hover, .you_comment-list_nav-item.i_active:visited { color: #404040!important;} .you_comment-list-item-head-name { text-align: left!important; width: 80%!important; text-transform: uppercase; font-size: 16px!important; top:24px!important; position:relative; color: #313131!important; } .you_comment-list-item-stars { right: auto!important;top:30px; } .you_comment-list-item-cont { width: 50%!important;display:inline-block; *display: inline; *zoom: 1; } .you_comment-list-item-cont-text { line-height: 20px!important; color: #808080!important; font-size:15px!important; } .you_comment-list-item-cont-footer-info { position: absolute!important; float: right; bottom: 10px; right: 10px; } .you_comment-list-item-stars .you_comment-stars-item { font-size: 13px!important; } .you_comment-list_nav-item-cont:before,.you_comment-rating-stars-desc,.you_comment-rating-sum-desc,.you_comment-list-item-head-img,.you_comment-list-item-cont-comment-each-head,.you_comment-list-item-cont-comment-push{ display:none!important; } .you_comment-list-item-cont-footer-good { width: 46px!important; background: #f2f2f2!important; bottom: auto!important; top:26px; border-radius: 2px!important; padding: 5px 10px!important; color: #999!important; } .you_comment-list-item-cont-footer-info-item { padding: 0 5px 0 0!important; text-overflow: unset!important; } .you_comment-list-item-cont-footer-info-item.i_date { margin: 0!important; } .you_comment-icon.i_zan:before { content: "\e807"!important; } .you_comment-list_nav-item-cont { padding: 0 10px!important; font-size:15px!important; border-width: 0!important; } .you_comment-list_nav { border-width: 0!important;} .you_comment--main { font-size: 13px!important; line-height: 1; border: none!important; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; } .you_comment-rating-sum-bfb { color:#fd6903!important; font-size:26px!important; } .you_comment-stars-item{ font-size:20px!important; } .you_comment-list-item-empty-icon { font-size: 26px!important;font-weight:200!important;} .pro_desc { width: auto; padding:5% 5% 0 5% ; } .pro_desc-cont p{ margin: 0; font-size: 13px; line-height: 24px; } /* 手机商品页 */ @media screen and (max-width: 767px) { .pro_detail-desc .settings-link_color { font-size: 14px; } .you_comment-mobi_btns-btn-title { font-size: 15px!important; } .pro_cont { margin: 42px auto 0; } .pro_detail { margin: 0 auto; padding: 0 0 15px; } .pro_detail-gallery { float: none; width: 100%; position: relative; } .pro_detail-gallery-main--slide { position: relative; top: 0; left: 0 !important; height: 100%; } .pro_detail-gallery-main-button { position: absolute; left: 50%; bottom: 20px; display: block; } .pro_detail-gallery-main-button-each { border-width: 2px; border-radius: 50%; border-style: solid; display:inline-block; *display: inline; *zoom: 1; margin: 0 5px 0; width: 6px; height: 6px; } .pro_detail-gallery-main-button-each.active { background-color: #717171; } .pro_detail-gallery-main-img-src { width: 100%; height: auto; display:inline-block; *display: inline; *zoom: 1; margin: auto; vertical-align: middle; } .pro_detail-gallery-list { display: none; } .pro_detail--info { width: auto; float: none; margin: 0; } .pro_detail--info_head { padding: 10px 15px 10px; border-bottom:10px solid #f5f5f5; } .pro_detail-title { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pro_detail-uprice { font-size: 24px; display:inline-block; *display: inline; *zoom: 1; line-height: 30px; } .pro_detail-sold { float:right; font-size: 13px; display:inline-block; *display: inline; *zoom: 1; line-height: 23px; padding: 6pxx 0 0; margin: 0 10px 0 0; } .pro_detail-old_price { line-height: 26px; } .pro_detail-sub { margin: 10px 0 0; padding: 0 15px; } .pro_detail-quantity { padding: 0 15px; } .pro_detail-quantity h3 { color:#999; line-height: 18px; height: 18px; padding: 4px 0 6px; font-weight: normal; } .pro_detail-quantity-desc { margin: 0 10px 0 0; height: 38px; line-height: 38px; font-size: 13px; } .pro_detail-quantity-btn { height: 36px; } .pro_detail-quantity-btn-input { font-size: 14px; width: 56px; height: 36px; line-height: 34px; padding: 0; } .pro_detail-quantity-btn-a,.pro_detail-quantity-btn-d { font-size: 24px; width: 36px; height: 36px; line-height: 34px; } .pro_detail-addBtn { margin: 32px 0 0; padding: 15px 0 0; border-width: 1px 0 0; border-style: solid; } .pro_detail-addBtn-addCart { margin: 0 auto; font-size: 18px; height: 54px; line-height: 54px; } .pro_detail-addBtn-addSucc { top: 86px; left: 50%; font-size: 18px; padding: 0 36px; height: 54px; line-height: 54px; width: 246px; margin: 0 0 0 -160px; } .pro_detail-addBtn-addSucc-icon { font-size: 21px; margin: 0 5px 0 0; } .pro_detail-addBtn-addSucc-goCart { margin: 8px 0 0 15px; height: 36px; line-height: 36px; width: 84px; } .pro_detail-addBtn-addSucc-close { font-size: 20px; margin: 0 0 0 15px; } /* 原商品页面 JS 所需 */ .pro-detail-sub-each-wrap a { padding: 0 12px; font-size: 13px; } /* 商品描述 */ .pro_desc { width: auto; padding: 15px 10px 5px; } } .yhsd-variantSelector-err { color: #dc5f5f; font-size: 12px; background: #fff; border: 1px solid #cc8a8a; } .yhsd-variantSelector-err:before { content: '\e606'; font-family: "iconfont" !important; font-size: 13px; font-style: normal; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; margin: 0 3px 0 0; } @media screen and (max-width: 767px) { .yhsd-variantSelector-err { font-size: 12px; } .yhsd-variantSelector-err:before { font-size: 13.5px; } } .product-carousel .owl-dots,.product3-carousel .owl-dots { bottom: 10px!important; } /* 通用表单 */ .account_input { width: 320px; margin: 80px auto; } .account_input-form { width: 320px; } .account_input-form--form { display: block; line-height: 0; font-size: 0; } .account_input-form-title { font-size: 30px; margin: 0 0 15px; line-height: 1; } .account_input-form-input { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; border-style: solid; border-width: 1px; border-radius: 2px; font-size: 13px; height: 40px; line-height: 20px; padding: 9px 0; text-indent: 10px; margin: 10px 0 0; width: 100%; box-shadow: none; -webkit-appearance: none; } .account_input-form-input:-ms-input-placeholder { color: #717171; } .account_input-form-input::-moz-placeholder { color: #717171; } .account_input-form-input::-webkit-input-placeholder { color: #717171; } .account_input-form-err { line-height: 1.2; font-size: 13px; margin: 10px 0 0; } .account_input-form-err-icon { margin: 0 3px 0 0; } .account_input-form-submit { height: 42px; line-height: 42px; border-radius: 2px; font-size: 16px; margin: 20px 0; width: 100%; border-width: 0; padding: 0; } .account_input-form-footer { margin: 0; padding: 0; height: 20px; line-height: 20px; font-size: 13px; } .account_input-form-footer a { line-height: 20px; } .account_input-form-footer-forget { float: right; } @media screen and (max-width: 767px) { .account_input-form-submit { height: 46px; line-height: 46px; font-size: 16px; margin: 15px 0; } } /* 登录页面 */ .btn-lg { font-size: 16px;} .account_input--login { width: 320px; margin: 200px auto 0; } .account_input--login .account_input-form { width: 320px; } .account_input--login .account_input-form--inner { border-radius: 2px; overflow: hidden; } .account_input--login .account_input-form-label { display: block; position: relative; } .account_input--login .account_input-form-label-icon { display: block; width: 66px; height: 64px; line-height: 64px; text-align: center; position: absolute; top: 0; left: 0; font-size: 25px; } .account_input--login .account_input-form-label-icon.account_input-form-input--border { height: 63px; line-height: 63px; } .account_input--login .account_input-form-input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; box-shadow: none; -webkit-appearance: none; border-width: 0; border-radius: 0; font-size: 13px; line-height: 20px; height: 64px; padding: 22px 20px 22px 86px; display: block; text-indent: 0; } .account_input--login .account_input-form-input--border { height: 65px; border-style: solid; border-width: 0 0 1px; } @media screen and (max-width: 767px) { .account_input--login { width: auto; margin: 120px auto 0; } .account_input--login .account_input-form { width: auto; } .account_input--login .account_input-form--inner { border-radius: 2px; overflow: hidden; } .account_input--login .account_input-form-label { display: block; position: relative; } .account_input--login .account_input-form-label-icon { display: block; width: 53px; height: 53px; line-height: 53px; text-align: center; position: absolute; top: 0; left: 0; font-size: 25px; } .account_input--login .account_input-form-label-icon.account_input-form-input--border { height: 53px; line-height: 53px; } .account_input--login .account_input-form-input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; box-shadow: none; -webkit-appearance: none; border-width: 0; border-radius: 0; font-size: 13px; line-height: 20px; height: 53px; padding: 16px 20px 17px 86px; display: block; text-indent: 0; } .account_input--login .account_input-form-input--border { height: 54px; border-style: solid; border-width: 0 0 1px; } } /* 注册页面 */ .account_input--register { width: 410px; margin: 0 auto; padding: 150px 0 0; } .account_input--register .account_input-form { width: 410px; } .account_input--register .account_input-form--inner { padding: 30px 70px; border-radius: 0 0 2px 2px; } .account_input--register .account_input-form-input { margin: 18px 0 0; } .account_input--register .account_input-form-input--first { margin: 0 0 0; } .account_input--register .account_input-form-submit { margin: 30px 0 20px; } .account_input--register .account_input-form-type { padding: 0; border-radius: 2px 2px 0 0; overflow: hidden; } .account_input--register .account_input-form-type--count_14 { display: none; } .account_input--register .account_input-form-type--count_13 .account_input-form-type-item { width: 50%; } .account_input--register .account_input-form-type-item { width: 33.333%; text-align: center; float: left; padding: 10px 0; } .account_input--register .account_input-form-type-item:hover { color: #161616; } .account_input--register .account_input-form-type-item-icon, .account_input--register .account_input-form-type-item-name, .account_input--register .account_input-form-type-item-line { display: block; } .account_input--register .account_input-form-type-item-icon { font-size: 26px; line-height: 30px; } .account_input--register .account_input-form-type-item-name { font-size: 13px; line-height: 1; margin: 10px 0 0; } .account_input--register .account_input-form-type-item-line { width: 100%; height: 5px; line-height: 0; font-size: 0; border-radius: 2.5px; border: 0; visibility: hidden; } .account_input--register .account_input-form-type-item.active { color: #161616; background-color: #b33d3d; } .account_input--register .account_input-form-type-item.active .account_input-form-type-item-line { visibility: visible; } .account_input--register .account_input-form-vcode { display: none; } .account_input--register .account_input-form-vcode-input { display: block; float: left; width: 58%; } .account_input--register .account_input-form-vcode-input-btn { display: block; float: right; width: 37%; border: 0; margin: 18px 0 0; height: 40px; line-height: 40px; border-radius: 2px; font-size: 13px; padding: 0; cursor: pointer; filter: alpha(opacity=100); opacity: 1; transition: opacity 0.3s ease-in-out; } .account_input--register .account_input-form-vcode-input-btn:focus { outline: none; } .account_input--register .account_input-form-vcode-input-btn.active { filter: alpha(opacity=50); opacity: 0.5; cursor: not-allowed; } .account_input--register .account_input-form-vcode.active { display: block; } .account_input--register .account_input-form-tips_type { display: none; } .account_input--register .account_input-form-tips_type.active { display: block; } .account_input--register .account_input-form-tips_mobi-icon { font-size: 16px; margin: 0 3px 0 0; } .account_input--register .account_input-form-tips_vcode { clear: both; margin: 0; padding: 10px 0 0; } .account_input--register .account_input-form-err--tips { display: none; } @media screen and (max-width: 767px) { .account_input--register { width: auto; margin: 0 auto; padding: 70px 0 0; } .account_input--register .account_input-form { width: auto; } .account_input--register .account_input-form--inner { padding: 20px 25px; } .account_input--register .account_input-form-submit { margin: 20px 0; } } /* 找回密码 */ .account_input--forget { width: 320px; height: auto; } .account_input--forget.account_input { width: auto; padding: 0; margin: 0; } .account_input--forget .account_input-form { width: 320px; float: none; padding: 0; margin: 0 auto; } .account_input--forget .account_input-form-title { width: 300px; font-size: 16.7px; margin: 20px auto 30px; } .account_input-form--forget_mobi { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; } .account_input-form--forget_mobi.active { max-height: 300px; } @media screen and (max-width: 767px) { .account_input--forget { width: auto; } .account_input--forget .account_input-form { width: auto; } .account_input--forget .account_input-form-title { width: 100%; display: block; font-size: 17px; } .account_input--forget .account_input-form-vcode-input { width: 55%; } .account_input--forget .account_input-form-vcode-input-btn { width: 41%; } } @media screen and (max-width: 767px) { .account-nav .account-nav-inner a { width: 33.333%; } } /* 社交登录 */ .account-oauth { display: block; width: 300px; } .account-oauth--login { margin: 40px 0 30px; } .account-oauth--register { margin: 40px 0 30px; } .account-oauth-title { font-size: 13px; margin: 0 0 15px; line-height: 20px; } .account-oauth-icon { display: block; float: left; font-size: 26px; margin: 0 20px 20px 0; } .account-oauth-qq { font-size: 30px; } .account-oauth-renren { font-size: 30px; } .account-oauth-douban { font-size: 29px; } @media screen and (max-width: 767px) { .account-oauth { width: 100%; padding: 0; text-align: center; } .account-oauth--login { margin: 35px 0; } .account-oauth-title { font-size: 15px; line-height: 24px; text-align: left; } .account-oauth--register { margin: 35px 0; } } /* 轻博客 > 作者 */ .blog_author { width: 300px; margin: -80px auto -30px; } .blog_author-avatar { position: relative; display: block; width: 106px; height: 106px; line-height: 106px; border-radius: 50%; border-width: 4px; border-color: #fff; border-style: solid; margin: 0 auto; overflow: hidden; } .blog_author-avatar-src { width: 100%; max-width: 100%; max-height: 100%; vertical-align: middle; } .blog_author-name { text-align: center; line-height: 1; margin: 18px 0 26px; font-size: 24px; } .blog_author-social { text-align: center; margin: 0 0 30px; line-height: 46px; white-space: normal; } .blog_author-social--empty { height: 1px; } .blog_author-social-link { font-size: 36px; margin: 0 12px; } .blog_author-social-link--douban { font-size: 41px; } .blog_author-social-link--renren { font-size: 41px; } @media screen and (max-width: 767px) { .blog_author { width: auto; width: 250px; margin: -36px auto -6px; } .blog_author-avatar { width: 54px; height: 54px; line-height: 54px; border-width: 2px; margin: 0 auto; } .blog_author-name { margin: 15px 0 15px; font-size: 15px; } .blog_author-social { margin: 0; line-height: 30px; } .blog_author-social-link { font-size: 26px; margin: 0 9px; } .blog_author-social-link--douban { font-size: 30px; } .blog_author-social-link--renren { font-size: 30px; } } /* 轻博客 > 列表 */ .blogs_list-grid { margin: 0 -10px 40px; padding-top:50px; } .blogs_list-item--wrap { -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.333%; padding: 0 20px 40px; float: left; } .blogs_list-item--inner { padding: 0 0 100%; position: relative; } .blogs_list-item--box { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; padding: 20px; width: 100%; height: 100%; } .blogs_list-item--a { display: block; } .blogs_list-item-article { width: 100%; height: 100%; overflow: hidden; } .blogs_list-item-article-title { font-size: 18px; font-weight: bold; line-height: 20px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 7px; } .blogs_list-item-article-cont { font-size: 13px; line-height: 25px; } .blogs_list-item-article.resize--line .blogs_list-item-article-title { display:inline-block; *display: inline; *zoom: 1; } .blogs_list-item-article.resize--line .blogs_list-item-article-cont { display: none; } .blogs_list-item-image { width: 100%; height: 100%; overflow: hidden; display: -ms-flex; display: -webkit-flex; display: flex; } .blogs_list-item-image-view { margin: auto; width: 100%; max-width: 100%; vertical-align: middle; } .blogs_list-item-music { width: 100%; height: 100%; overflow: hidden; display: -ms-flex; display: -webkit-flex; display: flex; } .blogs_list-item-music-bg_cover { margin: auto; width: 100%; max-width: 100%; max-height: 100%; vertical-align: middle; } .blogs_list-item-music-icon { font-size: 46px; display: block; width: 70px; height: 70px; line-height: 70px; margin: -35px 0 0 -35px; position: absolute; top: 50%; left: 50%; border-radius: 50%; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4dffffff", endColorstr="#4dffffff"); background-color: rgba(255,255,255,0.3); } .blogs_list-item-music:hover .blogs_list-item-music-icon { filter: alpha(opacity=70); opacity: 0.7; } .blogs_list-item-video { width: 100%; height: 100%; overflow: hidden; display: -ms-flex; display: -webkit-flex; display: flex; } .blogs_list-item-video-bg_cover { margin: auto; width: 100%; max-width: 100%; max-height: 100%; vertical-align: middle; } .blogs_list-item-video-icon { font-size: 46px; display: block; width: 70px; height: 70px; line-height: 70px; margin: -35px 0 0 -35px; position: absolute; top: 50%; left: 50%; border-radius: 50%; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4dffffff", endColorstr="#4dffffff"); background-color: rgba(255,255,255,0.3); } .blogs_list-item-video:hover .blogs_list-item-video-icon { filter: alpha(opacity=70); opacity: 0.7; } .blogs_list-item-info { border-style: solid; border-width: 1px 0 0; height: 62px; line-height: 62px; margin: 0 20px; } .blogs_list-item-info-author-link { display:inline-block; *display: inline; *zoom: 1; width: 22px; height: 22px; border-radius: 50%; overflow: hidden; vertical-align: middle; margin: 0 10px 0 0; } .blogs_list-item-info-author-avatar { max-width: 100%; max-height: 100%; display: block; } .blogs_list-item-info-time { float: right; } @media screen and (max-width: 767px) { .blogs_list-item--wrap { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 0 20px; float: left; } .blogs_list-grid { margin: 0 -5px 0; padding: 22px 10px 0; } .blogs_list-item--wrap { padding: 0 5px 10px; } .blogs_list-item--box { padding: 12px; } .blogs_list-item--box_border { padding: 10px; } .blogs_list-item-info { display: none; } .blogs_list-item-article-title { display: none; } .blogs_list-item-article-cont { font-size: 12px; line-height: 20px; } .blogs_list-item-music-icon { font-size: 16px; display: block; width: 30px; height: 30px; line-height: 30px; margin: -15px 0 0 -15px; } .blogs_list-item-video-icon { font-size: 16px; display: block; width: 30px; height: 30px; line-height: 30px; margin: -15px 0 0 -15px; } } /* 轻博客 > 详情 */ .blog_cont_fix { margin-bottom: -10px; } .blog_cont { margin: 0 auto; padding: 5% 0; max-width: 780px; font-size: 13px; line-height: 26px; overflow: hidden; } .blog_cont p { margin-bottom: 10px; } .blog_cont img { margin-bottom:26px; max-width: 100%; } .blog_cont-top { margin: 30px 0 120px; text-align:center; color:#888; line-height: 50px; height: 50px; } .blog_cont-top-back { font-size: 14px; padding: 5px 60px; } .blog_cont-back-sign { padding-right: 10px; } .blog_cont-text a { text-decoration: underline; } .blog_cont--inner { border-style: solid; border-width: 1px; } .blog_cont--body { padding: 50px 60px; } .blog_cont-head { padding: 20px 60px 0; border-width: 0 0 1px; border-style: solid; height: 80px; line-height: 80px; } .blog_cont-head-author-img { display:inline-block; *display: inline; *zoom: 1; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; vertical-align: middle; overflow: hidden; } .blog_cont-head-author-img-src { width: 100%; max-width: 100%; max-height: 100%; vertical-align: middle; } .blog_cont-head-author-name { margin: 0 0 0 18px; } .blog_cont-head-nav { float: right; line-height: 80px; height: 80px; text-align: center; } .blog_cont-head-nav-prev, .blog_cont-head-nav-next { display:inline-block; *display: inline; *zoom: 1; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; background:#fff; border:1px solid #e2e2e2; font-size: 16px; } .blog_cont-head-nav-next { margin: 0 0 0 5px; } .blog_cont-article-title { font-size: 24px; line-height: 1.2; font-weight: bold; margin-bottom: 20px; } .blog_cont-image-list { margin: 0 0 20px; } .blog_cont-image-list-item { margin: 0 0 10px; } .blog_cont-image-list-item-view { display: block; width: auto; max-width: 100%; margin: 0 auto; border-width: 0; border-radius: 5px; } .blog_cont-image-list-item-desc { display: block; height: 30px; line-height: 30px; font-size: 12px; text-align: center; } .blog_cont-music-item { margin: 0 0 20px; } .blog_cont-music-item-disc { width: 340px; height: 340px; margin: 0 auto 15px; position: relative; } .blog_cont-music-item-disc-img { display: block; width: 340px; height: 340px; } .blog_cont-music-item-disc-film { display: none; position: absolute; top: 0; left: 0; width: 340px; height: 340px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#04000000", endColorstr="#04000000"); background-color: rgba(0,0,0,0.2); } .blog_cont-music-item-disc-play { display: none; width: 90px; height: 90px; line-height: 90px; margin: -45px 0 0 -45px; position: absolute; top: 50%; left: 50%; text-align: center; border-radius: 50%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4dffffff", endColorstr="#4dffffff"); background-color: rgba(255,255,255,0.3); } .blog_cont-music-item-disc-play-icon { font-size: 50px; color: #fff; } .blog_cont-music-item-disc-play:hover { filter: alpha(opacity=70); opacity: 0.7; } .blog_cont-music-name { display: block; text-align: center; font-weight: bold; font-size: 24px; height: 26px; line-height: 26px; } .blog_cont-music-info { font-size: 18px; text-align: center; line-height: 20px; margin: 6px 0 5px; } .blog_cont-music-play { text-align: center; line-height: 0; margin: 7px 0 0; } .blog_cont-video-view { margin: 0 0 20px; width: 100%; } .blog_cont-video-view iframe { width: 100%; display: block; } .blog_cont-footer { font-size: 12px; line-height: 28px; margin: 50px 0 0; } .blog_cont-footer-tags-icon { display: block; float: left; font-size: 18px; margin: 0 15px 0 0; } .blog_cont-footer-tags-items { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 115px 0 33px; } .blog_cont-footer-tags-link { font-size: 12px; margin-right: 10px; float: left; } .blog_cont-footer-tags-link.last { margin-right: 40px; } .blog_cont-footer-time { float: right; } .blog_cont-footer.no__tags .blog_cont-footer-tags-items { position: relative; } .blog_cont-footer.no__tags .blog_cont-footer-tags-items .share_box--blog { position: absolute; left: 0; } .blog_cont-footer.no__tags .blog_cont-footer-tags-icon { display: none; } @media screen and (max-width: 767px) { .blog_cont_fix { margin-top:20px; } .blog_cont { margin: 0 auto; padding: 0; max-width: none; font-size: 13px; line-height: 24px; overflow: hidden; } .blog_cont-top { line-height: 42px; height: 42px; } .blog_cont-top-back { font-size: 12px; } .blog_cont--inner { border-style: solid; border-width: 1px; } .blog_cont--body { padding: 10px; } .blog_cont-head { padding: 10px 10px 0; border: 0; height: 40px; line-height: 40px; } .blog_cont-head-author-name { margin: 0 0 0 10px; } .blog_cont-head-nav { display: none; } .blog_cont-article-title { margin: 0 0 10px; font-size: 18px; } .blog_cont-music-item { margin: 0 -10px 10px; } .blog_cont-music-item-disc { width: 100%; height: 0; padding: 0 0 100%; position: relative; margin: 0 0 10px; } .blog_cont-music-item-disc-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blog_cont-music-item-disc-film { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blog_cont-music-item-disc-play { display: block; width: 60px; height: 60px; line-height: 60px; margin: -30px 0 0 -30px; } .blog_cont-music-item-disc-play-icon { font-size: 30px; } .blog_cont-music-name { height: 19px; line-height: 19px; font-size: 17px; } .blog_cont-music-info { font-size: 13px; height: 16px; line-height: 16px; margin: 5px 0 0; } .blog_cont-music-play { display: none; } .blog_cont-video-view { margin: 0 0 10px; } .blog_cont-video-view iframe { height: 490px; } .blog_cont-footer { margin: 15px 0 0; } .blog_cont-footer-time-m { display: none; } .blog_cont-footer-tags-icon { margin: 0 12px 0 0; } .blog_cont-footer-tags-items { padding: 0 80px 0 30px; } .share_box { /*display: none;*/ } } @media screen and (max-width: 600px) { .blog_cont-video-view iframe { height: 400px; } } @media screen and (max-width: 490px) { .blog_cont-video-view iframe { height: 290px; } } /* 自定义页面 */ .custom_cont { margin: 0; } .custom_doc img { max-width: 100%; } @media screen and (max-width: 767px) { .custom_cont { margin: 0; } } /* 普通页面 */ .page-title { padding: 60px 0 20px; line-height: 1; font-size: 24px; } .page-box { padding: 30px 20px; border-radius: 5px; border-width: 1px; border-style: solid; margin: 0 0 150px; } .page-box--forget_password { margin: 0 0 400px; } @media screen and (max-width: 767px) { .page-box--forget_password { margin: 0 0 150px; } } /* 提示构件 */ .tips { margin: 0; line-height: 1.7; padding: 70px 20px; text-align: center; border-width: 1px; border-style: solid; border-radius: 5px; } .tips-title { margin: 58px 0 20px; line-height: 1; font-size: 20px; } .tips--has_title { margin: 0; line-height: 1.7; padding: 70px 20px; text-align: center; border-width: 1px; border-style: solid; border-radius: 5px; } .tips--pro_list { padding: 80px 0; } .tips--sys { margin: 93px 0 0; } /* 返回顶部构件 */ .go_top { position: fixed; bottom: 20px; margin-bottom:0; right: 30px; z-index: 688; display: none; } .go_top a { position:relative; display: block; width:50px; height:50px; line-height:50px; margin-bottom:14px; border:1px solid #0006ff; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; overflow: visible; text-align: center; font-size: 20px; color: #ffffff; background-color: #0006ff; transition: all 0.2s ease-in-out; } .go_top a:before{ font-size:20px; } .go_top a:hover { box-shadow: 0 2px 4px rgba(0,0,0,.3); } .go_top a.go_top-service:after { content: ""; background: rgba(0, 0, 0, 0.15); -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; position: absolute; width: 52px; height: 52px; left:0; top:0; z-index: -1; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8); } } .go_top a.go_top-go { background-color:#fff; border:1px solid #e0e0e0; color:#222; } .go_top a:last-child{ margin-bottom:0; } .ie6 .go_top { display: none; } @media screen and (max-width: 1024px) { .go_top { bottom:20px; display:block; margin-bottom:0; right:20px; }} @media screen and (max-width: 767px) { .go_top { bottom: 15px; right: 10px; } .go_top-service { margin: 0 0 7px; } .go_top a.go_top-go { filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; background-color:#fff; border:1px solid #e0e0e0; color:#222; width:38px; height:38px; line-height:38px; } } .faq_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); display: none; z-index: 996; } .faq_box { position: fixed; top: 50%; left: 50%; margin-top: -300px; margin-left: -315px; width: 630px; height: 470px; overflow:hidden; display: none; z-index: 999; } .close_btn { position: absolute; display: block; z-index: 100; font-size: 30px; top: 10px; right: 15px; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; color: #333; } .weixin_sercice{ position: fixed; top: 50%; left: 50%; padding:10px 0 20px; background:#fff; text-align:center; color:#333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: -180px; margin-left: -120px; width: 240px; height: auto; display: none; z-index: 999; } .weixin_sercice img{ width:220px; height:220px; } .weixin_sercice span{ width:100%; font-size:15px; line-height:1.2; display:inline-block; *display: inline; *zoom: 1; text-align:center; } /* 社交分享 */ .share_box { height: 32px; line-height: 32px; width: 30px; overflow: hidden; } .share_box--line { width: 0; height: 20px; line-height: 20px; font-size: 0; border-style: solid; border-width: 0 1px 0 0; float: right; margin: 4px 6px 0 0; display: none; } .share_box-item { font-size: 18px; height: 28px; line-height: 28px; display: block; float: right; margin: 0 6px 0 0; display: none; } .share_box-item--list { float: right; display: none; margin: 0 3px 0 0; height: 28px; line-height: 28px; } .share_box-button { margin: 0; display: block; } .share_box-button:hover { color: inherit; } .share_box.active { width: auto; } .share_box.active .share_box-button { color: inherit; } .share_box.active .share_box-item { display: block; } .share_box.active .share_box-item--list { display: block; } .share_box.active .share_box--line { display: block; } .share_box--pro { width: auto; padding: 12px 0; border-top:0px dotted #cacaca; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; } .share_box--pro.active { color: #717171; } .share_box--pro .share_box--line { height: 20px; line-height: 20px; margin: 4px 6px 0 0; border-color: #a0a0a0; } .share_box--pro .share_box-button { font-size: 16px; color:#333333; } .share_box--pro .share_box-button:hover { color: #717171; } .share_box--pro .share_box-button-text { font-size: 13px; } @media screen and (max-width: 767px) { .share_box { /*display: none;*/ } } /* 社交分享 - 博客 */ .share_box--blog { float: left; width: auto; margin: 0; } .share_box--blog.active { width: auto; } .share_box--blog.active .share_box-button { color: #717171; } .share_box--blog.active .share_box-item--list { visibility: visible; } .share_box--blog.active .share_box--line { visibility: visible; } .share_box--blog .share_box-button { float: left; color: #a0a0a0; } .share_box--blog .share_box-button:hover { color: #717171; } .share_box--blog .share_box--line { float: left; margin: 4px 10px 0; display: block; visibility: hidden; border-color: #a0a0a0; } .share_box--blog .share_box-item { float: left; display: block; } .share_box--blog .share_box-item--list { float: left; margin: 0 10px 0 0; display: block; visibility: hidden; } /* 弹框提示 */ .popup { padding: 30px 20px; } .popup-cont-title { font-size: 24px; line-height: 30px; height: 30px; margin: 20px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #6c7481; } .popup-cont-text { font-size: 13px; line-height: 1.7; color: #7a7a7a; } .popup-btn { margin: 30px 0 0; } .popup-btn a { font-size: 13px; height: 33px; line-height: 33px; padding: 0 23px; border-radius: 2px; background-color: #333333; color: #ffffff; } .popup-close { width: 26px; height: 26px; line-height: 26px; text-align: center; top: 20px; right: 20px; border-color: #6c7481; border-width: 1px; border-radius: 50%; border-style: solid; color: #6c7481; } .popup-close-icon { font-size: 18px; } @media screen and (max-width: 767px) { .popup { -webkit-box-sizing: border-box; box-sizing: border-box; width: 90%; padding: 20px 20px; } .popup-cont { width: auto; } } /* 通用修复 */ .account-login-inner .content_input_fix input { width: 300px; } /* Base 修改 */ .emptyTips-wrap { margin: 10px 0 0; } .emptyTips { font-size: 13px; } .cart-table table, .emptyTips, .order-list-empty, .account-login-inner { border-radius: 5px; } .cart-table-item p{ margin-bottom: 0; } .order-create-baak_cart { font-size: 12px; } .cart-table table { overflow: hidden; } .order-create-cont > span { font-size: 12px; } .order-detail-table tr td { border-color: #d7d7d7; } .order-detail-cart { margin: 0; } .order-list-ctrl > a { text-decoration: underline; } .order-list { margin-bottom: 60px; } .cart-submit { margin: 20px 0 60px; } .order-detail-table td { border-color: #e0e0e0; } .yhsd-addressComponent-confirm, .yhsd-addressComponent-new { font-size: 13px; height: 30px; line-height: 30px; padding: 0 10px; border-width: 1px; border-radius: 3px; border-style: solid; overflow: hidden; } .yhsd-addressComponent-list .selected.settings-theme_border { border-color: #d7d7d7; } .yhsd-addressComponent-table { margin: 0 0 10px; } #yhsd_cart_body .settings-main_border { border-color: #d7d7d7; } #yhsd_cart_body .cart-table-quantity .settings-main_border { border-color: #ececec; } .yhsd-paymentComponent-popup, .yhsd-paymentComponent-selected, .yhsd-paymentComponent-sel { border-color: #333333; } .side_active .warpper-payment { z-index: 0; } .order-detail .order-detail-gopay.order-detail-gopay--haisong { font-size: 13px; height: 32px; line-height: 32px; padding: 0 10px; border-width: 0; border-radius: 16px; border-style: solid; display: block; width: 80px; text-align: center; margin: 15px 0 0 20px; } .order-detail .order-detail-gopay.order-detail-gopay--haisong:hover { color: #ffffff; background-color: #000000; } .order-detail { padding: 0 10px 30px; } #yhsd_orderCreate_remark { font-size: 13px; padding: 10px; } #yhsd_orderCreate_remark:focus { outline: none; } .yhsd-paymentComponent-popup { background-color: #fff; } .order-detail-table-img a { border-color: #d7d7d7; } .order-list .order-list-each { border-radius: 5px; } .order-list .order-list-number { border-radius: 5px 5px 0 0; } .order-list-footer { height: 50px; } .order-detail .order-detail-shipment { border-bottom-width: 0; } .cartTitle { margin: 0 0 10px; padding: 83px 10px 0; } .cartTitle h2{ font-size: 100%; } .account-title-inner { margin: 0 0 10px; padding: 83px 0 0; } .account-title-mobi-signout { display: none; } .ie7 .order-detail-footer.clearfix { height: 1%; } .account-login-label .settings-formErr_color { color: #ccb066; } .account-login-accountIndex { margin-bottom: 50px; } @media screen and (max-width: 767px) { .order-list-ctrl { font-size: 13px; } .cart-table a { font-size: 12px; } .cart-table .cart-table-quantity-ctrl { border: 0; } .order-detail .order-detail-table-img img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .order-create a, .order-create-title a { font-size: 13px; } a.order-create-baak_cart { font-size: 12px; } .yhsd-paymentComponent-spec { width: 305px; } .cartTitle { margin: 0 0 10px; padding: 62px 10px 0; } .account-title-inner { margin: 0 0 10px; padding: 62px 0 0; } .account-title-mobi-signout { display: inline; } .account-title .account-title-inner h2 { font-size: 20px; } } .order-create .settings-main_border { border-color: #d7d7d7; } .order-create { margin: 0; padding: 0 10px 20px; } /* 插件 */ /* Placeholder */ .placeholder { color: #7a7a7a; } /* 账户管理 - 社交绑定 */ .account-login-inner h3 { font-size: 13px; } .account-login-inner .account-login-label .content-err { height: auto; line-height: 22px; padding: 6px 0; } h3.social_bind--border { border-width: 1px 0 0; border-style: solid; padding: 30px 0 16px; margin: 0; } @media screen and (max-width: 767px) { h3.social_bind--border { margin: 30px 0 0; } } .social_bind { margin: 0; float: left; width: 100px; } @media screen and (max-width: 767px) { .social_bind { width: 33.333%; } } .social_bind-title { margin: 20px 0; font-size: 13px; line-height: 18px; text-align: center; } .social_bind-img { display: block; border-radius: 50%; overflow: hidden; width: 44px; margin: 0 auto; } .social_bind-name { margin: 10px 0; text-align: center; font-size: 13px; line-height: 23px; } .social_bind-bind { width: 53px; height: 21px; line-height: 21px; border-color: #ddd; border-width: 1px; border-style: solid; display: block; background-color: #f0f0f0; text-align: center; border-radius: 2px; font-size: 13px; color: #777; margin: 10px auto; } .account-login-inner .account-login-form a.social_bind-bind:hover { text-decoration: none; } /*商品列表描述*/ .proList-name{ height: 20px; } .proList-desc{ height: 44px; } .proList-shortdesc{ display: block; margin: 5px auto; width: 90%; height: 20px; line-height: 20px; font-size: 12px; } .proList-price{ height: 22px; } /*商品详情描述*/ .pro_detail-uprice { color:#333333} .pro_detail-price strong { font-weight:normal; } .pro-detail-short_desc{ padding: 8px 0; line-height:1.6; letter-spacing:1px; word-break: break-word; overflow-wrap: break-word; border-top:0px dotted #cacaca; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; } .pro-detail-short_desc.only-short-desc{ font-size:13px;padding:16px 0; } .detial_tips_desc{ color:#333333 } .detial_tips_desc:hover{color:#777;} @media screen and (max-width: 767px){ .proList-shortdesc{ font-size: 12px; margin: 0 0 5px; } } /*营销活动*/ .breadcrumb { height: auto; } .discount-title{ font-size: 20px; margin-bottom: 10px; color: #999999; } .discount-item { display:inline-block; *display: inline; *zoom: 1; margin: 0 10px 0 0; } .discount-item:last-child { margin: 0; } @media screen and (max-width: 767px){ .discount-item { display: block; margin: 0; line-height: 26px; } } @media screen and (max-height: 600px){ .part_4-logos-each:nth-child(n+3) { display: none; } } /* 2.8 文章列表 */ .post-main { position: relative; z-index: 5; } .page, .wrapper{ width:auto; } .post-wrapper .pageTitle { color:#333333; } .grid-item--box.post-grid-box{ display:block; background: #fff; padding: 5%; } .post_cont-back{ border: 1px solid #e4e4e4; padding: 16px 50px; font-size:15px; background:#fff; } .share-zhuanti { font-size: 24px; } .shareZhuanti { float: right; display:inline-block; *display: inline; *zoom: 1; height: 26px; line-height: 26px; padding: 15px 0; } .post-wrapper { float: left; padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post-content-wrapper{ background: #fff; width: 70%; margin: 0 5% 0 0; } .post-wrapper.post-list-wrapper { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-sizing: border-box; sizing: border-box; padding:0; } .post-content-side { float: left; margin-left: 0; background: #fff; width: 25%; } .post-tag-side { float: left; width: 100%; } .post .wrapper { padding-top: 20px; } .post .cont { width: 100%; } .posts-item { display: table; table-layout: fixed; width: 100%; padding: 30px 15px 30px 0; border-width: 0 0 1px 0; border-style: solid; } .posts-item-left { display: table-cell; vertical-align: top; width: 204px; height: 140px; overflow: hidden; text-align: center; } .posts-item-left img { max-width: 100%; max-height: 100%; } .posts-item-left img.loading { margin-top: 30%; } .posts-item-body { display: table-cell; vertical-align: middle; padding-left: 15px; } .posts-item-publish_at { font-size: 12px; } .posts-item-heading { width: 100%; font-size: 18px; margin: 0 0 10px 0; overflow: hidden; line-height: 2rem; height: 4rem; } .posts-item-summary { font-size: 12px; color:#999; line-height: 1.5; margin: 0; } .posts-item-tags { line-height:26px; } .post_ul .posts-item-tags { height:26px;overflow:hidden; } .post-content-side .posts-item-tags { margin-top:20px; } .post-bottom .posts-item-tags { text-align:left; display:inline-block; *display: inline; *zoom: 1; height:26px;line-height:26px;padding-top:15px; } .posts-item-tags-tag { display:inline-block; *display: inline; *zoom: 1; position: relative; overflow: hidden; color:#fd6903; font-size: 13px; text-decoration: none; font-size: 13px; line-height: 26px; } .post_content_width .posts-item-tags-tag{ padding: 0 20px; font-size: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #e4e4e4; text-align: center; } .post-bottom .posts-item-tags-tag { display:inline-block; *display: inline; *zoom: 1; position: relative; overflow: hidden; color:#fd6903; font-size: 13px; text-decoration: none; text-align: center; font-size: 13px; padding: 5px 16px; border: 1px solid #e4e4e4; background: #fff; border-radius: 3px; line-height: 26px; } .posts-item-tags-tag-icon { display:none; } .post-dirs-heading { line-height: 58px; font-size: 16px; } .post-dirs-heading span { display:inline-block; *display: inline; *zoom: 1; vertical-align: sub; line-height: 16px; } .post-dirs-list { margin: 0; padding: 0 0 10px 0; list-style: none; border-width: 1px 0 0 0; border-style: solid; font-size: 13px; line-height: 20px; } .post-dir-dot { margin: 0 12px; } .post-dir-dot:after { content: '.'; display:inline-block; *display: inline; *zoom: 1; position: relative; top: -4px; } .post-dir-1, .post-dir-2 { position: relative; margin-top: -1px; border-width: 1px 0 0 0; border-style: solid; } .post-dir-1-box { display: block; cursor: pointer; padding: 14px 0; } .post-dirs-sub-list { margin: 0; padding: 0; list-style: none; } .post-dir-2-box { display: block; border-width: 0 0 1px 0; border-style: solid; cursor: pointer; padding: 14px 0 14px 14px; } .post-dirs-sub-sub-list { margin: 0; padding: 0; list-style: none; } .post-dir-3-box { display: block; padding: 14px 0 14px 28px; cursor: pointer; } .post-dir-1-box:hover, .active > .post-dir-1-box, .post-dir-2-box:hover, .active > .post-dir-2-box, .post-dir-3-box:hover, .active > .post-dir-3-box { background-color: #ff0a0a; color: #333; } .post-dir-btn { position: absolute; right: 0; top: 0; height: 48px; width: 34px; padding-left: 10px; line-height: 48px; text-align: center; cursor: pointer; } .post-dir-btn .main-ico-down { display: none; } .post-dir-btn.dir_off .main-ico-up { display: none; } .post-dir-btn.dir_off .main-ico-down { display:inline-block; *display: inline; *zoom: 1; } /*post tags*/ .post-tags-wrapper { padding-bottom: 20px; } .post-tags-heading { line-height: 58px; font-size: 16px; border-width: 0 0 1px; border-style: solid; } .post-tags-cloud { padding: 20px 0 80px 0; } .post-tags-cloud-item { display:inline-block; *display: inline; *zoom: 1; line-height: 34px; padding: 0 26px; margin: 0 10px 10px 0; color:#2b2b2b; border-radius: 2px; border: 1px solid #e4e4e4; background-color: #ffffff; font-size: 13px; } .post-tags-cloud-item:hover, .post-tags-cloud-item.active { color: #fff; background-color: #333; } .post-info { font-size: 12px; } .post-content{ padding: 30px 0; border-width: 0 0 1px; border-style: solid; } .post-content img { max-width: 100%; height: auto; } .post-re-wrapper { padding: 10%; } .post-re-heading { line-height: 58px; font-size: 16px; } .post-re-heading span { display:inline-block; *display: inline; *zoom: 1; vertical-align: sub; line-height: 16px; } .post-re-list { margin-top: 10px; border-width: 1px 0 0 0; border-style: solid; } .post-re-each { display: block; position: relative; line-height: 20px; padding: 10px 0 10px 15px; font-size: 13px; border-width: 0 0 1px; border-style: solid; } .post-re-each:hover { color:#8c8c8c; } .post-re-each-dot{ position: absolute; top: 5px; left: 0; font-size: 20px; } .post-re-each-dot:before { content: '.'; display:inline-block; *display: inline; *zoom: 1; } .post-bottom { position: relative; padding: 0 0 30px; } .post-bottom .sharewrap { position: absolute; top: -5px; right: 0; width: 120px; } .post-re-list-tip { font-size: 13px; line-height: 20px; padding: 10px 0; } @media screen and (max-width:1024px) { .post_border_section{ padding:0 3%; } .post_cont-back { padding: 10px 40px; } .post-wrapper { width:100%; margin:0 0 20px 0; padding: 0 5%; } .post-side { margin: 0 0 10px 0; width: 100%; } .post-re-wrapper { padding: 5%; } .posts-item { padding: 15px 0; } .posts-item-left { width: 102px; height: 70px; } .posts-item-heading { font-size: 16px; margin: 0 0 20px; } .post-dirs-heading, .post-tags-heading, .post-re-heading { line-height: 40px; font-size: 14px; padding-left: 5px; border-radius: 3px; } .post-dirs-heading span, .post-tags-heading span, .post-re-heading span { vertical-align: middle; line-height: 12px; font-size:15px; border: none; } .post-dir-1-box:hover, .active > .post-dir-1-box, .post-dir-2-box:hover, .active > .post-dir-2-box, .post-dir-3-box:hover, .active > .post-dir-3-box { background-color: #ff0a0a; color: #333 } .post-dir-1, .post-dir-2 { border: none; } .post-dir-1-box { padding: 7px 0; border: none; } .post-dir-2-box { padding: 7px 0 7px 14px; border: none; } .post-dir-3-box { padding: 7px 0 7px 28px; } .post-tags-cloud { padding: 10px 0 40px 0; } .post-tags-cloud-item { font-size: 13px; line-height: 28px; } .post-wrapper .pageTitle { line-height: 30px; padding-bottom: 10px; font-size: 22px; } .post-content { padding: 15px 0; } .post-re-list { margin: 0; border: none; } .post-bottom { padding-bottom: 20px; } .post-bottom .sharewrap { position: static; } .post-re-each { font-size: 14px; } .post-re-list-tip { font-size: 14px; } } /*展开按钮*/ .main-ico{display:inline-block; *display: inline; *zoom: 1;vertical-align:middle;overflow:hidden;position:relative;background-image: url('//asset.ibanquan.com/s/138995/474/main?design_theme_id=0&v=1728475587_1534832844');} .main-ico-search{height:18px;width:18px;background-position:-36px -36px;} .main-ico-sildeLeft{height:56px;width:56px;background-position:-72px 0;} .main-ico-sildeRight{height:56px;width:56px;background-position:-144px 0;} .main-ico-up{height:5px;width:10px;background-position:-150px -80px;} .main-ico-down{height:5px;width:10px;background-position:-150px -70px;} .post .wrap { padding-top: 20px; } .post_list_breadcrumb { margin-bottom: 0; margin-top: 50px; } @media screen and (max-width:767px) { .post_list_breadcrumb { margin-bottom: 0; margin-top: 40px; } } /* 基础页面 样式重置 */ #content_for_layout.yhsd-base { margin-top: 53px; } @media screen and (max-width:767px) { #content_for_layout.yhsd-base { margin-top: 0; }} .btn:active { opacity: 1!important; filter: alpha(Opacity=100)!important; } .log-block .btn-primary,.btn-vital { color: #ffffff; background: #000000; border: 0 solid #fff; box-shadow: inset 0px 0px 0px 1px #000000; overflow: hidden; } .btn:before { content: ""; width: 100%; height: 100%; background-color: #383838; z-index: -1; top: 0; position: absolute; left: 0; transform: scaleX(0); transform-origin: right; transition: transform .7s cubic-bezier(.19,1,.22,1); -webkit-transition: transform .7s cubic-bezier(.19,1,.22,1); -moz-transition: transform .7s cubic-bezier(.19,1,.22,1); -ms-transition: transform .7s cubic-bezier(.19,1,.22,1); -o-transition: transform .7s cubic-bezier(.19,1,.22,1); } .btn{ position:relative; } @media screen and (min-width:1025px) { .btn:hover:before { transform: scaleX(1); transform-origin: left; } .log-block .btn-primary:hover,.btn-vital:hover { color: #ffffff; border: 0 solid #fff; box-shadow: inset 0px 0px 0px 0px #383838; }} .account-tags li.selected a,.account-sideNav dd.selected a,.personal-address .address-item .default-address.default a,.cart-cont-footer .confirm-submit .price,.order-address-list-item .default,.order-submit>.detail .value.total,.cart-cont-item-product>.price { border-bottom-color:#fd6903!important; color:#fd6903!important; } .yhsd-font-link,.social-login div span{ color:#8d8d8d; } .order-detail { padding: 0; } .log-block-outer{ background:none; } .login_wrap{ background-color: #f0f0f0; } .login_wrap { background-image: url("//asset.ibanquan.com/s/138995/474/log-bg_img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/log-bg_img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); background-position: center; background-size: cover; background-repeat: no-repeat; } .is_mobile .login_wrap{ background-image:none; } #content_for_layout.login_wrap .cont{ padding:0 0 8%; } #content_for_layout .wrapper.log-block-outer{ padding:4%!important; } #content_for_layout.login_wrap .cont{ background:none; } .log-block{ width:380px; } .social-login div span { display:inline-block; *display: inline; *zoom: 1; margin:0!important; position: relative!important; font-size: 14px!important; padding:6px 0!important; left:auto!important; background: none!important; } .social-login { margin-top: 50px!important; } .social-login ul { margin: 16px auto 0!important; } .social-login div{ border:none!important; border-bottom: 1px solid #ddd!important; } .log-block .rapid { font-size: 12px; padding-top: 20px; } /*m-login*/ .login-out-sub-txt a { color: #666; text-decoration: none; } /* mobile */ .radio-group{width:100%;white-space:nowrap;overflow:hidden}.radio-inline{display:inline-block; *display: inline; *zoom: 1;width:auto} .radio-group label{ display:inline-block; *display: inline; *zoom: 1; } .radio-group label::before{width:20px;border-radius:100%;border:1px solid #bbb;background-color:#fff;color:#fff;vertical-align:bottom;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .radio-group input:checked+label::before{border-color:#333333;background-color:#333333;} .radio-group input:disabled+label::before{border-color:#333333;background-color:#333333;} /* golbal */ .log-block h4 { font-size: 26px; text-align: center; margin: 30px 0 40px; } #content_for_layout .wrapper{ min-width: inherit!important; } .input-area-lg>.title { font-size: 13px; height: 40px; left:0; padding:0; line-height: 40px; text-indent: 0; } .log-block-outer .input-area-lg>.title { text-indent: 1em; } #content_for_layout.yhsd-base { margin-top:0px; } .filter_simple-btn .pro_list_filter-order-item-check,.settings-filterSelect_color{ color:#6c7481; } .settings-filterSelect_background{ background:none; } .you_comment-icon.i_chat:before{ display:none!important; } .order-detail-info .progress .bar span.active { background: url(http://asset.ibanquan.com/image/58c3cdccb1b9571f98000b4f/s_200x200.png?v=1489227213) no-repeat; background-size: auto 24px; -moz-background-size: auto 24px; -webkit-background-size: auto 24px; -o-background-size: auto 24px; } /* post_list */ .wrap_width.post_content_width { padding: 4% 0; } .post_cont-top { margin: 30px 0 ; text-align:center; color:#888; line-height: 50px; height: 50px; } .post_list_breadcrumb { margin-bottom: 0px; margin-top: 0px; } .posts-item-left { display: block; vertical-align: top; width: 100%; height:220px; text-align: left; overflow: hidden; } .post_ul{ width:100%; margin: 0; float:left; padding: 0; } .post_ul li{ margin-bottom:20px; } .posts-item-left img { width: 100%; height: auto; } .posts-item .post_img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; } .posts-item:hover .post_img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -ms-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; } .pageTitle { margin:20px auto 20px auto; text-align:center; width:80%; } .pageTitle.blog_pageTitle{ margin:20px auto 40px auto; } .pageTitle.post_pageTitle{ margin:30px auto 0 auto; } .pageTitle.posts_list_pageTitle{ margin:70px auto 40px auto; } .pageTitle .yhsd-font-title{ line-height:1.2; text-align:center; font-size: 34px; } .post-info { font-size: 13px; text-align: center; margin-top: 10px; color: #888!important; line-height: 2; padding-top:10px; } .posts-item { float:left; display: block; width: 33.33%; padding: 20px ; border-width: 0 0 0 0; border-style: solid; opacity: 1; transform: scale(0); -webkit-transform:scale(0); } .posts-item { width: 33.33%;} .posts-item.animated { transform: scale(1); -webkit-transform:scale(1); opacity: 1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .posts-item-summary{ overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; margin-bottom:10px; -webkit-box-orient: vertical; font-size: 13px; line-height: 15px; height: 30px; } .post-list-each:nth-child(3n+1) { padding-left: 0; } .posts-item-body { display: block; vertical-align: middle; padding-left: 0px; } .posts-item-heading a{ width: 100%; font-size: 1.8rem; line-height: 2rem; height: 4rem; overflow: hidden; } .posts-item-publish_at { font-size: 13px; color:#aaa; padding-top:5%; } .post-content img { height: auto; margin-bottom:30px; } .post-wrapper li.posts-item{ margin-bottom:3%; float: left; position: relative; display:inline-block; *display: inline; *zoom: 1; overflow: hidden; list-style: none; padding: 0 1%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top; } .post-dir-1, .post-dir-2 { position: relative; margin-top: -1px; border-width: 1px 0 0 0; width: 33.33%; padding: 1% 0; float: left; border-style: solid; } .posts-item-wrap{ padding:0 0 68%!important; } .posts-item-wrap i{ position:absolute; left:50%; top:50%; z-index:9; margin-left:-19px; margin-top:-10px; font-size:38px; color:#333; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; } .posts-item-wrap:before{ content: ''; display: block; position: absolute; z-index: 1; height: 100%; width: 100%; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; } @media screen and (min-width:1025px){ .post-wrapper li.posts-item:hover i{ filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; } .post-wrapper li.posts-item:hover .posts-item-wrap:before{ content: ''; display: block; position: absolute; z-index: 1; height: 100%; width: 100%; background: #fff; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; }} @media screen and (max-width: 767px){ .post_border_section { padding: 0; } .pageTitle.posts_list_pageTitle { margin: 40px auto 20px ; } .posts-item-summary{ font-size:12px; } .post_cont-top { margin: 10px 0 30px 0; text-align: center; color: #888; float: left; background: #fff; width: 100%; line-height: 40px; height: 40px; } .post_cont-back { padding:0; display:block; } .posts-item-heading a { font-size: 1.3rem; line-height: 1.2rem; height: 2.4rem; overflow: hidden; } .posts-item-heading { margin: 0 0 10px; } .post-content-side .posts-item-tags{ margin-top: 10px; } .post-wrapper li.posts-item .posts-item-tags-tag{ font-size:12px; line-height:16px; } .post_list_breadcrumb { display:none; } .posts-item { float:left; display: block; padding:0 0 10px 0 ; border-width: 0 0 0 0; border-style: solid; } .posts-item { width:100%!important;} .posts-item-heading a { font-size: 1.8rem; height: 3.6rem;} .posts-item-summary { font-size: 14px; } .post-info { font-size: 13px; text-align: center; margin-top: 0; color: #888!important; line-height: 2; } .pageTitle { width:94%; margin:20px auto 10px; line-height: 1.4px; text-align:center; } .pageTitle.blog_pageTitle { margin: 20px auto 20px auto; } .pageTitle .yhsd-font-title{ font-size:20px; } .post-wrapper .pageTitle { line-height:1; padding-bottom:0px; font-size: 22px; } .post-content img { max-width: 100%; height: auto; } .post-wrapper li.posts-item{ padding:0 2%; } .post_ul{ margin:0; } .post-wrapper li.posts-item{ padding:0 1.2%; } .post_ul{ margin:0; } } /* home_f4*/ .mod.home_f4{ padding:0 } .section_width,.wrap_width{ position:relative; margin:0 auto; } @media screen and (min-width:1025px){ .border_section{ padding-right:3%; padding-left:3%; }} @media screen and (min-width:768px) and (max-width:1024px){ .border_section{ padding-right:20px!important; padding-left:20px!important; }} @media screen and (min-width: 1680px){ .section_width,.wrap_width{ max-width:70%; }} @media screen and (min-width: 1440px)and (max-width: 1679px){ .section_width,.wrap_width{ max-width:76%; }} @media screen and (min-width: 768px)and (max-width: 1439px){ .section_width,.wrap_width{ max-width:82%; }} @media screen and (min-width:768px) and (max-width:1600px){ .wrap_width.pro_wrap.pro_img_info { max-width:1100px; } } @media screen and (min-width:1601px){ .wrap_width.pro_wrap.pro_img_info { max-width:1330px; }} .indexSection1 { background: #f5f5f5 ; } .indexSection1 { background: #ffffff ; } .big-title{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; letter-spacing:0.05em; width:100%; font-size:22px; text-align:center; color:#333333; margin:10px 0 20px ; height:44px; line-height:44px; overflow:hidden; position:relative; } .big-title i { font-size: 14px; color:#333333; font-style: normal; position: absolute; right:0; padding:0 20px; } .do-element-media img{ width:100%; } .do-element-media .do-element-media-ul{ display: table; width: 100%; padding: 0; list-style: none; margin: 0; table-layout: fixed; } .do-element-media.pic_show { margin:0 -1.2% ; } .do-element-media ul li{ float:left; position: relative; display:inline-block; *display: inline; *zoom: 1; overflow: hidden; list-style: none; padding: 1.2%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ vertical-align: top; } .do-element-media ul li:last-child{ margin-bottom:0} .pic_show-each { position: relative; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .pic_show-each .mhmask { z-index:1; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; content: ''; position: absolute; width: 100%; display: block; height: 100%; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0; background:#151d26; } .do-imag-conter{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .home_f4 .do-imag{ padding-top: 60%; position: relative; overflow: hidden; } @media screen and (min-width:1025px){ .do-element-media ul li:hover .mhmask { filter: alpha(opacity=45); -moz-opacity:0.45; -khtml-opacity:0.45; opacity: 0.45; background:#151d26; }} .pic_show { margin: 0; padding: 0; width: auto; } .pic_show-each span{ display:none; padding:12px 26px; margin-top:30px; border:1px solid #ffffff; background:#000; color:#ffffff } .do-text-wrap { position: absolute; width: 100%; left: 0; top: 0; height: 100%; text-align: center; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .do-text-inner:before { content: ''; display:inline-block; *display: inline; *zoom: 1; height: 100%; vertical-align: middle; box-sizing: inherit; } .do-text-inner { display:block; position: relative; height: 100%; } .pic_show-each .do-text{ -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; letter-spacing:1px; line-height: 1; padding: 4% 0 ; z-index:4; width: 90%; margin: auto; display:inline-block; *display: inline; *zoom: 1; position: relative; vertical-align: middle; text-align: center; } .do-element-media h2 { display: block; line-height:1.8; color: #363636; font-size: 34px; width:100%; margin:0 auto; } .do-element-media .do-text-des{ width:100%; line-height:1.4; color: #242422; margin:0 auto; font-size: 16px; } @media screen and (min-width: 1025px){ .do-element-media ul li:hover img{ -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; } .do-imag .do-imag-conter img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; display: block; width:100%; }} .big-title{ -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -ms-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .big-title:before{ content: ''; display: block; position: absolute; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0); transform: scaleX(0); height: 1px; left: 50%; margin-left: -20px; margin-top: 42px; background:#333333; width: 2px; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); } .big-title.show:before{ content: ''; display: block; position: absolute; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(20); transform: scaleX(20); height:2px; left: 50%; margin-left: -20px; margin-top: 42px; background:#333333; width: 2px; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); } .big-title{ font-size:32px; } .do-element-media.pic_show { margin:0 -0% ; } .do-element-media ul li{ padding: 0%; } @media screen and (max-width: 767px) { .do-element-media ul li{ padding-bottom: 20px!important; }} .do-text-inner{ background:#fff; } .pic_show-each .do-text{ text-shadow: 0 0 0 rgba(0,0,0,0.2);} @media screen and (min-width: 768px) { .pic_show-each span{ display:inline-block; *display: inline; *zoom: 1;vertical-align:top; } .do-element-media .do-text-des{ width: 70%; margin: 5% auto 0;line-height:1.6; } .indexSection1 .do-element-media li .do-imag{ padding-top:30%; width: 50%; z-index:9; } .do-element-media ul li{ width:100%; padding:0 1.2% 30px; } .do-element-media ul li{ padding:0 0% 30px; } .do-text-wrap { overflow:hidden; } .indexSection1 .do-element-media li:nth-child(2n+1) .do-text-wrap { text-align: right!important;} .indexSection1 .do-element-media li:nth-child(2n+1) { text-align: right!important;} .indexSection1 .do-element-media li:nth-child(2n) .do-text-wrap { text-align: left!important;} .indexSection1 .do-element-media li:nth-child(2n) .do-imag { margin-left: 50%!important; } .indexSection1 .pic_show-each .do-text { margin: auto; width: 50%!important; padding: 0; position: relative; bottom:0; top:0; background: #fff; }} @media screen and (max-width: 767px) { .do-element-media .do-text-des{ width: 90%; margin: 0 auto 0;line-height:1.6; } .do-text-wrap{ position:relative; } .indexSection1 .do-element-media li .do-imag,.indexSection1 .do-element-media li .do-text-wrap{ will-change:auto!important; transform:none!important; } .do-element-media ul li{ padding-bottom:20px!important; } .do-element-media ul li:last-child{ padding-bottom:0!important; } .indexSection1 .pic_show-each .do-text{ width:100%;bottom:auto;top:100%;} .do-element-media .do-text-des,.do-element-media h2 { padding: 0 20px;width:auto; } .do-text-wrap:before{ display:none; } } .indexSection1 .do-element-media li .do-imag{ padding-top:24%; } .indexSection1.border_section{padding:0;} .section_width.indexSection1_width{ max-width:none; } .lookbook-carousel.owl-carousel .owl-nav .owl-next { right: 3%!important; } .lookbook-carousel.owl-carousel .owl-nav .owl-prev { left: 3%!important; } @media screen and (max-width: 767px) { .indexSection1.border_section{padding:0!important;} } .section_width.indexSection1_width{ padding:0% 0 4%; } .section_width.indexSection0_width{ padding:4% 0 0%; } .section_width.indexSection2_width{ padding:4% 0 4%; } .section_width.indexSection3_width{ padding:2% 0 0%; } .section_width.indexSection4_width{ padding:4% 0 4%; } @media screen and (max-width: 767px) { .big-title i { padding:0 10px; font-size:20px; } .indexSection1.border_section{ padding:0 10px } .first-title{ display:none; } .big-title{ text-align:center; font-size:18px; margin:0 0 5px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; visibility:visible; } .big-title.show:before{ -webkit-transform: scaleX(14); transform: scaleX(14); left: 50%; margin-left: -14px; margin-top: 40px; width: 2px;} .do-element-media .do-li{ width:100%!important; } .do-element-media.pic_show { margin: 0px; } .home_f4 .do-imag{ padding-top: 60%!important; position: relative; overflow: hidden; } .pic_show-each .do-text { font-size: 18px; font-weight:400; } .do-element-media .do-text h2{ font-size:18px; } .do-element-media .do-text-des{ font-size:15px; } .pic_show-each em{ font-style:normal; line-height: 2; text-align:center; top: 56%; width: 26px; left:50%; margin-left:-13px; position: absolute; color: #fff; font-size:14px; font-weight:400; text-align: center; z-index:5; filter:alpha(opacity=100); opacity: 1; } .do-element-media ul li{ padding-bottom:12px!important; } } /* pro_list */ .pro_list_wrap .mod { padding: 0; } .grid-item-a-img { display:inline-block; *display: inline; *zoom: 1; margin: auto; width: 100%; width:100%!important; height: auto; vertical-align: middle; } .post_ul .grid-item-a-img{ max-width:100%!important; width:100%; } .pro_list { margin:0!important; } @media screen and (min-width: 1600px){ .grid-item { width: 25%; }} .cont.proCont { max-width: none; width: 100%; } @media screen and (min-width: 768px){ .pro_list_wrap.products_wrap,.pro_list_wrap.wide_hide { padding:0;max-width:none;width:100%; } .pro_list_wrap_section{ padding:0 6%; } .proList_paixu_inner.wrap_width{ max-width:none;padding:0 6%; } } @media screen and (min-width: 768px)and (max-width: 1024px){ .proList_paixu_inner.wrap_width { width: auto; padding: 0 20px; } .pro_list_wrap_section{ padding:0 20px; }} .grid-item-a--wrap { width: 100%; padding: 0px 0 150%; position: relative; } .grid-item-a-img { display:inline-block; *display: inline; *zoom: 1; margin: auto; max-width: 100%; max-height: none; vertical-align: middle; } /* product */ #you-mix .youmix-nav { text-align: center!important; background: none!important; border-bottom: none; height:50px!important; font-size:18px!important; } #you-mix .youmix-cont-item .price{ bottom:-8px!important; } #you-mix .youmix-cont-item .title{ bottom:10px!important; } #you-mix .youmix-nav>a{ float:none!important;border:none!important; } .you_comment-tab-item { padding: 0!important; margin:0 40px!important; } #you-mix .youmix-cont-item .price,#you-mix .youmix-cont-item .title{ text-align:center!important; } #you-mix .youmix-cont-item .image .tips{ background: rgba(255,255,255,.7)!important; opacity: 1!important; border: none!important; color: #000000!important; } #you-mix .youmix-nav>a.active { border-top-color: #fd6903!important; } #you-mix .youmix-cont-nav li.active { color: #888!important; } #you-mix .youmix-cont-item .image{ background:none!important; } #you-mix .youmix-cont-right .tips { margin-top: 20px!important; padding: 5px 36px!important; } #you-mix .youmix-cont-right{ padding-left: 4%!important; width: 12%!important; } #you-mix .youmix-cont-left{ width: 80%!important; } #you-mix{ border:none!important; } .pro_detail_wrap_full{ position:relative; } .out-of-stock-background{background:#ededed!important;border:none!important;color:#888!important;} .you_comment-tab { display: none!important; } .pro_desc-cont img{ vertical-align: bottom; } .pro_detail-gallery-main-img:after { content: '\20'; display: block; width: 36px; height: 36px; position: absolute; right: 0; bottom: 0; background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAIVBMV…N0A72nBIvcATHdUldSoMkiYkycAnWWaiSVRq38Pakn0Bd56C4XXDNLsAAAAABJRU5ErkJggg==); } .pro_cont { position: relative; } .pro_wrap { position: relative; display:block; } .pro_detail-title{ font-size:1.7em; font-weight: bold; line-height:1.2; } .pro_detail-old_price { display:inline-block; *display: inline; vertical-align: bottom; *zoom: 1; margin-right:10px; font-size:16px; } .pro_detail-desc br{display:none;} .pro_detail-gallery-main-button-each{ display:none; } .pro_detail-gallery-main-img:after{ display:none; } .pro-detail-sub-each-wrap a { position: relative; } .share_box--pro .share_box-button { font-size: 16px; } .share_box-item{ float:left; } .share_box-item--list { float:left; display:block; visibility:hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height: 28px; line-height: 28px; } .share_box.active .share_box-item--list{ visibility:visible; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; } .bdshare-button-style1-16 a{ background-image: none!important; font-size: 24px!important; padding-left: 8px!important; line-height: 28px!important; height: 28px!important; margin: 0!important; } .bdshare-button-style1-16 .bds_qzone{ color: #57aff9; } .bdshare-button-style1-16 .bds_weixin{ color: #59bf39; } .bdshare-button-style1-16 .bds_tsina{ color: #ec6464; } .pro_desc-cont img { max-width: 100%; } @media screen and (min-width: 768px){ .pro-mobile-select{ margin-bottom: 30px; } .pro_detail_wrap_full{ position:relative;z-index:5; } .fanhui { width:100%; position:relative; display:block; padding: 0; text-align:center; } .pro_detail-gallery-main-img { width: 100%; height: auto;} .pro_detail-gallery-main-img-src { width: 100%;} .pro_detail-quantity-desc { float: left; height:30px; line-height:30px; margin: 0 0 0 20px; } .pro_detail-uprice { float: left; margin-left: -5px; display:inline-block; *display: inline; *zoom: 1; vertical-align: bottom; font-size:1.7em; } .pro_detail-quantity-btn{ position:relative; margin-right: 4%; width: 26%; } .pro_detail-quantity-btn,.pro_detail-quantity-btn-input{ height:38px;line-height:38px; } .pro_detail-quantity-btn-d,.pro_detail-quantity-btn-a{ height:18px; line-height:18px; position:absolute; right:2px; width:18px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility:hidden; color:#999; } .pro_detail-quantity-btn:hover .pro_detail-quantity-btn-d,.pro_detail-quantity-btn:hover .pro_detail-quantity-btn-a{ -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility:visible; } .pro_detail-quantity-btn-a{ top:2px; } .pro_detail-quantity-btn-d{ bottom:2px; } .pro_detail-quantity-btn-input{ border-width:0; text-align: left; text-indent:40px; } .pro_detail-quantity-btn-input.pc_quantityBtn { float: left; display:block; height: 38px; background: #f6f6f6; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-right: 2%; width: 18%; border: 1px solid #e4e4e4; line-height: 36px; } .pro_detail-addBtn{height:34px;} .pro_detail-addBtn-addCart { font-size: 14px; height: 38px; line-height: 38px; width: 70%; z-index:1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; float: left; } .pro_detail-addBtn-addSucc { background-color: rgba(0, 0, 0, 0.65); border:none; color:#fff; font-size:15px; } .pro_detail { margin: 0; padding: 0; } .you_comment-stat{ display:none; } .pro_breadcrumb { margin: 0;} } @media screen and (max-width: 767px){ .pc_quantityBtn { display:none; }} .you_comment-tab { display: block!important; height: 50px!important; padding:10px 0 10px!important; line-height: 50px!important; background:none!important; border: none!important; text-align:center; } .you_comment-tab-item { margin:0; border:none!important; height: 32px!important; line-height:32px!important; font-size: 16px!important; color: #999; text-align: center; white-space: nowrap; } .you_comment-tab-item.i_active:after { background-color:#fd6903!important; border: 0 solid #fd6903!important; bottom: -1px!important; top:auto!important; height:1px!important; } .you_comment-tab-item.i_active{ background:none!important; } @media screen and (max-width: 767px){ #you-mix .youmix-cont-item.cont-4,#you-mix .youmix-cont-item.cont-5,#you-mix .youmix-cont-item.cont-6 { width: 33.33%!important; } #you-mix li:nth-child(4),#you-mix li:nth-child(5),#you-mix li:nth-child(6){ display:none!important; } .you_comment-tab-item { width: auto!important; margin:0 20px!important; font-size: 15px!important; height: 28px!important; line-height: 28px!important; } .you_comment-tab{ padding:0!important;border-bottom:1px solid #e4e4e4!important; height: 28px!important; line-height: 28px!important; margin-bottom: 15px!important; } } @media screen and (min-width: 768px){ .pro_detail-gallery-main--slide { margin: 0 auto; width:71%; max-width:100%; min-width:90%; } .wrap_width.pro_img_info{ padding: 2% 0;} .pro_detail-gallery-list-prev, .pro_detail-gallery-list-next { font-size:18px; } .pro_cont { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; } .pro_desc-cont { max-width:100%; padding: 20px 30px 0; overflow:hidden; } .pro_detail-gallery { width: 55%; display:inline-block; *display: inline; *zoom: 1; vertical-align: top; overflow: hidden; } .pro_detail--info { top: 0px; position: relative; width: 39%; max-width:320px; min-width:280px; display:inline-block; *display: inline; *zoom: 1; left: 12%; overflow: hidden; right: 0; margin-bottom:20px; } .pro_detail-title{ margin-top:10px; } .pro_desc { margin:0 auto ; } .proInfo_relative { top:0; } .pro_mod.detail-pro-top{ padding-top:30px; } .pro_detail-gallery-list-next.active{ filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity:0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; visibility:hidden; } .pro_detail-gallery-list:hover .pro_detail-gallery-list-next.active{ display:block; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility:visible; } .pro_detail-gallery-list-box-item { overflow:hidden; border: 1px solid #e4e4e4; margin: 0 6px 6px 0;} } @media screen and (min-width: 768px){ .pro_detail-gallery-list-box-item { margin: 0 0 5px; } .pro_detail-gallery { padding-bottom: 50px; } .pro_detail-gallery-main { margin-left: 120px; } .pro_detail-gallery-list { position: absolute; margin: 0; height: 635px; width: 82px; top: 0; left: 0; overflow:hidden; } .pro_detail-gallery-list-prev, .pro_detail-gallery-list-next { position: absolute; width: 30px; height: 30px; filter: alpha(opacity=90); opacity: 0.9; background:#fff; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15); line-height: 30px; text-align: center; left: 50%; margin-left:-15px; font-size:18px; display: none; z-index: 1; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .pro_detail-gallery-list-prev { top: 20px; } .pro_detail-gallery-list-next { bottom: -40px; top:auto; } .pro_detail-gallery-list:hover .pro_detail-gallery-list-next.active{ bottom:8px; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -ms-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; } } @media screen and (min-width: 768px)and (max-width: 1440px){ .pro_detail--info { max-width: 300px; } .pro_detail-title { margin-top:5px; font-size: 1.6em; line-height: 1.2; } } .pro_detail_wrap_full{ background-color:#ffffff!important; } .pro_desc-cont{ background:none!important; } .pro_desc{ background-color:#ffffff!important; } .pro_detail_wrap_full.proDetail_chuchuang{ background-color:#f5f5f5!important; } .pro_mod.detail-pro-top{ background:#f5f5f5!important;;} @media screen and (max-width: 767px){ .pro_detail_wrap_full.proDetail_chuchuang,.pro_mod.detail-pro-top { background:#fff!important; } .pro-detail-gallery.pro_detail-gallery{ background:#f5f5f5!important;;} }} /* chart */ .cart-cont-item-discount .price { display:inline-block; *display: inline; *zoom: 1; margin-left: 27%; font-size: 14px; width: 12%; } .account-block{ border:none;padding:60px 200px; } .login_wrap .cont { max-width: 800px!important; } .cart-head { padding-top: 80px; text-align: center; } .cart-head-promote .rules{ display:none; } .cart-head-promote li { display:inline-block; *display: inline; *zoom: 1; margin-bottom: 6px; max-width: 348px; z-index: 9; position: relative; margin:0 10px; font-size: 13px; vertical-align: top; } .cart-cont-list.empty .cart-cont-item:before { background:none;height:0; } .cart-cont-list.empty .cart-cont-item .btn { margin-top: 80px; } .cont { width: 100%!important; max-width: 1120px!important; } .cart-cont-footer .confirm.fixed { box-shadow: none; } .cart-cont-head>span{ font-size:14px; color:#666; } .cart-cont-head { border-radius:0px; padding: 20px 30px; } .cart-cont-head span.name { width: 40%; margin-left:30px; } .cart-cont-item-product>.img { width: 15%; height: 140px; } .cart-cont-item-product>.img img { max-width: 140px; max-height:140px; vertical-align: middle; } .cart-cont-item-product>.img { margin: 20px 20px 20px 0; } .cart-cont-item-product>.name { width:30%; padding-left:8px; padding-right:0; } .cart-cont-footer .confirm,.cart-cont-footer .confirm.fixed { bottom: auto; margin-left: 0; width: 1120px; position:relative; margin-top:40px; padding:30px 0; height:80px; display:block; visibility: visible; font-size: 14px; border-width: 0; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; } .cart-cont-item { font-size: 0; border-top-width:0px; border-top-style: solid; } .cart-cont-item-product>.sku { padding: 5px 10px; color: #999; width: 20%; overflow: hidden; left: 230px; top:66px; border:none; position: absolute; line-height: 20px; } .cart-cont-item-product>.sku.active{ height:40px; border:none; color:#fd6903; background:#f7f7f7; } .cart-cont-item-product>.unit-price { color:#6c7481; font-size: 14px; width: 12%; text-align:center; margin-left:auto; } .yhsd-font-title{ color:#333333; font-size:13px; } .cart-cont-item-product>.img:before{display:none;} .quantity-selector { display:inline-block; *display: inline; *zoom: 1; background:none; border-radius: 0; border: 1px solid #e2e2e2; } .yhsd-base-iconfont.icon-minus,.yhsd-base-iconfont.icon-add{ color:#e2e2e2; } .yhsd-base-iconfont.icon-minus:hover,.yhsd-base-iconfont.icon-add:hover{ color:#888; } .quantity-selector>input { font-size: 13px; width:30px; height: 36px; background:none; } .cart-cont-item-product>.control { font-size: 12px; width: 12%; text-align:center; } .cart-cont-footer .discounts table td { min-width: 160px; } .cart-cont-item-product>.price { font-size: 14px; width: 14%; text-align: center; color:#6c7481; } .cart-cont-head span.price,.cart-cont-head span.quantity ,.cart-cont-head span.operate{ width: 12%;text-align: center; } .cart-cont-head span.subtotal{ width: 14%;text-align: center; } .cart-cont-item-product>.delete{ width:12%; text-align: center; } .cart-cont-footer .discounts table { margin: 3px 0; } .cart-cont-footer .discounts .yhsd-font-title { font-size: 14px; } .cart-cont-list { border-right: 0px solid #e4e4e4; border-left: 0px solid #e4e4e4; margin-bottom: 10px; } .cart-cont-item-product.unsell { opacity: 0.8; filter: alpha(opacity=80); background:#fff; } .cart-cont-item-product.unsell .delete { color: #ff0000; } .cart-cont-item-product>.checkbox-group { padding-top: 24px; font-size: 12px; width: 24px; color: #ff0000; } .cart-cont-footer .confirm-submit .price { font-size: 20px; font-weight: 400; margin-right: 6px; line-height: 18px; } .cart-cont-footer .confirm-submit { margin-right: 30px; color:rgba(0,0,0,0); } .cart-cont-footer .confirm-submit .quantity{ color:rgba(0,0,0,0); } .cart-cont-footer .confirm-submit .total{ color:#6c7481 } .btn,.pro_detail-addBtn-addCart,#yhsd_variantSelector_addCart:before,.part_3-link,#mc_embed_signup form,#mc_embed_signup .mc-field-group input{ -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; overflow:hidden; } .cart-head h2,h2.page-title { font-size: 26px; } .cart-cont-list li { margin-top: 0px; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; } .cart-cont-head, .cart-cont-list li{ border:none; } .cart-cont-item-product.selected,.yhsd-form-background,.cart-cont-item-product>.img { background: none; } .cart-cont-head.yhsd-main-border.yhsd-form-background { background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; } .page-title.yhsd-font-title { text-align: center; padding-bottom: 20px; } .order-detail-info>.desc { margin: 50px 0; text-align: center; overflow: hidden; } .order-detail-info>.desc>h3{ font-size:20px; } .order-detail-info>.desc>small{ font-size:13px; } .order-banks .submit { margin-top: 60px; } .order-banks .submit .price { margin-right: 30px; font-size: 22px; } .order-banks li{ transform: scale(0.8); -webkit-transform: scale(0.8); border:none; } .order-banks li:hover, .order-banks li.selected{ border-color: #48e; box-shadow: 0 0 0 2px #48e; } .btn-default.selected { -webkit-box-shadow: 0 0 0 0px #fd6903; box-shadow: 0 0 0 0px #fd6903; } .cart-cont-item-product>.sku.active .edit { background: #fd6903; } .yhsd-popup .edit-product-info .info .price { color: #fd6903; font-weight: 400; font-size:16px; } small { font-size: 100%; } .cart-cont-item-product>div { padding: 40px 0;} .cart-cont { border-style: none; border-radius: 0px; margin:40px 0 120px 0; } .cart-cont-footer .discounts { overflow: hidden; padding: 0 18px; line-height: 2; margin:0 0 80px 0; font-size:12px; border:none; } .yhsd-main-border { border-color: #e4e4e4; } .yhsd-select { font-size: 13px;} .order-buyList-item>.product .desc { font-size: 12px; } .order-address .add-btn { font-size: 13px; border: 1px solid #e0e0e0; padding: 8px 20px; background: #f0f0f0; color: #666; border-radius: 2px; } .order-submit>.detail { font-size: 14px; line-height:1.5; padding-bottom:50px; color:#333; } .order-buyList-group .shipment { padding: 30px 0 0 0;} .order-block{ border:none; padding: 22px 0px 30px 30px; margin-top:0; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; } .order-block:last-child{ background: none; } #order-pay-wrapper .order-block{ background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; } .order-paying .detail.active{ border:none; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; } .order-block:first-child { margin-top: 0; } .order-address-list-item { padding: 16px 0; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; } .order-block:last-child { padding: 22px 0px 80px 30px; } .order-detail .order-detail-address { border-right: 1px solid #e4e4e4; } .order-points { margin-top: 10px; border-top-width: 0px; } .yhsd-popup .use-coupon .tags>div.active span { border-bottom-color: #fd6903; color:#fd6903; } .yhsd-popup .use-coupon .tags>div { font-weight: 400; } .yhsd-popup .use-coupon .coupons.empty:before { display: block; content: ""; height: 0px; width: 150px; margin: 50px auto 0; background: none; } .yhsd-popup .use-coupon .coupons.empty li { text-align: center; color: #9a9a9a; font-size: 15px; margin: 0 0 40px; } .order-detail-info .progress .bar { margin: 0 1px; height: 2px;} .order-detail-info .progress { display:none; } .btn.btn-lg{ font-size: 15px; padding: 0 60px; } .order-address-list-item>div{ font-size:13px; } .order-payment .checkbox-group input[type=radio]{ font-size: 22px; } .box.add-address #yhsd-is_default { font-size: 18px; } .order-other { border-width: 1px 1px; } .order-wrapper { border-width: 0;} .order-payment .checkbox-group { margin: 10px 0 0 0; } .order-buyList-group { margin-left:0} .order-buyList-item>.line-price { width: 180px; font-size:15px; font-weight: 400; text-align: right; } .order-buyList-item { background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; } .order-buyList-item>.product .name,.order-buyList-item>.line-price, .order-buyList-item>.price, .order-buyList-item>.product,.input-area-md>.title{ font-size: 12px; } .order-other.yhsd-form-background.yhsd-main-border{ background:#f8f8f8;border:none; } .order-detail-info>.desc>img{ display:none; } .order-block.order-detail-no{ font-size:13px; margin-bottom:0; border-bottom:0px solid #e4e4e4; } .order-block.order-detail-info{ border-top:none; padding:20px 20px; } .desc.you_comment-target-add>div{ margin-top:24px; } .order-detail-info .progress ul { font-size: 0; padding: 30px 0 0; } .order-detail-info .progress .bar span { margin-top: -11px; margin-left: 320px;} .order-detail .order-detail-address { border-right:none; } .order-detail-payment div,.order-detail-address .address { padding-left:0; } .order-block.order-detail-submit.order-submit{ border-top:none; } .cart-head-promote { padding: 8px 0; } .input-area.active>input { border-color:#ddd; } .input-area.active>.title { color:#333; } .input-area.active>.tips { background: #444; } .input-area.active>.tips:before { border-top-color: #ddd; } .account-orderList-list .list-title { padding:80px 0 20px 0; font-size: 13px; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; border: none;} .total.yhsd-font-text .yhsd-font-title{ color:#fd6903; } .input-area-lg>input { font-size: 13px; } .input-area>.tips, .input-area>input { border-radius: 0px; box-sizing: border-box; } .input-area>input { text-indent: 0; display: block; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; border: none; } .log-block .input-area>input{ border:1px solid #e4e4e4; -moz-border-radius: 3px; background:#fff; -webkit-border-radius: 3px; border-radius: 3px; text-indent: 1em; } .yhsd-popup .add-address .dropDown-group, .yhsd-popup .add-address .input-area, .yhsd-popup .edit-product-info .info .name,.select-group { margin-bottom: 15px; } .yhsd-select { width: 164px; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; border:none; height: 38px; line-height: 38px; text-indent: 0; outline: 0; border-radius: 0px; } .yhsd-popup>h3 { font-weight: 400; } .order-block>h5 i { margin-right: 10px; display: none;} .order-address-list { list-style: none; padding-left: 0px; margin-bottom:28px; } .order-submit>.address { border-radius: 2px; border: 0px solid #ddd; background: #f6f6f6;} .yhsd-font-desc.default-address.default{ color:#333!important; } .cart-head-promote .type{ display:none; } .cart-head-promote .rules { cursor: pointer; vertical-align: middle; padding-left: 4px; color: #666; padding-bottom: 10px; } .yhsd-popup .add-address span.checkbox-btn{display:none;} .order-payment .checkbox-group label,.yhsd-popup .add-address .checkbox-group label{display:inline-block; *display: inline; *zoom: 1;padding:0 5px 0 0;} .order-address-list-item .info small>span{ margin:0 10px 0 0; } .order-paying h3{font-size:18px; margin:10px 0;} .order-banks h5{ font-size:18px; padding:20px 0; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; } .order-banks h4{ font-size:18px; padding:20px 0 10px 0 ; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; border:none; } .account-sideCont-block.personal-info{ background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; padding-bottom:30px; margin-bottom:30px; } .account-sideCont-block.personal-info tr { background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; } .personal-info tr td{ padding:5px 0; } .personal-info table{ border-left-width: 0; } .order-paying { font-size: 12px;} .yhsd-popup{ border-radius:2px;} .order-other h5 i{color:#fd6903} .order-detail-address .address { font-size: 13px; color: #7b7b7b; } .order-detail-address .address .left { text-align: left;} .personal-address table tr { height: 88px; } .yhsd-popup .change-personal-info .gender div { float: left; margin-top: -22px; margin-left: 50px; font-size: 14px; } .account-sideCont-block, .account-sideNav { border: 0; border-style: solid; border-radius: 0; } .account-sideNav { display:inline-block; *display: inline; *zoom: 1; font-size: 14px; margin:0; padding: 60px 2% 20px; width: 15%;} .personal-address-table .btn-primary { background-color: #ffffff; color: #fd6903; border-color:#fd6903; } .personal-info .avatar>div { border-radius: 0; background: #c7c7c7;} .personal-info .avatar img { width: 100%; height: auto;} .account-sideCont-block h3 { padding: 30px 0 20px; margin-bottom: 30px; font-size: 20px; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; } .personal-security h3 { border-bottom-width: 0px;} .personal-security-change { padding: 0 0 30px 0; border:none; } .personal-security-social { background: #fff; padding: 30px 0 0 0; border-top: 0px solid #d5d5d5; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; } .personal-security-social .btn-primary.btn-sm { background-color: #d2d2d2; border: none; } .personal-security h5 { font-size: 13px;} .personal-address .address-item { background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; } .account-tags li a{ font-size:13px; border-bottom: 2px solid transparent; padding:0 10px 0 0; } .account-tags,.yhsd-popup .use-coupon .tags { padding: 0; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; border: none;} .account-orderList-list .list-title .total { font-size: 16px; } .account-tags li.search input { background: #f4f4f4;} .account-orderList-list>li,.account-coupon-table table thead th { background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; border: none;} .account-coupon-table table tbody td{ border:none; } .account-coupon-table table .account-coupon-loading td { padding: 100px 0 100px; background: none; } .personal-address .shipment-receiver { font-size: 13px; } .account-orderList-list b.yhsd-font-title { color: #6c7481; } .account-orderList-list .list-cont-items-group { padding: 30px 30px 30px 0;} .account-orderList-list .list-cont-left { border-right-width: 0; } .account-orderList-list .list-cont-right{ margin-top:30px; } .link.yhsd-orders-buyagain { background: #222; color: #fff; margin-bottom: 20px; padding: 5px; border-radius: 2px; } .account-orderList-list>li.empty div{ background:none; } .personal-info .avatar { padding: 0 30px 0 0;} .vip-level{padding:0;} .vip-level h5 { font-weight: normal;} .account-orderList-list .list-title h4 { font-weight: 700; font-size: 16px;} .personal-address-table { padding: 0 0 30px; } .account-coupon-table { margin-top: 0px; border-top-width: 0;} .btn-default.selected, .btn-default:hover { color: #fd6903; border-color:#fd6903; } .order-address-list { padding-left: 0; } #content_for_layout .cont,#order-pay-wrapper .cont { background: #fff; padding: 0 3%; } #content_for_layout .wrapper,#order-pay-wrapper { padding: 50px 0; } .yhsd-popup .use-coupon .tags span { border-bottom: 3px solid transparent;} .order-detail .order-detail-payment,.order-detail .order-detail-address{ border-top:0px solid #e4e4e4; } .order-detail #yhsd-order-detail-pay { height: 32px; line-height: 32px; width: 200px; font-size: 14px; } .list-cont-right a { margin-bottom: 16px; } .account-tags li.search input:focus { border-color: #d2d2d2; } .order-paying .show-more { margin-top: 28px;} .account-sideNav,.personal-info .avatar,.personal-info table{ font-size:13px; } #yhsd-cancel_reason input[type=radio] { font-size: 16px; margin-right: 20px; } .btn-md { font-size:13px; } .btn.btn-md:before { display: none; } .order-address .btn { margin: 12px 0 10px 0; } .order-other-left .input-area { margin-left:7px; } .order-points { font-size: 13px; padding: 10px 0;} .account-points-empty td { padding: 100px 0 100px; color:#999; background:none;} .account-points-table { border-top-width: 0px; margin-top:0; } .account-points .intro { padding: 10px 0 16px; font-size:14px; } .account-points-table tbody { border-top-width: 0px; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; } .account-points .description { font-size: 13px; padding: 30px 0; border-top-width: 0px; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; } .btn-sm { height: 24px; line-height: 24px; } .is_mobile .btn-sm { padding: 0 11px; } .btn-xs{ height:22px; } .checkbox-btn,.checkbox-btn.selected,.radio-btn,.radio-btn.selected{ position:relative;background:none; } .checkbox-btn:before,.radio-btn:before { content: ''; font-family: fontuetop!important; border-radius: 2px; border: 1px solid #bbb; background:none; width: 16px; height: 16px; position: absolute; box-sizing: border-box; left: 0; top: 0; text-align:center; line-height:16px; font-size:12px; } .checkbox-btn.selected:before,.radio-btn.selected:before { content: '\E84c'; font-family: fontuetop!important; border-radius: 2px; border: 1px solid #333333; background-color: #333333; width: 16px; color:#ffffff; height: 16px; position: absolute; box-sizing: border-box; left: 0; top: 0; } .btn-secondary { background: #f2f2f2; color: #888; border: 1px solid #e0e0e0; } .order-buyList-item img { max-width: 60px; width: 70px; height: auto; max-height:none; } .yhsd-popup>.icon-close{ font-size:14px; } /*mobile-product-addcart*/ .pro-mobile-select_con_img, .pro-mobile-select_close { display: none; } .pro_detail-mobile-addBtn-addSucc-goCart { display: none; } .pro_detail-mobile-addBtn-addCart { display: none; } .pro-mobile-select_con_desc { display: none; } @media screen and (max-width: 767px){ .pro_desc{ border-top: 1px solid #eaeaea; } .pro_desc-cont{ padding-bottom:30px; } .you_comment-list-item-cont-comment.i_active{ display:none!important; } .you_comment-list-item-head { width:100%!important; } .you_comment--main_mobi{ overflow-x:hidden!important; } .pro_detail_wrap_full,.settings-contBg_background{ background:#fff!important; } .you_comment-title-back.you_comment-icon.i_shangyiye { color: #444!important; } .you_comment-mobi_btns { margin:0!important; display: block; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x top left; } .you_comment-mobi_btns-btn:first-child,.you_comment-mobi_btns-btn { border-width: 0!important; background: url(//asset.ibanquan.com/image/594ddb959bedc44316000986/s.png?v=1498274709) repeat-x bottom left; } .you_comment-list-item-cont-footer-show_reply.i_active, .you_comment-list-item-cont-footer-show_reply:hover { color: #999!important; } .you_comment-list-item-cont-text { margin: 10px 0 30px!important; font-size:14px!important; } .you_comment-list-item-head-name { top:0!important; } .you_comment-list-item-cont { margin-top: 16px!important; width: 100%!important; } .you_comment-list-item-cont-footer-info{ position:relative!important;float:left!important;left:0;right:auto; } .you_comment-list-item-cont-footer-good { margin-top: 0px!important; padding:4px 10px!important; right:auto!importan; left:0; top:10px!important; display:none!important; } .you_comment-list-item-head-name { margin: 0 !important; } .you_comment-list-item-stars { top: 26px!important;right:18px!important; } .you_comment-list-item { padding: 26px 15px 26px!important; } .you_comment.i_wrap.i_mobi { z-index: 9999!important; background:#fff!important; } .you_comment--main{ overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .you_comment-rating { padding: 28px 0 8px!important; } .you_comment-list-item-stars .you_comment-stars-item{ font-size:13px!important; } .you_comment-list-item-cont-footer-show_reply{ right:20px!important;top:15px;display:none!important; } .you_comment-rating-sum-bfb{ font-size:22px!important; } .you_comment-stars-item { font-size: 18px!important; } .you_comment-icon.i_shangyiye:before { content: "\e850!important"; } .promote_title{ text-align:center; padding:26px;font-size:16px; } .pro_detail-addBtn-addSucc{ position: absolute; width: 140px; color: #fff; top: -125%; left: 50%; margin: 0; z-index: 999!important; margin-left: -70px; padding: 0; height: 50px; line-height: 50px; font-size: 13px; border: none; z-index: 9999; text-align: center; background-color: rgba(0, 0, 0, 0.7); } .pro_detail-addBtn-addCart:hover { background-color:#000000; color:#ffffff; box-shadow: inset 0px 0px 0px 1px #000000; } .pro_detail-desc{ margin:0; padding:11px 15px; background:none; font-size:14px; } .pro-detail-short_desc { font-size: 13px; padding: 12px 15px; border-top: 1px solid #eaeaea; background: none; } .pro-detail-short_desc.only-short-desc{ padding:16px 15px; } .share_box--pro .share_box-button { padding-left: 15px; } .share_box--pro { border-top: 1px solid #eaeaea; background: none; } .pro_detail-title{ margin:14px 0 5px; font-size:1.35em; } .pro_cont { margin: 0; } .pro_detail-gallery-main-img:after { content: ''; width: 0; height: 0; } .pro_detail-gallery-main-img { width: 100%; height: auto; margin: 0; } .pro_detail-gallery-list { display: none; } .pro_detail--info-wrap { margin: 0; } .pro_detail-price h3 { font-size: 13px; margin-right: 5px; } .pro_detail-price .pro_detail-uprice { margin:0 0 0 -3px; font-size:1.5em; } .pro_detail-old_price{ font-size:14px; margin-left:10px; } .pro_desc-order-cont-left { width: 100%; } .pro_detail-addBtn { display: inline-block; padding:0; vertical-align: bottom; } .pro_detail-addBtn .share_box { display: none; } .pro_detail-addBtn .pro_detail-addBtn-addCart { width: 100%; height: 50px; line-height:50px!important; float:left; border-width:0; font-size: 16px; border-radius: 0; margin:0; } .pro_detail-addBtn .pro_detail-addBtn-addCart.hasQuantity { width: 50%; float:left; font-size: 15px; display:inline-block; *display: inline; *zoom: 1; transition: all .5s ease; } /*.pro_desc-cont-tabs ul.tabs li:nth-child(2) { display: none; }*/ .you_speak--main { margin-top: 50px !important; } .pro_desc-cont-tabs .tabs li { width: 33.3%; float: left; background-color: #eee; border-top: 2px solid transparent; } .pro_desc-cont-tabs .tabs li a { width: 100%; } .proList-ul-index2 { margin: 0; } .pro_list-grid .proList-li { float: left; width: 50%; margin: 0 auto 18px; padding: 0 15px; } .pro_desc-cont-tabs ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .proList-ul .proList-name { font-size: 12px; font-weight: 400; height: 25px; line-height: 25px; } .pro_detail-addBtn-addCart { width: 100%; height: 38px; line-height: 38px; margin: 14px 0 0 0; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } @keyframes detail_select { 0% { transform:translateY(100%); opacity:0; } 100% { transform:translateY(0); opacity:1; } } .pro-mobile-select { display: none; position: fixed; top: 0; left: 0; width: 100%; height:100%; z-index: 9998; } .pro-mobile-select_mask { position: absolute; top: 0; left: 0; width: 100%; height:100%; background: #000; opacity: .6; } .pro-mobile-select.active { display: block; } .pro-mobile-select_con { position: fixed; display: block; width: 100%; max-height: 100%; padding: 20px 0 0; left: 0; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #fff; box-sizing: border-box; animation: detail_select .3s ease-out forwards; z-index: 9999; } .pro-mobile-select .pro-mobile-select_con .pro_detail-sub { margin: 0; padding: 5px 15px 0; max-height: 480px; overflow: auto; } .pro-detail-sub-each-wrap a { float: left; } .pro-detail-sub-each h3 { color:#999; } .pro-mobile-select_close { display:inline-block; *display: inline; *zoom: 1; position: absolute; top: 15px; right: 18px; font-size: 24px; } .pro-mobile-select_header { font-size: 0; line-height: 1; border-bottom: 1px solid #e4e4e4; padding-bottom: 15px; margin-bottom: 20px; } .pro-mobile-select_con_img { display:inline-block; *display: inline; *zoom: 1; width:110px; height: auto; margin-left: 20px; vertical-align: bottom; } .pro-mobile-select_con_desc { display:inline-block; *display: inline; *zoom: 1; padding: 0 0 0 135px; margin: 0 0 0 -122px; box-sizing: border-box; vertical-align: bottom; } .pro-mobile-select_con_desc .pro_detail-uprice { font-size: 18px; font-weight: 400; } .pro-mobile-select_con_desc h3 { display:inline-block; *display: inline; *zoom: 1; font-size: 14px; color: #999; margin: 0 5px 0 0; } .pro-mobile-select_con_selecteInfo { font-size: 14px; color: #999; line-height: 16px; } .pro-detail-sub-each-wrap a { padding: 0 12px; } .pro-mobile-select_con_selectedNum { padding-left: 3px; } .pro_detail-quantity-btn-d i { top: 0; } .pro_detail-quantity { margin-top:12px; } .pro_detail-quantity h3 { font-size: 14px; margin-top: 6px; vertical-align: top; display: inline-block; width:48px; } .pro_detail-quantity--inner{ background:#f6f6f6; width: auto; float: right; display: inline-block; } .pro_detail-quantity-desc { margin: 0; font-size: 13px; } .pro_detail-quantity-btn-input { width: 60px;border-radius:0; } /*.pro_detail-addBtn-addSucc-close { display: none; }*/ .pro_detail-addBtn-addCart.noStock { background-color: #aaa; width: 100% !important; } .pro_detail-addBtn-training .pro_detail-addBtn-addSucc { top: 60px; left: 0; width: 150px; margin-left: -100%; } .pro_detail-addBtn-addSucc-goCart { display: none; } .pro_detail-addBtn-addSucc-close { display: none; } .pro_detail-addBtn-addSucc-goCart { margin: 0; } .pro_detail-mobile-addBtn-addSucc-goCart { font-size:15px; display: none; width: 0; height: 0; border-radius:0; } .pro_detail-mobile-addBtn-addSucc-goCart.active { display:inline-block; *display: inline; *zoom: 1; float:left; width: 50%; height: 50px; line-height: 50px; transition: all .5s ease; } .pro_detail-mobile-addBtn-addCart { display: block; } } .only-mobile.mbstock { display: inline-block; margin-top: 8px; color: #999; vertical-align: top; } /*m-cart*/ .checkbox-group label::before { border: 1px solid #bbb; } .cart-balance-amount { line-height:1.2; } .cart-li-product-disabled { background-color: #ffffff; } .cart-li-product.cart-li-product-disabled { position: relative; padding-left: 48px; } .cart-li-product.cart-li-product-disabled .cart-li-product-input{ display:none } .cart-li-product-disabled .cart-li-lf { color: #f00; line-height: 1.2; position: absolute; padding-top: 0; z-index: 9; display:inline-block; *display: inline; *zoom: 1; right: 13px; bottom: 20px; width: auto; } .cart-li-mid { padding-left: 32p; } .cart-li-product-price-num { color: #333; font-size: 13px; font-weight: 400; } .create-order-amount-wrap { position: absolute; right: auto; left: 20px;} .input-row-actived label, .choose-payment .payment-not-allowed a:link,.choose-payment .payment-not-allowed a:visited, .point-detail a,.point-detail a:visited, .center-coupon-each-inner a, .payment-order-info a, .empty-notify-desc-link,.empty-notify-desc-link:visited{color:#fd6903} .yhsd-cart .checkbox-group input:checked+label::before{ content: '\E84c'; font-family: fontuetop!important; } .yhsd-cart .checkbox-group input:checked+label::before{ border-color:#333333; background-color: #333333; color:#ffffff; } .popup-sku-selector-list li button.selected { border-color: #fd6903; color: #fd6903; } .order-schedule-each.active .order-schedule-circle{border-color:#fd6903} .order-schedule-each.active .order-schedule-bar, .lv-schedule-inner-each .lv-bar .lv-bar-fill{background-color:#fd6903} .address-detail-b .address-default,.input-row-actived label{color:#fd6903;border:1px solid #fd6903;} .is_mobile .input-row-actived label{ color:#fd6903;border:0px solid #fd6903;} .tab-txt.active { color: #fd6903; border-color:#fd6903; } .tips.tips--pro_list{ border:0 ; font-size:16px; color:#999!important; } .order-buyList .yhsd-font-link{ color:#9e9e9e!important; } /*自定义特卖展示区*/ .index-display-item .grid-item-a-hover{display:none;} @media screen and (min-width: 1024px) { .index-display-item:hover .grid-item-a{ -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }} .index-prolistfirst{ margin: 0 -1%; } .newfirst-carousel .index-display-item{ padding:3%; } @media screen and (min-width:768px){ .indexSection0 .index-display-item{ padding:0% 8%; } } /*index-product2*/ .product-carousel .index-display-item{padding:3%} @media screen and (min-width: 768px){ .indexSection2 .index-display-item{ padding:0% 9%; } } /*index-product3*/ .product3-carousel .index-display-item{padding:3%} @media screen and (min-width: 768px){ .indexSection3 .index-display-item{ padding:2% 5%; } } /*index-product4*/ .product4-carousel .index-display-item{padding:3%} @media screen and (min-width: 768px){ } .index-display-list { position: relative; height: 100%; width:100%; display: table; list-style: none; margin: 0; table-layout: fixed; } .productDetail-carousel .index-display-item{ padding:3%; } .proDEtail_promote .big-title{ height:auto; padding:4% 0 1%; text-align:center!important; filter: alpha(opacity=1); -moz-opacity: 1; opacity: 1; visibility: visible; } .proDEtail_promote .big-title:before{ display:none; } .proDEtail_promote{ padding-bottom: 3%; } @media screen and (max-width: 767px){ .home-page .border_section{ padding:0 10px; } .index-display-item{ padding:1.2%; } .productDetail-carousel .index-display-item,.product-carousel .index-display-item,.product3-carousel .index-display-item,.newfirst-carousel .index-display-item{ padding:3%; } .proDEtail_promote .big-title{ padding:20px 0 0;height:auto; } .proDEtail_promote{ padding-bottom: 20px; } .indexSection0 .proList-origPrice,.indexSection2 .proList-origPrice{ display:none; } } .settings-proGridItem_background,.grid-item-a.grid-item-a-hover .grid-item-a-img{ background-color:#ffffff } /*big_pic1*/ .section_width.BigPic1_width{ padding:2% 0 3%; } .BigPic1wrap{ overflow:hidden; position: relative; background:#ffffff; } .BigPic1{ background-image: url("//asset.ibanquan.com/s/138995/474/BigPic1Img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/BigPic1Img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); background-repeat:no-repeat; background-position: center center; background-size: cover; overflow:hidden; padding-top:18%; display:block; position: relative; width: 55%; } .section_width.BigPic1_width a { display: block; position: relative; } .BigPic1_text_wrap { position: absolute; width: 45%; right: 0; overflow: hidden; top: 0; height: 100%; background: #ffffff; z-index: 8; text-align: center; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .BigPic1_text_wrap:before { content: ''; display:inline-block; *display: inline; *zoom: 1; height: 100%; vertical-align: middle; box-sizing: inherit; } .BigPic1_text h2 { font-size: 24px; color: #4f4f4f; line-height: 1; position: relative; margin: 0 0 30px; } .BigPic1_text h2:before { content: ''; display: block; position: absolute; z-index: 1; left: 0; height:2px; top: 138%; width:14%; min-width: 50px; background: #4f4f4f; } .BigPic1_text { line-height: 1.6; padding: 20px 0; z-index: 4; width: 70%; max-width: 620px; color:#4f4f4f; font-size: 15px; margin: auto; display:inline-block; *display: inline; *zoom: 1; position: relative; vertical-align: middle; text-align: left; } .BigPic1 img{ width:100%; display:block; overflow:hidden; } .BigPic1 a{ display:block; height:100%; width:100%; } .BigPic1{ width:100%; } .BigPic1_text_wrap{ width:100%; right:auto; } @media screen and (min-width: 768px) { .BigPic1_text,.BigPic1_text h2:before,.BigPic1_text h2{ text-align: center; } .BigPic1_text h2:before{ left: 50%; margin-left: -7%; height:2px; margin-top: 10px; top: 100%; }} @media screen and (max-width: 767px) { .section_width.BigPic1_width{ margin:0; } .BigPic1_text_wrap{ padding:0 20px; } .BigPic1_text h2 { font-size: 16px; margin:0 0 5px; line-height: 1.6; text-align:center; } .BigPic1_text h2:before { display:none; } .BigPic1_text { line-height: 1.4; width: 100%; font-size: 13px; padding: 20px 0 30px; } .BigPic1wrap.border_section{ padding:0 10px; } .BigPic1{ padding-top:36%; } } .section_width.BigPic2_width{ padding:0% 0 4%; } .BigPic2wrap{ overflow:hidden; position: relative; } .BigPic2{ background-image: url("//asset.ibanquan.com/s/138995/474/BigPic2Img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/BigPic2Img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); background-repeat:no-repeat; background-position: center center; background-size: cover; overflow:hidden; padding-top:41%; display:block; position: relative; width: 55%; } .section_width.BigPic2_width a.bigpic2_a { display: block; position: relative; } .BigPic2_text_wrap { position: absolute; width: 45%; right: 0; overflow: hidden; top: 0; height: 100%; background: #ffffff; z-index: 8; text-align: center; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .BigPic2_text_wrap:before { content: ''; display:inline-block; *display: inline; *zoom: 1; height: 100%; vertical-align: middle; box-sizing: inherit; } .BigPic2_text h2 { font-size: 24px; color: #ffffff; line-height: 1; position: relative; margin: 0 0 30px; } .BigPic2_text h2:before { content: ''; display: block; position: absolute; z-index: 1; left:0; height:2px; top:138%; width:14%; min-width: 50px; background: #ffffff; } .BigPic2_text { line-height: 1.6; padding: 20px 0; z-index: 4; width: 70%; max-width: 620px; color:#ffffff; font-size: 15px; margin: auto; display:inline-block; *display: inline; *zoom: 1; position: relative; vertical-align: middle; text-align: left; } .BigPic2 img{ width:100%; display:block; overflow:hidden; } .BigPic2 a{ display:block; height:100%; width:100%; } .section_width.BigPic2_width{ max-width:none; } .BigPic2wrap.border_section{padding:0!important;} .BigPic2_text h2 { font-size: 28px; margin: 0 0 35px; } .BigPic2_text { font-size: 15px; } .BigPic2{ width:100%; } .BigPic2_text_wrap{ width:100%; right:auto; background:none; } @media screen and (min-width: 768px) { .BigPic2_text,.BigPic2_text h2:before,.BigPic2_text h2{ text-align: center; } .BigPic2_text h2:before{ left: 50%; margin-left: -7%; height:2px; margin-top: 10px; top: 100%; }} @media screen and (max-width: 767px) { .section_width.BigPic2_width{ margin:0; } .BigPic2_text h2 { font-size: 20px; margin:0 0 5px; line-height: 1.6; } .BigPic2_text h2:before { display:none; } .BigPic2_text { line-height: 1.4; width: 100%; font-size: 13px; padding: 20px 0 30px; } .BigPic2wrap.border_section{ padding:0; } .BigPic2{ padding-top:62%; } .BigPic2{ background-image: url("//asset.ibanquan.com/s/138995/474/mbBigPic2Img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/mbBigPic2Img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); background-repeat:no-repeat; background-position: center center; background-size: cover; overflow:hidden; width:100%; display:block; margin:0; } .BigPic2_text_wrap { position: relative; width: 100%; top: 100%; overflow: hidden; top: 0; padding: 0 15px; right:0; height: auto; } .BigPic2_text,.BigPic2_text h2 { color:#333; } .BigPic2{ width:100%; } } .section_width.BigPic5_width{ padding:6% 0 0%; } .BigPic5wrap{ overflow:hidden; position: relative; } .BigPic5{ background-image: url("//asset.ibanquan.com/s/138995/474/BigPic5Img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/BigPic5Img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); background-repeat:no-repeat; background-position: center center; background-size: cover; overflow:hidden; padding-top:33%; display:block; position: relative; width: 55%; } .section_width.BigPic5_width a { display: block; position: relative; } .BigPic5_text_wrap { position: absolute; width: 45%; right: 0; overflow: hidden; top: 0; height: 100%; background: #ffffff; z-index: 8; text-align: center; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .BigPic5_text_wrap:before { content: ''; display:inline-block; *display: inline; *zoom: 1; height: 100%; vertical-align: middle; box-sizing: inherit; } .BigPic5_text h2 { font-size: 24px; color: #ffffff; line-height: 1; position: relative; margin: 0 0 30px; } .BigPic5_text h2:before { content: ''; display: block; position: absolute; z-index: 1; left:0; height:2px; top: 138%; width:14%; min-width:50px; background: #ffffff; } .BigPic5_text { line-height:2; padding: 20px 0; z-index: 4; width: 70%; max-width: 620px; color:#ffffff; font-size: 15px; margin: auto; display:inline-block; *display: inline; *zoom: 1; position: relative; vertical-align: middle; text-align: left; } .BigPic5 img{ width:100%; display:block; overflow:hidden; } .BigPic5 a{ display:block; height:100%; width:100%; } .section_width.BigPic5_width{ max-width:none; } .BigPic5wrap.border_section{padding:0!important;} .BigPic5_text h2 { font-size: 28px; margin: 0 0 35px; } .BigPic5_text { font-size: 15px; } .BigPic5{ width:100%; } .BigPic5_text_wrap{ width:100%; right:auto; background:none; } @media screen and (min-width: 768px) { .BigPic5_text,.BigPic5_text h2:before,.BigPic5_text h2{ text-align:center; } .BigPic5_text h2:before{ left: 50%; margin-left: -7%; height:2px; margin-top: 10px; top: 100%; }} @media screen and (max-width: 767px) { .section_width.BigPic5_width{ margin:0; } .BigPic5_text h2 { font-size: 20px; margin:0 0 5px; line-height: 1.6; } .BigPic5_text h2:before { display:none; } .BigPic5_text { line-height: 1.4; width: 100%; font-size: 13px; padding: 20px 0 30px; } .BigPic5wrap.border_section{ padding:0 10px; } .BigPic5{ padding-top:54%; } .BigPic5{ background-image: url("//asset.ibanquan.com/s/138995/474/mbBigPic5Img?design_theme_id=0&v=1728475587_1534832844"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/mbBigPic5Img?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); background-repeat:no-repeat; background-position: center center; background-size: cover; overflow:hidden; width:100%; display:block; margin:0; } .BigPic5_text_wrap { position: relative; width: 100%; top: 100%; overflow: hidden; top: 0; padding: 0 15px; right:0; height: auto; } .BigPic5_text,.BigPic5_text h2 { color:#333; } .BigPic5{ width:100%; } } .show{ filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; visibility:visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.2s cubic-bezier(0, 0, 0, 1) 0s; transition: all 1.2s cubic-bezier(0, 0, 0, 1) 0s; -moz-transition: all 1.2s cubic-bezier(0, 0, 0, 1) 0s; -o-transition: all 1.2scubic-bezier(0, 0, 0, 1) 0s; } /* 详情弹出 */ a#detial_Tipss { display: block; } .close_detialTips { position: absolute; top: 0; right: 0; width: 70px; height: 70px; line-height: 70px; background: #fff; text-align: center; text-decoration: none; opacity: 1; cursor: pointer; color: #333; font-style: normal; font-size: 28px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .close_detialTips:hover{ -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; color:#fd6903 } .uepop-inner h2{ font-size: 22px; margin-bottom: 22px; color:#333333; } .uepop-inner h3{ letter-spacing:0.05em; font-size: 15px; margin:20px 0 10px 0; color:#333333; } .uepop-content{ text-align: left; position: relative; display:inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 auto; max-width: 640px; width: 100%; -ms-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08); -webkit-transition: all 0.5s; transition: all 0.5s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility:hidden; } .side_active3 .uepop-content{ z-index: 99999; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility:visible; } .uepop-inner{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height:100%; background: #fff; font-size: 13px; line-height: 1.6; padding:36px 50px 42px; display:block; overflow:hidden; position:relative; letter-spacing:1px; } @media screen and (min-width: 768px) { .uepop-inner { min-width: 520px; }} @media screen and (min-width: 1681px) { .uepop-inner { min-width: 620px; }} .uepop-container{ text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .uepop-container:before { content: ''; display:inline-block; *display: inline; *zoom: 1; height: 100%; vertical-align: middle; box-sizing: inherit; } .uepop-wrap { z-index:9998; top: 0; left: 0; width: 100%; height: 100%; position: fixed; visibility:hidden; outline: none !important; -webkit-backface-visibility: hidden; } .side_active3 .uepop-wrap{ overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility:visible; } .uepop-inner img{ width:100%; max-width:100%; } .side_active3 { overflow:hidden; } .uepop_tips_film{ width: 100%; height: 101%; position: fixed; top: 0; left: 0; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background-position: 50% 50%; background-repeat: no-repeat; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; background-size: cover; display: block; visibility: hidden; z-index:9988; background-color: #000; } .side_active3 .uepop_tips_film{ -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: block; z-index:990; visibility: visible; filter: alpha(opacity=30); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; visibility: visible; } .fontuetop.detial_tips_icon { font-size: 12px; text-align: right; margin-right:10px; float: right; line-height:20px; } @media screen and (max-width: 767px) { .close_detialTips { width: 50px; height: 50px; line-height: 50px; } .uepop-content{ vertical-align:top; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s; transition: all 0.4s;} .uepop-container:before { display:none; } .uepop-inner h2{ font-size: 18px; margin-bottom: 20px; } .uepop-inner h3{ font-size:16px; } .side_active3 .uepop-inner { font-size:14px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding:10px 24px 50px; display:block; min-height:580px; }} .detial_tips_icon.icon-right-open-big:before{ content: '\e851'; } /* pop_tips */ #close_tips{ transform:rotate(0deg); -ms-transform:rotate(0deg); /* IE 9 */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari 和 Chrome */ -o-transform:rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; position: absolute; top: 0; right: 0; z-index:5; width: 80px; height: 80px; text-align: center; text-decoration: none; opacity: 1; cursor: pointer; color: #fff; font-style: normal; font-size: 18px; font-weight:bold; } #close_tips:hover em { transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -moz-transform:rotate(90deg); /* Firefox */ -webkit-transform:rotate(90deg); /* Safari 和 Chrome */ -o-transform:rotate(90deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; color:#111; background: #fff; } #close_tips em { font-style: normal; width: 36px; height: 36px; border:2px solid #fff; border-radius: 100%; -webkit-border-radius: 100%; right: -16px; top:-16px; position: absolute; display: block; background: #111; line-height: 36px; } .pop_tips_content.uepop-content{ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility:visible; -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); max-width:600px; width:auto; } .pop_tips_content .pop_tips_img{ max-height:490px; overflow:hidden; } @media screen and (max-width: 1440px) { .pop_tips_content.uepop-content{ -ms-transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); transform: scale(.9); } } .uepop-inner.pop_tips_inner{ padding:0; background-color:#ffffff; color:#404040; min-width:300px; line-height:0; -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5); box-shadow: 0 10px 25px rgba(0,0,0,0.5); } .uepop-inner.pop_tips_inner h3 { color:#404040; font-size:18px; margin:24px 0 5px 0;} .uepop-inner.pop_tips_inner span { padding: 10px 30px 30px; font-size:14px; line-height: 1.6; display: block;overflow:hidden; } .uepop-container.pop_tips_container{ padding:20px; } .pop_active { overflow:hidden; } .pop_film { width: 100%; height: 101%; position: fixed; top: 0; left: 0; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; background-position: 50% 50%; background-repeat: no-repeat; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; z-index:990; background:#000; background-size: cover; display: block; } @media screen and (max-width:767px) { #close_tips:hover em { transform:rotate(0deg); -ms-transform:rotate(0deg); /* IE 9 */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari 和 Chrome */ -o-transform:rotate(0deg); } #close_tips em { width: 30px; font-size:16px; height: 30px; top:-10px; right:-10px; line-height: 30px; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5); box-shadow: 0 1px 5px rgba(0,0,0,0.5); } .pop_tips_content.uepop-content{ vertical-align:middle; } .pop_tips_container.uepop-container:before { display:inline-block; *display: inline; *zoom: 1; } } /*index_notice*/ .section_width.notice_width{ padding:0} .notice-carousel{ height: 50px; text-align: center; line-height: 50px; border-top: 1px solid #f5f5f5; font-size: 13px; background-color: #f5f5f5; color:#4a4a4a; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .section_width.notice_width{ max-width:none; } @media screen and (max-width:767px) { .notice-carousel{ text-align: center; height: 52px; line-height: 52px; }} /* 页脚 */ .settings-footerNav_border { border-color:#f5f5f5 } .settings-footerNavText_color { color:#292929 } .settings-footerNavLink_color { color:#292929 } .settings-footerNavLink_color:visited { color:#292929 } .settings-footerNavLinkHover_color:hover { color:#999999 } .settings-footerBar_color { color:#bdbdbd } .footer_follow img { width: 98px; padding-top: 6px; } .footer_wx,.footer_dy{ display:inline-block; vertical-align:top; padding-right:20px; text-align:center; } .footer_follow{ line-height: 36px; } .footer-logo { display:inline-block; vertical-align:top; *display: inline; *zoom: 1; right: 0; margin: 10px 0 20px; } .footer-logo-src { width: auto; height:20px; display:inline-block; *display: inline; *zoom: 1; vertical-align: top; } .footer { position: relative; z-index: 555; background-color:#f5f5f5 } .footer .border_section{ padding-top:50px!important; padding-bottom:40px!important; } .footer--inner.section_width { max-width: none; width: 100%; padding: 0 6%; } @media screen and (min-width:767px) and (max-width:1024px) { .footer--inner.section_width { padding:0; } } .footer--inner { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; letter-spacing:1px; } .footer-nav { margin: 0 auto 0px; padding:0; overflow: hidden; width:76%; vertical-align: top; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } .footer-nav-list { padding:0 12% 0 0; display:inline-block; *display: inline; *zoom: 1; margin:5px 0 0; vertical-align: top; } .footer-nav-list-each,.footer-sub-nav { line-height: 30px; } .footer-nav-list-each--title { font-size:13px; width: auto; height: 36px; line-height: 36px; overflow: hidden; } .footer--bar { width: 100%; position: relative; bottom: 0; overflow: hidden; background-color:#f5f5f5; } .footer-cop_pay { width: 100%; padding: 14px 0; border-top: 1px solid #dfe2e6; text-align:center; position: relative; } .footer-copyright{ width:94%; display:inline-block; *display: inline; *zoom: 1; color:#999999; line-height: 1.5em; font-size: 13px; vertical-align: top; } .footer-copyright a{ margin: 0; } .footer-copyright a:hover{ color:#ff6a28; } .mhweixin{ width:100%; color:#bbb; } .footer-nav-list { margin:0; } .mhweixin a{ margin:3px ; padding: 8px; width: 22px; height: 22px; text-align: center; line-height: 22px; display:inline-block; *display: inline; *zoom: 1; vertical-align: middle; color:#292929; background: #ebebeb; font-size:20px; border-radius: 100%; } .mhweixin a:hover{ color: #ffffff; background: #292929; } .faq_footer { font-size: 13px; line-height:42px; } .mhweixin a.faq_footer { height:42px; padding:10px 15px; border-radius:50px; font-size: 13px; line-height:46px; color:#6c7481; } .mhweixin a.faq_footer:hover { background:#fd6903; color:#6c7481; } .footer-link{ font-size:15px; } .footer-link:hover{ color:#999999; } .footer_submenu { padding:5px 0;font-size:13px; } .mbFooter_accordion li i{display:none;} @media screen and (min-width: 768px) { .menu-mailchimp .icon-wechat{ display:none!important; }} @media screen and (max-width: 767px) { .footer { z-index: 0; } .footer-copyright{ font-size:12px; } .footer .border_section{ padding:0!important;; } .mhweixin{ text-align: center; } .footer-logo,.footer_submenu,.footer_follow,.footer_aboutus{display:none;} .footer-cop_pay { padding: 10px 0; } .footer--inner.section_width,.footer-nav{ padding:10px; } .custom_cont { margin: 15px 0 0; } .footer-link{ margin-left: 15px; font-size:14px; font-weight:normal; } .footer-nav { width: 100%; } .footer-nav-list { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 33.33%; display:inline-block; *display: inline; *zoom: 1; margin:0; padding: 0; float:left; } .footer-nav-list-each.footer-nav-list-each--title { text-align: left; margin: 0; position:relative; } .footer--inner.section_width{ padding:0; } .footer-nav{ padding:0 15px; } .footer-nav-list-each--title { height: 42px; line-height: 42px; } .footer-nav-list:first-child { border-top: 1px solid #f5f5f5; } .footer-nav-list { width:100%; border-bottom: 1px solid #f5f5f5; } .mobile_footer_toggle { display:inline-block; *display: inline; *zoom: 1; } .mbFooter_accordion li i { position: absolute; right:15px; font-size: 18px; top: 0; display:block; line-height:42px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .mbFooter_accordion li i.icon-angle-down { display:none; } .mbFooter_accordion li.open i.icon-angle-down { display:block; } .mbFooter_accordion li.open i.icon-angle-right { display:none; } .footer_submenu { display: none; margin:0; padding:0 0 0 20px; background: #f5f5f5; } .footer_submenu li { border-bottom: 1px solid #f2f6fc; height:42px;line-height:42px; } .footer_submenu li:last-child { border:none;} .footer_submenu a{ display:block; width:100%; font-size: 13px; height:42px; padding-left:5px; line-height:42px; } .footer_submenua { display: block; text-decoration: none; padding: 12px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } } /*index-newest*/ .index_newest { padding: 40px 0 90px; } .newest-title { color:#333; } .newest-subtitle { color:#858585; } .newest-title-all:after { border-bottom: 1px dashed #ccc; } .newest-content { text-align: left; display: table; width: 100%; padding: 0; list-style: none; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; table-layout: fixed; } .newest-content li{ width:25%; width:33.33%; float: left; position: relative; display:inline-block; *display: inline; *zoom: 1; overflow: hidden; list-style: none; padding: 0.8%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top; } .newest_wraper{ margin:0 -0.8%; } .newest-content li i{ position:absolute; left:50%; top:50%; z-index:9; margin-left:-19px; margin-top:-10px; font-size:30px; color:#333; -webkit-transform: scale(0); transform: scale(0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; } .newest-content li .news-img:before{ content: ''; display: block; position: absolute; z-index: 1; height: 100%; width: 100%; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; } @media screen and (min-width: 1024px) { .newest-content li:hover i{ filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; } .newest-content li:hover .news-img:before{ content: ''; display: block; position: absolute; z-index: 1; height: 100%; width: 100%; background: #fff; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; }} .newest-content a { display: block; overflow: hidden; } .news-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .news-img_wraper { padding-top:68%!important; position: relative; overflow: hidden; } .newest-content img { width: 100%; display: block; } .newest-content h3 { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; /* white-space: nowrap; */ -webkit-box-orient: vertical; -webkit-line-clamp:2; font-size: 15px; color:#333333; margin:10px 0; line-height: 18px; height: 36px; } .newest-content p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color:#888888; font-size: 13px; line-height: 16px; height: 32px; } .newest-content h3 { font-size:18px; -webkit-line-clamp: 2; line-height: 20px; height: 40px; margin-top:20px; } .newest-content h3 { width:80%; text-align:center; margin-left:auto; margin-right:auto; } .section_width.index_newest{ padding:3% 0 3%; } @media screen and (max-width: 767px) { .newest_wraper{ margin:0 -2%; } .newest-content li{ width:50%;padding:2%; } .newest-content h3 { line-height:16px; width:100%; font-size: 14px; margin-top:10px; height:32px; } .newest-content li:nth-child(3){ display:none; } .newest-content li{ width:50%; } } .nicescroll-cursors{ margin-right: 3px; } /*topCart*/ .topCart { position: fixed; width: 350px; right: -350px; top: 0; z-index: 9999; height: 100%; font-size: 12px; border-radius:0; display: block; visibility:hidden; padding:0; background: #fff; border:none; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; box-shadow: 0 0 0 0 rgba(0,0,0,0); } #yhsd_topCart_list { margin: 20px 0 160px 0; padding: 0; } .cart_top { background: #000; height: 60px; line-height: 60px; color: #fff; position: relative; display: block; width: 100%; text-align: center; font-size: 20px; top: 0; } .topCart-summary { width: 260px; padding: 30px 45px 50px; position: fixed; bottom: 0; right:-350px; background:#fff; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .side_active4 .topCart-summary{ -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; right:0; } .topCart-each .topCart-each-img { height: 62px; width: 62px; position: absolute; top: 20px; left: 0; overflow: hidden; line-height: 62px; text-align: center; border-radius:0; border:none; } .topCart-each-del { height: 20px; width: 40px; position: absolute; bottom: 20px; right: 0; color:#999; font-size:12px; text-decoration: none; text-align: right; } .topCart-each { width: 190px; } .topCart-summary .topCart-submit,.topCart-summary .topCart-submit:hover { font-size: 16px; background-color:#fd6903; color:#fff; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; overflow:hidden; } .side_active4 .topCart { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility:visible; right:0; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .side_active4 { overflow:hidden; } .cart_film{ width: 100%; height: 101%; position: fixed; top: 0; left: 0; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; background-position: 50% 50%; background-repeat: no-repeat; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; background-size: cover; display: block; visibility: hidden; z-index:9988; background-color: #000; } .side_active4 .cart_film{ -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: block; z-index:9988; visibility: visible; filter: alpha(opacity=30); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; visibility: visible; } .home-page,.section_width.indexSection2,.section_width.indexSection1,.headSlider{ background-color:#ffffff; } /*zidingyiyemian*/ .custom_page.mod{padding:0;} #MEIQIA-BTN-HOLDER { z-index:600!important; } /*mobile-cart*/ .order-bill { font-weight:13px; } html.mobile_bgcolor{ background-color: #f5f5f5; } .cart-li{ padding: 15px 15px; } .hairlines .cart-li-product-sku { border:none; text-decoration: underline; } .cart-li-product-sku { position: absolute; z-index:9; display: block; top: 30px; height: 30px; left: 80px; width: 80%; line-height: 28px; border:none; color: #555; overflow: hidden; } .cart-li-product-sku::after{ display:none; } .cart-li-mid{ position:relative; } .cart-li-product-name{ height:80px; padding-left:86px; } .cart-li-product-img { height: 80px;width:auto;max-width: 76px; } .cart-li-product-link{ font-size: 13px; color: #333; height: 30px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 13px; height: 26px; } .cart-li-product .cart-li-rt { width: 70px; } .cart-li-product-price-num { top: -4px; right: 0; position: absolute; font-weight: 700; color:#555; } .cart-li-product-info { margin-bottom:0; } .cart-li-product-num-btn.cart-li-product-num-add,.cart-li-product-num-btn.cart-li-product-num-reduct{ font-family: fontuetop!important; position: relative;color:#fff; } .cart-li-product-num-btn.cart-li-product-num-add:before { content: '\E81D'; position:absolute; top:0; left:0; color:#999; width:25px; height:30px; text-align:center; z-index:5; } .cart-li-product-num-btn.cart-li-product-num-reduct:before { content: '\E81E'; position:absolute; top:0; right:0; width:25px; height:30px; text-align:center; color:#999; z-index:5; } .cart-li-product-num-btn{ font-size:14px; } .cart-available-disc { background-color: #fff; padding:8px 0; font-size: 13px; } .is_mobile .btn-lg { font-size: 14px; font-weight:bold; padding: 12px 29px 13px; } .cart-balance-amount .price { font-size: 16px; color: #fd6903; font-weight: 700; } .btn-balance { color: #ffffff; background: #000000; border: 1px solid #000000; } .is_mobile .order-pro-each-price .price { font-size: 12px; color:#555; } /*tab*/ .mdui-tab-indicator { display:none; } .mdui-tab { margin-top:10px; } .mdui-ripple-wave{ background:none; } body ::-webkit-scrollbar{ display:none; } .mdui-tab b { font-size:16px; font-weight:normal; filter: alpha(opacity=90); -moz-opacity: .9; -khtml-opacity: .9; opacity: .9; -webkit-opacity: .9; border:1px solid #e0e0e0; max-height:30px; min-height:30px; line-height:28px; margin:0 4px; padding:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; overflow:hidden; } .mdui-tab .mdui-tab-active { color:#ffffff; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-opacity: 1; border:1px solid #333333; background:#333333; } .mdui-tab b{ font-size:20px; -moz-border-radius: 0; -webkit-border-radius:0; border-radius:0; margin:0 15px; min-width:0; border:0 solid #222; border-bottom:0 solid #e4e4e4; } .mdui-tab .mdui-tab-active{ border:0 solid #222; background:none; color:#222; border-bottom:2px solid #333333; } @media screen and (min-width: 768px){ .mdui-tab-scrollable { padding-left: 2%; } .mdui-m-t-2 { margin: 16px 0 16px!important; } } @media screen and (max-width: 767px){ .mdui-tab{ -webkit-overflow-scrolling: touch; margin-top:0; } .mdui-tab b { font-size:14px!important; min-width: 90px; margin:0 4px; margin:0 10px; min-width:0; max-height:32px; min-height:32px; line-height:32px; } } @media (max-width: 599px){ .mdui-tab-scrollable { padding-left: 0px!important; }} /*search-dailog*/ #search input { border-width: 1px; border-style: solid; padding:15px; background: #f2f2f2; width: 100%; text-indent: 6px; box-sizing: border-box; margin-top: 5px; border-radius: 0; -webkit-appearance: none; } .settings-search_ipt_border[type="search"] { border-color: #ececec; } .mdui-dialog.mofang .mdui-dialog-title { box-sizing: border-box; padding: 26px 24px 5px 24px; font-size: 18px; font-weight: 500; line-height: 24px; text-align: left; } .mdui-dialog.mofang .mdui-dialog-actions { padding: 0 20px; } .mdui-dialog.mofang .mdui-dialog-actions .mdui-btn { color:#666; } .mdui-dialog.mofang .mdui-dialog-actions{ height:52px;} @media screen and (max-width: 767px){ .mdui-dialog.mofang .mdui-dialog-actions{ height:52px;padding:0; text-align: left; border-top: 1px solid #e4e4e4; } .mdui-dialog.mofang .mdui-dialog-actions .mdui-btn { width:49%;margin-left: 0;padding:0; height:52px;line-height:52px; } .mdui-dialog.mofang .mdui-dialog-actions .mdui-btn:first-child { margin-left: 0; border-right: 1px solid #e4e4e4; }} .mdui-btn:not(.mdui-ripple):active, .mdui-fab:not(.mdui-ripple):active,.mdui-btn:hover, .mdui-fab:hover,.pageTitle-filter:hover { background-color: rgba(0,0,0,0.05)!important; } .mdui-btn.filterpaixu:active,.mdui-btn.filterpaixu:hover{ background:none!important; } /*mbslider*/ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:22px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:16px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:16px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left: 50%;width: 60px;background: rgba(255,255,255,.8);margin-left: -30px;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .swiper-button-prev,.swiper-button-next{display:none;}.swiper-button-prev:before,.swiper-button-next:before { font-family: "fontuetop"; font-size: 40px; line-height: 40px; display:inline-block; *display: inline; *zoom: 1; color: #888; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); } .swiper-button-prev:before { content: '\E846'; } .swiper-button-next:before { content: '\E847'; } .swiper-button-prev,.swiper-button-next{ display:block; } .mdui-bottom-nav span { min-width: 16px; height: 16px; font-size: 11px; position: absolute; line-height: 16px; bottom: 0; right: -12px; color:#ffffff; background-color: #333333; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; } .mdui-bottom-nav.mb-prodetail-btn a label { transform: scale(0.94); -ms-transform:scale(0.94); /* IE 9 */ -webkit-transform: scale(0.94); /* Safari 和 Chrome */ -o-transform: scale(0.94); /* Opera */ -moz-transform: scale(0.94); } .mdui-bottom-nav a i{ font-size:18px; position:relative; } .mdui-bottom-nav a i{ font-size:19px; } .mdui-bottom-nav.mb-prodetail-btn{ height:56px; background: #fff; position: fixed; right: 0; z-index:990; bottom: 0; left: 0; border-top:1px solid #ebebeb } .mdui-bottom-nav.mb-prodetail-btn a{ height:56px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; padding:0; margin:0; } .mdui-bottom-nav.mb-prodetail-btn a:first-child,.mdui-bottom-nav.mb-prodetail-btn a:nth-child(2){ border-right:1px solid #ebebeb; } .mdui-bottom-nav.mb-prodetail-btn a.gouwuche { padding: 0 16px; color:#ffffff; height:56px; line-height:56px; font-weight:bold; font-size: 15px!important; background:#000000; -webkit-box-flex:2; -webkit-flex: 2; -ms-flex: 2; flex: 2; } .out-of-stock-background.gouwuche{background:#ededed!important;border:none!important;color:#888!important;} .mdui-bottom-nav.mb-prodetail-btn a.buynow label { background-color:#fd6903 } .mdui-bottom-nav.mb-prodetail-btn a.buynow label { background-color:#f5f5f5 } .bottom-pronav-bg{ position: fixed; right: 0; z-index:660; bottom: 0; left: 0; background:#333; filter: alpha(opacity=40); -moz-opacity: .4; -khtml-opacity: .4; opacity: .4; } .probtn-fixed .bottom-probtn-waper{ filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility:visible; } span#pageTitle-filter-text { -webkit-font-smoothing: subpixel-antialiased; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; border: 1px solid #e0e0e0!important; } /* loader */ #loader-wrapper { position: fixed; top:0; left:0; right:0; bottom:0; display: block; background:#f0f0f0; z-index:99998; } #loader-wrapper .logo{ background-image:url("//asset.ibanquan.com/s/138995/474/loader_pic?design_theme_id=0&v=1728475587_1534832844") ; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//asset.ibanquan.com/s/138995/474/loader_pic?design_theme_id=0&v=1728475587_1534832844',sizingMethod='scale'); background-repeat:no-repeat; background-size:auto 20px; -moz-background-size: auto 20px; -webkit-background-size:auto 20px; -o-background-size: auto 20px; position: absolute; background-position:center; margin:auto; left: 0; right: 0; bottom: 0; top: 0; } .loader-wrap{ position: absolute; left: 0; right: 0; bottom: 0; top:0; } .loader { position:absolute; top: 50%; left:50%; width: 16px; height:16px; margin-top:30px ; margin-left:-8px; text-indent: -9999px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #999; border-left: 1px solid #999; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: spin .5s linear infinite; -moz-animation: spin .5s linear infinite; -ms-animation: spin .5s linear infinite; -o-animation: spin .5s linear infinite; animation: spin .5s linear infinite } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0) } 100% { -webkit-transform: rotate(360deg) } } @-moz-keyframes spin { 0% { -moz-transform: rotate(0) } 100% { -moz-transform: rotate(360deg) } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0) } 100% { -ms-transform: rotate(360deg) } } @-o-keyframes spin { 0% { -o-transform: rotate(0) } 100% { -o-transform: rotate(360deg) } } @keyframes spin { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } @media screen and (max-width:767px) { .spinner { width: 50px; height: 50px } } @media screen and (max-width:414px) { .spinner { width: 40px; height: 40px } } @media screen and (min-width:1025px) { .justhidden{ filter: alpha(opacity=0); -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; visibility:hidden; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1.2s cubic-bezier(0, 0, 0, 1) 0s; transition: all 1.2s cubic-bezier(0, 0, 0, 1) 0s; -moz-transition: all 1.2s cubic-bezier(0, 0, 0, 1) 0s; -o-transition: all 1.2s cubic-bezier(0, 0, 0, 1) 0s; }} .show{ filter: alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; visibility:visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.2s cubic-bezier(0, 0, 0, 1) 0s; transition: all 1.2s cubic-bezier(0, 0, 0, 1) 0s; -moz-transition: all 1.2s cubic-bezier(0, 0, 0, 1) 0s; -o-transition: all 1.2scubic-bezier(0, 0, 0, 1) 0s; } .sliderMask{ display:none; } .sliderMask{ display:block; background:#000; position:absolute; left:0; top:0; z-index:8; width:100%; height:100%; } @media screen and (max-width:1024px) { .sliderMask{ display:none; } } @media screen and (max-width: 767px){ #MEIQIA-BTN-HOLDER{ bottom: 120px!important; } } /* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */ #mc_embed_signup form {font-size:13px;display:block; position:relative; text-align:left; padding:10px 0 10px 3%} #mc_embed_signup h2 {font-weight:bold; padding:0; margin:6px 0 20px 0; font-size:1.2em;} #mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;} #mc_embed_signup input[type=radio]{-webkit-appearance:radio;} #mc_embed_signup input:focus {border-color:#dfe2e6;} #mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color:#ffffff; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;} #mc_embed_signup .button:hover {background-color:#777;} #mc_embed_signup .small-meta {font-size: 11px;} #mc_embed_signup .nowrap {white-space:nowrap;} #mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;} #mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;} * html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */} #mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;} #mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:16px;color:#7a7a7a;} #mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;} #mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;} #mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;} #mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;} #mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;} #mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;} #mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;} #mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;} #mc_embed_signup .clear {clear:both;} #mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;} #mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;} #mc_embed_signup .mc-field-group.input-group label {display:inline;} #mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;} #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;} #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;} #mc_embed_signup #mce-error-response {display:none;} #mc_embed_signup #mce-success-response {color:#529214; display:none;} #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;} #mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;} #mc_embed_signup #num-subscribers {font-size:1.1em;} #mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;} #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:5px 0; padding:0;font-size:14px; font-weight:normal; z-index:1; color:#842225;background: none;} #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #842225;} .menu-mailchimp{ font-size: 14px; width:24%; display: inline-block; zoom: 1; vertical-align: top; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #mc_embed_signup form{ padding: 0; } #mc_embed_signup input{ background: none; border: 1px solid #dfe2e6; } #mc_embed_signup .mc-field-group input{ height: 40px; box-sizing: border-box; font-family: 'DrukTextWide-Bold-Web','SuisseIntl-Regular','Microsoft Yahei',verdana; } #mc_embed_signup .mc-field-group{ width: 100%; padding-bottom: 0; min-height: 0; } #mc_embed_signup .mc-field-group input.button{ width: auto; height:100%; line-height: normal; margin: 0; padding: 10px 12px; position: absolute; right: 0; top: 0; font-size: 14px; text-indent: 0; font-weight: bold; color:#ffffff; background:#333; } #mc_embed_signup .mc-field-group input.button:hover{ background:#ffffff; color:#333333; font-weight: bold; } @media screen and (max-width: 767px){ .menu-mailchimp{ padding:5%; width:100%!important; } #mc_embed_signup h2 { text-align: center; } } .yhsd-popup .edit-product-info .sku-item .btn:hover:before{ display:none; } @media screen and (max-width: 767px){ .newfirst-carousel .index-display-item { padding: 0 15%; }} @media screen and (max-width: 767px){ .product-carousel .index-display-item{ padding: 0 15%; }} @media screen and (max-width: 767px){ .product3-carousel .index-display-item{ padding: 0 15%; }} @media screen and (min-width: 768px) and (max-width:1024px){ .pro_detail-gallery-main { margin-left: 0; }} /* mb-nav-top */ .mb-nav-box { position: relative; height: 45px; } .mb-nav-box .left { left: 0;float:left; } .mb-nav-box .left, .mb-nav-box .right { position: absolute; top: 0; } .mb-nav-box .left a, .mb-nav-box .right a { float: left; } .mb-nav-box .left i, .mb-nav-box .right i { display: inline-block; vertical-align: middle; width: 34px; height: 34px; text-align: center; line-height: 34px; font-size: 18px; background: rgba(246,246,246,.6); border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; color: #222; margin-top:6px; } .open-navbar .mb-nav-box i{ background:none; } .mb-nav-box .left i{ margin-left:12px; } .mb-nav-box .right { right: 0; } .nav-icon-btn { width: 45px; height: 45px; } .mbpr-navbar:before, .navbar:after { content: " "; display: table; } .navbar-fixed-top { background:rgba(255,255,255,.96); border: 0; } .mbpr-navbar { position: relative; min-height: 45px; margin-bottom: 20px; border: 1px solid transparent; margin:0;} .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; top: 0; border-width: 0 0 1px; } .mb-nav-box .center { position: relative; height: 45px; line-height: 45px; font-size: 17px; color: #333333; text-align: center; margin: 0 40px; padding:0 5%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .navbar-fixed-top.nobgcolor { background: transparent; } .mbpro-sharebox .share_box-item--list{ visibility:visible; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; height:100px; line-height:100px; float:none; text-align:center; } .mbpro-sharebox .bdshare-button-style1-16 a{ float:none; font-size: 36px!important; padding-left:20px!important; line-height:36px!important; height: 36px!important; position: relative; top: 5px; } .mbpro-sharebox .bdshare-button-style1-16 a.mbfenxiang{ float:none; font-size: 16px!important; top: 0; } a.pro-detail-short_desc.mb-pro-fenlei.only-mobile { color: #333333; font-size: 13px; display: block; height: 100%; } @media screen and (min-width: 768px) { .header-content { text-align:center; } .nav-menu-fixed.left{ display:block;float:left; } .nav--right{ width:auto; } .nav-link li.first_li { padding-right:15px; } .nav-dropdown { width: 100%; } .nav--center { width: 100%; } .logo-wrap { position: absolute; width:100%; } .nav-link.nav-link-left { float: left; width: auto; } .nav-link.nav-link-right{ float: right; text-align: right; width: auto; } .nav--center{ overflow:visible; }} @media screen and (min-width: 1681px){ .nav-link li.first_li { padding-right: 40px; }} @media screen and (max-width: 767px){ .nav--center { width: 100%; left: 0; text-align: center; } .nav--right { right:2px; position: absolute; top: 0; } } .login_wrap .log-block { background-color: rgba(255,255,255,.94); } @media screen and (min-width:768px) and (max-width:1680px) { .pro_detail-uprice { line-height:33px; } .pro_detail-title,.pro_detail-uprice { font-size: 1.6em;} .pro-detail-sub-each h3,.pro_detail-desc,.you_comment-list-item-cont-text,body,.you_comment-list_nav-item-cont{ font-size:13px!important; } } @media screen and (min-width:1181px){ .wrap_width.post_content_width { max-width: 1180px; } }