/* 样式初始化 --------------------------------------------------*/ html { height: 100%; } body { font-family: Helvetica, Arial, sans-serif; background: #750B13; -webkit-text-size-adjust: 100%;/*解决Iphone下橱窗字体变大问题*/ } * { padding: 0; margin: 0; border: 0; text-align: left; font-style: normal; font-weight: normal; font-size: 14px; -webkit-tap-highlight-color: rgba(0,0,0,0); /*禁止链接高亮*/ -webkit-touch-callout: none; /*禁止链接长按弹出选项菜单*/ } nav, footer, section, header, article { display: block; } ul { list-style: none; } a:link { -webkit-tap-highlight-color: rgba(0,0,0,0); /*禁止链接高亮*/ -webkit-touch-callout: none; /*禁止链接长按弹出选项菜单*/ } a:link, a:visited, a:hover, a:active { color: #000; } input, textarea { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /* 主体结构 --------------------------------------------------*/ #box_root { height: 100%; } #box_mainBody { width: 100%; min-width: 320px; background: #750B13 url(../images/loading2.gif) no-repeat 50% 50%; /*overflow: hidden;*/ position: absolute; z-index: 1; top: 0; bottom: 45px; left: 0; text-align: center; } #box_main { min-width: 320px; max-width: 640px; background: #ffffff; margin: 0 auto; overflow: hidden; position: relative; } #box_header { width: 100%; } #box_footerBody { width: 100%; height: 45px; position: fixed; bottom: 0px; left: 0; z-index: 1; text-align: center; background: #750B13; border-top: none; -webkit-transition:bottom; -webkit-transition-timing-function:ease-out; -webkit-transition-duration:100ms; } /* 没有数据信息 --------------------------------------------------*/ .z3g-noResult { padding: 50px 0; } .z3g-noResult .icon { width: 52px; height: 52px; margin: 0 auto; background: url(../images/common.png) no-repeat -40px -52px; background-size:400px; -moz-background-size:400px; } .z3g-noResult p { text-align: center; line-height: 20px; padding: 5px 20px; color: #000; } .z3g-noResultMsg { width: 320px; margin: 0 auto; padding: 50px 0; overflow: hidden; } .z3g-noResultMsg .icon { width: 52px; height: 52px; float: left; background: url(../images/common.png) no-repeat -40px 0px; background-size:400px; -moz-background-size:400px; margin-left: 30px; } .z3g-noResultMsg p { width: 200px; float: left; text-align: left; line-height: 20px; padding: 0 10px; margin-bottom: 10px; } .z3g-noResultMsg p.row01 { font-size: 17px; } .z3g-noContent { height: 60px; text-align: center; } .z3g-noContent span { max-width: 200px; height: 20px; line-height: 20px; margin-top: 20px; display: inline-block; color: #000; } /* 其它公共样式 --------------------------------------------------*/ /* 文字固定颜色 */ .z3g-textRed { color: #f00!important; } .z3g-textOrange { color: #CC6600!important; } .z3g-textWhite { color: #fff!important; } .z3g-textBlack { color: #000!important; } /* 置顶样式 */ strong.top { color: #f00!important; } /* 列数样式 */ .z3g-column1 { width: 100%; } .z3g-column2 { width: 50%; } .z3g-column3 { width: 33%; } .z3g-column3:nth-child(2) { width: 34%; } .z3g-column4 { width: 25%; } .z3g-column5 { width: 20%; } .z3g-lineClamp1 { -webkit-line-clamp: 1!important; max-height:18px!important; } /* 禁止横向 */ .z3g-noHorizontal { width: 100%; text-align: center; background: #a1131d; z-index: 99999; vertical-align: middle; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; } .z3g-noHorizontal .contentWrap { width: 213px; height: 113px; background: #750b13 url(../images/z3g_icon_noHorizontal.png) no-repeat 50% 10px; margin: 0 auto; vertical-align: middle; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; } .z3g-noHorizontal .contentWrap p { color: #fff; text-align: center; margin-top: 70px; } /* 极速 */ .z3g-noJisu{ width:100%; text-align: center; background:#a1131d; z-index:9999; vertical-align: middle; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; } .z3g-noJisu .noJisuWrap{ width:213px; margin: 0 auto; vertical-align: middle; } .z3g-noJisu .contentWrap{ height:113px; background:#750b13; margin: 0 auto; vertical-align: middle; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; overflow: hidden; } .z3g-noJisu p{ color:#fff; text-align: center; margin-top: 5px;s } .z3g-noJisu .contentWrap p{ margin-top: 20px; line-height:24px; } /* moreWrap */ .moreWrap{ text-align:center; padding:20px 0; color: #000; } .moreWrap span{ height:20px; padding-left:20px; display:inline-block; } .moreWrap.loading span { background: url(../images/more.gif) no-repeat 0px 0px; } /* all */ ::-webkit-input-placeholder { color:#6c6c6c; } input:-moz-placeholder { color:#6c6c6c; } /* individual: webkit */ #field2::-webkit-input-placeholder { color:#6c6c6c; } /* individual: mozilla */ #field2:-moz-placeholder { color:#6c6c6c; } /* z3g-input */ .z3g-input { width: 100%; height: 33px; padding: 0px 10px; line-height: normal; background: #fdfdfd; border-top: 1px solid #858585; border-left: 1px solid #afafaf; border-right: 1px solid #afafaf; border-bottom: 1px solid #c9c9c9; -moz-box-shadow: 1px 2px 3px #b7b7b7 inset!important; -webkit-box-shadow: 1px 2px 3px #b7b7b7 inset!important; box-shadow: 1px 2px 3px #b7b7b7 inset!important; -webkit-appearance: none; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#fdfdfd)); } .z3g-input-error { border: 1px solid #c40303!important; } .z3g-input-ok { border: 1px solid #249502!important; } .z3g-input:focus { border: 1px solid #249502; } /* z3g-textarea */ .z3g-textarea { width: 100%; height: 130px; padding: 10px; line-height: 20px; background: #fdfdfd; border-top: 1px solid #858585; border-left: 1px solid #afafaf; border-right: 1px solid #afafaf; border-bottom: 1px solid #c9c9c9; -moz-box-shadow: 1px 2px 3px #b7b7b7 inset!important; -webkit-box-shadow: 1px 2px 3px #b7b7b7 inset!important; box-shadow: 1px 2px 3px #b7b7b7 inset!important; -webkit-appearance: none; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#fdfdfd)); } /* z3g-button */ .z3g-button { max-width:576px; height: 36px; line-height:36px; font-size: 16px; color: #fff; text-align: center; background: #99121c; /*border-top: 1px solid #b33f48; border-bottom: 1px solid #620b12;*/ text-shadow: 1px 1px 1px #43060b; padding:0 10px; white-space: nowrap; overflow: hidden; } .z3g-button.touch { border-top: 1px solid #923319; background: #750b13; } /*z3g-redBtn*/ .z3g-redBtn{ color:#fff; border:none; text-shadow: 0px 0px 0px #154166; background: -webkit-gradient(linear, 0 0, 0 100%, from(#d30000), to(#9e0000)); background: -moz-linear-gradient(#d30000, #9e0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d30000', endColorstr='#9e0000'); } .z3g-redBtn.touch{ border:none; background: -webkit-gradient(linear, 0 0, 0 100%, from(#9e0000), to(#d30000)); background: -moz-linear-gradient(#9e0000, #d30000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e0000', endColorstr='#d30000'); } /*z3g-grayBtn*/ .z3g-grayBtn{ color:#000; border:none; text-shadow: 0px 0px 0px #154166; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(223,227,236,0.5)), to(rgba(159,163,176,0.5))); background: -moz-linear-gradient(rgba(223,227,236,0.5), rgba(159,163,176,0.5)); background: -o-linear-gradient(rgba(223,227,236,0.5), rgba(159,163,176,0.5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(223,227,236,0.5)', endColorstr='rgba(159,163,176,0.5)'); } .z3g-grayBtn.touch{ border:none; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(159,163,176,0.5)), to(rgba(223,227,236,0.5))); background: -moz-linear-gradient(rgba(159,163,176,0.5), rgba(223,227,236,0.5)); background: -o-linear-gradient(rgba(159,163,176,0.5), rgba(223,227,236,0.5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(159,163,176,0.5)', endColorstr='rgba(223,227,236,0.5)'); } /* 圆角 */ .z3g-radius { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } /* clear-both */ .clear-both { clear: both; height: 0; line-height: 0; font-size: 0; border: none; padding: 0; margin: 0; width: 100%; display: block; overflow: hidden; } /* z3g-pageTitle */ .z3g-pageTitle { height: 29px; line-height: 29px; background: #ffe1bb; padding-left: 10px; border-bottom: 1px solid #c4ad90; color: #000; } .z3g-pageTitle .name { max-width: 170px; height: 29px; line-height: 30px; float: left; overflow: hidden; word-wrap: break-word; word-break: break-all; } .z3g-pageTitle .textSizeBtn { position: relative; } .z3g-pageTitle .titleBar, .z3g-pageTitle .textSizeBtn{ height: 23px; line-height: 23px; padding: 0 10px; margin: 2px 2px 0 0; text-align: left; float: right; color: #000; vertical-align: top; border: 1px solid #b29d83; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .z3g-pageTitle .titleBar.touch, .z3g-pageTitle .textSizeBtn.touch{ background: #ccc3b2; } .z3g-pageTitle .titleBar em, .z3g-pageTitle .textSizeBtn em{ font-size: 13px; font-weight: normal; display: inline-block; vertical-align: top; margin: 1px 0 0 0; } .z3g-pageTitle .titleBar em.title, .z3g-pageTitle .textSizeBtn em.title{ max-width: 70px; height: 23px; overflow: hidden; word-wrap: break-word; word-break: break-all; } .z3g-pageTitle .textSizeBtn sup { height: 12px; line-height: 12px!important; } .z3g-pageTitle .titleBar em.icon { width:0px; height:0px; margin:8px 0px 0 3px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #000; } .z3g-pageTitle .number { max-width: 30px; height: 20px; line-height: 20px; padding: 0 5px; margin-left: 5px; display: inline-block; background: #b29d83; color: #faf9f7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-top-radius: 5px; -moz-box-shadow: -2px 2px 2px #594f42 inset; -webkit-box-shadow: -2px 2px 2px #594f42 inset; box-shadow: -2px 2px 2px #594f42 inset; } /* 缺省头部-new */ .z3g-headerSmallNew { width: 100%;/*火狐*/ height: 44px; background: #750b13; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; border-bottom: 1px solid rgba(255,255,255,0.2); } .z3g-headerSmallNew .left, .z3g-headerSmallNew .center, .z3g-headerSmallNew .right { display: block; vertical-align: middle; } .z3g-headerSmallNew .center { /*min-width: 200px; min-width:190px;*/ height: 45px; line-height: 45px; font-size: 16px; color: #fff; text-align: center; text-shadow: 1px 1px 1px #43060b; overflow: hidden; word-wrap: break-word; word-break: break-all; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .z3g-headerSmallNew .center .number{ line-height:16px; padding:2px 3px; display:inline-block; margin-left:5px; background-color: rgba(255, 255, 255, 0.6); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .z3g-headerSmallNew .left { min-width: 65px; padding: 8px 0 0 0; } .z3g-headerSmallNew .right { min-width: 65px; padding: 8px 5px 0 0; text-align: right; } /* borderTitle */ .borderTitle { width: 100%;/*火狐*/ height: 35px; line-height: 35px; padding: 0px; background: #a1131d; overflow: hidden; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; } .borderTitle.touch { background: #750b13; } .borderTitle em { display: inline-block; } .borderTitle .left { display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .borderTitle .left .icon { width: 35px; height: 35px; display: none; } .borderTitle .left .borderName { min-width: 260px; height: 19px; font-size: 17px; line-height: 19px; margin: 8px 0 0 10px; font-weight: bold; color: #fff; overflow: hidden; word-wrap: break-word; word-break: break-all; } .borderTitle .controlBar { width: 34px; height: 35px; border-left: 1px solid #ffffff; float: right; } .borderTitle .controlBar.touch { background: #750b13; } .borderTitle .controlBar .icon { width: 13px; height: 13px; display: block; margin: 11px 0 0 11px; background: url(../images/z3g_arrow_white.png) no-repeat 5px 50%; } .borderTitle .right { height: 35px; display: block; } .borderTitle .right .moreCont { display: none; } .borderTitle .right .controlBar { width: 35px; height: 35px; border: none; } /* 带页签样式 */ .borderTitle ul { width: 100%; overflow: hidden; } .borderTitle ul li { /*width: 50%;*/ float: left; color: #fff; } .borderTitle ul li.touch { background: #750b13; } .borderTitle ul li div { height: 35px; text-align: center; border-right: 1px solid #ffffff; } .borderTitle ul li:nth-last-child(1) div { border: none; } .borderTitle ul li span { height: 19px; font-size: 17px; line-height: 19px; margin: 8px 0 0 10px; font-weight: bold; display: inline-block; vertical-align: top; text-align: left; overflow: hidden; word-wrap: break-word; word-break: break-all; } .borderTitle ul li .number { max-width: 40px; height: 16px; line-height: 16px; font-size: 14px; background: #d0898e; padding: 0 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-top-radius: 10px; color: #000; text-shadow: 0px 0px 0px #111; vertical-align: top; margin: 10px 10px 0 0; display: inline-block; } .borderTitle .z3g-column1 { width: 100%!important; } .borderTitle .z3g-column1 div { text-align: left!important; } .borderTitle .z3g-column1 .text { max-width: 245px; } .borderTitle .z3g-column1.current { background: none; } .borderTitle .z3g-column2 { width: 50%!important; } .borderTitle .z3g-column2 .text { max-width: 100px; } .borderTitle .z3g-column3 { width: 33%!important; } .borderTitle .z3g-column3:nth-child(2) { width: 34%!important; } .borderTitle .z3g-column3 .text { max-width: 100px; } /*html编辑器样式*/ .htmledit { line-height: 1.8; font-variant: normal; font-stretch: normal; text-transform: none; text-indent: 0; text-align: justify; vertical-align: baseline; letter-spacing: normal; word-spacing: normal; /*text-decoration:none;*/ letter-spacing: normal; word-spacing: normal; white-space: normal; word-break:normal; /*word-break: break-all;*/ /*word-wrap:normal;*/ word-wrap: break-word; background: transparent none repeat scroll 0% 0%; /*list-style:disc outside none;*/ float: none; width: auto; height: auto; clear: none; z-index: auto; text-justify: auto; overflow: hidden; visibility: inherit; margin: auto; /*border-collapse:separate;*/ color: #000; } .htmledit u { text-decoration: none; } .htmledit img { margin: 5px 0 5px 0; height: auto!important; } .htmledit ul, .htmledit ol { background: transparent none repeat scroll 0% 0%; width: auto; display: block; height: auto; float: none; padding-left: 25px; } .htmledit ul { list-style: disc; } .htmledit ol { list-style: decimal; } .htmledit ul li { background: transparent none repeat scroll 0% 0%; width: auto; float: none; height: auto; text-align: left; line-height: 1.8; } .htmledit ol li { background: transparent none repeat scroll 0% 0%; width: auto; float: none; height: auto; text-align: left; line-height: 1.8; } .htmledit p { line-height: 1.8; color: #000; } .htmledit p strong{ font-weight: bold!important; } .htmledit h3, .htmledit h1 { font-size: 17px!important; font-weight: bold!important; line-height: 20px!important; height: auto!important; padding: 0px!important; margin: 0px!important; border: none!important; } .htmledit a.zzp-tel { display: block; color: #fff; width: 225px; height: 30px; line-height: 30px; font-size: 18px; clear: both; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-top-radius: 5px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#88cf32), to(#669c26)); background: -moz-linear-gradient(#88cf32, #669c26); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88cf32', endColorstr='#669c26'); } .htmledit a.zzp-tel:before { width: 30px; height: 30px; content: ""; display: inline-block; margin: 0 0 0 10px; vertical-align: middle; background: url(../images/common.png) no-repeat -275px 2px; background-size:400px; -moz-background-size:400px; } .htmledit a.zzp-tel.touch { background: -webkit-gradient(linear, 0 0, 0 100%, from(#669c26), to(#88cf32)); background: -moz-linear-gradient(#669c26, #88cf32); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#669c26', endColorstr='#88cf32'); } /* z3g-height0 */ .z3g-height0 { clear: both; height: 0!important; line-height: 0!important; font-size: 0!important; border: none; padding: 0!important; margin: 0!important; width: 100%; display: block; overflow: hidden; } /* z3g-alertWindow */ .z3g-alertWindow { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; z-index: 99998; text-align: center; vertical-align: middle; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; } .z3g-alertWindow .alertWin_inbox{ width:100%; max-width:640px; margin-left:auto; margin-right:auto; text-align:center; } /* z3g-alertBox */ .z3g-alertBox{ margin:0 16px; padding:1px; overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .z3g-alertBox .alertBoxT{ height:35px; line-height:35px; font-size:18px; color:#fff; padding:0 18px; background:#a0131d; position:relative; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; } .z3g-alertBox .alertBoxT .close{ position:absolute; z-index: 9999; top:6px; right:5px; width:23px; height:23px; background-color: rgba(255,255,255,0.3); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .z3g-alertBox .alertBoxT .close.touch{ background-color: rgba(253,0,12,0.7); } .z3g-alertBox .alertBoxT .close:before{ content: ""; position:absolute; top:9px; left:1px; width:21px; height:5px; background:#a0131d; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-size: 22px; } .z3g-alertBox .alertBoxT .close:after{ content: ""; position: absolute; top:9px; left:1px; width:21px; height:5px; background:#a0131d; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .z3g-alertBox .alertBoxC{ max-height:220px; color:#333; padding:18px; background:#f6f6f6; } .z3g-alertBox .alertBoxB{ padding:5px 10px; background:#edeef0; text-align:center; border-top:1px solid #fff; } /* z3g-alertBoxSmall */ .z3g-alertBoxSmall{ padding:10px; margin:0 29px; color:#fff; text-align:center; -webkit-box-shadow:0 0 5px black; -moz-box-shadow:0 0 5px black; box-shadow:0 0 5px black; background-color:rgba(0,0,0,0.7); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /* z3g-alertBtn */ .z3g-alertBtn{ height:28px; line-height:28px; display:inline-block; padding:0 20px; color:#585858; border:1px solid #b9b9bb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#e5e5e5)); background: -moz-linear-gradient(#f8f8f8, #e5e5e5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e5e5e5'); } .z3g-alertBtn:nth-child(2){ margin-left:10px; } .z3g-alertBtn.touch{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#f8f8f8)); background: -moz-linear-gradient(#e5e5e5, #f8f8f8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f8f8f8'); } /* z3g-iphoneStart */ .z3g-iphoneStart { text-align: center; position: absolute; bottom: 0px; left: 50%; margin-left: -140px; } .z3g-iphoneStart .contWrap { width: 260px; line-height: 20px; display: inline-block; text-align: left; padding: 10px; color: #3c3c3c; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#dfdfdf)); background: -moz-linear-gradient(#f5f5f5, #dfdfdf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dfdfdf'); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .z3g-iphoneStart .contWrap .icon { width: 24px; height: 20px; display: inline-block; background: url(../images/common.png) no-repeat 0px -80px; background-size:400px; -moz-background-size:400px; } .z3g-iphoneStart .contArrow { height: 20px; overflow: hidden; text-align: center; } .z3g-iphoneStart .contArrow em { color: #dfdfdf; font-size: 40px; font-style: normal; display: inline-block; position: relative; margin-top: -30px; text-shadow: 0px 0px 6px #000; } /* z3g-androidStart */ .z3g-androidStart{ width:100%; padding:230px 0 0 0; background: url(../images/z3g_bg_androidStartT.png) no-repeat 50% 0; } .z3g-androidStart .install{ width: 280px; height: 38px; font-size: 20px; color: #fff; line-height: 38px; text-align: center; margin: 0 auto; border: 1px solid #4f6a8d; background: -webkit-gradient(linear, 0 0, 0 100%, from(#71a8ea), to(#3670b6)); background: -moz-linear-gradient(#71a8ea, #3670b6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71a8ea', endColorstr='#3670b6'); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .z3g-androidStart .later{ width: 280px; height: 40px; margin: 0 auto; line-height: 50px; text-align: center; color: #fff; font-size: 20px; } /* z3g-showMoreSection */ .z3g-showMoreSection { width: 100%; position: absolute; top: 0px; left: 100%; z-index: 99999; -webkit-transition: left; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; } .z3g-showMoreSection table { width: 100%; border: none; } .z3g-showMoreSection .contWrap { width: 100%; float: left; background: #750b13; } .z3g-showMoreSection .contWrap > div { border-left: 4px solid #843d43; border-right: 4px solid #843d43; } .z3g-showMoreSection .contWrap #thelist { padding: 10px 0; } .z3g-showMoreSection .contWrap li { /*height: 35px; line-height: 35px;*/ display: block; color: #fff; position: relative; /*border-bottom: 1px solid #5e090f;*/ } .z3g-showMoreSection .contWrap li.current, .z3g-showMoreSection .contWrap li.touch { background: #5e090f; } .z3g-showMoreSection .contWrap li .curtMark { width: 0px; height: 0px; display: none; position: absolute; top: 50%;/**/ left: 0px; margin-top:-6px;/**/ border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #843d43; } .z3g-showMoreSection .contWrap li .curtMark em { display: none; } .z3g-showMoreSection .contWrap li.current .curtMark { display: block; } .z3g-showMoreSection .contWrap li .name .icon { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #9f555a; position: absolute; top: 50%;/**/ right: 5px; margin-top:-6px;/**/ display: none; } .z3g-showMoreSection .contWrap li.hasNode .name { position: relative; } .z3g-showMoreSection .contWrap li.hasNode .name .icon { display: block; } .z3g-showMoreSection .contWrap li .number { width: 41px; padding:10px 10px 10px 0;/**/ text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; color: #ba8589; } .z3g-showMoreSection .contWrap .backBtn { padding-left: 4px; background: #5e090f; } .z3g-showMoreSection .contWrap .backBtn span.back { vertical-align: middle; margin-left: 5px; padding:10px 0;/**/ display: block; overflow: hidden; word-wrap: break-word; word-break: normal; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .z3g-showMoreSection .contWrap .backBtn span.first { width: 90px; padding:10px 0;/**/ /*height: 35px;*//**/ vertical-align: middle; overflow: hidden; word-wrap: break-word; word-break: break-all; display: block; } .z3g-showMoreSection .contWrap .backBtn .icon { width: 0; height: 0; display: inline-block; vertical-align: middle; } .z3g-showMoreSection .contWrap .backBtn .back .icon { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #9f555a; margin: 0 4px; } .z3g-showMoreSection .contWrap .backBtn .first .icon { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #9f555a; margin: 0 7px; } .z3g-showMoreSection .contWrap .backBtn .back.touch, .z3g-showMoreSection .contWrap .backBtn .first.touch { background: #00305a; } .z3g-showMoreSection .searchWrap { height: 50px; padding: 0 10px; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; } .z3g-showMoreSection .searchWrap .inputWrap { display: block; margin: 7px 0 0 0; padding-right: 20px; position: relative; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; } /*.z3g-showMoreSection .searchWrap .inputWrap .del{ width:36px; height:36px; display:none; position:absolute; top:0px; right:0px; } .z3g-showMoreSection .searchWrap .inputWrap .del .icon{ width:20px; height:20px; display:block; background:#999999 url(../images/z3g_icon_inputWrap_del.png) no-repeat 50% 50%; margin:8px 0 0 8px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .z3g-showMoreSection .searchWrap .inputWrap .del.touch .icon{ background:#ff2929 url(../images/z3g_icon_inputWrap_del.png) no-repeat 50% 50%; }*/ .z3g-showMoreSection .searchWrap input { width: 100%; line-height: normal; } .z3g-showMoreSection .searchWrap .z3g-button { width: 60px; height: 35px; margin: 7px 0 0 0; } .z3g-showMoreSection .barWrap { width: 68px; text-align: right; background: #000; background-color: rgba(0, 0, 0, 0.5); } .z3g-showMoreSection .barWrap.touch { background-color: rgba(0, 0, 0, 0.8); } .z3g-showMoreSection .closeBar { display: block; width: 12px; height: 30px; padding: 0 0 0 5px; overflow: hidden; margin-left: 20px; margin-top: 50px; background:url(../images/common.png) no-repeat 0px -190px; background-size:400px; -moz-background-size:400px; } .z3g-showMoreSection .closeBar em { display: none; width: 20px; height: 20px; border: 2px solid rgba(255,255,255,0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); position:relative; left:0px; } /*z3g-alertHDInfo*/ .z3g-alertHDInfo .infoCont { width: 280px; background-color: rgba(0, 0, 0, 0.8); padding: 10px 0; margin: 0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-top-radius: 5px; } .z3g-alertHDInfo .infoCont .infoCont01, .z3g-alertHDInfo .infoCont .infoCont02 { color: #fff; font-weight: bold; text-align: center; margin: 0px 10px; padding: 5px 0px; } .z3g-alertHDInfo .infoCont .infoCont01 { font-size: 17px; } /* z3g-textSize */ .z3g-textSize { width: 48px; position: absolute; z-index: 1; left: 50%; margin-left: -24px; display: none; } .z3g-textSize .contArrow { height: 10px; overflow: hidden; position: relative; margin-bottom: -2px; } .z3g-textSize .contArrow em, .z3g-textSize .contArrow i { width: 0px; height: 0px; font-size: 0px; position: absolute; left: 50%; top: 2px; margin-left: -7px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; } .z3g-textSize .contArrow em { top: -1px; margin-top:1px; border-bottom: 8px solid #000; opacity: 0.2; } .z3g-textSize .cont { width: 46px; border: 1px solid rgba(0,0,0,0.2); background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .z3g-textSize .cont li { height: 30px; line-height: 30px; text-align: center; color: #666; } .z3g-textSize .cont li:nth-child(1) { font-size: 12px; } .z3g-textSize .cont li:nth-child(2) { font-size: 14px; } .z3g-textSize .cont li:nth-child(3) { font-size: 18px; } .z3g-textSize .cont li.touch, .z3g-textSize .cont li.current { background: #d6d6d6; } /* 字号 */ .textSizeWrap.textSizeSmall, .textSizeWrap.textSizeSmall * { font-size: 12px!important; } .textSizeWrap.textSizeBig, .textSizeWrap.textSizeBig * { font-size: 18px!important; } /*.z3g-btn*/ .z3g-btn { display: inline-block; height: 27px; padding: 0 10px; margin-left: 5px; border: 1px solid rgba(0,0,0,0.2); vertical-align: middle; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .z3g-btn span { display: inline-block; height: 27px; color: #fff; line-height: 27px; } .z3g-btn.textSizeBtn span { line-height: 16px; } .z3g-btn.touch { background: rgba(255,255,255,0.1) } .z3g-btn.list span { width: 19px; background: url(../images/common.png) -214px -9px no-repeat; background-size:400px; -moz-background-size:400px; } .z3g-btn.search span { width: 15px; background: url(../images/common.png) -111px -8px no-repeat; background-size:400px; -moz-background-size:400px; } .z3g-btn.btnArrow { position: relative; } .btnArrow.btnArrowLeft { border-left: 0 none; margin-left: 21px; padding: 0 8px 0 2px; border-top-left-radius: 0; -moz-border-top-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; } .btnArrow b { display: inline-block; width: 16px; height: 29px; position: absolute; overflow: hidden; } .btnArrow.btnArrowLeft b { left: -16px; top: -1px; } .btnArrow b em { display: block; width: 21px;/*20130313*/ height: 21px;/*20130313*/ border: 1px solid rgba(0,0,0,0.2); transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: center center; -moz-transform-origin: center center; -webkit-transform-origin: center center; position: absolute; } .btnArrow.btnArrowRight { border-right: 0 none; margin-right: 16px; padding: 0 2px 0 8px; border-top-right-radius: 0; -moz-border-top-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; } .btnArrow.btnArrowRight b { right: -16px; top: -1px; } .btnArrow.btnArrowLeft b em { left: 6px; top: 3px;/*20130313*/ } .btnArrow.btnArrowRight b em { right: 6px; top: 3px;/*20130313*/ } .btnArrow.touch em { background: rgba(255,255,255,0.1); } /*白色ICON*/ .whiteIcon .z3g-btn.list span { background-position:-214px -9px!important; background-size:400px; -moz-background-size:400px; } .whiteIcon .z3g-btn.search span { background-position:-111px -8px!important; background-size:400px; -moz-background-size:400px; } /*灰色ICON*/ /*.grayIcon .z3g-btn.list span { background-position: -214px -53px!important; background-size:400px; -moz-background-size:400px; } .grayIcon .z3g-btn.search span { background-position: -111px -52px!important; background-size:400px; -moz-background-size:400px; }*/ /*高清3.7*/ .z3g-changeBtn { display: inline-block; width: 44px; height: 18px; line-height: 16px; background: url(../images/common.png) no-repeat; background-size:400px; -moz-background-size:400px; } .z3g-changeBtn em { display: inline-block; font-size: 12px; color: #fff; } .z3g-changeBtn.hd { text-align: right; background-position: -60px -190px; padding-right: 4px; } .z3g-changeBtn.fluency { text-align: left; background-position: -110px -190px; padding-left: 5px; width: 43px; } /*地图tab标签切换(深色)*/ .Maplisttab { height: 27px; margin: 0 auto; margin-top: 8px; display: inline-block; text-shadow: 0px 0px 0px #fff; } .Maplisttab em{ height: 27px; line-height: 27px; float: left; text-align: center; padding: 0px 12px; border: 1px solid rgba(0,0,0,0.2); } .Maplisttab em.map { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: none; } .Maplisttab em.maplist { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: none; } .Maplisttab em.maplist.touch, .Maplisttab em.map.touch{ background: rgba(0,0,0,0.1); } .Maplisttab em.Rchecked { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: 1px solid rgba(0,0,0,0.2); background: rgba(255,255,255,0.1); } .Maplisttab em.Lchecked { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: 1px solid rgba(0,0,0,0.2); background: rgba(255,255,255,0.1); } /* z3g-submitInfo */ .z3g-submitInfo{ padding:10px; } .z3g-submitInfo p{ text-align:center; vertical-align:middle; padding:5px 0; } .z3g-submitInfo .icon{ width:24px; height:24px; margin-right:5px; display:inline-block; vertical-align:middle; background:url(../images/common.png) no-repeat; background-size:400px; -moz-background-size:400px; } .z3g-submitInfo.successInfo .icon{ background-position:-65px -224px; } .z3g-submitInfo.faultInfo .icon{ background-position:-40px -224px; } /* 组件区 --------------------------------------------------*/ /* PublicConfig_showBottom01-d1_c1 Columns_navigation01-d1_c1 Columns_navigation01-d1_c2 Columns_navigation01-d1_c3 Icon_Columns_navigation01-d1_c1 PublicConfig_showLogo01-d1_c1 Public_totalSearch01-d1_c1 Toolbar_show01-d1_c1 FrontSlide_listJson01-d1_c1 Specifies_show01-d1_c1 Products_mobilelist01-d1_c1 Products_mobilelist01-d1_c2 Products_mobilelist01-d1_c3 Products_mobilelist01-d1_c4 Products_mobilelist01-d1_c5 News_list01-d1_c1 */ /* PublicConfig_showBottom01-d1_c1 */ #elem-PublicConfig_showBottom01-001 { padding-top: 6px; } .PublicConfig_showBottom01-d1_c1 { padding: 10px 0; color: #535353; } .PublicConfig_showBottom01-d1_c1 .htmledit * { } /* Columns_navigation01-d1_c1 */ .Columns_navigation01-d1_c1 { width: 100%; background: #a0131d; } .Columns_navigation01-d1_c1 ul { width: 100%; overflow: hidden; } .Columns_navigation01-d1_c1 li .current, .Columns_navigation01-d1_c1 li .touch { background: #ce262d; } /* Columns_navigation01-d1_c2 */ .Columns_navigation01-d1_c2 { width: 100%; position: relative; background: #a0131d; } .Columns_navigation01-d1_c2 .navBody { height: 36px; overflow: hidden; margin: 0 20px; } .Columns_navigation01-d1_c2 .navBody ul { overflow: hidden; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; } .Columns_navigation01-d1_c2 .navBody li { min-width: 70px; text-align: center; } .Columns_navigation01-d1_c2 .navBody li span { height: 36px; line-height: 36px; padding: 0 2px; display: block; color: #fff; text-align: center; text-shadow: 1px 1px 1px #43060b; border-left: 1px solid #7e0f16; } .Columns_navigation01-d1_c2 .navBarL, .Columns_navigation01-d1_c2 .navBarR { width: 18px; height: 36px; float: left; position: absolute; top: 0px; } .Columns_navigation01-d1_c2 .navBarL.touch, .Columns_navigation01-d1_c2 .navBarR.touch { background: #ce262d; } .Columns_navigation01-d1_c2 .disTap span { opacity: 0.3; } .Columns_navigation01-d1_c2 .navBarL { left: 0px; } .Columns_navigation01-d1_c2 .navBarR { right: 0px; } .Columns_navigation01-d1_c2 .navBarL span, .Columns_navigation01-d1_c2 .navBarR span { width: 8px; height: 15px; display: block; margin: 10px 0 0 4px; overflow: hidden; line-height: 0px; position: relative; } .Columns_navigation01-d1_c2 .navBarR span { margin-left: 6px; } .Columns_navigation01-d1_c2 .navBarL em, .Columns_navigation01-d1_c2 .navBarR em { width: 7px; height: 7px; display: block; border: 2px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); position: absolute; top: 2px; left: 3px; } .Columns_navigation01-d1_c2 .navBarR em { left: -6px; } /* Columns_navigation01-d1_c3 */ .Columns_navigation01-d1_c3 { width: 100%; position: relative; background: #a0131d; } .Columns_navigation01-d1_c3 .navBody { overflow: hidden; margin-right: 38px; } .Columns_navigation01-d1_c3 .navBody ul { height: 36px; overflow: hidden; } .Columns_navigation01-d1_c3 .navBody li { min-width: 70px; max-width: 280px; float: left; text-align: center; } .Columns_navigation01-d1_c3 .navBody li span { color: #fff; height: 36px; line-height: 36px; padding: 0 2px; display: block; text-shadow: 1px 1px 1px #43060b; border-left: 1px solid #7e0f16; text-align: center; overflow: hidden; word-wrap: break-word; word-break: break-all; } .Columns_navigation01-d1_c3 .navBody li:nth-child(1) span { border: none; } .Columns_navigation01-d1_c3 .navBarR { width: 38px; height: 36px; float: left; position: absolute; top: 0px; right: 0px; border-left: 1px solid #7e0f16; } .Columns_navigation01-d1_c3 .navBarR.touch { background: #750b13; } .Columns_navigation01-d1_c3 .navBarR span { width: 0px; height: 0px; display: block; margin: 15px 0 0 12px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(255,255,255,0.5); } .Columns_navigation01-d1_c3 .dragList { width: 110px; max-width: 320px; position: absolute; top: 36px; right: 0px; z-index: 9999; } .Columns_navigation01-d1_c3 .dragList li { background: #750b13; } .Columns_navigation01-d1_c3 .dragList li span { height: 35px; line-height: 35px; display: block; padding: 0 10px; overflow: hidden; word-wrap: break-word; word-break: break-all; color: #fff; text-shadow: 1px 1px 1px #43060b; border-bottom: 1px solid #5e090f; } .Columns_navigation01-d1_c3 li .current, .Columns_navigation01-d1_c3 li .touch { background: #ce262d; } /* Icon_Columns_navigation01-d1_c1 */ .Icon_Columns_navigation01-d1_c1{ padding:10px 0 0 0; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 ul { overflow: hidden; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 li { padding: 10px 0; overflow: hidden; background: url(../images/z3g_arrow_black.png) no-repeat 100% 50%; border-bottom: 1px solid #ccc; position: relative; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 .imgWrap, .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 .imgWrap02{/**/ width: 54px; height: 54px; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 .imgWrap02 { text-align: center; background-size: 20px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background:#a1131d; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 .imgWrap {/**/ margin: 0 0 0 10px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; border:5px solid #fff; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 .column01 .touch .imgWrap { border-color:#a1131d;/**/ } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 .column02 .touch .imgWrap { border-color:rgba(0, 0, 0, 0.1);/**/ } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 img { max-width:54px; max-height:54px; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 .infoWrap { padding: 10px 40px 0 5px; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 h3{ height: 15px; line-height: 15px; font-size: 15px; margin: 15px 0 0 0; color: #000; overflow: hidden; word-wrap: break-word; word-break: break-all; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 .column01 .touch { border-bottom: 1px solid #a1131d; background: #a1131d url(../images/z3g_arrow_white.png) no-repeat 100% 50%; -moz-box-shadow: -2px 5px 5px #871018 inset; -webkit-box-shadow: -2px 5px 5px #871018 inset; box-shadow: -2px 5px 5px #871018 inset; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 .column01 .touch h3 { color: #fff; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 .column02 .infoWrap { padding-right: 10px; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle01 .column02 li { width: 50%; float: left; background: none; border-bottom:none;/**/ } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 ul { overflow: hidden; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 .column03 { padding-left: 2%; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 li { width: 32%; float: left; margin-bottom: 3px; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 .column03 .imgWrap, .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 .column03 .imgWrap02{ width: 64px; height: 64px; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 .column04 .imgWrap, .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 .column04 .imgWrap02 { width: 54px; height: 54px; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 li .imgWrap02 { margin: 0 auto; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background:#a1131d; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 .column03 img { max-width:64px; max-height:64px; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 .column04 img { max-width:54px; max-height:54px; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 h3 { height: 28px; line-height: 14px; font-size:12px; padding: 0 5px; text-align: center; overflow: hidden; word-wrap: break-word; word-break: break-all; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 .column04 li { width: 25%; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 .imgWrap { margin: 0 auto; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; border:5px solid #fff; } .Icon_Columns_navigation01-d1_c1 .iconNavigationStyle02 .touch .imgWrap { border-color:rgba(0, 0, 0, 0.1); } .Icon_Columns_navigation01-d1_c1 .noBgColor { background: none!important; border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; } /* PublicConfig_showLogo01-d1_c1 */ .PublicConfig_showLogo01-d1_c1 { width: 100%; height: 46px; background: #750b13; position: relative; border-bottom: 1px solid rgba(255,255,255,0.2); } .PublicConfig_showLogo01-d1_c1 .logoWrap { height: 46px; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; text-align: center; } .PublicConfig_showLogo01-d1_c1 .logoWrap a { height: 46px; line-height: 0px; text-align: center; padding: 0px; display: inline-block; vertical-align:middle; } .PublicConfig_showLogo01-d1_c1 .logoWrap.touch { opacity: 0.5; } .PublicConfig_showLogo01-d1_c1 .logoWrap img { max-width: 160px; max-height: 46px; margin: 0 auto; vertical-align:middle; } .PublicConfig_showLogo01-d1_c1 .toolWrap { text-align: left; height: 46px; } .PublicConfig_showLogo01-d1_c1 .toolWrap span { float: left; } .PublicConfig_showLogo01-d1_c1 .toolWrap .toolItem { width: 38px; height: 46px; } .PublicConfig_showLogo01-d1_c1 .toolWrap span.line { width: 1px; height: 35px; float: left; margin: 0px; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.4)), to(rgba(255,255,255,0))); background: -moz-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0)); background: -o-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.4)', endColorstr='rgba(255,255,255,0)'); display:none; } /*高清*/ .PublicConfig_showLogo01-d1_c1 .toolWrap .hdmodeBtn .z3g-changeBtn { background-size: 160px; width: 24px; height: 11px; margin: 16px 0 0 5px; } .PublicConfig_showLogo01-d1_c1 .toolWrap .hdmodeBtn .z3g-changeBtn em{ font-size:9px; display:block; line-height:12px; margin-left:10px; } .PublicConfig_showLogo01-d1_c1 .toolWrap .hdmodeBtn .z3g-changeBtn.hd { padding-right:4px; background-position:-30px -100px } .PublicConfig_showLogo01-d1_c1 .toolWrap .hdmodeBtn .z3g-changeBtn.fluency { width: 22px; padding-left: 6px; background-position:-58px -100px; } .PublicConfig_showLogo01-d1_c1 .toolWrap .hdmodeBtn .z3g-changeBtn.fluency em { width: 9px; height: 10px; margin:1px 10px 0 0px; background:url(../images/common.png) -177px -190px no-repeat; } .PublicConfig_showLogo01-d1_c1 .downloadDragList { width: 100%; position: absolute; top: 46px; right: 0px; z-index: 9999; background: #600910; display: none; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li { height: 79px; border-bottom: 1px solid #4d070d; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contL { width: 240px; height: 79px; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contL em { display: block; margin: 0 0 5px 20px; } .PublicConfig_showLogo01-d1_c1 .downloadDragList .iphone .contL img { max-width: 45px; max-height: 15px; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contL .name { font-weight: bold; font-size: 20px; padding-top: 15px; color: #fff; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contL .info { color: #8a8a8a; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contR { width: 80px; display: block; padding-top: 15px; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contR.touch { background: #ce262d; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contR em { display: block; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contR .text { text-align: center; color: #fff; text-shadow: 1px 1px 1px #43060b; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contR .icon { width: 24px; height: 24px; margin: 0 auto 10px auto; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contR .icon i { display: block; margin: 0 auto; background: #8fc31f; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contR .icon .icon01 { width: 9px; height: 9px; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contR .icon .icon02 { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #8fc31f; background: none; } .PublicConfig_showLogo01-d1_c1 .downloadDragList li .contR .icon .icon03 { width: 20px; height: 2px; } .PublicConfig_showLogo01-d1_c1 .langDragList { min-width: 106px; max-width: 150px; position: absolute; top: 46px; right: 0px; z-index: 9999; background: #600910; display: none; } .PublicConfig_showLogo01-d1_c1 .showStyle2Lang{ left:39px; right:auto; } .PublicConfig_showLogo01-d1_c1 .langDragList li { border-bottom: 1px solid #4d070d; } .PublicConfig_showLogo01-d1_c1 .langDragList span { width: auto; height: 32px; line-height: 32px; padding: 0 10px; overflow: hidden; word-wrap: break-word; word-break: break-all; display: block; color: #fff; float: none; clear: both; text-shadow: 1px 1px 1px #43060b; } .PublicConfig_showLogo01-d1_c1 .langDragList span.touch { background: #ce262d; } .PublicConfig_showLogo01-d1_c1 .toolWrap span.current, .PublicConfig_showLogo01-d1_c1 .toolWrap span.touch{ background: #600910; } .PublicConfig_showLogo01-d1_c1 > div { width: 100%; display: -webkit-box; -webkit-box-orient: horizontal; display: -moz-box; -moz-box-orient: horizontal; display: -o-box; -o-box-orient: horizontal; display: -ms-box; -ms-box-orient: horizontal; display: box; box-orient: horizontal; } .PublicConfig_showLogo01-d1_c1 .showStyle1 .logoWrap{ text-align: left; } .PublicConfig_showLogo01-d1_c1 .showStyle1 .logoWrap img { margin: 0 0 0 10px; width:320px !important; height:24px !important; margin-top:10px; } .PublicConfig_showLogo01-d1_c1 .showStyle2 .toolWrap { min-width: 70px; } .PublicConfig_showLogo01-d1_c1 .showStyle2 > div:nth-last-child(1).toolWrap span.line, .PublicConfig_showLogo01-d1_c1 .showStyle2 > div:nth-last-child(1).toolWrap span.toolItem{ float:right; } .PublicConfig_showLogo01-d1_c1 .showStyle3 { position: relative; } .PublicConfig_showLogo01-d1_c1 .showStyle3 .logoWrap img{ max-width:290px; max-height:46px; } .PublicConfig_showLogo01-d1_c1 .showStyle3 .toolWrap { width: 100%; height: 46px; left: 100%; margin-left: -32px; position: absolute; background: #750b13; -webkit-transition: left; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; } .PublicConfig_showLogo01-d1_c1 .showStyle3 .toolWrap .toolControl.touch { background:#600910; } .PublicConfig_showLogo01-d1_c1 .showStyle3 .toolWrap.open { left: 0px; margin-left: 0px; } .PublicConfig_showLogo01-d1_c1 .showStyle3 .toolList { float: right; } .PublicConfig_showLogo01-d1_c1 .showStyle3 .toolControl { float: left; width: 31px; height: 46px; } .PublicConfig_showLogo01-d1_c1 .showStyle3 .toolControl span { margin: 17px 0 0 8px; width:0; height:0; display:block; border-top:7px solid transparent; border-bottom:7px solid transparent; } .PublicConfig_showLogo01-d1_c1 .showStyle3 .toolControl em { display:none; } .PublicConfig_showLogo01-d1_c1 .showStyle4 { position: relative; } .PublicConfig_showLogo01-d1_c1 .showStyle4 .z3g-btn { margin-top: 8px; } .PublicConfig_showLogo01-d1_c1 .showStyle4 .z3g-btn.search { margin-right: 5px; } .PublicConfig_showLogo01-d1_c1 .whiteIcon .toolWrap a, .PublicConfig_showLogo01-d1_c1 .grayIcon .toolWrap a{ width: 38px; height: 46px; display: block; text-decoration: none; background: url(../images/common.png) no-repeat; background-size:400px; -moz-background-size:400px; } /*白色ICON*/ .PublicConfig_showLogo01-d1_c1 .whiteIcon .toolWrap .search a { background-position: -100px 0px; } .PublicConfig_showLogo01-d1_c1 .whiteIcon .toolWrap .lang a { background-position: -138px 0px; } .PublicConfig_showLogo01-d1_c1 .whiteIcon .toolWrap .download a { background-position: -176px 0px; } .PublicConfig_showLogo01-d1_c1 .whiteIcon.showStyle3 .toolControl span { border-right:7px solid rgba(255,255,255,0.5); border-left:none; } .PublicConfig_showLogo01-d1_c1 .whiteIcon.showStyle3 .open .toolControl span { margin-left: 12px; border-left:7px solid rgba(255,255,255,0.5); border-right:none; } /*头部信息样式4,滑出层部分*/ .z3g-showMoreContShowLogo { left: -100%; } .z3g-showMoreContShowLogo .contWrap > div { border-left: none!important; } .z3g-showMoreContShowLogo .contWrap li .name { border-right: none; } .z3g-showMoreContShowLogo .contWrap li .curtMark { right: 0px; left: auto; border-right: 6px solid #843d43; border-left: none; } .z3g-showMoreContShowLogo .contWrap .toolWrap { height:auto; line-height:35px; padding:10px 0; } .z3g-showMoreContShowLogo .contWrap .toolWrap li { border: none; height: auto; margin: 5px 20px; background: #843d43; } .z3g-showMoreContShowLogo .contWrap .toolWrap li:nth-child(1) { margin-top: 0; } .z3g-showMoreContShowLogo .contWrap .toolWrap li:nth-last-child(1) { margin-bottom: 0; } .z3g-showMoreContShowLogo .contWrap .toolWrap li > div { padding: 2px 10px; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; } .z3g-showMoreContShowLogo .contWrap .toolWrap li.lang > div { display:block; padding-left:37px; position:relative; } .z3g-showMoreContShowLogo .contWrap li.lang .icon { width: 17px; height: 17px; margin: 8px 10px 0 0; background: url(../images/common.png) no-repeat -150px -13px; background-size:400px; -moz-background-size:400px; display:block; position:absolute; top:5px; left:10px; } .z3g-showMoreContShowLogo .contWrap li.lang .langItem { text-align: center; padding:0 10px; display:inline-block; } .z3g-showMoreContShowLogo .contWrap li.hdmode > div > div { -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .z3g-showMoreContShowLogo .contWrap li.hdmode .text { padding-left:37px; } .z3g-showMoreContShowLogo .contWrap li.hdmode .btnWrap { text-align: center; } .z3g-showMoreContShowLogo .contWrap li.downLoad .icon { width: 17px; height: 20px; margin: 8px 20px 0 0; background: url(../images/common.png) no-repeat -189px -12px; background-size:400px; -moz-background-size:400px; } .z3g-showMoreContShowLogo .contWrap li.downLoad .infoWrap { -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .z3g-showMoreContShowLogo .contWrap li.downLoad .infoWrap p { height: 18px; line-height: 18px; font-size: 12px; padding: 0px; } .z3g-showMoreContShowLogo .contWrap .toolWrap .touch { background-color: rgba(0, 0, 0, 0.2); } .z3g-showMoreContShowLogo .closeBar { background:url(../images/common.png) no-repeat -20px -190px; background-size:400px; -moz-background-size:400px; } /* Public_totalSearch01-d1_c1 */ .Public_totalSearch01-d1_c1 .z3g-alertWindow{ top:46px; height:0px; /*overflow:hidden;*/ z-index: 9999; display:block; -webkit-transform: height; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; } .Public_totalSearch01-d1_c1 .searchTab { height: 38px; padding: 0 0 0 10px; position: relative; background: #600910; } .Public_totalSearch01-d1_c1 .searchTab .searchTabScroll { margin: 0 38px 0 0; overflow: hidden; } .Public_totalSearch01-d1_c1 .searchTab .del { width: 38px; height: 38px; display: block; position: absolute; top: 0px; right: 0px; background: url(../images/common.png) no-repeat 0px 0px; display:none; } .Public_totalSearch01-d1_c1 .searchTab .del.touch { background-position: 0px -38px; } .Public_totalSearch01-d1_c1 .searchTab ul { overflow: hidden; display: -moz-box; display: -webkit-box; display: box; } .Public_totalSearch01-d1_c1 .searchTab li { height: 35px; line-height: 35px; padding: 0 10px; margin: 3px 0 0 0; color: #fff; } .Public_totalSearch01-d1_c1 .searchTab li.current, .Public_totalSearch01-d1_c1 .searchTab li.touch { background: #a1131d; } .Public_totalSearch01-d1_c1 .searchInput { height: 50px; background: #a1131d; padding: 0 10px; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; } .Public_totalSearch01-d1_c1 .inputWrap { display: block; margin: 7px 0 0 0; padding-right: 20px; position: relative; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .Public_totalSearch01-d1_c1 .inputWrap .del { width: 36px; height: 36px; display: block; position: absolute; top: 0px; right: 0px; } .Public_totalSearch01-d1_c1 .inputWrap .del .icon { width: 20px; height: 20px; display: block; background: #999999 url(../images/z3g_icon_inputWrap_del.png) no-repeat 50% 50%; margin: 8px 0 0 8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .Public_totalSearch01-d1_c1 .inputWrap .del.touch .icon { background: #ff2929 url(../images/z3g_icon_inputWrap_del.png) no-repeat 50% 50%; } .Public_totalSearch01-d1_c1 input { width: 100%; line-height: normal; } .Public_totalSearch01-d1_c1 .z3g-button { width: 80px; height: 35px; margin: 7px 0 0 0; } .Public_totalSearch01-d1_c1 .searchTab ul { overflow: hidden; } .Public_totalSearch01-d1_c1 .searchResult { background: #fff; } /*.Public_totalSearch01-d1_c1 .searchResult li { padding: 7px 0 10px 0; border-bottom: 1px solid #ccc; } .Public_totalSearch01-d1_c1 .searchResult li div { padding: 0 20px 0 10px; overflow: hidden; display: block; background: url(../images/z3g_arrow_red.png) no-repeat 100% 50%; } .Public_totalSearch01-d1_c1 .searchResult li h3 { height: 30px; line-height: 30px; overflow: hidden; word-wrap: break-word; word-break: break-all; color: #000; font-size: 15px; } .Public_totalSearch01-d1_c1 .searchResult li p { color: #b9b9c8; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; line-height: 18px; } .Public_totalSearch01-d1_c1 .searchResult li.touch { border-bottom: 1px solid #a1131d; background: #a1131d; -moz-box-shadow: -2px 5px 5px #871018 inset; -webkit-box-shadow: -2px 5px 5px #871018 inset; box-shadow: -2px 5px 5px #871018 inset; } .Public_totalSearch01-d1_c1 .searchResult li.touch div { background: url(../images/z3g_arrow_white.png) no-repeat 100% 50%; } .Public_totalSearch01-d1_c1 .searchResult li.touch h3, .Public_totalSearch01-d1_c1 .searchResult li.touch p { color: #fff; text-shadow: 1px 1px 1px #43060b; }*/ .Public_totalSearch01-d1_c1 .z3g-noResult { padding: 10px 20px; } .Public_totalSearch01-d1_c1 .z3g-noResult p { line-height: 20px; text-align: center; } .Public_totalSearch01-d1_c1 .moreWrap { text-align: center; padding: 20px 0; } .Public_totalSearch01-d1_c1 .moreWrap span { height: 20px; padding-left: 20px; display: inline-block; } /* Toolbar_show01-d1_c1 */ /*.Toolbar_show01-d1_c1 { width: 100%; max-width: 640px; height: 45px; margin: 0 auto; background: -webkit-gradient(linear, 0 0, 0 100%, from(#85121a), to(#690b12)); background: -moz-linear-gradient(#85121a, #690b12); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85121a', endColorstr='#690b12'); } .Toolbar_show01-d1_c1 ul { width: 100%; overflow: hidden; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; } .Toolbar_show01-d1_c1 li { text-align: center; border-top: 1px solid #690f16; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .Toolbar_show01-d1_c1 a, .Toolbar_show01-d1_c1 div { height: 43px; display: block; line-height: 38px; text-align: center; vertical-align: middle; color: #fff; border: 1px solid #9d4148; border-right: 1px solid #44080d; border-bottom: none; text-decoration: none; } .Toolbar_show01-d1_c1 li:nth-child(1) a { border-left: none; } .Toolbar_show01-d1_c1 li:nth-last-child(1) a { border-right: none; } .Toolbar_show01-d1_c1 span { height: 20px; line-height: 20px; display: block; margin: 0 auto; } .Toolbar_show01-d1_c1 .text { height: 16px; line-height: 16px; font-size: 10px; text-decoration: none; text-align: center; } .Toolbar_show01-d1_c1 .icon { width: 30px; height: 20px; margin-top: 3px; background: url(../images/common.png) no-repeat; } .Toolbar_show01-d1_c1 .tel { width: 29px; background-position: -181px -80px; } .Toolbar_show01-d1_c1 .msg { width: 24px; background-position: -181px -25px; } .Toolbar_show01-d1_c1 .share { width: 19px; background-position: -181px -51px; } .Toolbar_show01-d1_c1 .map { width: 14px; background-position: -181px -106px; } .Toolbar_show01-d1_c1 .inquiry { width: 24px; background-position: -181px -25px; } .Toolbar_show01-d1_c1 .email { width: 20px; background-position: -181px 0px; } .Toolbar_show01-d1_c1 .touch { background: -webkit-gradient(linear, 0 0, 0 100%, from(#5d0c12), to(#4a070c)); background: -moz-linear-gradient(#5d0c12, #4a070c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d0c12', endColorstr='#4a070c'); } .Toolbar_show01-d1_c1 .touch a, .Toolbar_show01-d1_c1 .touch div { border-top: 1px solid #7d3d41; border-right: 1px solid #44080d; color: #fff; } .Toolbar_show01-d1_c1 li:nth-last-child(1).touch a, .Toolbar_show01-d1_c1 li:nth-last-child(1).touch div { border-right: none; }*/ .Toolbar_show01-d1_c1{ width: 100%; max-width: 640px; height: 45px; margin: 0 auto; } .Toolbar_show01-d1_c1 > div{ height: 45px; max-width:640px; margin:0 auto; } /* footerToolStyle1 */ .Toolbar_show01-d1_c1 .footerWrap { width: 100%; overflow: hidden; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; border-top:1px solid rgba(255,255,255,0.2); height:44px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#85121a), to(#690b12)); background: -moz-linear-gradient(#85121a, #690b12); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85121a', endColorstr='#690b12'); } .Toolbar_show01-d1_c1 .footerWrap li { text-align: center; height:44px; overflow:hidden; border-right: 1px solid rgba(255,255,255,0.2); -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; } .Toolbar_show01-d1_c1 .footerWrap a, .Toolbar_show01-d1_c1 .footerWrap div { height: 44px; display: block; text-align: center; vertical-align: middle; color: #fff; text-decoration: none; } .Toolbar_show01-d1_c1 .footerWrap li:nth-last-child(1) { border-right:none; } .Toolbar_show01-d1_c1 .icon .numIcon { width:18px; height: 19px; line-height: 19px; font-size: 10px; text-align:center; display:block; color: #fff; background:url(../images/common.png) no-repeat -156px -223px; background-size:400px; -moz-background-size:400px; position:absolute; top:-2px; right:-6px; } .Toolbar_show01-d1_c1 .icon .more99 { font-size:9px; -webkit-text-size-adjust:none; } .Toolbar_show01-d1_c1 .footerToolStyle3 .numIcon { top:5px; right:-5px; } .Toolbar_show01-d1_c1 .text { height: 16px; line-height: 16px; font-size: 10px; color: #fff; text-decoration: none; text-align: center; display:block; overflow:hidden; } .Toolbar_show01-d1_c1 .footerWrap .touch { background: -webkit-gradient(linear, 0 0, 0 100%, from(#5d0c12), to(#4a070c)); background: -moz-linear-gradient(#5d0c12, #4a070c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d0c12', endColorstr='#4a070c'); } /* footerToolStyle2 */ .Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar { width:100%; max-width:640px; height: 16px; padding-top:14px; border: none; position:absolute; z-index:9999; top:-29px; } .Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar .anchor { display: block; width: 100px; height: 13px; background: #85121a; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin:0 auto; } .Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar .controlBottom { display: block; height: 3px; overflow:hidden; background: #85121a; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar .icon { display: block; width: 14px; height: 8px; margin: 0 auto; overflow:hidden; position:relative; top:3px; } .Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar .icon em{ display:block; width:20px; height:20px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); position:relative; border-right:1px solid rgba(255,255,255,0.8); border-bottom:1px solid rgba(255,255,255,0.8); top:-18px; left:-4px; } .Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar.close .icon em{ border-top:1px solid rgba(255,255,255,0.8); border-left:1px solid rgba(255,255,255,0.8); top:5px; } .Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar.touch .anchor, .Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar.touch .controlBottom{ opacity:0.8; } /* footerToolStyle3 */ .Toolbar_show01-d1_c1 .footerToolStyle3 { position: relative; } .Toolbar_show01-d1_c1 .footerToolStyle3 .circleListWrap { position:absolute; z-index:9999; bottom:45px; left:20px; display:none; /*-webkit-transform: scale(0); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 150ms;*/ } .Toolbar_show01-d1_c1 .footerToolStyle3.circleOpen .circleListWrap { display:block; } .Toolbar_show01-d1_c1 .circleIcon { width: 40px; height: 40px; border: 3px solid rgba(255,255,255,0.5); border-radius: 23px; -moz-border-radius: 23px; -webkit-border-radius: 23px; background:#85121a; position:absolute; z-index:9999; bottom:10px; left:10px; overflow:hidden; } .Toolbar_show01-d1_c1 .circleIcon div { width: 24px; height: 24px; -moz-border-radius: 23px; -webkit-border-radius: 23px; border-radius: 23px; background:#000; margin: 8px auto 0; overflow:hidden; opacity:0.2; } .Toolbar_show01-d1_c1 .circleListWrap { width: 186px; height: 186px; border: 3px solid rgba(0,0,0,0.2); -moz-border-radius: 96px; -webkit-border-radius: 96px; border-radius: 96px; overflow: hidden; } .Toolbar_show01-d1_c1 .circleCont{ width:186px; height:186px; -moz-border-radius: 96px; -webkit-border-radius: 96px; border-radius: 96px; position:absolute; top:0; left:0; overflow:hidden; } .Toolbar_show01-d1_c1 .circleCont li{ position:absolute; } .Toolbar_show01-d1_c1 .circleCont a{ text-decoration: none; } .Toolbar_show01-d1_c1 .circleCont .text{ display:block; width:50px; overflow : hidden; word-wrap:break-word; word-break:break-all; } .Toolbar_show01-d1_c1 .footerCenter { width: 76px; height: 76px; border: 2px solid rgba(255,255,255,0.1); background: #85121a; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position: absolute; left: 53px; top: 53px; overflow:hidden; } .Toolbar_show01-d1_c1 .footerCenter span { display: block; width: 32px; height: 29px; background: url(../images/common.png) no-repeat -180px -110px; background-size:400px; -moz-background-size:400px; margin: 24px auto 0; } .Toolbar_show01-d1_c1 .footerCenter.touch { background-color:rgba(255,255,255,0.2); } /*图标定位*/ .Toolbar_show01-d1_c1 .circleCont li.cont1 { left: 10px; top: 92px; } .Toolbar_show01-d1_c1 .circleCont li.cont2 { left: 30px; top: 15px; } .Toolbar_show01-d1_c1 .circleCont li.cont3 { left: 107px; top: 15px; } .Toolbar_show01-d1_c1 .circleCont li.cont4 { left: 127px; top: 92px; } .Toolbar_show01-d1_c1 .circleCont li.cont5 { left: 68px; top: 137px; } /*touch效果*/ .Toolbar_show01-d1_c1 .circleBg { width: 186px; height: 186px; background:url(../images/z3g_bg_footerCircle.png) -186px 0px no-repeat #85121a; background-size:372px; -moz-border-radius: 96px; -webkit-border-radius: 96px; border-radius: 96px; margin: 0 auto; position: relative; overflow: hidden; } .Toolbar_show01-d1_c1 .circleBg.current { background:url(../images/z3g_bg_footerCircle.png) 0px 0px no-repeat #85121a; background-size:372px; } .Toolbar_show01-d1_c1 .circleBg.current1 { transform:rotate(216deg); -moz-transform:rotate(216deg); -webkit-transform:rotate(216deg); -o-transform:rotate(216deg); } .Toolbar_show01-d1_c1 .circleBg.current2 { transform:rotate(288deg); -moz-transform:rotate(288deg); -webkit-transform:rotate(288deg); -o-transform:rotate(288deg); } .Toolbar_show01-d1_c1 .circleBg.current3 { transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } .Toolbar_show01-d1_c1 .circleBg.current4 { transform:rotate(72deg); -moz-transform:rotate(72deg); -webkit-transform:rotate(72deg); -o-transform:rotate(72deg); } .Toolbar_show01-d1_c1 .circleBg.current5 { transform:rotate(144deg); -moz-transform:rotate(144deg); -webkit-transform:rotate(144deg); -o-transform:rotate(144deg); } /* toolMoreWrap */ .toolMoreWrap{ width:100%; height: 100%; position:absolute; top:0px; z-index:9999; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: end; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: end; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: end; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: end; display: box; box-orient: horizontal; box-pack: center; box-align: end; } .toolMoreWrap > div{ width:100%; max-width:640px; margin:0 auto 45px auto; text-align:right; } .toolMoreWrap .icon{ width:30px; height:20px; display:inline-block; vertical-align:middle; position:relative; margin-right:8px; background: url(../images/common.png) no-repeat; background-size:400px; -moz-background-size:400px; } .toolMoreWrap .icon .numIcon { width:18px; height: 19px; line-height: 19px; font-size: 10px; text-align:center; display:block; color: #fff; background:url(../images/common.png) no-repeat -156px -223px; background-size:400px; -moz-background-size:400px; position:absolute; top:-2px; right:-6px; } .toolMoreWrap .icon .more99 { font-size:9px; -webkit-text-size-adjust:none; } .toolMoreWrap .text{ max-width:60px; display:inline-block; vertical-align:middle; font-size: 10px; color: #fff; text-decoration: none; } .toolMoreWrap .contWrap{ width:115px; line-height: 20px; display: inline-block; text-align: left; padding:0; margin-right:10px; background:#690b12; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow:hidden; -webkit-box-shadow:-0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow:-0px 0px 5px rgba(0,0,0,0.5); box-shadow:-0px 0px 5px rgba(0,0,0,0.5); } .toolMoreWrap .contWrap li{ text-align:left; padding:10px; vertical-align:middle; border-top:1px solid rgba(255,255,255,0.2); } .toolMoreWrap .contWrap li:nth-child(1){ border-top:none; } .toolMoreWrap .contWrap li.touch{ background-color:rgba(0,0,0,0.2); } .toolMoreWrap .contArrow{ height: 20px; overflow: hidden; text-align:right; margin-right:20px; position:relative; top:-1px; } .toolMoreWrap .contArrow em{ width:20px; height:20px; display:block; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); background:#690b12; -webkit-box-shadow:-0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow:-0px 0px 5px rgba(0,0,0,0.5); box-shadow:-0px 0px 5px rgba(0,0,0,0.5); position:absolute; top:-16px; right:0px; } .toolMoreWrap .whiteIcon span.email { background-position:0px -110px; } .toolMoreWrap .whiteIcon span.message { background-position: -30px -110px; } .toolMoreWrap .whiteIcon span.share { background-position: -60px -110px; } .toolMoreWrap .whiteIcon span.more { background-position: -150px -110px; } .toolMoreWrap .whiteIcon span.tel { background-position: -90px -110px; } .toolMoreWrap .whiteIcon span.map { background-position: -120px -110px; } .toolMoreWrap .whiteIcon span.cart { background-position: -212px -110px; } .toolMoreWrap .whiteIcon span.member { background-position: -240px -110px; } .toolMoreWrap .whiteIcon span.home { background-position:-180px -110px; } /*.Toolbar_show01-d1_c1 .footerToolStyle1 .toolMoreWrap, .Toolbar_show01-d1_c1 .footerToolStyle2 .toolMoreWrap{ width:100%; max-width:640px; text-align:right; position: absolute; z-index:9999; bottom:40px; } .Toolbar_show01-d1_c1 .footerToolStyle1 .toolMoreWrap .icon, .Toolbar_show01-d1_c1 .footerToolStyle2 .toolMoreWrap .icon{ display:inline-block; vertical-align:middle; margin-right:8px; } .Toolbar_show01-d1_c1 .footerToolStyle1 .toolMoreWrap .text, .Toolbar_show01-d1_c1 .footerToolStyle2 .toolMoreWrap .text{ max-width:60px; display:inline-block; vertical-align:middle; } .Toolbar_show01-d1_c1 .footerToolStyle2 .toolMoreWrap{ bottom:50px; } .Toolbar_show01-d1_c1 .footerToolStyle1 .toolMoreWrap .contWrap, .Toolbar_show01-d1_c1 .footerToolStyle2 .toolMoreWrap .contWrap{ width:115px; line-height: 20px; display: inline-block; text-align: left; padding:0; margin-right:10px; background:#690b12; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow:hidden; -webkit-box-shadow:-0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow:-0px 0px 5px rgba(0,0,0,0.5); box-shadow:-0px 0px 5px rgba(0,0,0,0.5); } .Toolbar_show01-d1_c1 .footerToolStyle1 .toolMoreWrap .contWrap li, .Toolbar_show01-d1_c1 .footerToolStyle2 .toolMoreWrap .contWrap li{ text-align:left; padding:10px; vertical-align:middle; border-top:1px solid rgba(255,255,255,0.2); } .Toolbar_show01-d1_c1 .footerToolStyle1 .toolMoreWrap .contWrap li:nth-child(1), .Toolbar_show01-d1_c1 .footerToolStyle2 .toolMoreWrap .contWrap li:nth-child(1){ border-top:none; } .Toolbar_show01-d1_c1 .footerToolStyle1 .toolMoreWrap .contWrap li.touch, .Toolbar_show01-d1_c1 .footerToolStyle2 .toolMoreWrap .contWrap li.touch{ background-color:rgba(0,0,0,0.2); } .Toolbar_show01-d1_c1 .footerToolStyle1 .toolMoreWrap .contArrow, .Toolbar_show01-d1_c1 .footerToolStyle2 .toolMoreWrap .contArrow{ height: 20px; overflow: hidden; text-align:right; margin-right:20px; position:relative; top:-1px; } .Toolbar_show01-d1_c1 .footerToolStyle1 .toolMoreWrap .contArrow em, .Toolbar_show01-d1_c1 .footerToolStyle2 .toolMoreWrap .contArrow em{ width:20px; height:20px; display:block; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); background:#690b12; -webkit-box-shadow:-0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow:-0px 0px 5px rgba(0,0,0,0.5); box-shadow:-0px 0px 5px rgba(0,0,0,0.5); position:absolute; top:-16px; right:0px; }*/ /*底部工具条 图标开始*/ .Toolbar_show01-d1_c1 .whiteIcon span.icon, .Toolbar_show01-d1_c1 .grayIcon span.icon{ width:30px; height:20px; display: block; background: url(../images/common.png) no-repeat; background-size:400px; -moz-background-size:400px; margin: 4px auto 0 auto; position:relative; } .Toolbar_show01-d1_c1 .whiteIcon span.email { background-position:0px -110px; } .Toolbar_show01-d1_c1 .whiteIcon span.message { background-position: -30px -110px; } .Toolbar_show01-d1_c1 .whiteIcon span.share { background-position: -60px -110px; } .Toolbar_show01-d1_c1 .whiteIcon span.more { background-position: -150px -110px; } .Toolbar_show01-d1_c1 .whiteIcon span.tel { background-position: -90px -110px; } .Toolbar_show01-d1_c1 .whiteIcon span.map { background-position: -120px -110px; } .Toolbar_show01-d1_c1 .whiteIcon span.cart { background-position: -212px -110px; } .Toolbar_show01-d1_c1 .whiteIcon span.member { background-position: -240px -110px; } .Toolbar_show01-d1_c1 .whiteIcon span.home { background-position:-180px -110px; } /* FrontSlide_listJson01-d1_c1 */ .FrontSlide_listJson01-d1_c1 { text-align: center; position: relative; } .FrontSlide_listJson01-d1_c1 .bannerScrollWrap { max-width: 640px; height: 100%; margin: 0 auto; overflow: hidden; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; -webkit-box-align: stretch; -moz-box-align: stretch; -o-box-align: stretch; box-align: stretch; } .FrontSlide_listJson01-d1_c1 .bannerScrollWrap .leftCover { height: 100%; background-color: rgba(0, 0, 0, 0.2); position: relative; z-index: 200; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; display: none; } .FrontSlide_listJson01-d1_c1 .bannerScrollWrap .rightCover { height: 100%; background-color: rgba(0, 0, 0, 0.2); position: relative; z-index: 200; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; display: none; } .FrontSlide_listJson01-d1_c1 #bannerScroll { width: 100%; position: relative; z-index: 100; } .FrontSlide_listJson01-d1_c1 .bannerList { width: 10000px; overflow: hidden; } .FrontSlide_listJson01-d1_c1 .bannerList li { /*width: 320px;*/ float: left; text-align: center; background: #f0f0f0 url(../images/loading.gif) no-repeat 50% 50%; background-size: 20px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; } .FrontSlide_listJson01-d1_c1 .bannerList li div { display: block; padding: 0px; line-height: 0px; max-width: 640px; } .FrontSlide_listJson01-d1_c1 .bannerList li div img { max-width: 640px; } .FrontSlide_listJson01-d1_c1 #bannerNav { width: 100%; text-align: center; position: absolute; left: 0px; bottom: 2px; z-index: 999; } .FrontSlide_listJson01-d1_c1 #bannerScroll .prev, .FrontSlide_listJson01-d1_c1 #bannerScroll .next { width: 25px; height: 100%; line-height: 100%; vertical-align: middle; position: absolute; z-index: 9999; top: 0px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; } .FrontSlide_listJson01-d1_c1 #bannerScroll .prev { left: 0px; } .FrontSlide_listJson01-d1_c1 #bannerScroll .next { right: 0px; } .FrontSlide_listJson01-d1_c1 .prev span, .FrontSlide_listJson01-d1_c1 .next span { width: 25px; height: 40px; display: block; background: #000 url(../images/z3g_arrow_06.png) no-repeat; vertical-align: middle; opacity: 0.5; } .FrontSlide_listJson01-d1_c1 .prev .touch, .FrontSlide_listJson01-d1_c1 .next .touch { opacity: 0.7; } .FrontSlide_listJson01-d1_c1 #prev { background-position: 3px 50%; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .FrontSlide_listJson01-d1_c1 #next { background-position: -18px 50%; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .FrontSlide_listJson01-d1_c1 #indicator, .FrontSlide_listJson01-d1_c1 #indicator > em { display: inline-block; } .FrontSlide_listJson01-d1_c1 #indicator { width: auto; } .FrontSlide_listJson01-d1_c1 #indicator > em { text-indent: -9999em; width: 6px; height: 6px; background-color: rgba(0, 0, 0, 0.5); overflow: hidden; margin-right: 4px; -moz-box-shadow: 0px 0px 2px #fff; -webkit-box-shadow: 0px 0px 2px #fff; box-shadow: 0px 0px 2px #fff; } .FrontSlide_listJson01-d1_c1 #indicator > em.active { background: #000; } .FrontSlide_listJson01-d1_c1 #indicator > em:last-child { margin: 0; } /* Specifies_show01-d1_c1 */ .Specifies_show01-d1_c1 .borderTitle .controlBar { display: none; } .Specifies_show01-d1_c1 .htmledit { padding: 10px; } /* Products_mobilelist01-d1_c1 */ .Products_mobilelist01-d1_c1 li{ padding:7px 0; border-bottom:1px solid #cfcfcf; } .Products_mobilelist01-d1_c1 li div{ overflow:hidden; display:block; background: url(../images/z3g_arrow_red.png) no-repeat 100% 50%; display:-moz-box; display:-webkit-box; display:box; -moz-box-orient:horizontal; -webkit-box-orient:horizontal; box-orient:horizontal; } .Products_mobilelist01-d1_c1 li .imgWrap{ width:80px; height:80px; text-align:center; margin:4px 0 0 10px; background:#f0f0f0 url(../images/loading.gif) no-repeat 50% 50%; background-size:20px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; } .Products_mobilelist01-d1_c1 li .imgWrap img{ max-width:80px; max-height:80px; } .Products_mobilelist01-d1_c1 li .infoWrap{ padding:0 20px 0 10px; background:none!important; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; -moz-box-orient: vertical; -webkit-box-orient:vertical; box-orient:vertical; } .Products_mobilelist01-d1_c1 li .infoWrap h3{ padding:5px 0px; overflow:hidden; color:#000; font-size:15px; white-space:nowrap; vertical-align:middle; display:-moz-box; display:-webkit-box; display:box; -moz-box-orient:horizontal; -webkit-box-orient:horizontal; box-orient:horizontal; } .Products_mobilelist01-d1_c1 li .infoWrap h3 span{ height:16px; line-height:16px; white-space:normal; display:block; vertical-align:middle; overflow:hidden; word-wrap:break-word; word-break:break-all; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; } .Products_mobilelist01-d1_c1 li .infoWrap h3 .markWrap{ max-width:66px; display:block; } .Products_mobilelist01-d1_c1 li .infoWrap h3 img{ max-width:32px; max-height:16px; vertical-align:middle; margin-left:-3px; } .Products_mobilelist01-d1_c1 li .infoWrap h3 img:nth-child(1){ margin-left:0px; } .Products_mobilelist01-d1_c1 li .infoWrap p{ color:#b9b9c8; margin-right:25px; } .Products_mobilelist01-d1_c1 li .infoWrap p.code{ line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .Products_mobilelist01-d1_c1 li .infoWrap p.cont{ line-height:18px; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; word-break:break-all; } .Products_mobilelist01-d1_c1 li.touch{ border-bottom:1px solid #a1131d; background:#a1131d; -moz-box-shadow:-2px 5px 5px #871018 inset; -webkit-box-shadow:-2px 5px 5px #871018 inset; box-shadow:-2px 5px 5px #871018 inset; } .Products_mobilelist01-d1_c1 li.touch div{ background: url(../images/z3g_arrow_white.png) no-repeat 100% 50%; } .Products_mobilelist01-d1_c1 li.touch div.imgWrap{ background:#f0f0f0; } .Products_mobilelist01-d1_c1 li.touch h3, .Products_mobilelist01-d1_c1 li.touch p{ color:#fff; text-shadow: 1px 1px 1px #43060b; } .Products_mobilelist01-d1_c1 .moreWrap{ text-align:center; padding:20px 0; } .Products_mobilelist01-d1_c1 .moreWrap span{ height:20px; padding-left:20px; display:inline-block; } /* Products_mobilelist01-d1_c2 */ .Products_mobilelist01-d1_c2 li{ padding:7px 0; border-bottom:1px solid #cfcfcf; } .Products_mobilelist01-d1_c2 li div{ padding:0 20px 0 10px; overflow:hidden; display:block; background: url(../images/z3g_arrow_red.png) no-repeat 100% 50%; } .Products_mobilelist01-d1_c2 li h3{ padding:5px 0px 5px 0px; overflow:hidden; color:#000; font-size:15px; margin-right:10px; white-space:nowrap; vertical-align:middle; display:-moz-box; display:-webkit-box; display:box; -moz-box-orient:horizontal; -webkit-box-orient:horizontal; box-orient:horizontal; } .Products_mobilelist01-d1_c2 li h3 span{ height:16px; line-height:16px; white-space:normal; display:block; vertical-align:middle; overflow:hidden; word-wrap:break-word; word-break:break-all; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; } .Products_mobilelist01-d1_c2 li h3 .markWrap{ max-width:66px; display:block; } .Products_mobilelist01-d1_c2 li h3 img{ max-width:32px; max-height:16px; vertical-align:middle; margin-left:-3px; } .Products_mobilelist01-d1_c2 li h3 img:nth-child(1){ margin-left:0px; } .Products_mobilelist01-d1_c2 li p{ color:#b9b9c8; } .Products_mobilelist01-d1_c2 li p.code{ line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .Products_mobilelist01-d1_c2 li p.cont{ line-height:18px; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; word-break:break-all; } .Products_mobilelist01-d1_c2 li.touch{ border-bottom:1px solid #a1131d; background:#a1131d; -moz-box-shadow:-2px 5px 5px #871018 inset; -webkit-box-shadow:-2px 5px 5px #871018 inset; box-shadow:-2px 5px 5px #871018 inset; } .Products_mobilelist01-d1_c2 li.touch div{ background: url(../images/z3g_arrow_white.png) no-repeat 100% 50%; } .Products_mobilelist01-d1_c2 li.touch h3, .Products_mobilelist01-d1_c2 li.touch p{ color:#fff; text-shadow: 1px 1px 1px #43060b; } .Products_mobilelist01-d1_c2 .moreWrap{ text-align:center; padding:20px 0; } .Products_mobilelist01-d1_c2 .moreWrap span{ height:20px; padding-left:20px; display:inline-block; } /* Products_mobilelist01-d1_c3 */ .Products_mobilelist01-d1_c3 .productListCont{ overflow:hidden; padding:20px; } .Products_mobilelist01-d1_c3 .productListCont .rows{ overflow:hidden; padding-bottom:16px; display: flex; justify-content: space-between; align-items: center; } .Products_mobilelist01-d1_c3 .productListCont .rows dd{ width:48%; text-align:center; } .Products_mobilelist01-d1_c3 .productListCont .imgWrap{ width:92px; border:3px solid #fff; margin:0 auto; text-align:center; background: url(../images/loading.gif) no-repeat 50% 50%; background-size:20px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; } .Products_mobilelist01-d1_c3 .productListCont .imgWrap img{ max-width:92px; margin:0 auto; } .Products_mobilelist01-d1_c3 .productListCont .infoWrap{ width:100%; text-align:center; } .Products_mobilelist01-d1_c3 .productListCont .infoWrap h3{ max-height:30px; line-height:15px; text-align:center; margin:2px auto; color:#333333; overflow : hidden; word-wrap:break-word; word-break:break-all; padding:0 10px; } .Products_mobilelist01-d1_c3 .productListCont .infoWrap h3 .name{ font-size:14px; max-height:30px; line-height:15px; display:block; overflow:hidden; text-align:center; color: #333333; } .Products_mobilelist01-d1_c3 .productListCont .infoWrap p{ height:16px; line-height:16px; text-align:center; overflow:hidden; margin:0 auto; padding:0 10px; color:#666666; overflow : hidden; word-wrap:break-word; word-break:break-all; } .Products_mobilelist01-d1_c3 .productListCont .infoWrap .mark{ white-space:nowrap; } .Products_mobilelist01-d1_c3 .productListCont .infoWrap .mark img{ margin:0 2px 0 0; max-width:32px; max-height:16px; } .Products_mobilelist01-d1_c3 .titleCoverStyle dd{ position:relative; } .Products_mobilelist01-d1_c3 .titleCoverStyle .infoWrap{ position:absolute; bottom:3px; left:0px; text-align:center; } .Products_mobilelist01-d1_c3 .titleCoverStyle .infoWrap h3{ width:92px; height:auto; margin:0 auto; padding:5px 0; background-color:rgba(0, 0, 0, 0.5); } .Products_mobilelist01-d1_c3 .titleCoverStyle .infoWrap h3 .name{ height:14px; overflow:hidden; padding:0 3px; color:#fff; } .Products_mobilelist01-d1_c3 .titleCoverStyle .infoWrap p{ display:none; } .Products_mobilelist01-d1_c3 .moreWrap{ text-align:center; padding:20px 0; } .Products_mobilelist01-d1_c3 .moreWrap span{ height:20px; padding-left:20px; display:inline-block; } .Products_mobilelist01-d1_c3 .productListCont .touch .imgWrap { border-color:#a1131d; opacity: 0.5; } .Products_mobilelist01-d1_c3 .productListCont .touch .infoWrap h3, .Products_mobilelist01-d1_c3 .productListCont .touch .infoWrap p{ color:#a1131d; } .Products_mobilelist01-d1_c3 .titleCoverStyle .touch .infoWrap h3{ color:#fff; } /* Products_mobilelist01-d1_c4 */ .Products_mobilelist01-d1_c4{ padding:10px 0; } .Products_mobilelist01-d1_c4 li{ padding-bottom:10px; border-bottom:1px solid #cfcfcf; text-align:center; } .Products_mobilelist01-d1_c4 li .imgWrap{ width:300px; height:300px; text-align:center; border:3px solid #fff; margin:7px auto; background:#f0f0f0 url(../images/loading.gif) no-repeat 50% 50%; background-size:20px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; } .Products_mobilelist01-d1_c4 li .imgWrap img{ max-width:300px; max-height:300px; } .Products_mobilelist01-d1_c4 li .infoWrap{ text-align: center; padding: 0 10px; } .Products_mobilelist01-d1_c4 li .infoWrap .productTitleWrap{ overflow:hidden; margin: 0 auto; } .Products_mobilelist01-d1_c4 li .infoWrap .productTitleWrap2{ display:-moz-box; display:-webkit-box; display:box; -moz-box-orient:horizontal; -webkit-box-orient:horizontal; box-orient:horizontal; } .Products_mobilelist01-d1_c4 li .infoWrap h3{ font-size:15px; color:#000; overflow:hidden; vertical-align:middle; margin-right: 10px; display:-moz-box; display:-webkit-box; display:box; -moz-box-orient:horizontal; -webkit-box-orient:horizontal; box-orient:horizontal; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; } .Products_mobilelist01-d1_c4 li .infoWrap p.cont{ color:#b9b9c8; line-height:18px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; word-break:break-all; margin: 0 auto; } .Products_mobilelist01-d1_c4 li .infoWrap .price{ max-width: 100px; } .Products_mobilelist01-d1_c4 li .infoWrap .code{ -moz-box-orient:vertical; -webkit-box-orient:vertical; box-orient:vertical; } .Products_mobilelist01-d1_c4 li .infoWrap h3 span{ height:16px; line-height:16px; display:block; vertical-align:middle; overflow:hidden; word-wrap:break-word; word-break:break-all; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; } .Products_mobilelist01-d1_c4 li .infoWrap h3 .markWrap{ max-width:66px; height: 17px; display: block; overflow: hidden; white-space:nowrap; } .Products_mobilelist01-d1_c4 li .infoWrap h3 img{ max-width:32px; max-height:16px; vertical-align:middle; margin-left: -3px; } .Products_mobilelist01-d1_c4 li .infoWrap h3 img:nth-child(1){ margin-left: 0px; } .Products_mobilelist01-d1_c4 .titleCoverStyle{ position:relative; padding-bottom:0px; } .Products_mobilelist01-d1_c4 .titleCoverStyle .infoWrap{ width: 100%; padding: 0px; position:absolute; bottom:10px; left:0px; } .Products_mobilelist01-d1_c4 .titleCoverStyle .productTitleWrap{ width: 300px; padding:5px 0; text-align:center; background-color:rgba(0, 0, 0, 0.5); } .Products_mobilelist01-d1_c4 .titleCoverStyle .productTitleWrap h3, .Products_mobilelist01-d1_c4 .titleCoverStyle .productTitleWrap .code{ text-align:center; color:#fff!important; margin:0; } .Products_mobilelist01-d1_c4 .titleCoverStyle .productTitleWrap .name{ max-width:300px; white-space:normal; color:#fff; text-align:center; } .Products_mobilelist01-d1_c4 .titleCoverStyle .productTitle{ max-width:100%; float:none; } .Products_mobilelist01-d1_c4 .titleCoverStyle .price, .Products_mobilelist01-d1_c4 .titleCoverStyle .cont, .Products_mobilelist01-d1_c4 .titleCoverStyle .productTitle img{ display:none!important; } .Products_mobilelist01-d1_c4 .touch .imgWrap { border-color:#a1131d; opacity: 0.5; } .Products_mobilelist01-d1_c4 .touch .infoWrap h3, .Products_mobilelist01-d1_c4 .touch .infoWrap p{ color:#a1131d!important; } .Products_mobilelist01-d1_c4 .moreWrap{ text-align:center; padding:20px 0; } .Products_mobilelist01-d1_c4 .moreWrap span{ height:20px; padding-left:20px; display:inline-block; } /* Products_mobilelist01-d1_c5 */ .Products_mobilelist01-d1_c5 .productListCont{ overflow:hidden; padding:10px 0 0 0; } .Products_mobilelist01-d1_c5 .productListCont .rows{ overflow:hidden; padding-bottom:10px; } .Products_mobilelist01-d1_c5 .productListCont .rows dd{ width:50%; float:left; text-align:center; background: #ffffff; padding: 20px; } .Products_mobilelist01-d1_c5 .productListCont .imgWrap{ width:144px; border:3px solid #fff; margin:0 auto; text-align:center; background:url(../images/loading.gif) no-repeat 50% 50%; background-size:20px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; } .Products_mobilelist01-d1_c5 .productListCont .imgWrap img{ max-width:144px; margin:0 auto; } .Products_mobilelist01-d1_c5 .productListCont .infoWrap{ width:100%; text-align:center; } .Products_mobilelist01-d1_c5 .productListCont .infoWrap h3{ max-height:30px; line-height:15px; text-align:center; margin:2px auto; padding:0 10px; color:#000; overflow : hidden; word-wrap:break-word; word-break:break-all; } .Products_mobilelist01-d1_c5 .productListCont .infoWrap h3 .name{ max-height:30px; line-height:15px; display:block; overflow:hidden; text-align:center; } .Products_mobilelist01-d1_c5 .productListCont .infoWrap p{ height:16px; line-height:16px; text-align:center; overflow:hidden; margin:0 auto; padding:0 10px; color:#b9b9c8; overflow : hidden; word-wrap:break-word; word-break:break-all; } .Products_mobilelist01-d1_c5 .productListCont .infoWrap .mark{ white-space:nowrap; } .Products_mobilelist01-d1_c5 .productListCont .infoWrap .mark img{ margin:0 2px 0 0; max-width:32px; max-height:16px; } .Products_mobilelist01-d1_c5 .titleCoverStyle dd{ position:relative; } .Products_mobilelist01-d1_c5 .titleCoverStyle .infoWrap{ position:absolute; bottom:3px; left:0px; text-align:center; } .Products_mobilelist01-d1_c5 .titleCoverStyle .infoWrap h3{ width:144px; height:auto; margin:0 auto; padding:5px 0; background-color:rgba(0, 0, 0, 0.5); } .Products_mobilelist01-d1_c5 .titleCoverStyle .infoWrap h3 .name{ height:14px; color:#fff; overflow:hidden; padding:0 3px; text-align:center; } .Products_mobilelist01-d1_c5 .titleCoverStyle .infoWrap p{ display:none; } .Products_mobilelist01-d1_c5 .productListCont .touch .imgWrap { border-color:#a1131d; opacity: 0.5; } .Products_mobilelist01-d1_c5 .productListCont .touch .infoWrap h3, .Products_mobilelist01-d1_c5 .productListCont .touch .infoWrap p{ color:#a1131d; } .Products_mobilelist01-d1_c5 .moreWrap{ text-align:center; padding:20px 0; } .Products_mobilelist01-d1_c5 .moreWrap span{ height:20px; padding-left:20px; display:inline-block; } /* News_list01-d1_c1 */ .News_list01-d1_c1 li{ background: #fff; border-bottom:1px solid #cfcfcf; } .News_list01-d1_c1 li div{ height:47px; display:block; padding:0 20px 0 10px; background: url(../images/z3g_arrow_red.png) no-repeat 100% 50%; } .News_list01-d1_c1 li h3{ padding:7px 0 0 0; color:#000; vertical-align:middle; display:-moz-box; display:-webkit-box; display:box; -moz-box-orient:horizontal; -webkit-box-orient:horizontal; box-orient:horizontal; } .News_list01-d1_c1 li h3 strong, .News_list01-d1_c1 li h3 img{ vertical-align:middle; line-height:15px;/*火狐*/ } .News_list01-d1_c1 li h3 img{ max-width:32px; max-height:16px; margin-left:2px; } .News_list01-d1_c1 li h3 span.name{ height:15px; line-height:15px; font-size:15px; display:block;/*火狐*/ overflow:hidden; word-wrap:break-word; word-break:break-all; vertical-align:middle; margin-top: 2px; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; } .News_list01-d1_c1 li .time{ line-height:18px; color:#b9b9c8; font-size:12px; } .News_list01-d1_c1 li.touch{ border-bottom:1px solid #a1131d; background:#a1131d; -moz-box-shadow:-2px 5px 5px #871018 inset; -webkit-box-shadow:-2px 5px 5px #871018 inset; box-shadow:-2px 5px 5px #871018 inset; } .News_list01-d1_c1 li.touch div{ background: url(../images/z3g_arrow_white.png) no-repeat 100% 50%; } .News_list01-d1_c1 li.touch h3, .News_list01-d1_c1 li.touch p{ color:#fff; text-shadow: 1px 1px 1px #43060b; } .News_list01-d1_c1 .moreWrap{ text-align:center; padding:20px 0; } .News_list01-d1_c1 .moreWrap span{ height:20px; padding-left:20px; display:inline-block; } a{text-decoration:none} #box_content{margin-bottom:0px} /* scroller */ #scroller li{padding:5px 0;border-bottom:1px solid #ccc;border-top:1px solid #fff;background-color:#fafafa;font-size:14px;height:85px;vertical-align:bottom;} #scroller li img{float:left;width:111px;height:83px;} #scroller li span{float:left;margin:30px 0 0 6px;} /* swipe */ .swipe{overflow:hidden;position:relative;} .swipe ul{ -webkit-transition:left 800ms ease-in 0; -moz-transition:left 800ms ease-in 0; -o-transition:left 800ms ease-in 0; -ms-transition:left 800ms ease-in 0; transition:left 800ms ease-in 0; } .swipe #pagenavi{position:absolute;bottom:10px;text-align:center;} .swipe #pagenavi a{width:4px;height:4px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;} .swipe #pagenavi a.active{background:#222222;} /*手机列表*/ .Columns_navigation01-d1 .plist{ position: relative;margin: 0 19px 0 19px; height: 40px;} .Columns_navigation01-d1 .plist .bul{ position:absolute; overflow:visible; white-space:nowrap; z-index:111; height:40px; } .Columns_navigation01-d1 .plist .bul .bull{ display:inline-block; width:100%; height:100%; white-space:normal;border-right: 1px solid #fff; overflow:hidden; } .Columns_navigation01-d1 .bull a { color:White; display:block; text-align:center; line-height:40px; } /*手机产品分类列表*/ .pro_plist{ position: relative; padding:10px 0 10px 0; width:100%; } .pro_plist .pro_bul {overflow:visible; z-index:111; width:100%; display:flex; flex-wrap: wrap;} .pro_plist .pro_bul .pro_bull{ line-height:40px; text-align:center; display:block; width:100%; height:100%; white-space:normal;border-right: 1px solid #fff; overflow:hidden; } .pro_plist .pro_bul .pro_bull a { display:block; width:90%; margin:3px auto; padding:0 10px; text-align:left; line-height:55px; font-size:16px; border: 1px solid #cccccc; background: #e5e5e5; }