/*header s*/ .header-search-tool .search-prompt-customize { border: none; background: transparent; } .search-prompt-customize .hot-words-box, .search-prompt-customize .hot-words-box span { color: #999; font-size: 12px; line-height: 32px; } .header-top-cloud-market { background: #222; height: 46px; overflow: inherit; } .header-top-wrap { max-width: 1440px; width: auto; padding: 0 20px; margin: 0 auto; color: #fff; } .header-max { float: left; height: 46px; line-height: 46px; cursor: default; width: 40%; } .header-max a { color: #fff; } .header-max a:hover { color: #e41e2b; } .header-right { float: right; height: 32px; } .header-info { float: right; width: 135px; padding-right: 10px; line-height: 32px; height: 32px; } .header-left { display: inline-block; cursor: pointer; float: left; margin-top: 4px; width: 86px; height: 21px; } .header-btn { display: inline-block; float: left; padding-right: 5px; line-height: 46px; } .header-list { float: right; position: relative; } .header-list .header-btn:first-child:before { display: none; } .header-btn a { color: #666; } .header-btn a:hover { color: #fff; } .wrapper-menu-img img { vertical-align: inherit; } .header-btn-active { display: inline-block; cursor: pointer; float: right; width: 76px; line-height: 32px; color: #fff; font-size: 12px; background-color: #e4202b; margin-left: 20px; } .header-btn-active:hover { opacity: 0.9; filter: Alpha(opacity=90); } .header-btn a:hover { color: #e41e2b; } .header-btn-active { display: inline-block; cursor: pointer; float: right; width: 76px; line-height: 32px; color: #fff; font-size: 12px; background-color: #e4202b; margin-left: 20px; } .header-btn-active:hover { opacity: 0.9; filter: Alpha(opacity=90); } .wrapper-menu { width: 1180px; margin: 0 auto; height: 59px; } .wrapper-menu-cloud { display: inline-block; cursor: pointer; float: left; font-size: 20px; line-height: 59px; width: 115px; color: #000; } .wrapper-menu-nav { display: inline-block; float: left; height: 58px; line-height: 58px; width: 28px; font-size: 14px; margin-right: 30px; color: #333; text-align: center; cursor: pointer; } .wrapper-menu-nav:hover { height: 58px; color: #e41f2b; border-bottom: 2px solid #e41e2b; } .wrapper-menu-nav-active { height: 58px; color: #e41f2b; border-bottom: 2px solid #e41e2b; } .wrapper-menu-user { width: 125px; cursor: pointer; float: left; height: 46px; position: relative; text-align: center; } .wrapper-menu-img { float: left; width: 20px; height: 20px; } .menu-username { display: inline-block; text-align: center; margin-left: 5px; max-width: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menu-user-title { display: none; background-color: #383839; width: 125px; padding: 10px 0; position: absolute; top: 46px; left: 0; z-index: 10000; } .user-title-block { display: block; } .menu-user-list { width: 125px; height: 40px; padding-top: 10px; } .menu-user-list:hover { height: 40px; padding-top: 10px; color: #fff; background-color: #191919; } .menu-user-list:hover .menu-user-btn { border-right: 3px solid #e41e2b; width: 125px; } .menu-user-btn { display: block; height: 20px; line-height: 20px; width: 123px; color: #999; } .menu-user-btn:hover { color: #fff; border-right: 3px solid #191919; } /*.menu-user-title:before{ content: ""; position: absolute; top: -6px; left: 50px; width: 10px; height: 10px; border: 1px solid #E2E2E2; background-color: #fff; transform: rotate(45deg); }*/ /*.menu-user-title:after{ content: ""; position: absolute; top: -1px; left: 49px; width: 12px; height: 7px; background-color: #fff; z-index: 2; }*/ .menu-user-info { display: inline-block; cursor: pointer; height: 46px; line-height: 46px; font-size: 12px; padding: 0; margin: 0 auto; } .menu-user-info:hover { color: #fff; background-color: #191919; } .menu-user-img { float: left; width: 20px; height: 46px; padding-top: 6px; } .menu-user-line { height: 1px; background-color: #e2e2e2; margin-bottom: 4px; margin-top: 3px; } .wrapper-menu-triangle:before { position: absolute; float: right; left: 20px; border-right: 3px solid transparent; border-top: 3px solid #fff; border-left: 3px solid transparent; content: ''; margin: -40px 0 0 95px; } .wrapper-menu-triangle-active:before { border-top: none !important; border-bottom: 3px solid #fff; } .wrapper-menu-user:hover .wrapper-menu-triangle:before { border-top: none !important; border-bottom: 3px solid #fff; } .wrapper-menu-btn { cursor: pointer; float: right; width: 73px; height: 36px; line-height: 36px; border: 1px solid #ddd; margin-top: 11px; margin-left: 10px; text-align: center; color: #000; font-size: 12px; } .wrapper-menu-btn:hover { color: #e41e2b; border: 1px solid #e41e2b; } .menu-user-title-customize { z-index: 1000; } /*header e*/ /*footer s*/ .hw-footer-customize { background: #222; } .hw-footer-customize .footer a { color: #999; font-size: 14px; } .hw-footer-customize .footer .serv_tel { color: #999; margin-top: 0; } .hw-footer-customize h3 { font-size: 14px; color: #ccc; border-bottom: #222 1px solid; } .copyright-customize { background: #222; border-top: #2b2b2b 1px solid; } .certificate-customize .cert-item { /* display: flex; */ align-content: center; /*flex-direction: row;*/ margin-bottom: 20px; } .certificate-customize { margin-top: 10px; min-width: 160px; text-align: left; } .certificate-customize i.icon { float: left; } .certificate-customize .cert-item p { margin: 15px 0; text-align: left; } .cert-item-dependable { overflow: hidden; margin-bottom: 20px; display: block; } .cert-item-safecloud { overflow: hidden; clear: both; display: block; } .hw-footer-customize .foot-content { width: 100%; } .certificate-customize .dependable, .certificate-customize .safecloud { margin-right: 10px; } /*footer e*/ /*index s*/ .carousel-inner-customize .item {} @media screen and(max-width: 1366px) { .carousel-inner-content { position: absolute; left: 37%; } } .carousel-inner-content { position: absolute; left: 37%; top: 132px; color: #fff; text-align: center; } .carousel-inner-content h1 { font-size: 48px; margin-bottom: 20px; } .carousel-inner-content h2 { font-size: 18px; margin-bottom: 30px; } .carousel-inner-content a { padding: 0px 30px; width: auto; height: 34px; line-height: 34px; background: #e41e2b; font-size: 14px; color: #fff; display: inline-block; text-align: center; border-radius: inherit; } .carousel-indicators-wrap { position: absolute; top: 396px; left: -180px; width: 100%; text-align: center; z-index: 9; } .carousel-indicators-customize { width: 340px; margin: 0px auto; position: inherit; } .carousel-indicators-customize li { border-radius: 2px; width: 68px; height: 2px; background: #d9e2f6; margin: 2px 1.2%; transition: all .3s ease; opacity: 0.5; } .carousel-indicators-customize li.active { background: #e41e2b; border-color: #e41e2b; opacity: 1; width: 57px; height: 3px; border-radius: 0px; margin: 0px 2px 0px 3px; } .hy-topbar-customize { height: 32px; line-height: 32px; } .container.head-wrap-customize { height: 98px; line-height: 92px; } .head-manage-customize { line-height: 92px; height: 92px; position: relative; } .nav-layer { color: #666; } .nav-layer:hover { color: #E41F2B; } .head-manage-customize .btn, .head-manage-customize .btn-red { height: 34px; line-height: 34px; padding: 0px 24px; border-radius: inherit; } .head-manage-customize .btn { border: #E41E2B 1px solid; color: #E41E2B; } .head-search-customize .header-search-tool { display: inline-block; vertical-align: middle; height: 34px; width: 618px; border-radius: inherit; border: 1px solid #ddd; position: relative; } .head-search-customize .sear_input { height: 30px; line-height: 30px; border: none; padding-left: 8px; width: 570px; color: #999; } .head-search-customize a.btn-red { position: absolute; right: -1px; top: -1px; width: 36px; height: 34px; padding: 0; line-height: 30px; } .container.head-wrap-customize .header-logo-box { display: inline-block; width: 160px !important; height: 43px !important; padding: 0; vertical-align: middle; float: none; margin-left: 0px !important; margin-right: 117px; } li.supermarket-classification-box-customize { width: 280px; background: #333; } .head-nav-customize { border-top: #ededed 1px solid; height: 48px; line-height: 48px; } .gray-background-customize { background: #f7f7f7; } .six-shortcuts-entrance { width: 1180px; /*margin: 40px auto 10px auto;*/ display: table; } .shortcuts-list img { height: 78px; width: 78px; } .shortcuts-list { display: table-cell; text-align: center; } .shortcuts-text { text-align: center; font-size: 16px; color: #333; } .pa-items-customize { margin-top: 50px; } .section-title-customize { border-left-color: #fff; padding-left: 0; text-align: center; position: relative; } .popular-application-more { position: absolute; right: 11px; top: 53px; color: #2d56b1; } .popular-application-more:hover { color: #2d56b1; } .pa-items-customize .common-product-item { width: 298px; height: 240px; margin-left: -1px; margin-bottom: -1px; border: #ededed 1px solid; } /*service module s*/ .fp-desc-customize p { font-size: 18px; } .fp-desc-customize a { color: #fff; font-size: 14px; } .fp-desc-customize { left: 0; } .fp-content-customize, .fp-content-customize .common-product-item { height: 260px; } .fp-content-customize .common-product-item:hover { box-shadow: 0 0 30px rgba(33, 37, 44, .16); } .fp-content-customize .common-product-item { width: 248px; border-left: #ededed 1px solid; } .fp-content-customize .common-product-item:hover .cp-product-price, .pa-items-customize .common-product-item:hover .cp-product-price { display: block; } .fp-content-customize .cp-name { color: #666; font-size: 14px; width: 90%; margin: 0 auto; } .fp-content-customize .cp-img, .pa-items-customize .cp-img { vertical-align: top; height: 50px; } .fp-content-customize .cp-stars { margin-top: 10px; } .fp-content-customize .fp-img { width: 198px; } .fp-content-customize .fp-items { margin-left: 0; } .fp-content-customize .cp-product-price { margin-top: 40px; } .service-module-icon { position: absolute; top: 50px; left: 56px; } .fp-content-customize .color-red, .pa-items-customize .color-red { font-size: 16px; padding-right: 5px; } .fp-content-customize .cp-img-box, .pa-items-customize .cp-img-box { padding-top: 50px; } .fp-content-customize .fp-img-box { display: flex; justify-content: center; } .featured-product-customize>div { margin-top: 40px; } .pa-items-customize .cp-name { padding-top: 10px; color: #666; } .pa-items-customize .common-product-item:hover { box-shadow: 0 0 30px rgba(33, 37, 44, .16); } /*service module e*/ /*s*/ .eseller-box-customize .eseller-item { width: 194px; height: 157px; float: left; border: #fff 1px solid; } .eseller-box-customize .eseller-item:hover { width: 194px; height: 157px; background: #fff; box-shadow: 0px 0px 0px 0px #fff; border: #ededed 1px solid; z-index: 1; } /*e*/ .cloud-market-category-wrap { position: absolute; width: 280px; height: 400px; top: 176px; background: #f3f4f6; z-index: 343; } .cloud-market-category { padding: 20px 10px; overflow: hidden; } .cloud-market-category:not(:last-child) { border-bottom: #e1e1e1 1px solid } .cloud-market-category dt { float: left; color: #333; background: #e4e4e4; padding: 5px 10px; font-size: 14px; } .cloud-market-category dd { float: left; padding: 5px 10px; } .cloud-market-category dd a { color: #666; font-size: 14px; } .cloud-market-category dd a:hover { color: #2d56b1; } .supermarket-classification-box-customize { width: 280px; text-align: left !important; padding-left: 12px !important; } /*index e*/ /*list s*/ .search-condition-customize { padding: 15px 0px; background: #fff; } .info-isvName-custome { clear: both; margin-top: 5px; } .fz18-customize { font-size: 18px; } .user-data-customize { color: #999; font-size: 12px; vertical-align: top; padding-left: 15px; } /*list e*/ /****************************************************************/ /*view s*/ .hws-crumb-customize {} .hws-crumb-customize a, .hws-crumb-customize span { display: inline-block; color: #999; vertical-align: middle; } .product-detail-box-customize { /* margin-top: 20px; */ } .btn { border-radius: inherit; } .form-control { box-shadow: none; } .top30 { margin-top: 30px; } .form-control-static-month { font-size: 14px; margin-left: 10px; } .product-right-customize { border-top: #f7f7f7 20px solid; margin-top: 40px; } .view-faq-list-wrap { padding-left: 30px; padding-bottom: 20px; padding-top: 10px; } .view-faq-list-wrap h1 { font-size: 16px; margin-bottom: 15px; } .view-faq-list-wrap h1 a { float: right; font-size: 12px; color: #2d56b1; margin-right: 40px; margin-top: 5px; } .view-faq-list-wrap h1 a:hover {} .view-faq-list {} .view-faq-list li { font-size: 14px; color: #666; max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 30px; height: 30px; padding-left: 10px; position: relative; } .view-faq-list li:before { content: "."; position: absolute; left: 0px; top: -3px; } .view-faq-list li a { color: #666; } .view-faq-list li a:hover { color: #2d56b1; } .rectification { display: table; background: #fff; } .rectification-left, .rectification-right { display: table-cell; vertical-align: top; background: #fff; } .rectification-left { border-right: #f7f7f7 20px solid; } /*.custom-define-subscribe-customize{ position: relative; } .custom-define-subscribe-customize:after{ content:""; position: absolute; height: 20px; background: #f7f7f7; }*/ /*view e*/ /****************************************************************/ /*register-hw-btn s*/ .register-huawei-cloud { width: 100%; display: table; text-align: center; /* display: flex; justify-content: center;*/ padding: 15px 0px; background: #f7f7f7; } .register-huawei-cloud-btn { padding: 0px 30px; width: auto; height: 50px; display: inline-block; line-height: 50px; background: #e41e2b; font-size: 18px; color: #fff; text-align: center; border-radius: inherit; } .register-huawei-cloud-btn:hover { color: #fff; } .hover-scale .scale-down-lg, .hover-scale .scale-up-lg { transform: scale(.85); transition: transform .3s ease-out 0s } .hover-scale .scale-down, .hover-scale .scale-up { transition: transform .3s ease-out 0s } /*.hover-scale .scale-down {*/ /*transform: scale(.85)*/ /*}*/ /*.hover-scale .scale-up,.hover-scale:hover .scale-down {*/ /*transform: scale(1)*/ /*}*/ /*.hover-scale:hover .scale-up {*/ /*transform: scale(1.1)*/ /*}*/ .basic-customize { width: 250px; } /*register-hw-btn e*/ .i-search { width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url(../../images/default/search.png) no-repeat center; } .search-box { position: absolute; width: 0; top: 8px; background: #111214; border: 1px solid #999; height: 30px; line-height: 30px; right: 0px; overflow: hidden; opacity: 0; visibility: hidden; transition: all .3s ease; z-index: 6; } .search-input { background: none; border: 0 none; font-size: 14px; color: #fff; vertical-align: middle; line-height: 28px; height: 28px; padding: 0 10px; width: 168px; float: left; } /* .tool-item { display: inline-block; vertical-align: middle; cursor: pointer; width: 40px; background: #222; margin-right: -9px; float: left; position: relative; height: 46px; margin-left: 17px; line-height: 46px; color: #eee; } */ .header-list .active .search-box { width: 200px; opacity: 1; visibility: visible; } .seller-center-list { font-size: 14px; line-height: 22px; position: absolute; top: calc(100% + 12px); background-color: #fff; width: 152px; padding: 20px 16px; box-shadow: 0 0 6px 0 rgba(174, 186, 208, 0.27); } .seller-center-list:before { content: ""; display: block; width: 100%; position: absolute; height: 20px; top: -20px; left: 0; } .seller-center-list li { margin-bottom: 12px; position: relative; } .seller-center-list li:hover:before { content: ""; position: absolute; width: 3px; height: 12px; background: #C7000B; top: 5px; left: -16px; } .seller-center-list li a { color: rgb(37, 43, 58); } .seller-center-list li a:hover { cursor: pointer; } .seller-center-list li:hover a { color: #c7000b; } .seller-center-list li:last-of-type { margin-bottom: 0; } .search-hidden, .connect-hidden, .seller-center-hidden { display: none; } .market-seller-center { position: relative; } .header-tools-list .market-search-inco { display: inline-block; position: relative; padding: 0; margin-right: 0; line-height: inherit; } @media screen and (max-width:1058px) { .market-header-input { width: 220px; padding-left: 10px; } .header-nav { width: calc(100% - 800px); } } @media (max-width: 1280px) { .market-header-input { display: none; position: relative; } .market-search-inco-show:before { visibility: visible; } .mbclose { width: 36px; height: 36px; background-color: #5D5F68; color: #fff; position: absolute; top: 12px; left: -36px; font-size: 28px; line-height: 36px; text-align: center; visibility: hidden; } .header-nav { width: calc(100% - 800px); } .header-ad.load-ad+div.header-nav { width: calc(100% - 800px) } }