@charset 'UTF-8'; body { font-size: 14px; line-height: 1.5; color: #333; -webkit-tap-highlight-color: transparent } .doc-inner { box-sizing: border-box; min-width: 320px; max-width: 1200px; margin: 0 auto; padding: 0 10px } .mb30 { margin-bottom: 30px } .shop-cart-icon { display: inline-block; position: relative; width: 16px; height: 16px; vertical-align: middle; background-image: url(../../img/market/sprite/index-201708011445.png); background-repeat: no-repeat; background-position: -66px 0px } .doc-header { height: 130px; background: url(img/doc-header-bg.jpg) top center no-repeat #ecedee } .doc-header .doc-inner { position: relative; padding-top: 45px } .doc-header .title { font-size: 34px; font-weight: 400; line-height: 40px; min-width: 105px; float: left; width: 190px } .doc-header a { color: #2277da } .doc-header .title a, .doc-header .title a:hover { color: #333 } .doc-header .search-wrap { overflow: hidden; display: inline-block } .doc-header .search-bar { position: relative; box-sizing: border-box; width: 680px; margin-bottom: 10px; padding-right: 87px } .doc-header .search-bar input { font-size: 14px; line-height: 28px; display: block; box-sizing: border-box; width: 100%; height: 40px; padding: 5px 10px; color: #999; border: 1px solid #2277da } .doc-header .search-bar input:focus { outline: 0 } .doc-header .search-btn { font-size: 14px; line-height: 40px; position: absolute; top: 0; right: 0; width: 88px; height: 40px; cursor: pointer; text-align: center; color: #fff; border-radius: 2px; background: #2277da } .doc-header .search-btn span { position: relative; z-index: 2 } .doc-header .search-btn:before { position: absolute; left: 0; content: '' } .doc-header .search-btn:hover { text-decoration: none; background: #0070cc } .doc-header .search-hot-word { font-size: 0 } .doc-header .search-hot-word > li { font-size: 12px; display: inline-block; vertical-align: middle } .doc-header .search-hot-word li + li { margin-left: 10px } .doc-header .doc-inner .links { line-height: 40px; float: right; font-size: 0 } .doc-header .doc-inner .links > li { font-size: 14px; display: inline-block; vertical-align: middle } .doc-header .doc-inner .links li + li { margin-left: 30px } .doc-header .doc-inner .links a { display: inline-block; vertical-align: middle; color: #333 } .doc-header .doc-inner .links .shop-cart-icon { margin-right: 17px } .doc-header .doc-inner .shop-cart-icon em { position: absolute; right: -17px; top: -12px; line-height: 16px; height: 16px; font-size: 12px; border-radius: 8px; padding-left: 6px; padding-right: 6px; box-sizing: border-box; background-color: #ff7200; color: #fff } .doc-header .link:hover { text-decoration: underline } .doc-star-rating { margin-top: 15px; margin-bottom: 40px } .doc-star-rating-result { font-size: 14px; margin-bottom: 7px; color: #666 } .doc-btn { font-size: 14px; line-height: 35px; display: inline-block; box-sizing: border-box; min-width: 80px; height: 35px; padding: 0 10px; cursor: pointer; vertical-align: middle; color: #fff; border: 1px solid transparent; border-radius: 2px; background: #2277da } .banner-wrap { position: relative; background-color: #257eeb } .banner-wrap .c-section-hd { position: absolute; top: 32%; left: 29% } .banner-wrap .c-section-hd .c-section-des, .banner-wrap .c-section-hd .c-section-tit { text-align: left; color: #fff } .banner-wrap .c-section-inner { height: 340px } .top-menu-wrap { background-color: #2277da } .top-menu { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 10px } .top-menu li { display: inline-block } .top-menu li a { font-size: 16px; line-height: 40px; display: inline-block; padding: 0 20px; color: #fff } .top-menu li.cur a { background-color: #0087fb } .top-menu .tips { position: absolute; top: 0; right: 10px } .top-menu .tips a { font-size: 16px; line-height: 40px; color: #fff } .main-nav { font-size: 14px; box-sizing: border-box; min-width: 320px; max-width: 1180px; margin: 0 auto; padding: 10px 0 20px 0; color: #74777c; } .main-nav li { display: inline-block } .main-nav .links { font-size: 14px } .main-nav .links.links-last { color: #2277da } .main-nav .links.links-last:hover { cursor: default } .tc-star-rating { min-width: 92px; display: inline-block; vertical-align: middle } .tc-star-rating li { position: relative; float: left; margin-right: 2px } .tc-star-rating li:last-child { margin-right: 0 } .tc-star-rating .star-icon { display: block; width: 16px; height: 16px; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ4Mjg3ZC00NzgxLTg3NGEtYWNhZC1hYzIyZDczN2YwZTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0QzMzIwN0U4OUQ4MTFFNjg0RUQ4M0QzM0IxMjMwNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0QzMzIwN0Q4OUQ4MTFFNjg0RUQ4M0QzM0IxMjMwNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0YTE1YmNhYy00YTFmLTcyNDctYTYzZS0yYWRkODFmOTA4OTQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiYjVjOGRhMi03NzMxLTExNzktYmQ5Zi1hY2NiMTIxZmM3ZmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4K6Rs7AAAA6UlEQVR42mK8fPkyAx4wH4j/A3ESLgVMeDQbAnE8ECdA2SQb0AbEjFDcSqoBNkDsgcT3hIoRNIATiC2AuAeL2h6oHCeyIAsQxwKxAxAbA7E2VAwbMAfi40D8B4ivAvFZID7ACIyFO0CGMgN54A7IC4FA/JEMzSA9QSADQAkhCIh/kaD5F1TPZVgg7oMmlv9EaIYlrH3osbAUiNcRYcBqqFqs0chPhAGC+NKBPBEGyOMzQA5LYP0k1gAJIGaHsn8A8RRo+lAB4slQMQaoGnFsBvAB8VsgngDVmAvET6A4Dyo2AapGAKYJIMAAhD0s6BF5N4IAAAAASUVORK5CYII=); background-repeat: no-repeat } .tc-star-rating .active .star-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ4Mjg3ZC00NzgxLTg3NGEtYWNhZC1hYzIyZDczN2YwZTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0VDREMwNEQ4OUYzMTFFNjg0RUQ4M0QzM0IxMjMwNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0VDREMwNEM4OUYzMTFFNjg0RUQ4M0QzM0IxMjMwNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0YTE1YmNhYy00YTFmLTcyNDctYTYzZS0yYWRkODFmOTA4OTQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiYjVjOGRhMi03NzMxLTExNzktYmQ5Zi1hY2NiMTIxZmM3ZmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5zglR3AAAA5ElEQVR42mL8v4MBH5gPxP+BOAmXAkY8BhgC8Vko2xiIz2NTxITH9jaQBVDciksRLgNsgNgDie8JFSNoACcQWwBxDxa1PVA5TvQwiAXSDlB/agMxCwN+8AeIr0LD5wDIgDtAhjIDeeAOyAuBQPyRDM0gPUEgAy6DGED8iwTNv6B6LsMCcR80sfwnQjMsYe1Dj4WlQLyOCANWQ9VijUZ+IgwQxJcO5IkwQB6fAXJYAusnsQZIADE7lP0DiKdA04cKEE+GijFA1YhjM4APiN8C8QSoxlwgfgLFeVCxCVA1AjBNAAEGAGCHLq+qMpSvAAAAAElFTkSuQmCC) } .pagination-pages li.pagination-next.last-page, .pagination-pages li.pagination-pre.first-page { display: none } .pagination-pages li { display: inline-block; margin-left: 10px } .pagination-pages li > a { font-size: 14px; line-height: 35px; display: block; box-sizing: border-box; width: 35px; height: 35px; text-align: center; color: #666; border: 1px solid #ddd } .pagination-pages li:first-child { margin-left: 0 } .pagination-pages li > a:hover { color: #2b2b2b; border: 1px solid #999 } .pagination-pages li.current > a { font-weight: 700; cursor: default; color: #333; border: none } .pagination-pages li.disabled > a { cursor: default; color: #666; border: none } .pagination-pages li.pagination-next > a, .pagination-pages li.pagination-pre > a { width: auto } .pagination-pages li.pagination-pre > a { padding: 0 6px 0 2px } .pagination-pages li.pagination-next > a { padding: 0 2px 0 6px } .pagination-pages li.pagination-next > a span { position: relative; left: 4px } .pagination-pages li.pagination-pre > a span { position: relative; right: 4px } .pagination-pages li.pagination-next > a i, .pagination-pages li.pagination-pre > a i { position: relative; top: 3px; display: inline-block; width: 16px; height: 16px } .pagination-pages li.pagination-pre > a i { background-image: url(../../img/market/sprite/nav-201708011445.svg);; background-position: 5% 5%; background-size: 225% 225%;; background-repeat: no-repeat } .pagination-pages li.pagination-next > a i { background-image: url(../../img/market/sprite/nav-201708011445.svg);; background-position: 5% 95%; background-size: 225% 225%;; background-repeat: no-repeat } .pagination-pages li.pagination-pre > a:hover i { background-image: url(../../img/market/sprite/nav-201708011445.svg);; background-position: 95% 5%; background-size: 225% 225%;; background-repeat: no-repeat } .pagination-pages li.pagination-next > a:hover i { background-image: url(../../img/market/sprite/nav-201708011445.svg);; background-position: 95% 95%; background-size: 225% 225%;; background-repeat: no-repeat } a { color: #2277da } .mk-shop-cart-icon { display: inline-block; position: relative; width: 16px; height: 16px; vertical-align: middle; background-image: url(../../img/market/sprite/index-201708011445.png); background-repeat: no-repeat; background-position: -66px 0px } .mk-triangle-icon { display: inline-block; position: relative } .mk-triangle-icon:before { content: ''; display: inline-block; width: 0; height: 0; font-size: 0; vertical-align: middle; border-width: 6px; border-style: solid; border-color: #333 transparent transparent } [class^=mk-arrow-] { position: relative; display: inline-block; width: 5px; height: 5px; vertical-align: 1px; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0 } .mk-arrow-right { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg) } .mk-horizontal-link-list { font-size: 0 } .mk-horizontal-link-list > li { font-size: 14px; display: inline-block; vertical-align: middle } .mk-horizontal-link-list > li + li { margin-left: 30px } .mk-horizontal-link-list a { display: inline-block; vertical-align: middle; color: #333 } .mk-table-layout { display: table; width: 100% } .mk-table-layout .mk-table-col { display: table-cell; vertical-align: middle; text-align: right } .mk-table-layout .mk-table-col:first-child { text-align: left } .mk-header { background-color: #f5f6f7 } .mk-header .title { width: 190px; font-size: 32px; min-width: 100px; line-height: 1em; display: inline-block; vertical-align: middle } .mk-header .title a { color: #333; font-weight: 400 } .mk-header .search-wrap { position: relative; vertical-align: middle; display: inline-block } .mk-header .search-bar { position: relative; box-sizing: border-box; width: 680px; padding-right: 87px } .mk-header .search-bar input { font-size: 14px; line-height: 28px; display: block; box-sizing: border-box; width: 100%; height: 40px; padding: 5px 10px; color: #999; border: 1px solid #2277da } .mk-header .search-bar input:focus { outline: 0 } .mk-header .search-bar .search-btn { font-size: 14px; line-height: 40px; position: absolute; top: 0; right: 0; width: 88px; height: 40px; cursor: pointer; text-align: center; color: #fff; border-radius: 2px; background: #2277da } .mk-header .search-bar .search-btn:hover { text-decoration: none; background: #0070cc } .mk-header .mk-autocomplete-wrap { position: absolute; top: 45px; left: 0; right: 88px; border: 1px solid #ddd; z-index: 999 } .mk-header .mk-autocomplete-cont > li + li { border-top: 1px solid #ddd } .mk-header .mk-autocomplete-cont .c-media-horiz { padding: 10px 15px; display: block } .mk-header .mk-autocomplete-cont .c-media-horiz:hover { background-color: #f0f2f5 } .mk-header .mk-autocomplete-cont .c-media-horiz .c-media-img { vertical-align: middle; font-size: 0; padding-left: 15px } .mk-header .mk-autocomplete-cont .c-media-horiz .c-media-img + .c-media-body { padding-top: 5px; padding-bottom: 5px } .mk-header .mk-autocomplete-cont .c-media-horiz .c-media-heading { font-size: 14px; line-height: 1.75; color: #333 } .mk-header .mk-autocomplete-cont .c-media-horiz .c-media-info { margin: 0; font-size: 12px; color: #999; line-height: 1.75 } .mk-header .search-wrap .search-hot-word { position: absolute; bottom: -30px } .mk-header .search-wrap .search-hot-word a:hover { text-decoration: underline } .mk-header .other-enter-list { line-height: 40px; float: right; font-size: 0 } .mk-header .other-enter-list a { color: #333 } .mk-header .other-enter-list .mk-shop-cart-icon { margin-right: 17px } .mk-header .other-enter-list .mk-shop-cart-icon em { position: absolute; right: -17px; top: -12px; line-height: 16px; height: 16px; font-size: 12px; border-radius: 8px; padding-left: 6px; padding-right: 6px; box-sizing: border-box; background-color: #ff7200; color: #fff } .mk-nav { padding-bottom: 20px; background-color: #f5f6f7 } .mk-nav a { color: #2277da } .mk-nav .mk-nav-list a { color: #333; line-height: 1; font-size: 16px } .mk-nav .mk-nav-list > li { position: relative } .mk-nav .mk-nav-list > li + li { margin-left: 80px } .mk-nav .mk-nav-list .mk-triangle-icon { margin-left: 10px } .mk-nav .mk-nav-list .mk-nav-dropdown-wrap { position: absolute; top: 53px; padding: 35px 0; white-space: nowrap; word-break: break-all; background-color: #fff; z-index: 999; -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .1); box-shadow: 0 3px 20px rgba(0, 0, 0, .1); } .mk-nav-arrow { position: absolute; top: -6px; left: 23px; z-index: 1000; display: block; width: 14px; height: 14px; background-color: #fff; -webkit-box-shadow: -3px -3px 20px rgba(0, 0, 0, .1); box-shadow: -3px -3px 20px rgba(0, 0, 0, .1); transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg) } .mk-nav-arrow:after { content: ' '; position: absolute; top: 0px; left: 0px; z-index: 1002; width: 25px; height: 25px; display: block; background-color: #fff; } .mk-nav .mk-nav-list .mk-nav-service-sort { overflow: hidden } .mk-nav .mk-nav-list .mk-nav-service-item { padding-left: 40px; padding-right: 40px; width: 160px; margin-bottom: -1000px; padding-bottom: 1000px; vertical-align: top; display: inline-block } .mk-nav .mk-nav-list .mk-nav-service-item + .mk-nav-service-item { border-left: 1px solid #ddd } .mk-nav .mk-nav-list .mk-nav-service-item a { display: block; font-size: 14px; line-height: 30px; color: #666 } .mk-nav .mk-nav-list .mk-nav-service-item a:hover { color: #2277da } .mk-nav .mk-nav-list .mk-nav-service-item em { font-size: 18px; color: #333 } .mk-nav .mk-nav-list .mk-nav-service-list { margin-top: 20px } .mk-nav .mk-arrow-right { margin-left: 4px } .mk-hero { overflow: hidden; background-color: #000; color: #fff } .mk-hero .mk-hero-cont { position: relative; height: 360px } .mk-hero .mk-hero-cont > li { position: relative; height: 100% } .mk-hero .mk-hero-cont .mk-hero-text { position: absolute; left: 50%; top: 50%; font-size: 16px; line-height: 1; margin-left: -590px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-weight: 400 } .mk-hero .mk-hero-cont .mk-hero-text .mk-title { display: block; font-size: 32px; margin-bottom: 15px } .mk-hero .mk-hero-cont .mk-hero-text .mk-subtitle { font-size: 24px } .mk-hero .mk-hero-cont .mk-hero-text .mk-extra-cont { height: 120px; line-height: 1.5 } .mk-hero .mk-hero-cont .mk-hero-text .mk-extra-cont:before { content: ''; display: inline-block; width: 0; font-size: 0; height: 100%; vertical-align: middle } .mk-hero .mk-hero-cont .mk-hero-text .mk-extra-cont .mk-extra-list { display: inline-block; /*width: 100%;*/ vertical-align: middle } .mk-hero .mk-hero-cont .mk-extra-cont .mk-extra-list > li { padding-left: 20px; line-height: 2em; position: relative } .mk-hero .mk-hero-cont .mk-extra-cont .mk-extra-list > li:before { content: '√'; position: absolute; left: 0 } .mk-hero .mk-hero-cont .c-btn { color: #fff; border-color: currentColor; background-color: transparent } .mk-hero .mk-hero-cont .c-btn:hover { color: #2277da; border-color: #fff; background-color: #fff } .mk-recommend .c-grid > .c-g-8 + .c-g-8 { border-left: 1px solid #ddd } .mk-recommend .c-media-horiz .c-media-info { margin-top: 16px } .mk-recommend .mk-info-list { overflow: hidden; margin-left: -13px } .mk-recommend .mk-info-list > li { padding: 0 15px; margin-left: -1px; line-height: 1; margin-top: 5px; margin-bottom: 5px } .mk-recommend .mk-info-list > li + li { border-left: 1px solid #ddd } .mk-recommend .mk-info-list a:hover { color: #2277da; text-decoration: underline } .c-grid { margin-left: -10px; margin-right: -10px } .mk-service-provider { font-size: 0 } .mk-service-provider .mk-service-provider-items { overflow: hidden } .mk-service-provider .mk-service-provider-item { margin-left: -80px; margin-right: -60px } .mk-service-provider .mk-grid-inner { margin-top: 60px; margin-bottom: 60px; padding-left: 80px; padding-right: 60px } .mk-service-provider .c-grid .c-g-12 + .c-g-12 .mk-grid-inner { border-left: 1px solid #ddd } .mk-service-provider .mk-service-provider-item + .mk-service-provider-item { border-top: 1px solid #ddd } .mk-service-provider .c-media-horiz { padding: 0 0 30px } .mk-service-provider .c-media-horiz .c-media-heading { padding-left: 115px; line-height: 85px; height: 85px; font-size: 24px; overflow: hidden } .mk-service-provider .c-media-horiz .c-media-img { top: initial; left: 0 } .mk-service-provider .c-media-body .c-btn { width: auto } .mk-service-provider .c-media-body .c-media-info { height: 5.25em; line-height: 1.75em; overflow: hidden } .mk-service-provider .c-media .c-media-heading { line-height: 1.75em; height: 3.5em; overflow: hidden; margin-bottom: 10px; font-size: 14px } .mk-service-provider .c-media.c-media-bor .c-media-img { height: 46px; font-size: 0 } .mk-service-provider .c-media.c-media-bor .c-media-img img { max-height: 100% } .mk-service-provider .c-media .mk-price { text-align: center; color: #ff7200; font-size: 14px } .mk-service-provider .c-btn { color: #333; border-color: currentColor } .mk-service-provider .c-btn:hover { color: #fff; border-color: #116ddd } .mk-platform { background-color: #f5f6f7 } .mk-platform .c-section-inner { overflow: hidden } .mk-platform .mk-platform-list { margin-left: -20px } .mk-platform .mk-platform-list > li { margin-left: 0; padding-left: 10px; padding-right: 10px; border-left: 1px solid #ddd } .mk-platform .mk-platform-list a { padding-left: 10px; padding-right: 10px; font-size: 18px } .mk-platform .mk-platform-list a:hover { color: #2277da } .mk-platform .mk-platform-list li.mk-cur a { cursor: default; color: #2277da } .mk-platform .mk-tabs-head { font-size: 16px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd } .mk-platform .mk-tab-panel { padding-top: 10px; overflow: hidden } .mk-platform .mk-cart-items .mk-cart-item { position: relative; text-align: center; margin-top: 20px; height: 130px; font-size: 0; background-color: #fff } .mk-platform .mk-cart-items .mk-cart-item:before { content: ''; height: 100%; width: 0; vertical-align: middle; display: inline-block } .mk-platform .mk-cart-items .mk-cart-defalut { display: inline-block; vertical-align: middle } .mk-platform .mk-cart-items .mk-cart-item img { max-width: 100%; max-height: 100% } .mk-platform .mk-cart-items .mk-cart-item .mk-cart-hover { display: none; font-size: 16px; color: #333; vertical-align: middle } .mk-platform .mk-cart-items .mk-cart-item:hover .mk-cart-defalut { display: none } .mk-platform .mk-cart-items .mk-cart-item:hover .mk-cart-hover { display: inline-block } .mk-platform .mk-cart-items .mk-cart-hover > em { line-height: 1; display: block; height: 1em; overflow: hidden; margin-bottom: 20px } .doc-inner-wrap { padding-bottom: 10px } .bg-wrap { background-color: #f5f6f7 } .doc-inner.doc-index-inner { padding-top: 20px } .doc-inner.doc-index-inner .c-grid { margin-right: -10px; margin-left: -10px } .tab-panel { display: none } .tab-panel-cur { display: block } .guild-tips { margin-bottom: 30px } .guild-tips h2 { font-size: 28px; font-weight: 400 } .doc-title { overflow: hidden; margin-bottom: 30px; padding-bottom: 10px } .doc-title.b-line { border-bottom: 1px solid #d9d9d9 } .doc-title h3 { font-size: 24px; font-weight: 400; line-height: 1.1; float: left } .doc-title .extra { line-height: 26px; float: right } .doc-title .extra a { font-size: 16px; color: #666 } .doc-title .extra i { margin-left: 5px } .doc-title p { font-size: 16px; color: #666 } .doc-title p a { color: #2277da } .doc-title p a:hover { text-decoration: underline } .doc-sys-item { position: relative; display: block; box-sizing: border-box; margin-bottom: 30px; padding: 10% 10% 6%; cursor: pointer; vertical-align: middle; color: #999; border: 1px solid #d9d9d9; background-color: #fff } .doc-sys-item .doc-sys-icon { position: relative; display: block; overflow: hidden; width: 80px; height: 80px; margin-bottom: 10% } .doc-sys-item .doc-sys-icon .view { max-width: 80px; max-height: 80px } .doc-sys-item .title { font-size: 16px; line-height: 18px; overflow: hidden; width: 100%; height: 18px; margin-bottom: 3%; color: #333; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis } .doc-sys-item .msg { font-size: 14px; height: 16px; line-height: 16px; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis } .doc-sys-item .cost { margin: 5% 0 } .doc-sys-item .cost .annual { color: #f16c00 } .doc-sys-item .cost .annual em { font-size: 25px; font-weight: 700; margin-right: 5px } .doc-sys-item .cost i { font-family: 'Microsoft JhengHei'; margin: 0 2px } .doc-sys-item .cost .discount { text-decoration: line-through } .doc-sys-item .c-btn { width: 100% } .doc-sys-item .tag { display: block; margin-bottom: 15px; height: 18px; line-height: 18px; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis } .doc-sys-item .tag i { margin-right: 5px } .doc-sys-item .line-mod { font-size: 0; display: block; height: 0; margin-bottom: 15px; border-top: 1px solid #d9d9d9 } .coupon-tag { position: absolute; top: -1px; right: -1px; z-index: 3; width: 64px; height: 65px; background-image: url(../../img/market/sprite/index-201708011445.png); background-position: 0px 0px } .coupon-tag span { position: absolute; left: 8px; top: 12px; width: 100%; font-size: 12px; line-height: 24px; height: 24px; overflow: hidden; color: #fff; text-align: center; transform: rotate(45deg) } .industry { background-color: #F5F6F7; border: 1px solid #d9d9d9 } .industry a img { display: block; max-width: 200px; max-height: 590px } @media screen and (max-width: 1199px) { .hidden-md .doc-inner .links { display: none } } @media screen and (max-width: 1000px) { .doc-header.hidden-md { display: none } } #MAXIM { content: "veg20170807151634" } .hidden { display: none; } .fn-shadow-box { -webkit-transition: all .2s linear; transition: all .2s linear; } .fn-shadow-box:hover { -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .1); box-shadow: 0 3px 20px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .fn-pc-hidden { display: none; } .fn-mobile-hidden { display: block; } /*dialog*/ .dialog_layer_v2 { position: absolute; z-index: 999; /*border: 1px solid #dadde0;*/ font-size: 14px; width: 480px; max-width: 950px; } .modal-in { animation: modal-in 0.15s; -webkit-animation: modal-in 0.15s; } .dialog_layer_v2 .dialog_layer_main { overflow: hidden; width: 100%; height: 100%; background-color: #fff; position: relative; } .dialog_layer_v2 .dialog_layer_title { height: 50px; border-bottom: 1px solid #dadde0; position: relative; } .dialog_layer_v2 .dialog_layer_title h3 { float: left; height: 50px; color: #212a31; overflow: hidden; margin: 0; padding-left: 20px; font-weight: 700; font-size: 16px; line-height: 50px; } .dialog_layer_v2 .dialog_layer_title .close { position: relative; display: inline-block; width: 45px; height: 45px; color: #a2a2a2; float: right; } .dialog_layer_v2 .dialog_layer_title .close i { position: absolute; top: 12px; right: 20px; font: 400 18px Tahoma; } .dialog_layer_v2 .dialog_layer_cont { line-height: 20px; padding: 20px; background: #fff; font-size: 14px; min-height: 60px; } .dialog_layer_v2 .dialog_layer_cont textarea { width: 100%; height: 160px; resize: none; } .dialog_layer_v2 .dialog_layer_cont:after, .dialog_layer_v2 .dialog_layer_cont:before { content: ''; display: table; } .dialog_layer_v2 .dialog_layer_ft { padding: 15px 0; border-top: 1px solid #dadde0; position: relative; text-align: center; background-color: #f0f4f7; } .dialog_layer_v2 .dialog_layer_ft .btn { font-size: 14px; font-weight: 400; margin: 0 7px; padding: 6px 20px; color: #fff; } .btn { color: #fff; font-weight: 700; font-size: 14px; border-radius: 2px; display: inline-block; line-height: 20px; text-align: center; vertical-align: middle; padding: 5px 20px; background-repeat: no-repeat; text-decoration: none; outline: 0; min-width: 24px; } .btn_blue{ border: 1px solid #0064b6; background: #2277da; text-decoration: none; } .btn_white_2 { border: 1px solid #d1d2d3; border-radius: 2px; background: #fcfcfc; color: #2277da; text-decoration: none; } .dialog_layer_v2 .dialog_layer_ft .btn_white_2 { color: #2277da; } .auth-dialog .red-text { color: red; display: none; } .shop-loading-white-icon { display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 5px; background-image: url('//imgcache.qq.com/qcloud/partners/img/market/buy/loading_white.gif'); } /*Banner广告*/ .mk-hero .mk-hero-inner { margin: 0 auto; position: relative; min-width: 360px; text-align: center; overflow: hidden; } .mk-hero .mk-hero-cont > li { position: absolute; width: 100%; top: 0; left: 0; background-position: top center; background-repeat: no-repeat; background-size: 1920px 360px; /*z-index: -1;*/ } .mk-hero .mk-hero-cont > li a { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: -99999px; } .mk-hero .hero-tab { position: absolute; margin: 0 auto; left: 0; bottom: 5%; z-index: 99; width: 100%; text-align: center; } .mk-hero .hero-tab li { margin: 0 3px; display: inline-block; } .mk-hero .hero-tab li a { display: inline-block; width: 13px; height: 3px; padding: 5px 0; } .mk-hero .hero-tab a i { display: inline-block; width: 15px; height: 5px; background-color: #fff; background: rgba(255, 255, 255, .3); } .mk-hero .hero-tab .selected a i { background-color: #fff; opacity: 1 } /*应用场景卡片*/ .fn-scene-card, .fn-ft-card { padding-bottom: 30px; } /*品牌服务商*/ .mk-service-provider .mk-service-provider-item .c-media-img img { max-width: 140px; max-height: 90px; } .mk-service-provider a.fn-brand-product:hover { box-shadow: #717171; } #fn-market-brands .mk-platform .mk-cart-items .mk-cart-item img { max-width: 170px; max-height: 55px; } .mk-service-provider .mk-service-provider-item .c-media-img img { max-width: 114px; } /* 购买界面 */ .red-text.j-remark-tips { color: red; display: none; } /* 首页 */ .mk-header .search-bar { width: 600px; } .fn-demand-wrap { position: relative; display: inline-block; height: 40px; vertical-align: middle; } .fn-demand-wrap div { display: inline-block; vertical-align: inherit; } .fn-submit-demand { position: relative; width: 100px; height: 40px; } .fn-demand-sep { padding-left: 10px; } .fn-submit-demand-link { font-size: 14px; line-height: 40px; position: absolute; top: 0; right: 0; width: 88px; height: 40px; cursor: pointer; text-align: center; color: #fff; border-radius: 2px; background: #2277da; } .fn-submit-demand-link:hover { text-decoration: none; background: #0070cc }