.cms_currency_layout { width: 100%; margin: 0 auto; position:relative; }
.clearfix { *zoom: 1; } .clearfix:after { visibility: hidden; clear: both; display: block; content: "."; height: 0; } .responsive-width { width: 1440px; } .mini .responsive-width { width: 1200px; } .header-placeholder { height: 53px; } .hd-wrap-20181029{ position:fixed; left: 0; top: 0; width:100%; min-width: 1200px; height: 53px; margin:0 auto; background: #fff; z-index: 2; } .hd-wrap-20181029 .hd-bg-curtain{background:rgba(0,0,0,0);display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:9998; } .hd-wrap-20181029 .hd-nav .hd-logo{ position: fixed; top: 0; left: 0; margin-right: 37px; width:173px; font-size: 0; } .hd-wrap-20181029 .hd-nav .hd-logo img { width: 173px; height: 53px; } .hd-wrap-20181029 .hd-nav .logo-placeholder { margin-right: 37px; width: 173px; height: 53px; float: left; display: none; } .lenovo-logo-single-line .hd-wrap-20181029 .hd-nav .hd-logo { float: left; position: static; } .hd-wrap-20181029 .hd-nav { margin: 0 auto; height: 53px; overflow: hidden; } .hd-wrap-20181029 .hd-nav .hd-config-container{ width: 954px\9; width: calc(100% - 246px); float:left; cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } .hd-wrap-20181029 .hd-nav .hd-config-container .hcc-ul { } .hd-wrap-20181029 .hd-nav .hd-config-container li.hd-cc-li { float:left; margin-right: 26px; height:53px;line-height:53px;font-size:16px;color:#121212;font-weight:700; } .hd-wrap-20181029 .hd-nav .hd-config-container li.hd-cc-li .hd-cc-li-title { display: block; } .hd-wrap-20181029 .hd-nav .hd-config-container li.hd-cc-li .hd-cc-li-title em { font-size: 14px; font-style: normal; color: #121212; } .hd-wrap-20181029 .hd-nav .hd-config-container li.hd-cc-li:hover .hd-cc-li-title em{color:#395782; } .hd-wrap-20181029 .hd-nav .hd-right-container{ float: right; width: 246px; height:53px; line-height:53px; font-size: 0; background: #fff; } .hd-wrap-20181029 .hd-nav .hd-right-container li{float:left;list-style:none; } .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-search{ margin-right: 49px; line-height: 53px; } .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-search img { width: 22px; cursor:pointer; vertical-align: middle; } .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-login{margin-right:50px; height: 53px; } .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-login .hd-login-regist{margin-right:17px; vertical-align: middle;position: relative; } .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-login .hd-login-regist .vertical-line{display:inline-block;margin:0 5px;height:16px;width:2px;background-color:#ccc;vertical-align: middle; } .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-login .hd-login-regist a{font-size:14px;color:#121212;text-decoration:none; vertical-align: middle; line-height: 1} .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-login .hd-login-show{margin-right:17px; vertical-align: middle;position: relative; display: inline-block; } .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-login .hd-login-show .vertical-line{display:inline-block;position:relative;margin:0 5px;height:16px;top:2px;width:2px;background-color:#ccc; } .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-login .hd-login-show .top_login_ing{ font-size: 12px; color: #121212; text-decoration: none; width: 84px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; text-align: center; } .hd-wrap-20181029 .hd-nav .hd-right-container .top_phone{ width: 130px; border: 1px solid #d3d3d3; position: absolute; background-color: #fff; padding: 10px 5px; box-shadow: 0 0 3px 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,.3); text-align: center; left: -22px; top: 43px; display:none; } .hd-wrap-20181029 .hd-nav .hd-right-container .top_phone p{ line-height: 20px; font-size: 12px; } .hd-wrap-20181029 .hd-nav .hd-right-container .top_phone p .top_msg_count{ font-size: 11px; position: absolute; display: inline-block; width: 19px; height: 19px; line-height: 18px; top: 0; color: red; } .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-login .shopping-car .hd-shopping-car{position:relative;display:inline-block;width:24px;height:24px;top:-3px;vertical-align: middle; } .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-login .shopping-car { line-height: 24px;position: relative;z-index: 4; } .hd-wrap-20181029 .hd-searchview { position:absolute; width:100%; top: 0; z-index:1; } .hd-wrap-20181029 .hd-searchview .searchview-content { margin: 0 auto; position: relative; width: 838px; background: #fbfbfb; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-bar{ position:relative; height:45px; line-height: 45px; margin-left: 60px; margin-top: 4px; margin-bottom: 4px; font-size: 0; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-bar .search-submit{display:inline-block;width:22px;height:22px; margin-left:16px; vertical-align: middle; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-bar .search-input{ display: inline-block; vertical-align: middle; margin-left: 1em; height:18px; width:600px; font-size:16px; line-height: 18px; border:0;outline:0; background: transparent; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-bar input::-webkit-input-placeholder { color:#cdcdcd; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-bar input::-moz-placeholder { color:#cdcdcd; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-bar input:-moz-placeholder { color:#cdcdcd; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-bar input:-ms-input-placeholder { color:#cdcdcd; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-result{position:absolute;width:100%; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-result .searchview-result-container{ width: 72%; padding: 25px; margin: 0 auto; background: #eee;display: none} .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-result .search_tipinfo .detail{margin-bottom:20px;border-bottom:1px solid #a9acaf;padding-bottom:26px; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-result .search_tipinfo p{height:30px;line-height:30px;font-size:12px;color:#64696f; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-result .search_tipinfo ul li{line-height:33px;height:33px;overflow:hidden;white-space:nowrap;cursor:pointer;padding-left:16px;color:#64696f; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-result .search_tipinfo .normal ul li:before{content:'';display:inline-block;width:12px;height:12px;margin-right:8px;background-image:url(//p4.lefile.cn/fes/cms/2018/11/10/r8x746pytz02r7pg7nswmxruksas01610756.png);background-size:12px 12px; } .hd-wrap-20181029 .hd-searchview .search-close { position: absolute; right: 16px; top: 0; height: 45px; line-height: 45px; text-align: center; font-size: 0; } .hd-wrap-20181029 .hd-searchview .search-close img { width: 20px; height: 20px; vertical-align: middle; cursor: pointer; } .w1200 .hd-wrap-20181029 .hd-nav .logo-placeholder { display: none; } .w1200.mini .hd-wrap-20181029 .hd-nav { width: 1200px; } .no-responsive-width .hd-wrap-20181029 .hd-nav { width: 100%; } .no-responsive-width .hd-wrap-20181029 .hd-nav .logo-placeholder { display: block; } .mini .hd-wrap-20181029 .hd-nav .logo-placeholder { display: block; } .mini .hd-wrap-20181029 .hd-nav{ width: 100%; } .mini .hd-wrap-20181029 .hd-nav .hd-config-container li.hd-cc-li { margin-right: 28px; } .mini .hd-wrap-20181029 .hd-nav .hd-config-container li.hd-cc-li .hd-tab-container {margin-right: -37px; } .mini .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-search { margin-right: 49px; } .mini .hd-wrap-20181029 .hd-searchview .searchview-content-wrap { margin: 0 auto; width: 1200px; } .mini .hd-wrap-20181029 .hd-searchview .searchview-content { width: 550px; } .mini .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-bar .search-input { width: 400px; } .mini .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-result{width:550px; } .hd-wrap-20181029 .content-area { position: absolute; top: 53px; left: 0; width: 100%; height: 57px; background: #f2f2f2; z-index: 1; display: none; } .lenovo-logo-single-line .hd-wrap-20181029 .content-area { top: 105px; } .hd-wrap-20181029 .hd-cc-li.active .content-area { display: block; } .hd-wrap-20181029 .child-nav { margin: 0 auto; text-align: left; } .hd-wrap-20181029 .child-nav .hd-cn-li { display: inline-block; width: 12%; height: 57px; text-align: center; } .hd-wrap-20181029 .child-nav .hd-cn-li.active { height: 56px; border-bottom: 1px solid #395782; } .hd-wrap-20181029 .hd-cn-li .hd-cn-li-title { display: inline-block; height: 57px; line-height: 57px; text-align: center; font-size: 0; cursor:pointer; vertical-align: middle; } .hd-wrap-20181029 .hd-cn-li.active .hd-cn-li-title { box-sizing: content-box; height: 57px; } .hd-wrap-20181029 .hd-cn-li .hd-cn-li-title img { margin-right: 8px; height: 24px; vertical-align: middle; } .hd-wrap-20181029 .hd-cn-li.active .hd-cn-li-title img.child-title-img { display: none; } .hd-wrap-20181029 .hd-cn-li .hd-cn-li-title img.child-title-img-hover { display: none; } .hd-wrap-20181029 .hd-cn-li.active .hd-cn-li-title img.child-title-img-hover { display: inline-block; } .hd-wrap-20181029 .hd-cn-li .hd-cn-li-title span { vertical-align: middle; font-size: 14px; color: #616161; } .hd-wrap-20181029 .hd-cn-li.active .hd-cn-li-title span { color: #395782; } .hd-wrap-20181029 .details-area { position: absolute; left: 0; width: 100%; background: #fff; padding: 43px 0; text-align: left; display: none; } .hd-wrap-20181029 .hd-cn-li.active .details-area { display: block; } .hd-wrap-20181029 .hd-cn-li .child-details { margin: 0 auto; } .hd-wrap-20181029 .cd-item { float: left; width: 25%; } .hd-wrap-20181029 .cd-item .item-list { padding-left: 31px; border-left: 1px solid #d6d6d6; } .hd-wrap-20181029 .cd-item .item-list li { margin-bottom: 8px; padding-left: 16px; line-height: 25px; background: url(https://p2.lefile.cn/product/adminweb/2018/11/09/401df566-3f5d-4743-9362-01b370923aac.png) no-repeat 0 center; } .hd-wrap-20181029 .cd-item .item-list li a{ color: #898989; font-weight: normal; } .hd-wrap-20181029 .cd-item .item-list li a:hover { color: #395782; } .hd-wrap-20181029 .cd-item .item-list li.title { padding: 0; margin-bottom: 12px; font-size: 18px; color: #395782; background: none;height: 24px; } .hd-wrap-20181029 .cd-item .item-list li.title>a{font-weight: bold} .hd-cc-li-title.open em { -webkit-transition: transform 1.5s; -ms-transition: transform 1.5s; -moz-transition: transform 1.5s; transition: transform 1.5s; } .hd-cc-li-title.close em { -webkit-transition: transform .1s linear; -ms-transition: transform .1s linear; -moz-transition: transform .1s linear; transition: transform .1s linear; } .hd-cc-li-title em { display: block; } .hd-cc-li-title.hd-title-scale em { -webkit-transform: scale(.8); -ms-transform: scale(.8); -moz-transform: scale(.8); transform: scale(.8); } .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-login .shopping-car #top_cart_count{ font-size: 12px; position: absolute; width: 19px; height: 19px; line-height: 18px; padding-left: 2px; top: -23px; text-align: center; background: red; border-radius: 50% 50% 50% 0; left: 24px; color: #fff; } .sanjiao{ width: 0; border-top: 8px solid transparent; border-bottom: 8px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; position: absolute; top: -16px; left: 39%; z-index: 9999; } .hd-login-regist #head_bubble { position: absolute; display: block; top: -27px; right: -93px; width: 196px; height: 90px; z-index: 1; background: url(https://p1.lefile.cn/product/adminweb/2018/12/14/31e17caa-2994-49a4-9880-9eb06376b44f.png) no-repeat 0 0; background: none\9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://p3.lefile.cn/product/adminweb/2018/11/23/6f9de214-9771-4880-98ca-616cf520f020.png', sizingMethod='scale'); } .hd-wrap-20181029 .hd-nav .hd-right-container .hd-right-login .hd-login-regist .login{ position: relative; z-index: 3; } .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-result .left_item{margin-right: 10px;float:left} .hd-wrap-20181029 .hd-searchview .searchview-content .searchview-result .right_item{margin-right: 10px;float: right} .hd-wrap-20181029 .hd-cc-li.last-li { margin-left: -10px; display: none; position: absolute; top: 0; width: 53px; height: 53px; line-height: 53px; text-align: center; } .hd-wrap-20181029 .hd-nav .hd-config-container li.hd-cc-li.last-li { font-size: 0; } .hd-wrap-20181029 .hd-cc-li.last-li .last-li-icon { display: inline-block; width: 16px; height: 16px; vertical-align: middle; } .hd-wrap-20181029 .hd-cc-li.last-li .last-li-icon img { width: 100%; height: 100%; transition: .3s all; -webkit-transition: .3s all; -ms-transition: .3s all; -moz-transition: .3s all; } .hd-wrap-20181029 .hd-cc-li.last-li:hover .last-li-icon img { -webkit-transform-origin: center center; -moz-transform: center center; -ms-transform: center center; transform: center center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .hd-wrap-20181029 .hd-cc-li.last-li .suspended-layer { display: none; position: absolute; left: -33px; top: 53px; width: 120px; padding: 4px 16px; border-top: 1px solid #f2f2f2; background: #fff; box-sizing: border-box; text-align: left; box-shadow: 0 2px 4px #cdcdcd; -webkit-box-shadow: 0 2px 4px #cdcdcd; } .hd-wrap-20181029 .hd-cc-li.last-li:hover .suspended-layer { display: block; } .hd-wrap-20181029 .hd-cc-li.last-li .suspended-layer a { margin: 12px 0; display: block; line-height: 18px; color: #121212; font-size: 14px; } .hd-wrap-20181029 .hd-cc-li.last-li .suspended-layer a:hover { color: #395782; }