.navs .before{ background-image:url(//static.gkbcdn.com/V1.4/en/promotion/20180823/image/QRcode.jpg)!important; } .qmheader2 { background-color: #fff; padding: 0 0.3125rem; height: 3.75rem; line-height: 3.75rem; position: relative; border-bottom: 0.0625rem solid #e3e3e5; text-align: center; display:none; } .qmheader2 a { display: inline-block; vertical-align: middle; } .qmheader2 .m_menu,.qmheader2 .m_search { width: 2.75rem; height: 2.75rem; float: left; } .qmheader2 .m_menu i { display: inline-block; width: 1.875rem; height: 1.5rem; margin: 0.625rem 0 0 0.4375rem; background: url(https://m.geekbuying.com/Content/images/headImg/m_menu.png) no-repeat center; background-size: 100% auto; } .qmheader2 .m_search i { width: 1.75rem; height: 1.75rem; margin-top: 0.375rem; margin-left: 0.375rem; display: inline-block; background: url(https://m.geekbuying.com/Content/images/search_f.png) no-repeat 0 -1.75rem; background-size: 1.75rem auto; } .qmheader2 .m_logo { width: 8.75rem; height: 2.0rem; background: url(https://m.geekbuying.com/Content/images/headImg/geek_logo.png) no-repeat center; background-size: 100% auto; } .qmheader2 .m_user { width: 2.75rem; height: 2.75rem; float: right; } .qmheader2 .m_user i { width: 1.875rem; height: 1.875rem; display: block; background: url(https://m.geekbuying.com/Content/images/headImg/m_user.png) no-repeat center; background-size: 100% auto; } .qmheader2 .m_cart { width: 2.75rem; height: 2.75rem; float: right; } .qmheader2 .m_cart i { width: 2.0rem; height: 1.75rem; display: block; background: url(https://m.geekbuying.com/Content/images/headImg/m_cart.png) no-repeat center; background-size: 100% auto; } .qmheader2 .m_menu i { margin: 0.5rem 0 0 0.3125rem; } .qmheader2 .m_user i { margin: 0.4375rem 0 0 0.4375rem; } .qmheader2 .m_cart i { margin: 0.5rem 0 0 0.375rem; position: relative; } .qmheader2 .m_menu,.qmheader2 .m_user,.qmheader2 .m_cart,.qmheader2 .m_search { margin-top: 0.5rem; } .menu_content { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; } .menu_content_bg { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; } .menu_content_list { width: 70%; height: 100%; z-index: 101; position: absolute; top: 0; left: 0; opacity: 0; background-color: #fff; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transform: translate3d(-100%,0,0); -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); } .menu_content h1 { font-size: 1rem; color: #000; padding: 0.625rem 0; text-align: center; line-height: 1.375rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .menu_content_ul { padding: 0.3125rem 0.25rem; } .menu_content_ul span { width: 2.125rem; height: 2.125rem; display: block; background-image: url(https://m.geekbuying.com/Content/images/menu_left.png); background-repeat: no-repeat; background-size: 100% auto; position: absolute; top: 1rem; left: 0; } .menu_content_ul .home_icon { background-position: 0 0; } .menu_content_ul .categories_icon { background-position: 0 -2.125rem; } .menu_content_ul .search_icon { background-position: 0 -4.25rem; } .menu_content_ul .cart_icon { background-position: 0 -21.25rem; } .menu_content_ul .wish_icon { background-position: 0 -6.375rem; } .menu_content_ul .profile_icon { background-position: 0 -8.5rem; } .menu_content_ul .set_icon { background-position: 0 -10.625rem; } .menu_content_ul .sign_icon { background-position: 0 -12.75rem; } .menu_content_open { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); padding-top: 0.625rem; transform: translate3d(0,0,0); opacity: 1; } .menu_content_alink { display: block; height: 4.125rem; line-height: 4.125rem; font-size: 1.125rem; color: #000; position: relative; padding-left: 2.8125rem; } .mfoot { display:none; background-color: #fff; padding-bottom: 1.25rem; border-top: 0.625rem solid #efeff4; } .mfoot .footicon_all { padding-top: 1.5rem; overflow: hidden; } .mfoot .footicon_all h1 { font-size: 1.25rem; color: #000; text-align: center; } .mfoot .footicon_all .footicon { float: left; width: 100%; text-align: center; padding-top: 0.375rem } .mfoot .footicon_all .footicon a { width: 2.5rem; height: 2.5rem; display: inline-block; background: url(https://m.geekbuying.com/Content/images/foot_iconall.png) no-repeat; background-size: 100% auto; } .mfoot .footicon_all .footicon .footicon_face { background-position: 0 0; } .mfoot .footicon_all .footicon .footicon_wk { background-position: 0 -2.5rem; } .mfoot .footicon_all .footicon .footicon_google { background-position: 0 -5rem; } .mfoot .footicon_all .footicon .footicon_youto { background-position: 0 -12.5rem; } .mfoot .footicon_all .footicon .footicon_ins { background-position: 0 -7.5rem; } .mfoot .footicon_all .footicon .footicon_tweer { background-position: 0 -10rem; } .mfoot .footEmail { position: relative; border-bottom: 0.0625rem solid #c8c7cc; margin: 0 0.625rem; } .mfoot .footEmail input { outline: none; width: 100%; font-size: 1.125rem; color: #333; height: 3.375rem; text-indent: 0.625rem; line-height: 3.125rem; border: 0; -webkit-appearance: none; } .mfoot .footEmail .email_icon { position: absolute; right: 0; top: 0.4rem; width: 2.5rem; height: 2.5rem; display: inline-block; background: url(https://m.geekbuying.com/Content/images/foot_iconall.png) no-repeat -1.375rem -31.125rem; background-size: 200% auto; } .mfoot .footCurrency { border-bottom: 0.0625rem solid #c8c7cc; margin: 0 0.625rem; position: relative; } .mfoot .footCurrency select { font-size: 1.125rem; height: 3.375rem; outline: none; text-indent: 0.625rem; width: 100%; border: 0; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; } .mfoot .footCurrency .currency_icon { width: 1.375rem; height: 1.375rem; position: absolute; top: 0.875rem; right: 0.625rem; } .mfoot .footCurrency .currency_icon:after { width: 0.75rem; height: 0.75rem; display: inline-block; border: 0.125rem solid #6e6e70; content: " "; position: absolute; top: 0.25rem; left: 0.375rem; border-width: 0.125rem 0.125rem 0 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); } .mfoot .foothelp { text-align: center; } .mfoot .foothelp a { color: #000; line-height: 2.5rem; font-size: 0.875rem; display: inline-block; } .mfoot .foothelp span { display: inline-block; max-height: 2.25rem; margin: 0 auto; } .mfoot .foothelp span img { width: 100%; } .mfoot .foothelp p { font-size: 0.75rem; line-height: 1.0rem; } .diawin { padding: 1.25rem; border-radius: .25rem; background: #fff; border: 1px solid #ccc; text-align: center; position: fixed; z-index: 103; display: none } .diawin p { color: #333; font-size: 14px; overflow: hidden } .diabg { background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 102; display: none } .close_t { width: 1.25rem; height: 1.25rem; display: inline-block; position: absolute; top: 0.25rem; right: 0.25rem; } .close_t:before,.close_t:after { content: " "; width: 1.25rem; height: 0.0625rem; background-color: #333; position: absolute; top: 0.625rem; left: 0; } .close_t:before { transform: rotate(45deg); } .close_t:after { transform: rotate(-45deg); } .mBox{ right:-2.5em;} .QRcodeWin,.QRcodeWin-pop { display:none; z-index:100; } .head_warp{margin-bottom:0;} @media only screen and (max-width: 768px) { .mBox{position:fixed;bottom:.5em;right:0;z-index:100;transition:all .3s; font-size: 16px; font-size: calc(100% + 4 * (100vw - 320px) / 448); font-size: calc(16px + 4 * (100vw - 320px) / 448); } .mBox.disable { right:-3em; } #Backtop{background:url(//static.gkbcdn.com/V1.4/en/promotion/2019icon/backTop.png) center no-repeat ;} #QRcode{background:url(//static.gkbcdn.com/V1.4/en/promotion/2019icon/QRcode.png) center no-repeat ;} #shareLink{background:url(//static.gkbcdn.com/V1.4/en/promotion/2019icon/shareLink.png) center no-repeat ;} #Backtop,#QRcode,#shareLink{width:2.8em;height:2.8em; background-size: 80%;} .QRcodeWin-pop {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.6);} .QRcodeWin {width:300px;font-size:16px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;text-align:center;;border-radius:10px;} .QRcodeWin .tt1s {font-size:14px;color:#333;line-height:1.4;padding-top:14px;padding-bottom:14px;} .QRcodeWin .btnBox,.QRcodeWin .tt1s {padding-left:14px;padding-right:14px;} .QRcodeWin .playBox{ display:inline-block; vertical-align:top;margin-left:10px;} .QRcodeWin .playBox img{display:block;} .QRcodeWin .playBox img:first-child {margin-bottom:10px;} .QRcodeWin .cancelBtn{font-size:14px;color:#157EFB;display:block;line-height:39px;border-top:1px solid #E0E0E0;margin-top:10px;} .android_app{vertical-align:top;} .mfoot,.qmheader2{ display:block;} #footer{ margin-top:0!important;} #backtop{right:0;transform:scale(.8) translateY(-20000%);background: transparent;} .testGD,.top_gd { display: none } .topLink,#topDiv,.jbProNav,#mailto,.head_warp{display: none;} #footer{width: 0;height: 0;overflow: hidden;padding: 0;} } @media only screen and (max-width: 320px) { .qmheader2 { padding:0 0.3125rem; height: 3.0rem; line-height: 3.0rem; } .qmheader2 .m_menu,.qmheader2 .m_user,.qmheader2 .m_search,.qmheader2 .m_cart { width: 2.5rem; height: 2.5rem; } .qmheader2 .m_menu,.qmheader2 .m_user,.qmheader2 .m_cart { margin-top: 0.5rem; } .qmheader2 .m_menu i,.qmheader2 .m_search i,.qmheader2 .m_user i,.qmheader2 .m_cart i { margin: 0; } .qmheader2 .m_cart i { margin-top: 2px; } .qmheader2 .m_logo { width: 7.5rem; height: 1.6875rem; background: url(https://m.geekbuying.com/Content/images/headImg/geek_logo_5s.png) no-repeat center; background-size: 7.5rem auto; } .mfoot .foothelp p { font-size: 0.75rem; } .footicon a { margin-right: 0; } .menu_content_alink { height: 2.5rem; line-height: 2.5rem; } .menu_content_ul li { margin-bottom: 0.375rem; } .menu_content_ul span { top: 0.1875rem; } }