/* Minification failed. Returning unminified contents. (13610,2): run-time error CSS1019: Unexpected token, found '}' */ /*! jQuery UI - v1.11.4 - 2015-08-31 * http://jqueryui.com * Includes: core.css, autocomplete.css, menu.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{line-height:22px;position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:content/images/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{z-index:10000; border:1px solid #aaa;background:#fff /*url("/Content/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x*/;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("/Content/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("/Content/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#eeeeee /*url("/Content/images/ui-bg_glass_75_dadada_1x400.png")*/ 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("/Content/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("/Content/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("/Content/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/Content/images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/Content/images/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("/Content/images/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("/Content/images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("/Content/images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("/Content/images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/Content/images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url("/Content/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("/Content/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /*公共样式*/ .fancybox-lock-test { overflow-y: hidden !important; } * { margin: 0; padding: 0; } li { list-style: none; } html { background: #f4f4f4; } select, input { outline: none; vertical-align: middle; padding: 0; } body input { overflow: visible; padding-top: 0px; padding-bottom: 0px; } input.invalid { border-color: #FB534E; } body { font-size: 12px; font-family: 'Arial', "Helvetica YaHei", 'sans-serif'!important; /*position:relative;*/ } a { text-decoration: none; color: #666 } .cl { clear: both; } img { border: 0; } label { cursor: pointer; } html { _background-image: url(about:blank); /*用浏览器空白页面作为背景*/ _background-attachment: fixed; /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/ } .clearfix:after { content: ''; height: 0; line-height: 0; display: block; visibility: hidden; clear: both } .clearfix { zoom: 1; } /*字体颜色*/ .changeBlue { color: #0292ff !important; } .zt_f { color: #fff !important; } .zt_lan { color: #0995fe !important } .zt_6 { color: #666 !important } .zt_9 { color: #999; } .zt_h { color: #ff8a00 } .zt_0 { color: #000; } .zt_3 { color: #333; } .zt-80 { color: #808080 } .zt-4 { color: #444; } .zt-red { color: red; } .changeBlue { color: #0292ff !important; } /*字体大小*/ .font-12 { font-size: 12px !important } .font-16 { font-size: 16px !important } .font-14 { font-size: 14px !important } .font-18 { font-size: 18px !important } .font-20 { font-size: 20px !important } .font_b { font-weight: bold; } /*边框*/ .border-n { border: none !important; } .border-b-9 { border-bottom: 1px solid #999; } .border_f4 { border-right: 1px solid #f4f4f4; } .border_l-f4 { border-left: 1px solid #f4f4f4; } /*宽度*/ .width-3 { width: 300px; } /*浮动*/ .fr { float: right; } .fl { float: left; } .cb { clear: both; } .gradient { background: -webkit-radial-gradient(circle, #ffffff, #f4f4f4); /* Safari 5.1 - 6.0 */ background: -o-radial-gradient(circle, #ffffff, #f4f4f4); /* Opera 11.6 - 12.0 */ background: -moz-radial-gradient(circle, #ffffff, #f4f4f4); /* Firefox 3.6 - 15 */ background: radial-gradient(circle, #ffffff, #f4f4f4); /* 标准的语法 */ } .clear { zoom: 1; } .clear:after { content: ''; display: block; clear: both; } .textover { position: relative; overflow: hidden; } .textover::after { content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px; } /*背景色*/ .bg-f { background-color: #fff; } .bg-d5 { background-color: #d5d5d5 } .bg-l { background-color: #0091ff } .bg-l2 { background-color: #26a1ff } .bg-h { background-color: #febf00 } .bg_f4 { background-color: #f4f4f4; } .bg-lv { background-color: #2ccb92; } /*padding*/ .p-t30 { padding-top: 30px; } .p-t10 { padding-top: 10px; } .p-t20 { padding-top: 20px; } .p-t25 { padding-top: 25px; } .p-t50 { padding-top: 50px; } /*margin*/ .m-t-4 { margin-top: -4px !important; } .m-t70 { margin-top: 70px !important; } .m-t60 { margin-top: 60px !important; } .m-t50 { margin-top: 50px !important; } .m-t40 { margin-top: 40px !important; } .m-t30 { margin-top: 30px !important; } .m-t25 { margin-top: 25px !important; } .m-t20 { margin-top: 20px !important; } /*位置*/ .ta-c { text-align: center; } .margin_auto { margin: auto } .margin_0auto { margin: 0 auto } .text-align_l { text-align: left; } .text-align_r { text-align: right; } .weizhi_a { position: absolute; } /*宽度*/ .kd { width: 1300px; } /*鼠标手*/ .cursor { cursor: pointer; } /*禁止文字被选择*/ .jz-xz { -moz-user-select: none; -khtml-user-select: none; user-select: none; } /*三角形*/ .triangle-t { width: 0; height: 0; border-bottom: 6px solid #febf00; border-left: 6px solid transparent; border-right: 6px solid transparent; } .triangle-b { width: 0; height: 0; border-top: 6px solid #febf00; border-left: 6px solid transparent; border-right: 6px solid transparent; } .triangle-l {} .triangle-r {} /*显示隐藏*/ .d-b { display: block } .d-n { display: none; } /*隐藏h1文字*/ .hideHtxt { overflow: hidden; height: 0; } .hideHtxt span { line-height: 1000px; } /*阴影*/ .yinying { box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2) } .mianbaoxie { color: #666 !important; } .breadCrumb { color: #666 !important; line-height: 36px; background: #f4f4f4; clear: both; } .breadCrumb li { float: left; padding: 0 2px; } /*下拉选择模拟*/ .selectBox { color: #333; position: relative; } .selectBox p { line-height: 32px; padding-left: 16px; background: #fff; border: 1px solid #d3d3d3; cursor: pointer; border-radius: 2px; } .selectBox .sanjiao { background: url(/Images/sprite.png) no-repeat 0 -299px; position: absolute; color: #333; width: 8px; height: 6px; cursor: pointer; } .selectBox .options { border: 1px solid #d3d3d3; width: 100%; position: absolute; left: 0; background: #f4f4f4; display: none; top: 32px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 999; } .selectBox .options li { line-height: 32px; height: 32px; cursor: pointer; padding-left: 15px; } .selectBox .options li:hover { background: #ccc; } .buyBtn { border-radius: 2px; text-align: center; color: #fff; font-size: 14px; cursor: pointer; background: #0b3c8e; height: 32px; line-height: 32px; width: 140px; } .inquireBtn { border-radius: 2px; text-align: center; color: #fff; font-size: 14px; cursor: pointer; background: #0292ff; height: 32px; line-height: 32px; width: 140px; } .common_btn { border-radius: 2px; text-align: center; color: #fff; font-size: 14px; cursor: pointer; background: #0b3c8e; height: 32px; line-height: 32px; width: 140px; display: block; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1) } .common_btn:hover { /*opacity:0.8;*/ background: #104fad; } /* Effect 4: bottom border enlarge */ .cl-effect-4 { position: relative; } .cl-effect-4::before { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #ff8a00; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .btmRed::after { position: absolute; z-index: 2; top: 100%; left: 0; width: 100%; height: 1px; background: #d84b3f; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .cl-effect-4:hover::before, .cl-effect-4:focus::before { height: 4px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .btmRed:hover::after, .btmRed:focus::after { height: 4px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /*收藏公共按钮*/ .FavoriteBtn { margin-top: 5px; height: 16px; font-size: 12px; color: #969696; line-height: 14px; padding-left: 18px; background: url(https://aliffs.utsource.net/Images/navStarIcn3.png) no-repeat left 0; display: inline-block; cursor: pointer; } .FavoriteBtn:hover { background-position: 0 -42px; } .FavoriteBtn.collected { background: url(https://aliffs.utsource.net/Images/navStarIcn3.png) no-repeat left -84px; } .FavoriteBtn.StoreCollected { background: url(/Images/navStarIcn3.png) no-repeat left -84px; } .wid-icon, .searchV3 .listMain .listBox .listLi .mainCenterB .buyBox .shuliang span { background-image: url(https://aliffs.utsource.net/Images/comsprit2.png); background-repeat: no-repeat; } /*waiting中转页*/ .waithtml #NoticeBoard { display: none; } .waithtml #layBox { display: none; } .waithtml #footerV3 { display: none; } .waithtml #slideNavBox { display: none; } .waithtml.pcHtml #NoticeBoard { display: block; } .waithtml.pcHtml #layBox { display: block; } .waithtml.pcHtml #footerV3 { display: block; } .waithtml.pcHtml #slideNavBox { display: block; } /*新旧货标签*/ .newOldIcn { position: relative; } .newOldIcn:hover p { display: block } .newOldIcn span { cursor: pointer; display: inline-block; font-size: 12px; font-weight: bold; color: #fff; height: 18px; line-height: 18px; border-radius: 9px; padding: 1px 7px 0; } .newOldIcn p { z-index: 2; border-radius: 8px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); width: 240px; display: none; position: absolute; background: #fff; border: 1px solid #dcdcdc; font-size: 12px; line-height: 14px; color: #646464; padding: 5px 10px; display: none; top: -7px; left: 47px; } .newIcnBox span { background: #0066ff } .newIcnBox p { width: 140px; } .oldIcnBox span { background: #06ca2b } #newIcnSp { display: inline-block; font-size: 12px; font-weight: bold; color: #fff; height: 18px; line-height: 18px; border-radius: 9px; padding: 0 7px; background: #0066ff; padding-top: 1px; } #oldIcnBox { display: inline-block; font-size: 12px; font-weight: bold; color: #fff; height: 18px; line-height: 18px; border-radius: 9px; padding: 0 7px; background: #06ca2b; padding-top: 1px; } /*商品标签样式*/ .diamondIcn { line-height: 12px; border-radius: 13px; border: 1px solid #d8e0f0; font-size: 12px; color: #5984da; background: url(/Images/LabelPicture.png) no-repeat 9px -38px; padding: 5px 10px 5px 33px; } .SpinIcn { line-height: 12px; border-radius: 13px; border: 1px solid #d3f0d4; font-size: 12px; color: #00c609; background: url(/Images/LabelPicture.png) no-repeat 9px 6px; padding: 5px 10px 5px 33px; } /*商家等级金银铜牌*/ .publicMedal { width: 17px; height: 22px; vertical-align: middle; display: inline-block; } .goldMedal { background: url(https://aliffs.utsource.net/Images/MedalIcn.png) no-repeat 0 0; } .SilverMedal { background: url(https://aliffs.utsource.net/Images/MedalIcn.png) no-repeat 0 -42px; } .BronzeMedal { background: url(https://aliffs.utsource.net/Images/MedalIcn.png) no-repeat 0 -84px; } /*比价弹窗*/ .ComparePrices { position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; z-index: 10; display: none; } .ComparePrices .ComparePLoad { position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top: -17px; display: none; } .ComparePrices .ComparePricesIn { overflow: hidden; position: absolute; left: 50%; top: 50%; background: #fff; width: 665px; height: 200px; margin-left: -332px; margin-top: -100px; border-radius: 20px; } .ComparePrices .topPtxt { color: #969696; font-size: 12px; line-height: 50px; } .ComparePrices .topPtxt .s1 { padding-left: 31px; margin-right: 65px; } .ComparePrices .topPtxt i { font-style: normal; } .ComparePrices .trademark { padding-left: 176px; height: 36px; vertical-align: middle; } .ComparePrices .trademark img { display: inline-block; vertical-align: middle; } .ComparePrices .trademark .img1 { margin-right: 142px; } .ComparePrices .trademark .img2 { margin-right: 42px; } .ComparePrices .List {} .ComparePrices .List .titTxtP { background: #f0f0f0; line-height: 36px; font-weight: bold; font-size: 12px; color: #969696; padding-left: 32px; } .ComparePrices .List .titTxtP span { float: left; } .ComparePrices .List .titTxtP .s1 { width: 144px; } .ComparePrices .List .titTxtP .s2 { width: 130px; } .ComparePrices .List li { line-height: 36px; color: #646464; font-size: 12px; padding-left: 32px; } .ComparePrices .List li { color: #00936f; } .ComparePrices .List li a { color: #00936f; } .ComparePrices .List li a:hover { text-decoration: underline; } .ComparePrices .List li:nth-child(2n) { background: #f7f9fc; } .ComparePrices .List li span { float: left; margin-right: 10px; } .ComparePrices .List li .s1 { width: 134px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ComparePrices .List li .s1 a:hover { color: #00936f; } .ComparePrices .List li .s2 { width: 120px; } .ComparePrices .List li .s3 { width: 115px; } .ComparePrices .List li .s4 { width: 98px; } .ComparePrices .List li .s5 { width: 85px; } .ComparePrices .closeCp { position: absolute; width: 20px; height: 20px; cursor: pointer; top: 18px; right: 18px; background: url(/Images/OCicn2.png) 0 -482px no-repeat; } /*难找的货*/ .scarce { position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; z-index: 10; display: none; } .scarce .closeCp { position: absolute; width: 20px; height: 20px; cursor: pointer; top: 10px; right: 10px; background: url(/Images/OCicn2.png) 0 -482px no-repeat; } .scarce .scarceIn { width: 659px; height: 567px; position: absolute; left: 50%; top: 50%; margin-top: -313px; margin-left: -360px; background: #fff; border-radius: 20px; padding: 30px; box-shadow: 0 0 31px 12px rgba(0, 0, 0, .1); } .scarce .scarceIn .pTxt { font-size: 12px; line-height: 16px; font-size: 14px; color: #646464; text-align: center; margin-bottom: 20px; } .scarce .scarceIn .mainBox { position: relative; } .scarce .scarceIn .box1 { height: 159px; background: url(/Images/hardUt.jpg) no-repeat center; margin-bottom: 20px; } .scarce .scarceIn .box1 img { width: 114px; position: absolute; left: 9px; top: 52px; } .scarce .scarceIn .box1 .ptName { font-size: 20px; color: #323232; line-height: 20px; width: 290px; position: absolute; top: 53px; left: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .scarce .scarceIn .box1 .storkNum { position: absolute; color: #646464; line-height: 12px; font-size: 12px; left: 528px; top: 88px; } .scarce .scarceIn .box1 .minNum1 { position: absolute; color: #646464; line-height: 12px; font-size: 12px; left: 514px; top: 106px; } .scarce .scarceIn .box1 .minNum2 { position: absolute; color: #646464; line-height: 14px; font-size: 14px; left: 547px; top: 132px; font-weight: bold; } .scarce .scarceIn .storkTxt { width: 283px; color: #fff; font-weight: bold; font-size: 18px; line-height: 38px; position: absolute; left: 147px; top: 114px; text-align: center; } .scarce .scarceIn .box2 { height: 150px; background: url(/Images/hardDgk.jpg) no-repeat center; margin-bottom: 20px; } .scarce .scarceIn .box2 .ptName { font-size: 20px; color: #323232; line-height: 20px; width: 290px; position: absolute; top: 74px; left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .scarce .scarceIn .box2 .storkTxt { width: 307px; left: 120px; top: 103px; } .scarce .scarceIn .box3 { height: 165px; background: url(/Images/hardMz.jpg) no-repeat center; } .scarce .scarceIn .box3 .ptName { font-size: 20px; color: #323232; line-height: 20px; width: 290px; position: absolute; top: 78px; left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .scarce .scarceIn .box3 .storkTxt { width: 307px; left: 104px; top: 118px; } .sslBox a img { width: 70px; } /*新用户弹窗券*/ /*#layBox #NewTickTc{position:fixed;bottom:20px;right:20px;width:420px;height:260px;background:red;z-index:150;background:url(/Images/ad/NewTickBg.jpg) no-repeat center;box-shadow:0 0 8px 6px rgba(0,0,0,0.07);} #layBox #NewTickTc a{display:block;padding-top:50px;padding-left:25px;height:210px;padding-right:110px;} #layBox #NewTickTc p{color:#323232;font-size:21px;line-height:26px;} #layBox #NewTickTc p:first-child{display:inline;} #layBox #NewTickTc p:last-child{margin-top:15px;color:#969696;} #layBox #NewTickTc p.p2{color:#00936f;display:inline;} #layBox #NewTickTc .NewTickBtn{display:inline-block;margin-top:25px;color:#fff;line-height:36px;font-size:18px;border-radius:4px;background:#00936f;padding:0 33px;} #layBox #NewTickTc #NewTickClose{position:absolute;width:18px;height:18px;cursor:pointer;top:10px;right:10px;background:url(/Images/OCicn2.png) 0 -482px no-repeat;}*/ /*顶部小广告*/ #NoticeBoard #P_web002 { position: absolute; right: 0; top: 0; width: 280px; height: 60px; } #NoticeBoard #P_web002 .ad { width: 100%; height: 100%; } /*fenye*/ .page-icon { margin: 16px 0; font-size: 0; /*修复行内元素之间空隙间隔*/ /*text-align:end;*/ /* height:30px;*/ float: right; margin-right: 10px; } .page-icon span:hover { background-color: #ccc; } .page-icon a:hover { background-color: #ccc; } .page-icon a, .page-disabled, page-next { border: 1px solid #ddd; border-radius: 3px; padding: 4px 10px 5px; font-size: 14PX; /*修复行内元素之间空隙间隔*/ margin-right: 5px; background-color: #fff; float: left; margin-bottom: 4px; } .page-icon a { text-decoration: none; color: #333; background-color: #fff; } .page-current { padding: 4px 10px 5px; font-size: 14PX; /*修复行内元素之间空隙间隔*/ background-color: #ccc !important; margin-right: 10px; float: left; margin-bottom: 4px; } /*计算运费*/ .yunfeijisuan { width: 100%; position: fixed; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); z-index: 9999; overflow: auto; height: 100%; } .yunfeijisuan .wrap { width: 980px; /*height: 560px;*/ padding-bottom: 25px; background: #f5f5f5; position: absolute; border-radius: 4px; left: 50%; top: 50%; margin-left: -450px; margin-top: -280px; z-index: 100000; } .yunfeijisuan .xuanze { padding-bottom: 20px; } .yunfeijisuan .xuanze .biaoti { font-size: 16px; font-weight: bold; padding-left: 28px; line-height: 50px; margin-bottom: 30px; background: #203759; color: #fff; } .yunfeijisuan .xuanze .tianxie { height: 32px; font-size: 14px; } .yunfeijisuan .xuanze .tianxie .p1 { float: left; margin-left: 28px; margin-right: 60px; } .yunfeijisuan .xuanze .tianxie .p1 input { border: 1px solid #ccc; border-radius: 3px; padding-left: 4px; line-height: 30px; font-size: 14px; color: #333; margin: 0 3px; width: 78px; height: 30px; } .yunfeijisuan .xuanze .tianxie .p2 { float: left; margin-left: 30px; line-height: 24px; } .yunfeijisuan .xuanze .tianxie .p2 select { width: 148px; height: 30px; border: 1px solid #ccc; margin: 0 3px; line-height: 32px; color: #333; border-radius: 3px; font-size: 14px; } .yunfeijisuan .xuanze .tianxie .p3 { float: left; padding: 0 10px; height: 24px; line-height: 24px; background: #fff; border: 1px solid #b4b4b4; text-align: center; font-weight: bold; color: #646464; cursor: pointer; border-radius: 3px; -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08); } .yunfeijisuan .xuanze .tianxie .p3:hover { color: #323232; border-color: #969696; } .yunfeijisuan .wuliu .biaoti { margin: 0 30px; line-height: 30px; font-size: 16px; color: #646464; font-weight: bold; } .yunfeijisuan .wuliu .biaoti2 { padding-left: 19px; height: 39px; line-height: 39px; background: #f0f0f0; border-bottom: 1px solid #dcdcdc; } .yunfeijisuan .wuliu .biaoti2 span { float: left; color: #999; } .yunfeijisuan .wuliu .biaoti2 .s1 { width: 153px; padding-left: 10px; } .yunfeijisuan .wuliu .jieguo { padding-left: 19px; overflow: hidden; } .yunfeijisuan .wuliu .jieguo .feiyong { float: left; width: 154px; padding-left: 10px; color: #44af8f; padding-top: 30px; font-size: 14px; font-weight: bold; } .yunfeijisuan .wuliu .jieguo .feiyong em { font-style: normal; color: #333333; font-weight: normal; } .yunfeijisuan .wuliu .jieguo .guojia { float: left; width: 156px; color: #666; line-height: 48px; font-size: 12px; } .yunfeijisuan .wuliu .jieguo .jieshi { float: left; line-height: 14px; padding-top: 20px; font-size: 12px; width: 320px; } .yunfeijisuan .wuliu .jieguo .jieshi .s1 { display: block; color: #333; font-weight: bold; } .yunfeijisuan .wuliu .jieguo .jieshi .s2 { display: block; color: #646464; margin-bottom: 10px; } .yunfeijisuan .wuliu .jieguo .jieshi .s3 { display: block; color: #00936f; } .yunfeijisuan .wuliu .jieguo .kuaiditu { float: left; width: 265px; height: 55px; background: url(/Images/expressbg1.png) no-repeat; margin-top: 16px; } .yunfeijisuan .wuliu .jieguo .postbg { float: left; width: 265px; height: 50px; background: url(/Images/expressbg2.png) no-repeat; margin-top: 22px; } .yunfeijisuan .wuliu .jieguo .pingyoutu { float: left; width: 87px; height: 50px; background: url(/Images/expressbg3.png) no-repeat; margin-top: 15px; } .yunfeijisuan .newFreight .wuliu { border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; } .yunfeijisuan .guanbi { /*width: 16px;height: 16px;*/ cursor: pointer; /*background:url(/Images/sprite2.png) no-repeat 0 0;*/ position: absolute; top: 7px; right: 15px; font-size: 29px; color: #fff; } .new-desc { line-height: 16px; padding: 0 0 0 20px; color: #646464; } /*20190929*/ div.newFreight { width: 918px; margin: 0 auto; border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; background: #fff; } div.newFreight .wuliu .w1 { width: 138px; } div.newFreight .jieguo .w1 { padding-top: 30px; color: #646464; font-size: 14px; } div.yunfeijisuan p.note { color: #969696; line-height: 32px; margin-left: 30px; } div.detailFreight /*公共运费险弹窗*/ #shadeBox { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); display: none; top: 0; left: 0; z-index: 11; } #shadeBox p { font-size: 12px; color: #646464; margin-bottom: 10px; } #shadeBox .shademain { border-radius: 20px; position: absolute; width: 730px; /*height: 340px;*/ top: 50%; left: 50%; background: #fff; transform: translateY(-50%); margin-left: -395px; padding: 30px; } #shadeBox .titleTxt { font-size: 22px; color: #333; line-height: 50px; font-weight: bold; margin-bottom: 20px; text-align: center; } #shadeBox .box { overflow: hidden; margin-bottom: 20px; } #shadeBox .box .txtBold { float: left; width: 15%; font-weight: bold; font-size: 14px; } #shadeBox .box .boxTxt { float: left; font-size: 14px; overflow: hidden; width: 80%; } #shadeBox .titp2 { font-size: 14px; color: #646464; font-weight: bold; margin-top: 5px; } #shadeBox ul { color: #323232; line-height: 24px; } #shadeBox ul span { color: #00936f; } #shadeBox { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); display: none; top: 0; left: 0; z-index: 11; } #shadeBox .shademain .shadeClose { position: absolute; width: 20px; height: 20px; background: url(/Images/OCicn2.png) 0px -482px no-repeat; top: 15px; right: 15px; cursor: pointer } /*放假通知*/ /*#NoticeBoard .holiday{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:url(/Images/ChineseNewYear/holidaynotice2025.jpg) no-repeat center #c42b2d;}*/ #NoticeBoard .holiday { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: url(/Images/ChineseNewYear/holidaynotice2025.jpg) no-repeat center #c42b2d; } #NoticeBoard .holidayIn { width: 1145px; margin: 0 auto; height: 100%; position: relative; padding-left: 227px } #NoticeBoard .holidayIn .p1 { display: table; color: #fff; font-size: 22px; line-height: 14px; max-width: 320px; margin-right: 30px; height: 100%; float: left; font-weight: bold; } #NoticeBoard .holidayIn .p1 span { display: table-cell; vertical-align: middle; } #NoticeBoard .holidayIn .p2 { font-size: 14px; line-height: 16px; display: table; color: #fff; max-width: 820px; float: left; height: 100%; } #NoticeBoard .holidayIn .p2 span { display: table-cell; vertical-align: middle; } /*#NoticeBoard .holidayIn span{position:absolute;width:18px;height:18px;cursor:pointer;background:url(/Images/OCicn2.png) no-repeat 0 -482px;right:10px;top:10px;} */ /*最新顶部广告*/ #NoticeBoard .newTopAd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #465fcc; z-index: 2; } #NoticeBoard .newTopAdIn { width: 760px; margin: 0 auto; height: 100%; position: relative; display: table; } #NoticeBoard .newTopAdIn p { text-align: left; color: #fff; font-size: 16px; line-height: 16px; width: calc(85%-57px); display: table-cell; vertical-align: middle; padding-left: 57px; background: url(/Images/ad/topAdIcn.png) no-repeat left center; } /*墨西哥广告*/ #NoticeBoard .pushAdmx { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ebf5fd; text-align: center; background: url(/Images/ad/mxtopAd.jpg) no-repeat center; } #NoticeBoard .pushAdmx .s1 { color: #f5c903; font-size: 36px; line-height: 60px; font-weight: bold; } #NoticeBoard .pushAdmx .s2 { color: #fff; line-height: 60px; font-size: 36px; margin-left: 10px; } #NoticeBoard .euAd { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #dfebf5; } #NoticeBoard .euIn { background: url(/Images/ad/euadIcn.png) no-repeat 62px center; padding-left: 130px; width: 1300px; margin: 0 auto; padding-top: 5px; } #NoticeBoard .euIn p { color: #dfebf5; font-size: 14px; line-height: 60px; line-height: 18px; color: #265289; } /*顶部广告*/ /*#banPlus{background:url(/Images/ad/halfPlusZS.jpg) no-repeat center;height:60px;position:relative;} #banPlus a{display:block;height:100%;} #banPlus span{border:1px solid #999; position:absolute;right:0;top:0;width:14px;height:14px;cursor:pointer;background:url(/Images/ad/adClose.png) no-repeat center;background-size:cover;opacity:0.8;}*/ /*第一行短消息*/ .shortcut { width: 100%; height: 30px; border-bottom: 1px solid #eee; background: #f7f7f7; padding-top: 6px; } .shortcut .zhuce { margin-left: 6px; line-height: 20px; display: none; } .shortcut .zhuce a { color: #0091ff; float: none; padding: 0 3px; } .shortcut .wrap { width: 1300px; height: 20px; margin: 0px auto 4px; } .shortcut .you a { float: left; padding: 0 25px; font-size: 12px; line-height: 20px; color: #999; border-right: 1px solid #e4e4e4; } .shortcut a:hover { color: #ff8a00; } .shortcut .goapp { background: url(/Images/sprite.png) no-repeat -40px -22px; } .shortcut .language { float: left; padding: 0 25px; background: #f7f7f7; padding-right: 5px; } .shortcut select { height: 22px; border-color: #ddd; background: #f7f7f7; font-size: 12px; color: #999; line-height: 20px; cursor: pointer; } /*第二行logo和搜索，登录，购物车*/ #header { width: 100%; background: #fff; border-bottom: 1px solid #eee; min-width: 1300px; } #header .top { border-bottom: 1px solid #eee; height: 80px; width: 100%; } #header .top-wrap { width: 1300px; margin: 0 auto; } #logo { height: 60px; padding-top: 10px; padding-bottom: 10px; margin-right: 70px; width: 193px; } #logo img { height: 100%; } #header .sousuo { margin-top: 25px; width: 1030px; } #header .header_search { padding-left: 3px; height: 34px; } /*#header .header_search .saixuanBtn{position:relative;width:80px;height:34px;background:#ccc;float:left;text-align:center;border-top-left-radius:4px;border-bottom-left-radius:4px;cursor:pointer;} #header .header_search .saixuanBtn p{width:100%;height:100%;line-height:34px;} #header .header_search .saixuanBtn ul{position:absolute;left:0;top:32px;width:81px;background:#ccc;padding-top:10px;z-index:100;display:none;} #header .header_search .saixuanBtn ul li{line-height:34px;width:100%;} #header .header_search .saixuanBtn ul li:hover{background:#666;} #header .header_search .saixuanBtn .sanjiao{width:8px;height:6px;position:absolute;right:5px;top:15px;background: url(/Images/sprite.png) no-repeat 0 -299px;}*/ #txtSchkey { float: left; width: 535px; height: 32px; border: 1px solid #d1d1d1; border-right: none; padding-left: 6px; font-size: 14px; color: #666; line-height: 32px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } #header .gobutton { float: left; cursor: pointer; height: 34px; display: inline-block; width: 64px; } .personal { float: left; } #touxiang { position: relative; float: left; margin-right: 10px; } #touxiang img { width: 30px; height: 30px; cursor: pointer; border-radius: 15px; } #liCusName { margin-right: 10px; float: left; min-width: 35px; max-width: 115px; height: 30px; font-size: 14px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #liCusName a:hover { color: #ff8a00; } /*.topvip{background: url(/Images/vip/diamond.gif) no-repeat 0 10px;padding-left:20px;}*/ .topPlus { background: url(/Images/vip/plusIcn.png) no-repeat right 6px; padding-right: 45px; } .topHisPlus { background: url(/Images/vip/HisplusIco.png) no-repeat right 6px; padding-right: 45px; } /*.topPlus>a{color:#ff8a00;}*/ /*.topvip>a{color:#ff8a00;}*/ #licart { float: left; height: 24px; font-size: 14px; padding-left: 15px; position: relative; margin-top: 2px; } #licart .cartleft { float: left; width: 38px; height: 34px; background: url(/Images/sprite2.png) no-repeat -16px -108px; cursor: pointer; } #spanCount { float: left; height: 20px; display: block; padding: 0 8px; line-height: 20px; border-radius: 10px; background: #ff8a00; color: #fff; cursor: pointer; margin-top: 2px; } .newPer { float: left; border: 1px solid #fff; background: #fff; padding: 3px 20px 3px 10px; position: relative; z-index: 10; } .newPer.active { border: 1px solid #ddd; background: #f7f7f7; } .newPer .icon { height: 30px; } #liCusName { padding-right: 10px; } #licart { margin-top: 6px; } .newPer .sanjiao { background: url(/Images/down.jpg) no-repeat 0 0; width: 11px; height: 6px; position: absolute; top: 16px; right: 10px; background-size: cover; transition: 0.3s; } .xiala { display: none; position: absolute; top: 36px; left: -1px; background: #fff; width: 100px; font-size: 14px; border: 1px solid #ddd; } .xiala a { display: block; line-height: 36px; color: #666; padding-left: 10px; } .xiala a:hover { color: #ff8a00; background: #f7f7f7; } /*第三行nav*/ #header .header_nav { height: 38px; width: 1300px; background: #fff; margin: 0 auto; } #header .first_fenlei { float: left; width: 256px; margin-right: 10px; height: 100%; } #header .first_fenlei .fenlei { height: 38px; position: relative; } #header .fenlei .title { color: #333; width: 218px; height: 38px; text-align: left; padding-left: 38px; display: block; line-height: 38px; font-size: 14px; color: #666; } #header .header_nav .nav .li_baba { float: left; height: 38px; padding-right: 17px; } #header .header_nav .nav .li_baba:last-child .cl-effect-4::before { opacity: 0; } #header .header_nav .nav .li_baba:last-child .cl-effect-4::after { opacity: 0; } #header .header_nav .nav .li_baba:last-child .cl-effect-4 { padding-right: 17px; background: url(/Images/home/PLUSshadow.png) no-repeat 78px 9px; } #header .header_nav .nav .plusHover { position: relative; } /*#header .header_nav .nav .plusHover i{position:absolute;right:5px;width:10px;height:5.5px;background:url(/Images/down.jpg) no-repeat 0 0;background-size:cover;top:18px;}*/ #header .header_nav .nav .plusHover .navPlusBox { /*box-shadow:0px 0px 5px 5px #ddd;*/ position: absolute; left: -106px; top: 33px; z-index: 20; cursor: pointer; display: none; } #header .nav .title { display: inline-block; height: 38px; font-size: 14px; line-height: 38px; color: #666; padding: 0 8px; } #header .nav .cur .title { color: #ff8a00; height: 34px; } #header .nav .redcur .title { color: #d84b3f; height: 34px; } #header .header_nav .Recognized { float: right; height: 100%; line-height: 38px; font-size: 14px; margin-right: 30px; padding-left: 22px; background: url(/Images/chatNow.png) no-repeat 0 10px; } #header .header_nav .Recognized a { display: block; height: 100%; /*color:#666;*/ color: #ff8a00; } #header .header_nav .Recognized a:hover {} /*左边触碰下拉*/ #header .fenlei .list { padding: 40px 2px 20px 38px; width: 960px; height: 500px; background: #fff; z-index: 4; position: relative; overflow: hidden; display: none; } #header .fenlei .sanjiao { width: 10px; height: 5.5px; position: absolute; background: url(/Images/down.jpg) no-repeat 0 0; background-size: cover; top: 17px; right: 20px; } #header .baoguo { float: left; margin-right: 10px; } #header .dl { width: 230px; line-height: 24px; padding-bottom: 10px; } #header .dl a { line-height: 24px; font-size: 14px; color: #333; } #header .dt a { font-weight: bold; } #header .dt span { margin-left: 8px; width: 6px; height: 10px; margin-top: 7px; display: inline-block; background: url(/Images/right.png) no-repeat 0 0; } #header .dt:hover a { color: #ff8a00; } #header .dt:hover span { background-position: -6px 0; } #header .dd { padding-left: 8px; } #header .dd a:hover { color: #ff8a00; text-decoration: underline; } /*配件图标*/ /*#header .dl .newPeijian{position:relative;padding-right:22px;} #header .dl .newPeijian i{position:absolute;width:22px;height:10px;background:url(/Images/new.png) no-repeat center;right:0;top:0;}*/ #header .fenlei .list .left ul li { height: 40px; cursor: pointer; line-height: 40px; margin-bottom: 7px; width: 98%; margin-left: 1%; } #header .fenlei .list .left ul li a { display: inline-block; width: 100%; height: 40px; font-size: 14px; padding-left: 46px; text-align: left } #header .nav .fenlei .list .left ul li.cur a { color: #ff8a00; } #header .nav .fenlei .list .left ul li.cur { background: #f0f0f0; } #header .nav .fenlei .list .right { float: left; width: 500px; border-left: 1px solid #f0f0f0; height: 204px; display: none; } #header .nav .fenlei .list .right .cell { display: none; overflow: hidden; } #header .nav .fenlei .list .right a { float: left; padding: 0 25px; line-height: 48px; color: #333; font-size: 14px; } #header .nav .fenlei .list .right a:hover { color: #ff8a00; text-decoration: underline; } #header .fenlei .baikuai { width: 256px; height: 10px; background: #fff; position: absolute; top: 30px; left: 0; display: none; z-index: 1000; } #header .fenlei .yinying { box-shadow: 0 0 3px #8a8a8a; } .header_bk { color: #ff8a00 !important; border-bottom: 4px solid #ff8a00 !important; height: 34px !important; } .header_redBg { color: #d84b3f !important; border-bottom: 4px solid #d84b3f !important; height: 34px !important; } /*右边购物车*/ #header .personal .cart .info { width: 300px; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; right: -8px; top: 38px; z-index: 100; display: none; border: 1px solid #ddd; box-shadow: 0 1px 0px #eee; } #dengchukuang { position: absolute; width: 168px; height: 109px; padding: 20px 9px 9px; margin-top: -4px; z-index: 2; left: -78px; background: url(/Images/tuichu.png) no-repeat; top: 36px; } #touxiang div p { color: #666; font-size: 14px; text-align: center; line-height: 54px; } #touxiang div p a:hover, #header .info .zhong p a:hover { color: #ff8a00 } #header .info .shang { overflow: hidden; } #header .info .shang li { float: left; width: 150px; height: 36px; color: #fff; text-align: center; line-height: 36px; cursor: pointer; } #header .info .shang li.tab1 { background: #ff8a00 url(/Images/sprite.png) no-repeat 0 -191px; } #header .info .shang li.tab2 { background: #40b5ff url(/Images/sprite.png) no-repeat -999px -191px; } #header .info .zhong { padding: 0 24px; min-height: 30px; } #header .info .buybox { display: block; } #header .info .inquirybox { display: none; } #header .info .zhong p { height: 36px; line-height: 36px; } #header .info .zhong p span { height: 32px; line-height: 32px; float: left; } #header .info .zhong .biaoti .s1 { width: 126px; display: inline-block; color: #999; } #header .info .zhong .biaoti .s2 { height: 36px; display: inline-block; color: #999; } #header .info .zhong .chanpin span { display: inline-block; color: #666; } #header .info .zhong .chanpin .s1 { width: 126px; overflow: hidden; text-overflow: ellipsis; } #header .info .zhong .chanpin .s2 { width: 78px; padding-left: 8px; } #header .info .zhong .chanpin .s3 { background: url(/Images/sprite3.png) no-repeat 0 8px; width: 16px; } #header .info .zhong .noproduct { line-height: 14px; height: 28px; color: #666; font-size: 12px; padding-left: 40px; background: url(/Images/sprite3.png) no-repeat 0 -341px; margin: 10px 0; } #header .info .xia { width: 100%; padding: 15px 0; margin-bottom: 10px; } #header .info .xia a { display: block; width: 186px; height: 34px; border-radius: 2px; background: #ff8a00; font-size: 14px; line-height: 34px; color: #fff; text-align: center; margin: 0 auto; } #header .info .dengdai { position: absolute; top: 46px; left: 122px; display: none; } /*公共底部*/ #footerV3 { background: url(/Images/footBg.jpg) no-repeat top center #39414e; color: #fff; padding-top: 50px; margin-top: -1px; min-width: 1300px; } #footerV3 .wrap { width: 1300px; margin: 0 auto; } #footerV3 a { color: #fff; font-size: 14px; } #footerV3 a:hover { color: #fff; } #footerV3 ul { float: left; height: 378px; border-left: 1px solid #545c67; border-right: 1px solid #202936; padding-left: 30px; list-style-type: none !important; } #footerV3 ul.Ful1 { width: 311px; padding-left: 0; border-left: 0; } #footerV3 ul.Ful2 { width: 327px; } #footerV3 ul.Ful3 { width: 257px; } #footerV3 ul.Ful4 { border-right: 0; } #footerV3 ul.Ful4 span { color: #c8c8c8; font-size: 12px; } #footerV3 ul li { line-height: 24px; margin-bottom: 6px; } #footerV3 ul li:last-child { margin-bottom: 0; } #footerV3 ul li .SmallToolLi { position: relative; } #footerV3 ul li .SmallToolLi span { position: absolute; right: -27px; top: -3px; width: 22px; height: 14px; background: url(https://aliffs.utsource.net/Images/home/gifNew.gif) no-repeat center; } #footerV3 ul .l1 { font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 10px; list-style: none !important; } #footerV3 .Ful1 { font-size: 14px; } #footerV3 .Ful2 { font-size: 14px; } #footerV3 .Ful3 li { margin-bottom: 6px; height: 24px; } #footerV3 .Ful3 .l1 { margin-bottom: 10px; } #footerV3 .Ful3 .l3 { background: url(/Images/footIcnList_1.png) no-repeat -5px -346px; margin-top: 17px; padding-left: 25px; margin-bottom: -3px; } #footerV3 .Ful3 .l5 { padding-left: 25px; background: url(/Images/home/whatsappIcn.png) no-repeat 2px 3px; margin-bottom: 0; } #footerV3 .Ful3 span { font-size: 12px; color: #436cc2; } #footerV3 .Ful4 { float: left; padding-left: 18px; position: relative; border-left: 1px solid #545c67; min-height: 315px; } #footerV3 .Ful4 .l1 { padding: 0; background: none; margin-bottom: 21px; font-size: 16px; font-weight: bold; } #footerV3 .Ful4 .pLi { line-height: 24px; margin-bottom: 10px; padding-left: 25px; font-size: 14px; } #footerV3 .Ful4 .pLi span { font-size: 12px; color: #b9c6dc } #footerV3 .Ful4 .pLi { background: url(/Images/home/indexIcn2.png) no-repeat 0px -212px; } #footerV3 .Ful4 .comicon { width: 20px; height: 13px; margin-right: 3px; vertical-align: middle; margin-top: -1px; display: inline-block; } #footerV3 .Ful4 .caflag { background-position: 0 -30px; } #footerV3 .Ful4 .mexflag { background-position: 0 -62px; margin-top: -20px; } #footerV3 .Ful4 .indflag { background-position: 0 -103px; } #footerV3 .Ful4 .itaflag { background-position: 0 -139px; margin-left: 5px; } #footerV3 .Ful4 .spainflag { background-position: 0 -182px; margin-left: 5px; } #footerV3 .Ful4 .Brazilflag { background: url(/Images/home/homecageIcn.png) no-repeat 0 -420px; margin-left: 5px; } #footerV3 .Ful4 .Germany { background: url(/Images/home/Germany.png) no-repeat; margin-left: 5px; } #footerV3 .Ful4 .Argentinaflag { background: url(/Images/home/homecageIcn.png) no-repeat 0 -486px; margin-left: 5px; } #footerV3 .Ful4 .Colombiaflag { background: url(/Images/home/homecageIcn.png) no-repeat 0 -513px; margin-left: 5px; } #footerV3 .Ful4 .Chileflag { background: url(/Images/home/homecageIcn.png) no-repeat 0 -544px; margin-left: 5px; } #footerV3 .Ful4 .Peruflag { background: url(/Images/home/homecageIcn.png) no-repeat 0 -570px; margin-left: 5px; } #footerV3 .Ful4 .lPhone { background: url(/Images/home/indexIcn2.png) no-repeat 1px -260px } #footerV3 .Ful4 .newlPhone { background: url(/Images/home/indexIcn2.png) no-repeat 1px -260px } #footerV3 .Ful4 .Franceflag { background: url(/Images/home/homecageIcn.png) no-repeat 0 -387px; margin-left: 5px; } #footerV3 .Ful4 .deflag { background: url(/Images/home/homecageIcn.png) no-repeat 0 -453px; margin-left: 5px; } #footerV3 .Ful4 .l5 { background: none; font-size: 12px; color: #8dbdff; margin-top: -9px; } #footerV3 .Ful4 .usLi { line-height: 18px; background: url(/Images/home/indexIcn2.png) no-repeat 0 -216px } #footerV3 .Ful4 .l2 { line-height: 18px; background: url(/Images/home/indexIcn2.png) no-repeat 0 -207px } #footerV3 .Ful4 .l2 span { position: absolute; margin-top: -10px; } #footerV3 .Ful4 .lEmail { background: url(/Images/home/indexIcn2.png) no-repeat 0 -307px; margin-top: 15px; margin-bottom: 1px; } #footerV3 .Ful4 .noflowLink { padding-left: 0; } #footerV3 .footPower { background: #2d343d; font-size: 12px; color: #c8c8c8; text-align: center; line-height: 66px; margin-top: 30px; } #footerV3 .footPower .goIso { color: #c8c8c8; font-size: 14px; } #footerV3 .footPower .goIso i { display: inline-block; width: 41px; height: 36px; background: url(https://aliffs.utsource.net/Images/isoIcn.png) no-repeat 0 -56px; margin: 0 20px; vertical-align: middle; } #footerV3 .footPower .yt { display: inline-block; width: 94px; height: 28px; background: url(https://aliffs.utsource.net/Images/ytLogo.png) no-repeat center; vertical-align: middle; margin-right: 15px; margin-top: -12px; } #footerV3 .footB { line-height: 30px; font-size: 14px; padding-bottom: 10px; } #footerV3 .footBd1 { width: 567px; margin-top: 6px; } #footerV3 .footBd1 .footPayBox {} #footerV3 .footBd1 .footPayBox a { font-size: 12px; text-decoration: underline; margin-left: 6px; line-height: 21px; } #footerV3 .footBd2 { width: 378px; margin-top: 6px; } /*#footerV3 .footB .footBm{position:absolute;top:-102px;left:0;}*/ #footerV3 #ssl { display: inline-block; margin-left: 10px; vertical-align: middle; height: 66px; } #footerV3 #ssl a { color: #589eff; font-size: 14px; line-height: 66px; } #footerV3 #ssl a:hover { color: #fff; } #footerV3 .noflowLink { position: absolute; left: 28px; bottom: -65px; width: 250px; } #footerV3 .shareIcnL { height: 30px; padding-left: 0; background: none; margin-top: 28px; margin-left: -8px; } #footerV3 .shareIcnL a { display: inline-block; width: 30px; height: 30px; margin-right: 5px; background: url(https://aliffs.utsource.net/Images/footIcnList_2.png) no-repeat left center #b8d1f0; border-radius: 4px; float: left; } #footerV3 .shareIcnL .a1 { background-position: 0 4px; } #footerV3 .shareIcnL .a2 { background-position: 0 -35px; } #footerV3 .shareIcnL .a3 { background-position: 0 -73px; } #footerV3 .shareIcnL .a4 { background-position: 0 -114px; } #footerV3 .shareIcnL .a5 { background-position: 0 -147px; display: none; } #footerV3 .shareIcnL .a6 { background-position: 0 -184px } #footerV3 .shareIcnL .a7 { background-position: 0 -223px } #footerV3 .shareIcnL .a8 { background-position: 0 -265px } #footerV3 .shareIcnL .a9 { background-position: 0 -384px } #footerV3 .shareIcnL .a10 { background: url(https://aliffs.utsource.net/Images/home/skypeMicn.png) no-repeat center #b8d1f0; } #footerV3 .shareIcnL a:hover { background-color: #fff; } #footerV3 .shareIcnL .a11 { background: url(https://aliffs.utsource.net/Images/home/tikTok1.png) no-repeat center #b8d1f0 } #footerV3 .appCodeBox { float: left; text-align: center; color: #fff; font-size: 12px; line-height: 14px; margin: -32px 0 0 25px; } #icon_module { top: 20% !important } #openCart { width: 58px; position: fixed; right: 0; top: 20%; cursor: pointer; } #openCart img { width: 100%; } #slideNavBox { position: fixed; right: 0; top: 25%; z-index: 100; padding-top: 30px; width: 56px; } #slideNavBox #showslideNav { position: absolute; right: -36px; top: 30px; width: 36px; height: 42px; border-bottom-left-radius: 12px; border-top-left-radius: 12px; cursor: pointer; background: url(/Images/LayoutslideNav3.png) no-repeat 15px -417px #fff; } /*#slideNavBox #showslideNav:hover{background-color:#00a079;}*/ #slideNav { /* overflow: hidden;*/ padding-left: 0; padding-block: 12px; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1); width: 56px; background-image: linear-gradient(to right, #fff, #ebebeb); display: block; border-top-left-radius: 8px; border-bottom-left-radius: 8px; position: absolute; top: 30px; right: 0; } #slideNav li { position: relative; height: 46px; line-height: 46px; position: relative; } #slideNav li>a { display: block; width: 100%; height: 100%; } #slideNav li a { background: url(/Images/LayoutslideNav3.png) no-repeat 24px 14px; } #slideNav .li2 a { background-position: 18px -47px; } #slideNav .li3 a { background-position: 18px -99px; } #slideNav .li4 a { background-position: 18px -147px; } #slideNav .li5 a { background-position: 16px -199px; } #slideNav .li6 a { background-position: 21px -252px; } #slideNav .li7 a { background-position: 18px -304px; } #slideNav .li8 a { background-position: 18px -356px; } #slideNav .li9 a { background-position: 18px -473px; } #slideNav .li10 a { background: url(/Images/home/skype.png) no-repeat 17px 12px } #slideNav .li10-ru a { background: url(/Images/home/Telegram.png) no-repeat 17px 12px !important } #slideNav .li10-ru a:hover { background: url(/Images/home/Telegram.png) no-repeat 17px -40px !important } #slideNav li:hover { background: #fff } #slideNav .li1:hover { border-top-left-radius: 12px; } #slideNav .li1:hover a { background-position: -36px 14px; border-top-left-radius: 12px; } #slideNav .li2:hover a { background-position: -42px -47px; } #slideNav .li3:hover a { background-position: -42px -99px; } #slideNav .li4:hover a { background-position: -42px -147px; } #slideNav .li5:hover a { background-position: -44px -199px; } #slideNav .li6:hover a { background-position: -40px -252px; } #slideNav .li7:hover a { background-position: -42px -304px; } #slideNav .li8:hover { border-bottom-left-radius: 12px; } #slideNav .li8:hover a { background-position: -42px -356px; } #slideNav .li9:hover a { background-position: -44px -473px; border-bottom-left-radius: 12px; } #slideNav .li10:hover a { background-position: 17px -50px; } #slideNav li .Floating { position: absolute; width: 237px; height: 56px; top: -4px; left: 100px; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; opacity: 0; filter: alpha(opacity=0); } #slideNav li .triangle { width: 7px; height: 12px; position: absolute; background: url(/Images/LayoutslideNav3.png) no-repeat -68px -429px; top: 21px; right: 1px; } #slideNav li .floatMain { width: 229px; border-radius: 12px; background: #fff; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1) } #slideNav li .floatMain .p1 { font-size: 16px; color: #646464; font-weight: bold; line-height: 54px; text-align: center; height: 54px; } #slideNav li .floatMain .tableBox { display: table; width: 100%; } #slideNav li .floatMain .tableCell { display: table-cell; vertical-align: middle; min-height: 54px; } #slideNav li .floatMain .tableCell .p1 { padding-top: 10px; line-height: 24px; padding: 10px 0; height: auto; } #slideNav li .floatMain .tableCell .p2 { font-size: 14px; line-height: 16px; color: #646464; text-align: center; } #slideNav li .floatMain .tableCell .p3 { font-size: 14px; line-height: 16px; color: #646464; text-align: center; } #slideNav .li2 .floatMain .p2 { margin-top: -10px; padding-bottom: 10px; } #slideNav .li10 .floatMain .p3 { margin-top: -10px; padding-bottom: 10px; } #slideNav li:hover .Floating { opacity: 100; left: -237px; filter: alpha(opacity=100); } #slideNav li .phoneTxt { padding-top: 20px; padding-left: 30px; width: 199px; height: auto; padding-bottom: 20px; } #slideNav li .phoneTxt .p2 { font-size: 16px; color: #00936f; font-weight: bold; line-height: 16px; } #slideNav li .phoneTxt .p3 { font-size: 14px; color: #646464; font-weight: bold; line-height: 18px; margin-top: 10px; margin-bottom: 2px; } #slideNav li .phoneTxt .p4 { font-size: 14px; color: #323232; line-height: 18px; } #slideNav .li9 .Floating { width: 82px; height: 90px; } #slideNav .li9:hover .Floating { left: -88px; } #slideNav .li9:hover { border-bottom-left-radius: 12px; } #slideNav .li9 img { margin-top: 10px; margin-left: 22px; } #slideNav .li9 .triangle { right: -6px; } #slideNav .li9 .floatMain { width: 82px; height: 59px; } #slideNav .li11 a { background: url(/Images/liveIcn.png) no-repeat 19px 16px; } #slideNav .li11:hover a { background-position: 19px -40px; } #slideNav .li11 .Floating { width: 275px; height: 192px; } #slideNav .li11:hover .Floating { left: -280px; top: -70px; } #slideNav .li11:hover { border-bottom-left-radius: 12px; } #slideNav .li11 img { margin: 10px; } #slideNav .li11 .triangle { right: -6px; top: 88px; } #slideNav .li11 .floatMain { width: 275px; height: 192px; } /*#whatsAppNum{ position:fixed;z-index:100;right:0;bottom:20%;width:66px;height:66px;background:url(/Images/homeWhatsApp.png) no-repeat 0 0;} #whatsAppNum:hover{background-position:0 -66px;}*/ /*隐私提示*/ #OzPrivacy { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 1000; display: none; } #OzPrivacy .privacyIn { position: absolute; left: 50%; top: 50%; margin-left: -288px; width: 485px; padding: 60px 45px 50px; height: 180px; background: #fff; margin-top: -145px; border-radius: 10px; box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.08); text-align: center; } #OzPrivacy .privacyIn p { font-size: 14px; color: #323232; line-height: 22px; font-weight: bold; margin-bottom: 20px; } #OzPrivacy .privacyIn .labelBox { font-size: 14px; color: #646464; line-height: 18px; } #OzPrivacy .privacyIn .labelBox #selPrivacy { position: absolute; left: -9999px; } #OzPrivacy .privacyIn .labelBox label span { margin: 0 5px; display: inline-block; width: 16px; height: 16px; background: url(/Images/OCicn2.png) no-repeat 0px -72px; } #OzPrivacy .privacyIn .labelBox a { vertical-align: top; color: #00936f; text-decoration: underline; } #OzPrivacy .privacyIn .btnBox { text-align: center; margin-top: 20px; } #OzPrivacy .privacyIn .btnBox span { display: inline-block; width: 180px; height: 34px; line-height: 34px; color: #fff; text-align: center; font-size: 16px; cursor: pointer; border-radius: 4px; background: #c6cacf; margin-right: 15px; } #OzPrivacy .privacyIn .btnBox span:hover { opacity: 0.8; } #OzPrivacy .privacyIn .btnBox .canSub { background: #0b3c8e; } #OzPrivacy .privacyIn .btnBox .canSub:hover { background: #104fad; } /*404*/ .page404 { width: 100%; margin-top: 65px; } .page404 .wrap { width: 1300px; background: #dddbd6; height: 550px; margin: 0 auto; text-align: center; position: relative; } .page404 .wrap img { width: 776px; height: 550px; } /*系统错误*/ .pageerror { width: 100%; margin-top: 65px; } .pageerror .wrap { width: 590px; height: 260px; margin: 0 auto; text-align: center; background: #dedbd6 url(/Images//system_error.jpg) no-repeat center center; padding: 180px 355px 110px; } .pageerror .wrap h3 { font-size: 40px; color: #0070bc; text-align: center; line-height: 120px; } .pageerror .wrap .xiangxi { font-size: 16px; color: #444; text-align: center; line-height: 24px; margin-bottom: 16px; } .pageerror .wrap .youxiang { font-size: 20px; color: #4e4e4e; text-align: center; line-height: 30px; margin-bottom: 10px; font-weight: bold; } /*login.css*/ .login { width: 1300px; margin: 0 auto; padding-top: 50px; } .login .logo { margin-bottom: 40px; } .login .bg { /*background: url(/Images/login_bg.png) repeat-y;*/ background: #fff; width: 500px; height: 620px; margin: 0 auto; padding-top: 12px; box-shadow: 2px 2px 4px #ccc; } .login .login_area { position: relative; } .login .bg .biaoti { font-size: 50px; color: #444; line-height: 48px; letter-spacing: 6px; } .login .bg .fubiaoti { font-size: 24px; color: #444; line-height: 92px; margin-bottom: 52px; } .login .login_area .dengluPlus { margin-top: 20px; } .login .bg .sr-email { padding: 0 84px 0 126px; background: url(/Images/sprite3.png) no-repeat 90px -240px; } .login .bg .sr-email input { color: #666; background: none; border: none; border-bottom: 1px solid #cfcfcf; width: 286px; height: 24px; font-size: 14px; padding-left: 4px; line-height: 24px; } .login #emailErr { margin-bottom: 25px; } .login .bg .sr-password { padding: 0 84px 0 126px; background: url(/Images/sprite3.png) no-repeat 91px -264px; } .login .bg .sr-password input { color: #666; background: none; border: none; border-bottom: 1px solid #cfcfcf; width: 286px; height: 24px; font-size: 14px; padding-left: 4px; line-height: 24px; } .login #pwdErr { margin-bottom: 16px; } .login .bg .forgot { padding-left: 99px; font-size: 14px; margin-bottom: 38px; overflow: hidden; line-height: 30px; } .login .bg .forgot .s1 { color: #666; float: left; /*padding-left:32px;background:url(/Images/sprite3.png) no-repeat 0 -156px;position:relative;cursor:pointer;height:16px;*/ margin-right: 15px; } .login .bg .forgot .s1 input { /*position:absolute;left:-9999px;*/ } .login .bg .forgot .a1 { color: #0995fe; float: left; border-bottom: 1px solid #0995fe; height: 20px; /*width:130px;*/ padding-bottom: 5px; cursor: pointer; } .loginmain .signin { width: 328px; height: 36px; background: #0b3c8e; line-height: 36px; font-size: 16px; border-radius: 4px; margin: 0 auto; font-weight: bold; color: #fff; text-align: center; } .login .bg .signin:hover { box-shadow: 0px 0px 8px #0b3c8e; background: #104fad; } .login .bg .or { margin-top: 23px; font-size: 18px; color: #666; } .login .bg .or1 { line-height: 24px; margin-bottom: 10px; color: #666; } .loginmain .disanfang { overflow: hidden; padding-left: 18px; } .loginmain .disanfang a { width: 23px; height: 23px; float: left; background: url(/Images/sprite3.png) no-repeat; cursor: pointer; } .loginmain .disanfang a.guge { background-position: 0 -194px; margin-right: 17px; } .loginmain .disanfang a.huisi { background-position: -46px -194px; margin-right: 17px; } .loginmain .disanfang a.in { background-position: -23px -194px; } .login .bg .now { text-align: center; color: #666; width: 298px; height: 34px; border: 1px solid #666; background: none; margin: 0 auto; margin-top: 40px; box-shadow: none; } .login .bg .now a { color: #666; display: block; } .login .dibu { margin-top: 132px; } .login .dibu a { color: #0995fe; font-size: 14px; padding: 0 10px; line-height: 14px; } .loginmain .login_loading { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; display: none; } .loginmain .login_loading img { margin-top: 200px; } .shangbiao { font-size: 12px; color: #666; } .login .yan_z { padding: 7px 0; width: 250px; line-height: 16px; padding-left: 120px; text-align: left; } .banquan { font-size: 12px; color: #999; margin-top: 26px; letter-spacing: 1px; line-height: 14px; } #shenfen { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 999; display: none; text-align: center; } #shenfen .wrap { width: 508px; height: 593px; /*padding-bottom: 40px;*/ background: #fff; /*margin:0 auto;margin-top:138px;*/ position: absolute; left: 50%; top: 50%; margin-left: -254px; margin-top: -296.5px; } #shenfen .title { font-size: 20px; color: #666; padding-top: 50px; width: 396px; margin: auto; } #shenfen .li { width: 264px; height: 36px; margin: 0 auto; border: 1px solid #666; line-height: 36px; margin-top: 20px; cursor: pointer; font-size: 14px; } #shenfen .first { margin-top: 65px; } #shenfen .submit { width: 264px; height: 38px; margin: 0 auto; line-height: 38px; margin-top: 50px; background-color: #A9A7A6; border-radius: 4px; cursor: pointer; font-size: 16px; color: #fff; } #shenfen .xiaci { line-height: 26px; font-size: 14px; color: #0091ff; text-align: center; text-decoration: underline; margin-top: 19px; cursor: pointer; } /*zhuce*/ .body-signup { text-align: center; width: 100%; background: #f4f4f4; margin-bottom: 50px; } .body-signup .wrap { width: 554px; margin: 55px auto 0; background: #fff; border: 1px solid #eeeeee; box-shadow: 1px 1px 3px #eeeeee; } .body-signup .zhuce { text-align: center; margin: 0 auto; } .body-signup .zhuce .biaoti { font-size: 20px; line-height: 120px; color: #666; } .body-signup .zhuce .cell { overflow: hidden; line-height: 24px; text-align: left; background-image: url(/Images/sprite3.png); background-repeat: no-repeat; } .body-signup .zhuce .cell span { float: left; width: 200px; text-align: right; font-size: 14px; color: #999; padding-right: 10px; } .body-signup .zhuce .cell input { float: left; border: none; border-bottom: 1px solid #ccc; width: 235px; background: none; height: 23px; } .body-signup .zhuce .name { background-position: 446px -218px; } .body-signup .zhuce .email { background-position: 446px -242px; } .body-signup .zhuce .unlock { background-position: 448px -266px; } .body-signup #nameErr, .body-signup #emailErr, .body-signup #pwdErr { margin-bottom: 16px; } .register .yan_z { height: 30px; line-height: 30px; text-align: left; padding-left: 164px; } div.create_new .signup-di { text-align: center; color: #646464; margin-top: 15px; padding-bottom: 15px; line-height: 20px; } div.create_new .signup-di .sihn_here { color: #00936f; margin-left: 6px; } div.create_new .submit { background-color: #ccc; width: 328px; height: 36px; line-height: 36px; border-radius: 4px; font-size: 16px; margin: 20px auto 0; text-align: center; } div.create_new .submit a { display: block; } div.create_new .agreeThis { font-size: 12px; line-height: 16px; margin: 10px 0; padding-left: 80px; } div.create_new .agreeThis a { color: #00936f; text-decoration: underline; } div.create_new .agreeTxt { color: #f34444; display: none; padding-left: 80px; line-height: 20px; } .register-main .dragBox { display: none; position: relative; background-color: #e8e8e8; width: 330px; height: 34px; line-height: 34px; text-align: center; margin: 0 auto; } .register-main .dragBox .handler { position: absolute; top: 0px; left: 0px; width: 40px; height: 32px; border: 1px solid #ccc; cursor: move; } .register-main .handler_bg { background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center; } .register-main .handler_ok_bg { background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center; } .register-main .dragBox .drag_bg { background-color: #7ac23c; height: 34px; width: 0px; } .register-main .dragBox .drag_text { text-indent: 30px; position: absolute; top: 0px; width: 300px; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select: none; -ms-user-select: none; } /*singnup1*/ .body-signup .signuo-bg1 { width: 508px; display: none; padding-bottom: 40px; } .body-signup .signuo-bg1 .for-biaoti { font-size: 20px; color: #666; padding-top: 50px; width: 396px; margin: auto; } .register-main .roles .signup-danxuan { width: 326px; height: 32px; margin: 0 auto; border: 1px solid #b4b4b4; line-height: 32px; margin-top: 20px; text-align: center; color: #666666; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .register-main .roles .mt { margin-top: 40px; } .body-signup .signuo-bg1 .jutop { margin-top: 65px; } .register-main .roles .Registration { width: 328px; height: 38px; margin: 40px auto 60px auto; line-height: 38px; background-color: #ccc; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .body-signup .signuo-bg1 .dibutishi { color: #666; padding-top: 30px; width: 398px; margin: auto; } .body-signup .signuo-bg1 .shipping a { border-bottom: 1px solid #0995fe; } .body-signup .signuo-bg1 .shipping { margin-top: 10px; } /*editor address*/ .addrEditor { width: 100%; background: #f4f4f4; margin-bottom: 50px; } .addrEditor .wrap { width: 525px; margin: 55px auto 0; background: #fff; border: 1px solid #eeeeee; box-shadow: 1px 1px 3px #eeeeee; padding-top: 22px; } .addrEditor .biaoti { font-size: 20px; color: #666; line-height: 75px; text-align: center; margin-bottom: 10px; } .addrEditor .xxphone .ctyTxt { display: none; } .addrEditor .xxphone p { display: none; } .addrEditor .cell { margin-bottom: 12px; height: auto; overflow: hidden; padding-left: 40px; } .addrEditor .cell .s1 .redI { color: red; margin-right: 5px; } .addrEditor .cell span { font-size: 14px; width: 150px; color: #646464; display: block; padding-right: 10px; line-height: 24px; font-weight: bold; margin-bottom: 5px; } .addrEditor .cell .right { text-indent: 5px; width: 415px; box-shadow: none; height: 34px; font-size: 14px; line-height: 34px; padding-right: 15px; padding-left: 5px; color: #323232; border: 1px solid #c9c9c9; border-radius: 4px; } .addrEditor .cell .isUS { display: none; } .addrEditor .cell .right:focus { border-color: #8cc7b9; } .addrEditor .cell .gouselect { width: 437px; } /*.addrEditor .xxcountry .gouselect{width:330px;height:24px;font-size:16px;line-height:24px;}*/ .addrEditor .xiangxi { height: auto; position: relative; } .addrEditor .xxsubmit { width: 140px; height: 36px; background: #0b3c8e; border-radius: 4px; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 36px; cursor: pointer; margin-bottom: 50px; } .addrEditor .xxcancel { width: 150px; height: 36px; background: #ccc; border-radius: 4px; float: left; margin-right: 8px; margin-left: 115px; font-size: 16px; color: #fff; text-align: center; line-height: 36px; cursor: pointer; margin-bottom: 50px; } .addrEditor .youbian { position: relative; height: 65px; } .addrEditor .youbian .youbianTxt { position: absolute; top: 30px; left: 210px; color: red; display: none; } .addrEditor .gongsi { margin-bottom: 20px; } .addrEditor .setDefault { font-size: 14px; color: #0995fe; margin: 15px auto 20px; text-align: center; } .addrEditor .setDefault input { width: 16px; height: 16px; } .addrEditor .setDefault span { margin-left: 6px; } .addrEditor input.empty[required='required'] { background: url(/Images/red_asterisk.png) no-repeat 413px 8px; } .addrEditor input.invalid[required='required'] { background: url(/Images/invalid.png) no-repeat 413px 8px; } .addrEditor input.valid[required='required'] { background: url(/Images/valid.png) no-repeat 413px 8px; } /*#address.empty{background: url(/Images/red_asterisk.png) no-repeat 316px 4px;} #address.invalid{background: url(/Images/invalid.png) no-repeat 314px 4px;}*/ /*#address.valid{background: url(/Images/valid.png) no-repeat 314px 4px;}*/ .addrEditor .numI { display: none; } /*.addrEditor .usTel{position:relative;} .addrEditor .usTel .numI{background:#fff; display:block; position:absolute;left:210px;top:0; width:30px;padding-right:5px;text-align:right;font-size:16px;color:#646464;line-height:23px;border:1px solid #adadad;} .addrEditor .usTel input{text-indent:37px;}*/ .addrEditor .numI { display: none; } .addrEditor .usTel { position: relative; padding-bottom: 32px; margin-bottom: 10px; } .addrEditor .usTel .numI { background: #f5f5f5; display: block; float: left; height: 34px; border-radius: 4px; width: 96px; text-align: left; font-size: 16px; color: #646464; line-height: 34px; border: 1px solid #c9c9c9; } .addrEditor .usTel .ctyTxt { display: block; font-style: normal; font-size: 12px; line-height: 14px; color: #969696; position: absolute; left: 40px; top: 70px; } .addrEditor .usTel .right { width: 312px; margin-left: 5px; } .addrEditor .usTel .quhao { width: 100%; height: 33px; border: 0; text-indent: 0; width: 86px; } .addrEditor .usTel p { position: absolute; width: 340px; font-size: 12px; line-height: 14px; left: 145px; top: 71px; display: block; color: #ceb267; } .addrEditor .usTel p.jpCustomsNameTip { display: none; } .addrEditor .usTel.jpCustomsName { padding-bottom: 68px; } .addrEditor .usTel.jpCustomsName p.jpCustomsNameTip { display: block; top: 108px; } .addrEditor .jpCustomsNameTip i { font-style: normal; margin-right: 2px; } .addrEditor .usTel input.invalid[required='required'] { background: url(/Images/invalid.png) no-repeat 307px 8px; } .addrEditor .usTel input.valid[required='required'] { background: url(/Images/valid.png) no-repeat 307px 8px; } /* forgotPassword */ .forgotPwd .wrap { width: 500px; text-align: center; padding-top: 20px; background: #fff; margin: 50px auto 0; border: 1px solid #eee; box-shadow: 1px 1px 1px #eee; } .forgotPwd .for-biaoti { line-height: 56px; color: #666; font-size: 20px; } .forgotPwd .for-fubiaoti { font-size: 14px; color: #969696; line-height: 18px; width: 341px; margin: 38px auto 39px auto; } .forgotPwd .use_email { font-size: 16px; color: #666; line-height: 36px; padding-left: 96px; text-align: left; } .forgotPwd .inputdiv { width: 320px; height: 36px; margin: 0 auto; } .forgotPwd .inputdiv input { width: 312px; height: 34px; border: 1px solid #cccccc; border-radius: 4px; padding-left: 6px; line-height: 34px; color: #333; font-size: 14px; } .forgotPwd .yanzhengma { font-size: 16px; padding-left: 96px; overflow: hidden; color: #666; line-height: 36px; margin-top: 10px; text-align: left; } .forgotPwd .yanzhengma .s1 { float: left; margin-right: 20px; } .forgotPwd .yanzhengma .s2 { float: left; } .forgotPwd .shuru { width: 328px; height: 38px; margin: 20px auto 0 auto; } div.forgotPwd div.write-area div.write div.input_bk { width: 204px; height: 38px; border: 1px solid #dcdcdc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.forgotPwd div.write-area div.write div.input_bk i.loginicon { display: block; width: 14px; height: 18px; background-position: -43px -578px; margin: 9px 0 0 20px; } div.forgotPwd div.write-area div.write div.input_bk input { width: 144px; height: 38px; line-height: 38px; color: #333; font-size: 14px; border-radius: 4px; border: none; padding-left: 10px; background: #f5f5f5; } .forgotPwd .shuru .tuhua { float: right; width: 112px; height: 38px; } .forgotPwd #errMsg { line-height: 20px; height: 20px; margin-top: 10px; font-size: 14px; text-align: center; color: #f34444; } .forgotPwd .submit { width: 300px; height: 36px; background: #ff8a00; border-radius: 4px; font-size: 16px; color: #fff; text-align: center; line-height: 36px; margin: 0 auto; cursor: pointer; margin-bottom: 50px; margin-top: 20px; } .forgotPwd .submit div { background: #0b3c8e; border-radius: 3px; } .forgotPwd .submit div:hover { background: #104fad; } .forgotPwd .signup .yan_z { margin-top: 60px; height: 20px; } /*resetpassword*/ .resetPwd { width: 100%; background: #f4f4f4; } .resetPwd .wrap { width: 500px; height: 478px; background: #fff; margin: 70px auto 0; border: 1px solid #eeeeee; box-shadow: 1px 1px 1px #f4f4f4; } .resetPwd .for-biaoti { font-size: 20px; color: #666; text-align: center; line-height: 136px; } .resetPwd .newpaswork, .resetPwd .comfirm { font-size: 16px; color: #666; padding-left: 96px; line-height: 36px; } .resetPwd .newCode { text-align: center; margin-bottom: 24px; } /*.resetPwd #newCode,.resetPwd #confirmCode{width:312px;height:34px;font-size:14px;color:#333;line-height:34px;border-radius:4px;padding-left:6px;border:1px solid #ccc;}*/ .resetPwd #errMsg { padding-left: 96px; line-height: 20px; height: 20px; margin: 5px 0; color: #f34444; } .resetPwd .submit { width: 320px; height: 36px; background: #0b3c8e; border-radius: 4px; font-size: 16px; color: #fff; text-align: center; line-height: 36px; margin: 0 auto; cursor: pointer; margin-bottom: 50px; } /*新用户领券弹窗*/ /*#newUserBox{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0;top:0;z-index:101;display:none;} #newUserBox .Nuser_In{position:absolute;width:620px;left:50%;top:50%;margin-left:-310px;border-radius:10px;} #newUserBox .useClose{z-index:150; width:22px;height:22px;position:absolute;top:20px;right:20px;cursor:pointer;background:url(/Images/NuserClose.png) no-repeat center;} #newUserBox .Utop{position:relative;} #newUserBox .Utop p{border-top-left-radius:10px;border-top-right-radius:10px;text-align:center;font-size:22px;color:#fff;font-weight:bold;background:#f8920c;height:80px;line-height:100px;} #newUserBox .Utop span{position:absolute;width:176px;height:92px;background:url(/Images/home/web_BowTie.png) no-repeat center;left:222px;top:-60px;} #newUserBox .Umain{background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden;} #newUserBox .Umain .titp{color:#676767;font-size:15px;height:50px;line-height:18px;padding:0 92px;text-align:center;margin-top:20px;} #newUserBox .Umain .receive5{width:436px;height:206px;margin:0 auto; background:url(/Images/home/web_VoucherBg.png) no-repeat center;} #newUserBox .Umain .receive5 .receiveT{width:100%;height:114px;padding-top:28px;color:#fff;} #newUserBox .Umain .receive5 .receiveT .receiveTL{float:left;width:167px;height:92px;border-right:2px dashed #fff;font-size:64px;line-height:92px;text-align:center;} #newUserBox .Umain .receive5 .receiveT .receiveTR{padding-left:16px;float:left;} #newUserBox .Umain .receive5 .receiveT .receiveTR p{font-size:12px;line-height:14px;margin-bottom:8px;} #newUserBox .Umain .receive5 .receiveT .receiveTR .receiveTRtit{font-size:14px;font-weight:bold;line-height:16px;margin-bottom:14px;margin-top:10px;} #newUserBox .receiveBtn{text-align:center;} #newUserBox .receiveBtn span{display:inline-block;height:40px;background:#f4940c;border-radius:5px;margin-top:12px;} #newUserBox .receiveBtn span i{display:block;height:35px;line-height:35px;font-style:normal;font-size:13px;color:#924d00;text-align:center;padding:0 20px;min-width:120px;background:#f7d559;cursor:pointer;border-radius:5px;} #newUserBox .Umain .Utext{padding-bottom:30px;} #newUserBox .Umain .Utext p{font-size:12px;padding:0 92px;line-height:16px;margin-bottom:5px;color:#666;} #newUserBox .Umain .Utext .UtextTit{font-size:13px;font-weight:bold;padding:0 92px;margin-bottom:10px;margin-top:22px;} #newUserBox .showResult{display:none;} #newUserBox .receive5{display:block;}*/ /*成功*/ /*#newUserBox .Umain .lqSuccess{color:#f8920c;background:url(/Images/home/web_Ribbon.png) no-repeat center;width:436px;height:206px;margin:0 auto; } #newUserBox .Umain .lqSuccess p{text-align:center;font-size:20px;padding-top:85px;line-height:22px;}*/ /*已领取*/ /*#newUserBox .Umain .lqUsed{color:#ff6121;background:url(/Images/home/web_newUse_fff.jpg) no-repeat center;width:436px;height:206px;margin:0 auto;} #newUserBox .Umain .lqUsed p{text-align:center;font-size:14px;padding-top:145px;line-height:22px;}*/ /*继续领取*/ /*#newUserBox .Umain .Ugoon{width:436px;height:206px;margin:0 auto;} #newUserBox .Umain .Ugoon p{text-align:center;color:#f8920c;font-size:12px;} #newUserBox .Umain .Ugoon .UgoonTit{text-align:center;color:#f8920c;font-size:18px;font-weight:bold;padding-top:35px;margin-bottom:10px;}*/ /*没资格*/ /*#newUserBox .Umain .lqNo{color:#ff6121;background:url(/Images/home/web_newUse_fff.jpg) no-repeat center;width:436px;height:206px;margin:0 auto;} #newUserBox .Umain .lqNo p{text-align:center;font-size:14px;padding-top:145px;line-height:22px;}*/ /*#newUserBox .hideTxt p{display:none;} #newUserBox .hideTxt .UtextTit{cursor:pointer;display:inline-block;text-decoration:underline;} #newUserBox .hideTxt .dnP{display:none;} #newUserBox .hideTxt .dbP{display:block;}*/ /*强化登录注册*/ /*#lastBoxDl{margin-top:30px;background:#fff;height:218px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;} #lastBoxDl .lastBoxDl_sun{width:1300px;margin:0 auto;height:100%;background:#fff;} #lastBoxDl .lastBoxDl_sun .welcome{text-align:center;font-size:24px;color:#333;line-height:26px;margin-top:50px;} #lastBoxDl .lastBoxDl_sun .txt{text-align:center;font-size:12px;color:#333;line-height:16px;} #lastBoxDl .lastBoxDl_sun .sign{display:inline-block;width:260px;height:38px;text-align:center;border-radius:5px;background:#ff8901;line-height:38px;font-weight:bold;} #lastBoxDl .lastBoxDl_sun .sign:hover{opacity:0.8;} #lastBoxDl .lastBoxDl_sun .sign a{display:block;width:100%;height:100%;color:#fff;} #lastBoxDl .lastBoxDl_sun .noRecord{text-align:center;line-height:220px;font-size:14px;color:#666;} #lastBoxDl .lastBoxDl_sun .recording{font-size:13px;color:#666;line-height:24px;margin-bottom:12px;padding-top:33px;} #lastBoxDl .lastBoxDl_sun .lineTxt{border-bottom:1px solid #dcdcdc;font-size:12px;text-align:center;height:16px;margin-top:20px;} #lastBoxDl .lastBoxDl_sun .lineTxt span{display:inline-block;padding:0 10px;line-height:30px;background:#fff;color:#666;} #lastBoxDl .lastBoxDl_sun .lineTxt span a{color:#0091ff;text-decoration:underline;} #lastBoxDl .lastBoxDl_sun ul{overflow:hidden;height:120px;} #lastBoxDl .lastBoxDl_sun ul li{margin-right:25px;float:left;width:80px;height:120px;} #lastBoxDl .lastBoxDl_sun ul li:last-child{margin-right:0;} #lastBoxDl .lastBoxDl_sun ul li img{width:80px;height:60px;} #lastBoxDl .lastBoxDl_sun ul li p{font-size:10px;color:#666;line-height:14px;max-height:56px;overflow:hidden;word-break:break-all;}*/ /*shippingaddress*/ /*.gouselect{margin:1px -20px 0 0!important;padding: 0;outline: none;width:210px;display: inline-block;margin-top: 2px;}*/ /*.use_png{background:url(/Images/use_png.png) no-repeat;}*/ /*.user{height:20px;width:20px;background-position:0 -20px;}*/ /*.loginunlock{height:20px;width:20px;background-position:0 -40px;padding-right:30px;padding-bottom:7px;}*/ /*.loginemail{height:20px;width:20px;background-position:0 -80px;padding-right:30px;padding-bottom:10px;}*/ /*个人中心*/ /*.danghang{width:1300px;margin:0 auto;padding-top:26px;padding-left: 15px;}*/ /*.gongneng{width:320px;height:780px;border-right:2px solid #f4f4f4;}*/ /*.tuxiang{width:114px;height:114px;padding-left:20px;}*/ /*.tuxiang1{width:180px;}*/ .center { background: url(/Images/center.png) no-repeat; } .map { height: 17px; width: 12px; background-position: 0 0; margin-top: 8px; } .myorder { height: 20px; width: 20px; background-position: 0 -17px; } .myoffers { height: 20px; width: 20px; background-position: 0 -37px; } .myoffers1 { height: 20px; width: 20px; background-position: 0 -57px; } .settings1 { height: 20px; width: 20px; background-position: 0 -77px; } .settings { height: 20px; width: 20px; background-position: 0 -97px; } .myorder1 { height: 20px; width: 20px; background-position: 0 -117px; } .meassge { height: 20px; width: 20px; background-position: 0 -137px; } .community1 { height: 20px; width: 20px; background-position: 0 -157px; } .community { height: 20px; width: 20px; background-position: 0 -177px; } .myinquiry1 { height: 20px; width: 20px; background-position: 0 -197px; } .myinquiry { height: 20px; width: 20px; background-position: 0 -217px; } .meassge1 { height: 20px; width: 20px; background-position: 0 -237px; } .zhuangtai { background: url(/Images/zhuangtai.png) no-repeat; } .Uncomment { height: 62px; width: 60px; background-position: 0 0; } .Unpaid { height: 62px; width: 62px; background-position: 0 -62px; margin-left: 40px !important; } .Intransit { height: 63px; width: 62px; background-position: 0 -124px; } .Kitting { height: 63px; width: 62px; background-position: 0 -187px; } .Point { height: 94px; width: 88px; background-position: 0 -250px; } .Ticket { height: 109px; width: 115px; background-position: 0 -344px; } .lbiao li { margin-top: 35px !important; font-size: 14px !important; width: 78px; } .content { width: 968px; } /*.content1{width:610px;height:160px;border-right: 2px solid #f4f4f4;} .content1 p{padding: 16px;text-align:left;}*/ /*.content3{width:900px;text-align:left;padding: 16px;}*/ /*.content4{width: 908px;border-bottom: 2px solid #f4f4f4;padding: 30px;}*/ /*.content5{border-bottom:1px solid #f4f4f4;height:60px;line-height:60px;}*/ /*.content6{width:114px;}*/ /*.content7{width:188px;}*/ /*.content8{width:120px;}*/ /*.content9{width:100px;}*/ /*.content10{width:136px;}*/ /*.content11{width:126px;}*/ /*.content12{width: 114px;} .content12 a:hover{padding: 8px 12px;border:1px solid #f4f4f4;cursor:pointer;}*/ /*.content13{width:430px;}*/ /*.view_view:hover{padding: 8px 12px;border:1px solid #f4f4f4;cursor:pointer;}*/ /*.content14{width:98px;line-height: 140px;margin-left: 40px;text-align: left;}*/ /*.content15{width:108px;margin-top:64px; margin-left:80px;position:absolute;}*/ /*.content16{margin-top:50px;position:absolute;margin-left:58px;width: 118px;padding-top: 14px;}*/ /*.content17{height: 160px;position:absolute;margin-left: 612px;width: 366px;}*/ /*.content18{width: 354px;}*/ /*.content19{width:180px;border-right: 2px dashed #f4f4f4;height:160px;} .content20{width:174px;height:160px;} .content21{padding-top: 40px;margin-left: -20px;} .content22{width:224px;} .content23{width:196px;height:60px;margin-left:16px;text-align: left;} .content24{margin:20px 44px 60px 44px} .content25{margin:20px auto;}*/ .content26 { width: 224px; height: 168px; } /*.content27{padding: 24px 16px;}*/ /*.content28{margin-top: 2px;padding: 0 4px 0 0;}*/ /*.content29{width:90px;height: 34px;line-height: 34px;margin-left: 40px;}*/ /*.content30{padding-left: 5px;}*/ /*.content31{padding-top: 10px;padding-left: 42px;}*/ /*.content32{width: 44px;height: 17px;padding-left: 10px;}*/ /*.content33{padding-left: 14px;}*/ /*.content34{padding-left: 20px;}*/ /*.content35{padding-left: 24px;}*/ /*.content36{width:60px;padding-left: 14px;}*/ /*.content37{margin-left:44px;}*/ /*.content38{font-size:38px;margin-left: -90px;}*/ /* inputValidator */ input.empty[required='required'] { background: url(/Images/red_asterisk.png) no-repeat right 4px; } input.invalid[required='required'] { background: url(/Images/invalid.png) no-repeat right 4px; } input.valid[required='required'] { background: url(/Images/valid.png) no-repeat 413px 8px; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: #333; } /*Message*/ .Message { width: 370px; } .Message1 { width: 596px; border-left: 1px solid #f4f4f4; margin-top: 10px; height: 712px; } .Message2 { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; height: 90px; overflow: hidden; cursor: pointer; } .Message3 { padding: 20px; } .Message4 { width: 44px; height: 44px; } .Message5 { line-height: 90px; padding-left: 10px; } .Message6 { margin-top: 26px; text-align: left; } .Message7 { height: 90px; overflow: hidden; margin-left: -20px; } .Message8 { background-color: red; color: #fff; border-radius: 50%; padding: 0 5px; position: relative; top: -36px; left: -16px; } .Message9 { width: 253px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Message10 { width: 580px; line-height: 60px; } .Message11 { width: 542px; height: 460px; } .Message12 { padding: 10px; } .Message13 { margin-top: 4px; width: 350px; } .Message14 { margin-right: 80px; } .Message15 { width: 500px; } .Message16 { height: 100px; width: 500px; } .Message17 { padding: 8px 44px; border-radius: 4px; } .Message18 { margin: 20px 42px; } #avatar { margin-left: 24px; } #username { padding-top: 24px; font-size: 16px; } #triangle-topright { width: 0; height: 0; border-top: 6px solid #febf00; border-left: 16px solid transparent; } #triangle-topleft { width: 0; height: 0; border-top: 6px solid #26a1ff; border-right: 16px solid transparent; } .loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; } .loading .wrap3 { width: 98px; height: 98px; border-radius: 20px; margin: 150px auto; padding: 26px; } .loading .da { width: 98px; height: 98px; background: url(/Images/loading.png) no-repeat; background-size: cover; } .loading .quanquan { width: 98px; height: 98px; background: url(/Images/loadingquan.png) no-repeat; background-size: cover; } .loading p { text-align: center; color: #fff; font-size: 16px; line-height: 30px; } /*公共跳转动画*/ .utLoad { width: 100px; height: 100px; margin: 0 auto; position: relative; } .utLoadIn { position: relative; width: 100px; height: 100px; animation: load 1.3s linear infinite; } .utLoadIn .SemicircleL { width: 50%; height: 100%; border-top-left-radius: 50px; border-bottom-left-radius: 50px; position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(bottom, #ededed, #b4b4b4); background: -o-linear-gradient(bottom, #ededed, #b4b4b4); background: -moz-linear-gradient(bottom, #ededed, #b4b4b4); background: linear-gradient(bottom, #ededed, #b4b4b4); } .utLoadIn .SemicircleR { position: absolute; top: 0; right: 0; width: 50%; height: 100%; border-top-right-radius: 50px; border-bottom-right-radius: 50px; background: -webkit-linear-gradient(#fff, #ededed); background: -o-linear-gradient(#fff, #ededed); background: -moz-linear-gradient(#fff, #ededed); background: linear-gradient(#fff, #ededed); } .utLoadIn .coverBox { width: 90px; border-radius: 50%; position: absolute; left: 5px; top: 5px; background: #fff; height: 90px; } .utLoad .utLoadBg { width: 60px; height: 60px; position: absolute; left: 20px; top: 23px; background: url(/Images/utLoadBg.svg) no-repeat center; } @keyframes load { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*20170915*/ body.body-login { width: 100%; height: 100%; position: static; } body.body-login .bodybg { position: absolute; left: 0; top: 0; width: 100%; background: url(/Images/loginbodybg2.jpg) no-repeat center; height: 100%; background-size: cover; } body.body-login div.login_head { position: absolute; left: 0; top: 0; width: 100%; z-index: 3; } div.login_head .warpCenter { width: 1300px; margin: 0 auto; position: relative; } div.login_head .warpCenter .logoImg { position: absolute; left: 0; top: 30px; width: 107px; height: 45px; border: 1px solid rgba(255, 255, 255, 0.15); background: url(/Images/login_logo.png?1) no-repeat center rgba(255, 255, 255, 0.07); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: none; } .loginmain { width: 410px; height: 359px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; background: rgba(255, 255, 255, 0.8); position: absolute; left: 50%; top: 20%; margin-left: -277px; } .loginmain a.backhome { color: #969696; text-align: center; margin-top: 20px; display: block; } .loginmain div[class^='sr-'] { width: 326px; height: 38px; margin: 0 auto; } .loginmain div[class^='sr-'] input { width: 310px; height: 100%; border: 1px solid #dcdcdc; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-left: 16px; } .loginmain div[class^='sr-'] input:focus { border-color: #00936f; } .loginmain div.yan_z { padding-left: 50px; min-height: 14px; } .loginmain .forget { margin-left: 59px; margin-bottom: 15px; } .loginmain a.aRegister { color: #646464; } .loginmain h3 { text-align: center; font-size: 24px; color: #969696; line-height: 33px; margin: 21px 0 25px 0; } .loginmain div.otherway { width: 328px; margin: 8px auto 0; } div.yan_z.errshow { visibility: visible; } .register-main div.create { background: url(/Images/registerbg4.jpg) no-repeat center; height: 773px; /*position:relative;*/ } .register-main div.create .warp { width: 1300px; margin: 0 auto; position: relative; } .register-main div.create div.create_new, .register-main div.create div.roles, div.forgotPwd, div.resetPwd div.enter_box { position: absolute; right: 50px; /*top:160px;*/ top: 20px; width: 560px; /*height:523px;*/ background: #fff; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; } div.resetPwd div.enter_box { height: 358px; } .register-main div.create div.create_new div[class^='enter-'] i.loginicon { display: block; width: 16px; height: 18px; margin: 10px 0 0 19px; } .register-main div.create div.create_new .enter-name i.loginicon { background-position: 0 -542px; } .register-main div.create div.create_new .enter-repwd i.loginicon, div.resetPwd div.create div.enter_box div.write-area div.enter-repwd i.loginicon { background-position: 0 -578px; } div.resetPwd div.create div.enter_box div.write-area div.enter-repwd i.loginicon { display: block; width: 16px; height: 18px; margin: 10px 0 0 19px; } .register-main div.create div.roles { height: 460px; } .register-main .roles div.logo-title { padding: 33px 0 13px 0; } .register-main .roles div.logo-title p { font-size: 16px; width: 300px; margin: 0 auto; } .register-main div.create div.step { -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; transition: .8s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .register-main div.create div.step:first-child { -webkit-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); } .register-main div.create div.step:last-child { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .register-main div.create div.step.step1 { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); } .register-main div.create div.step.step2 { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); } div.forgotPwd { height: 430px; } div.forgotPwd div.write-area { padding-top: 0; } div.resetPwd div.write-area div.write div.enter-pwd { margin-bottom: 20px; } .register-main div.create .warp { width: 1300px; margin: 0 auto; position: relative; } /*详情页宣传*/ #PtPromotion { margin: 30px 0 20px 0; } #PtPromotion h4 { text-align: center; max-width: 80%; margin: 0 auto; } #PtPromotion h4 span { display: inline-block; font-size: 18px; color: #646464; line-height: 20px; padding: 10px 32px; border-radius: 30px; font-weight: bold; } #PtPromotion h4 span a:hover { color: #323232; } #PtPromotion .cell1 { background: #fff; padding-top: 34px; } #PtPromotion .cell1 h4 span { background: #f5f5f5; } #PtPromotion .cell1 ul { padding: 35px 40px 40px 40px; } #PtPromotion .cell1 ul li { float: left; width: 160px; text-align: center; margin: 0 32px; line-height: 14px; color: #969696; font-size: 12px; } #PtPromotion .cell1 ul li img { margin-bottom: 12px; } #PtPromotion .cell2 { text-align: center; background: #f1f8ff; padding: 34px 0; } #PtPromotion .cell2 h4 span { background: #e6f1fc; } #PtPromotion .cell2 .dBox { width: 810px; margin: 0 auto; margin-top: 60px; } #PtPromotion .cell2 img { max-width: 349px; float: left; } #PtPromotion .cell2 .txtBox { width: 460px; color: #969696; font-size: 12px; line-height: 16px; text-align: left; } #PtPromotion .cell2 .txtBox .p1 { margin-bottom: 8px; } #PtPromotion .cell3 { background: #fff; padding: 34px 0; text-align: center; } #PtPromotion .cell3 h4 span { background: #f5f5f5; } #PtPromotion .cell3 img { margin-top: 25px; } #PtPromotion .cell4 { background: #12519c; padding: 34px 0; } #PtPromotion .cell4 h4 span { background: #195cac; color: #fff; } #PtPromotion .cell4 ul { padding: 0 70px; margin: 30px 0 25px 0; } #PtPromotion .cell4 ul li { margin-bottom: 1px; } #PtPromotion .cell4 ul li span { float: left; font-size: 12px; line-height: 34px; margin-right: 9px; } #PtPromotion .cell4 ul li.l1 span { color: #b6d2f2; } #PtPromotion .cell4 ul li .s1 { width: 115px; height: 34px; text-align: right; } #PtPromotion .cell4 ul li .s2 { width: 185px; } #PtPromotion .cell4 ul li .s3 { width: 138px; } #PtPromotion .cell4 ul li .s4 { width: 205px; } #PtPromotion .cell4 ul li .s5 { width: 160px; margin-right: 0; } #PtPromotion .cell4 ul li.l2 { background: #195cac; color: #fff; } #PtPromotion .cell4 ul li.l3 { background: #195cac; color: #fff; } #PtPromotion .cell4 ul li .s1 img { margin-top: 6px; } #PtPromotion .cell4 p { text-align: center; color: #ffffd5; font-size: 16px; line-height: 22px; } #PtPromotion .cell5 { background: url(/Images/product_detail/fbuBg.jpg) no-repeat center; height: 560px; position: relative; padding-top: 40px; } #PtPromotion .cell5 .tou { border: 1px solid #fff; display: block; width: 532px; height: 62px; margin: 0 auto 20px; background: #e6e8e9; background: linear-gradient(#e6e8e9, #dbe3ff); border-radius: 31px; text-align: center; font-size: 22px; color: #646464; font-weight: bold; } #PtPromotion .cell5 .tou:hover { background: #fff; color: #323232; } #PtPromotion .cell5 .tou span { display: inline-block; height: 42px; padding-left: 120px; background: url(/Images/product_detail/fbuIcn.png) no-repeat 0 0; line-height: 52px; margin-top: 10px; } #PtPromotion .cell5 .txtP { margin-bottom: 30px; padding: 0 110px; font-size: 12px; color: #ceb267; line-height: 20px; text-align: center; } #PtPromotion .cell5 ul { width: 632px; margin: 0 auto 35px; } #PtPromotion .cell5 ul li { float: left; width: 158px; padding-top: 45px; text-align: center; color: #fff; font-weight: bold; font-size: 16px; line-height: 20px; } #PtPromotion .cell5 ul li.l1 { background: url(/Images/product_detail/fbuIcn.png) no-repeat 65px -84px; } #PtPromotion .cell5 ul li.l2 { background: url(/Images/product_detail/fbuIcn.png) no-repeat 66px -176px; } #PtPromotion .cell5 ul li.l3 { background: url(/Images/product_detail/fbuIcn.png) no-repeat 63px -276px; } #PtPromotion .cell5 ul li.l4 { background: url(/Images/product_detail/fbuIcn.png) no-repeat 63px -371px; } #PtPromotion .cell5 .iframBox { width: 535px; height: 260px; margin: 0 auto; } #PtPromotion .cell5 .vList { width: 910px; margin: 0 auto; } #PtPromotion .cell5 .vList .Vbox { float: left; width: 220px; height: 115px; position: relative; margin-right: 10px; margin-bottom: 10px; cursor: pointer; } #PtPromotion .cell5 .vList .Vbox:nth-child(3) { margin-right: 0; } #PtPromotion .cell5 .vList .Vbox:nth-child(5) { margin-right: 0; } #PtPromotion .cell5 .vList .Vbox:hover i { background: url(/Images/home/videoBtn2.png) no-repeat center; background-size: cover; } #PtPromotion .cell5 .vList .Vbox:hover span { display: none; } #PtPromotion .cell5 .vList .Vbox:first-child { width: 450px; height: 240px; } #PtPromotion .cell5 .vList .Vbox img { width: 100%; height: 100%; display: block; } #PtPromotion .cell5 .vList .Vbox i { transition: all 0.1s; position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; margin-left: -17px; margin-top: -17px; background: url(/Images/home/videoBtn1.png) no-repeat center; background-size: cover; } #PtPromotion .cell5 .vList .Vbox span { position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; transition: all 0.1s; } #PtPromotion .cell5 .vList .VboxF i { width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; } #PtPromotion .cell6 { background-image: url(/Images/product_detail/xcIcnPhone_1.jpg); height: 323px; } #PtPromotion .cell6 .iframBox { left: 65px; height: 235px; padding: 6px; top: 74px; } #PtPromotion .cell6 .txtP { position: absolute; width: 385px; font-size: 17px; line-height: 24px; color: #323232; left: 65px; top: 45px; color: #fff; font-weight: bold; font-size: 18px; } #PtPromotion i { font-style: normal; } #xcGotop { z-index: 2; position: fixed; width: 41px; height: 41px; cursor: pointer; right: 10px; bottom:150px; display: none; background-position: 0 -263px; } #PtPromotion .procedure { height: 416px; background: url(/Images/Phoelectron/procedure_gb.png) no-repeat center; text-align: center; } #PtPromotion .optAd { display: block; width: 100%; height: 100px; background: url(/Images/ad/optAd1.jpg) no-repeat center; } .procedure_title { color: #646464; font-size: 18px; line-height: 40px; background: #fff; -webkit-border-radius: 18px; border-radius: 18px; display: inline-block; padding: 0 32px; margin-top: 44px; } .production-main { padding: 30px 94px 0 89px; } .video-left { background-color: #fff; padding: 5px; } #PtPromotion.liyuanBox .cell3 img { width: auto; } #PtPromotion.liyuanBox .cell4 img { width: auto; } #PtPromotion.liyuanBox .cell4 { background: #0e2d6e; margin-bottom: 5px; } /*视频弹窗*/ #PtPromotionTc { position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; z-index: 3; background: rgba(0, 0, 0, 0.5); display: none; } #PtPromotionTc:after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; } #PtPromotionTc .PtPTcCon { width: 960px; height: 540px; display: inline-block; padding: 35px 20px; vertical-align: middle; border-radius: 4px; background-color: #fff; position: relative; } #PtPromotionTc #PtPClose { position: absolute; width: 18px; height: 18px; cursor: pointer; top: 10px; right: 10px; background: url(/Images/OCicn2.png) 0 -482px no-repeat; } /*利源*/ .liyuanBox img { width: 100%; } #PtPromotion .img2Box { background: #fff; padding: 20px; margin-bottom: 10px; text-align: right; } #PtPromotion .img2Box img { margin-bottom: 15px; } #PtPromotion .img2Box a { color: #0b3c8e; font-size: 12px; line-height: 14px; } #PtPromotion .img2Box a:hover { text-decoration: underline; } .comicon { background: url(https://aliffs.utsource.net/Images/comsprit.png) no-repeat 0 0; } #PtPromotion .WhyUt { height: 389px; background: #fff; margin-bottom: 5px; } #PtPromotion .WhyUt h4 span { background: #f5f5f5; margin: 34px 0 33px 0; } #PtPromotion .WhyUt .txtBox { width: 781px; height: 240px; background: url(/Images/product_detail/whyUtBg.png) no-repeat center; margin: 0 auto; } #PtPromotion .txtBox .d2 { height: 47px; } #PtPromotion .txtBox .d3 { height: 47px; } #PtPromotion .txtBox .d4 { height: 50px; } #PtPromotion .txtBox .d5 { height: 66px; } #PtPromotion .txtBox .d1 .p1 { font-size: 24px; line-height: 24px; color: #646464; font-weight: bold; margin-bottom: 10px; display: table-cell; vertical-align: middle; padding-left: 29px; } #PtPromotion .txtBox .dbox { display: table; padding-left: 54px; margin-bottom: 10px; } #PtPromotion .txtBox .dbox .cell { display: table-cell; vertical-align: middle; } #PtPromotion .txtBox .dbox .p1 { color: #646464; font-weight: bold; line-height: 16px; font-size: 16px; } #PtPromotion .txtBox .dbox .p2 { font-size: 14px; line-height: 14px; color: #646464; margin-top: 3px; } #PtPromotion .cell2 { background: #fff !important; margin-bottom: 5px; } #PtPromotion .cell2 h4 span { background: #f5f5f5 !important; } #PtPromotion .cell5.WhyUtL5 { background: url(/Images/product_detail/fbuBg2.jpg) no-repeat center; margin-bottom: 5px; } #PtPromotion .WhyUtL5 .tou { background: #fff; margin: 0 auto 25px; } #PtPromotion .WhyUtL5 .txtP { color: #646464; } #PtPromotion .WhyUtL5 ul { margin: 0 auto 61px; } #PtPromotion .WhyUtL5 ul li { color: #4c3b96; } #PtPromotion .WhyUtL5 ul li.l1 { background: url(/Images/product_detail/fbuIcn2.png) no-repeat 65px -84px } #PtPromotion .WhyUtL5 ul li.l2 { background: url(/Images/product_detail/fbuIcn2.png) no-repeat 66px -176px } #PtPromotion .WhyUtL5 ul li.l3 { background: url(/Images/product_detail/fbuIcn2.png) no-repeat 63px -276px } #PtPromotion .WhyUtL5 ul li.l4 { background: url(/Images/product_detail/fbuIcn2.png) no-repeat 63px -371px } #PtPromotion .WhyUtL5 .vList { width: 772px; } #PtPromotion .WhyUtL5 .vList .Vbox { width: 192px; height: 109px; margin-right: 2px; margin-bottom: 2px; } #PtPromotion .WhyUtL5 .vList .Vbox:first-child { width: 384px; height: 220px; } #PtPromotion .cell7 { position: relative; } #PtPromotion .cell7 h4 { position: absolute; left: 0; top: 27px; height: 62px; background: rgba(255, 255, 255, 0.3); line-height: 62px; font-size: 28px; font-weight: bold; text-align: center; width: 100%; max-width: 100%; } #PtPromotion .cell7 h4 a { color: #484383 } #PtPromotion .cell7 img { width: 100%; } @media(max-width: 1200px) { #header { min-width: 1000px; } #thanksgiving { min-width: 1000px; } .shortcut .wrap { width: 1000px; } #header .top { background: #fff; z-index: 99; } #header .top-wrap { width: 1000px; background: #fff; } #header .sousuo { width: 730px; margin-top: 18px; } #header .sousuo .left { float: left; margin-right: 16px; } #thanksgiving p { width: 1000px; } #thanksgiving img { margin-left: 165px; } #header .header_search .search { width: 350px; } #header .header_nav { width: 1000px; } #header .header_nav .personal li.per_order { display: none; } #header .header_nav .nav .li6 { display: none; } #header .header_nav .personal li.name { display: none; } #header .header_nav .nav .li_baba { padding-right: 10px; } #header .header_nav .nav .li_baba:nth-child(3) { display: none; } #header .header_nav .Recognized { margin-right: -1px; } /*#lastBoxDl .lastBoxDl_sun{width:1000px;}*/ /*#lastBoxDl .lastBoxDl_sun ul li{margin-right:20px;}*/ div.login_head .warpCenter { width: 1000px; } } @media (max-width:1300px) and (min-width:1200px) { div.login_head .warpCenter { width: 1200px; } } @media (max-width:1390px) { #NoticeBoard .holidayIn .p1 { margin-right: 20px; } #NoticeBoard .holidayIn .p2 { max-width: 720px; } #NoticeBoard .holidayIn { width: 1053px; } } @media (max-width:1300px) { /* #layBox .layBoxTop .smallNav .zhuce{display:none;}*/ #NoticeBoard .holidayIn { width: calc(100% - 272px) } #NoticeBoard .holidayIn .p1 { display: block; height: auto; float: none; text-align: center; max-width: 100%; padding: 10px 0 5px 0; } #NoticeBoard .holidayIn .p2 { display: block; height: auto; float: none; text-align: center; max-width: 100%; line-height: 14px; font-size: 12px; } #NoticeBoard .holidayIn span { display: inline !important; } /* #NoticeBoard{height:80px;}*/ #footerV3 .footBd1 { width: auto; margin-right: 10px; } #footerV3 ul { padding-left: 20px; } #PtPromotion .production-main { padding: 30px 30px 0 89px; } #PtPromotion .cell1 ul li { margin: 0 21px; } #PtPromotion .cell4 ul { padding: 0 30px; } #PtPromotion .cell6 .txtP { left: 35px; } #PtPromotion .cell6 .iframBox { left: 35px; } #footerV3 .wrap { width: 1200px; } #footerV3 ul.Ful1 { width: 286px; } #footerV3 ul.Ful2 { width: 272px; } #footerV3 ul.Ful3 { width: 250px; } #PtPromotion .cell5 .vList { width: 880px; } #PtPromotion .cell5 .vList .Vbox:first-child { width: 420px; } #PtPromotion .cell4 ul li .s2 { width: 170px; } #footerV3 .footBd2 { padding-left: 0; width: 335px; } #NoticeBoard .euIn { width: 1200px; } .register-main div.create .warp { width: 1200px; } #NoticeBoard .newTopAdIn { width: 1200px; } } @media (max-width:1200px) { #siteMapBox { min-width: 920px; max-width: 1160px; width: auto; padding: 0 20px; } body { min-width: 960px; max-width: 1200px; } #layBox .layBoxTop .TopL { margin-left: 10px; } .layBoxTop .smallNav a.a4 { display: none; } #layBox .layBoxTop { width: auto; max-width: 1200px; min-width: 940px; } #layBox .layBoxTop .layBoxBtm .layBoxBtmIn { max-width: 1200px; min-width: 940px; } #layBox .layBoxTop .smallNav { padding-left: 10px; } #layBox .layBoxTop .smallNav .smallNavWarp { width: auto; max-width: 1200px; min-width: 940px; } #layBox .layBoxTop .layBoxBtm .layBoxBtmIn { width: auto; max-width: 1200px; min-width: 940px; } /* #layBox .layBoxTop .TopR{width:calc(100%-217px)}*/ /*底部部分 后期拿出来*/ /* #footerV3 { max-width: 1200px; min-width: 960px; width: auto; }*/ #footerV3 .wrap { max-width: 1200px; min-width: 960px; width: auto; } #footerV3 .wrap ul { padding-left: 18px; width: calc(33.3%-20px) } #footerV3 .wrap .Ful4 { width: calc((100%-18px)); position: relative; margin-top: 30px; min-height: 100px; border: 0; } #footerV3 .wrap .Ful4 li { width: 255px; } #footerV3 .wrap .Ful4 .scrollL { float: left; width: calc(33.3%-18px) } #footerV3 .wrap .Ful4 .scrollR { float: left; margin-top: 20px; width: calc(33.3%-18px); margin-left: 20px; position: relative; } #footerV3 .noflowLink { left: 275px; bottom: 15px; } #footerV3 .footBd1 { margin-left: 15px; } #layBox .side-navV3 .left::after { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; top: -8px; left: 52px; } #layBox .side-navV3 .left::before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(0, 0, 0, 0.05); position: absolute; top: -11px; left: 50px; } #layBox .side-navV3 .right { width: 700px; left: 222px; } #layBox .side-navV3 .erji { padding: 3px 5px 20px 5px } #layBox .side-navV3 .right dl { width: 220px; margin-right: 5px; } #layBox .side-navV3 .erji dd { width: 220px; } #layBox .side-navV3 .left { width: 241px; } /*侧边栏收起*/ #slideNav { right: -58px; } #slideNavBox #showslideNav { right: 0; } #NoticeBoard .newTopAdIn { width: auto; min-width: 960px; max-width: 1200px; } } @media (max-width:1150px) { .layBoxTop .smallNav a.a5 { display: none; } #layBox .layBoxTop .TopC .headSech .bom { display: none; } } @media (max-width:1100px) { .layBoxTop .smallNav a.a1 { display: none; } #my_cart .wrap { width: 960px; } } @media (max-width:1000px) { .layBoxTop .smallNav a.a6 { display: none; } } .z_aFb { display: inline-block !important; width: 160px !important; height: 33px !important; background: url(https://aliffs.utsource.net/Images/home/fbbg3.png) no-repeat center; border: 0 !important; padding: 0 !important; color: #fff !important; line-height: 33px !important; font-size: 12px !important; text-indent: 40px !important; margin-top: -7px !important; float: left; } .z_aFb:hover { color: #fff !important; } a.aTK { background-color: #222; height: 28px; border-radius: 5px; padding: 0 6px !important; color: #fff !important; font-size: 12px; margin-top: -4px !important; display: flex; align-items: center; margin-left: 10px; } a.aTK img { margin-right: 5px; } a.aTK:hover { color: #fff !important; } /*.ui-autocomplete { max-height: 0; overflow-y: auto; overflow-x: hidden; transition: max-height 0.3s ease-in-out; } .ui-autocomplete.ui-autocomplete-expanded { max-height: 300px;*/ /* Adjust this value based on your needs */ /*}*/ .ui-menu .ui-menu-item { background: #fff; } .ui-state-focus:hover { background: #eee 50% 50% repeat-x; margin-bottom: 0px; } .ui-widget-content { border: 1px solid rgb(0, 147, 111); background-color: rgb(255, 255, 255); box-shadow: 0px 5px 10px 0px rgba(10, 2, 4, 0.15); left: 536px; top: 223px; width: 419px; } .homeV3 { background-color: #fff; } body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 380px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 20px; text-align: center; font-weight: 600; text-transform: none; position: relative; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { /*background-color:#0b3c8e;*/ color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; } .sweet-alert button:focus { background-color: #104fad; outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #104fad !important; /*background-color: #7ecff4;*/ } .sweet-alert button:active { background-color: #104fad; /*background-color: #5dc2f1;*/ } .sweet-alert button.cancel { background-color: #C1C1C1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9 !important; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } } /*快递轮播开始*/ /* 轮播图容器样式 */ .image-carousel { position: relative; /* 相对定位，作为内部绝对定位元素的父容器 */ width: 100%; height: 280px; /* 根据您的图片高度设定 */ margin: 30px auto; /* 居中并增加一些外边距 */ overflow: hidden; /* 隐藏超出部分 */ } /* 轮播项（也就是您的 a 标签）的样式 */ .carousel-item { position: absolute; /* 绝对定位，使所有图片重叠在容器左上角 */ top: 0; left: 0; width: 100%; height: 100%; opacity: 0; /* 默认完全透明 */ transition: opacity 1s ease-in-out; /* 关键：为透明度变化添加1秒的平滑过渡效果 */ display: block; /* a 标签默认为行内元素，改为块级 */ } /* 图片样式 */ .carousel-item img { width: 100%; height: 100%; object-fit: cover; /* 保证图片不变形地铺满整个容器 */ } /* 控制显示的类 */ .carousel-item.active { opacity: 1; /* 当元素有 .active 类时，完全不透明，即显示出来 */ } /*快递轮播end*/ /*版心*/ .warpCell { width: 1300px; margin: 0 auto; } /*轮播2按钮*/ .publicBtn { position: absolute; width: 22px; height: 40px; cursor: pointer; top: 50%; margin-top: -20px; transition: all .3s; } .publicBtn:hover { background-color: #ccc; } .publicBtnL { left: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; background: url(/Images/home/indexIcn2.png) no-repeat 5px -158px #e5e5e5; } .z_publicBtnL { left: 14px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; background: url(/Images/home/indexIcn2.png) no-repeat 5px -158px #e5e5e5; } .publicBtnR { right: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; background: url(/Images/home/indexIcn2.png) no-repeat 7px -119px #e5e5e5; z-index: 1; } .homeV4 .btnCheck { font-weight: bold; display: inline-block; cursor: pointer; line-height: 32px; color: #fff; border: 1px solid #fff; font-size: 14px; border-radius: 4px; background: rgba(255, 255, 255, 0.1); width: 124px; height: 32px; text-align: center; } .homeV4 .btnCheck:hover { background: rgba(255, 255, 255, 1); color: #00a079; border-color: #fff; } .homeV4 .warpCenter { width: 1300px; margin: 0 auto; } .homeV4 .menuListBox { width: 1300px; margin: 0 auto; } .homeV4 .menuList { z-index: 49; margin-top: 15px; margin-bottom: 1px; } .homeV4 .menuList a { float: left; font-size: 18px; height: 91px; color: #646464; width: 24.94%; text-align: center; margin-right: 1px; color: #fff; position: relative; } .homeV4 .menuList a:last-child { margin-right: 0; } .homeV4 .menuList a:hover { opacity: .9; } .homeV4 .menuList a span { position: absolute; top: 50px; width: 100%; left: 0; } .homeV4 .menuList a img { width: 100%; } /*banner部分*/ .z_carousel { position: relative; /*width: 100%; /* max-width: 600px; */ margin: 0 auto; overflow: hidden; min-height: 300px; /* 预设最小高度，防止加载闪现 */ background: linear-gradient(135deg, #1a4a5e 0%, #0d2d3a 100%); /* 与轮播图背景色调接近的渐变 */ margin-bottom: 30px; } .z_carousel-item { position: absolute; width: 100%; opacity: 0; display: none; transition: opacity 1s ease-in-out; cursor: pointer; } .z_carousel-item.active { opacity: 1; display: block; } .z_carousel-item img { width: 100%; height: auto; object-fit: cover; object-position: center center; /* 控制图片对齐方式 */ } .btactive { position: absolute; width: 100%; bottom: 10px; justify-content: center; z-index: 1; height: 20px; display: flex; align-items: center; } .btactive .dian { height: 6px; width: 35px; background-color: #fff; cursor: pointer; opacity: 0.4; } .btactive .active { opacity: 1; } .btactive .dian:not(:first-child) { margin-left: 10px; } .z_z_carousel .z_carousel-item .z_content { position: absolute; width: 100%; height: 100%; } .z_content .title2 { position: absolute; width: 100%; bottom: 2vw; text-align: center; color: #fff; font-size: 30px; } .z_content .title3 { position: absolute; width: 100%; top: 2.5vw; text-align: center; } .z_content .title4 { bottom: 9vw; font-size: 36px; font-weight: bold; } .z_content .title3 div { margin: auto; color: #fff; font-size: 42px; font-weight: bold; width: 710px; } .z_content .title { position: absolute; width: 100%; padding-top: 3vw; color: #0038aa; font-size: 42px; font-weight: bold; padding-left: 24vw; } .z_content .title5 { position: absolute; width: 60vw; padding-top: 6vw; color: #fff; font-size: 28px; font-weight: bold; padding-left: 35vw; } .z_content .title6 { position: absolute; width: 100vw; padding-top: 6vw; text-align: center; } .z_content .title6 .juzong { margin: auto; width: 1300px; } .z_content .title6 .juzong .us_title { width: 1010px; color: #fff; font-size: 42px; text-align: left; } .z_content .title_ut90 { position: absolute; width: 53vw; padding-top: 2.2vw; color: #162c58; font-size: 40px; font-weight: bold; padding-left: 16vw; } .z_content .title_utlunbo1 { position: absolute; width: 100%; padding-top: 4.8vw; color: #fff; font-size: 52px; text-align: center; line-height: 0.7; font-weight: bold; } .z_content .title_utlunbo1 span { color: #fff; font-weight: 400; font-size: 24px; } .z_carousel .guqiTitle { position: absolute; right: 70px; top: 22px; /* 从左到右，带有透明度的渐变 */ background: linear-gradient(to right, rgba(245, 190, 0, 1), rgba(204, 153, 0, 1)); padding: 8px 16px; z-index: 1; box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.3); border: 1px solid #ffd200; border-top-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 14px; color: #fff; font-weight: bold; } .bannerBox { height: 360px; position: relative; background: #03629a; margin-bottom: 10px; width: 690px; float: left; } .z_bannerBox { height: auto; position: relative; background: #03629a; margin-bottom: 10px; width: 100%; float: initial; margin: 0; } .bannerBox .warpCenter { width: 1300px; margin: 0 auto; height: 360px; position: absolute; top: 0; left: 50%; margin-left: -650px; z-index: 2; } .bannerBox .lunboBox { width: 100%; height: 360px; } .bannerBox .z_lunboBox { width: 100%; height: auto; } .bannerBox .lunbo { height: 360px; position: relative; } .bannerBox .z_lunbo { height: initial; position: relative; } .bannerBox .lunbo li { width: 100%; height: 360px; position: absolute; display: none; } .bannerBox .lunbo li.z_li { width: 100%; height: auto; position: absolute; display: none; } .bannerBox .lunbo li.z_li img { position: absolute; width: 100%; } /*.bannerBox .lunbo li.l1{background:url(/Images/ad/indexB1.jpg) no-repeat center;} .bannerBox .lunbo li.l2{background:url(/Images/ad/indexB2.jpg) no-repeat center;} .bannerBox .lunbo li.l3{background:url(/Images/ad/indexB3.jpg) no-repeat center;} .bannerBox .lunbo li.l4{background:url(/Images/ad/indexB4_1.jpg) no-repeat center;} .bannerBox .lunbo li.l4 img{position:absolute;right:0;bottom:0;} .bannerBox .lunbo li.l4 .dot{position:absolute;right:0;top:0;width:6px;height:6px;border-radius:50%;background:#dffd69;} .bannerBox .lunbo li.l4 .dot1{right:104px;top:221px;width:8px;height:8px;} .bannerBox .lunbo li.l4 .dot2{right:100px;top:278px;} .bannerBox .lunbo li.l4 .dot3{right:173px;top:237px;width:8px;height:8px;} .bannerBox .lunbo li.l4 .dot4{right:300px;top:204px;} .bannerBox .lunbo li.l4 .dot5{right:317px;top:175px;} .bannerBox .lunbo li.l4 .dot6{right:339px;top:200px;width:8px;height:8px;} .bannerBox .lunbo li.l4 .dot7{right:412px;top:298px;width:8px;height:8px;} .bannerBox .lunbo li.l4 .dot8{right:473px;top:293px;} .bannerBox .lunbo li.l4 .dot9{right:492px;top:210px;width:8px;height:8px;} .bannerBox .lunbo li.l4 .dot10{right:527px;top:232px;width:8px;height:8px;} .bannerBox .lunbo li.l4 .dot11{right:527px;top:200px;} .bannerBox .lunbo li.l4 .dot:after{box-shadow:0 0 20px 5px #fff, 0 0 30px 5px #fff inset; content:'';display:block;position:absolute;left:-16px;top:-16px;width:30px;height:30px;border-radius:50%;-webkit-animation:warn 3s ease-out both;-moz-animation:warn 3s ease-out both;-o-animation:warn 3s ease-out both;animation:warn 3s ease-out both;border:4px solid #fff; -webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite; -webkit-box-shadow:0 0 20px 5px #fff, 0 0 30px 5px #fff inset; -moz-box-shadow:0 0 20px 5px #fff, 0 0 30px 5px #fff inset; } .bannerBox .lunbo li.l4 .dot1:after{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s;width:40px;height:40px;left:-20px;top:-20px;box-shadow:0 0 40px 10px #fff, 0 0 40px 40px #fff inset;} .bannerBox .lunbo li.l4 .dot2:after{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s;} .bannerBox .lunbo li.l4 .dot3:after{-webkit-animation-delay:.16s;-moz-animation-delay:.16s;-o-animation-delay:.16s;animation-delay:.16s;width:40px;height:40px;left:-20px;top:-20px;box-shadow:0 0 40px 10px #fff, 0 0 40px 40px #fff inset;} .bannerBox .lunbo li.l4 .dot4:after{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s;} .bannerBox .lunbo li.l4 .dot5:after{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s;} .bannerBox .lunbo li.l4 .dot6:after{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;-o-animation-delay:.7s;animation-delay:.7s;width:40px;height:40px;left:-20px;top:-20px;box-shadow:0 0 40px 10px #fff, 0 0 40px 40px #fff inset;} .bannerBox .lunbo li.l4 .dot7:after{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s;width:40px;height:40px;left:-20px;top:-20px;box-shadow:0 0 40px 10px #fff, 0 0 40px 40px #fff inset;} .bannerBox .lunbo li.l4 .dot8:after{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;-o-animation-delay:.9s;animation-delay:.9s;} .bannerBox .lunbo li.l4 .dot9:after{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s;width:40px;height:40px;left:-20px;top:-20px;box-shadow:0 0 40px 10px #fff, 0 0 40px 40px #fff inset;} .bannerBox .lunbo li.l4 .dot10:after{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s;width:40px;height:40px;left:-20px;top:-20px;box-shadow:0 0 40px 10px #fff, 0 0 40px 40px #fff inset;}*/ @-webkit-keyframes warn { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @-moz-keyframes warn { 0% { -moz-transform: scale(0); transform: scale(0); opacity: 1 } 100% { -moz-transform: scale(1); transform: scale(1); opacity: 0 } } @-o-keyframes warn { 0% { -o-transform: scale(0); transform: scale(0); opacity: 1 } 100% { -o-transform: scale(1); transform: scale(1); opacity: 0 } } @-ms-keyframes warn { 0% { -ms-transform: scale(0); transform: scale(0); opacity: 1 } 100% { -ms-transform: scale(1); transform: scale(1); opacity: 0 } } @keyframes warn { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 1 } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0 } } .bannerBox { margin-left: 10px; margin-right: 9px; } .z_bannerBox { margin-left: 0; margin-right: 0; } .bannerBox .lunbo li.mxBanner { background: url(/Images/ad/indexBmx2.jpg) no-repeat center; } .bannerBox .lunbo li.mxBanner a { display: block; width: 100%; height: 100%; } .bannerBox .lunbo li.ExpoElectricaInternational { background: url(/Images/ad/ExpoElectricaInternational.jpg) no-repeat center; } .bannerBox .lunbo li.ExpoElectricaInternational a { display: block; width: 100%; height: 100%; } .bannerBox .lunbo li.ruBanner { background: url(/Images/ad/indexBru.jpg) no-repeat center; } .bannerBox .lunbo li.ruBannerpay { background: url(/Images/home/brand/epay-pc.jpg) no-repeat center; } .bannerBox .lunbo li.ruBanner a { display: block; width: 100%; height: 100%; } .bannerBox .lunbo .paypalcount { background: url(/Images/ad/paypalcount.jpg) no-repeat center; } .bannerBox .lunbo li.paypalDe { background: url(/Images/ad/paypalDe.jpg) no-repeat center; } .bannerBox .lunbo li.paypalEn { background: url(/Images/ad/paypalEn.jpg) no-repeat center; } .bannerBox .lunbo li.paypalFr { background: url(/Images/ad/paypalFr.jpg) no-repeat center; } .bannerBox .lunbo li.l0 { background: url(/Images/ad/indexBanner1-1.jpg) no-repeat center; font-size: 40px; font-weight: bold; line-height: 36px; text-align: center; } .bannerBox .lunbo li.l0 p { padding: 60px 20px 0 20px; } .bannerBox .lunbo li.l0 a { color: #0038aa } .bannerBox .lunbo li.l1 { background: url(/Images/ad/indexBad1-2.jpg) no-repeat center } .bannerBox .lunbo li.l2 { background: url(/Images/ad/indexBad2.jpg) no-repeat center } .bannerBox .lunbo li.l3 { background: url(/Images/ad/indexBad3.jpg) no-repeat center } .bannerBox .lunbo li a { display: block; width: 100%; height: 100%; } .bannerBox .lunbo li.l1 .p1 { font-size: 22px; color: #fff; padding: 0 20px 0 20px; line-height: 22px; } .bannerBox .lunbo li.l1 .p2 { font-size: 22px; color: #fff; margin-top: 5px; padding: 0 20px; } .bannerBox .lunbo li.l1 p { text-align: center; } .bannerBox .lunbo li.l1 .tableAlign { height: 110px; margin-top: 235px; width: 100%; } .bannerBox .lunbo li.l2 .p1 { font-size: 26px; font-weight: bold; color: #ffffff; line-height: 36px; padding: 150px 60px 0 60px; } .bannerBox .lunbo li.l3 .p1 { font-size: 40px; line-height: 40px; font-weight: bold; padding: 0 50px 0 250px; color: #fff; } .bannerBox .lunbo li.l3 .tableAlign { height: 180px; margin-top: 50px; } .bannerBox .lunbo li.live { background: url(/Images/ad/liveBanner.jpg) no-repeat center; text-align: center; } .bannerBox .lunbo li.live .p1 { font-size: 52px; font-weight: bold; line-height: 52px; margin-bottom: 10px; color: #fff; padding-top: 216px; } .bannerBox .lunbo li.live .p2 { font-size: 26px; color: #fff; line-height: 26px; } .bannerBox .lunbo li.live .p2 span { vertical-align: middle; } .bannerBox .lunbo li.live .star { display: inline-block; width: 28px; height: 26px; background: url(/Images/liveStar.png) no-repeat center; } /*.bannerBox .lunbo li.bannerNewUser{background:url(/Images/ad/indexUserBanner.jpg) no-repeat center;} .bannerBox .lunbo li.bannerNewUser a{display:block;height:100%;} .bannerBox .lunbo li.bannerPlus{background:url(/Images/ad/indexplusBanner.jpg) no-repeat center;} .bannerBox .lunbo li.bannerPlus a{display:block;height:100%;} .bannerBox .lunbo li.inBanner{background:url(/Images/home/bannerIn.jpg) no-repeat center;} .bannerBox .lunbo li.mxBanner{background:url(/Images/ad/indexMxBanner.jpg) no-repeat center;} .bannerBox .lunbo li.mxBanner a{display:block;width:100%;height:100%;} .bannerBox .lunbo li.brBanner{background:url(/Images/home/bannerBr2.jpg) no-repeat center;} .bannerBox .lunbo li.brBanner a{display:block;width:100%;height:100%;} .bannerBox .lunbo li.bannerAU{background:url(/Images/home/bannerAu.jpg) no-repeat center;} .bannerBox .lunbo li.bannerRu{background:url(/Images/home/bannerRu.jpg) no-repeat center;} .bannerBox .lunbo li.bannerPh{background:url(/Images/home/bannerPH2.jpg) no-repeat center;} .bannerBox .lunbo li.bannerKor{background:url(/Images/home/bannerKor.jpg) no-repeat center;} .bannerBox .lunbo li.bannerCa{background:url(/Images/home/bannerCa.jpg) no-repeat center;} .bannerBox .lunbo li.bannerJp{background:url(/Images/home/bannerJp.jpg) no-repeat center;} .bannerBox .lunbo li.bannerSg{background:url(/Images/home/bannerSg.jpg) no-repeat center;} .bannerBox .lunbo li.bannerUk{background:url(/Images/home/bannerUk.jpg) no-repeat center;} .bannerBox .lunbo li.bannerDe{background:url(/Images/home/bannerDe.jpg) no-repeat center;} .bannerBox .lunbo li.bannerFr{background:url(/Images/home/bannerFr.jpg) no-repeat center;} .bannerBox .lunbo li.bannerUs{background:url(/Images/home/indexUsImgnew.jpg) no-repeat center;} .bannerBox .lunbo li.bannerUs .warpBox{width:1300px;margin:0 auto;height:380px;position:relative;} .bannerBox .lunbo li.bannerUs .listA{position:absolute;right:67px;top:82px;width:420px;height:216px;background:url(/Images/home/indexUsImg2.png) no-repeat center;border-radius:10px;overflow:hidden;} .bannerBox .lunbo li.bannerUs .listA a{width:210px;height:26px;float:left;text-align:center;font-size:15px;color:#292865;line-height:16px;padding-top:82px;} .bannerBox .lunbo li.bannerUs .listA a:hover{background:rgba(255,255,255,0.12)} .bannerBox .lunbo li.bannerKz{background:url(/Images/act/indexKzBg2.jpg) no-repeat center;} .bannerBox .lunbo li.bannerKz .warpBox{width:1300px;margin:0 auto;height:380px;position:relative;} .bannerBox .lunbo li.bannerKz .kzMain{position:absolute;right:0;top:0;width:640px;text-align:center;padding-top:25px;} .bannerBox .lunbo li.bannerKz .kzMain .pDivBox{display:table;height:52px;text-align:center;width:100%;margin-top:-8px;margin-bottom:5px;} .bannerBox .lunbo li.bannerKz .kzMain .pDivBox p{display:table-cell;position:static;line-height:26px;font-weight:normal;font-size:22px;color:#fff;vertical-align:middle;width:100%;} .bannerBox .lunbo li.Advantage{background:url(/Images/home/AdvantageBanner3-1.jpg) no-repeat center;} .bannerBox .lunbo li.Advantage .txtBox{width:676px;float:right;color:#fff;padding-top:28px;} .bannerBox .lunbo li.Advantage .txtBoxIn{background:url(/Images/home/utWhyTxtBg2.png) no-repeat center left;height:243px;padding-top:13px;} .bannerBox .Advantage .txtBox .d1{display:table;height:70px;} .bannerBox .Advantage .txtBox .d2{height:50px;} .bannerBox .Advantage .txtBox .d3{height:50px;} .bannerBox .Advantage .txtBox .d4{height:50px;} .bannerBox .Advantage .txtBox .d5{height:50px;} .bannerBox .Advantage .txtBox .d1 .p1{font-size:24px;line-height:24px;color:#fff;font-weight:bold;margin-bottom:10px;display:table-cell;vertical-align:middle;} .bannerBox .Advantage .txtBox .dbox{display:table;padding-left:70px;margin-bottom:9px;} .bannerBox .Advantage .txtBox .dbox .cell{display:table-cell;vertical-align:middle;} .bannerBox .Advantage .txtBox .dbox .p1{color:#fff;font-weight:bold;line-height:16px;font-size:16px;} .bannerBox .Advantage .txtBox .dbox .p2{font-size:14px;line-height:14px;color:#fff;margin-top:3px;} .bannerBox .lunbo li.bannerPt{background:url(/Images/home/bannerPt.jpg) no-repeat center;} .bannerBox .lunbo li.bannerEs{background:url(/Images/home/bannerEs.jpg) no-repeat center;} .bannerBox .lunbo li.bannerIt{background:url(/Images/home/bannerIt.jpg) no-repeat center;} .bannerBox .lunbo li p{position:absolute;color:#fff;font-weight:bold;font-size:24px;line-height:26px;width:600px;text-align:center;right:0;top:80px;} .bannerBox .lunbo li .warp{position:relative;width:1300px;height:380px;margin:0 auto;}*/ /*.topArea .zoneAd{float:left;width:350px;height:360px;background:url(/Images/ad/toolAd.jpg) no-repeat center; } .topArea .zoneAd a{display:block;height:100%;} .topArea .zoneAd a p{font-size:38px;line-height:48px;font-weight:bold;color:#fff;padding-top:170px;text-align:center;} */ /*直播*/ .topArea .zoneAd { float: left; width: 350px; height: 360px; background: url(/Images/ad/homestream.jpg?2) no-repeat center; } .topArea .zoneAd-ru { background: url(/Images/ad/home-ru.jpg) no-repeat center !important; } .topArea .zoneAd a { height: 100%; display: block; position: relative; } .zoneAd .streamIn { width: 100%; height: 113px; /*display:table;*/ position: absolute; bottom: 10px; left: 0; overflow: hidden; } .zoneAd a .streamtxt { /*display:table-cell;*/ vertical-align: middle; } .zoneAd .streamtxt p { text-align: center; padding: 0 10px; } .zoneAd .streamtxt .p1 { font-weight: bold; color: #ffd200; font-size: 14px; } .zoneAd .streamtxt .p2 { color: #3050af; } .zoneAd .streamtxt .p3 { font-size: 18px; color: #f2a500; font-weight: bold; } .zoneAd .streamtxt .p4 { font-size: 14px; color: #3a93e5; } .zoneAd .streamtxt .p5 { color: #3050af; } .zoneAd .streamtxt .p6 { color: #a65ed4; padding: 0 15px; } .zoneAd .icnBox { position: absolute; width: 73px; height: 32px; top: 198px; left: 50%; margin-left: -36px; } .zoneAd .icnBox span { display: inline-block; width: 4px; background: #fff; border-radius: 2px; height: 100%; margin-right: 4px; } .zoneAd .icnBox span:last-child { margin-right: 0; } .zoneAd .icnBox .s1 { animation: play 0.7s infinite 0.1s; -webkit-animation: play 0.8s infinite 0.1s; } .zoneAd .icnBox .s2 { animation: play 0.7s infinite 0.3s; -webkit-animation: play 0.8s infinite 0.3s; } .zoneAd .icnBox .s3 { animation: play 0.7s infinite 0.5s; -webkit-animation: play 0.8s infinite 0.5s; } .zoneAd .icnBox .s4 { animation: play 0.7s infinite 0.7s; -webkit-animation: play 0.8s infinite 0.7s; } .zoneAd .icnBox .s5 { animation: play 0.7s infinite 0.4s; -webkit-animation: play 0.8s infinite 0.9s; } .zoneAd .icnBox .s6 { animation: play 0.7s infinite 0.2s; -webkit-animation: play 0.8s infinite 1s; } .zoneAd .icnBox .s7 { animation: play 0.7s infinite 0.9s; -webkit-animation: play 0.8s infinite 1.2s; } @keyframes play { 0% { height: 10%; } 20% { height: 50%; } 50% { height: 100%; } 80% { height: 50%; } 100% { height: 10%; } } /*.topArea .zoneAd .p1{font-size:34px;line-height:36px;font-weight:bold;color:#061977;margin-bottom:12px;} .topArea .zoneAd .p2{font-size:24px;color:#061977;line-height:24px;font-weight:bold;margin-bottom:9px;} .topArea .zoneAd .p3{font-size:14px;color:#061977;line-height:18px;margin-bottom:4px;}*/ /*.topArea .zoneAd img{margin-top:15px;}*/ .homeV4 .lunboBox .btmBiao { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%) } .homeV4 .lunboBox .btmBiao span { float: left; width: 26px; height: 3px; margin-right: 3px; cursor: pointer; padding: 5px 0; } .homeV4 .lunboBox .btmBiao span i { background: #fff; width: 26px; height: 3px; opacity: 0.2; display: block; } .homeV4 .lunboBox .btmBiao span:last-child { margin-right: 0; } .homeV4 .lunboBox .btmBiao span.curSp i { opacity: 0.8; } .homeV4 .warpCenter .menuXiala { cursor: pointer; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; width: 137px; z-index: 2; position: absolute; left: 0; top: 0px; height: 27px; color: #fff; text-align: center; background: rgba(255, 255, 255, 0.2); font-size: 12px; line-height: 27px; } .homeV4 .warpCenter .menuXiala i { display: inline-block; width: 0; margin-left: 4px; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #fff; vertical-align: middle; } .UserInfo .InfoBox { float: left; } .UserInfo .bgIn { height: 100%; } .UserInfo .InfoBoxT { width: calc(50% - 2px); } .UserInfo .InfoBox { height: 130px; } .UserInfo .InfoBox p { padding-left: 20px; } .UserInfo .InfoBox .p1 { font-size: 16px; line-height: 16px; color: #646464; margin-bottom: 5px; padding-top: 30px; } .UserInfo .InfoBox .p2 { font-size: 18px; line-height: 18px; color: #323232; margin-bottom: 12px; font-weight: bold; } .UserInfo .InfoBox .p3 a { color: #00936f; font-weight: bold; font-size: 14px; line-height: 14px; } .UserInfo .Info1 { background: linear-gradient(to right, #ffffff, #e8fdf5); margin-right: 3px; position: relative; } .plus_big { position: absolute; right: 36px; bottom: -12px; } .UserInfo .Info2 { background: linear-gradient(to right, #ffffff, #e8fdf5); margin-right: 3px; position: relative; overflow: hidden; } .UserInfo .Info3 { background: linear-gradient(to left, #ffffff, #e8fdf5); } .UserInfo .InfoBoxB { width: calc(50% - 2px); margin: 3px 0 10px 0; } .UserInfo .Info4 { background-image: linear-gradient(to right, #eff8ff, #fff); margin-right: 3px; } .UserInfo .Info4 .p2 { font-size: 24px; color: #14706a } .UserInfo .Info4 .bgIn { background: url(/Images/home/zhibo-big.png) no-repeat 100%; position: relative; display: block } .UserInfo .Info4 .bgIn .Dataicn { text-align: center; position: absolute; width: 70px; padding-top: 60px; padding-left: 0; height: 40px; bottom: 12px; right: 5px; background: url(/Images/home/dataSheetAd2-2.png) no-repeat center 11px; display: table; background-size: 52px; } .UserInfo .Info4 .bgIn .Dataicn span { display: table-cell; font-size: 12px; color: #969696; line-height: 14px; vertical-align: middle; } .UserInfo .Info5 { background-image: linear-gradient(to right, #fff, #fffdf3) } .UserInfo .Info5 .p2 { font-size: 24px; color: #967535 } .UserInfo .Info5 .bgIn { background: url(/Images/home/pcbAdIcn.png) no-repeat 95% 80px; } /*用户信息部分*/ .homeV4 .UserInfo { min-height: 160px; position: relative; margin-bottom: 20px; } .homeV4 .UserInfo .warpCenter { position: relative; display: flex; justify-content: space-between; } .homeV4 .UserInfo .phonecomponent { background: url(/Images/home/bgphonecomponent.png) no-repeat; color: #ebebeb; font-size: 24px; margin-bottom: 20px; margin-top: 10px; height: 300px; } .homeV4 .UserInfo .phonecomponent a { display: inline-block; height: 300px; } .homeV4 .UserInfo .phonecomponent p { padding: 70px 308px 0 500px; font-weight: bold; line-height: 1.4; color: #fff; } .homeV4 .toolAd { height: 330px; background: url(/Images/home/bigToolBg2.jpg) no-repeat center; } .homeV4 .z_toolAd { height: 170px; background: url(/Images/home/tool-bg.jpg) no-repeat center; } .homeV4 .toolAd .divL { width: 40%; float: left; color: #fff; padding-left: 70px; background: url(/Images/home/bigToolIcn2.png) no-repeat 47px 50px; } .homeV4 .z_toolAd .divL { width: 30%; float: left; color: #fff; padding-left: 40px; background: url(/Images/home/bigToolIcn2.png) no-repeat 10px 10px; background-size: 84px; } .homeV4 .toolAd .divL .p1 { padding-left: 90px; color: #fff; font-weight: bold; font-size: 42px; width: 400px; line-height: 42px; margin: 65px 0 0 0; padding-top: 5px; height: 90px; } .homeV4 .z_toolAd .divL .p1 { padding-left: 44px; color: #fff; font-weight: bold; font-size: 28px; width: 380px; line-height: unset; margin: 28px 0 0 0; padding-top: 5px; height: 56px; } .homeV4 .toolAd .divL .p2 { font-size: 22px; line-height: 26px; color: #fff; } .homeV4 .z_toolAd .divL .p2 { font-size: 14px; line-height: unset; color: #fff; } .homeV4 .toolAd .listA { float: right; padding: 4px; border-radius: 8px; background: #20c9a2; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.3); margin-top: 20px; margin-right: 29px; } .homeV4 .toolAd .z_listA { float: right; padding: 4px; border-radius: 8px; background: #20c9a2; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.3); margin-top: 14px; margin-right: 20px; } .homeV4 .toolAd .listA ul { overflow: hidden; border-radius: 8px; width: 624px; } .homeV4 .z_toolAd .listA ul { overflow: hidden; border-radius: 8px; width: 781px; } .homeV4 .toolAd .listA ul li { float: left; width: 155px; height: 140px; text-align: center; background: #fff; border-right: 1px solid #e2eaf8; border-bottom: 1px solid #e2eaf8; } .homeV4 .z_toolAd .listA ul li { float: left; width: 155px; height: 132px; text-align: center; background: #fff; border-right: 1px solid #e2eaf8; border-bottom: 1px solid #e2eaf8; } .homeV4 .toolAd .listA ul li:hover p { color: #00936f; } .homeV4 .toolAd .listA ul li .imgdiv { height: 97px; vertical-align: middle; } .homeV4 .z_toolAd .listA ul li .imgdiv { height: 88px; vertical-align: middle; } .homeV4 .toolAd .listA ul li img { max-height: 70px; max-width: 100px; display: inline-block; margin-top: 20px; } .homeV4 .z_toolAd .listA ul li img { max-height: 70px; max-width: 100px; display: inline-block; margin-top: 10px; } .homeV4 .toolAd .listA ul li p { font-size: 12px; color: #646464; line-height: 15px; overflow: hidden; height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .z_module { margin-top: 40px; } .z_juzhong { display: flex; align-items: center; } .z_module .z_title { font-size: 28px; font-weight: bold; color: #323232; display: flex; align-items: center; padding-bottom: 10px; justify-content: space-between; } .z_module .z_title .z_i { width: 5px; height: 16px; background-color: #00936f; margin-right: 10px; } .z_mokuai { display: flex; } .z_mokuai .item { width: 250px; text-align: center; background-color: #fff; } .z_mokuai .item a { display: block; } .z_mokuai .item:not(:first-child) { margin-left: 1px; } .z_mokuai .item p { text-align: left; padding-left: 20px; } .z_mokuai .item .a1 { font-size: 16px; color: #323232; } .z_mokuai .item .a2 { font-size: 22px; color: #00936f; padding-top: 30px; font-weight: bold; } .z_mokuai .item img { margin-top: 20px; margin-bottom: 15px; width: 210px; height: 185px } .z_classify { display: flex; justify-content: space-between; flex-wrap: wrap; width: 1300px; } .z_classify .z_item { position: relative; cursor: pointer; display: block; } .z_classify .z_item .name { position: absolute; bottom: 30px; font-size: 18px; font-weight: bold; width: 100%; text-align: center; } .changMes {} .changMes .imgBox { width: 479px; height: 372px; background: #fff; padding: 20px 20px 19px; border-right: 1px solid #f5f5f5; overflow: hidden; } .changMes .imgBox a { position: relative; display: block; width: 100%; height: 100%; } .changMes .imgBox img { position: absolute; left: 50%; top: 50%; margin-left: -240px; margin-top: -186px; } .changMes .imgBox span { z-index: 2; position: absolute; left: 50%; top: 50%; cursor: pointer; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; background: url(/Images/home/videoBtn1.png) no-repeat center; background-size: cover; } .changMes .imgBox span:hover { background: url(/Images/home/videoBtn2.png) no-repeat center; background-size: cover; } .changMes .mesBox { background: #fff; width: 780px; position: relative; } .changMes .mesBox .sortBox { height: 183px; border-bottom: 1px solid #f5f5f5; padding: 20px 20px 20px 45px; position: relative; } .changMes .mesBox .z_sortBox { height: 183px; border-bottom: 1px solid #f5f5f5; padding: 20px 0 20px 30px; position: relative; } .changMes .mesBox .sortBox .loadIcn { position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top: -17px; } .changMes .mesBox .sortBox .img1 { width: 20px; height: 26px; background: url(/Images/home/indexIcn2.png) no-repeat 0 -84px; position: absolute; left: 15px; top: 20px; } .changMes .mesBox .sortBox .z_img1 { width: 20px; height: 26px; background: url(/Images/home/indexIcn2.png) no-repeat 0 -84px; position: absolute; left: 0; top: 0; } .changMes .mesBox .sortBox li { float: left; width: 355px; height: 30px; line-height: 30px; font-size: 12px; color: #323232; background: #f8f8f8; border-radius: 4px; margin-right: 5px; margin-bottom: 2px; } .z_changMes .mesBox .sortBox li { float: left; width: 330px; height: 30px; line-height: 30px; font-size: 12px; color: #323232; background: #f8f8f8; border-radius: 4px; margin-right: 5px; margin-bottom: 2px; } .changMes .mesBox .sortBox li:nth-child(2n) { margin-right: 0; } .changMes .mesBox .sortBox li img { height: 30px; margin-right: 10px; } .changMes .mesBox .sortBox li span { width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .changMes .mesBox a:hover { color: #00936f; } .changMes .mesPt { height: 172px; background: #fff; position: relative; padding: 21px 0 0 45px; } .changMes .mesPt .img2 { width: 20px; height: 26px; background: url(/Images/home/indexIcn2.png) no-repeat 0 -38px; position: absolute; left: 15px; top: 15px; } .changMes .mesPt .z_img2 { width: 20px; height: 26px; background: url(/Images/home/indexIcn2.png) no-repeat 0 -38px; position: absolute; left: 15px; top: 0; } .changMes .mesPt .cell { width: 720px; overflow: hidden; } .changMes .mesPt .cell .loadIcn { position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top: -17px; } .changMes .mesPt .cell .ulBox { position: absolute; left: 0; top: 0; width: 720px; height: 175px; margin: 21px 0 0 45px; overflow: hidden; } .changMes .mesPt .cell .ulBox ul { width: calc(100% - 45px) } .changMes .mesPt .cell .ulBox .ul3 { display: none; } .changMes .mesPt .cell .ulBox ul li { width: 25%; } .z_changMes .mesPt .cell .ulBox ul li { width: 33.33%; } .changMes .mesPt .cell ul { position: absolute; left: 0; top: 0; width: 1440px; } .changMes .mesPt .cell li { width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 12px; margin-bottom: 11px; float: left; } .changMes .mesPt .cell li a { color: #323232; } .changMes .mesPt .cell li a:hover { color: #00936f; } .centerAd { margin-top: 10px; } .centerAd .cAd { width: 646px; height: 200px; background-image: linear-gradient(to right, #def4ff, #fff); margin-right: 8px; float: left; } .centerAd .cAd a { display: block; height: 100%; } .centerAd .cAd:first-child a { background: url(/Images/home/cAdbg1.png) no-repeat 10px 113px } .centerAd .cAd:last-child a { background: url(/Images/home/cAdbg2.png) no-repeat 16px 127px } .centerAd .cAd:last-child { margin-right: 0; background-image: linear-gradient(to right, #fff, #e3dfff); background-size: auto 100%; } .centerAd .cAd .p1 { font-size: 22px; font-weight: bold; color: #6d4e27; line-height: 28px; padding-left: 20px; padding-top: 47px; width: 90%; margin-bottom: 6px; } .centerAd .cAd .p2 { font-size: 14px; color: #6d4e27; line-height: 20px; padding-left: 20px; width: 80%; } .centerAd .cAd:last-child p { padding-left: 16px; color: #2f4278; width: 580px; } .centerAd .cAd:last-child .p1 { padding-top: 47px; } .centerAd .cAd:last-child .p2 { width: 80%; line-height: 20px; } .tableAlign { display: table; } .tableAlign-in { display: table-cell; vertical-align: middle; } .icnList { position: relative; height: 354px; margin: 20px auto; overflow: hidden; width: 1300px; } .icnListIn { /*width:2600px;*/ position: relative; left: 0; top: 0; } .icnList ul { width: 1300px; position: absolute; left: 0; top: 0; } .icnList li { float: left; overflow: hidden; background: #fff; width: calc((100% - 4px)/5); height: 70px; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } .icnList li:nth-child(5n) { margin-right: 0; border-right: 0; } .icnList li img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; display: block; } .icnList li:hover img { -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .creativity { height: 360px; background: url(/Images/home/cellBg2.png) no-repeat center; margin-top: 30px; } .creativity .warpCell>.p1 { font-size: 30px; color: #fff; line-height: 30px; padding-top: 72px; text-align: center; margin-bottom: 24px; } .creativity .warpCell>.p1 a { font-size: 14px; color: #00936f; line-height: 36px; margin-left: 20px; } .creativity .creativityUl { height: 190px; overflow: hidden; } .creativity li { float: left; width: 210px; height: 186px; margin: 0px 8px 10px 0; position: relative; border-radius: 8px; overflow: hidden; } .creativity li:last-child { margin-right: 0; } .creativity .vCell .imgA { position: relative; display: block; height: 130px; overflow: hidden; } .creativity .vCell img { width: 100%; position: absolute; left: 0; left: 50%; transform: translateX(-50%); } .creativity .vCell .hideCen { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all .3s; } .creativity .vCell:hover .hideCen { display: none; } .creativity .vCell:hover .videoTxt { background: #00936f; color: #fff } .creativity .vCell span { z-index: 2; position: absolute; left: 50%; top: 50%; cursor: pointer; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; background: url(/Images/home/videoBtn1.png) no-repeat center; background-size: cover; } .creativity .vCell span:hover { background: url(/Images/home/videoBtn2.png) no-repeat center; background-size: cover; } .creativity .vCell .videoTxt { color: #fff; padding: 10px 0 0 11px; font-size: 14px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; height: 49px; background: #fff; color: #646464; font-size: 13px; line-height: 21px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .creativity .vCell .p1 {} .blogVbox {} .blogVbox .vCell { float: left; height: 206px; position: relative; overflow: hidden; margin-right: 10px; margin-bottom: 12px; transition: all .1s; width: calc(20% - 32px); padding: 12px 12px 15px 12px; background: #fff; } .blogVbox .vCell .imgA { position: relative; display: block; height: 140px; overflow: hidden; } .blogVbox .vCell img { height: 100%; position: absolute; left: 0; left: 50%; transform: translateX(-50%); width: 100%; } .blogVbox .vCell .hideCen { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all .3s; display: none; } .blogVbox .vCell:hover .hideCen { display: none; } .blogVbox .vCell span { z-index: 2; position: absolute; left: 50%; top: 50%; cursor: pointer; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; background: url(/Images/home/videoBtn1.png) no-repeat center; background-size: cover; } .blogVbox .vCell span:hover { background: url(/Images/home/videoBtn2.png) no-repeat center; background-size: cover; } .blogVbox .vCell .videoTxt { height: 20px; width: 100%; color: #fff; padding-top: 10px; font-size: 14px; height: 78px; background: #fff; color: #646464; } .blogVbox .vCell .videoTxt .p_title { display: block; height: 36px; } .blogVbox .vCell .videoTxt .p_title a { overflow: hidden; text-overflow: ellipsis; width: 90%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blogVbox .vCell .p1 { font-size: 14px; color: #969696; padding-left: 20px; margin-top: 5px; background: url(/Images/act/Vicn3.png) no-repeat 0px 5px; } .blogVbox .vCell:nth-child(5n) { margin-right: 0; } .homeV4 .blogMore { display: block; color: #00936f; text-align: center; height: 36px; line-height: 36px; background: #fff; font-size: 14px; margin-bottom: 20px; } .homeV4 .trustPilot { background: #fff; margin-bottom: 84px; } .trustPilot .trustT { padding: 25px 30px 25px 30px } .trustPilot .flex { display: flex; } .trustT .img1 { margin-right: 39px; width: 170px; height: 36px; margin-top: 13px; } .trustT .img2 { margin-right: 35px; height: 57px; } .trustT .p1 { font-size: 13px; color: #323232; line-height: 18px; max-width: 40%; margin-top: 5px; } .trustCarIn { position: relative; overflow: hidden; height: 288px; margin: 0 30px; } .trustCar { padding-bottom: 30px; /*overflow:hidden;position:absolute;left:0;top:0;width:3900px;*/ display: flex; width: max-content; position: absolute; } .trustCar li { border: 1px solid #cee2db; border-radius: 8px; margin-right: 17px; /*width:362px;*/ padding: 20px; float: left; flex: 0 0 calc(360px); } /* .trustCar li:nth-child(3n){margin-right:0;}*/ .trustCar li {} .trustCarT { margin-bottom: 10px; } .trustCarT .heardImg { border-radius: 50%; background: #ffdebf; font-size: 14px; font-weight: bold; height: 36px; width: 36px; line-height: 36px; text-align: center; margin-right: 7px; } .trustCarT .p1 { font-size: 12px; font-weight: bold; color: #323232; line-height: 12px; margin: 5px 0 3px; } .trustCarT .p2 { font-size: 12px; color: #969696; } .trustCarC { margin-bottom: 12px; } .trustCarC .start { width: 80px; height: 15px; background: url(/Images/trustIcn.png) no-repeat 0 0; margin-right: 10px; display: block; float: left } .trustCarC .s2 { width: 19px; height: 13px; background: url(/Images/Flag/smallFlag/US.png) no-repeat center; display: block; float: left; margin-top: 2px; border-radius: 2px; } .trustCarC .gb { background: url(/Images/Flag/smallFlag/GB.png) no-repeat center; } .trustCarC .in { background: url(/Images/Flag/smallFlag/IN.png) no-repeat center; } .trustCarC .cn { background: url(/Images/Flag/smallFlag/CN.png) no-repeat center; } .trustCarC .time { font-size: 12px; color: #646464; float: right; } .trustCar .main .p1 { font-weight: bold; color: #323232; line-height: 12px; margin-bottom: 5px; } .trustCar .main .p2 { font-size: 12px; color: #646464; line-height: 18px; margin-bottom: 5px; height: 72px; overflow: hidden; text-overflow: ellipsis; isplay: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .trustCar .main .p3 { font-size: 12px; color: #646464; line-height: 12px; } .trustCar .liB { border-top: 1px solid #eee; margin-top: 10px; padding-top: 12px; color: #969696; font-size: 12px; } .trustCar .liB .s1 { padding-left: 20px; background: url(/Images/trustIcn.png) no-repeat 0 -70px; margin-right: 20px; float: left; } .trustCar .liB .s2 { padding-left: 20px; background: url(/Images/trustIcn.png) no-repeat 0 -35px; float: left; } .trustCar .liB .s3 { float: right; background: url(/Images/trustIcn.png) no-repeat 0 -102px; width: 10px; height: 12px; } .exhibitionAd { height: 430px; margin-top: 20px; } .z_exhibitionAd { height: 300px; margin-top: 30px; } .exhibitionAd a { display: block; height: 100%; background: url(/Images/ad/exhibitionAd2.jpg) no-repeat center; } .z_exhibitionAd a.z_exhibition { display: block; height: 100%; background: url(/Images/act/2025/exhibition.webp) no-repeat center; } .teAd a { display: block; height: 290px; background: url(/Images/ad/teAdIndex.jpg) no-repeat center; margin-top: 20px; } .teAd a p { padding-left: 34px; width: 45%; font-size: 28px; color: #fff; line-height: 30px; padding-top: 93px; font-weight: bold; } .serveData { height: 710px; background: url(/Images/home/serveData.jpg) no-repeat center; margin-bottom: 30px; } .serveData h5 { font-size: 22px; font-weight: bold; color: #323232; line-height: 24px; padding: 32px 0 0 29px; } .serveData .ul1 { display: flex; padding: 0 29px; justify-content: space-between; margin: 25px 0 28px 0; height: 105px; } .serveData .ul1 li { border-right: 1px solid #daebe5; padding: 0 38px 0 0; min-width: 11%; max-width: 14%; } .serveData .ul1 li:first-child { padding-left: 0; } .serveData .ul1 li:last-child { border: 0; } .serveData .ul1 li span { display: block; width: 30px; height: 30px; } .serveData .ul1 .l1 span { background: url(/Images/home/serveDataIcn.png) no-repeat 0 0; } .serveData .ul1 .l2 span { background: url(/Images/home/serveDataIcn.png) no-repeat 0 -52px; } .serveData .ul1 .l3 span { background: url(/Images/home/serveDataIcn.png) no-repeat 0 -103px; } .serveData .ul1 .l4 span { background: url(/Images/home/serveDataIcn.png) no-repeat 0 -151px; } .serveData .ul1 .l5 span { background: url(/Images/home/serveDataIcn.png) no-repeat 0 -201px; width: 40px; } .serveData .ul1 .l6 span { background: url(/Images/home/serveDataIcn.png) no-repeat 0 -251px; width: 40px; } .serveData .ul1 .p1 { font-size: 14px; color: #323232; line-height: 14px; margin: 13px 0 6px 0; } .serveData .ul1 .p2 { font-size: 28px; color: #00936f; line-height: 28px; font-weight: bold; } .serveImg { height: 238px; } .serveImg .p1 { font-size: 14px; color: #323232; font-weight: bold; line-height: 14px; padding: 0 0 0 29px; margin-bottom: 10px; } .serveImg img { margin: 0 auto; display: block; } .txtWarp { height: 242px; overflow: hidden; } .txtListBox { position: relative; top: 0; transition: top 1s; } .txtList { display: flex; } .txtList ul { padding-left: 30px; border-right: 1px solid #daebe5; width: 30%; } .txtList ul:nth-child(3n) { border-right: 0; } .txtList li { font-size: 13px; color: #323232; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .homeV4 .imgVideo { margin-top: 20px; margin-bottom: 30px; } .imgVideo .cell { float: left; width: 585px; padding: 30px 30px 0 30px; height: 220px; color: #fff; } .imgVideo .cell .txt { width: 276px; margin-right: 19px; position: relative; } .imgVideo .cell .btnCheck { position: absolute; left: 0; top: 152px; transition: all .3s; } .imgVideo .VideoCell { margin-right: 10px; background: url(/Images/ad/videoBg2.jpg) no-repeat left top; margin-bottom: 5px; } .imgVideo .imgCell { background: url(/Images/ad/photoBg2.jpg) no-repeat left top #fff } .imgVideo .imgLi { width: 140px; margin-right: 10px; } .imgVideo .imgLi:nth-child(2n) { margin-right: 0; } .imgVideo .imgLi img { border-radius: 8px; margin-bottom: 10px; display: block; } .imgVideo .p1 { font-size: 28px; font-weight: bold; line-height: 34px; margin-bottom: 9px; } .imgVideo .p2 { font-size: 18px; line-height: 22px; /*margin-top:13px;*/ } .shopflysBox { margin: 20px auto; } .shopflysBox .shopCell { margin-bottom: 2px; display: flex; justify-content: space-between; } .shopflysBox .shopCell .shopflyM { padding: 20px 10px 30px 20px; width: calc(50% - 21px); display: flex; justify-content: space-between; } .shopflysBox .shopCell .shopflyM:nth-child(2n) { border-left: 2px solid #ebebeb; } .shopflysBox .shopCell .shopflyM1 { background-image: linear-gradient(to right, #fff2f2, #fff); } .shopflysBox .shopCell .shopflyM2 { background-image: linear-gradient(to right, #fff, #f4fff6); } .shopflysBox .shopCell .shopflyM3 { background-image: linear-gradient(to right, #f1f6ff, #fff); } .shopflysBox .shopCell .shopflyM4 { background-image: linear-gradient(to right, #fff, #fffdf4); } .shopflysBox .shopCell .shopflyM5 { background-image: linear-gradient(to right, #f4fefb, #fff); } .shopflysBox .shopCell .shopflyM6 { background-image: linear-gradient(to right, #fff, #f4f4ff); } .shopflysBox .shopflyM .shopImg { max-width: calc(50% - 10px) } .shopflysBox .shopflyM .shopImg img { width: 100%; } .shopflysBox .shopflyM .shopLink { width: calc(50% - 10px); /*background:url(/Images/home/shopflyBg.png) no-repeat right 277px;*/ position: relative; } .shopflysBox .shopflyM .shopLink .shopBg { position: absolute; width: 100px; height: 16px; right: -2px; bottom: -21px; background: url(/Images/home/shopflyBg.png) no-repeat left top; } .shopflysBox .shopflyM .p1 { font-size: 20px; line-height: 20px; color: #323232; font-weight: bold; margin-bottom: 17px; } .shopflysBox .shopflyM .p2 { font-size: 13px; color: #323232; line-height: 14px; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .shopflysBox .shopflyM .p2 a:hover { color: #00936f; } /* 热门随机商品*/ .homeV4 h2.titH2 { font-size: 18px; color: #323232; line-height: 40px; font-weight: bold; text-align: left; margin-top: 21px; } .homeV4 h2.titH2 span { display: inline-block; width: 4px; height: 13px; background: #00936f; margin-right: 7px; } /*.columns .warp h2.titH2{color:#323232;line-height:30px;margin-top:11px;}*/ .homeV4 .pcbCell h2 { margin-top: 0; } /*电子原件视频图片集合区域*/ .IcArea { margin-right: 10px; width: 645px; } .IcImgBox .Mbox {} .picBox { width: 645px; } .IcArea .Mbox { background: url(/Images/home/homeVideoImg.jpg) no-repeat center; height: 240px; } .picBox .Mbox { background: url(/Images/home/homePic2.jpg) no-repeat center; height: 240px; } .IcImgBox .Mbox .txtL { float: left; width: 460px; padding-left: 25px; padding-top: 83px; color: #00f6ff; } .IcImgBox .Mbox .txtL .p1 { font-size: 34px; font-weight: bold; line-height: 34px; margin-bottom: 8px; } .IcImgBox .Mbox .txtL .p2 { font-size: 22px; line-height: 22px; } .picBox .Mbox .txtL { color: #eeb52e; } /* .IcArea .Mbox{padding:20px 20px 3px 20px;background:#fff;}*/ .IcImgBox .vUl { float: right; margin-top: 10px; margin-right: 10px; } .IcImgBox .vUl li { width: 131px; height: 68px; margin-bottom: 5px; border: 1px solid #3256b5; overflow: hidden; position: relative; } .IcImgBox .vUl li:nth-child(3n) { margin-bottom: 0; } .IcImgBox .vUl li .imgA { position: relative; display: block; height: 68px; width: 131px; margin-bottom: 9px; } .IcImgBox .vUl li img { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .IcImgBox .vUl li i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); transition: all .3s; } .IcImgBox .vUl li:hover .imgA i { background: none; } .IcImgBox .vUl li span { position: absolute; left: 50%; top: 50%; cursor: pointer; width: 34px; height: 34px; margin-left: -17px; margin-top: -17px; background: url(/Images/home/videoBtn1.png) no-repeat center; background-size: cover; } .IcImgBox .vUl li span:hover { background: url(/Images/home/videoBtn2.png) no-repeat center; background-size: cover; } .IcImgBox .vUl li .p1 { font-size: 14px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .IcImgBox .vUl li .p1 a { color: #323232; } .IcImgBox .vUl li .p1 a:hover { color: #00936f; } .picBox .vUl li img { transform: translateY(-50%) } /*视频播放弹窗*/ .iframeTc { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .5); z-index: 100; display: none; } .iframeTc .iframeIn { width: 960px; height: 540px; background: #fff; border-radius: 8px; padding: 20px; position: relative; left: 50%; top: 50%; margin-left: -500px; margin-top: -280px; } .iframeTc .iframeClose { position: absolute; width: 18px; height: 18px; cursor: pointer; top: 10px; right: 10px; background: url(/Images/OCicn2.png) 0 -482px no-repeat; } /*顶部广告*/ .topAD .topAdBox { background-position: top center; height: 60px; background-repeat: no-repeat; } #NoticeBoard { position: relative; height: 0; } #NoticeBoard .NoticeBox { display: none; width: 100%; height: 60px; position: absolute; top: 0; left: 0; background: #f0fff8; border-bottom: 1px solid #b7e1cd; border-top: 1px solid #b7e1cd; box-shadow: 1px 1px 1px rgba(210, 221, 225, 0.8); } #NoticeBoard .NoticeBox .NoticeBoxIn { width: 1300px; margin: 0 auto; position: relative; } #NoticeBoard .NoticeBox .NoticeBoxIn p { color: #133967; line-height: 60px; font-size: 16px; } #NoticeBoard .NoticeBox .NoticeBoxIn p i { font-style: normal; } #NoticeBoard .NoticeBox .NoticeBoxIn p .s2 { margin: 0 5px; background: #fafffd; cursor: pointer; color: #00936f; font-size: 16px; display: inline-block; padding: 0 10px; border: 1px solid #00936f; border-radius: 4px; line-height: 24px; } #NoticeBoard .NoticeBox .NoticeBoxIn p .s2:hover { background: #fff; color: #00a079; border-color: #00a079; } #NoticeBoard .NoticeBox .NoticeBoxIn span { position: absolute; width: 18px; height: 18px; background-position: -78px 0; cursor: pointer; top: 20px; right: 20px; } /*公共头部*/ /*#layBox{min-width:1200px;}*/ #layBox .layBoxTop { margin: 0 auto; height: 100%; background: #fff; } #layBox .layBoxTop .layBoxBtm { background: #fff; padding: 30px 0 0; } #layBox .layBoxTop .layBoxBtm .layBoxBtmIn { width: 1300px; margin: 0 auto; height: 180px; } .layBoxBtmIn .NarrowNav { width: 21px; height: 19px; background: url(/Images/addPlus.png) no-repeat 0 -140px; cursor: pointer; margin: 30px 20px 0 29px; display: none; } #layBox .layBoxTop .TopL { float: left; width: 207px; height: 65px; position: relative; } #layBox .layBoxTop .TopL #logo { height: 41px; min-width: 240px; margin: 0; padding: 0; margin-top: 36px; overflow: hidden; } #layBox .layBoxTop .TopL #logo a { position: relative } #layBox .layBoxTop .TopL #logo img { width: 204px; height: auto; } #layBox .layBoxTop .TopL #logo .countryLogo { width: auto; padding-left: 10px; border-left: 1px solid #e6e6e6; margin-left: 8px; } #layBox .layBoxTop .TopL #logo span { position: absolute; top: 0; left: -1000px; } .z_gudingclass { width: 1300px; margin: 0 auto; } /* 第一行: Logo + 搜索框 + Inquiry + LIVE STREAMING */ .z_topHede { display: flex; /* justify-content: space-between; */ align-items: center; /* height: 80px !important; */ /* padding: 15px 0; */ } .z_topHede .z_caidan { display: flex; align-items: center; } .z_topHede .z_caidan>a { display: flex; flex-direction: column; align-items: flex-start; } /* 搜索框区域 */ .z_topHede .z_search_area { display: flex; align-items: center; flex: 1; margin: 0 0 0 40px; max-width: 714px; } .z_topHede .z_input_wrapper { position: relative; display: flex; align-items: center; background: #fff; border-radius: 8px 0 0 8px; height: 46px; flex: 1; padding-left: 6px; border: 2px solid #1b479b; border-right: none; } .z_topHede .z_input_wrapper .z_ai_icon { height: 20px; width: auto; margin-right: 6px; } .z_topHede .z_input_wrapper input { flex: 1; border: none; background: transparent; height: 100%; font-size: 14px; outline: none; color: #333; } .z_topHede .z_input_wrapper input::placeholder { color: #999; font-size: 12px; } .z_topHede .z_input_wrapper .z_upload_list_btn { display: flex; align-items: center; color: #00936f; font-size: 12px; text-decoration: none; margin-right: 5px; white-space: nowrap; } .z_topHede .z_input_wrapper .z_upload_list_btn img { height: 11px; width: auto; margin-right: 4px; } .z_topHede .z_input_wrapper .z_upload_list_btn:hover { color: #007a5c; } .z_topHede .z_search_area .z_ss { height: 46px; padding: 0 20px; background: #1b479b; color: #fff; font-size: 16px; font-weight: bold; border: none; border-radius: 0 8px 8px 0; cursor: pointer; display: flex; align-items: center; justify-content: center; white-space: nowrap; } .z_topHede .z_search_area .z_ss:hover { background: #1b479b; } .z_topHede .z_search_area .z_Inquiry { height: 46px; padding: 0 20px; background: #eff3fb; color: #1b479b; font-size: 16px; /* border: 1px solid #ddd; */ border-radius: 8px; margin-left: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; text-decoration: none; white-space: nowrap; } .z_topHede .z_search_area .z_Inquiry:hover { background: #f5f5f5; /* color: #333; */ } /* LIVE STREAMING 按钮 */ .z_topHede .z_homestream { display: flex; align-items: center; margin-left: auto; } .z_topHede .z_homestream img { height: 25px; width: auto; } /* 第二行: Categories + 导航链接 + Plus + 购物车 */ .z_topHede2 { display: flex; justify-content: space-between; /* height: 46px; */ padding: 10px 0 0; } .z_topHede2 .z_shuru_arce { display: flex; align-items: center; } .z_topHede2 .z_shuru_arce .GlobalCate img { margin-left: 16px; margin-right: 10px; } .z_topHede2 .z_shuru_arce .GlobalCate { position: relative; cursor: pointer; width: 162px; padding: 0 20px; height: 30px; background: #fff; border: 1px solid #eee; border-radius: 4px; color: #333; font-size: 14px; font-weight: bold; display: flex; align-items: center; transition: all 0.2s ease; } .z_topHede2 .z_shuru_arce .GlobalCate .side { position: absolute; z-index: 200; top: 29px; left: 0; background-color: #fff; display: none; } .z_topHede2 .z_shuru_arce .GlobalCate:hover { background: #f8f8f8; border-color: #ccc; } /* 第二行导航链接 */ .z_topHede2 .z_headNav2 { display: flex; align-items: center; margin-left: 50px; } .z_topHede2 .z_headNav2 a { color: #333; font-size: 16px; margin-right: 24px; font-weight: bold; text-decoration: none; line-height: 46px; } .z_topHede2 .z_headNav2 a:hover { color: #00936f; } .z_lunboqiehuan { width: 1000px; display: flex; position: relative; } .z_more { color: #646464; font-size: 14px; cursor: pointer; } .z_more:hover { color: #00936f; } #layBox .layBoxTop .TopC { float: left; margin-left: 15px; } #layBox .layBoxTop .TopC .headSech { overflow: hidden; margin: 32px 32px 0 0; } #layBox .layBoxTop .TopC .headSech .fl { float: left; } #layBox .layBoxTop .TopC .headSech .sechIn { overflow: hidden; } #layBox .layBoxTop .TopC .headSech .sechIn input { font-size: 14px; line-height: 30px; float: left; width: 339px; height: 30px; background: #fff; outline: none; border: 2px solid #0038aa; border-right: 0; border-bottom-left-radius: 16px; border-top-left-radius: 16px; text-indent: 14px; } #layBox .layBoxTop .TopC .headSech .secBtn { float: left; width: 72px; height: 34px; cursor: pointer; background: url(https://aliffs.utsource.net/Images/home/layoutJinglin.png) no-repeat 23px 5px #0038aa; border-bottom-right-radius: 17px; border-top-right-radius: 17px; } #layBox .layBoxTop .TopC .headSech .secBtn:hover { background-color: #024bd1; } #layBox .layBoxTop .TopC .headSech .historySch { padding-left: 17px; margin-top: 5px; width: 395px; font-size: 12px; color: #646464; line-height: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #layBox .layBoxTop .TopC .headSech .historySch a { display: inline-block; margin-right: 14px; max-width: 100px; text-overflow: ellipsis; /*让截断的文字显示为点点。还有一个值是clip意截断不显示点点*/ white-space: nowrap; /*让文字不换行*/ overflow: hidden; } #layBox .layBoxTop .TopC .headSech .historySch a:hover { color: #00936f; } #layBox .layBoxTop .TopC .headNav {} #layBox .layBoxTop .TopC .headNav a { color: #323232; line-height: 98px; margin-right: 34px; float: left; font-size: 16px; } #layBox .layBoxTop .TopC .headNav a:hover { color: #00936f; } #layBox .layBoxTop .TopC .headNav a.thisCur { color: #00936f; font-weight: bold; } #layBox .layBoxTop .TopC .headNav a.plussOffA { position: relative; } #layBox .layBoxTop .TopC .headNav a.plussOffA i { position: absolute; width: 63px; height: 21px; right: -65px; top: 2px; background: url(/Images/home/plussOff2.png) no-repeat center } #layBox .layBoxTop .TopC .headNav a:last-child { margin-right: 0; } #layBox .layBoxTop .TopR { float: right; height: 65px; } #layBox .layBoxTop .TopR .headerNavR { float: right; margin-right: 10px; position: relative; margin-top: 26px; } #layBox .smallNavWarp .userMessage.active { color: #323232; padding: 4px 10px 0 11px; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; background: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; } #layBox .smallNavWarp .userMessage.readyLog .logJiantou { margin: 10px 0 0 6px; width: 8px; height: 5px; float: right; background-position: 0 -707px; transition: all 0.3s; } #layBox .smallNavWarp .userMessage.active .UserXiala { display: block; } #layBox .smallNavWarp .userMessage.active .userStyle .line { color: #323232; } #layBox .smallNavWarp .userMessage .topJt { position: absolute; top: 38px; width: 8px; height: 5px; background: url(/Images/home/jinglin.png) no-repeat 0 -67px; display: none; } #layBox .smallNavWarp .userMessage .hideLineBox { display: none; width: 100%; height: 1px; position: absolute; bottom: 1px; left: 0; background: #fff; z-index: 200; } #layBox .smallNavWarp .touxiang { margin-right: 10px; float: left; } #layBox .smallNavWarp .touxiang img { width: 25px; height: 25px; border-radius: 50%; } #layBox .smallNavWarp .userMessage { float: right; padding: 5px 11px 0 11px; position: relative; cursor: pointer; margin-right: 8px; margin-top: -10px; } #layBox .smallNavWarp .userMessage .userStyle { float: left; margin-top: 6px; } #layBox .smallNavWarp .userMessage .line { font-size: 16px; color: #fff; margin: 0 3px; } #layBox .smallNavWarp .userMessage .noLogP { min-width: 35px; max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #layBox .smallNavWarp .userMessage .noLogP.alreadyLog a { color: #00936f; } #layBox .smallNavWarp .userMessage a { font-size: 12px; color: #323232; } #layBox .smallNavWarp .userMessage a:hover { color: #00936f } #layBox .smallNavWarp .UserXiala { box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15); position: absolute; top: 30px; right: -1px; background: #fff; border: 1px solid #c8c8c8; display: none; z-index: 100; border-radius: 3px; } #layBox .smallNavWarp .UserXiala .xialaBox { text-align: center; background: #fff; } #layBox .smallNavWarp .UserXiala .xialaBox .Xnolog { background: #f5f5f5; padding: 10px 12px 5px 12px; } #layBox .smallNavWarp .UserXiala .xialaBox .Xnolog .p1 { font-size: 13px; font-weight: bold; color: #646464; line-height: 36px; white-space: nowrap; } #layBox .smallNavWarp .UserXiala .xialaBox .Xnolog .p2 { font-size: 12px; color: #646464; line-height: 36px; white-space: nowrap; } #layBox .smallNavWarp .UserXiala .xialaBox .Xnolog .p2 a { color: #00a079; text-decoration: underline; } #layBox .smallNavWarp .UserXiala .xialaBox .Xnolog .logBtn { display: block; color: #fff; text-align: center; border-radius: 4px; line-height: 30px; font-size: 16px; background: #074c9f; cursor: pointer; } #layBox .smallNavWarp .UserXiala .xialaBox .Xnolog .logBtn:hover { background: #0759bb; } #layBox .smallNavWarp .UserXiala .aList { width: 195px; padding: 20px 20px 0 20px; } #layBox .smallNavWarp .UserXiala .aList .Blist { border-top: 1px solid #eee; padding-top: 14px; } #layBox .smallNavWarp .UserXiala .aList a { display: block; line-height: 12px; margin-bottom: 17px; color: #323232; } #layBox .smallNavWarp .UserXiala .aList a:hover { color: #00936f; } #layBox .smallNavWarp .UserXiala .aList { display: none; } #layBox .smallNavWarp .UserXiala .aList .dengchu {} #layBox .smallNavWarp .userAddress { float: right; font-size: 12px; height: 20px; line-height: 17px; color: #646464; margin-right: 10px; padding-left: 20px; background: url(/Images/addPlus.png) no-repeat 0 0; cursor: pointer; } #layBox .smallNavWarp .userAddress:hover { color: #323232; background-position: 0 -44px; } #layBox .headerNavR .cartBox:hover #carNum { background: #00a079; } #layBox .headerNavR .cartBox { float: left; position: relative; font-size: 14px; height: 44px; padding: 12px 10px; margin-top: 1px; } #layBox .headerNavR .cartBox .hideLineBox { display: none; width: 100%; height: 1px; position: absolute; bottom: 3px; left: 0; background: #fff; z-index: 200; } #layBox .headerNavR .cartBox .carIcn { float: left; width: 25px; height: 20px; cursor: pointer; background: url(/Images/home/layoutJinglin.png) no-repeat 0 -170px; } #layBox .headerNavR .cartBox #carNum { float: left; height: 22px; cursor: pointer; line-height: 22px; border-radius: 10px; color: #fff; padding: 0 8px; background: #00936f; font-weight: bold; } #layBox .headerNavR .plusBox { position: relative; float: left; margin-right: 1px; cursor: pointer; position: relative; padding: 9px 4px 0 13px; height: 41px; } #layBox .headerNavR .z_plusBox { height: 37px; } #layBox .headerNavR .plusBox .hideLine { height: 1px; background: #fff; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 11; } #layBox .headerNavR .plusBox:hover { background-color: #fff; border: none; border-radius: 4px; padding: 9px 4px 0 13px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #layBox .headerNavR .plusBox:hover .hideLine { bottom: -1px; } #layBox .headerNavR .plusBox .plusBoxTtx { width: 53px; height: 23px; background: url(/Images/addPlus.png) no-repeat 0 -88px; display: inline-block; cursor: pointer; } #layBox .headerNavR .plusBox .plusAd { width: 322px; height: 113px; background: url(/Images/ad/plusTopAd.png) no-repeat left top; display: none; position: absolute; right: -1px; top: 49px; z-index: 2; border: 1px solid #c8c8c8; border-radius: 4px; border-top-right-radius: 0; } #layBox .headerNavR .plusBox .z_plusAd { top: 45px; } #layBox .headerNavR .plusBox:hover .plusAd { display: block; } #layBox .headerNavR .plusBox a { color: #fff; padding-top: 23px; padding-left: 15px; display: block; width: 307px; height: 91px; } #layBox .headerNavR .plusBox .p1 { font-size: 14px; margin-bottom: 6px; } #layBox .headerNavR .plusBox .p2 { font-size: 18px; font-weight: bold; line-height: 22px; width: 80%; } #layBox .layBoxTop .smallNav { padding: 11px 0; height: 40px; background: #f7f7f7; color: #969696; } #layBox .layBoxTop .smallNav .smallNavWarp { width: 1300px; margin: 0 auto; position: relative; } .layBoxTop .smallNav .navA a { float: left; color: #646464; line-height: 14px; padding: 0 8px; margin-top: 2px; border-right: 1px solid #d1d1d1; } .layBoxTop .smallNav .navA a.a6 { border-right: none; border-right: 1px solid #d1d1d1; } .layBoxTop .smallNav .navA a.a8 { border-right: 0; display: none } @media (max-width: 1199px) { .layBoxTop .smallNav .navA a.a8 { display: none; } .layBoxTop .smallNav .navA a.a7 { display: none; } } #layBox .layBoxTop .smallNav .navA a:hover { color: #323232; } #layBox .layBoxTop .smallNav .zhuce { float: left; color: #48719c; font-size: 12px; line-height: 14px; margin-top: 2px; color: #969696; display: none; } #layBox .layBoxTop .smallNav .zhuce a { padding: 0; margin: 0; float: none; border: none; color: #00a079; } #layBox .layBoxTop .smallNav .zhuce a.zhuceA2 { padding-right: 4px; border-right: 1px solid #d1d1d1; } #layBox .layBoxTop .smallNav .zhuce a:hover { color: #00a079; } #layBox .smallNav .chatLine { cursor: pointer; float: left; width: 18px; height: 18px; padding: 0 14px; background-position: 16px -609px; } #layBox .smallNav .chatLine:hover { background-position: 16px -629px; } #layBox .smallNav .language { float: right; margin-left: 5px; } #layBox .smallNav .language #ddlLang { border-color: #5182bc; color: #bac5db; background: #084c9f; } #layBox .smallNav .setCountry { float: right; margin-top: -4px; } #layBox .smallNav .setCountry .Flag { float: right; border-right: none; padding: 0; margin-top: -4px; color: #969696; position: relative; height: 26px; padding: 7px 9px 0 9px; } #layBox .smallNav .setCountry .Flag:hover { border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 6px 8px 0 8px; background: #fff; } #layBox .smallNav .setCountry .Flag span { vertical-align: middle; margin-right: 3px; } #layBox .smallNav .setCountry .Flag img { display: inline-block; vertical-align: middle; width: 25px; height: 16px; border-radius: 2px; } #layBox .smallNav .setCountry .Flag:hover .cList { display: block; } #layBox .smallNav .setCountry .Flag .hideLine { height: 0; background: #fff; width: 100%; position: absolute; left: 0; bottom: -1px; z-index: 21; } #layBox .Flag .cList { width: 556px; /*box-shadow:0 0 10px 5px rgba(0,0,0,0.1);*/ background: #fff; padding: 26px 8px 26px 30px; position: absolute; right: -1px; top: 32px; z-index: 20; display: none; border: 1px solid #c8c8c8; border-radius: 4px; border-top-right-radius: 0; } #layBox .Flag .cList .cTit { margin-bottom: 25px; } #layBox .smallNav .setCountry .Flag .cTit img { float: left; width: 40px; margin-right: 11px; height: 26px; border-radius: 4px; } #layBox .smallNav .setCountry.btmAds { position: absolute; right: 0; top: 45px; } #layBox .Flag .cList .cTit a { float: left; color: #646464; font-size: 12px; font-weight: bold; line-height: 26px; } #layBox .Flag .cList ul { float: left; padding-top: 10px; margin-bottom: 11px; width: 256px; margin-right: 22px; } #layBox .Flag .cList ul .lit { margin-bottom: 17px; border-bottom: 1px solid #f5f5f5; position: relative; } #layBox .Flag .cList ul .lit span { font-size: 14px; line-height: 14px; font-weight: bold; margin-bottom: -12px; padding-right: 6px; background: #fff; position: absolute; left: 0; top: -7px; color: #c8c8c8; } #layBox .Flag .cList ul .liM { height: 30px; } #layBox .Flag .cList ul .liM img { float: left; width: 25px; height: 16px; margin-right: 6px; box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.3); } #layBox .Flag .cList ul .liM span { font-size: 14px; color: #323232; line-height: 14px; } #layBox .Flag .cList ul .liM span:hover { color: #00936f; } #layBox .Flag .cList ul .liM .caA { color: #646464; font-size: 14px; vertical-align: middle; margin-left: 10px; } #layBox .smallNav .setCountry .Flag .liM a:hover { color: #646464; } #layBox .Flag .cList ul .liM .caA:hover { color: #00936f; } #layBox .smallNav .setCountry #SetCurrency { float: right; } #layBox .smallNav .setCountry #SetCurrency .manyCountry { z-index: 101; } #layBox .smallNav .VerticalLine { float: right; height: 18px; border-left: 1px solid #dcdcdc; margin: 2px 6px 0 8px; } .layoutSel div.simulate { position: relative; width: 101px; margin: 0 3px; color: #646464; font-size: 14px; height: 22px; line-height: 20px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #dcdcdc; } .layoutSel div.simulate:hover div.seleceCountry i { background-position: 0 -672px; } .layoutSel div.simulate.nobor { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; color: #646464; border-color: #ccc; background: #fff; } .layoutSel div.simulate div.seleceCountry { position: relative; height: 20px; text-indent: 7px; overflow: hidden; cursor: pointer; } .layoutSel div.simulate div.seleceCountry i { position: absolute; right: 6px; top: 7px; display: block; width: 9px; height: 7px; background-position: 0 -707px; -o-transition: all .3s; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .layoutSel div.simulate div.seleceCountry div.showcountry { width: 92px; height: 100%; background: #fff; border-radius: 3px; } .layoutSel div.simulate div.seleceCountry div.showcountry:hover { background-color: #fff; } #gongg div.simulate div.seleceCountry div.showcountry { width: 100%; } .layoutSel div.simulate div.manyCountry { display: none; position: absolute; z-index: 101; width: 100%; height: 200px; margin-left: -1px; background: #fff; border: 1px solid #ccc; border-top: none; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; overflow: hidden; font-size: 12px; } .layoutSel div.simulate div.manyCountry a { display: block; width: 100%; float: none; text-align: center; margin-top: 0; padding: 0; line-height: 20px; color: #323232; border: none !important; } .layoutSel div.simulate div.manyCountry a:hover { color: #00a079 !important; background: #f5f5f5 !important; } #SetCurrency div.simulate div.manyCountry { height: auto; } #gongg div.simulate div.manyCountry { height: auto; } .layoutSel .fobg { background: #f5f5f5; } #SetCurrency div.simulate div.seleceCountry div.showcountry { width: 60px; } #SetCurrency div.simulate { width: 60px; } .homeV4 .ptMain { padding: 0 29px 0 29px } .homeV4 .ptMain a { font-size: 13px; color: #646464; line-height: 14px; float: left; padding: 0 20px; border-right: 1px solid #7f7f7f; margin: 15px 0; } .homeV4 .ptMain a:last-child { border-right: 0; } .homeV4 .ptMain a:hover { color: #00936f; } .homeV4 .ptMain .ptList { background: url(/Images/home/homeBgLine.png) left top; background-repeat: repeat-y; display: none; } .homeV4 .ptMain .ptList.showThis { display: block; } /*顶部下拉菜单*/ .topArea { margin: 10px auto !important; width: 1300px; } .z_topArea { width: 100%; margin: 0 !important; } .topArea .side { transition: all 0.1s; width: 241px; background: #fff; position: relative; height: 360px; } .topArea .side .Ptxt { font-size: 14px; color: #646464; font-weight: bold; line-height: 16px; margin: 24px 0 10px 0; padding-left: 42px; background: url(/Images/home/indexIcn3.png) no-repeat 20px 2px } .side-navV3 .left { transition: all 0.1s; width: 241px; padding: 8px 0 30px 0; } .side-navV3 .left h2 { font-weight: normal; } .side-navV3 .left ul { overflow: hidden; } .side-navV3 .left ul li { height: 32px; line-height: 32px; cursor: pointer; padding-left: 20px; } .side-navV3 .left ul li a { font-size: 14px; color: #333; font-weight: normal; } .side-navV3 .left ul li:hover a { color: #00936f; } .side-navV3 .left ul .yiji:hover { background: #00936f; border-left: 3px solid #00ab81; padding-left: 17px; transition: all 0.1s; } .side-navV3 .left ul .yiji:hover a { color: #fff; transition: all 0.1s; } .side-navV3 .left ul .yiji.changeBg { background: #00936f; border-left: 3px solid #00ab81; padding-left: 17px; } .side-navV3 .left ul .yiji.changeBg a { color: #FFF; } .side-navV3 .left ul .yiji .sensorsNew { display: inline-block; width: 20px; height: 12px; background-position: 0 -221px; margin-left: 3px; } .side-navV3 .right .erji .sensorsNew { display: inline-block; width: 20px; height: 12px; background-position: 0 -221px; margin-left: 3px; } .FlagshipA { position: relative; padding-right: 20px; } .sensorsNew2 { position: absolute; top: 16px; right: -2px; width: 20px; height: 12px; background: url(/Images/new2.png) no-repeat center; } .side-navV3 .right { transition: all 0.1s; background: #fff; /*border-bottom-left-radius:10px;border-bottom-right-radius:10px;*/ position: absolute; top: 0; left: 241px; width: 820px; z-index: 10; display: none; min-height: 390px; box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.15); } .side-navV3 .right h3 { font-weight: normal; } .side-navV3 .right ul { background: #1a2e6c; position: absolute; top: 0; left: -1px; width: 492px; display: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 2px 2px 15px 1px rgba(0, 0, 0, 0.2); } .side-navV3 .right ul li { padding: 8px 0 8px 26px; line-height: 16px; position: absolute; } .side-navV3 .right ul:last-child li { max-width: 40%; } .side-navV3 .erji a { font-size: 14px; color: #d7e1ff; } .side-navV3 .erji a:hover { color: #fff6c1; } .side-navV3 .down { position: absolute; bottom: 5px; left: 0; width: 256px; height: 11px; background: url(/Images/home/v3down.png) no-repeat top center; cursor: pointer; z-index: 4; } .side-navV3 .right dl { display: inline-block; width: 100%; position: relative; width: 240px; /*min-height:404px;*/ margin-right: 10px; } .side-navV3 .erji { min-height: 350px; line-height: 14px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 3px 15px 20px 30px; } .side-navV3 .erji dd { padding: 3px 0 2px 0; width: 240px; line-height: 14px; } .side-navV3 .erji dt { padding: 5px 0 5px 0; margin-bottom: 1px; width: 240px; line-height: 16px; margin-top: 12px; } .side-navV3 .erji dt a { color: #323232; font-weight: bold; } .side-navV3 .erji dt a:hover { color: #00936f; } .side-navV3 .erji dd a { font-size: 12px; color: #646464; } .side-navV3 .erji dd a:hover { color: #00936f; } .side-navV3 .erji .TwoLi { /*float:left;*/ } .side-navV3 .erji dl { /*float:left;*/ /*overflow:hidden;*/ vertical-align: top; } .side-navV3 .erji dd img { float: right; } .side-navV3 .right .scrollBox { overflow-y: scroll; max-height: 600px; } .side-navV3 .right .scrollBox::-webkit-scrollbar-thumb { background-color: #e0e9f3; } /*---鼠标点击滚动条显示样式--*/ .side-navV3 .right .scrollBox::-webkit-scrollbar-thumb:hover { background-color: #c3d4e8; } /*---滚动条大小--*/ .side-navV3 .right .scrollBox::-webkit-scrollbar { width: 6px; height: 6px; } /*---滚动框背景样式--*/ .side-navV3 .right .scrollBox::-webkit-scrollbar-track-piece { background-color: #f5f5f5; } .side-navV3 .right .scrollBox::-webkit-scrollbar-thumb:active { background-color: #c3d4e8; } /*购物车浮层*/ #layBox .TopR .cartBox.curActive .carIcn { background: url(/Images/home/layoutJinglin.png) no-repeat 0 -170px } #layBox .TopR .cartBox.curActive { border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; padding: 11px 9px 12px 9px; background: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; } #layBox .Carinfo { z-index: 300; width: 354px; background: #fff; border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 3px; position: absolute; right: -1px; top: 43px; z-index: 100; display: none; border: 1px solid #c8c8c8; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15); } #layBox .z_Carinfo { z-index: 99999 !important; width: 354px; background: #fff; border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 3px; position: absolute; right: -1px; top: 44px; z-index: 100; display: none; border: 1px solid #c8c8c8; box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15); } #layBox .Carinfo .shang li.CarinfoCur { color: #00936f; border-bottom: 1px solid #00936f; } #layBox .Carinfo .shang { overflow: hidden; margin-top: 20px; padding: 0 20px; display: flex; border-bottom: 1px solid #e6e6e6; } #layBox .Carinfo .shang li { float: left; width: 150px; height: 20px; color: #fff; text-align: center; line-height: 20px; cursor: pointer; font-size: 14px; font-weight: bold; color: #646464; } #layBox .Carinfo .shang li.tab1 { margin-right: 14px; } #layBox .Carinfo .zhong { min-height: 30px; margin-top: 15px; max-height: 300px; overflow: auto; } #layBox .Carinfo .zhong p.chanpin { padding: 0 20px; } #layBox .Carinfo .zhong p.chanpin:nth-child(even) { background: #f5f5f5; } #layBox .Carinfo .buybox { display: block; } #layBox .Carinfo .inquirybox { display: none; } #layBox .Carinfo .zhong p { height: 26px; line-height: 26px; font-size: 12px; } #layBox .Carinfo .zhong p span { height: 24px; line-height: 24px; float: left; } #layBox .Carinfo .zhong .biaoti .s1 { width: 126px; display: inline-block; color: #999; } #layBox .Carinfo .zhong .biaoti .s2 { height: 24px; display: inline-block; color: #999; } #layBox .Carinfo .zhong .chanpin span { display: inline-block; color: #666; } #layBox .Carinfo .zhong .chanpin .s1 { width: 200px; overflow: hidden; text-overflow: ellipsis; } #layBox .Carinfo .zhong .chanpin .s1 a:hover { color: #00a079; } #layBox .Carinfo .zhong .chanpin .s2 { width: 50px; padding-left: 8px; } #layBox .Carinfo .zhong .chanpin .s3 { background-position: 0 -329px; width: 16px; cursor: pointer; } #layBox .Carinfo .zhong .noproduct { line-height: 32px; height: 28px; color: #666; font-size: 12px; padding-left: 56px; background: url(/Images/sprite3.png) no-repeat 21px -341px; margin: 10px 0; } #layBox .Carinfo .xia { padding: 0 20px; height: 30px; margin: 15px 0 10px 0; } #layBox .Carinfo .xia a { display: block; width: 100%; height: 30px; border-radius: 3px; background: #0b3c8e; font-size: 16px; line-height: 30px; color: #fff; text-align: center; } #layBox .Carinfo .xia a:hover { background: #0759bb; } #layBox .Carinfo .dengdai { position: absolute; top: 50%; left: 50%; display: none; margin-top: -25px; margin-left: -19px; } /*首页特有的头部样式*/ #layBox .side-navV3 .left { display: block; } /*顶部地址弹窗(这部分要做公共)*/ #publicAddBox { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 22; display: none; } #AddBianji { background: none; margin-bottom: 0; display: none; } #AddBianji .cellScroll { overflow-y: scroll; padding-top: 24px; height: 570px; } #AddBianji .wrap { padding-top: 0; box-shadow: none; width: 536px; height: 620px; position: absolute; left: 50%; top: 50%; margin-top: -310px; margin-left: -268px; border-radius: 8px; overflow: hidden; background: #fafafa } #AddBianji .biaoti { height: 50px; background: #f0f0f0; padding-left: 20px; font-size: 16px; color: #646464; line-height: 50px; text-align: left; position: relative; } #AddBianji .biaoti span { position: absolute; width: 18px; height: 18px; background: url(/Images/OCicn2.png) no-repeat 0 -482px; cursor: pointer; top: 10px; right: 10px; } #AddBianji .xxphone .ctyTxt { display: none; } #AddBianji .xxphone p { display: none; } #AddBianji .cell { margin-bottom: 12px; height: auto; overflow: hidden; padding-left: 40px; } #AddBianji .cell .s1 .redI { color: red; margin-right: 5px; } #AddBianji .cell span { font-size: 14px; width: 150px; color: #646464; display: block; padding-right: 10px; line-height: 24px; font-weight: bold; margin-bottom: 5px; } #AddBianji .cell .right { text-indent: 5px; width: 415px; box-shadow: none; height: 34px; font-size: 14px; line-height: 34px; padding-right: 15px; padding-left: 5px; color: #323232; border: 1px solid #c9c9c9; border-radius: 4px; } #AddBianji .cell .isUS { display: none; } #AddBianji .cell .right:focus { border-color: #8cc7b9; } #AddBianji #countries { width: 437px; } #AddBianji #USState { width: 437px; } #AddBianji .numI { display: none; } #AddBianji .usTel { position: relative; padding-bottom: 32px; margin-bottom: 10px; } #AddBianji .usTel .numI { background: #f5f5f5; display: block; float: left; height: 34px; border-radius: 4px; width: 96px; text-align: left; font-size: 16px; color: #646464; line-height: 34px; border: 1px solid #c9c9c9; } #AddBianji .usTel .ctyTxt { display: block; font-style: normal; font-size: 12px; line-height: 14px; color: #969696; position: absolute; left: 40px; top: 70px; } #AddBianji .usTel .right { width: 312px; margin-left: 5px; } #AddBianji .usTel .quhao { width: 100%; height: 33px; border: 0; text-indent: 0; width: 86px; } #AddBianji .usTel p { position: absolute; width: 340px; font-size: 12px; line-height: 14px; left: 145px; top: 71px; display: block; color: #ceb267; } #AddBianji .usTel p.jpCustomsNameTip { display: none; } #AddBianji .usTel.jpCustomsName { padding-bottom: 68px; } #AddBianji .usTel.jpCustomsName p.jpCustomsNameTip { display: block; top: 108px; } #AddBianji .jpCustomsNameTip i { font-style: normal; margin-right: 2px; } #AddBianji input.empty[required='required'] { background: url(/Images/red_asterisk.png) no-repeat 411px 9px; } #AddBianji input.valid[required='required'] { background: url(/Images/valid.png) no-repeat 411px 9px; } #AddBianji input.invalid[required='required'] { background: url(/Images/invalid.png) no-repeat 411px 9px; } #AddBianji .usTel input.invalid[required='required'] { background: url(/Images/invalid.png) no-repeat 307px 8px; } #AddBianji .usTel input.valid[required='required'] { background: url(/Images/valid.png) no-repeat 307px 8px; } #AddBianji .usTel input.empty[required='required'] { background: url(/Images/red_asterisk.png) no-repeat 307px 8px; } #AddBianji .setDefault { font-size: 14px; color: #00936f; margin: 0 0 20px 40px; } #AddBianji .setDefault input { width: 16px; height: 16px; } #AddBianji .setDefault span { margin-left: 6px; } #AddBianji .xxsubmit { width: 168px; height: 36px; background: #ccc; border-radius: 4px; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 36px; cursor: pointer; margin-bottom: 50px; } #AddBianji .xxsubmit:hover { background: #d5dae0; } #AddBianji .xxcancel { width: 168px; height: 36px; background: #ccc; border-radius: 4px; float: left; margin-right: 8px; margin-left: 83px; font-size: 16px; color: #fff; text-align: center; line-height: 36px; cursor: pointer; margin-bottom: 50px; } #AddBianji .xxcancel:hover { background: #d5dae0; } #AddBianji .xxsubmit.ThisOk { background: #0b3c8e; } #AddBianji .xxsubmit.ThisOk:hover { background: #104fad; } #AddBianji .cellScroll::-webkit-scrollbar-thumb { background-color: #ccc; } /*---鼠标点击滚动条显示样式--*/ #AddBianji .cellScroll::-webkit-scrollbar-thumb:hover { background-color: #c3d4e8; } /*---滚动条大小--*/ #AddBianji .cellScroll::-webkit-scrollbar { width: 6px; height: 6px; } /*---滚动框背景样式--*/ #AddBianji .cellScroll::-webkit-scrollbar-track-piece { background-color: #f0f0f0; } #AddBianji .cellScroll::-webkit-scrollbar-thumb:active { /*background-color: #c3d4e8;*/ } #publicAddBox .addList { position: absolute; width: 460px; height: 500px; border-radius: 16px; overflow: hidden; background: #fff; left: 50%; top: 50%; margin-left: -230px; margin-top: -250px; border: 1px solid #c8c8c8; /*padding:30px 30px 0 30px;*/ } #publicAddBox .addList .biaoti { height: 46px; padding-left: 30px; font-size: 16px; color: #646464; line-height: 46px; text-align: left; position: relative; font-weight: bold; padding-top: 13px; } #publicAddBox .addList .biaoti span { position: absolute; width: 18px; height: 18px; background: url(/Images/OCicn2.png) no-repeat 0 -482px; cursor: pointer; top: 10px; right: 10px; } #publicAddBox .addList .list { padding: 20px; background: #f8f8f8; margin: 0 38px; height: 290px; overflow-y: scroll; } #publicAddBox .addList .list .addLoading { margin: 80px 0 0 150px; } #publicAddBox .addList .li { cursor: pointer; background: #fff; border: 1px solid #dcdcdc; width: 342px; height: 84px; border-radius: 4px; margin-bottom: 10px; } #publicAddBox .addList .li .liTop { font-weight: bold; height: 30px; margin-top: 4px; line-height: 30px; border-bottom: 1px solid #dcdcdc; font-size: 12px; color: #646464; margin-left: 10px; margin-right: 10px; } #publicAddBox .addList .li .liTop span { float: left; } #publicAddBox .addList .li .liTop .tel { max-width: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #publicAddBox .addList .li .liTop .name { margin-right: 12px; max-width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #publicAddBox .addList .li .liTop .bianji { margin-top: 8px; cursor: pointer; float: right; width: 12px; height: 12px; background: url(/Images/OCicn3.png) no-repeat 0 -41px } #publicAddBox .addList .li .liTop .bianji:hover { background-position: 0 -83px; } #publicAddBox .addList .li .liTop .delArr { float: right; background: url(/Images/order/delArr.png) no-repeat 0 0; width: 13px; height: 13px; margin-top: 7px; margin-right: 5px; } #publicAddBox .addList .li .liTop .delArr:hover { background-position: 0 -14px; } #publicAddBox .addList .li .liBtm { margin-top: 6px; font-size: 12px; color: #969696; line-height: 18px; word-wrap: break-word; height: 48px; overflow: hidden; padding: 0 10px; } #publicAddBox .addList .li .liBtm .addTxt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #publicAddBox .addList .li .liBtm span { margin-right: 3px; } #publicAddBox .addList .li.active { background: #f3faf8; border: 1px solid #b1e6d9; position: relative; } #publicAddBox .addList .li.active .liTop { border-bottom: 1px solid #cfe7e1; } #publicAddBox .addList .li.active .p1 { background: #f3faf8; padding-bottom: 10px; border-bottom: 1px solid #cfe7e1; } #publicAddBox .addList .li.ToShopLi { height: 186px; font-size: 12px; } #publicAddBox .addList .li.ToShopLi .liTop { font-weight: normal; height: 80px; color: #646464; line-height: 16px; padding-bottom: 5px; } #publicAddBox .addList .li.ToShopLi .liTop .p1 { color: #ffa133; line-height: 24px; } #publicAddBox .addList .li.ToShopLi .liTop .p2 { font-weight: bold; color: #323232; font-size: 14px; margin-bottom: 6px; } #publicAddBox .addList .li.ToShopLi .liTop .p2 .checkMap { color: #00936f; float: none; margin-left: 10px; } #publicAddBox .addList .li.ToShopLi .liTop .p2 .checkMap:hover { text-decoration: underline; } #publicAddBox .addList .li.ToShopLi .liTop .p3 { padding-left: 16px; background: url(/Images/order/confirmIcn3.png) no-repeat 0 3px; font-size: 12px; } #publicAddBox .addList .li.ToShopLi .liTop .p4 { padding-left: 16px; background: url(/Images/order/confirmIcn3.png) no-repeat 2px -74px; font-size: 12px; } #publicAddBox .addList .li.ToShopLi .liBtm { height: auto; position: relative; color: #646464; font-size: 12px; line-height: 18px; } #publicAddBox .addList .li.ToShopLi .liBtm .bianji2 { position: absolute; cursor: pointer; width: 16px; height: 16px; background: url(/Images/OCicn2.png) no-repeat 0 0; top: 10px; right: 10px; } #publicAddBox .addList .li.ToShopLi .liBtm .bianji2:hover { background-position: 0 -36px; } #publicAddBox .addList .li.ToShopLi .liBtm .p1 { color: #969696; margin: 7px 0; } #publicAddBox .addList .li.ToShopLi .liBtm .p2 { padding-left: 16px; background: url(/Images/order/confirmIcn3.png) no-repeat 0 -36px; } #publicAddBox .addList .li.ToShopLi .liBtm .p3 { padding-left: 16px; background: url(/Images/order/confirmIcn3.png) no-repeat 2px -74px; } #publicAddBox .addList .addAddressP { margin-top: 10px; margin-left: 38px; } #publicAddBox .addList .addAddress { color: #00936f; font-size: 12px; line-height: 12px; cursor: pointer; } #publicAddBox .addList .subAdd { display: block; height: 34px; line-height: 34px; color: #fff; font-weight: bold; text-align: center; border-radius: 4px; background: #0b3c8e; cursor: pointer; font-size: 14px; font-weight: bold; margin: 24px 38px 0 38px; } #publicAddBox .addList .subAdd:hover { background: #104fad; } /*#whatsAppNum{ position:fixed;z-index:100;right:0;bottom:20%;width:66px;height:66px;background:url(/Images/homeWhatsApp.png) no-repeat 0 0;} #whatsAppNum:hover{background-position:0 -66px;}*/ .part-title { font-weight: 500; font-size: 20px; text-align: center; padding: 39px 10px 0; } .part-other-desc { text-align: center; width: 100%; font-size: 16px; position: absolute; } #ad-link-1 { color: #76612a; } #ad-link-1 .part-title { color: #68511a; } #ad-link-2 { color: #535219; } #ad-link-3, #ad-link-4 .part-title { color: #085237; } #ad-link-5, #ad-link-6 { color: #004b60; } #ad-link-7, #ad-link-8 { color: #052d7d; } #ad-link-9, #ad-link-10 { color: #233474; } #ad-link-11 { color: #4b3685; } #ad-link-1 .part-other-desc { position: absolute; bottom: 107px; } #ad-link-1 h4 { text-transform: capitalize; } #ad-link-3 .part-other-desc:first-of-type { bottom: 100px; } #ad-link-2 .part-other-desc:first-of-type { bottom: 110px; } #ad-link-5 .part-other-desc:first-of-type { bottom: 120px; } #ad-link-5 .part-other-desc:last-of-type { bottom: 100px; } #ad-link-6 .part-other-desc:first-of-type { bottom: 120px; } #ad-link-6 .part-other-desc:last-of-type { bottom: 100px; } #ad-link-2 .part-other-desc:last-of-type { bottom: 92px; } #ad-link-3 .part-other-desc:last-of-type { bottom: 83px; } #ad-link-7 .part-other-desc:first-of-type { bottom: 120px; } #ad-link-7 .part-other-desc:nth-last-of-type(2) { bottom: 100px; } #ad-link-7 .part-other-desc:last-of-type { bottom: 80px; } #ad-link-8 .part-other-desc:first-of-type { bottom: 105px; } #ad-link-8 .part-other-desc:last-of-type { bottom: 86px; } #ad-link-9 .part-other-desc:first-of-type { bottom: 110px; } #ad-link-9 .part-other-desc:last-of-type { bottom: 91px; } #ad-link-10 .part-other-desc:first-of-type { bottom: 112px; } #ad-link-10 .part-other-desc:last-of-type { bottom: 95px; } #ad-link-11 .part-other-desc:first-of-type { bottom: 116px; } #ad-link-11 .part-other-desc:last-of-type { bottom: 96px; } .quote-now { position: absolute; bottom: 74px; display: block; width: 100%; text-align: center; color: #422d7a; font-size: 16px; } .scrollNav { display: none; } @media (max-width:1300px) { .trustCar li { flex: 0 0 calc(326.5px) } .changMes .imgBox a { overflow: hidden; } .newWeb .txtL { margin-left: 20px; } .bannerBox { width: 619px; } .topArea { width: 1200px; } .bannerBox .lunbo li.l3 .p1 { font-size: 32px; } .topArea .zoneAd { width: 320px; } .centerAd .cAd { width: 596px; } .warpCell { width: 1200px; } .changMes .imgBox { width: 399px; } .changMes .imgBox { padding: 10px; } /* .icnListIn{width:2400px;}*/ .icnList ul { width: 1200px; } .icnList li { width: 239px; } .z_changMes .mesBox .sortBox { padding: 10px 0 10px 45px } #footerV3 { min-width: 1200px; } .bannerBox .warpCenter { width: 1200px; } .bannerBox .lunbo li .warp { width: 1200px; } .bannerBox .warpCenter { margin-left: -600px; } #NoticeBoard .NoticeBox .NoticeBoxIn { width: 1200px; } .homeV4 h2.titH2 { width: 100%; } .homeV4 .luoboWarp { width: 1200px; margin: 0 auto; } .homeV4 .menuList a { width: 24.92%; } .homeV4 .UserInfo { width: 1200px; margin: 0 auto 5px; } .homeV4 .menuList { width: 1200px; } .homeV4 .menuList.flyBox { width: 1200px; } .homeV4 .menuListBox { width: 1200px; } .homeV4 .warpCenter { width: 1200px; } .homeV4 .menuList .FeeTxt .expressTxt { margin-left: 40px; } .homeV4 .menuList .FeeTxt .expressTxt { width: 700px; margin-left: 45px; } .homeV4 .floor { width: 1200px; } .homeV4 .floor .CategoryList { margin-right: 5px; width: 322px; } .homeV4 .floor .ptList { width: 627px; margin-right: 5px; } .homeV4 .ptList .btnR { right: 3px; } .homeV4 .ptList .btnL { left: 3px; } .homeV4 .floor .ptList .ptListWarp { margin-left: 30px; } .homeV4 .bannerBox .hide1 { left: 330px; } #layBox .layBoxTop .smallNav .smallNavWarp { width: 1200px; } #layBox .layBoxTop .layBoxBtm .layBoxBtmIn { width: 1200px; } .homeV4 .longBg { width: 1200px; } .homeV4 .LcProduct { width: 1200px; } .homeV4 .LcProductT span:first-child.cut { width: 238px; } .homeV4 .LcProductT span.cut { width: 237px; } .homeV4 .LcProductT span:last-child.cut { width: 241px; } .homeV4 .LcProductT span { width: 239px; } .homeV4 .LcProductT .s5 { width: 241px; } .ptLink .ptNameTxt { margin-right: 27px; } .homeV4 .bannerBox .indexBanner { width: 1200px; } .IcImgBox { width: 595px; } .IcImgBox .Mbox .txtL { width: 420px; } #layBox .layBoxTop .TopC .headNav a { margin-right: 15px; } #layBox .layBoxTop .TopC .headSech { margin-right: 15px; } .imgVideo .cell { padding: 30px 15px 0 15px; width: 565px; } .imgVideo .cell .txt { margin-right: 9px; width: 270px; } .imgVideo .imgLi { margin-right: 6px; } .homeV4 .toolAd .listA ul { width: 468px; } .homeV4 .toolAd .listA ul li:nth-child(6) { display: none; } .homeV4 .toolAd .listA ul li:nth-child(7) { display: none; } } @media (max-width:1200px) { .imgVideo .imgLi:nth-child(2n) { display: none; } .imgVideo .cell { width: calc((100% - 70px)/2); } .newWeb ul { width: 60%; } .newWeb ul li { width: calc(25% - 21px); padding: 10px; } #NoticeBoard { min-width: 960px; max-width: 1200px; } .scrollNav { display: block; } .topArea { max-width: 1200px; min-width: 960px; width: auto; margin: 0 10px; } .changMes { margin-left: 10px; } .changMes .mesBox .sortBox { padding: 10px 20px 10px 25px } .z_changMes .mesBox .sortBox { padding: 10px 0 10px 25px } .warpCell { min-width: 960px; width: auto; max-width: 1200px; } #layBox { min-width: 960px; max-width: 1200px; } #layBox .layBoxTop .layBoxBtm .layBoxBtmIn { max-width: 1200px; } #layBox .layBoxTop .smallNav .smallNavWarp { width: auto; max-width: 1200px; } #layBox .layBoxTop .layBoxBtm .layBoxBtmIn { width: auto; max-width: 1200px; } #layBox .layBoxTop .TopC .headNav { display: none; } .bannerBox { width: calc((100% - 20px)*0.6); } .topArea .zoneAd { width: calc((100% - 20px)*0.4-10px); } .bannerBox .lunbo li { background-size: auto 100% !important; } .topArea .zoneAd { background-size: 100% auto !important; } #layBox .layBoxTop .layBoxBtm .layBoxBtmIn { height: 80px; } #layBox .layBoxTop .TopR .headerNavR { margin-top: 19px; } #layBox .layBoxTop .TopC .headSech { margin-top: 25px; } #layBox .layBoxTop .TopL #logo { margin-top: 25px; } .layBoxBtmIn .NarrowNav { display: block; } .homeV4 .UserInfo { width: auto; margin: 0 5px 5px 10px; max-width: 1200px; min-width: 960px; } .homeV4 .warpCenter { width: auto; max-width: 1200px; min-width: 960px; } .changMes .imgBox { width: calc(35% - 20px); } .changMes .mesBox { width: calc(65% - 1px); } .changMes .mesBox .sortBox .img1 { left: 0; top: 0; } .changMes .mesPt .img2 { left: 0; top: 0; } .changMes .mesBox .sortBox li { width: calc(50% - 3px); } .changMes .mesPt .cell .ulBox { margin: 15px 0 0 25px; width: calc(100% - 25px) } .centerAd .cAd { width: calc(50% - 13px) } .centerAd .cAd:first-child { margin-left: 10px; } .icnList { margin-left: 10px; background: #fff; } .icnList ul { width: auto; max-width: 1200px; min-width: 960px; } .icnList ul li { width: calc((100% - 3px)/4) } .icnList li:nth-child(5n) { border-right: 1px solid #f5f5f5 } .icnList li:nth-child(4n) { border-right: 0; } .changMes .imgBox a { overflow: hidden; } .newWeb { margin-left: 10px; } .exhibitionAd { margin-left: 10px; } .teAd { margin-left: 10px; } .centerAd .cAd:last-child .p1 { width: 80%; } .centerAd .cAd:last-child .p2 { width: 80%; } /*分类浮层*/ .topArea { position: relative } .topArea .side { display: none; position: absolute; left: 10px; top: -27px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); z-index: 2; border-radius: 4px; height: 405px; } .topArea .side .Ptxt { display: none; } .topArea .side::after { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; top: -8px; left: 22px; } .topArea .side::before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(0, 0, 0, 0.05); position: absolute; top: -11px; left: 20px; } .side-navV3 .right { width: 700px; } .side-navV3 .erji { padding: 3px 5px 20px 5px } .side-navV3 .right dl { width: 220px; margin-right: 5px; } .side-navV3 .erji dd { width: 220px; } /*底部部分 后期拿出来*/ #footerV3 { max-width: 1200px; min-width: 960px; width: auto; } #footerV3 .wrap { max-width: 1200px; min-width: 960px; width: auto; } #footerV3 .wrap ul { padding-left: 18px; width: calc(33.3% - 20px) } #footerV3 .wrap .Ful4 { width: calc((100% - 18px)); position: relative; margin-top: 30px; min-height: 100px; border: 0; } #footerV3 .wrap .Ful4 li { width: 255px; } #footerV3 .wrap .Ful4 .scrollL { float: left; width: calc(33.3% - 18px) } #footerV3 .wrap .Ful4 .scrollR { float: left; margin-top: 20px; width: calc(33.3% - 18px); margin-left: 20px; position: relative; } #footerV3 .noflowLink { left: 275px; bottom: 15px; } #footerV3 .footBd1 { margin-left: 15px; } /*侧边栏收起*/ #slideNav { right: -58px; } #slideNavBox #showslideNav { right: 0; } .centerAd .cAd:last-child .p1 { padding-top: 20px; } .centerAd .cAd .p1 { padding-top: 20px; } } @keyframes mymove { 0% { left: -205px; bottom: -52px; opacity: 0; } 50% { opacity: 1; } 100% { left: 75px; bottom: 110px; opacity: 0; } } @-webkit-keyframes mymove /*Safari and Chrome*/ { 0% { left: -205px; bottom: -52px; opacity: 0; } 50% { opacity: 1; } 100% { left: 75px; bottom: 110px; opacity: 0; } } .bom-upload-box .drop-bg { width: 100%; height: 100%; background: rgba(0, 147, 111, 0.05); border-radius: 24px; position: absolute; left: 0; top: 0; } .bom-upload-box .label { padding: 0 10px; font-size: 14px; color: #323232; padding-top: 11px; } .bom-upload-box .p4 { color: #969696; line-height: 16px; padding-top: 2px; } .bom-upload-box .saveIcn { position: absolute; left: 0; top: 0; width: 107px; height: 60px; background: url(/Images/bomSave.png) no-repeat center; } .upload-btn { cursor: pointer; display: block; width: 172px; height: 32px; text-align: center; border-radius: 4px; line-height: 32px; font-size: 14px; color: #fff; margin: 0 auto; background: #00936f; font-weight: bold; } .upload-btn .up-icon { display: inline-block; width: 26px; height: 17px; background: url(/Images/comsprit.png) no-repeat -114px -370px; vertical-align: middle; margin-right: 6px; } .upload-btn .up-icon+span { vertical-align: middle; } @-moz-keyframes loadingC { 0% { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -moz-transform: translate(0, 15px); -webkit-transform: translate(0, 15px); transform: translate(0, 15px); } 100% { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes loadingC { 0% { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -moz-transform: translate(0, 15px); -webkit-transform: translate(0, 15px); transform: translate(0, 15px); } 100% { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes loadingC { 0% { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -moz-transform: translate(0, 15px); -webkit-transform: translate(0, 15px); transform: translate(0, 15px); } 100% { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media (max-width:1100px) { .newWeb ul { width: 50%; } .newWeb ul li { width: calc(33.33% - 21px) } .newWeb ul li:last-child { display: none; } .changMes .imgBox { display: none; } .changMes .mesBox { width: calc(100% - 1px) } .layBoxTop .smallNav .navA a.a7 { display: none; } } @media (max-width:1150px) { .layBoxTop .smallNav a.a5 { display: none; } .layBoxTop .smallNav a.a1 { display: none; } } @media (max-width:1100px) { .layBoxTop .smallNav .a4 { display: none; } } @media (max-width:1000px) { /* .layBoxTop .smallNav a.a6{display:none;}*/ } /*@* 博客区 *@*/ .bolg_arce { padding: 25px 0 58px 0; background: url(../../Images/home/blog/blog_bg.webp) no-repeat; background-position: center !important; } .bolg_arce .B_title { text-transform: uppercase; display: flex; justify-content: center; font-size: 36px; color: #fff; font-weight: bold; /*padding-bottom:20px;*/ display: flex; align-items: center; } .bolg_arce .B_title img { margin-right: 10px; } .bolg_arce .lists { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); } .bolg_arce .lists .list { width: 239px; height: 259px; margin-bottom: 5px; border-radius: 6px; overflow: hidden; padding: 10px; background-color: #fff; text-align: center; display: inline-block; } .bolg_arce .lists .list2 iframe { border-radius: 6px; } .bolg_arce .lists .list2 { width: 239px; height: 168px; } .bolg_arce .lists .list .img { width: 239px; margin: auto } .bolg_arce .lists .list .big_img { width: 239px; height: 180px; overflow: hidden; display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ } .bolg_arce .lists .list .big_img2 { position: relative; height: 138px; } .youtob_bofang { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); opacity: 0; transition: all 0.3s ease-in-out; pointer-events: none; } .big_img2:hover .youtob_bofang { opacity: 1; transform: translate(-50%, -50%) scale(1); } .bolg_arce .lists .list p.p1 { display: block; padding-top: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; color: #323232; font-size: 13px; text-align: left; } .bolg_arce .lists .list .fotten { text-align: left; margin-top: 8px; } .bolg_arce .lists .list .fotten .right span { padding: 2px 5px; font-size: 12px; color: #fff; border-radius: 6px; display: inline-block; /* 让元素成为行内块 */ max-width: 150px; /* 设置最大宽度，超出部分隐藏 */ white-space: nowrap; /* 禁止换行 */ overflow: hidden; /* 隐藏超出内容 */ text-overflow: ellipsis; /* 超出内容显示省略号 */ } .bolg_arce .lists .list .fotten .right .s1 { background-color: #c7d0f0; margin-right: 5px; } .bolg_arce .lists .list .fotten .right .s2 { background-color: #c6ebda; } .bolg_juzhong { width: 1300PX; margin: auto; } .keyword-list { position: absolute; top: calc(100% + 5px); left: 0; width: 473px !important; margin: 0; padding: 10px 0 12px 0; list-style: none; /* border: 1px solid #00936f;*/ background: white; z-index: 9; height: 0; min-height: 180px; overflow: hidden; transition: height 0.3s ease; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 0px 5px 20px 0px rgba(10, 2, 4, 0.3); } .keyword-list.show { height: auto; } .keyword-list li { padding: 5px 15px; cursor: pointer; white-space: nowrap; /* 不换行 */ overflow: hidden; /* 隐藏超出的部分 */ text-overflow: ellipsis; /* 显示省略号 */ color: #323232; font-size: 14px; } .keyword-list li:hover { background: #F5F5F5; color: #00936f; } .keyword-list .history-header { padding: 0px 0px 8px 31px; height: 18px; font-weight: bold; color: #969696; cursor: default; /* 不可点击 */ background: url(/Images/home/sslsjl.png) no-repeat; background-position: 10px 1px; } .keyword-list .history-header:hover { background: url(/Images/home/sslsjl.png) no-repeat; background-position: 10px 1px; } } .z_topHede2 .z_shuru_arce .z_input input::placeholder { color: #b4b4b4; /* 自定义颜色 */ font-size: 14px; /* 可选：更改字体大小 */ } .keyword-list strong { font-weight: bold; /* 确保加粗效果 */ }