@charset "gb2312"; /*! * ��ק��ģ�� * * ��ק��ģ�������ܽṹ */ .NItemM, .NItemM a, .NSubC a, .page a { -webkit-transition-property: border-color, background-color, color; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease; -moz-transition-property: border-color, background-color, color; -moz-transition-duration: .5s; -moz-transition-timing-function: ease; -ms-transition-property: border-color, background-color, color; -ms-transition-duration: .5s; -ms-transition-timing-function: ease; -o-transition-property: border-color, background-color, color; -o-transition-duration: .5s; -o-transition-timing-function: ease; transition-property: border-color, background-color, color; transition-duration: .5s; transition-timing-function: ease } body { background-repeat: repeat-x; background-position: top left; margin: 0 auto } a { text-decoration: none; cursor: pointer } body>div.main { overflow: hidden } .load-animate { visibility: hidden } img.lazy-loading { opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } img.lazy-loading-animate { opacity: 1 } .tip { position: absolute; background-color: #f5f5f5; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); padding: 10px; border-radius: 5px; display: none; z-index: 1000 } .tip .arrow { position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid dashed; border-color: #f5f5f5 transparent } .tip .tip-text { color: #ccc; font-size: 12px; line-height: 20px } .tip.top .arrow { bottom: -10px; border-width: 10px 8px 0 } .tip.bottom .arrow { top: -10px; border-width: 0 8px 10px } .tip .twoCode { margin: 20px } .tip .twoCode .code-canvas { background-color: #fff; padding: 13px 12px 12px 13px; width: 75px; height: 75px } .tip .twoCode .code-img { background-color: #fff; padding: 5px } .tip .twoCode .code-img img { width: 200px; height: 200px } .tip .twoCode p { text-align: center; color: #888; font-size: 12px; line-height: 20px; margin-top: 5px } .show-wx-code { overflow: hidden } .show-wx-code p { text-align: center; line-height: 24px; color: #666 } .show-wx-code .wx-code-img { margin: 30px 10px 10px; width: 240px; height: 240px } .show-wx-code .wx-code-img img { max-width: 100%; max-height: 100% } .int-dom { -webkit-perspective: 300px; -moz-perspective: 300px; -ms-perspective: 300px; -o-perspective: 300px; perspective: 300px } .int-dom .bgzz, .int-dom .int-add-dom { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .int-dom .int-add-dom { z-index: 2 } .int-dom .bgzz { z-index: 1; background-color: #000; opacity: .5 } .int-dom .figcaption { text-align: center; position: relative; z-index: 12; width: 100%; height: 100%; display: block } .int-dom .bgzz, .int-dom .figcaption, .int-dom .int-add-dom, .int-dom>.default-img, .int-dom>table { -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease } .int-dom .figcaption h3 { font-weight: 400; line-height: 24px; font-size: 14px; color: #fff; padding: 0 5px; word-break: break-word } .int-dom .figcaption .p { font-size: 12px; line-height: 20px; text-align: center; color: #fff; padding: 0 5px; overflow: hidden; word-break: break-all } .int-dom:hover .int-add-dom { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1 } [class*=' int-onlyimg-'] img, [class^=int-onlyimg-] img { -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease } .int-onlyimg-larger:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .int-onlyimg-small:hover img { -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9) } .int-onlyimg-move-left img { -webkit-transform: translateX(5%) scaleX(1.1); -moz-transform: translateX(5%) scaleX(1.1); -ms-transform: translateX(5%) scaleX(1.1); -o-transform: translateX(5%) scaleX(1.1); transform: translateX(5%) scaleX(1.1) } .int-onlyimg-move-left:hover img { -webkit-transform: translateX(0) scaleX(1.1); -moz-transform: translateX(0) scaleX(1.1); -ms-transform: translateX(0) scaleX(1.1); -o-transform: translateX(0) scaleX(1.1); transform: translateX(0) scaleX(1.1) } .int-onlyimg-move-right img { -webkit-transform: translateX(-5%) scaleX(1.1); -moz-transform: translateX(-5%) scaleX(1.1); -ms-transform: translateX(-5%) scaleX(1.1); -o-transform: translateX(-5%) scaleX(1.1); transform: translateX(-5%) scaleX(1.1) } .int-onlyimg-move-right:hover img { -webkit-transform: translateX(0) scaleX(1.1); -moz-transform: translateX(0) scaleX(1.1); -ms-transform: translateX(0) scaleX(1.1); -o-transform: translateX(0) scaleX(1.1); transform: translateX(0) scaleX(1.1) } .int-onlyimg-move-top img { -webkit-transform: translateY(5%) scaleY(1.1); -moz-transform: translateY(5%) scaleY(1.1); -ms-transform: translateY(5%) scaleY(1.1); -o-transform: translateY(5%) scaleY(1.1); transform: translateY(5%) scaleY(1.1) } .int-onlyimg-move-top:hover img { -webkit-transform: translateY(0) scaleY(1.1); -moz-transform: translateY(0) scaleY(1.1); -ms-transform: translateY(0) scaleY(1.1); -o-transform: translateY(0) scaleY(1.1); transform: translateY(0) scaleY(1.1) } .int-onlyimg-move-down img { -webkit-transform: translateY(-5%) scaleY(1.1); -moz-transform: translateY(-5%) scaleY(1.1); -ms-transform: translateY(-5%) scaleY(1.1); -o-transform: translateY(-5%) scaleY(1.1); transform: translateY(-5%) scaleY(1.1) } .int-onlyimg-move-down:hover img { -webkit-transform: translateY(0) scaleY(1.1); -moz-transform: translateY(0) scaleY(1.1); -ms-transform: translateY(0) scaleY(1.1); -o-transform: translateY(0) scaleY(1.1); transform: translateY(0) scaleY(1.1) } .int-onlyimg-rotate-left:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } .int-onlyimg-rotate-right:hover img { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg) } [class*=' int-bigglass-'] .int-add-dom, [class^=int-bigglass-] .int-add-dom { opacity: 0 } [class*=' int-bigglass-'] .int-add-dom .bgzz, [class^=int-bigglass-] .int-add-dom .bgzz { opacity: .3 } [class*=' int-bigglass-'] .int-add-dom .figcaption img, [class^=int-bigglass-] .int-add-dom .figcaption img { position: absolute; left: 50%; top: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease } [class*=' int-bigglass-']:hover .figcaption img, [class^=int-bigglass-]:hover .figcaption img { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); opacity: 1 } .int-bigglass-fade .figcaption img { opacity: 0 } .int-bigglass-magnify .figcaption img { -webkit-transform: scale(.1); -moz-transform: scale(.1); -ms-transform: scale(.1); -o-transform: scale(.1); transform: scale(.1); opacity: 0 } .int-bigglass-shrink .figcaption img { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0 } .int-bigglass-slide-left .figcaption img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } .int-bigglass-slide-right .figcaption img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0 } .int-bigglass-slide-down .figcaption img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } .int-bigglass-slide-up .figcaption img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0 } [class*=" int-changeimg-"] .int-add-dom .bgzz, [class^=int-changeimg-] .int-add-dom .bgzz { visibility: hidden } [class*=" int-changeimg-"] .int-add-dom .figcaption img, [class^=int-changeimg-] .int-add-dom .figcaption img { max-width: 100%; max-height: 100% } .int-changeimg-fade .int-add-dom { opacity: 0 } .int-changeimg-magnify .int-add-dom { -webkit-transform: scale(.1); -moz-transform: scale(.1); -ms-transform: scale(.1); -o-transform: scale(.1); transform: scale(.1); opacity: 0 } .int-changeimg-magnify:hover>.default-img, .int-changeimg-magnify:hover>table { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0 } .int-changeimg-shrink .int-add-dom { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0 } .int-changeimg-shrink:hover>.default-img, .int-changeimg-shrink:hover>table { -webkit-transform: scale(.1); -moz-transform: scale(.1); -ms-transform: scale(.1); -o-transform: scale(.1); transform: scale(.1); opacity: 0 } .int-changeimg-slide-left .int-add-dom { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } .int-changeimg-slide-right .int-add-dom { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0 } .int-changeimg-slide-down .int-add-dom { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } .int-changeimg-slide-up .int-add-dom { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0 } .int-changeimg-slide-leftup .int-add-dom { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } .int-changeimg-slide-rightup .int-add-dom { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } .int-changeimg-slide-leftdown .int-add-dom { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } .int-changeimg-slide-rightdown .int-add-dom { -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } .int-changeimg-push-left .int-add-dom { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%) } .int-changeimg-push-left:hover>.default-img, .int-changeimg-push-left:hover>table { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%) } .int-changeimg-push-right .int-add-dom { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%) } .int-changeimg-push-right:hover>.default-img, .int-changeimg-push-right:hover>table { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%) } .int-changeimg-push-down .int-add-dom { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } .int-changeimg-push-down:hover>.default-img, .int-changeimg-push-down:hover>table { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%) } .int-changeimg-push-up .int-add-dom { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%) } .int-changeimg-push-up:hover>.default-img, .int-changeimg-push-up:hover>table { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } .int-changeimg-hinge-down>table, .int-changeimg-hinge-left>table, .int-changeimg-hinge-right .int-add-dom, .int-changeimg-hinge-up .int-add-dom { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0 } .int-changeimg-hinge-down .int-add-dom, .int-changeimg-hinge-left .int-add-dom, .int-changeimg-hinge-right>table, .int-changeimg-hinge-up>table { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100% } .int-changeimg-hinge-left .int-add-dom, .int-changeimg-hinge-right:hover>.default-img, .int-changeimg-hinge-right:hover>table { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); opacity: 0 } .int-changeimg-hinge-left:hover>.default-img, .int-changeimg-hinge-left:hover>table, .int-changeimg-hinge-right .int-add-dom { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); opacity: 0 } .int-changeimg-hinge-down:hover>.default-img, .int-changeimg-hinge-down:hover>table, .int-changeimg-hinge-up .int-add-dom { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); opacity: 0 } .int-changeimg-hinge-down .int-add-dom, .int-changeimg-hinge-up:hover>.default-img, .int-changeimg-hinge-up:hover>table { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0 } .int-changeimg-flip-horiz .int-add-dom, .int-changeimg-flip-horiz>table { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0 } .int-changeimg-flip-horiz .int-add-dom { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0 } .int-changeimg-flip-horiz:hover>.default-img, .int-changeimg-flip-horiz:hover>table { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0 } .int-changeimg-flip-vert .int-add-dom, .int-changeimg-flip-vert>table { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50% } .int-changeimg-flip-vert .int-add-dom { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); opacity: 0 } .int-changeimg-flip-vert:hover>.default-img, .int-changeimg-flip-vert:hover>table { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); opacity: 0 } .int-changeimg-flip-diag-l .int-add-dom { -webkit-transform: rotate3d(1, -1, 0, 180deg); -moz-transform: rotate3d(1, -1, 0, 180deg); -ms-transform: rotate3d(1, -1, 0, 180deg); -o-transform: rotate3d(1, -1, 0, 180deg); transform: rotate3d(1, -1, 0, 180deg); opacity: 0 } .int-changeimg-flip-diag-l:hover>.default-img, .int-changeimg-flip-diag-l:hover>table { -webkit-transform: rotate3d(1, -1, 0, 180deg); -moz-transform: rotate3d(1, -1, 0, 180deg); -ms-transform: rotate3d(1, -1, 0, 180deg); -o-transform: rotate3d(1, -1, 0, 180deg); transform: rotate3d(1, -1, 0, 180deg); opacity: 0 } .int-changeimg-flip-diag-r .int-add-dom { -webkit-transform: rotate3d(1, 1, 0, 180deg); -moz-transform: rotate3d(1, 1, 0, 180deg); -ms-transform: rotate3d(1, 1, 0, 180deg); -o-transform: rotate3d(1, 1, 0, 180deg); transform: rotate3d(1, 1, 0, 180deg); opacity: 0 } .int-changeimg-flip-diag-r:hover>.default-img, .int-changeimg-flip-diag-r:hover>table { -webkit-transform: rotate3d(1, 1, 0, 180deg); -moz-transform: rotate3d(1, 1, 0, 180deg); -ms-transform: rotate3d(1, 1, 0, 180deg); -o-transform: rotate3d(1, 1, 0, 180deg); transform: rotate3d(1, 1, 0, 180deg); opacity: 0 } .int-changeimg-shutter-out-horiz .int-add-dom { -webkit-transform: scale(.1, 1); -moz-transform: scale(.1, 1); -ms-transform: scale(.1, 1); -o-transform: scale(.1, 1); transform: scale(.1, 1); opacity: 0 } .int-changeimg-shutter-out-vert .int-add-dom { -webkit-transform: scale(1, .1); -moz-transform: scale(1, .1); -ms-transform: scale(1, .1); -o-transform: scale(1, .1); transform: scale(1, .1); opacity: 0 } .int-changeimg-shutter-out-diag-l .int-add-dom { -webkit-transform: rotate3d(1, -1, 0, 90deg); -moz-transform: rotate3d(1, -1, 0, 90deg); -ms-transform: rotate3d(1, -1, 0, 90deg); -o-transform: rotate3d(1, -1, 0, 90deg); transform: rotate3d(1, -1, 0, 90deg); opacity: 0 } .int-changeimg-shutter-out-diag-r .int-add-dom { -webkit-transform: rotate3d(1, 1, 0, 90deg); -moz-transform: rotate3d(1, 1, 0, 90deg); -ms-transform: rotate3d(1, 1, 0, 90deg); -o-transform: rotate3d(1, 1, 0, 90deg); transform: rotate3d(1, 1, 0, 90deg); opacity: 0 } [class*=' int-showAttr-'] .figcaption, [class^=int-showAttr-] .figcaption { height: auto; left: 0 } .int-showAttr-fade .int-add-dom { opacity: 0 } .int-showAttr-magnify .int-add-dom { -webkit-transform: scale(.1); -moz-transform: scale(.1); -ms-transform: scale(.1); -o-transform: scale(.1); transform: scale(.1); opacity: 0 } .int-showAttr-shrink .int-add-dom { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0 } .int-showAttr-slide-left .int-add-dom { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } .int-showAttr-slide-right .int-add-dom { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0 } .int-showAttr-slide-down .int-add-dom { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } .int-showAttr-slide-up .int-add-dom { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0 } .int-showAttr-slide-leftup .int-add-dom { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } .int-showAttr-slide-rightup .int-add-dom { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } .int-showAttr-slide-leftdown .int-add-dom { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } .int-showAttr-slide-rightdown .int-add-dom { -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } .int-showAttr-hinge-right .int-add-dom, .int-showAttr-hinge-up .int-add-dom { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0 } .int-showAttr-hinge-down .int-add-dom, .int-showAttr-hinge-left .int-add-dom { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100% } .int-showAttr-hinge-left .int-add-dom { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); opacity: 0 } .int-showAttr-hinge-right .int-add-dom { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); opacity: 0 } .int-showAttr-hinge-up .int-add-dom { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); opacity: 0 } .int-showAttr-hinge-down .int-add-dom { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0 } .int-showAttr-shutter-out-horiz .int-add-dom { -webkit-transform: scale(.1, 1); -moz-transform: scale(.1, 1); -ms-transform: scale(.1, 1); -o-transform: scale(.1, 1); transform: scale(.1, 1); opacity: 0 } .int-showAttr-shutter-out-vert .int-add-dom { -webkit-transform: scale(1, .1); -moz-transform: scale(1, .1); -ms-transform: scale(1, .1); -o-transform: scale(1, .1); transform: scale(1, .1); opacity: 0 } .int-showAttr-shutter-out-diag-l .int-add-dom { -webkit-transform: rotate3d(1, -1, 0, 90deg); -moz-transform: rotate3d(1, -1, 0, 90deg); -ms-transform: rotate3d(1, -1, 0, 90deg); -o-transform: rotate3d(1, -1, 0, 90deg); transform: rotate3d(1, -1, 0, 90deg); opacity: 0 } .int-showAttr-shutter-out-diag-r .int-add-dom { -webkit-transform: rotate3d(1, 1, 0, 90deg); -moz-transform: rotate3d(1, 1, 0, 90deg); -ms-transform: rotate3d(1, 1, 0, 90deg); -o-transform: rotate3d(1, 1, 0, 90deg); transform: rotate3d(1, 1, 0, 90deg); opacity: 0 } [class*=" int-showTitle"] .int-add-dom, [class^=int-showTitle] .int-add-dom { height: auto; top: auto; bottom: 0 } .int-showTitle-fade .int-add-dom { opacity: 0 } .int-showTitle-magnify .int-add-dom { -webkit-transform: scale(.1) translateY(40%); -moz-transform: scale(.1) translateY(40%); -ms-transform: scale(.1) translateY(40%); -o-transform: scale(.1) translateY(40%); transform: scale(.1) translateY(40%); opacity: 0 } .int-showTitle-shrink .int-add-dom { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0 } .int-showTitle-slide-left .int-add-dom { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } .int-showTitle-slide-right .int-add-dom { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0 } .int-showTitle-slide-down .int-add-dom { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } .int-showTitle-slide-up .int-add-dom { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0 } .int-showTitle-slide-leftup .int-add-dom { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } .int-showTitle-slide-rightup .int-add-dom { -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } .int-showTitle-slide-leftdown .int-add-dom { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } .int-showTitle-slide-rightdown .int-add-dom { -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } .int-showTitle-shutter-out-horiz .int-add-dom { -webkit-transform: scale(.1, 1); -moz-transform: scale(.1, 1); -ms-transform: scale(.1, 1); -o-transform: scale(.1, 1); transform: scale(.1, 1); opacity: 0 } .int-showTitle-shutter-out-vert .int-add-dom { -webkit-transform: scale(1, .1); -moz-transform: scale(1, .1); -ms-transform: scale(1, .1); -o-transform: scale(1, .1); transform: scale(1, .1); opacity: 0 } .topArea { position: relative; margin: 0 auto; z-index: 5; zoom: 1 } .topBg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 1; z-index: 1 } .topBarArea { margin: 0 auto } .topBar { line-height: 30px; height: 30px; position: relative; z-index: 2; padding: 0; overflow: hidden; letter-spacing: -.3rem } .topBar a, .topBar em, .topBar span.welcome { font-style: normal; letter-spacing: normal } .topBar a img { vertical-align: middle; margin-right: .5em } .topBar a:hover { text-decoration: underline } .topBar em { margin: 0 5px } .topBarL { float: left } .topBarR { float: right } .header { margin: 0 auto; position: relative; z-index: 4 } .headerBg { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .headerConArea { margin: 0 auto } .headerCon { position: relative; height: 100px } .logo { position: absolute; left: 0; top: 0; width: 200px; height: 100px; z-index: 3 } .logo .logo-inner { overflow: hidden; position: absolute; width: 100%; height: 100% } .search { position: absolute; left: 640px; top: 10px; z-index: 4; zoom: 1 } .search .search-inner { zoom: 1; width: 320px; padding: 2px; font-size: 0 } .search .search-inner::after { content: ""; display: table; clear: both } .search .keyWord { border-width: 1px; border-style: solid; padding: 1px 5px; float: left; margin: 0 } .search .input { border: 0; width: 238px; height: 28px; line-height: 28px; font-size: 14px; background-color: transparent; padding: 0; outline: 0 } .search .button { width: 68px; height: 30px; line-height: 30px; text-align: center; border-width: 1px; border-style: solid; font-size: 14px; font-weight: 400; cursor: pointer; float: left } .search .button b { font: inherit } .shop-cart { position: absolute; top: 55px; left: 790px; z-index: 2 } .shop-cart .cart-inner { zoom: 1; width: 175px; border: 1px solid #ccc; background-color: #fff } .shop-cart .cart-inner::after { content: ""; display: table; clear: both } .shop-cart .cart-icon, .shop-cart .cart-text { float: left } .shop-cart .cart-icon { width: 20px; height: 20px; margin: 8px 10px 0 10px; background-image: url(../images/shopCart_icon.png); background-repeat: no-repeat } .shop-cart .cart-text { margin: 0; line-height: 35px; font-size: 12px } .shop-cart .cart-text .num { color: #c00; padding: 0 3px; font-size: 16px; font-family: arial } .shop-cart .cart-imore { float: right; width: 10px; height: 11px; margin: 14px 10px 0 0; background-image: url(../images/shopCart_imore.png); background-repeat: no-repeat } .bannerArea { margin: 10px auto; position: relative; z-index: 3; clear: both; overflow: hidden } .bannerArea .bannerCon { height: 300px } .bannerArea .ev-banner-module .smallpic-area[class*=smallpic-style-10] .s-pic, .bannerArea .ev-banner-module .smallpic-area[class*=smallpic-style-11] .s-pic, .bannerArea .ev-banner-module .smallpic-area[class*=smallpic-style-12] .s-pic, .bannerArea .ev-banner-module .smallpic-area[class*=smallpic-style-13] .s-pic { width: 128px } .nav-wrap { margin: 0 auto; position: relative; z-index: 10 } .nav-wrap-abs { position: absolute; left: 0; top: 0; right: 0 } .webNav { margin: 0 auto; position: relative; z-index: 1 } .NCenter::after, .NMain::after, .nav::after { content: ''; display: table; clear: both } .nav { position: relative; z-index: 1; margin: 0 auto; zoom: 1 } .NLeft, .NRight { display: none; width: 0; overflow: hidden; position: absolute; top: 0; z-index: 2 } .NLeft { left: 0 } .NRight { right: 0 } .NMainBg { margin: 0 0; position: relative; left: 0; top: 0; width: auto; z-index: 1; margin-bottom: -52px; height: 52px } .NCenter { margin: 0 auto; position: relative; z-index: 2; zoom: 1 } .NMain { zoom: 1; position: relative; z-index: 3; height: 52px; margin: 0 auto; zoom: 1 } .NMain::after { content: "."; visibility: hidden; display: block; height: 0; clear: both } .NLine { float: left; display: none } .NItem { float: left; position: relative; z-index: 1 } .NItemTable { table-layout: fixed; width: 120px } .NItemL, .NItemR { width: 0 } .NItemM { width: auto } .NItemM a { overflow: hidden; font: 700 14px/52px "΢���ź�"; height: 52px; text-align: center; white-space: nowrap; text-align: center; display: block } .NItemH { z-index: 10 } .NItemSub { z-index: 2 } .NItemSub .NSub { display: block } .NSub { display: none; position: absolute; top: 52px; left: 0; width: 120px; background-color: transparent } .NSubC { zoom: 1 } .NSubC::after { content: " "; display: table; clear: both } .NSubB, .NSubT { display: none; height: 0; overflow: hidden } .NSub a { display: inline-block; font-weight: 400; font-size: 12px; font-family: "΢���ź�"; line-height: 32px; text-align: center; white-space: nowrap; width: 100% } .NSub p.first-item { border-top: none !important } .NSub p.last-item { border-bottom: none !important } .nav_1001 [class*=NItemM] *, .nav_1001 [class*=NSubC] *, .nav_1001 [class^="N"] { background: 0 0; border-width: 0 } .nav_1001 .NMainBg { background-repeat: repeat; background-position: 0 0; height: 52px; margin-bottom: -52px } .nav_1001 .NItemTable { width: 120px } .nav_1001 .NItemM a { font: 700 14px/52px "΢���ź�"; text-align: center; height: 52px } .nav_1001 .NItemCur .NItemM, .nav_1001 .NItemH .NItemM { background-repeat: repeat-x; background-position: 0 -52px } .nav_1001 .NSub { top: 52px; left: 0; width: 120px } .nav_1002 [class*=NItemM] *, .nav_1002 [class*=NSubC] *, .nav_1002 [class^="N"] { background: 0 0; border-width: 0 } .nav_1002 .NMainBg { background-repeat: repeat; background-position: 0 0; height: 52px; margin-bottom: -52px } .nav_1002 .NItemTable { width: 120px } .nav_1002 .NItemL, .nav_1002 .NItemR { width: 17px } .nav_1002 .NItemM a { font: 700 14px/52px "΢���ź�"; text-align: center; height: 52px } .nav_1002 .NItemCur .NItemL, .nav_1002 .NItemCur .NItemM, .nav_1002 .NItemCur .NItemR, .nav_1002 .NItemH .NItemL, .nav_1002 .NItemH .NItemM, .nav_1002 .NItemH .NItemR { background-repeat: repeat-x } .nav_1002 .NItemCur .NItemL, .nav_1002 .NItemH .NItemL { background-position: 0 -52px } .nav_1002 .NItemCur .NItemM, .nav_1002 .NItemH .NItemM { background-position: 0 -156px; background-repeat: repeat-x } .nav_1002 .NItemCur .NItemR, .nav_1002 .NItemH .NItemR { background-position: 0 -104px } .nav_1002 .NSub { top: 52px; left: 0; width: 120px } .nav_1003 [class*=NItemM] *, .nav_1003 [class*=NSubC] *, .nav_1003 [class^="N"] { background: 0 0; border-width: 0 } .nav_1003 .NMainBg { background-repeat: repeat; height: 52px; margin-bottom: -52px } .nav_1003 .NItemTable { width: 120px } .nav_1003 .NItemM a { font: 700 14px/52px "΢���ź�"; text-align: center; height: 52px } .nav_1003 .NSub { position: absolute; top: 52px; left: 0; width: 120px } .nav_1004 [class*=NItemM] *, .nav_1004 [class*=NSubC] *, .nav_1004 [class^="N"] { background: 0 0; border-width: 0 } .nav_1004 .NItemCur .NItemM, .nav_1004 .NItemH .NItemM, .nav_1004 .NLeft, .nav_1004 .NMainBg, .nav_1004 .NRight { background-repeat: repeat } .nav_1004 .NLeft, .nav_1004 .NRight { width: 10px; display: block; height: 52px; position: absolute } .nav_1004 .NLeft { background-position: 0 0; left: 0; top: 0 } .nav_1004 .NRight { background-position: 0 -52px; right: 0; top: 0 } .nav_1004 .NMainBg { background-position: 0 -104px; margin: 0 10px -52px; height: 52px } .nav_1004 .NMain { margin: 0 10px } .nav_1004 .NItemTable { width: 118px } .nav_1004 .NItemM a { font: 700 14px/52px "΢���ź�"; text-align: center; height: 52px } .nav_1004 .NItemH .NItemM { background-position: 0 -156px } .nav_1004 .NItemCur .NItemM { background-position: 0 -208px } .nav_1004 .NSub { position: absolute; top: 52px; left: 0; width: 118px } .nav_1005 [class*=NItemM] *, .nav_1005 [class*=NSubC] *, .nav_1005 [class^="N"] { background: 0 0; border-width: 0 } .nav_1005 .NItemCur .NItemM, .nav_1005 .NItemH .NItemM, .nav_1005 .NLeft, .nav_1005 .NMainBg, .nav_1005 .NRight { background-repeat: repeat } .nav_1005 .NLeft, .nav_1005 .NRight { width: 10px; display: block; height: 54px; position: absolute } .nav_1005 .NLeft { background-position: 0 0; left: 0; top: 0 } .nav_1005 .NRight { background-position: 0 -54px; right: 0; top: 0 } .nav_1005 .NMainBg { background-position: 0 -108px; margin: 0 10px; height: 54px; margin-bottom: -54px } .nav_1005 .NMain { margin: 0 10px } .nav_1005 .NItemTable { width: 118px } .nav_1005 .NItemM a { font: 700 14px/54px "΢���ź�"; text-align: center; height: 54px } .nav_1005 .NItemH .NItemM { background-position: 0 -162px } .nav_1005 .NItemCur .NItemM { background-position: 0 -216px } .nav_1005 .NSub { position: absolute; top: 54px; left: 0; width: 118px } .nav_1005 .NSub a { display: block; line-height: 34px; text-align: center } .nav_1006 [class*=NItemM] *, .nav_1006 [class*=NSubC] *, .nav_1006 [class^="N"] { background: 0 0; border-width: 0 } .nav_1006 .NMainBg { background-repeat: repeat; background-position: 0 0; height: 52px; margin-bottom: -52px } .nav_1006 .NLine { width: 2px; display: block; height: 52px; background-repeat: no-repeat; background-position: 0 -52px } .nav_1006 .NItemTable { width: 118px } .nav_1006 .NItemM a { font: 700 14px/52px "΢���ź�"; text-align: center; height: 52px } .nav_1006 .NItemCur .NItemM, .nav_1006 .NItemH .NItemM { background-repeat: repeat-x; background-position: 0 -104px } .nav_1006 .NSub { top: 52px; left: 0; width: 118px; padding-top: 1px } .nav_1007 [class*=NItemM] *, .nav_1007 [class*=NSubC] *, .nav_1007 [class^="N"] { background: 0 0; border-width: 0 } .nav_1007 .NMainBg { background-repeat: repeat-x; background-position: 0 0; height: 52px; margin-bottom: -52px } .nav_1007 .NItemTable { width: 120px } .nav_1007 .NItemR { width: 6px } .nav_1007 .NItemM a { font: 700 14px/52px "΢���ź�"; text-align: center; height: 52px } .nav_1007 .NItemCur .NItemR, .nav_1007 .NItemH .NItemR { background-repeat: no-repeat; background-position: 0 -52px } .nav_1007 .NItemCur .NItemM, .nav_1007 .NItemH .NItemM { background-repeat: repeat-x; background-position: 0 -104px } .nav_1007 .NSub { top: 52px; left: 0; width: 114px; padding-top: 1px } .nav_1008 [class*=NItemM] *, .nav_1008 [class*=NSubC] *, .nav_1008 [class^="N"] { background: 0 0; border-width: 0 } .nav_1008 { width: 100% } .nav_1008 .NMainBg { background-repeat: repeat-x; background-position: 0 0; height: 54px; margin-bottom: -54px } .nav_1008 .NMain { height: 54px } .nav_1008 .NItemTable { width: 120px } .nav_1008 .NItemL, .nav_1008 .NItemR { width: 10px; background-repeat: no-repeat } .nav_1008 .NItemM a { font: 700 14px/46px "΢���ź�"; text-align: center; height: 54px } .nav_1008 .NItemCur .NItemL, .nav_1008 .NItemH .NItemL { background-position: 0 -54px } .nav_1008 .NItemCur .NItemR, .nav_1008 .NItemH .NItemR { background-position: 0 -108px } .nav_1008 .NItemCur .NItemM, .nav_1008 .NItemH .NItemM { background-position: 0 -162px; background-repeat: repeat-x } .nav_1008 .NSub { top: 54px; left: 7px; width: 106px; padding-top: 1px } .nav_1009 [class*=NItemM] *, .nav_1009 [class*=NSubC] *, .nav_1009 [class^="N"] { background: 0 0; border-width: 0 } .nav_1009 { width: 100% } .nav_1009 .NMain { height: 55px } .nav_1009 .NMainBg { background-repeat: repeat-x; background-position: 0 0; height: 55px; margin-bottom: -55px } .nav_1009 .NLine { display: block; height: 55px; width: 4px } .nav_1009 .NItemTable { width: 116px } .nav_1009 .NItemL, .nav_1009 .NItemR { width: 4px; background-repeat: no-repeat } .nav_1009 .NItemM a { font: 700 14px/55px "΢���ź�"; text-align: center; height: 55px } .nav_1009 .NItemCur .NItemL, .nav_1009 .NItemH .NItemL { background-position: 0 -55px } .nav_1009 .NItemCur .NItemR, .nav_1009 .NItemH .NItemR { background-position: 0 -110px } .nav_1009 .NItemCur .NItemM, .nav_1009 .NItemH .NItemM { background-position: 0 -165px; background-repeat: repeat-x } .nav_1009 .NSub { top: 55px; left: 0; width: 116px; padding-top: 1px } .nav_1010 [class*=NItemM] *, .nav_1010 [class*=NSubC] *, .nav_1010 [class^="N"] { background: 0 0; border-width: 0 } .nav_1010 .NItemCur .NItemM, .nav_1010 .NItemH .NItemM, .nav_1010 .NMainBg { background-repeat: repeat } .nav_1010 .NLeft, .nav_1010 .NRight { width: 12px; display: block; height: 50px; position: absolute; background-repeat: no-repeat } .nav_1010 .NLeft { background-position: 0 0; left: 0; top: 0 } .nav_1010 .NRight { background-position: 0 -50px; right: 0; top: 0 } .nav_1010 .NMainBg { background-position: 0 -100px; margin: 0 10px; height: 50px; margin-bottom: -50px } .nav_1010 .NLine { display: block; width: 14px; height: 50px; background-position: 0 -150px } .nav_1010 .NMain { margin: 0 11px; height: 50px } .nav_1010 .NItemTable { width: 105px } .nav_1010 .NItemM a { font: 700 14px/50px "΢���ź�"; text-align: center; height: 50px } .nav_1010 .NItemCur .NItemM, .nav_1010 .NItemH .NItemM { background-position: 0 -200px } .nav_1010 .NSub { position: absolute; top: 50px; left: 0; width: 105px } .nav_1011 [class*=NItemM] *, .nav_1011 [class*=NSubC] *, .nav_1011 [class^="N"] { background: 0 0; border-width: 0 } .nav_1011 .NMainBg { background-repeat: repeat; height: 50px; margin-bottom: -50px } .nav_1011 .NMain { height: 50px } .nav_1011 .NLine { width: 7px; display: block; height: 49px; background-repeat: no-repeat; background-position: 0 -50px } .nav_1011 .NItemTable { width: 113px } .nav_1011 .NItemM a { font: 700 14px/50px "΢���ź�"; text-align: center; height: 50px } .nav_1011 .NItemCur .NItemM, .nav_1011 .NItemH .NItemM { background-repeat: repeat-x; background-position: 0 -100px } .nav_1011 .NSub { top: 50px; left: 0; width: 113px; padding-top: 1px } .nav_1012 [class*=NItemM] *, .nav_1012 [class*=NSubC] *, .nav_1012 [class^="N"] { background: 0 0; border-width: 0 } .nav_1012 .NLeft, .nav_1012 .NRight { width: 10px; display: block; height: 52px; position: absolute } .nav_1012 .NLeft { background-position: 0 0; left: 0; top: 0 } .nav_1012 .NRight { background-position: 0 -52px; right: 0; top: 0 } .nav_1012 .NMainBg { background-repeat: repeat; background-position: 0 -104px; height: 52px; margin: 0 10px; margin-bottom: -52px } .nav_1012 .NLine { width: 10px; height: 50px; display: block } .nav_1012 .NMain { margin: 0 10px } .nav_1012 .NItemTable { width: 108px } .nav_1012 .NItemL, .nav_1012 .NItemR { width: 7px; background-repeat: no-repeat } .nav_1012 .NItemM a { font: 700 14px/52px "΢���ź�"; text-align: center; height: 52px } .nav_1012 .NItemCur .NItemL, .nav_1012 .NItemH .NItemL { background-position: 0 -156px } .nav_1012 .NItemCur .NItemR, .nav_1012 .NItemH .NItemR { background-position: 0 -208px } .nav_1012 .NItemCur .NItemM, .nav_1012 .NItemH .NItemM { background-position: 0 -260px; background-repeat: repeat-x } .nav_1012 .NSub { top: 52px; left: 0; width: 106px; padding-top: 1px } .Mo { position: relative; overflow: hidden; border-width: 1px; border-style: solid } .MoB, .MoBody, .MoHead, .MoT { width: 100%; border-collapse: separate; border-spacing: 0 } .MoB, .MoHead, .MoT { table-layout: fixed } .MoHeadNone { display: none } .MoB, .MoT { height: 0 } .MoB td, .MoB tr, .MoT td, .MoT tr { height: 0; line-height: 0; overflow: hidden; padding: 0 } .MoBL, .MoBR, .MoBodyL, .MoBodyR, .MoHeadL, .MoHeadR, .MoTL, .MoTR { width: 0 } .MoHead { line-height: normal !important; margin: 0 } .MoHeadM { white-space: nowrap; width: 100%; overflow: hidden; word-wrap: break-word; height: 35px; position: relative; text-align: center } .MoName { margin: 8px 0 0 10px } .MoNameM { overflow: hidden } .NameTxt { white-space: nowrap; display: block; font-size: 14px; font-family: "΢���ź�"; margin: 0 } .MoMore { position: absolute; line-height: 100%; right: 10px; top: 11px; z-index: 1 } .MoMore a { display: inline-block; text-align: center; overflow: hidden } .MoBody { border-width: 0; table-layout: fixed } .MoBM { width: 100% } .MoBodyC { margin: 5px; overflow: hidden; position: relative } .MoBodyC .noTxt { padding: 10px } .MoBodyC .dashedLine, .MoBodyC .solidLine { height: 0; line-height: 0; font-size: 0; overflow: hidden; border-top-width: 1px } .MoBodyC .dashedLine { border-top-style: dashed } .MoBodyC .solidLine { border-top-style: solid } .Mo_1001, .Mo_1001 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1001 { border-width: 0 } .Mo_1001 .MoHeadM { height: 35px; background-repeat: repeat } .Mo_1001 .MoName { margin: 8px 0 0 10px } .Mo_1001 .NameTxt { font-size: 14px; margin: 0 } .Mo_1001 .MoMore { right: 10px; top: 11px } .Mo_1001 .MoBody { border-width: 1px; border-style: solid } .Mo_1002, .Mo_1002 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1002 { border: 0 } .Mo_1002 .MoHeadL, .Mo_1002 .MoHeadR { width: 10px; background-repeat: no-repeat } .Mo_1002 .MoHeadL { background-position: 0 0 } .Mo_1002 .MoHeadM { background-position: 0 -34px; background-repeat: repeat-x; height: 34px } .Mo_1002 .MoHeadR { background-position: 0 -68px } .Mo_1002 .MoName { margin: 8px 0 0 } .Mo_1002 .NameTxt { font-size: 14px } .Mo_1002 .MoMore { right: 0 } .Mo_1002 .MoBody { border-width: 1px 1px 0; border-style: solid } .Mo_1002 .MoB { height: 5px; display: table } .Mo_1002 .MoBL, .Mo_1002 .MoBM, .Mo_1002 .MoBR { height: 5px; display: table-cell } .Mo_1002 .MoBM { background-position: 0 -5px; background-repeat: repeat-x } .Mo_1002 .MoBL, .Mo_1002 .MoBR { width: 10px; background-repeat: no-repeat } .Mo_1002 .MoBL { background-position: 0 0 } .Mo_1002 .MoBR { background-position: 0 -10px } .Mo_1003, .Mo_1003 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1003 .MoHeadL, .Mo_1003 .MoHeadR { width: 10px; background-repeat: no-repeat } .Mo_1003 .MoHeadL { background-position: 0 0 } .Mo_1003 .MoHeadM { background-position: 0 -45px; background-repeat: repeat-x; height: 45px } .Mo_1003 .MoHeadR { background-position: 0 -90px } .Mo_1003 .MoName { margin: 12px 0 0 5px } .Mo_1003 .NameTxt { font-size: 14px } .Mo_1003 .MoMore { right: 5px; top: 15px } .Mo_1003 .MoBody { border-width: 0 1px 0; border-style: solid } .Mo_1003 .MoB { height: 5px; display: table } .Mo_1003 .MoBL, .Mo_1003 .MoBM, .Mo_1003 .MoBR { height: 5px; display: table-cell } .Mo_1003 .MoBM { background-position: 0 -5px; background-repeat: repeat-x } .Mo_1003 .MoBL, .Mo_1003 .MoBR { width: 10px; background-repeat: no-repeat } .Mo_1003 .MoBL { background-position: 0 0 } .Mo_1003 .MoBR { background-position: 0 -10px } .Mo_1004, .Mo_1004 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1004 .MoHeadL, .Mo_1004 .MoHeadR { width: 10px; background-repeat: no-repeat } .Mo_1004 .MoHeadL { background-position: 0 0 } .Mo_1004 .MoHeadM { background-position: 0 -35px; background-repeat: repeat-x; height: 35px } .Mo_1004 .MoHeadR { background-position: 0 -70px } .Mo_1004 .MoName { margin: 7px 0 0 0 } .Mo_1004 .NameTxt { font-size: 14px } .Mo_1004 .MoMore { right: 0 } .Mo_1005, .Mo_1005 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1005 .MoHeadM { height: 35px; background-position: 0 bottom; background-repeat: repeat-x } .Mo_1005 .NameTxt { font-size: 14px } .Mo_1006, .Mo_1006 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1006 { border-width: 0 } .Mo_1006 .MoHeadM { height: 35px; background-repeat: repeat } .Mo_1006 .NameTxt { font-size: 14px } .Mo_1006 .MoMore { right: 10px } .Mo_1006 .MoBody { border-width: 1px; border-style: solid } .Mo_1007, .Mo_1007 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1007 { border: 0 } .Mo_1007 .MoHeadL, .Mo_1007 .MoHeadR { width: 10px; background-repeat: no-repeat } .Mo_1007 .MoHeadL { background-position: 0 0 } .Mo_1007 .MoHeadM { background-position: 0 -34px; background-repeat: repeat-x; height: 34px } .Mo_1007 .MoHeadR { background-position: 0 -68px } .Mo_1007 .MoName { margin: 8px 0 0 0 } .Mo_1007 .NameTxt { font-size: 14px } .Mo_1007 .MoMore { right: 0 } .Mo_1007 .MoBody { border-width: 1px 1px 0; border-style: solid } .Mo_1007 .MoB { height: 5px; display: table } .Mo_1007 .MoBL, .Mo_1007 .MoBM, .Mo_1007 .MoBR { height: 5px; display: table-cell } .Mo_1007 .MoBM { background-position: 0 -5px; background-repeat: repeat-x } .Mo_1007 .MoBL, .Mo_1007 .MoBR { width: 10px; background-repeat: no-repeat } .Mo_1007 .MoBL { background-position: 0 0 } .Mo_1007 .MoBR { background-position: 0 -10px } .Mo_1008, .Mo_1008 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1008 .MoHeadL, .Mo_1008 .MoHeadR { width: 10px; background-repeat: no-repeat } .Mo_1008 .MoHeadL { background-position: 0 0 } .Mo_1008 .MoHeadM { background-position: 0 -45px; background-repeat: repeat-x; height: 45px } .Mo_1008 .MoHeadR { background-position: 0 -90px } .Mo_1008 .MoName { margin: 12px 0 0 5px } .Mo_1008 .NameTxt { font-size: 14px } .Mo_1008 .MoMore { right: 5px; top: 17px } .Mo_1008 .MoBody { border-width: 0 1px 0; border-style: solid } .Mo_1008 .MoB { height: 5px; display: table } .Mo_1008 .MoBL, .Mo_1008 .MoBM, .Mo_1008 .MoBR { height: 5px; display: table-cell } .Mo_1008 .MoBM { background-position: 0 -5px; background-repeat: repeat-x } .Mo_1008 .MoBL, .Mo_1008 .MoBR { width: 10px; background-repeat: no-repeat } .Mo_1008 .MoBL { background-position: 0 0 } .Mo_1008 .MoBR { background-position: 0 -10px } .Mo_1009, .Mo_1009 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1009 .MoHeadL, .Mo_1009 .MoHeadR { width: 10px; background-repeat: no-repeat } .Mo_1009 .MoHeadL { background-position: 0 0 } .Mo_1009 .MoHeadM { background-position: 0 -35px; background-repeat: repeat-x; height: 35px } .Mo_1009 .MoHeadR { background-position: 0 -70px } .Mo_1009 .MoName { margin: 8px 0 0 0 } .Mo_1009 .NameTxt { font-size: 14px } .Mo_1009 .MoMore { right: 0 } .Mo_1010, .Mo_1010 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1010 { border-width: 0 } .Mo_1010 .MoHeadM { height: 35px } .Mo_1010 .NameTxt { font-size: 14px } .Mo_1010 .MoMore { right: 10px } .Mo_1010 .MoBody { border-width: 1px; border-style: solid } .Mo_1011, .Mo_1011 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1011 { border: 0 } .Mo_1011 .MoHeadL, .Mo_1011 .MoHeadR { width: 10px; background-repeat: no-repeat } .Mo_1011 .MoHeadL { background-position: 0 0 } .Mo_1011 .MoHeadM { background-position: 0 -34px; background-repeat: repeat-x; height: 34px } .Mo_1011 .MoHeadR { background-position: 0 -68px } .Mo_1011 .MoName { margin: 8px 0 0 0 } .Mo_1011 .NameTxt { font-size: 14px } .Mo_1011 .MoMore { right: 0 } .Mo_1011 .MoBody { border-width: 1px 1px 0; border-style: solid } .Mo_1011 .MoB { height: 5px; display: table } .Mo_1011 .MoBL, .Mo_1011 .MoBM, .Mo_1011 .MoBR { height: 5px; display: table-cell } .Mo_1011 .MoBM { background-position: 0 -5px; background-repeat: repeat-x } .Mo_1011 .MoBL, .Mo_1011 .MoBR { width: 10px; background-repeat: no-repeat } .Mo_1011 .MoBL { background-position: 0 0 } .Mo_1011 .MoBR { background-position: 0 -10px } .Mo_1012, .Mo_1012 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1012 .MoHeadL, .Mo_1012 .MoHeadR { width: 10px; background-repeat: no-repeat } .Mo_1012 .MoHeadL { background-position: 0 0 } .Mo_1012 .MoHeadM { background-position: 0 -45px; background-repeat: repeat-x; height: 45px } .Mo_1012 .MoHeadR { background-position: 0 -90px } .Mo_1012 .MoName { margin: 12px 0 0 5px } .Mo_1012 .NameTxt { font-size: 14px } .Mo_1012 .MoMore { right: 5px; top: 15px } .Mo_1012 .MoBody { border-width: 0 1px 0; border-style: solid } .Mo_1012 .MoB { height: 5px; display: table } .Mo_1012 .MoBL, .Mo_1012 .MoBM, .Mo_1012 .MoBR { height: 5px; display: table-cell } .Mo_1012 .MoBM { background-position: 0 -5px; background-repeat: repeat-x } .Mo_1012 .MoBL, .Mo_1012 .MoBR { width: 10px; background-repeat: no-repeat } .Mo_1012 .MoBL { background-position: 0 0 } .Mo_1012 .MoBR { background-position: 0 -10px } .Mo_1013, .Mo_1013 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1013 .MoHeadL, .Mo_1013 .MoHeadR { width: 10px; background-repeat: no-repeat } .Mo_1013 .MoHeadL { background-position: 0 0 } .Mo_1013 .MoHeadM { background-position: 0 -35px; background-repeat: repeat-x; height: 35px } .Mo_1013 .MoHeadR { background-position: 0 -70px } .Mo_1013 .MoName { margin: 8px 0 0 0 } .Mo_1013 .NameTxt { font-size: 14px } .Mo_1013 .MoMore { right: 0 } .Mo_1014, .Mo_1014 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1014 .MoHead { position: relative; z-index: 2 } .Mo_1014 .MoHeadM { height: 36px } .Mo_1014 .NameTxt { font-size: 14px } .Mo_1014 .MoMore { right: 10px } .Mo_1014 .MoBody { border-width: 0 1px 1px; border-style: solid; position: relative; z-index: 1 } .Mo_1014 .MoBodyM { background-position: 0 -30px; background-repeat: repeat-x } .Mo_1014 .MoBodyC { margin-top: 10px } .Mo_1015, .Mo_1015 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1015 { border-width: 1px; border-style: solid } .Mo_1015 .MoHeadM { height: 32px; background-repeat: no-repeat; background-position: 8px 10px } .Mo_1015 .MoName { margin: 7px 0 0 15px } .Mo_1015 .NameTxt { font-size: 14px } .Mo_1015 .MoMore { right: 10px; top: 10px } .Mo_1015 .MoBody { border-width: 2px 0 0; border-style: solid } .Mo_1016, .Mo_1016 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1016 .MoHeadM { height: 33px } .Mo_1016 .MoHeadL, .Mo_1016 .MoHeadR { width: 11px; background-repeat: no-repeat } .Mo_1016 .MoHeadL { background-position: 0 0 } .Mo_1016 .MoHeadM { background-position: 0 -33px; background-repeat: repeat-x } .Mo_1016 .MoHeadR { background-position: 0 -66px } .Mo_1016 .MoName { margin: 0 } .Mo_1016 .MoNameL, .Mo_1016 .MoNameR { width: 10px; background-repeat: no-repeat } .Mo_1016 .MoNameL { background-position: 0 0 } .Mo_1016 .MoNameM { background-position: 0 -34px; background-repeat: repeat-x; height: 33px } .Mo_1016 .MoNameR { background-position: 0 -68px } .Mo_1016 .NameTxt { font-size: 14px; margin: 7px 5px 0 } .Mo_1016 .MoMore { right: 0; top: 13px } .Mo_1016 .MoBody { border-width: 1px; border-style: solid } .Mo_1017, .Mo_1017 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1017 .MoHeadL { background-position: 0 0; background-repeat: no-repeat; width: 5px } .Mo_1017 .MoHeadM { background-position: 0 -35px; background-repeat: repeat-x; height: 35px } .Mo_1017 .MoHeadR { background-position: right -70px; background-repeat: no-repeat; width: 5px } .Mo_1017 .MoName { margin: 0 } .Mo_1017 .MoNameL { background-position: 0 0; width: 23px } .Mo_1017 .MoNameM { background-position: 0 -35px; background-repeat: repeat-x; height: 35px } .Mo_1017 .MoNameR { background-position: 0 -70px; width: 30px } .Mo_1017 .NameTxt { font-size: 14px; margin: 7px 10px 0 } .Mo_1017 .MoMore { right: 0; top: 10px; display: none } .Mo_1017 .MoBody { border-width: 0 1px 1px; border-style: dotted } .Mo_1018, .Mo_1018 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1018 .MoName { margin: 0 } .Mo_1018 .MoNameL { background-position: 0 0; width: 5px } .Mo_1018 .MoNameM { background-position: 0 -34px; background-repeat: repeat-x; height: 35px } .Mo_1018 .MoNameR { background-position: 0 -70px; width: 5px } .Mo_1018 .NameTxt { font-size: 14px; margin: 7px 10px 0 } .Mo_1018 .MoMore { right: 10px } .Mo_1018 .MoBody { border-width: 1px; border-style: solid } .Mo_1019, .Mo_1019 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1019 .MoHeadL, .Mo_1019 .MoHeadR { width: 10px; background-repeat: no-repeat } .Mo_1019 .MoHeadL { background-position: 0 0 } .Mo_1019 .MoHeadM { border-width: 1px 0 0 0; border-style: solid } .Mo_1019 .MoHeadR { background-position: right 0 } .Mo_1019 .MoName { float: none; margin: 0 auto } .Mo_1019 .MoNameL, .Mo_1019 .MoNameR { width: 58px; background-repeat: no-repeat } .Mo_1019 .MoNameL { background-position: 0 bottom } .Mo_1019 .MoNameR { background-position: right bottom } .Mo_1019 .MoNameM { height: 36px } .Mo_1019 .NameTxt { font-size: 14px; margin: 8px 10px 0 } .Mo_1019 .MoMore { display: none } .Mo_1019 .MoBody { border-width: 0 1px; border-style: solid } .Mo_1019 .MoB, .Mo_1019 .MoBL, .Mo_1019 .MoBR { height: 10px } .Mo_1019 .MoBL, .Mo_1019 .MoBR { width: 10px; background-repeat: no-repeat } .Mo_1019 .MoBL { background-position: 0 bottom } .Mo_1019 .MoBR { background-position: right bottom } .Mo_1019 .MoBM { border-width: 0 0 1px; border-style: solid; height: 9px } .Mo_1020, .Mo_1020 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1020 .MoHeadL, .Mo_1020 .MoHeadR { width: 10px; background-repeat: no-repeat } .Mo_1020 .MoHeadL { background-position: 0 0 } .Mo_1020 .MoHeadM { background-position: 0 -44px; background-repeat: repeat-x } .Mo_1020 .MoHeadR { background-position: right 0 } .Mo_1020 .MoName { margin: 0 } .Mo_1020 .MoNameL, .Mo_1020 .MoNameR { width: 6px; background-repeat: no-repeat } .Mo_1020 .MoNameL { background-position: 0 0 } .Mo_1020 .MoNameM { background-position: 0 -34px; height: 34px } .Mo_1020 .MoNameR { background-position: right -68px } .Mo_1020 .NameTxt { font-size: 14px; margin: 6px 10px 0 } .Mo_1020 .MoMore { display: none } .Mo_1020 .MoBody { border-width: 0 1px; border-style: solid } .Mo_1020 .MoB, .Mo_1020 .MoBL, .Mo_1020 .MoBR { height: 10px } .Mo_1020 .MoBL, .Mo_1020 .MoBR { width: 10px; background-repeat: no-repeat } .Mo_1020 .MoBL { background-position: 0 bottom } .Mo_1020 .MoBR { background-position: right bottom } .Mo_1020 .MoBM { border-width: 0 0 1px; border-style: solid; height: 9px } .Mo_1021, .Mo_1021 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1021 .MoHeadL, .Mo_1021 .MoHeadR { width: 10px; background-repeat: no-repeat } .Mo_1021 .MoHeadL { background-position: 0 0 } .Mo_1021 .MoHeadM { background-position: 0 -36px; background-repeat: repeat-x; height: 36px } .Mo_1021 .MoHeadR { background-position: 0 -72px } .Mo_1021 .MoName { margin: 5px 0 0 } .Mo_1021 .MoNameL, .Mo_1021 .MoNameR { background-repeat: no-repeat } .Mo_1021 .MoNameL { width: 10px; background-position: 0 0 } .Mo_1021 .MoNameM { height: 31px } .Mo_1021 .MoNameR { width: 42px; background-position: right 0 } .Mo_1021 .NameTxt { font-size: 14px; margin: 5px 0 0 } .Mo_1021 .MoMore { right: 0 } .Mo_1021 .MoBody { border-width: 0 1px; border-style: solid } .Mo_1021 .MoBL, .Mo_1021 .MoBR { width: 10px; background-repeat: no-repeat } .Mo_1021 .MoBL { background-position: 0 bottom } .Mo_1021 .MoBR { background-position: right bottom } .Mo_1021 .MoBM { border-width: 0 0 1px; border-style: solid; height: 9px } .Mo_1022, .Mo_1022 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1022 .MoHeadL { background-repeat: no-repeat; background-position: 0 0; width: 12px } .Mo_1022 .MoHeadM { border-width: 1px 1px 0 0; border-style: solid; height: 36px } .Mo_1022 .MoHeadR { width: 0 } .Mo_1022 .MoName { margin: 0 } .Mo_1022 .MoNameL { width: 0 } .Mo_1022 .MoNameM { background-position: 0 -36px; background-repeat: repeat-x; height: 36px } .Mo_1022 .MoNameR { background-repeat: no-repeat; background-position: right -72px; width: 15px } .Mo_1022 .NameTxt { font-size: 14px; margin: 7px 10px 0 } .Mo_1022 .MoBodyL { width: 12px; background-position: 0 0; background-repeat: no-repeat } .Mo_1022 .MoBodyM { border-width: 0 1px; border-style: solid } .Mo_1022 .MoB { height: 1px } .Mo_1022 .MoBL { width: 11px } .Mo_1022 .MoBM { border-width: 0 0 1px; border-style: solid } .Mo_1022 .MoBR { width: 0 } .Mo_1023, .Mo_1023 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1023 { border-width: 1px; border-style: solid } .Mo_1023 .MoHeadM { background-repeat: repeat-x; background-position: 0 0; height: 35px; border-width: 0 0 1px; border-style: solid } .Mo_1023 .MoName { margin: 0 } .Mo_1023 .MoNameM { height: 35px } .Mo_1023 .NameTxt { font-size: 14px; margin: 8px 0 0 20px } .Mo_1023 .MoNameR { width: 26px; background-repeat: no-repeat; background-position: 0 0 } .Mo_1024, .Mo_1024 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1024 { border-width: 2px 1px 1px; border-style: solid } .Mo_1024 .MoHeadM { height: 33px; border-width: 0 0 1px; border-style: solid } .Mo_1024 .MoName { margin: 1px; height: 31px } .Mo_1024 .MoNameR { width: 13px; background-position: 0 center; background-repeat: no-repeat } .Mo_1024 .NameTxt { font-size: 14px; margin: 5px 15px 0 } .Mo_1025, .Mo_1025 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1025 { border-width: 2px 1px 1px; border-style: solid } .Mo_1025 .MoHeadM { background-position: 0 bottom; background-repeat: repeat-x; height: 33px } .Mo_1025 .MoName { margin: 0 } .Mo_1025 .MoNameM { border-width: 0 1px 0 0; border-style: solid; height: 33px } .Mo_1025 .NameTxt { font-size: 14px; margin: 5px 15px 0 } .Mo_1026, .Mo_1026 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1026 { border-width: 1px; border-style: solid } .Mo_1026 .MoHeadM { background-position: 0 bottom; background-repeat: repeat-x; height: 35px } .Mo_1026 .MoName { margin: 0 } .Mo_1026 .MoNameM { height: 33px; border-width: 0 0 2px; border-style: solid } .Mo_1026 .NameTxt { font-size: 14px; margin: 5px 5px 0 } .Mo_1027, .Mo_1027 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1027 .MoHeadM { height: 35px } .Mo_1027 .MoHeadL { width: 16px } .Mo_1027 .MoName { margin: 0 } .Mo_1027 .NameTxt { font-size: 14px; margin: 7px 0 0 10px } .Mo_1027 .MoBody { border-width: 1px; border-style: solid } .Mo_1028, .Mo_1028 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1028 .MoHeadL { width: 33px; background-repeat: no-repeat; background-position: 0 0 } .Mo_1028 .MoHeadM { background-repeat: repeat-x; background-position: 0 -45px; height: 45px } .Mo_1028 .MoHeadR { width: 6px; background-repeat: no-repeat; background-position: right -90px } .Mo_1028 .MoName { margin: 1px 0 0 } .Mo_1028 .NameTxt { font-size: 14px; margin: 13px 10px 0 } .Mo_1028 .MoMore { top: 10px; right: 5px } .Mo_1028 .MoMore a { width: 50px; height: 30px; line-height: 30px } .Mo_1028 .MoBody { border-width: 0 1px; border-style: solid } .Mo_1028 .MoB, .Mo_1028 .MoBL, .Mo_1028 .MoBR { height: 10px } .Mo_1028 .MoBL, .Mo_1028 .MoBR { width: 10px; background-repeat: no-repeat } .Mo_1028 .MoBL { background-position: 0 bottom } .Mo_1028 .MoBR { background-position: right bottom } .Mo_1028 .MoBM { border-width: 0 0 1px; border-style: solid; height: 9px } .Mo_1029, .Mo_1029 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1029 .MoHeadM { height: 33px } .Mo_1029 .MoName { margin: 0 0 0 20px } .Mo_1029 .MoNameL { width: 10px; background-position: 0 0; background-repeat: no-repeat } .Mo_1029 .MoNameM { background-position: 0 -33px; background-repeat: repeat-x; height: 33px } .Mo_1029 .MoNameR { width: 10px; background-position: 0 -66px; background-repeat: no-repeat } .Mo_1029 .NameTxt { font-size: 14px; margin: 5px 10px 0 } .Mo_1029 .MoBody { border-width: 2px 1px 1px; border-style: solid } .Mo_1030, .Mo_1030 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1030 { border-style: solid; border-width: 1px } .Mo_1030 .MoHeadM { background-repeat: repeat-x; background-position: 0 bottom; height: 33px; border-style: solid; border-width: 0 0 1px } .Mo_1030 .MoName { margin: 0 0 0 10px } .Mo_1030 .MoNameL { width: 10px; background-position: 0 0; background-repeat: no-repeat } .Mo_1030 .MoNameM { background-position: 0 -35px; background-repeat: repeat-x; height: 35px } .Mo_1030 .MoNameR { width: 10px; background-position: right -70px; background-repeat: no-repeat } .Mo_1030 .NameTxt { font-size: 14px; margin: 7px 10px 0 } .Mo_1031, .Mo_1031 [class^=Mo] { background: 0 0; border-width: 0 } .Mo_1031 { border-style: solid; border-width: 1px } .Mo_1031 .MoHeadM { background-repeat: repeat-x; background-position: 0 bottom; height: 35px; border-style: solid; border-width: 0 0 1px } .Mo_1031 .MoName { margin: 0 } .Mo_1031 .MoNameL { width: 35px; background-position: 0 0; background-repeat: no-repeat } .Mo_1031 .MoNameM { background-position: 0 -35px; background-repeat: repeat-x; height: 35px } .Mo_1031 .MoNameR { width: 60px; background-position: right -70px; background-repeat: no-repeat } .Mo_1031 .NameTxt { font-size: 14px; margin: 7px 10px 0 } .TitleModule .customModule { float: none } .TitleModule .Mo { border-width: 0 } .HMo_1001, .HMo_1001 [class^=Mo] { background: 0 0; border-width: 0 } .HMo_1 .MoB, .HMo_1001 .MoT { display: none } .HMo_1001 .MoHeadM { height: 40px } .HMo_1001 .MoName { margin: 10px 0 0 10px } .HMo_1001 .NameTxt { font-size: 14px } .HMo_1001 .MoMore { right: 10px; top: 14px } .HMo_1002, .HMo_1002 [class^=Mo] { background: 0 0; border-width: 0 } .HMo_1002 .MoT { display: table } .HMo_1002 .MoTL, .HMo_1002 .MoTR { width: 6px; background-repeat: no-repeat } .HMo_1002 .MoTL { background-position: 0 0 } .HMo_1002 .MoTM { height: 6px } .HMo_1002 .MoTR { background-position: -6px 0 } .HMo_1002 .MoHeadM { height: 36px } .HMo_1002 .MoName { margin: 4px 0 0 10px } .HMo_1002 .NameTxt { font-size: 14px } .HMo_1002 .MoMore { right: 10px; top: 9px } .HMo_1003, .HMo_1003 [class^=Mo] { background: 0 0; border-width: 0 } .HMo_1003 .MoB, .HMo_1003 .MoT { height: 10px; display: table } .HMo_1003 .MoBL, .HMo_1003 .MoBR, .HMo_1003 .MoTL, .HMo_1003 .MoTR { width: 10px; height: 10px } .HMo_1003 .MoTL { background-position: 0 0 } .HMo_1003 .MoTR { background-position: -10px 0 } .HMo_1003 .MoBL { background-position: 0 -10px } .HMo_1003 .MoBR { background-position: -10px -10px } .HMo_1003 .MoBM, .HMo_1003 .MoTM { height: 10px; background-repeat: repeat-x } .HMo_1003 .MoTM { background-position: 0 0 } .HMo_1003 .MoBM { background-position: 0 -10px } .HMo_1003 .MoHeadM { height: 35px } .HMo_1003 .MoHeadL, .HMo_1003 .MoHeadR { width: 5px; background-repeat: repeat-y } .HMo_1003 .MoHeadL { background-position: left 0 } .HMo_1003 .MoHeadR { background-position: right 0 } .HMo_1003 .MoName { margin: 6px 0 0 10px } .HMo_1003 .NameTxt { font-size: 14px } .HMo_1003 .MoMore { right: 10px; top: 10px } .HMo_1004, .HMo_1004 [class^=Mo] { background: 0 0; border-width: 0 } .HMo_1004 .MoB, .HMo_1004 .MoT { height: 6px; display: table } .HMo_1004 .MoBL, .HMo_1004 .MoBR, .HMo_1004 .MoTL, .HMo_1004 .MoTR { width: 6px; height: 6px; background-repeat: no-repeat } .HMo_1004 .MoTL { background-position: 0 0 } .HMo_1004 .MoTR { background-position: -6px 0 } .HMo_1004 .MoBL { background-position: 0 -6px } .HMo_1004 .MoBR { background-position: -6px -6px } .HMo_1004 .MoBM, .HMo_1004 .MoTM { height: 6px } .HMo_1004 .MoHeadM { height: 35px } .HMo_1004 .MoName { margin: 7px 0 0 10px } .HMo_1004 .NameTxt { font-size: 14px } .HMo_1004 .MoMore { right: 10px; top: 12px } .HMo_1005, .HMo_1005 [class^=Mo] { background: 0 0; border-width: 0 } .HMo_1005 .MoB { height: 6px; display: table } .HMo_1005 .MoBM { height: 6px } .HMo_1005 .MoHeadM { height: 40px } .HMo_1005 .MoName { margin: 10px 0 0 10px } .HMo_1005 .MoMore { right: 10px; top: 14px } .HMo_1006, .HMo_1006 [class^=Mo] { background: 0 0; border-width: 0 } .HMo_1006 .MoB { height: 2px; display: table } .HMo_1006 .MoBM { height: 2px } .HMo_1006 .MoHeadM { height: 40px; background-color: transparent } .HMo_1006 .MoName { margin: 10px 0 0 10px } .HMo_1006 .NameTxt { font-size: 14px } .HMo_1006 .MoMore { right: 10px; top: 16px } .absoluteModuleWrap { position: relative; z-index: 15 } .absoluteModuleInner { height: 0; position: relative; margin: 0 auto } .headPublicModuleRow { z-index: 20; width: 100% !important } #row_head_public { width: 100% } .headPublicModuleRow .CModulePA { overflow: visible; height: 0 } .fullSubNavBox { position: absolute; left: 0; right: 0; top: 0 } .fullSubNavBox .customModuleRow { position: absolute; z-index: 30; top: 0; left: 0; right: 0; background-color: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, .2) } .fullSubNavBox .customModuleRowBlock[data-animated="1"] { max-height: 0; overflow: hidden; transition: max-height .5s ease } .fullSubNavBox .customModuleRowBlock[data-animated="1"].animated { max-height: 1000px } .fullSubNavBox .customModuleRowBlock[data-animated="2"] { transition: opacity .3s ease; opacity: 0 } .fullSubNavBox .customModuleRowBlock[data-animated="2"].animated { opacity: 1 } .fullSubNavBox .customModuleRowBlock[data-animated="3"] { transition: opacity .8s ease, transform .3s ease; opacity: 0; transform: translateY(-10px) } .fullSubNavBox .customModuleRowBlock[data-animated="3"].animated { opacity: 1; transform: translateY(0) } .fullSubNavBox .customModuleRowBlock[data-animated="4"] { transition: opacity .8s ease, transform .3s ease; opacity: 0; transform: translateY(20px) } .fullSubNavBox .customModuleRowBlock[data-animated="4"].animated { opacity: 1; transform: translateY(0) } .mainContainer { margin: 0 auto; position: relative; z-index: 2; clear: both } .addContainer { position: relative; z-index: 0; float: left; width: 100% } .customModuleRowNone { display: none } .customModuleRowBlock { display: block } .customModuleRow { margin: 0 auto; padding: 0; position: relative } .wrapper .customModuleRow.customModuleRowFullX, .wrapper .customModuleRow.customModuleRowFullXY { width: 100% } .customModuleRowGroup { position: relative } .customModuleRowGroup .customModuleRow, .customModuleRowGroup .rowGroup-box, .customModuleRowGroup .rowGroup-box-inner { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100% } .customModuleRowGroup .rowGroup-box { z-index: 1 } .customModuleRowGroup .rowGroup-box-inner { overflow: hidden } .customModuleRowGroup .customModuleRow { text-align: center; z-index: 1; display: none } .customModuleRowGroup .customModuleRow.cur { display: block; z-index: 2 } .customModuleRowGroup .customModuleRowBlock { z-index: 2 } .customModuleRowGroup .customModuleRowInner { display: inline-block; text-align: left; height: 100% } .customModuleRowGroup .sidebar-area { pointer-events: none } .customModuleRowGroup .sidebar-area .sidebar-inner em { pointer-events: auto } .wrapper .customModuleRowGroup .customModuleRow { width: 100% } .customModuleRow .rowImgBg, .customModuleRow .rowVideoBg { position: absolute; z-index: 1; width: 100%; height: 100%; overflow: hidden; top: 70px; right: 0; bottom: 0; left: 0 } .customModuleRow .rowImgBg { display: block } .customModuleRow .muted-btn { position: absolute; right: 10px; bottom: 10px; padding: 5px; cursor: pointer; font-size: 20px; color: #fff; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .3); display: flex; justify-content: center; align-items: center; z-index: 3; background-color: rgba(0, 0, 0, .5); opacity: .8 } .customModuleRow .muted-btn.off::after { content: ''; width: 2px; position: absolute; top: 0; bottom: 0; background-color: rgba(255, 255, 255, .8); transform: rotate(-45deg) } .customModuleRow .rowVideoBg video { width: 100%; height: 100%; position: relative; object-fit: cover; object-position: center center } .customModuleRowInner { margin: 0 auto; position: relative; z-index: 2 } .customModuleRowAbsolute .customModuleRowInner { padding-left: 0 } .fixedPublicModuleRow { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 21; background-color: rgba(0, 0, 0, .3) } .fixedPublicModuleRow>.rowCloseBtn { z-index: 3; position: absolute; right: 10px; top: 10px; color: #fff; cursor: pointer; transition: transform .5s ease; cursor: pointer; font: normal 400 50px/.65 '����'; letter-spacing: -.2em; overflow: hidden } .fixedPublicModuleRow>.rowCloseBtn:hover { transform: rotate(180deg) } .fixedPublicModuleRow>.rowCloseBtn i { font-style: normal; margin: 0 0 -.1em -.18em } .CModulePR { position: relative } .CModulePC::after, .CModulePR::after, .TitleModule::after { content: "."; height: 0; display: block; clear: both; overflow: hidden; visibility: hidden } .CModulePA, .CModulePC, .CModulePR, .TitleModule { zoom: 1; overflow: hidden } .CModulePC, .CModulePR, .TitleModule { margin-right: -10px } .customModule { float: left; margin: 0 10px 10px 0; position: relative; z-index: 2 } .CModulePCLeft, .CModulePRLeft { float: left; zoom: 1 } .CModulePCRight { float: right } .CModulePCRL .PCLeft { float: right } .CModulePCRL .PCRight { float: left } .CModulePA { position: relative } .CModulePA .customModule { position: absolute; float: none; margin: 0 } .alertPublicModuleRow, .allSitePublicModuleRow { position: fixed; width: 100% !important; height: 0; z-index: 22 !important; left: 0; top: 0 } .alertPublicModuleRow .CModulePA, .alertPublicModuleRow .customModuleRowInner { position: absolute; width: 100% !important; left: 0; top: 0 } .allSitePublicModuleRow .CModulePA, .allSitePublicModuleRow .customModuleRowInner { position: absolute; width: 100% !important; left: 0; top: 0 } .alertPublicModuleRow .alertBg { z-index: 2; background-color: #000; opacity: .3; position: fixed; width: 100%; height: 100%; left: 0; top: 0 } .alertPublicModuleRow .customModuleRowInner { z-index: 3 } .alertPublicModuleRow .CModulePA, .allSitePublicModuleRow .CModulePA { overflow: visible } .webLink { padding-bottom: 10px } .webLink .customModule { clear: both; float: none; margin-right: 0; margin-bottom: 0 } .blogrollTxt a { display: inline-block; margin: 0 5px; line-height: 24px } .blogrollPic ul { overflow: hidden; padding-bottom: 10px } .blogrollPic li { float: left; width: 175px; height: 53px; overflow: hidden; margin: 10px 10px 0 0 } .blogrollPic table { width: 100%; height: 100% } .blogrollPic td { text-align: center; vertical-align: middle } .page { position: relative; z-index: 2 } .page .inner { text-align: right; padding: 10px 5px; clear: both; font-size: 0 } .page a, .page b, .page span, .page strong { display: inline-block; margin-left: 5px; border-width: 1px; border-style: solid; padding: 5px 10px; font: 400 12px/1 'Microsoft Yahei'; vertical-align: top } .page .page-ellipsis { display: inline-block; font-size: 14px; margin-left: 5px; padding: 3px 0; border: none } .page span { cursor: not-allowed } .page a:hover { text-decoration: none } .page .page-no-area { display: inline-block } .page .page-sum { display: inline-block; margin-left: 5px; padding: 5px 10px; font: 400 12px/1 'Microsoft Yahei'; vertical-align: top } .page .page-sum em { font-style: normal } .page .page-select { margin-left: 5px; text-align: left; display: inline-block; position: relative; line-height: 1; vertical-align: top } .page .page-select dt { display: inline-block; border: 1px solid #ccc; position: relative } .page .page-select dt i { position: absolute; right: 5px; top: 50%; height: 0; width: 0; overflow: hidden; border-width: 8px 5px 0; border-style: solid dashed dashed solid; border-color: #ccc transparent; margin-top: -4px } .page .page-select em { font-style: normal; font-size: 12px; display: inline-block } .page .page-select dt em { padding: 5px 20px 5px 10px } .page .page-select ol { position: absolute; left: 0; bottom: 100%; border: 1px solid #ccc; width: 100%; background-color: #fff; padding: 2px 0; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .page .page-select-hover ol { display: block } .page .page-select li { line-height: 24px; cursor: pointer } .page .page-select li em { padding-left: 10px } .page .page-select li:hover { background-color: #f5f5f5 } .page .page-select li.selected { background-color: #ececec } .page .page-form { margin-left: 5px; display: inline-block; font-size: 12px; vertical-align: top } .page .page-form .page-num-input { width: 40px; padding: 3px 0; border: 1px solid #aaa; margin: 0 5px; text-align: center } .page .page-form .page-enter-btn { margin-left: 5px; display: inline-block; padding: 5px 10px; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f0f0f0; cursor: pointer } .page .page-form .page-enter-btn s { text-decoration: none; font-style: normal } .footer { margin: 0 auto; position: relative; clear: both; z-index: 1 } .footerBg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1 } .footerConArea { margin: 0 auto } .footerCon { text-align: center; position: relative; z-index: 2; padding: 10px 0; overflow: hidden; border-style: solid; border-width: 0; line-height: 24px } .footerNav em { font-style: normal; margin: 0 5px } .copyright { position: relative; z-index: 2 } /*! * ��ק��ģ�� * http://www.evyun.cn * ��ק�治ͬģ�����͵��ڲ���� */ .btn-group .btn, .catalogList dt div, .classify-module .inner, .classify-module .inner a, .focus-pic-module-1 .focus-controls-list span, .pic-text-list-module .inner, .pic-text-list-module .inner .newPrice em, .pic-text-list-module .inner .oldPrice em, .pic-text-list-module .inner .pic-intro, .pic-text-list-module .inner .pic-title, .pic-text-list-module .pic-title a, .pic-text-list-module .pics, .pic-text-module .pics, .text-list-module .inner, .text-list-module .inner a { -webkit-transition-property: border-color, background-color, color; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease; -moz-transition-property: border-color, background-color, color; -moz-transition-duration: .5s; -moz-transition-timing-function: ease; -ms-transition-property: border-color, background-color, color; -ms-transition-duration: .5s; -ms-transition-timing-function: ease; -o-transition-property: border-color, background-color, color; -o-transition-duration: .5s; -o-transition-timing-function: ease; transition-property: border-color, background-color, color; transition-duration: .5s; transition-timing-function: ease } .btn-group .btn { display: inline-block; border-width: 1px; border-style: solid; margin: 2px 5px 0 0; border: 1px solid transparent; vertical-align: middle; cursor: pointer; border-radius: 4px; text-align: center } .btn-group .btn-xs { padding: 1px 5px; font-size: 12px } .btn-group .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-group .btn-default { padding: 6px 12px; font-size: 14px; line-height: 1.4 } .btn-group .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px } .btn-group .but-desabled { cursor: no-drop; opacity: .5 } .btn-group .but-desabled:hover { opacity: .5 } .text-list-module { overflow: hidden } .text-list-module ol { font-size: 0 } .text-list-module li { display: inline-block } .text-list-module .inner { margin: 0; position: relative; height: 24px; line-height: 24px; overflow: hidden; padding: 0 } .text-list-module .text-list-a { overflow: hidden; display: inline-block; zoom: 1; width: 100%; text-overflow: ellipsis } .text-list-module code { vertical-align: middle; width: 4px; height: 4px; display: inline-block; background-image: url(../images/text_list_code_bg.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0 5px 0 0; display: none } .text-list-module a { font-size: 12px } .text-list-module-1 li, .text-list-module-2 li { width: 100% } .text-list-module-2 .inner { padding-right: 70px } .text-list-module-2 .text-list-times { position: absolute; top: 0; right: 0; font-size: 12px } .text-list-module-2 .text-list-times a { color: inherit !important; font: inherit !important } .pic-text-module { margin: 0; overflow: hidden } .pic-text-module .pic-text-module-inner { overflow: hidden } .pic-text-module .pics { border-width: 1px; border-style: solid; border-color: #ccc; display: block } .pic-text-module .pic { overflow: hidden; padding: 0; display: inline-block; position: relative } .pic-text-module .pic table, .pic-text-module .pic td { width: 100%; height: 100% } .pic-text-module .pic td { vertical-align: middle; text-align: center } .pic-text-module .text { text-indent: 2em; line-height: 24px; font-size: 12px; word-break: break-word } .pic-text-module .text p { color: inherit } .pic-text-module .pic img { max-width: 100%; cursor: pointer } .pic-text-module-1 .pics { margin: .5em .8em 0 0; float: left } .pic-text-module-1 .pic { width: 100px; height: 100px } .pic-text-module-2 .pics { margin: .5em 0 0 .8em; float: right } .pic-text-module-2 .pic { width: 100px; height: 100px } .pic-text-module-3 .pics { margin: .5em 0 } .pic-text-module-3 .pic { height: 150px } .pic-text-module-3 .text { overflow: hidden } .pic-text-module-4 .pics { margin: .5em 0 } .pic-text-module-4 .pic { height: 150px } .pic-text-module-4 .text { overflow: hidden } .pic-text-module-5 .pics { margin: .5em .8em 0 0; float: left } .pic-text-module-5 .pic { width: 100px } .pic-text-module-5 .text { overflow: hidden } .pic-text-module-6 .pics { margin: .5em 0 0 .8em; float: right } .pic-text-module-6 .pic { width: 100px } .pic-text-module-6 .text { overflow: hidden } .pic-module { overflow: hidden; text-align: center } .pic-module a.pics { display: block; border-width: 0; border-style: solid; border-color: #ccc } .pic-module .pic { display: inline-block } .pic-text-list-module { margin: 0; overflow: hidden } .pic-text-list-module ul { font-size: 0 } .pic-text-list-module li { overflow: hidden; zoom: 1; display: inline-block; vertical-align: top } .pic-text-list-module .inner:after { content: ''; display: table; clear: both } .pic-text-list-module .inner { padding: 5px 0; zoom: 1; position: relative } .pic-text-list-module .inner:hover .hovershow { display: block } .pic-text-list-module .inner .hovershow { position: absolute; bottom: 5px; right: 5px; font-size: 0; background: #06f; display: none; padding: 0 5px; cursor: default; border-radius: 3px } .pic-text-list-module .inner .hovershow img { margin: 5px; cursor: pointer; width: 20px; filter: brightness(5) } .pic-text-list-module .pics { overflow: hidden; text-align: left; border: 1px solid #ccc; padding: 0; font-size: 0; line-height: 0; display: block } .pic-text-list-module .pic { overflow: hidden; position: relative; display: inline-block; font-size: 12px } .pic-text-list-module .pic table { width: 100%; height: 100% } .pic-text-list-module .pic td { text-align: center; vertical-align: middle } .pic-text-list-module .pic-attr { overflow: hidden; font-size: 12px; margin: 0 auto } .pic-text-list-module .pic-title { font-weight: 700; overflow: hidden; height: 75px; line-height: 24px; font-size: 14px; word-break: break-word; text-overflow: ellipsis; } .pic-text-list-module .pic-price { padding: .2em 0; overflow: hidden; text-align: left; line-height: 16px; height: 16px } .pic-text-list-module .list-shopcar-icon { float: right; width: 30px; height: 30px; background: url(../images/list_shopcar_icon.png) no-repeat; cursor: pointer } .pic-text-list-module .list-shopcar-icon-add { background-position: 0 0 } .pic-text-list-module .list-shopcar-icon-noadd { background-position: 0 -30px } .pic-text-list-module .pic-price:after { content: ''; display: table; clear: both } .pic-text-list-module .pic-price b { font-weight: 400 } .pic-text-list-module .pic-price em { font-style: normal; font-weight: 700; font-size: 14px } .pic-text-list-module .oldPrice { overflow: hidden; margin-right: 5px } .pic-text-list-module .oldPrice em { text-decoration: line-through } .pic-text-list-module .newPrice { overflow: hidden } .pic-text-list-module .pic-price .list-shopcar-icon { display: none } .user-tag-list { padding: 3px 0 0 0 } .user-tag-list span { display: inline-block; padding: 3px 8px; border: 1px solid #ccc; color: #888; font-size: 12px; margin: 0 5px 8px 0 } .pic-text-list-module .tag-list { overflow: hidden } .pic-text-list-module .tag-list .tag-item { float: left; width: auto; line-height: 24px } .pic-text-list-module .tag-list .tag-item-inner { margin: 0 15px 0 0 } .pic-text-list-module .tag-list i { font-style: normal } .pic-text-list-module .pic-intro { line-height: 20px; font-size: 12px; word-break: normal; overflow: hidden; word-wrap: break-word } .pic-text-list-module .btn-group { overflow: hidden } .pic-text-list-module .btn-group .list-btn-one { margin: 10px 0 0 0; padding: 8px 20px; font-size: 18px } .pic-text-list-module .btn-group .list-btn-one span { font: inherit } .pic-text-list-module .pic-interact { padding: 5px 0; font-size: 0 } .pic-text-list-module .pic-interact span { display: inline-block; margin-right: 17px; font-size: 12px } .pic-text-list-module .pic-interact span .evIcon { font-size: 18px; vertical-align: middle; font-style: normal; color: #999; cursor: pointer; margin-left: 1px } .pic-text-list-module .pic-interact span b { font-size: 12px; font-family: '΢���ź�'; font-weight: 400; vertical-align: middle; margin-left: .2em; color: #888 } .pic-text-list-module-1 li { width: 100% } .pic-text-list-module-1 .pics { float: left; margin-right: 10px } .pic-text-list-module-1 .pic { width: 100px; height: 100px } .pic-text-list-module-2 li { width: 100% } .pic-text-list-module-2 .pics { float: right; margin-left: 10px } .pic-text-list-module-2 .pic { width: 100px; height: 100px } .pic-text-list-module-3 .inner { padding: 5px } .pic-text-list-module-3 .pics { margin-bottom: 5px } .pic-text-list-module-3 .pic { width: 100px; height: 100px } .pic-text-list-module-3 .pic table { width: 100%; height: 100% } .pic-text-list-module-3 .pic-title { line-height: 20px; height: 20px; text-align: center; margin-top: 5px; overflow: hidden; word-break: break-word } .pic-text-list-module-3 .pic-attr { width: 100px; overflow: hidden; margin: 0 auto } .pic-text-list-module-4 .inner { padding: 5px } .pic-text-list-module-4 .pics { margin-bottom: 5px } .pic-text-list-module-4 .pic { width: 200px; height: 200px } .pic-text-list-module-4 .pic table { width: 100%; height: 100% } .pic-text-list-module-4 .pic-title { line-height: 20px; height: 20px; text-align: center; margin-top: 5px; overflow: hidden; word-break: break-all } .pic-text-list-module-4 .pic-attr { width: 200px; overflow: hidden; margin: 0 auto } pic-text-list-module-moveL { white-space: nowrap } .pic-text-list-module-moveL ul { display: inline-block; vertical-align: top; margin-left: 0 !important; margin-right: 0 !important } .pic-text-list-module-moveL li { width: auto; white-space: normal } .focus-pic-module { margin: 0; overflow: hidden; width: 100%; height: 100% } .focus-pic-module dl { position: relative; z-index: 2 } .focus-pic-module dd { overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1 } .focus-pic-module dd .focus-pic-item { text-align: center } .focus-pic-module .focus-pic-item a { display: inline-block } .focus-pic-module .focus-text-area { position: absolute; left: 0; bottom: 0; width: 100%; display: none } .focus-pic-module .focus-text-bg { position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; opacity: .3 } .focus-pic-module .focus-text { position: relative; z-index: 2; text-align: left } .focus-pic-module .focus-text a { line-height: 30px; font-size: 16px; color: #fff; margin: 10px; display: inline-block } .focus-pic-module .focus-controls-list { position: absolute; bottom: 10px; width: 100%; text-align: center; z-index: 5 } .focus-pic-module .focus-pic-next, .focus-pic-module .focus-pic-prev { position: absolute; width: 0; height: 0; z-index: 5; cursor: pointer; overflow: hidden; top: 50%; margin-top: -20px; visibility: hidden } .focus-pic-module .focus-pic-prev { left: 5px; border-width: 20px 15px 20px 0; border-style: dashed solid dashed dashed; border-color: transparent #ccc transparent transparent } .focus-pic-module .focus-pic-next { right: 5px; border-width: 20px 0 20px 15px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #ccc } .focus-pic-module-1 .focus-controls-list span { display: inline-block; width: 15px; height: 15px; margin-right: 5px; cursor: pointer; border-width: 1px; border-style: solid; text-align: center; line-height: 15px; font-size: 12px; font-family: arial; background-color: #fff } .focus-pic-module-1 .focus-controls-list span.cur { font-weight: 700 } .focus-pic-module-2 .focus-controls-list span { display: inline-block; width: 8px; height: 8px; border-radius: 4px; margin-right: 5px; cursor: pointer; border-width: 1px; border-style: solid; text-align: center; line-height: 15px; font-size: 12px; font-family: arial; background-color: #fff } .focus-pic-module-2 .focus-controls-list span { display: inline-block; width: 8px; height: 8px; border-radius: 4px; margin-right: 5px; cursor: pointer; border-width: 1px; border-style: solid; text-align: center; line-height: 15px; font-size: 12px; font-family: arial; background-color: #fff } .catalogList { overflow: hidden; position: relative } .catalogList .but { position: absolute; width: 20px; height: 20px; right: 0; background-color: #666; z-index: 4; opacity: .4; display: none; border-radius: 3px } .catalogList .but small { width: 0; height: 0; overflow: hidden; display: block; position: absolute; left: 2px; cursor: pointer } .catalogList .upBut { top: 0 } .catalogList .upBut small { border-color: transparent transparent #fff transparent; border-style: dashed dashed solid dashed; top: 5px; border-width: 0 8px 10px } .catalogList .downBut { bottom: 0 } .catalogList .downBut small { border-color: #fff transparent transparent transparent; border-style: solid dashed dashed dashed; top: 5px; border-width: 10px 8px 0 } .catalogList dt { overflow: hidden } .catalogList dt div { line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-width: 0 0 1px; border-style: dashed } .catalogList .oneClassC, .catalogList .threeClassC, .catalogList .twoClassC { display: none } .catalogList code { display: inline-block; vertical-align: middle; width: 10px; height: 10px; cursor: pointer; font-size: 0; line-height: 0; background-repeat: no-repeat } .catalogList .oneClassT code { background-position: 0 0 } .catalogList .oneClassThover code { background-position: 0 -10px } .catalogList .oneClassTopen code { background-position: 0 -20px } .catalogList .oneClassTinner a { font-size: 14px; font-weight: 700 } .catalogList .twoClassTinner { margin-left: 10px } .catalogList .twoClassT code { background-position: 0 -30px } .catalogList .twoClassThover code { background-position: 0 -40px } .catalogList .twoClassTopen code { background-position: 0 -50px } .catalogList .threeClassTinner { margin-left: 20px } .catalogList .threeClassT code { background-position: 0 -30px } .catalogList .threeClassThover code { background-position: 0 -40px } .catalogList .threeClassTopen code { background-position: 0 -40px } .catalogList .oneClassCopen, .catalogList .threeClassCopen, .catalogList .twoClassCopen { display: block } .menu-catalog-module { position: relative } .menu-catalog-module .one-class { overflow: hidden } .menu-catalog-module .one-class-inner { font-size: 0; border-width: 0 0 1px; border-style: solid solid dashed solid; padding: 2px 0 2px 5px; border-color: #eee #eee #ccc #eee } .menu-catalog-module .one-class code { display: inline-block; margin: 0 5px 0 0 } .menu-catalog-module .one-class code img { vertical-align: middle } .menu-catalog-module .one-class strong { line-height: 36px; font-weight: 400; display: inline-block; font-size: 14px; color: #999 } .menu-catalog-module .one-class a { color: #666 } .menu-catalog-module .one-class-hover .one-class-inner { padding: 0 2px 1px 3px; border-width: 2px 0 2px 2px; border-style: solid; background-color: #f5f5f5; border-color: silver } .menu-catalog-module .one-class-hover strong { color: #444 } .menu-catalog-module .one-class-hover a { color: #444 } .menu-catalog-module .one-class-hover a:hover { color: #222; text-decoration: underline } .menu-catalog-more-module { height: 0; width: 0 } .menu-catalog-more { position: absolute; left: 0; top: 0; z-index: 2000; width: 0; overflow: hidden } .menu-catalog-more .gap { height: 30px; width: 2px; position: absolute; left: 0; top: 45px; z-index: 5; background-color: #f5f5f5 } .menu-catalog-more .catalog-more-inner { width: 450px; overflow: hidden; border-width: 2px; border-style: solid; border-color: silver; background-color: #f5f5f5 } .menu-catalog-more .catalog-more-list { margin: 5px 15px; display: none } .menu-catalog-more .catalog-more-item { zoom: 1; padding: .5em 0; border-bottom: 1px dashed #bbb } .menu-catalog-more .catalog-more-item::before, .menu-catalog-more .catalog-more-item:after { content: ""; display: table } .menu-catalog-more .catalog-more-item:after { clear: both } .menu-catalog-more .two-class { line-height: 24px; font-size: 14px; float: left } .menu-catalog-more .two-class a { font-weight: 700; display: inline-block; color: #555 } .menu-catalog-more .two-class a:hover { color: #454545 } .menu-catalog-more .three-class { padding-top: .5em; line-height: 100%; overflow: hidden } .menu-catalog-more .three-class a { display: inline-block; color: #666 } .menu-catalog-more .three-class a:hover { color: #565656 } .menu-catalog-more i.v-line { font-style: normal; display: inline-block; margin: 0 .5em .5em; color: #bbb } .absolute-menu-catalog .add-l, .absolute-menu-catalog .add-l-e, .absolute-menu-catalog .add-l-i, .absolute-menu-catalog .add-l-w, .absolute-menu-catalog .add-l-w-i, .absolute-menu-catalog .c-l, .absolute-menu-catalog .c-l-e, .absolute-menu-catalog .c-l-w, .absolute-menu-catalog .m-c-b, .absolute-menu-catalog .m-c-b-i, .absolute-menu-catalog .m-c-h, .absolute-menu-catalog .m-c-m-e, .absolute-menu-catalog .m-c-m-i, .absolute-menu-catalog .m-c-m-r, .absolute-menu-catalog .o-l-b, .absolute-menu-catalog .o-l-b-l, .absolute-menu-catalog .o-l-b-l-e, .absolute-menu-catalog .o-l-e, .absolute-menu-catalog .o-l-e-i, .absolute-menu-catalog .o-l-h, .absolute-menu-catalog .o-l-h-i, .absolute-menu-catalog .o-l-h-t, .absolute-menu-catalog .t-l, .absolute-menu-catalog .t-l-b, .absolute-menu-catalog .t-l-b-i, .absolute-menu-catalog .t-l-b-l, .absolute-menu-catalog .t-l-b-l-e, .absolute-menu-catalog .t-l-h, .absolute-menu-catalog .t-l-i, .absolute-menu-catalog .t-l-w, .absolute-menu-catalog .t-l-w-i { overflow: hidden } .absolute-menu-catalog .c-l-e-i, .absolute-menu-catalog .m-c-h-i, .absolute-menu-catalog .o-l-b-l-e-i, .absolute-menu-catalog .o-l-h-t-i { transition: all .5s ease } .absolute-menu-catalog, .absolute-menu-catalog .gap, .absolute-menu-catalog .m-c-m { position: absolute } .absolute-menu-catalog .a-m-c { width: 210px } .absolute-menu-catalog:hover { z-index: 2 !important } .absolute-menu-catalog .m-c-h-i { display: block; padding: 10px; font-weight: 400; font-size: 16px; font-family: '΢���ź�'; background-color: #fff } .absolute-menu-catalog .m-c-h-open .m-c-h-i { background-color: #c00; color: #fff } .absolute-menu-catalog .m-c-b { display: none } .absolute-menu-catalog .m-c-b-i { background-color: #fff; height: 490px; border-width: 0 } .absolute-menu-catalog .a-m-c-open .m-c-b { display: block } .absolute-menu-catalog .o-l-e { position: relative; z-index: 1 } .absolute-menu-catalog .o-l-e-i { border-bottom: 1px dotted #eee } .absolute-menu-catalog .o-l-e-open .o-l-e { z-index: 2 } .absolute-menu-catalog .o-l-e-open .o-l-e-i { background-color: #f5f5f5 } .absolute-menu-catalog .o-l-h-n { float: left; padding: 0 10px 0 5px } .absolute-menu-catalog .o-l-h-n img { max-width: 100%; max-height: 100% } .absolute-menu-catalog .o-l-h-t { text-align: left; display: block; margin: 7px 0 0 0 } .absolute-menu-catalog .o-l-h-t-i { display: inline-block } .absolute-menu-catalog .o-l-b-l { margin: 0 -5px 0 0 } .absolute-menu-catalog .o-l-b-l-e { float: left; width: auto } .absolute-menu-catalog .o-l-b-l-e-i { display: block; margin: 5px 5px 5px 0; padding: 3px 5px } .absolute-menu-catalog .o-l-b-l-e-hot .o-l-b-l-e-i, .absolute-menu-catalog .o-l-b-l-e-hot .o-l-b-l-e-i:hover { color: red } .absolute-menu-catalog .m-c-m { display: none } .absolute-menu-catalog .gap { background-color: #fff; left: 0; width: 2px } .absolute-menu-catalog .m-c-m-i { background-color: #fff; border: 0; width: 700px; height: 490px } .absolute-menu-catalog .m-c-m-e { display: none } .absolute-menu-catalog .m-c-m-e-open { display: block } .absolute-menu-catalog .m-c-m-l { float: left; width: 500px } .absolute-menu-catalog .c-l-w-i { padding: 10px 10px 0 } .absolute-menu-catalog .c-l { margin: 0 -5px 0 0 } .absolute-menu-catalog .c-l-e { float: left } .absolute-menu-catalog .c-l-e-i { display: block; padding: 5px 10px; margin: 5px 5px 0; background-color: #eee } .absolute-menu-catalog .t-l-w-i { padding: 0 5px } .absolute-menu-catalog .t-l { float: left; width: 100% } .absolute-menu-catalog .t-l-i { border-bottom: 1px dotted #ccc; padding: 10px 5px } .absolute-menu-catalog .t-l-h { float: left; width: 100px } .absolute-menu-catalog .t-l-h-i { padding: 0 15px 0 5px; margin: 0 } .absolute-menu-catalog .t-l-h-t { display: block; text-align: left } .absolute-menu-catalog .t-l-h-t-i { font-size: 14px; line-height: 110% !important } .absolute-menu-catalog .t-l-b-l { margin: 0 -5px 0 0 } .absolute-menu-catalog .t-l-b-l-e { float: left } .absolute-menu-catalog .t-l-b-l-e-i { margin: 0 5px 0 0; display: block; padding: 3px 5px; line-height: 100% } .absolute-menu-catalog .t-l-b-l-e-hot .t-l-b-l-e-i { color: red } .absolute-menu-catalog .add-l-w-i { border: 0; padding: 5px 0 } .absolute-menu-catalog .add-l-e { float: left; width: 100% } .absolute-menu-catalog .add-l-e-i { display: block; height: 100px; border: 1px solid #ddd; margin: 5px; overflow: hidden } .absolute-menu-catalog .add-l-e-i img { width: 100% } .form-prompt { position: absolute; left: 0; top: 0; right: 0; width: 100%; text-align: center } .form-prompt .prompt-text { display: inline-block; background-color: #fff; border: 1px solid #ccc; max-width: 90%; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, .5) } .form-prompt .prompt-text b { display: inline-block; padding: 5px 10px; font-size: 14px; color: #c00; font-weight: 400; text-align: left; line-height: 20px } .member-login-module { margin: 1em 0 0; overflow: hidden } .member-login-module .form-prompt { display: none } .member-login-module .item-list { zoom: 1; margin-bottom: 10px } .member-login-module .item-list::before, .member-login-module .item-list:after { content: ""; display: table } .member-login-module .item-list:after { clear: both } .member-login-module .item-con, .member-login-module .item-name { float: left } .member-login-module .item-name { width: 60px; line-height: 28px; padding-left: 1em; text-align-last: justify } .member-login-module .item-name em { font-style: normal } .form-module .item-name em.red-star { color: red; padding: 0 5px } .member-login-module .item-name:after { display: inline-block; overflow: hidden; width: 100%; height: 0; content: '' } .member-login-module .form-text { display: inline-block; padding: 3px; border-width: 1px; border-style: solid } .member-login-module .form-text input { height: 20px; line-height: 20px; padding: 0; border: 0; font-size: 12px; background-color: transparent } .member-login-module .user-id, .member-login-module .user-password { width: 140px } .member-login-module .user-captcha { width: 50px } .member-login-module .captcha-img { margin-left: 10px; width: 50px; display: inline-block; padding: 3px; vertical-align: top; cursor: pointer } .member-login-module .captcha-img img { width: 100%; vertical-align: middle } .member-login-module .save-forget { width: 100% } .member-login-module .save-password { padding-right: 2em } .member-login-module .save-password .item-con { text-align: right; float: none } .member-login-module .captcha-change { font-style: normal; cursor: pointer } .member-login-module .form-checkbox { vertical-align: middle; width: 14px; height: 14px } .member-login-module .form-button { text-align: center; margin-left: 0 } .member-login-module .form-but { display: inline-block; width: 95%; height: 35px; border: 0; line-height: 35px; text-align: center; cursor: pointer; border-width: 1px; border-style: solid; border-radius: 5px; margin-bottom: 10px; line-height: 100%; box-sizing: border-box } .member-login-module .user-register { text-align: right; padding-right: 2em } .member-info-module { margin: 1em 0 0; overflow: hidden } .member-info-module .member-portrait { width: 50px; height: 50px; float: left; margin: 0 2em 2em 0 } .member-info-module .member-portrait img { width: 100%; height: 100% } .member-info-module .member-info-list { overflow: hidden; line-height: 26px } .form-module { margin: 0; overflow: hidden } .form-module dt.form-title { font-size: 14px; line-height: 24px; padding: .5em 0; float: left; width: 100% } .form-module .dashedLine { height: 0; border-width: 0 0 1px; border-style: dashed; margin-bottom: 12px; float: left; width: 100% } .form-module .item-list { zoom: 1; margin-bottom: 5px; float: left; width: 100% } .form-module .item-list::before, .form-module .item-list:after { content: ""; display: table } .form-module .item-list:after { clear: both } .form-module .item-con, .form-module .item-name { overflow: hidden } .form-module .item-con .span-label { margin-right: 5px } .form-module .item-name { float: left; width: 80px; line-height: 28px; text-align-last: justify } .form-module .item-name em { font-style: normal } .form-module .item-name:after { display: inline-block; overflow: hidden; width: 100%; height: 0; content: '' } .form-module .form-explain { line-height: 20px; padding: 2px } .form-module .item-infotext { padding-top: 5px; line-height: 20px } .form-module .checkbox-label, .form-module .radio-label { box-sizing: border-box; line-height: 28px; padding-right: 10px; display: inline-block; vertical-align: top } .form-module .form-text { display: inline-block; padding: 3px; border-width: 1px; border-style: solid } .form-module .item-con-text { padding: 3px } .form-module .item-con-text b { height: 20px; line-height: 20px; padding: 0; border: 0; font-size: 12px; font-weight: 400 } .form-module .form-text input { height: 20px; line-height: 20px; padding: 0; border: 0; font-size: 12px; background-color: transparent; outline: 0 } .form-module .form-checkbox, .form-module .form-radio { vertical-align: middle; width: 14px; height: 14px; margin: 0 5px 0 0 } .form-module .form-select { display: inline-block } .form-module .form-select select { margin: 0 5px 5px 0 } .form-module .form-textarea { border-width: 1px; border-style: solid; padding: 3px; display: inline-block } .form-module .form-textarea textarea { width: 200px; height: 80px; resize: none; border: 0; font-size: 12px; background-color: transparent; padding: 0; outline: 0 } .form-module .vcode-img { display: inline-block; width: 100px; height: 33px; vertical-align: middle; margin-right: 2px } .form-module .vcode-img img { width: 100%; height: 100% } .form-module .form-text-vcode input { width: 80px } .form-module .form-button { margin-left: 100px; clear: both; width: auto } .form-module .form-but { display: inline-block; min-width: 65px; height: 30px; border: 0; line-height: 30px; text-align: center; cursor: pointer; border-width: 1px; border-style: solid; border-radius: 5px; margin-bottom: 10px; line-height: 100%; box-sizing: border-box; padding: 0 } .form-module select { padding: 5px 2px } .form-module .newPrice { padding-bottom: 3px; line-height: 20px } .form-module .newPrice em { font-size: 18px; font-style: normal } .form-module .protocol b { margin: 0 5px; font-weight: 400; cursor: pointer; color: red } .form-module .protocol b:hover { text-decoration: underline } .form-module .protocol input[type=checkbox] { width: 14px; height: 14px; vertical-align: text-bottom; margin: 0 .5em 0 0 } .onlineModule { margin: 0 0; overflow: hidden } .onlineModule h5 { font-size: 12px; font-weight: 700; line-height: 30px } .onlineModule p { height: 22px; line-height: 22px; padding: 0 0 5px 10px } .onlineModule p b { font-weight: 400; margin-right: 5px } .onlineModule .dashedLine { margin: 8px 5px } .tableModule table, .tableModule td { border-width: 1px; border-style: solid; border-color: #ccc } .tableModule table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed } .tableModule td { line-height: 30px; height: 30px } .tableModule td.tdcol { text-align: center; background-color: #efefef; font-weight: 700 } .links-module .text-links ol { margin: 0 -12px } .links-module .text-links li { float: left } .links-module .text-links .inner { margin: 0 12px 6px } .links-module .text-links .inner code { display: none } .links-module .text-links a { font-size: 12px } .links-module .image-links { overflow: hidden } .links-module .image-links ul { margin: 0 } .links-module .image-links li { float: left } .links-module .image-links .inner { padding: 0 6px 5px } .links-module .image-links .pics { display: block } .links-module .image-links .pic, .links-module .image-links td { width: 175px; height: 53px } .links-module .image-links img { max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block } .links-module .image-links b { display: block; text-align: center; line-height: 24px } .tab-switch-module { border: 1px solid #ccc; overflow: hidden } .tab-switch-module .tab-switch-t { height: 30px; border-width: 0 0 1px; border-style: solid; position: relative; border-color: #ccc; background-color: #f5f5f5 } .tab-switch-module .tab-switch-t ul { position: absolute; left: 0; top: 0; overflow: hidden } .tab-switch-module .tab-t-item { float: left } .tab-switch-module .tab-t-item span { display: inline-block; cursor: pointer; width: 100px; height: 30px; overflow: hidden; text-align: center; border-width: 0 1px 0 0; border-style: solid; line-height: 30px; background-color: #efefef; border-color: #ccc } .tab-switch-module .tab-t-item span a { color: inherit } .tab-switch-module .tab-t-item span.active { height: 31px; line-height: 31px; background-color: #fff } .tab-switch-module .tab-switch-c { border-width: 0; padding: 1px; border-style: solid; border-color: #ccc } .tab-switch-module .tab-c-item { display: none; margin: 5px } .tab-switch-module .tab-c-item-active { display: block } .classify-module dl:after, .classify-module ol:after, .classify-module:after { content: ""; display: table; clear: both } .classify-module dl, .classify-module ol { zoom: 1 } .classify-module .classify-wrap, .classify-module dd, .classify-module dt { overflow: hidden } .classify-module .classify-list { border-width: 0 0 1px; border-style: dashed dotted dashed double; border-color: #ccc } .classify-module .big-classify-wrap { float: left } .classify-module .big-classify { width: 80px; float: left } .classify-module .big-classify .inner { line-height: 34px; height: 34px; padding: 0 0 0 10px } .classify-module .big-classify a { font-size: 12px; font-weight: 700 } .classify-module .small-classify-list { padding: 6px 5px 0 } .classify-module .small-classify, .classify-module .small-pic-classify { float: left } .classify-module .small-classify .inner { padding: 0 5px; margin: 0 15px 6px 0; height: 20px; line-height: 20px } .classify-module .small-classify a { font-size: 12px } .classify-module .small-classify-list .classify-hover .inner { background-color: #eee } .classify-module .small-classify-list .classify-hover a { color: #c00 } .classify-module .small-classify-list .classify-hover a:hover { color: #c00; text-decoration: underline } .classify-module .small-classify-list .classify-cur .inner { background-color: #c00 } .classify-module .small-classify-list .classify-cur a { color: #fff } .classify-module .small-classify-list .classify-cur a:hover { color: #fff } [class*=b-row-classify] .classify-wrap-small-more .small-classify-wrap { position: relative; max-height: 105px } [class*=b-row-classify] .classify-wrap-small-more .small-classify-wrap.open-state { max-height: none } [class*=b-row-classify] .small-classify-wrap .open-close-btn { position: absolute; top: 0; right: 0; bottom: 0; z-index: 12 } [class*=b-row-classify] .small-classify-wrap .open-close-btn b { padding: 1.5em 1em .5em .5em; display: inline-block; cursor: pointer } [class*=b-row-classify] .small-classify-wrap .open-close-btn b:after { content: ''; display: inline-block; width: 0; height: 0; border-width: 8px 5px 0; border-style: solid dashed; border-color: #ddd transparent; margin-left: 5px } [class*=b-row-classify] .small-classify-wrap .open-close-btn b.b2 { display: none } [class*=b-row-classify] .small-classify-wrap.open-state .open-close-btn b.b1 { display: none } [class*=b-row-classify] .small-classify-wrap.open-state .open-close-btn b.b2 { display: inline-block } [class*=b-row-classify] .small-classify-wrap.open-state .open-close-btn b:after { border-width: 0 5px 8px } .classify-module .small-pic-classify-list { padding: 6px 5px 12px } .classify-module .small-pic-classify { margin: 0 -1px -1px 0; position: relative; z-index: 1 } .classify-module .small-pic-classify .inner { border-width: 1px; border-style: solid; border-color: #ccc; width: 108px; height: 48px; overflow: hidden; font-size: 0; line-height: 0; position: relative } .classify-module .small-pic-classify .inner a { display: block; position: relative } .classify-module .small-pic-classify .img, .classify-module .small-pic-classify .txt { display: block; height: 48px; text-align: center } .classify-module .small-pic-classify .img { font-size: 0 } .classify-module .small-pic-classify .img i { display: inline-block; height: 100%; width: 1px; vertical-align: middle; margin-right: -1px } .classify-module .small-pic-classify .img img { vertical-align: middle; max-width: 100%; max-height: 100% } .classify-module .small-pic-classify .txt { font-size: 12px; line-height: 48px } .classify-module .pic-classify-cur, .classify-module .pic-classify-hover { z-index: 2 } .classify-module .pic-classify-cur .inner, .classify-module .pic-classify-hover .inner { border-color: #ff9100 } .classify-module .pic-classify-hover .inner a, .classify-module .pic-classify-no-img .inner a { top: -48px } .classify-module .pic-classify-cur .inner a { top: -1px } .classify-module .pic-classify-no-img.pic-classify-cur .inner a { top: -49px } .classify-module .pic-classify-cur .inner { border-width: 2px; width: 106px; height: 46px } .search-module { position: static; left: auto; top: auto } .rowClass_c dl { overflow: hidden; zoom: 1; padding: 10px } .rowClass_c dl.first { border-top: none } .rowClass_c dt { display: block; line-height: 25px; font-size: 14px; font-weight: 700; padding-left: 10px; border-width: 0 0 1px; margin-bottom: 5px } .rowClass_c dd { width: 220px; float: left; line-height: 30px; height: 30px; font-size: 14px } .rowClass_c dd a:hover { text-decoration: none } .manual-move-module { position: relative } .manual-move-module .next-move, .manual-move-module .prev-move { position: absolute; width: 28px; height: 56px; background-image: url(../images/manual_move_btn.png); top: 50%; margin-top: -28px; z-index: 2; cursor: pointer; visibility: hidden } .manual-move-module .prev-move { background-position: 0 0; left: 0 } .manual-move-module .next-move { background-position: -28px 0; right: 0 } .manual-move-module .manual-move-body { overflow: hidden } .manual-move-module .manual-move-body .inner { margin: 0 5px } .manual-move-module .manual-move-body .pics { display: block } .manual-move-module .manual-move-body .pic { width: 100px; height: 100px } .classify-module .o-l-b, .classify-module .o-l-b-l, .classify-module .o-l-b-l-e, .classify-module .o-l-e, .classify-module .o-l-e-i, .classify-module .o-l-h, .classify-module .o-l-h-i, .classify-module .o-l-h-t { overflow: hidden } .classify-module .o-l-e { position: relative; z-index: 1 } .classify-module .o-l-e-i { border-bottom: 1px dotted #eee } .classify-module .o-l-e-open .o-l-e { z-index: 2 } .classify-module .o-l-e-open .o-l-e-i { background-color: #f5f5f5 } .classify-module .o-l-h-n { float: left; padding: 0 10px 0 0; display: none } .classify-module .o-l-h-n img { width: 100%; height: 100% } .classify-module .o-l-h-t { text-align: left; display: block; margin: 10px 0 } .classify-module .o-l-h-t-i { line-height: 100%; display: inline-block } .classify-module .o-l-b-l { margin: 0 -5px 0 0 } .classify-module .o-l-b-l-e { float: left; width: auto } .classify-module .o-l-b-l-e-i { display: block; margin: 0 10px 10px 0; padding: 0; line-height: 100% } .classify-module .o-l-b-l-e-hot .o-l-b-l-e-i, .classify-module .o-l-b-l-e-hot .o-l-b-l-e-i:hover { color: red } .custom-code-module ol, .custom-code-module ul { padding-left: 40px } .custom-code-module ul { list-style-type: disc } .custom-code-module ol { list-style-type: decimal } .online-video-module { position: relative; height: 100%; z-index: 1 } .online-video-module embed, .online-video-module iframe { width: 100%; height: 100% } .frameContainer { margin: 0 auto } .frameContainerM { padding-top: 0 } .frameContainerM .F_blog_left { position: relative; z-index: 2 } .frameContainerM .F_blog_right { float: left; margin-left: -220px; width: 100%; position: relative; z-index: 1 } .frameContainerM .F_blog_right .BlogArticle, .frameContainerM .F_blog_right .BlogList { margin-left: 220px } .frameContainerM .quanzi .qzAlbumList .prolist_style { width: auto } .frameContainerM .quanzi .qzPhotoList .prolist_style { width: auto } .frameContainerM .quanzi .showPhoto { width: auto } .frameContainerM .quanzi .smallPhotoList { width: auto; margin: 0 130px } .frameContainerM .quanzi .smallPhotoList .smallPhoto { margin: 0 30px; width: auto } .frameContainerM .quanzi .AddPhotoList .FC_TxtArea { width: 80% } .frameContainer .frameContainerM .tuanListStyle { width: auto } .frameContainer .web_login { width: 48% } .frameContainer .reg_guide { width: 40%; padding-right: 0 } .frameContainer .ev_t_Big_ListStyle_c .prolist_style, .frameContainer .ev_video_WebC .prolist_style, .frameContainer .ren_listStyle_1 .prolist_style { width: auto } .frameContainer .video_xq_p { width: 98% } .ren_detail .ren_detail_p, .ren_detail .ren_detail_pic { width: auto; margin: 20px 20px 10px } .ren_detail .ren_detail_pic_c { width: auto } .frameContainerM .listItem_style_6 { width: 98% } .frameContainerM .listItem_style_6 li { width: 45% } body .wrapper .fixedPublicModuleRow { width: 100% } .wrapper-960 .NCenter, .wrapper-960 .absoluteModuleInner, .wrapper-960 .bannerArea, .wrapper-960 .customModuleRow, .wrapper-960 .customModuleRowInner, .wrapper-960 .footerConArea, .wrapper-960 .frameContainer, .wrapper-960 .headerConArea, .wrapper-960 .topBarArea { width: 960px } .wrapper-960 .search { left: 640px } .wrapper-960 .shop-cart { left: 790px } .wrapper-960 .ev_photos_xiaotu ul { width: auto } .wrapper-960 .ev_photos_xiaotu li { margin: 0 15px 15px } .wrapper-960 .ev_photos_datu li { margin: 0 14px 15px } .wrapper-960 .frameMainColumn { width: 740px } .wrapper-960 .ev_huo_xq, .wrapper-960 .ev_t_can_left { width: 670px } .wrapper-960 .tuanListStyle .P_ListItem_1 { margin: 10px 8px 0 } .wrapper-960 .jifen_ListStyle_1 .proItem { margin: 15px 0 0 18px } .wrapper-960 .coupon_ListStyle .P_ListItem_1 { margin: 5px 3px } .wrapper-1020 .NCenter, .wrapper-1020 .absoluteModuleInner, .wrapper-1020 .bannerArea, .wrapper-1020 .customModuleRow, .wrapper-1020 .customModuleRowInner, .wrapper-1020 .footerConArea, .wrapper-1020 .frameContainer, .wrapper-1020 .headerConArea, .wrapper-1020 .topBarArea { width: 1020px } .wrapper-1020 .search { left: 700px } .wrapper-1020 .shop-cart { left: 850px } .wrapper-1020 .ev_photos_xiaotu ul { width: auto } .wrapper-1020 .ev_photos_xiaotu li { margin: 0 21px 15px } .wrapper-1020 .ev_photos_datu li { margin: 0 22px 15px } .wrapper-1020 .qzAlbumList .P_ListItem_2, .wrapper-1020 .qzPhotoList .P_ListItem_1 { margin: 10px 18px } .wrapper-1020 .frameMainColumn { width: 800px } .wrapper-1020 .ev_huo_xq, .wrapper-1020 .ev_t_can_left { width: 730px } .wrapper-1020 .tuanListStyle .P_ListItem_1 { margin: 10px 18px 0 } .wrapper-1020 .jifen_ListStyle_1 .proItem { margin: 15px 0 0 32px } .wrapper-1020 .ev_t_Big_ListStyle_c .ev_t_proItem, .wrapper-1020 .ev_video_WebC .proItem, .wrapper-1020 .ren_listStyle_1 .proItem { margin: 10px 19px 0 } .wrapper-1020 .coupon_ListStyle .P_ListItem_1 { margin: 10px 13px } .wrapper-1080 .NCenter, .wrapper-1080 .absoluteModuleInner, .wrapper-1080 .bannerArea, .wrapper-1080 .customModuleRow, .wrapper-1080 .customModuleRowInner, .wrapper-1080 .footerConArea, .wrapper-1080 .frameContainer, .wrapper-1080 .headerConArea, .wrapper-1080 .topBarArea { width: 1080px } .wrapper-1080 .search { left: 760px } .wrapper-1080 .shop-cart { left: 910px } .wrapper-1080 .ev_photos_xiaotu ul { width: auto } .wrapper-1080 .ev_photos_xiaotu li { margin: 0 9px 15px } .wrapper-1080 .ev_photos_datu li { margin: 0 29px 15px } .wrapper-1080 .qzAlbumList .P_ListItem_2, .wrapper-1080 .qzPhotoList .P_ListItem_1 { margin: 10px 4px } .wrapper-1080 .frameMainColumn { width: 860px } .wrapper-1080 .ev_huo_xq, .wrapper-1080 .ev_t_can_left { width: 790px } .wrapper-1080 .tuanListStyle .P_ListItem_1 { margin: 10px 28px 0 } .wrapper-1080 .jifen_ListStyle_1 .proItem { margin: 15px 38px 0 26px } .wrapper-1080 .ev_t_Big_ListStyle_c .ev_t_proItem, .wrapper-1080 .ev_video_WebC .proItem, .wrapper-1080 .ren_listStyle_1 .proItem { margin: 10px 27px 0 } .wrapper-1080 .coupon_ListStyle .P_ListItem_1 { margin: 10px 23px } .wrapper-1140 .NCenter, .wrapper-1140 .absoluteModuleInner, .wrapper-1140 .bannerArea, .wrapper-1140 .customModuleRow, .wrapper-1140 .customModuleRowInner, .wrapper-1140 .footerConArea, .wrapper-1140 .frameContainer, .wrapper-1140 .headerConArea, .wrapper-1140 .topBarArea { width: 1140px } .wrapper-1140 .search { left: 820px } .wrapper-1140 .shop-cart { left: 970px } .wrapper-1140 .ev_photos_xiaotu ul { width: auto } .wrapper-1140 .ev_photos_xiaotu li { margin: 0 14px 15px } .wrapper-1140 .ev_photos_datu li { margin: 0 8px 15px } .wrapper-1140 .qzAlbumList .P_ListItem_2, .wrapper-1140 .qzPhotoList .P_ListItem_1 { margin: 10px 10px } .wrapper-1140 .frameMainColumn { width: 920px } .wrapper-1140 .ev_huo_xq, .wrapper-1140 .ev_t_can_left { width: 860px } .wrapper-1140 .tuanListStyle .P_ListItem_1 { margin: 10px 38px 0 } .wrapper-1140 .jifen_ListStyle_1 .proItem { margin: 15px 38px 0 42px } .wrapper-1140 .ev_t_Big_ListStyle_c .ev_t_proItem, .wrapper-1140 .ev_video_WebC .proItem, .wrapper-1140 .ren_listStyle_1 .proItem { margin: 10px 6px 0 } .wrapper-1140 .coupon_ListStyle .P_ListItem_1 { margin: 10px 33px } .wrapper-1200 .NCenter, .wrapper-1200 .absoluteModuleInner, .wrapper-1200 .bannerArea, .wrapper-1200 .customModuleRow, .wrapper-1200 .customModuleRowInner, .wrapper-1200 .footerConArea, .wrapper-1200 .frameContainer, .wrapper-1200 .headerConArea, .wrapper-1200 .topBarArea { width: 1200px } .wrapper-1200 .search { left: 880px } .wrapper-1200 .shop-cart { left: 1030px } .wrapper-1200 .ev_photos_xiaotu ul { width: auto } .wrapper-1200 .ev_photos_xiaotu li { margin: 0 5px 15px } .wrapper-1200 .ev_photos_datu li { margin: 0 14px 15px } .wrapper-1200 .qzAlbumList .P_ListItem_2, .wrapper-1200 .qzPhotoList .P_ListItem_1 { margin: 10px 16px } .wrapper-1200 .frameMainColumn { width: 980px } .wrapper-1200 .ev_huo_xq, .wrapper-1200 .ev_t_can_left { width: 910px } .wrapper-1200 .tuanListStyle .P_ListItem_1 { margin: 10px 48px 0 } .wrapper-1200 .jifen_ListStyle_1 .proItem { margin: 15px 62px 0 42px } .wrapper-1200 .ev_t_Big_ListStyle_c .ev_t_proItem, .wrapper-1200 .ev_video_WebC .proItem, .wrapper-1200 .ren_listStyle_1 .proItem { margin: 10px 12px 0 } .wrapper-1200 .coupon_ListStyle .P_ListItem_1 { margin: 10px 43px } .wrapper-1260 .NCenter, .wrapper-1260 .absoluteModuleInner, .wrapper-1260 .bannerArea, .wrapper-1260 .customModuleRow, .wrapper-1260 .customModuleRowInner, .wrapper-1260 .footerConArea, .wrapper-1260 .frameContainer, .wrapper-1260 .headerConArea, .wrapper-1260 .topBarArea { width: 1260px } .wrapper-1260 .search { left: 940px } .wrapper-1260 .shop-cart { left: 1090px } .wrapper-1260 .ev_photos_xiaotu ul { width: auto } .wrapper-1260 .ev_photos_xiaotu li { margin: 0 9px 15px } .wrapper-1260 .ev_photos_datu li { margin: 0 20px 15px } .wrapper-1260 .ev_video_WebC .proItem, .wrapper-1260 .qzAlbumList .P_ListItem_2, .wrapper-1260 .qzPhotoList .P_ListItem_1 { margin: 10px 5px } .wrapper-1260 .frameMainColumn { width: 1040px } .wrapper-1260 .ev_huo_xq, .wrapper-1260 .ev_t_can_left { width: 970px } .wrapper-1260 .tuanListStyle .P_ListItem_1 { margin: 10px 6px 0 } .wrapper-1260 .jifen_ListStyle_1 .proItem { margin: 15px 18px 0 20px } .wrapper-1260 .ev_t_Big_ListStyle_c .ev_t_proItem, .wrapper-1260 .ren_listStyle_1 .proItem { margin: 10px 18px 0 } .wrapper-1260 .coupon_ListStyle .P_ListItem_1 { margin: 10px 1px } .wrapper-1320 .NCenter, .wrapper-1320 .absoluteModuleInner, .wrapper-1320 .bannerArea, .wrapper-1320 .customModuleRow, .wrapper-1320 .customModuleRowInner, .wrapper-1320 .footerConArea, .wrapper-1320 .frameContainer, .wrapper-1320 .headerConArea, .wrapper-1320 .topBarArea { width: 1320px } .wrapper-1320 .search { left: 1000px } .wrapper-1320 .shop-cart { left: 1150px } .wrapper-1320 .ev_photos_xiaotu ul { width: auto } .wrapper-1320 .ev_photos_xiaotu li { margin: 0 14px 15px } .wrapper-1320 .ev_photos_datu li { margin: 0 26px 15px } .wrapper-1320 .qzAlbumList .P_ListItem_2, .wrapper-1320 .qzPhotoList .P_ListItem_1 { margin: 10px 10px } .wrapper-1320 .frameMainColumn { width: 1100px } .wrapper-1320 .ev_huo_xq, .wrapper-1320 .ev_t_can_left { width: 1030px } .wrapper-1320 .tuanListStyle .P_ListItem_1 { margin: 10px 13px 0 } .wrapper-1320 .jifen_ListStyle_1 .proItem { margin: 15px 27px 0 27px } .wrapper-1320 .ev_t_Big_ListStyle_c .ev_t_proItem, .wrapper-1320 .ev_video_WebC .proItem, .wrapper-1320 .ren_listStyle_1 .proItem { margin: 10px 2px 0 } .wrapper-1260 .coupon_ListStyle .P_ListItem_1 { margin: 10px 8px } .wrapper-1920 .NCenter, .wrapper-1920 .absoluteModuleInner, .wrapper-1920 .bannerArea, .wrapper-1920 .customModuleRow, .wrapper-1920 .customModuleRowInner, .wrapper-1920 .footerConArea, .wrapper-1920 .frameContainer, .wrapper-1920 .headerConArea, .wrapper-1920 .topBarArea { width: 1920px } .wrapper-1920 .search { left: 1000px } .wrapper-1920 .shop-cart { left: 1150px } .wrapper-1920 .ev_photos_xiaotu ul { width: auto } .wrapper-1920 .ev_photos_xiaotu li { margin: 0 14px 15px } .wrapper-1920 .ev_photos_datu li { margin: 0 26px 15px } .wrapper-1920 .qzAlbumList .P_ListItem_2, .wrapper-1920 .qzPhotoList .P_ListItem_1 { margin: 10px 10px } .wrapper-1920 .frameMainColumn { width: 1100px } .wrapper-1920 .ev_huo_xq, .wrapper-1920 .ev_t_can_left { width: 1030px } .wrapper-1920 .tuanListStyle .P_ListItem_1 { margin: 10px 10px 0 } .wrapper-1920 .ev_t_Big_ListStyle_c .ev_t_proItem, .wrapper-1920 .ev_video_WebC .proItem, .wrapper-1920 .ren_listStyle_1 .proItem { margin: 10px 2px 0 } .jifen_ListStyle_1_c .prolist_style ul { width: auto !important } .editor_content_air { zoom: 1; color: inherit !important } .editor_content_air::after { content: ""; display: table; clear: both } .editor_content_air strong { font-weight: 700 } .reportAlt { position: fixed; bottom: 20px; left: 10px; width: 122px; z-index: 999 } .reportAlt span { position: relative; display: block } .reportAlt .closeReport { position: absolute; right: 5px; top: 5px; display: block; width: 14px; height: 14px; text-align: center; line-height: 14px } .reportAlt .closeReport:hover { color: red } .reportAlt a { color: #666 } .reportAlt a:hover { color: #f99700 } .reportAlt h2 { background-color: #f5f5f5; font-weight: 400; height: 25px; line-height: 27px; text-align: center; border-color: #ddd; border-style: solid; border-width: 1px 1px 0 } .reportAlt .imgInfo { position: relative; display: inline-block } .reportAlt .imgInfo p { position: absolute; bottom: 25px; width: 100%; text-align: center; color: #09f } #select_city { width: 600px; height: 360px; z-index: 1000; position: absolute; display: none; background: #fff; top: 136px; left: 331.5px } #select_city .shop_filter_popup_content { border: 1px solid #ddd; overflow: hidden } #select_city .mt { background: #f7f7f7 } #select_city .mt h1 { font-size: 14px; font-weight: 700; line-height: 30px; margin: 0 auto; width: 580px } #select_city .shop_filter_close { float: right; height: 20px; position: relative; right: 10px; top: -26px; width: 38px } #select_city .shop_select { width: 580px; overflow-y: auto; margin: 0 auto; height: 300px; overflow-x: hidden } #select_city dl { width: 570px; border-bottom: 1px dotted #ddd; overflow: hidden; padding: 5px 0 3px } #select_city dl dd, #select_city dl dt { line-height: 25px } #select_city dl dt { float: left; font-weight: 700; text-align: right; width: 100px; line-height: 25px; color: #333; font-size: 12px } #select_city dl dd { float: right; width: 460px } #select_city dl dd div { overflow: hidden; border: 1px solid #fff; float: left; height: 25px; margin: 0 10px 1px 0 } #select_city dl dd div input { float: left; margin: 6px 2px 0 } #select_city dl dd .add_shop_filter { margin-left: 370px; height: 25px; width: 70px; text-align: center } #select_city .btns { padding: 20px 0 20px; text-align: center } #select_city .btns input { background: url(/images4/top7_28.jpg) no-repeat; border: medium none; cursor: pointer; height: 27px; line-height: 27px; margin-top: 0; text-align: center; width: 100px; color: #fff; font-weight: 700 } #select .btns .btns_submit { margin-right: 10px } .share-layer { position: absolute; z-index: 1000; display: none } .share-layer .share-layer-inner { position: relative; left: 0; top: 10px; z-index: 2 } .share-layer .share-layer-close { position: absolute; width: 20px; height: 20px; z-index: 2; right: -10px; top: -10px; background-color: #eee; color: #000; font-size: 20px; text-align: center; line-height: 20px; border-radius: 3px; display: none } .share-layer .share-layer-arrow { position: absolute; top: -10px; left: 50%; margin-left: -8px; width: 0; height: 0; border-width: 0 8px 13px; border-style: solid dashed; border-color: #fff transparent } .share-layer .share-layer-arrow.em-1 { top: -12px; border-color: #e9e9e9 transparent } .share-layer .share-list { padding: 0 7px; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .3); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .3); box-shadow: 1px 1px 5px rgba(0, 0, 0, .3) } .share-layer .share-list li { display: inline-block; padding: 16px 15px } .share-layer .share-list .evIcon { font-size: 47px; cursor: pointer } .share-layer .share-list b.icon-name { display: block; font-weight: 400; font-size: 12px; color: #555; padding-top: 8px; text-align: center } .share-layer .evIcon-weibo-3 { color: #ff5a5a } .share-layer .evIcon-wechat-1 { color: #00c930 } .share-layer .evIcon-qq-9 { color: #0eb5f7 } .share-layer .evIcon-qzone-1 { color: #ffd152 } .share-layer .evIcon-baidu-3 { color: #0eb5f7 } .share-layer .evIcon-douban-2 { color: #10c995 } .ev-interact-module { width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0 } .ev-interact-module ul { display: table; width: 100%; height: 100%; border-collapse: collapse; border-spacing: 0 } .ev-interact-module.row-sort li { width: 20%; text-align: center; display: table-cell; vertical-align: middle } .ev-interact-module.row-sort span.span-item { display: inline-block } .ev-interact-module.column-sort li { display: table-row } .ev-interact-module.column-sort span.span-item { height: 20%; text-align: center; display: table-cell; vertical-align: middle } .ev-interact-module .evIcon { font-size: 48px; color: #aaa; display: inline-block; margin-top: -.05em; cursor: pointer } .ev-interact-module .icon-name { display: none } .ev-interact-module .concern-list-1 .evIcon-qq-11, .ev-interact-module .concern-list-2 .evIcon-qq-12, .ev-interact-module .concern-list-3 .evIcon-qq-9, .ev-interact-module .concern-list-4 .evIcon-qq-10, .ev-interact-module .concern-list-5 .evIcon-qq-2, .ev-interact-module .share-list-1 .evIcon-qq-11, .ev-interact-module .share-list-2 .evIcon-qq-12, .ev-interact-module .share-list-3 .evIcon-qq-9, .ev-interact-module .share-list-4 .evIcon-qq-10, .ev-interact-module .share-list-5 .evIcon-qq-2 { color: #5bb4eb } .ev-interact-module .concern-list-1 .evIcon-wechat-3, .ev-interact-module .concern-list-2 .evIcon-wechat-6, .ev-interact-module .concern-list-3 .evIcon-wechat-1, .ev-interact-module .concern-list-4 .evIcon-wechat-5, .ev-interact-module .concern-list-5 .evIcon-wechat-7, .ev-interact-module .share-list-1 .evIcon-wechat-3, .ev-interact-module .share-list-2 .evIcon-wechat-6, .ev-interact-module .share-list-3 .evIcon-wechat-1, .ev-interact-module .share-list-4 .evIcon-wechat-5, .ev-interact-module .share-list-5 .evIcon-wechat-7 { color: #45bb5d } .ev-interact-module .concern-list-1 .evIcon-weibo-4, .ev-interact-module .concern-list-2 .evIcon-weibo-5, .ev-interact-module .concern-list-3 .evIcon-weibo-3, .ev-interact-module .concern-list-4 .evIcon-weibo-1, .ev-interact-module .concern-list-5 .evIcon-weibo-2, .ev-interact-module .share-list-1 .evIcon-weibo-4, .ev-interact-module .share-list-2 .evIcon-weibo-5, .ev-interact-module .share-list-3 .evIcon-weibo-3, .ev-interact-module .share-list-4 .evIcon-weibo-1, .ev-interact-module .share-list-5 .evIcon-weibo-2 { color: #ff635a } .ev-interact-module .concern-list-1 .evIcon-qzone-2, .ev-interact-module .concern-list-2 .evIcon-qzone-4, .ev-interact-module .concern-list-3 .evIcon-qzone-1, .ev-interact-module .concern-list-4 .evIcon-qzone-3, .ev-interact-module .concern-list-5 .evIcon-qzone-5, .ev-interact-module .share-list-1 .evIcon-qzone-2, .ev-interact-module .share-list-2 .evIcon-qzone-4, .ev-interact-module .share-list-3 .evIcon-qzone-1, .ev-interact-module .share-list-4 .evIcon-qzone-3, .ev-interact-module .share-list-5 .evIcon-qzone-5 { color: #e99312 } .ev-interact-module .concern-list-1 .evIcon-baidu-6, .ev-interact-module .concern-list-2 .evIcon-baidu-2, .ev-interact-module .concern-list-3 .evIcon-baidu-3, .ev-interact-module .concern-list-4 .evIcon-baidu-4, .ev-interact-module .concern-list-5 .evIcon-baidu-7, .ev-interact-module .share-list-1 .evIcon-baidu-6, .ev-interact-module .share-list-2 .evIcon-baidu-2, .ev-interact-module .share-list-3 .evIcon-baidu-3, .ev-interact-module .share-list-4 .evIcon-baidu-4, .ev-interact-module .share-list-5 .evIcon-baidu-7 { color: #3766ff } .share-layer-img { width: 220px } .share-layer-img img { width: 100% } .dhx_tooltip { display: none; position: absolute; font-family: Tahoma; color: #626262; font-size: 8pt; z-index: 10000; padding: 4px 10px 4px 10px; border: 1px solid #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 0 3px #d9d9d9; -webkit-box-shadow: 0 0 3px #d9d9d9; text-shadow: 0 1px 1px #fff; box-shadow: 0 0 5px #d9d9d9; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(.5, #f6f6f6), color-stop(1, #efefef)); background: -o-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%); background: -ms-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%); background: -moz-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%); background: #efefef } .dhx_chart { position: relative; font-family: Tahoma; font-size: 9pt; color: #000; overflow: hidden } .dhx_chart canvas { position: absolute } .dhx_canvas_text { position: absolute; text-align: center; overflow: hidden; white-space: nowrap; z-index: 1000 } .dhx_map_img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; opacity: 0 } .dhx_axis_item_y { position: absolute; height: 18px; line-height: 18px; margin-top: -4px; text-align: right } .dhx_axis_title_x { text-align: center } .dhx_axis_title_y { text-align: center; font-family: Tahoma; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); height: 18px; line-height: 18px; font-size: 10pt } .dhx_ie_filter { zoom: 1; font-family: serif } .dhx_chart_legend { position: absolute; z-index: 1000 } .dhx_chart_legend_item { height: 18px; line-height: 18px; padding: 2px; cursor: pointer } .dhx_chart_legend_item.hidden { color: #aaa } .dhx_axis_item_y.dhx_radar { color: #666; font-size: 12px; padding-right: 3px; height: 13px; line-height: 13px; margin-top: 0 } .dhx_canvas_text.dhx_axis_radar_title { margin-top: 0; padding-top: 0 } .dhx_axis_item_x, .dhx_axis_item_y { color: #666 } .dhx_axis_item_x { padding-top: 2px } @keyframes MusicPlay { 0% { transform: rotate(0) } 50% { transform: rotate(180deg) } 100% { transform: rotate(360deg) } } #webSiteBgMusicBtn { position: fixed; z-index: 1000000; left: 10px; top: 10px; width: 40px; height: 40px; background-color: rgba(0, 0, 0, .5); border-radius: 30px; font-size: 34px; color: #fff; text-align: center; cursor: pointer } #webSiteBgMusicBtn.play { animation: MusicPlay 1.5s linear 0s infinite; animation-fill-mode: forwards; animation-play-state: running } #webSiteBgMusicBtn.paused { animation-play-state: paused } .emjio-popup { position: absolute; z-index: 10000; left: 100px; top: 100px; background-color: #fff; width: 512px; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, .4) } .emjio-popup .close { position: absolute; right: -10px; top: -10px; width: 20px; height: 20px; border: 1px solid #c00; background-color: #c00; border-radius: 50%; font-size: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-style: normal; z-index: 3; cursor: pointer } .emjio-popup .close::after { content: '\2715' } .emjio-popup span { display: inline-flex; align-items: center; justify-content: center; width: 32px; font-size: 20px; height: 32px; outline: 1px solid #ccc; cursor: pointer; transition: all .1s ease; position: relative; line-height: 1 } .emjio-popup span:hover { outline: 1px solid #09f; background-color: #a5dbff; transform: scale(1.1); z-index: 2 }