.e_ContentMajorStyleBox-001 { width: 100%; height: auto; width-uint: % } .e_ContentMajorStyleBox-001 .stylebox_link { color: #666; font-size: 14px; height: inherit; display: table; padding: 0 15px; border-width: 0; float: right; vertical-align: middle; margin-right: 15px } .e_ContentMajorStyleBox-001 .stylebox_top { width: auto; height: 40px; background-color: rgba(101, 190, 186, 1) } .e_ContentMajorStyleBox-001 .title_icon { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); margin-right: 10px; font-size: medium } .e_ContentMajorStyleBox-001 .title_icon::before { content: "" } .e_ContentMajorStyleBox-001 .title_main { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .e_ContentMajorStyleBox-001 .title_sub { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: normal; margin-left: 10px } .e_ContentMajorStyleBox-001 .stylebox_title { display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top } .e_ContentMajorStyleBox-001 .stylebox_link a { color: inherit; display: table-cell; vertical-align: middle } .e_ContentMajorStyleBox-001 .link_icon { display: inline-block; margin-left: 5px } .e_ContentMajorStyleBox-001 .link_icon::before { content: 'e6af' } .e_ContentMajorStyleBox-001 .stylebox_top_line { height: 1px; background-color: rgba(240, 240, 240, 1) } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint: % } .e_ContentMajorStyleBox-001 .stylebox_bottom_line { height: 1px; background-color: rgba(240, 240, 240, 1) } .e_ContentOrdinaryStyleBox-001 { width: 100%; height: auto; width-uint: % } .e_ContentOrdinaryStyleBox-001 .stylebox_link { color: #666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px } .e_ContentOrdinaryStyleBox-001 .stylebox_link:hover { color: rgba(101, 190, 186, 1) } .e_ContentOrdinaryStyleBox-001 .stylebox_link:active { color: rgba(101, 190, 186, 1) } .e_ContentOrdinaryStyleBox-001 .stylebox_top { width: auto; height: 40px; background-color: transparent } .e_ContentOrdinaryStyleBox-001 .title_icon { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); margin-right: 10px; font-size: medium } .e_ContentOrdinaryStyleBox-001 .title_icon::before { content: "" } .e_ContentOrdinaryStyleBox-001 .title_main { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .e_ContentOrdinaryStyleBox-001 .title_sub { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: normal; margin-left: 10px } .e_ContentOrdinaryStyleBox-001 .stylebox_title { display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap } .e_ContentOrdinaryStyleBox-001 .stylebox_link a { color: inherit; display: table-cell; vertical-align: middle } .e_ContentOrdinaryStyleBox-001 .link_icon { display: inline-block; margin-left: 5px } .e_ContentOrdinaryStyleBox-001 .link_icon::before { content: 'e6af' } .e_ContentOrdinaryStyleBox-001 .stylebox_top_line { height: 1px; background-color: rgba(240, 240, 240, 1) } .e_ContentOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint: % } .e_ContentOrdinaryStyleBox-001 .stylebox_bottom_line { height: 1px; background-color: rgba(240, 240, 240, 1) } .e_IndexOrdinaryStyleBox-001 { width: 100%; height: auto; width-uint: % } .e_IndexOrdinaryStyleBox-001 .stylebox_top { background-color: transparent } .e_IndexOrdinaryStyleBox-001 .stylebox_link { color: #666; font-size: 14px; display: table; height: inherit; border-width: 0 } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover { color: rgba(101, 190, 186, 1) } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active { color: rgba(101, 190, 186, 1) } .e_IndexOrdinaryStyleBox-001 .stylebox_top { width: auto; height: 40px } .e_IndexOrdinaryStyleBox-001 .title_icon { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); margin-right: 10px; font-size: medium } .e_IndexOrdinaryStyleBox-001 .title_icon::before { content: "" } .e_IndexOrdinaryStyleBox-001 .title_main { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .e_IndexOrdinaryStyleBox-001 .title_sub { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: normal; margin-left: 10px } .e_IndexOrdinaryStyleBox-001 .stylebox_title { display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap } .e_IndexOrdinaryStyleBox-001 .stylebox_link { float: right; vertical-align: middle; margin-right: 15px } .e_IndexOrdinaryStyleBox-001 .stylebox_link a { color: inherit; display: table-cell; vertical-align: middle } .e_IndexOrdinaryStyleBox-001 .link_icon { display: inline-block; margin-left: 5px } .e_IndexOrdinaryStyleBox-001 .link_icon::before { content: 'e6af' } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line { height: 1px; background-color: rgba(240, 240, 240, 1) } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint: % } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line { height: 1px; background-color: rgba(240, 240, 240, 1) } .e_SideMajorStyleBox-001 { width: 100%; height: auto; width-uint: % } .e_SideMajorStyleBox-001 .stylebox_link { color: #666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px } .e_SideMajorStyleBox-001 .stylebox_top { width: auto; height: 40px; background-color: rgba(101, 190, 186, 1) } .e_SideMajorStyleBox-001 .title_icon { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); margin-right: 10px; font-size: medium } .e_SideMajorStyleBox-001 .title_icon::before { content: "" } .e_SideMajorStyleBox-001 .title_main { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .e_SideMajorStyleBox-001 .title_sub { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: normal; margin-left: 10px } .e_SideMajorStyleBox-001 .stylebox_title { display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap } .e_SideMajorStyleBox-001 .stylebox_link a { color: inherit; display: table-cell; vertical-align: middle } .e_SideMajorStyleBox-001 .link_icon { display: inline-block; margin-left: 5px } .e_SideMajorStyleBox-001 .link_icon::before { content: 'e6af' } .e_SideMajorStyleBox-001 .stylebox_top_line { height: 1px; background-color: rgba(240, 240, 240, 1) } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint: % } .e_SideMajorStyleBox-001 .stylebox_bottom_line { height: 1px; background-color: rgba(240, 240, 240, 1) } .c_ebizads_banner-73003002 { position: absolute; width: 400px; height: 200px; overflow: hidden } div[class^='c_ebizads_banner'].superMan { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important } .c_ebizads_banner-73003002 #w-full-banner { width: 100%; height: 100%; position: relative; background-color: #fff } .c_ebizads_banner-73003002 #w-full-banner ul { display: block; width: 100%; height: 100%; overflow: hidden; padding: 0; margin; 0px; position: relative } .c_ebizads_banner-73003002 #w-full-banner ul li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 999 } .c_ebizads_banner-73003002 #w-full-banner ul li.current { z-index: 1000; opacity: 1 } .c_ebizads_banner-73003002 #w-full-banner ul li a { display: block; width: 100%; height: 100%; position: relative } .c_ebizads_banner-73003002 #w-full-banner ul li img { object-fit: cover; display: block; width: 100%; height: 100% } .c_ebizads_banner-73003002 #w-full-banner ul li .describe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none } .c_ebizads_banner-73003002 #w-full-banner .btns { width: 100%; height: 5px; position: absolute; bottom: 5%; left: 0; padding-top: 0; margin-top: 0; z-index: 1499; text-align: center } .c_ebizads_banner-73003002 #w-full-banner .btns span { display: inline-block; width: 10px; height: 10px; padding-bottom: 0; background-color: #fff; border-radius: 50%; margin: 0 5px; opacity: .2; transition: .5s; cursor: pointer } .c_ebizads_banner-73003002 #w-full-banner .btns span.current, .c_ebizads_banner-73003002 #w-full-banner .btns span:hover { opacity: .6 } .c_ebizads_banner-73003002 #w-full-banner.fxSoftScale .navOutNext { -webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxSoftScale .navInNext { -webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxSoftScale .navOutPrev { -webkit-animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxSoftScale .navInPrev { -webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1) } @-webkit-keyframes scaleUp { to { -webkit-transform: scale(1.2); opacity: 0 } } @keyframes scaleUp { to { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0 } } @-webkit-keyframes scaleDownUp { from { opacity: 0; -webkit-transform: scale(0.9) } to { opacity: 1; -webkit-transform: scale(1) } } @keyframes scaleDownUp { from { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes scaleDown { to { opacity: 0; -webkit-transform: scale(0.9) } } @keyframes scaleDown { to { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9) } } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.2) } to { opacity: 1; -webkit-transform: scale(1) } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.2); transform: scale(1.2) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .c_ebizads_banner-73003002 #w-full-banner.fxPressAway .navOutNext { -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxPressAway .navInNext { opacity: 1; -webkit-animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxPressAway .navOutPrev { -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxPressAway .navInPrev { opacity: 1; -webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1) } @-webkit-keyframes slideOutScaleRight { to { -webkit-transform: translateX(100%) scale(0.9); opacity: 0 } } @keyframes slideOutScaleRight { to { -webkit-transform: translateX(100%) scale(0.9); transform: translateX(100%) scale(0.9); opacity: 0 } } @-webkit-keyframes slideInFromLeft { from { -webkit-transform: translateX(-100%) } to { -webkit-transform: translateX(0) } } @keyframes slideInFromLeft { from { -webkit-transform: translateX(-100%); transform: translateX(-100%) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes slideOutScaleLeft { to { -webkit-transform: translateX(-100%) scale(0.9); opacity: 0 } } @keyframes slideOutScaleLeft { to { -webkit-transform: translateX(-100%) scale(0.9); transform: translateX(-100%) scale(0.9); opacity: 0 } } @-webkit-keyframes slideInFromRight { from { -webkit-transform: translateX(100%) } to { -webkit-transform: translateX(0) } } @keyframes slideInFromRight { from { -webkit-transform: translateX(100%); transform: translateX(100%) } to { -webkit-transform: translateX(0); transform: translateX(0) } } .c_ebizads_banner-73003002 #w-full-banner.fxSideSwing .navOutNext { -webkit-animation: slideOutScaleRight 1.2s forwards; animation: slideOutScaleRight 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); animation-timing-function: cubic-bezier(1, -0.2, 0, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxSideSwing .navInNext { opacity: 1; -webkit-animation: slideInFromLeft 1.2s forwards; animation: slideInFromLeft 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); animation-timing-function: cubic-bezier(1, -0.2, 0, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxSideSwing .navOutPrev { -webkit-animation: slideOutScaleLeft 1.2s forwards; animation: slideOutScaleLeft 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); animation-timing-function: cubic-bezier(1, -0.2, 0, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxSideSwing .navInPrev { opacity: 1; -webkit-animation: slideInFromRight 1.2s forwards; animation: slideInFromRight 1.2s forwards; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1); animation-timing-function: cubic-bezier(1, -0.2, 0, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxFortuneWheel .itemwrap { -webkit-perspective: 1600px; perspective: 1600px } .c_ebizads_banner-73003002 #w-full-banner.fxFortuneWheel .navOutNext { -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxFortuneWheel .navInNext { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxFortuneWheel .navOutPrev { -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxFortuneWheel .navInPrev { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1) } @-webkit-keyframes rotateInFromLeft { from { -webkit-transform: translateX(-100%) rotateY(-55deg) } to { -webkit-transform: translateX(0) rotateY(0deg); opacity: 1 } } @keyframes rotateInFromLeft { from { -webkit-transform: translateX(-100%) rotateY(-55deg); transform: translateX(-100%) rotateY(-55deg) } to { -webkit-transform: translateX(0) rotateY(0deg); transform: translateX(0) rotateY(0deg); opacity: 1 } } @-webkit-keyframes rotateInFromRight { from { -webkit-transform: translateX(100%) rotateY(55deg) } to { -webkit-transform: translateX(0) rotateY(0deg); opacity: 1 } } @keyframes rotateInFromRight { from { -webkit-transform: translateX(100%) rotateY(55deg); transform: translateX(100%) rotateY(55deg) } to { -webkit-transform: translateX(0) rotateY(0deg); transform: translateX(0) rotateY(0deg); opacity: 1 } } .c_ebizads_banner-73003002 #w-full-banner.fxSwipe .navOutNext { -webkit-animation: decreaseHeight .8s forwards ease-in-out; animation: decreaseHeight .8s forwards ease-in-out } .c_ebizads_banner-73003002 #w-full-banner.fxSwipe .navInNext { -webkit-animation: show .8s forwards ease-in-out; animation: show .8s forwards ease-in-out } .c_ebizads_banner-73003002 #w-full-banner.fxSwipe .navOutPrev { -webkit-animation: hide .8s forwards ease-in-out; animation: hide .8s forwards ease-in-out } .c_ebizads_banner-73003002 #w-full-banner.fxSwipe .navInPrev { z-index: 1001; opacity: 1; -webkit-animation: increaseHeight .8s forwards ease-in-out; animation: increaseHeight .8s forwards ease-in-out } @-webkit-keyframes decreaseHeight { to { height: 0 } } @keyframes decreaseHeight { to { height: 0 } } @-webkit-keyframes show { 0% { opacity: 0 } 1%, 100% { opacity: 1 } } @keyframes show { 0% { opacity: 0 } 1%, 100% { opacity: 1 } } @-webkit-keyframes hide { 0%, 99% { opacity: 1 } 100% { opacity: 0 } } @keyframes hide { 0%, 99% { opacity: 1 } 100% { opacity: 0 } } @-webkit-keyframes increaseHeight { from { height: 0 } to { height: 100% } } @keyframes increaseHeight { from { height: 0 } to { height: 100% } } .c_ebizads_banner-73003002 #w-full-banner.fxPushReveal .navOutNext { opacity: 1; -webkit-animation: slideOutBottom .7s forwards ease-in-out; animation: slideOutBottom .7s forwards ease-in-out } .c_ebizads_banner-73003002 #w-full-banner.fxPushReveal .navInNext { opacity: 1; -webkit-animation: slideInHalfFromTop .7s forwards ease-in-out; animation: slideInHalfFromTop .7s forwards ease-in-out } .c_ebizads_banner-73003002 #w-full-banner.fxPushReveal .navOutPrev { opacity: 1; -webkit-animation: slideOutHalfTop .7s forwards ease-in-out; animation: slideOutHalfTop .7s forwards ease-in-out } .c_ebizads_banner-73003002 #w-full-banner.fxPushReveal .navInPrev { opacity: 1; z-index: 1001; -webkit-animation: slideInFromBottom .7s forwards ease-in-out; animation: slideInFromBottom .7s forwards ease-in-out } @-webkit-keyframes slideOutBottom { to { -webkit-transform: translateY(100%) } } @keyframes slideOutBottom { to { -webkit-transform: translateY(100%); transform: translateY(100%) } } @-webkit-keyframes slideInHalfFromTop { from { -webkit-transform: translateY(-50%) } to { -webkit-transform: translateY(0) } } @keyframes slideInHalfFromTop { from { -webkit-transform: translateY(-50%); transform: translateY(-50%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes slideOutHalfTop { to { -webkit-transform: translateY(-50%) } } @keyframes slideOutHalfTop { to { -webkit-transform: translateY(-50%); transform: translateY(-50%) } } @-webkit-keyframes slideInFromBottom { from { -webkit-transform: translateY(100%) } to { -webkit-transform: translateY(0) } } @keyframes slideInFromBottom { from { -webkit-transform: translateY(100%); transform: translateY(100%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } .c_ebizads_banner-73003002 #w-full-banner.fxSnapIn .navOutNext { -webkit-animation: slideOutLeft .5s forwards ease-in; animation: slideOutLeft .5s forwards ease-in } .c_ebizads_banner-73003002 #w-full-banner.fxSnapIn .navInNext { z-index: 1001; opacity: 1; -webkit-animation: slideFromRightFast .5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideFromRightFast .5s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxSnapIn .navOutPrev { -webkit-animation: slideOutRight .5s forwards ease-in; animation: slideOutRight .5s forwards ease-in } .c_ebizads_banner-73003002 #w-full-banner.fxSnapIn .navInPrev { z-index: 1001; opacity: 1; -webkit-animation: slideFromLeftFast .5s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideFromLeftFast .5s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxSnapIn li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, 0.8); transition: opacity .4s .1s ease-in } .c_ebizads_banner-73003002 #w-full-banner.fxSnapIn .navOutPrev::after, .c_ebizads_banner-73003002 #w-full-banner.fxSnapIn .navOutNext::after { opacity: 1 } @-webkit-keyframes slideOutLeft { to { -webkit-transform: translateX(-10%) } } @keyframes slideOutLeft { to { -webkit-transform: translateX(-10%); transform: translateX(-10%) } } @-webkit-keyframes slideFromRightFast { 0%, 50% { -webkit-transform: translateX(100%) } 100% { -webkit-transform: translateX(0%) } } @keyframes slideFromRightFast { 0%, 50% { -webkit-transform: translateX(100%); transform: translateX(100%) } 100% { -webkit-transform: translateX(0%); transform: translateX(0%) } } @-webkit-keyframes slideOutRight { to { -webkit-transform: translateX(10%) } } @keyframes slideOutRight { to { -webkit-transform: translateX(10%); transform: translateX(10%) } } @-webkit-keyframes slideFromLeftFast { 0%, 50% { -webkit-transform: translateX(-100%) } 100% { -webkit-transform: translateX(0%) } } @keyframes slideFromLeftFast { 0%, 50% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } 100% { -webkit-transform: translateX(0%); transform: translateX(0%) } } .c_ebizads_banner-73003002 #w-full-banner.fxLetMeIn .itemwrap { -webkit-perspective: 1600px; perspective: 1600px } .c_ebizads_banner-73003002 #w-full-banner.fxLetMeIn .navOutNext { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: rotateOutRight .5s forwards ease-in-out; animation: rotateOutRight .5s forwards ease-in-out } .c_ebizads_banner-73003002 #w-full-banner.fxLetMeIn .navInNext { z-index: 1001; opacity: 1; -webkit-animation: slideFromRightFast .5s forwards ease; animation: slideFromRightFast .5s forwards ease } .c_ebizads_banner-73003002 #w-full-banner.fxLetMeIn .navOutPrev { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-animation: rotateOutLeft .5s forwards ease-in-out; animation: rotateOutLeft .5s forwards ease-in-out } .c_ebizads_banner-73003002 #w-full-banner.fxLetMeIn .navInPrev { z-index: 1001; opacity: 1; -webkit-animation: slideFromLeftFast .5s forwards ease; animation: slideFromLeftFast .5s forwards ease } .c_ebizads_banner-73003002 #w-full-banner.fxLetMeIn li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, 0.6); transition: opacity .5s ease-in-out } .c_ebizads_banner-73003002 #w-full-banner.fxLetMeIn .navOutPrev::after, .c_ebizads_banner-73003002 #w-full-banner.fxLetMeIn .navOutNext::after { opacity: 1 } @-webkit-keyframes rotateOutRight { to { -webkit-transform: rotateY(10deg) } } @keyframes rotateOutRight { to { -webkit-transform: rotateY(10deg); transform: rotateY(10deg) } } @-webkit-keyframes rotateOutLeft { to { -webkit-transform: rotateY(-10deg) } } @keyframes rotateOutLeft { to { -webkit-transform: rotateY(-10deg); transform: rotateY(-10deg) } } .c_ebizads_banner-73003002 #w-full-banner.fxStickIt .itemwrap { -webkit-perspective: 1600px; perspective: 1600px } .c_ebizads_banner-73003002 #w-full-banner.fxStickIt .navOutNext { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: rotateBottomSideOut .8s forwards ease-in; animation: rotateBottomSideOut .8s forwards ease-in } .c_ebizads_banner-73003002 #w-full-banner.fxStickIt .navInNext { z-index: 1001; opacity: 1; -webkit-animation: slideInFromBottomDelayed .8s forwards; animation: slideInFromBottomDelayed .8s forwards } .c_ebizads_banner-73003002 #w-full-banner.fxStickIt .navOutPrev { opacity: 1; -webkit-animation: slideOutToBottom .8s forwards; animation: slideOutToBottom .8s forwards } .c_ebizads_banner-73003002 #w-full-banner.fxStickIt .navInPrev { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: rotateBottomSideIn .8s .1s forwards ease-in; animation: rotateBottomSideIn .8s .1s forwards ease-in } @-webkit-keyframes rotateBottomSideOut { 40% { -webkit-transform: rotateX(-15deg); -webkit-animation-timing-function: ease-out } 100% { opacity: 0; -webkit-transform: scale(0.8) translateZ(-200px) } } @keyframes rotateBottomSideOut { 40% { -webkit-transform: rotateX(-15deg); transform: rotateX(-15deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 100% { opacity: 0; -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px) } } @-webkit-keyframes slideInFromBottomDelayed { 0%, 30% { -webkit-transform: translateY(100%) } 100% { -webkit-transform: translateY(0) } } @keyframes slideInFromBottomDelayed { 0%, 30% { -webkit-transform: translateY(100%); transform: translateY(100%) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes rotateBottomSideIn { 0% { opacity: 0; -webkit-transform: scale(0.8) translateZ(-200px) } 60% { -webkit-transform: scale(1) translateZ(0) rotateX(-15deg); -webkit-animation-timing-function: ease-out } 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0) rotateX(0deg) } } @keyframes rotateBottomSideIn { 0% { opacity: 0; -webkit-transform: scale(0.8) translateZ(-200px); transform: scale(0.8) translateZ(-200px) } 60% { -webkit-transform: scale(1) translateZ(0) rotateX(-15deg); transform: scale(1) translateZ(0) rotateX(-15deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0) rotateX(0deg); transform: scale(1) translateZ(0) rotateX(0deg) } } .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe .navOutNext { -webkit-animation: scaleHalfDown .7s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleHalfDown .7s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe .navInNext { z-index: 1001; opacity: 1; -webkit-animation: slideInFromBottom .7s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideInFromBottom .7s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe .navOutPrev { -webkit-animation: slideOutToBottom .7s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: slideOutToBottom .7s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe .navInPrev { -webkit-animation: scaleHalfUp .7s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scaleHalfUp .7s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe li::before, .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-color: rgba(0, 0, 0, 0.7); transition: opacity .7s cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe li::after, .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe .navOutNext::before { opacity: 1 } .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe li::before, .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe li.current::after, .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe .navInNext::after, .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe .navInPrev::after { opacity: 0 } .c_ebizads_banner-73003002 #w-full-banner.fxArchiveMe .navInNext::after { transition: none } @-webkit-keyframes scaleHalfDown { to { -webkit-transform: scale(0.6); opacity: 0 } } @keyframes scaleHalfDown { to { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0 } } @-webkit-keyframes slideOutToBottom { to { -webkit-transform: translateY(100%) } } @keyframes slideOutToBottom { to { -webkit-transform: translateY(100%); transform: translateY(100%) } } @-webkit-keyframes scaleHalfUp { from { opacity: 0; -webkit-transform: scale(0.6) } to { opacity: 1; -webkit-transform: scale(1) } } @keyframes scaleHalfUp { from { opacity: 0; -webkit-transform: scale(0.6); transform: scale(0.6) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .c_ebizads_banner-73003002 #w-full-banner.fxVGrowth .navOutNext { -webkit-animation: scaleDown .6s forwards cubic-bezier(0.6, 0, 0.4, 1); animation: scaleDown .6s forwards cubic-bezier(0.6, 0, 0.4, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxVGrowth .navInNext { z-index: 1001; opacity: 1; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: maximize .6s forwards cubic-bezier(0.6, 0, 0.4, 1); animation: maximize .6s forwards cubic-bezier(0.6, 0, 0.4, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxVGrowth .navOutPrev { -webkit-animation: scaleDown .6s forwards cubic-bezier(0.6, 0, 0.4, 1); animation: scaleDown .6s forwards cubic-bezier(0.6, 0, 0.4, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxVGrowth .navInPrev { z-index: 1001; opacity: 1; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: maximize .6s forwards cubic-bezier(0.6, 0, 0.4, 1); animation: maximize .6s forwards cubic-bezier(0.6, 0, 0.4, 1) } @-webkit-keyframes maximize { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } } @keyframes maximize { from { -webkit-transform: scale(0); transform: scale(0) } to { -webkit-transform: scale(1); transform: scale(1) } } .c_ebizads_banner-73003002 #w-full-banner.fxSlideBehind .itemwrap { -webkit-perspective: 1000px; perspective: 1000px } .c_ebizads_banner-73003002 #w-full-banner.fxSlideBehind .navOutNext { -webkit-animation: hideLeft .8s forwards; animation: hideLeft .8s forwards } .c_ebizads_banner-73003002 #w-full-banner.fxSlideBehind .navInNext { -webkit-animation: showRight .8s forwards; animation: showRight .8s forwards } .c_ebizads_banner-73003002 #w-full-banner.fxSlideBehind .navOutPrev { -webkit-animation: hideRight .8s forwards; animation: hideRight .8s forwards } .c_ebizads_banner-73003002 #w-full-banner.fxSlideBehind .navInPrev { -webkit-animation: showLeft .8s forwards; animation: showLeft .8s forwards } @-webkit-keyframes hideLeft { 0% { -webkit-transform: translateZ(0px) } 40% { -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg); z-index: 9999 } 100% { opacity: 1; -webkit-transform: translateZ(-400px) } } @keyframes hideLeft { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px) } 40% { -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg); transform: translate(0, -40%) scale(0.8) rotateX(-20deg); z-index: 9999 } 100% { opacity: 1; -webkit-transform: translateZ(-400px); transform: translateZ(-400px) } } @-webkit-keyframes showRight { 0% { -webkit-transform: translateZ(-400px); opacity: 1 } 40% { -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg); opacity: 1 } 41% { -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg); opacity: 1; z-index: 9999 } 100% { -webkit-transform: translateZ(0px); opacity: 1; z-index: 9999 } } @keyframes showRight { 0% { -webkit-transform: translateZ(-400px); transform: translateZ(-400px); opacity: 1 } 40% { -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg); transform: translate(0, 40%) scale(0.8) rotateX(20deg); opacity: 1 } 41% { -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg); transform: translate(0, 40%) scale(0.8) rotateX(20deg); opacity: 1; z-index: 9999 } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; z-index: 9999 } } @-webkit-keyframes hideRight { 0% { -webkit-transform: translateZ(0px) } 40% { -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg); z-index: 9999 } 100% { opacity: 1; -webkit-transform: translateZ(-400px) } } @keyframes hideRight { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px) } 40% { -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg); transform: translate(0, 40%) scale(0.8) rotateX(20deg); z-index: 9999 } 100% { opacity: 1; -webkit-transform: translateZ(-400px); transform: translateZ(-400px) } } @-webkit-keyframes showLeft { 0% { -webkit-transform: translateZ(-400px); opacity: 1 } 40% { -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg); opacity: 1 } 41% { -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg); opacity: 1; z-index: 9999 } 100% { -webkit-transform: translateZ(0px); opacity: 1; z-index: 9999 } } @keyframes showLeft { 0% { -webkit-transform: translateZ(-400px); transform: translateZ(-400px); opacity: 1 } 40% { -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg); transform: translate(0, -40%) scale(0.8) rotateX(-20deg); opacity: 1 } 41% { -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg); transform: translate(0, -40%) scale(0.8) rotateX(-20deg); opacity: 1; z-index: 9999 } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; z-index: 9999 } } .c_ebizads_banner-73003002 #w-full-banner.fxSoftPulse .navOutPrev, .c_ebizads_banner-73003002 #w-full-banner.fxSoftPulse .navOutNext { -webkit-animation: scaleUpFadeOut .8s forwards ease-in; animation: scaleUpFadeOut .8s forwards ease-in } .c_ebizads_banner-73003002 #w-full-banner.fxSoftPulse .navInPrev, .c_ebizads_banner-73003002 #w-full-banner.fxSoftPulse .navInNext { -webkit-animation: scaleDownFadeIn .8s forwards ease-out; animation: scaleDownFadeIn .8s forwards ease-out } @-webkit-keyframes scaleUpFadeOut { 50% { -webkit-transform: scale(1.2); opacity: 1 } 75% { -webkit-transform: scale(1.1); opacity: 0 } 100% { -webkit-transform: scale(1); opacity: 0 } } @keyframes scaleUpFadeOut { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1 } 75% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @-webkit-keyframes scaleDownFadeIn { 50% { opacity: 1; -webkit-transform: scale(1.2) } 100% { opacity: 1; -webkit-transform: scale(1) } } @keyframes scaleDownFadeIn { 50% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .c_ebizads_banner-73003002 #w-full-banner.fxEarthquake .navOutNext { opacity: 1; -webkit-animation: shakeSlideBottom 1s .1s forwards; animation: shakeSlideBottom 1s .1s forwards } .c_ebizads_banner-73003002 #w-full-banner.fxEarthquake .navInNext { -webkit-animation: pushFromTop 1s .1s forwards; animation: pushFromTop 1s .1s forwards } .c_ebizads_banner-73003002 #w-full-banner.fxEarthquake .navOutPrev { opacity: 1; -webkit-animation: shakeSlideTop 1s .1s forwards; animation: shakeSlideTop 1s .1s forwards } .c_ebizads_banner-73003002 #w-full-banner.fxEarthquake .navInPrev { opacity: 1; -webkit-animation: pushFromBottom 1s .1s forwards; animation: pushFromBottom 1s .1s forwards } .c_ebizads_banner-73003002 #w-full-banner.fxEarthquake li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, 0.3); transition: opacity .5s } .c_ebizads_banner-73003002 #w-full-banner.fxEarthquake .navOutPrev::after, .c_ebizads_banner-73003002 #w-full-banner.fxEarthquake .navOutNext::after { opacity: 1 } @-webkit-keyframes shakeSlideBottom { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) } 2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 100% { -webkit-transform: translateY(100%) } } @keyframes shakeSlideBottom { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg) } 2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 100% { -webkit-transform: translateY(100%); transform: translateY(100%) } } @-webkit-keyframes pushFromTop { 0%, 70% { opacity: 0; -webkit-transform: translateY(-100%) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @keyframes pushFromTop { 0%, 70% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes shakeSlideTop { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) } 2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg) } 66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg) } 68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg) } 70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg) } 100% { -webkit-transform: translateY(-100%) } } @keyframes shakeSlideTop { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg) } 2% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 4% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 6% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 8% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 10% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 12% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 18% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 20% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 22% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 32% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 34% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 38% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 44% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 46% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 48% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 54% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 56% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 58% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 60% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 62% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); transform: translate(0px, -1px) rotate(-0.5deg) } 66% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); transform: translate(-1px, -1px) rotate(-0.5deg) } 68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); transform: translate(-1px, 0px) rotate(-0.5deg) } 70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); transform: translate(0px, 0px) rotate(-0.5deg) } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } } @-webkit-keyframes pushFromBottom { 0%, 70% { opacity: 0; -webkit-transform: translateY(100%) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @keyframes pushFromBottom { 0%, 70% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } .c_ebizads_banner-73003002 #w-full-banner.fxCliffDiving li { -webkit-transform-origin: 50% 400%; transform-origin: 50% 400% } .c_ebizads_banner-73003002 #w-full-banner.fxCliffDiving .navOutNext { opacity: 1; -webkit-animation: rotateOutCircLeft .9s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateOutCircLeft .9s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxCliffDiving .navInNext { opacity: 1; -webkit-animation: rotateInCircRight .9s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateInCircRight .9s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxCliffDiving .navOutPrev { opacity: 1; -webkit-animation: rotateOutCircRight .9s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateOutCircRight .9s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxCliffDiving .navInPrev { opacity: 1; -webkit-animation: rotateInCircLeft .9s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: rotateInCircLeft .9s forwards cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxCliffDiving li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, 1); transition: opacity .9s cubic-bezier(0.7, 0, 0.3, 1) } .c_ebizads_banner-73003002 #w-full-banner.fxCliffDiving .navOutPrev::after, .c_ebizads_banner-73003002 #w-full-banner.fxCliffDiving .navOutNext::after { opacity: 1 } @-webkit-keyframes rotateOutCircLeft { to { -webkit-transform: rotate(-20deg) translateX(-100%) } } @keyframes rotateOutCircLeft { to { -webkit-transform: rotate(-20deg) translateX(-100%); transform: rotate(-20deg) translateX(-100%) } } @-webkit-keyframes rotateInCircRight { from { -webkit-transform: rotate(20deg) translateX(100%) } to { -webkit-transform: rotate(0deg) translateX(0) } } @keyframes rotateInCircRight { from { -webkit-transform: rotate(20deg) translateX(100%); transform: rotate(20deg) translateX(100%) } to { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0) } } @-webkit-keyframes rotateOutCircRight { to { -webkit-transform: rotate(20deg) translateX(100%) } } @keyframes rotateOutCircRight { to { -webkit-transform: rotate(20deg) translateX(100%); transform: rotate(20deg) translateX(100%) } } @-webkit-keyframes rotateInCircLeft { from { -webkit-transform: rotate(-20deg) translateX(-100%) } to { -webkit-transform: rotate(0deg) translateX(0) } } @keyframes rotateInCircLeft { from { -webkit-transform: rotate(-20deg) translateX(-100%); transform: rotate(-20deg) translateX(-100%) } to { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0) } } .c_ebizads_banner-73003002 .p_MatteIcon .iconfont:before { content: 'e602' } .c_ebizads_banner-73003002 .p_MatteIcon .iconfont:before { content: 'e602' } .w_video-000 { position: absolute; width: 480px; height: 270px } .w_video-000 .w_video { width: 100%; height: 100%; position: relative; overflow: hidden } .w_video-000 .w_video .p_video { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .w_video-000 .w_video .p_video+div { display: none } .c_video_list-06002 { position: absolute; width: 1331px; height: 554px; overflow: hidden } .clearfix:before, .clearfix:after { content: " "; display: table } .clearfix:after { clear: both } .container>header { margin: 0 auto; padding: 2em } button { border: 0; padding: 15px 50px; background: #ff5301; transition: .5s all; color: #fff; font-family: '微软雅黑'; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; display: inline-block; margin: 3px 2px; border-radius: 2px } button:hover { background: #fe7703 } .container>header { text-align: center; padding: 3em } .container>header h1 { font-size: 2.625em; line-height: 1.3; margin: 0; font-weight: 300 } .container>header span { display: block; font-size: 60%; opacity: .7; padding: 0 0 .6em .1em } .column { float: left; width: 100%; /* min-height: 300px;*/ position: relative } .column:nth-child(2) { box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1) } .column a { width: 32%; margin-left: .5%; margin-right: .5%; float: left; text-align: center; position: relative; } .column .column_img { width: 100%; /* height: 316px; */ display: block; overflow: hidden } .column .column_img img { width: 100%; transition: .5s all } .column a:hover img { transform: scale(1.2) } .column p { font-weight: bold; font-size: 16px; padding: 0; margin: 0; text-align: center; line-height: 4 } .codrops-top { background: #fff; background: rgba(255, 255, 255, 0.2); text-transform: uppercase; width: 100%; font-size: .69em; line-height: 2.2 } .codrops-top a { padding: 0 1em; letter-spacing: .1em; display: inline-block } .codrops-top a:hover { color: #fe7703; background: rgba(255, 255, 255, 0.6) } .codrops-top span.right { float: right } .codrops-top span.right a { float: left; display: block } .codrops-icon:before { font-family: 'codropsicons'; margin: 0 4px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased } .codrops-icon-drop:before { content: "e001" } .codrops-icon-prev:before { content: "e004" } .md-perspective, .md-perspective body { height: 100%; overflow: hidden } .md-perspective body { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px } .container { background: #e74c3c; min-height: 100% } .md-modal { position: fixed; top: 50%; left: 50%; width: 50%; max-width: 630px; min-width: 320px; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) } .md-show { visibility: visible } .md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: #000; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s } .md-show~.md-overlay { opacity: .8; visibility: visible } .md-content { color: #fff; background: #ff7e00; position: relative; border-radius: 3px; margin: 0 auto } .md-content h3 { margin: 0; padding: .4em; text-align: center; font-size: 2.4em; font-weight: 300; opacity: .8; background: rgba(0, 0, 0, 0.1); border-radius: 3px 3px 0 0 } .md-content>div { padding: 15px 40px 30px; margin: 0; font-weight: 300; font-size: 1.15em } .md-content>div p { margin: 0; padding-bottom: 20px; text-align: center; overflow: hidden } .md-content>div p video { width: 500px; height: 300px; position: absolute; width: 100%; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .md-content>div ul { margin: 0; padding: 0 0 30px 20px } .md-content>div ul li { padding: 5px 0 } .md-content button { display: block; margin: 0 auto; font-size: .8em } .md-effect-10.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px } .md-effect-10 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s } .md-show.md-effect-10 .md-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1 } .c_video_list-06002 .p_MatteIcon .iconfont:before { content: 'e602' } video::-internal-media-controls-download-button { display: none } video::-webkit-media-controls-enclosure { overflow: hidden } video::-webkit-media-controls-panel { width: calc(100%+30px) } #c_nav_main-15060722955915923 { position: fixed !important; z-index: 9999 !important } .nav { position: relative; width: auto; display: inline-block; border: 0 } .btn-nav { position: fixed; top: 50px; right:73px; background: transparent; border: 0; padding: 10px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999 !important } .btn-nav:focus { outline: 0 } .icon-bar { display: block; margin: 6px 0; width: 40px; height: 5px; background-color: #fff } .btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #fca311 } .nav-content { position: fixed; top: -100%; /*bottom: 0;*/ right: 65px; background: url(/img/cc1.png?tenantId=48510&viewType=1); display: block; height: auto; width: 170px; z-index: 9; padding: 60px 0 20px; } .nav-list { list-style: none; padding: 0; position: relative; top: 20% } .item-anchor:after { content: ""; position: absolute; width: 3px; height: 3px; left: 0; bottom: 0; z-index: 9; background: transparent; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .item-anchor { color: #fff; font-size: 20px; text-transform: uppercase; position: relative; text-decoration: none; padding: 10px } .item-anchor:hover, .item-anchor:focus { color: #053395; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .item-anchor:hover:after, .item-anchor:focus:after { display: none; width: 100%; background: #053395; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .nav-item { margin: 10px auto; text-align: center } .animated { display: block; margin: 0 auto } .animated:hover .icon-bar, .animated:focus .icon-bar { background-color: #fca311 } .animated:focus { cursor: pointer; z-index: 9999 } .middle { margin: 0 auto } .icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999 } .animated .icon-bar { z-index: 999999; background-color: #fca311 } .animated .top { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } .animated .bottom { -webkit-transform: translateY(-11px) rotateZ(-45deg); -moz-transform: translateY(-11px) rotateZ(-45deg); -ms-transform: translateY(-11px) rotateZ(-45deg); -o-transform: translateY(-11px) rotateZ(-45deg); transform: translateY(-11px) rotateZ(-45deg) } .animated .middle { width: 0 } @keyframes showNav { from { top: -100% } to { top: 0 } } @-webkit-keyframes showNav { from { top: -100% } to { top: 0 } } @-moz-keyframes showNav { from { top: -100% } to { top: 0 } } @-o-keyframes showNav { from { top: -100% } to { top: 0 } } .showNav { -webkit-animation: showNav 1s ease forwards; -moz-animation: showNav 1s ease forwards; -o-animation: showNav 1s ease forwards; animation: showNav 1s ease forwards } @keyframes hideNav { from { top: 0 } to { top: -100% } } @-webkit-keyframes hideNav { from { top: 0 } to { top: -100% } } @-moz-keyframes hideNav { from { top: 0 } to { top: -100% } } @-o-keyframes hideNav { from { top: 0 } to { top: -100% } } .hideNav { -webkit-animation: hideNav 1s ease forwards; -moz-animation: hideNav 1s ease forwards; -o-animation: hideNav 1s ease forwards; animation: hideNav 1s ease forwards } .hidden { display: none } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .clearfix:before, .clearfix:after { content: " "; display: table } .clearfix:after { clear: both } .htmleaf-container { margin: 0 auto; text-align: center; overflow: hidden } .htmleaf-content { font-size: 150%; padding: 1em 0 } .htmleaf-content h2 { margin: 0 0 2em; opacity: .1 } .htmleaf-content p { margin: 1em 0; padding: 5em 0 0 0; font-size: .65em } .bgcolor-1 { background: #f0efee } .bgcolor-2 { background: #f9f9f9 } .bgcolor-3 { background: #e8e8e8 } .bgcolor-4 { background: #2f3238; color: #fff } .bgcolor-5 { background: #df6659; color: #521e18 } .bgcolor-6 { background: #2fa8ec } .bgcolor-7 { background: #d0d6d6 } .bgcolor-8 { background: #3d4444; color: #fff } .bgcolor-9 { background: #ef3f52; color: #fff } .bgcolor-10 { background: #64448f; color: #fff } .bgcolor-11 { background: #3755ad; color: #fff } .bgcolor-12 { background: #3498db; color: #fff } .bgcolor-20 { background: #494a5f; color: #d5d6e2 } .htmleaf-header { padding: 1em 190px 1em; letter-spacing: -1px; text-align: center } .htmleaf-header h1 { color: #d5d6e2; font-weight: 600; font-size: 2em; line-height: 1; margin-bottom: 0; font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo } .htmleaf-header h1 span { font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo; display: block; font-size: 60%; font-weight: 400; padding: .8em 0 .5em 0; color: #c3c8cd } .htmleaf-demo a { color: #1d7db1; text-decoration: none } .htmleaf-demo { width: 100%; padding-bottom: 1.2em } .htmleaf-demo a { display: inline-block; margin: .5em; padding: .6em 1em; border: 3px solid #1d7db1; font-weight: 700 } .htmleaf-demo a:hover { opacity: .6 } .htmleaf-demo a.current { background: #1d7db1; color: #fff } .htmleaf-links { position: relative; display: inline-block; white-space: nowrap; font-size: 1.5em; text-align: center } .htmleaf-links::after { position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: 100%; background: #dbdbdb; content: ''; -webkit-transform: rotate3d(0, 0, 1, 22.5deg); transform: rotate3d(0, 0, 1, 22.5deg) } .htmleaf-icon { display: inline-block; margin: .5em; padding: 0; width: 1.5em; text-decoration: none } .htmleaf-icon span { display: none } .htmleaf-icon:before { margin: 0 5px; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'icomoon'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased } .htmleaf-footer { width: 100%; padding-top: 10px } .htmleaf-small { font-size: .8em } .center { text-align: center } .related { color: #fff; text-align: center; font-size: 1.25em; padding: .5em 0; overflow: hidden } .related>a { vertical-align: top; width: calc(100% - 20px); max-width: 340px; display: inline-block; text-align: center; margin: 20px 10px; padding: 25px; font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo } .related a { display: inline-block; text-align: left; margin: 20px auto; padding: 10px 20px; opacity: .8; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-backface-visibility: hidden } .related a:hover, .related a:active { opacity: 1 } .related a img { max-width: 100%; opacity: .8; border-radius: 4px } .related a:hover img, .related a:active img { opacity: 1 } .related h3 { font-family: "Microsoft YaHei", sans-serif } .related a h3 { font-weight: 300; margin-top: .15em; color: #fff } .icon-htmleaf-home-outline:before { content: "e5000" } .icon-htmleaf-arrow-forward-outline:before { content: "e5001" } @media screen and (max-width:50em) { .htmleaf-header { padding: 3em 10% 4em } .htmleaf-header h1 { font-size: 2em } } @media screen and (max-width:40em) { .htmleaf-header h1 { font-size: 1.5em } } @media screen and (max-width:30em) { .htmleaf-header h1 { font-size: 1.2em } } .c_nav_main-00105003 .p_MatteIcon .iconfont:before { content: 'e602' } .c_nav_main-00105003 { width: 76px; height: 66px; position: absolute } .w_img-002 .p_title { display: inline-table; margin: 0; min-width: 37px; padding: 0; color: rgba(51, 51, 51, 1); font-size: 16px; font-weight: 400; cursor: pointer } .w_img-002 .p_title .font { vertical-align: middle; line-height: 21px } .w_img-002 .p_title:hover { color: rgba(87, 177, 173, 1) } .w_img-002 .p_title:active { color: rgba(69, 165, 161, 1) } .w_img-002 .p_title .iconfont:before { display: inline-block; content: "" } .w_img-002 .p_dimage { padding: 0; border-width: 0; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: transparent; overflow: hidden } .w_img-002 .p_dimage:hover { border-width: 0; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: transparent } .w_img-002 .p_dimage:active { border-width: 0; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: transparent } .e_title.w_img-002 .p_link002 { display: inline-block; padding: 0; color: #707070; font-size: 14px; text-align: left } .e_title.w_img-002 .p_link002 { white-space: nowrap; vertical-align: middle; line-height: 19px } a>.e_title.w_img-002 .p_link002:hover { text-decoration: underline; font-weight: bold; cursor: pointer; color: #60a9d7 } a>.e_title.w_img-002 .p_link002:active { color: #60a9d7; font-weight: 400 } a>.e_title.w_img-002 .p_link002:active { text-decoration: none; margin-top: 0 } .e_title.w_img-002 .p_link002 .iconfont:before { display: inline-block; content: "" } .e_title.w_img-002 .p_link001 { display: inline-block; padding: 0; color: #707070; font-size: 14px; text-align: left; height: calc(100%) } .e_title.w_img-002 .p_link001 { white-space: nowrap; vertical-align: middle; line-height: 19px } a>.e_title.w_img-002 .p_link001:hover { text-decoration: underline; font-weight: bold; cursor: pointer; color: #60a9d7 } a>.e_title.w_img-002 .p_link001:active { color: #60a9d7; font-weight: 400 } a>.e_title.w_img-002 .p_link001:active { text-decoration: none; margin-top: 0 } .e_title.w_img-002 .p_link001 .iconfont:before { display: inline-block; content: "" } .w_img-002 .p_box { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .w_img-002 { position: absolute; width: 300px; height: 249px } .w_img-002 .animated { width: 100%; height: 100% } .w_img-002 .font { white-space: nowrap } .w_img-002 .p_link001 { width: 100%; height: calc(100%) } .w_img-002 .p_link002 { width: 100%; height: 30px } .w_img-002 .p_box { width: 100%; height: 100%; text-align: center } .w_img-002 .p_dimage { height: inherit; overflow: hidden; font-size: 0 } .w_img-002 .e_image:hover:after { background: transparent } .w_img-002 .p_MatteIcon .iconfont:before { content: 'e602' } .w_img-002>div { animation-fill-mode: both } .w_rbox-001 { position: absolute; width: 300px; height: 300px } .w_rbox-001 .p_stylebox { width: 100% } .w_rbox-001 .p_MatteIcon .iconfont:before { content: 'e602' } .w_rbox-001>div { animation-fill-mode: both } .w_btn-001 .p_CommonBtn { font-size: 18px; width: 100%; height: 50px; color: rgba(255, 255, 255, 1); border-width: 1px; border-style: none; border-color: transparent; background-color: rgba(106, 186, 190, 1); padding-top: 0; padding-right: 20px; padding-left: 20px; text-align: center } .w_btn-001 .p_CommonBtn:hover { color: rgba(255, 255, 255, 1); border-width: 1px; border-style: none; border-color: transparent; background-color: rgba(106, 186, 190, 1) } .w_btn-001 .p_CommonBtn:hover .font { color: rgba(255, 255, 255, 1) } .w_btn-001 .p_CommonBtn:active { color: rgba(255, 255, 255, 1); border-width: 1px; border-style: none; border-color: transparent; background-color: rgba(106, 186, 190, 1) } .w_btn-001 .p_CommonBtn .font { display: table-cell; vertical-align: middle; text-align: inherit } .iconfont:before { content: "" } .e_title.w_btn-001 .p_link { display: inline-block; padding: 0; color: #707070; font-size: 14px; text-align: left } .e_title.w_btn-001 .p_link { white-space: nowrap; vertical-align: middle; line-height: 19px } a>.e_title.w_btn-001 .p_link:hover { text-decoration: underline; font-weight: bold; cursor: pointer; color: #60a9d7 } a>.e_title.w_btn-001 .p_link:active { color: #60a9d7; font-weight: 400 } a>.e_title.w_btn-001 .p_link:active { text-decoration: none; margin-top: 0 } .e_title.w_btn-001 .p_link .iconfont:before { display: inline-block; content: "" } .w_btn-001 { position: absolute; width: 150px; height: 50px } .w_btn-001 .p_CommonBtn { width: 100%; height: inherit; padding: 0 } .w_btn-001 .animated { width: 100%; height: 100% } .w_btn-001 .p_CommonBtn { border-style: solid } .c_product_list-545454 { overflow: hidden; position: absolute; width: 890px; height: 890px } .c_product_list-545454 .p_linkB { width: inherit; height: inherit; display: block; position: static } .c_product_list-545454 .p_image { width: 100%; height: 100%; padding: 0; border-width: 1px; border-style: none; border-color: transparent; overflow: hidden } .c_product_list-545454 .p_image img { transition: all .4s !important } .c_product_list-545454 .p_Product:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } .c_product_list-545454 .p_image:hover { border-width: 1px; border-style: none; border-color: transparent } .c_product_list-545454 .p_image:active { border-width: 1px; border-style: none; border-color: transparent } .c_product_list-545454 .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: 0; overflow: hidden } .c_product_list-545454 .p_page { float: right; margin-right: 20px; margin-top: 10px } .e_pagebox { width: auto; height: auto; clear: both; position: relative } .c_product_list-545454 .p_page .pre { display: inline-table; float: left; margin-left: 18px; margin-right: 5px } .c_product_list-545454 .p_page .pageNum { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 30px } .c_product_list-545454 .p_page .next { display: inline-table; float: left } .c_product_list-545454 .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px } .c_product_list-545454 .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px } .c_product_list-545454 .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .c_product_list-545454 .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .c_product_list-545454 .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1 } .c_product_list-545454 .p_page .pre { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0 } .c_product_list-545454 .p_page .pre:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer } .c_product_list-545454 .p_page .pre:active { background-color: rgba(90, 170, 167, 1) } .c_product_list-545454 .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .c_product_list-545454 .p_page .pre:hover .iconfont { color: rgba(255, 255, 255, 1) } .c_product_list-545454 .p_page .pre:active .iconfont { color: rgba(255, 255, 255, 1) } .c_product_list-545454 .p_page .pre .iconfont:before { content: ""; margin-right: 5px; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_product_list-545454 .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .c_product_list-545454 .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px } .c_product_list-545454 .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1 } .c_product_list-545454 .p_page .next { height: 30px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0 } .c_product_list-545454 .p_page .next:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer } .c_product_list-545454 .p_page .next:active { background-color: rgba(90, 170, 167, 1) } .c_product_list-545454 .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .c_product_list-545454 .p_page .next:hover .iconfont { color: rgba(255, 255, 255, 1) } .c_product_list-545454 .p_page .next:active .iconfont { color: rgba(255, 255, 255, 1) } .c_product_list-545454 .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_product_list-545454 .p_page .pageNum { position: relative; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; position: absolute; text-decoration: none; width: inherit } .c_product_list-545454 .p_page .pageNum { height: 30px; width: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; position: relative } .c_product_list-545454 .p_page .pageNum:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); cursor: pointer; text-decoration: none; background-color: rgba(101, 190, 186, 1) } .c_product_list-545454 .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1) } .c_product_list-545454 .p_page .pageNum.active { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255, 255, 255, 1) } .c_product_list-545454 .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0 } .c_product_list-545454 .p_page .pageNum .iconfont { display: inline; color: rgba(255, 255, 255, 1); vertical-align: middle } .c_product_list-545454 .p_page .pageNum:hover .iconfont { color: rgba(255, 255, 255, 1) } .c_product_list-545454 .p_page .pageNum:active .iconfont { color: rgba(255, 255, 255, 1) } .c_product_list-545454 .p_page .pageNum .iconfont:before { content: "" } .c_product_list-545454 .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } .c_product_list-545454 .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } .c_product_list-545454 .p_ProductList { width: auto; height: auto; overflow: hidden; white-space: normal; font-size: 0; padding: 10px } .c_product_list-545454 .p_products { width: auto; height: auto; overflow: hidden; white-space: normal } .c_product_list-545454 .btnc { width: 100%; height: 110px; background-color: rgba(48, 48, 48, 0.7); position: absolute; left: 0; bottom: -63px; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; transition-duration: .3s } .c_product_list-545454 .btnc h2 { font-weight: normal; font-size: 14px; color: #fff; line-height: 50px; text-align: center; white-space: nowrap } .c_product_list-545454 .p_Product:hover .btnc { bottom: 0; background-color: rgba(0, 84, 160, 0.8) } .c_product_list-545454 .btnc h3 { border: 1px #fff solid; width: 140px; height: 38px; line-height: 38px; font-weight: normal; margin: 0 auto; border-radius: 10px; text-align: center; font-size: 14px; color: #fff } .c_product_list-545454 .btnc h3:hover { background: #fff; border: 0; color: #0054a0 } .c_product_list-545454 .p_image img:hover { transform: scale(1, 2) !important; -webkit-transform: scale(1.2) !important; -moz-transform: scale(1.2) !important; -o-transform: scale(1.2) !important; left: 0 !important; top: 0 !important } .c_product_list-545454 .p_CommonSummaryBoxA { text-align: center } .c_product_list-545454 .p_MatteIcon .iconfont:before { content: 'e602' } .c_product_list-545454>div { animation-fill-mode: both } .c_news_list-56002 { overflow: hidden; width: 260px; height: 404px; position: absolute } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0 } .clearfix:after { clear: both } .clearfix { *zoom: 1 } .nw-news { position: relative; font-size: 14px } .nw-news a { display: block; color: #646464; float: left; width: calc((100% - 60px)/3); height: 284px; margin: 10px; position: relative; overflow: hidden; transition: 600ms; -webkit-transition: 600ms } .nw-news .pic { height: 100%; transition: 600ms; -webkit-transition: 600ms; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; background: #eee } .nw-news .pic img { width: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; transition: 600ms } .nw-news a:hover .pic { transform: scale(1.09); -webkit-transform: scale(1.09) } .nw-news .txts_1 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(180, 44, 44, 0.8); color: #e6e6e6; padding: 10px 5%; transition: 600ms; -webkit-transition: 600ms } .nw-news .txts_1 .date {width: 30%;float: left;} .nw-news .txts_1 .tx {width: 70%;float: left;line-height: 20px;height: 40px;overflow: hidden;} .nw-news a:hover .txts_1 { bottom: -100%; opacity: 0 } .nw-news .txts_2 { position: absolute; width: 90%; height: 90%; top: 5%; left: 5%; background: rgba(180, 44, 44, 0.8); color: #e6e6e6; padding: 0 10% 0 15%; overflow: hidden; transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0; display: none9; transition: 600ms; -webkit-transition: 600ms } .nw-news .txts_2 .date { position: absolute; bottom: 15px; left: 5% } .nw-news .txts_2 .ti { border-bottom: 1px solid #fff; padding-bottom: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 10px; font-size: 16px } .nw-news .txts_2 .tx { line-height: 25px; height: 125px; overflow: hidden; padding-top: 5px; text-align: justify } .nw-news .txts_2 .arrow { width: 12%; height: 10px; background: url(http://dfs.yun300.cn/group1/M00/00/9A/CgI9F1i_cRGEdyGUAAAAAMSNXdI318.png?tenantId=48510&viewType=1) no-repeat left center; position: absolute; right: 0; bottom: 25px } .nw-news a:hover .txts_2 { transform: scale(1); -webkit-transform: scale(1); opacity: 1; display: block9 } .p_page div { float: left; line-height: 30px; margin-left: 2px } .e_pagebox { width: auto; height: auto; clear: both; float: right; margin-right: 30px; margin-top: 30px; margin-bottom: 30px; position: relative } .p_page .pre { display: inline-table; float: left; margin-left: 18px; margin-right: 5px } .p_page .pageNum { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 30px } .p_page .next { display: inline-table; float: left } .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px } .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px } .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1 } .p_page .pre { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0 } .p_page .pre:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer } .p_page .pre:active { background-color: rgba(90, 170, 167, 1) } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .pre:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre .iconfont:before { content: ""; margin-right: 5px } .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px } .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1 } .p_page .next { height: 30px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0 } .p_page .next:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer } .p_page .next:active { background-color: rgba(90, 170, 167, 1) } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .next:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px } .p_page .pageNum { position: absolute; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; text-decoration: none; width: inherit } .p_page .pageNum { height: 30px; width: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; position: relative } .p_page .pageNum:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); cursor: pointer; text-decoration: none; background-color: rgba(101, 190, 186, 1) } .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1) } .p_page .pageNum.active { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255, 255, 255, 1) } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0 } .p_page .pageNum .iconfont { display: inline; color: rgba(255, 255, 255, 1); vertical-align: middle } .p_page .pageNum:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum .iconfont:before { content: "" } .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: 0; overflow: hidden } .clear { clear: both } .c_news_list-56002 .p_articles { margin: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0 } .c_news_list-56002 .p_CommonSummaryBoxA { text-align: center } .c_news_list-56002 .p_MatteIcon .iconfont:before { content: 'e602' } .c_news_list-56002 .p_page .pre .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_news_list-56002 .p_page .next .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_news_list-56002 .p_more .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_news_list-56002 .p_loading .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .w_sfbox-001>div>.p_SwipPanelBox { margin: 0; padding: 0; background-color: transparent; overflow: hidden; width: auto; height: auto; position: absolute; top: 50%; right: 30px; transform: translate(0, -50%); padding: 30px 0; z-index: 999 } .w_sfbox-001>div>.p_SwipPanelBox .p_SwipPanel { width: auto; height: auto; font-size: 14px; color: #626262; font-size: 12px; padding: 0 10px; border-width: 1px; border-style: solid; border-color: transparent; text-align: right; margin-top: 10px } .w_sfbox-001>div>.p_SwipPanelBox .p_SwipPanel:first-child { margin-top: 0 } .w_sfbox-001>div>.p_SwipPanelBox .p_SwipPanel .font { width: auto; height: auto; display: inline-block; margin-right: 5px; line-height: 23px; vertical-align: middle; cursor: pointer; font-family: NotoSansHans-Regular; font-size: inherit; color: inherit } .w_sfbox-001>div>.p_SwipPanelBox .p_SwipPanel .shape { width: 23px; height: 23px; display: inline-block; margin-left: 5px; line-height: 26px; padding: 4px; background-position: center; background-size: auto auto; vertical-align: middle; position: relative; cursor: pointer; border-radius: 50%; overflow: hidden; border-style: solid; border-width: 1px; border-color: transparent } .w_sfbox-001>div>.p_SwipPanelBox .p_SwipPanel .shape>div { width: 100%; height: 100%; background-color: #fff; border-radius: 50%; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.30) } .w_sfbox-001>div>.p_SwipPanelBox .p_SwipPanel.active .shape { border: 1px solid #fff } .w_sfbox-001>div>.p_SwipPanelBox .p_SwipPanel.active { color: #09c } .w_sfbox-001>div>.p_SwipPanelBox .p_SwipPanel .shape img { position: absolute; width: 100%; height: 100%; display: block } .w_sfbox-001>.w_sfbox>.p_fbox { width: 100% } .w_sfbox-001>.w_sfbox { width: 100% } .w_sfbox-001 { width: 100% } .w_sfbox-001 .tips { position: absolute; width: 100%; text-align: center; display: none !important } .w_sfbox-001 .tips .title { text-align: center; font-size: 18px; color: #c3c3c3 } .w_sfbox-001 .tips .content { text-align: center; font-size: 14px; font-family: "微软雅黑"; color: #a2a2a2; font-weight: normal; line-height: 24px } .w_sfbox-001>.w_sfbox>.p_fbox>.p_footer { width: 100%; height: 200px; background-color: #2e77ba; position: relative; background-repeat: no-repeat; background-position: center; background-size: 100% 100% } .w_sfbox-001 .p_SwipPanelBox.hor-right .font { float: right; margin-right: 0; margin-left: 5px } .w_sfbox-001 .p_SwipPanelBox.hor-right .shape { margin-right: 5px; margin-left: 0 } .w_sfbox-001 .p_SwipPanelBox.ver-top .p_SwipPanel { padding: 0 0 0 10px; float: left; margin: 0 } .w_sfbox-001 .p_SwipPanelBox.ver-top .font { margin: 0 0 5px 0; writing-mode: vertical-lr; display: block } .w_sfbox-001 .p_SwipPanelBox.ver-top .shape { margin: 5px 0 0 0 } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel { padding: 0 0 0 10px; float: left; margin: 0 } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel:first-child { padding: 0 } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .font { margin: 5px 0 0 0; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; writing-mode: tb-lr; display: block } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .shape { margin: 0 0 5px 0 } .w_sfbox-001>.w_sfbox>.p_fbox>.p_wrapbox { position: relative; background-color: #f4f4f4; overflow: hidden } .w_sfbox-001>.w_sfbox>.p_fbox>.p_wrapbox video { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .w_sfbox-001>.w_sfbox>.p_fbox>div>.p_bgBox { height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto } .c_public_htmlCode-01001 { position: absolute; width: 300px; height: 390px } body { margin: 0 auto; overflow: hidden } .c_friendlink_list-01001 .p_succ { width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color: #f7fbfb; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999 } .c_friendlink_list-01001 .p_succ .iconfont { height: auto; color: #a2d465; margin-right: 20px; display: inline-block; margin-left: 40px } .c_friendlink_list-01001 .p_succ .iconfont:before { content: "e648" } .c_friendlink_list-01001 .p_succ .fontbox { display: inline-block; vertical-align: top; max-width: 386px; margin-right: 20px } .c_friendlink_list-01001 .p_succ .promptbox { width: auto; height: auto; margin-top: 35px; margin-bottom: 35px } .c_friendlink_list-01001 .p_succ .assistfont { display: none } .c_friendlink_list-01001 .p_succ .closebtn { display: none } .c_friendlink_list-01001 .p_fail { width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color: #fdfcf3; border: 2px solid #ffdc90; font-size: 22px; position: absolute; z-index: 99999999999 } .c_friendlink_list-01001 .p_fail .iconfont { height: auto; color: #f00; margin-right: 20px; display: inline-block; margin-left: 40px } .c_friendlink_list-01001 .p_fail .iconfont:before { content: "e641" } .c_friendlink_list-01001 .p_fail .fontbox { display: inline-block; vertical-align: top; max-width: 386px; margin-right: 20px } .c_friendlink_list-01001 .p_fail .promptbox { width: auto; height: auto; margin-top: 35px; margin-bottom: 35px } .c_friendlink_list-01001 .p_fail .assistfont { font-size: 14px; color: #999; margin-top: 5px } .c_friendlink_list-01001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px } .c_friendlink_list-01001 .p_fail .closebtn:hover { cursor: pointer } .c_friendlink_list-01001 .p_PromptNoneData { width: auto; background-color: inherit; text-align: center } .c_friendlink_list-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: "" } .c_friendlink_list-01001 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0 } .c_friendlink_list-01001 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100% } .c_friendlink_list-01001 .p_PromptNoneData .prompt_title .first:before { content: "e6b4" } .c_friendlink_list-01001 .p_PromptNoneData .prompt_title .font { font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51, 51, 51, 1); font-weight: bold; text-align: left } .c_friendlink_list-01001 .p_PromptNoneData .promptbox { width: auto; height: 100% } .c_friendlink_list-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105, 1); padding-left: 65px } .c_friendlink_list-01001 .p_moreBtn { background: rgba(252, 252, 252, 1); border-color: rgba(240, 240, 240, 1); border-style: solid; border-width: 1px; display: inline-table; min-height: 29px; margin: 0; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; min-width: 86px; cursor: pointer; color: rgba(101, 190, 186, 1); font-size: 12px; text-align: center } .c_friendlink_list-01001 .p_moreBtn .font { white-space: nowrap; overflow: visible; vertical-align: middle } .c_friendlink_list-01001 .p_moreBtn:hover { background: rgba(101, 190, 186, 1); border-color: transparent } .c_friendlink_list-01001 .p_moreBtn:hover { color: rgba(255, 255, 255, 1) } .c_friendlink_list-01001 .p_moreBtn .iconfont:before { content: "" } @-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg) } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .loading_animation { -moz-animation: three-quarters-loader 850ms infinite linear; -webkit-animation: three-quarters-loader 850ms infinite linear; animation: three-quarters-loader 850ms infinite linear; border: 3px solid #737282; border-right-color: transparent; border-radius: 16px; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; vertical-align: middle } .c_friendlink_list-01001 .p_loading { width: 890px; height: 70px; background-color: #fbfbfc; line-height: 70px; text-align: center; color: #666; font-size: 18px } .c_friendlink_list-01001 .p_loading .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_friendlink_list-01001 .p_loading .font { display: inline-block; margin-left: 20px; line-height: 70px; height: inherit } .c_friendlink_list-01001 .p_more { width: 890px; text-align: center; padding-right: 20px; padding-left: 20px; height: 70px; background-color: #f6f7f8; position: relative; border-radius: 0; border-width: 0; color: rgba(115, 115, 131, 1); font-size: 18px } .c_friendlink_list-01001 .p_more:active { background-color: #f6f7f8 } .c_friendlink_list-01001 .p_more .font { display: table-cell; vertical-align: middle; text-align: inherit } .c_friendlink_list-01001 .p_more .iconfont { display: inline; vertical-align: middle } .c_friendlink_list-01001 .p_more .iconfont:before { content: "e6d1"; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_friendlink_list-01001 .p_moreBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .e_pagebox { width: auto; height: auto; clear: both; position: relative } .c_friendlink_list-01001 .p_page .pre { display: inline-table; float: left; margin-left: 18px; margin-right: 5px } .c_friendlink_list-01001 .p_page .pageNum { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 30px } .c_friendlink_list-01001 .p_page .next { display: inline-table; float: left } .c_friendlink_list-01001 .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px } .c_friendlink_list-01001 .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px } .c_friendlink_list-01001 .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .c_friendlink_list-01001 .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .c_friendlink_list-01001 .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0 rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1 } .c_friendlink_list-01001 .p_page .pre { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0 } .c_friendlink_list-01001 .p_page .pre:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer } .c_friendlink_list-01001 .p_page .pre:active { background-color: rgba(90, 170, 167, 1) } .c_friendlink_list-01001 .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .c_friendlink_list-01001 .p_page .pre:hover .iconfont { color: rgba(255, 255, 255, 1) } .c_friendlink_list-01001 .p_page .pre:active .iconfont { color: rgba(255, 255, 255, 1) } .c_friendlink_list-01001 .p_page .pre .iconfont:before { content: ""; margin-right: 5px; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_friendlink_list-01001 .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .c_friendlink_list-01001 .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px } .c_friendlink_list-01001 .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1 } .c_friendlink_list-01001 .p_page .next { height: 30px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0 } .c_friendlink_list-01001 .p_page .next:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer } .c_friendlink_list-01001 .p_page .next:active { background-color: rgba(90, 170, 167, 1) } .c_friendlink_list-01001 .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .c_friendlink_list-01001 .p_page .next:hover .iconfont { color: rgba(255, 255, 255, 1) } .c_friendlink_list-01001 .p_page .next:active .iconfont { color: rgba(255, 255, 255, 1) } .c_friendlink_list-01001 .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_friendlink_list-01001 .p_page .pageNum { position: relative; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; position: absolute; text-decoration: none; width: inherit } .c_friendlink_list-01001 .p_page .pageNum { height: 30px; width: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; position: relative } .c_friendlink_list-01001 .p_page .pageNum:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); cursor: pointer; text-decoration: none; background-color: rgba(101, 190, 186, 1) } .c_friendlink_list-01001 .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1) } .c_friendlink_list-01001 .p_page .pageNum.active { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255, 255, 255, 1) } .c_friendlink_list-01001 .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0 } .c_friendlink_list-01001 .p_page .pageNum .iconfont { display: inline; color: rgba(255, 255, 255, 1); vertical-align: middle } .c_friendlink_list-01001 .p_page .pageNum:hover .iconfont { color: rgba(255, 255, 255, 1) } .c_friendlink_list-01001 .p_page .pageNum:active .iconfont { color: rgba(255, 255, 255, 1) } .c_friendlink_list-01001 .p_page .pageNum .iconfont:before { content: "" } .c_friendlink_list-01001 .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } .c_friendlink_list-01001 .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } .c_friendlink_list-01001 .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: 0; overflow: hidden } .c_friendlink_list-01001 .p_CommonSquareNumBtn { display: inline-block; height: 10px; width: 100px; padding: 0; background-color: rgba(228, 228, 228, 1); border-width: 1px; border-color: transparent; color: rgba(153, 153, 153, 1); font-size: 12px; font-family: "Microsoft YaHei"; text-align: center; cursor: pointer } .c_friendlink_list-01001 .p_CommonSquareNumBtn img { display: none } .c_friendlink_list-01001 .p_CommonSquareNumBtn .shape { text-indent: -9999em; width: inherit; height: inherit; vertical-align: middle } .c_friendlink_list-01001 .p_CommonSquareNumBtn:hover, .c_friendlink_list-01001 .p_CommonSquareNumBtn.active { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1) } .c_friendlink_list-01001 .p_CommonSquareNumBtn.j-nav-active { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1) } .c_friendlink_list-01001 .p_CommonThumbnailBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .c_friendlink_list-01001 .p_CommonSummaryBoxA { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; text-align: center } .c_friendlink_list-01001 .p_CommonSwitchBtnB { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 28px; color: rgba(154, 155, 155, 1) } .c_friendlink_list-01001 .p_CommonSwitchBtnB .iconfont:before { content: "e6b0"; display: inline-block } .c_friendlink_list-01001 .p_CommonSwitchBtnB:hover { color: rgba(105, 192, 188, 1) } .c_friendlink_list-01001 .p_CommonSwitchBtnB:hover { cursor: pointer } .c_friendlink_list-01001 .p_summary { color: rgba(102, 102, 102, 1); font-size: 14px; line-height: 26px; text-align: left; vertical-align: top; word-break: break-all } .c_friendlink_list-01001 .p_nameB { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left } .c_friendlink_list-01001 .p_nameB .font { vertical-align: middle; line-height: 19px } .c_friendlink_list-01001 .p_nameB .iconfont:before { display: inline-block; content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_friendlink_list-01001 .p_SummaryBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .c_friendlink_list-01001 .p_title { display: inline-table; margin: 0; min-width: 37px; padding: 0; color: rgba(51, 51, 51, 1); font-size: 16px; font-weight: 400; cursor: pointer } .c_friendlink_list-01001 .p_title .font { vertical-align: middle; line-height: 21px } .c_friendlink_list-01001 .p_title:hover { color: rgba(87, 177, 173, 1) } .c_friendlink_list-01001 .p_title:active { color: rgba(69, 165, 161, 1) } .c_friendlink_list-01001 .p_title .iconfont:before { display: inline-block; content: "" } .e_title.c_friendlink_list-01001 .p_LinkB { display: inline-block; padding: 0; color: #707070; font-size: 14px; text-align: left } .e_title.c_friendlink_list-01001 .p_LinkB { white-space: nowrap; vertical-align: middle; line-height: 19px } a>.e_title.c_friendlink_list-01001 .p_LinkB:hover { text-decoration: underline; font-weight: bold; cursor: pointer; color: #60a9d7 } a>.e_title.c_friendlink_list-01001 .p_LinkB:active { color: #60a9d7; font-weight: 400 } a>.e_title.c_friendlink_list-01001 .p_LinkB:active { text-decoration: none; margin-top: 0 } .e_title.c_friendlink_list-01001 .p_LinkB .iconfont:before { display: inline-block; content: "" } .c_friendlink_list-01001 .p_nameA { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left } .c_friendlink_list-01001 .p_nameA .font { vertical-align: middle; line-height: 19px } .c_friendlink_list-01001 .p_nameA .iconfont:before { display: inline-block; content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_friendlink_list-01001 .p_TitleBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .c_friendlink_list-01001 .p_content { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .c_friendlink_list-01001 .p_thumbnail { padding: 0; border-width: 1px; border-style: none; border-color: transparent; overflow: hidden } .c_friendlink_list-01001 .p_thumbnail:hover { border-width: 1px; border-style: none; border-color: transparent } .c_friendlink_list-01001 .p_thumbnail:active { border-width: 1px; border-style: none; border-color: transparent } .c_friendlink_list-01001 .p_images { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .e_title.c_friendlink_list-01001 .p_LinkA { display: inline-block; padding: 0; color: #707070; font-size: 14px; text-align: left } .e_title.c_friendlink_list-01001 .p_LinkA { white-space: nowrap; vertical-align: middle; line-height: 19px } a>.e_title.c_friendlink_list-01001 .p_LinkA:hover { text-decoration: underline; font-weight: bold; cursor: pointer; color: #60a9d7 } a>.e_title.c_friendlink_list-01001 .p_LinkA:active { color: #60a9d7; font-weight: 400 } a>.e_title.c_friendlink_list-01001 .p_LinkA:active { text-decoration: none; margin-top: 0 } .e_title.c_friendlink_list-01001 .p_LinkA .iconfont:before { display: inline-block; content: "" } .c_friendlink_list-01001 .p_articles { margin: 5px; width: calc((100% - 60px)/6); height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px } .c_friendlink_list-01001 .p_links { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .c_friendlink_list-01001 .p_CommonSwitchBtnA { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 28px; color: rgba(154, 155, 155, 1) } .c_friendlink_list-01001 .p_CommonSwitchBtnA .iconfont:before { content: "e6b0"; display: inline-block } .c_friendlink_list-01001 .p_CommonSwitchBtnA:hover { color: rgba(105, 192, 188, 1) } .c_friendlink_list-01001 .p_CommonSwitchBtnA:hover { cursor: pointer } .c_friendlink_list-01001 .p_CommonInteraction { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .c_friendlink_list-01001 .p_CommonLanternBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .c_friendlink_list-01001 .p_Linkslist { margin: 0; width: 880px; height: auto; padding: 0; border-width: 1px; border-style: none; border-color: rgba(255, 255, 255, 1); background-color: transparent; white-space: nowrap; overflow: hidden !important; } .c_friendlink_list-01001 { position: absolute; width: 1180px; height: 400px; overflow: visible; font-size: 0 } .c_friendlink_list-01001 .p_Linkslist { width: auto; height: auto; overflow: visible; white-space: normal; background: transparent } .c_friendlink_list-01001 .p_links { width: auto; height: auto; overflow: hidden; border-color: transparent; padding: 15px; overflow: visible } .c_friendlink_list-01001 .p_articles { margin: 5px; height: auto; overflow: hidden; width: calc((100% - 70px)/7); display: inline-block; vertical-align: top; text-align: left; overflow: visible } .c_friendlink_list-01001 .p_LinkA { position: static } .c_friendlink_list-01001 .p_images { display: block; width: auto; height: auto; position: relative; vertical-align: middle; overflow: visible; margin: 0 auto; BORDER: #DDD 1px solid; MARGIN-LEFT: 20PX; MARGIN-TOP: 20PX } .c_friendlink_list-01001 .p_thumbnail { width: 100%; height: auto; vertical-align: middle; text-align: center } .c_friendlink_list-01001 .higher .p_thumbnail { position: absolute; height: 100% } .c_friendlink_list-01001 .widther .p_thumbnail { position: absolute; height: 100% } .c_friendlink_list-01001 .smaller .p_thumbnail { position: absolute; height: 100% } .c_friendlink_list-01001 .p_thumbnail img { width: 83.8% } .c_friendlink_list-01001 .p_content { width: auto; height: auto; border-width: 0; background-color: transparent } .c_friendlink_list-01001 .p_TitleBox { width: auto; height: auto; margin-top: 5px } .c_friendlink_list-01001 .p_nameA { vertical-align: bottom; float: left } .c_friendlink_list-01001 .p_nameA .font { line-height: 21px } .c_friendlink_list-01001 .p_nameA .iconfont:before { content: 'e6ae' } .c_friendlink_list-01001 .p_title { vertical-align: bottom; display: block; text-align: justify } .c_friendlink_list-01001 .p_nameA.item_hide+.p_LinkB .p_title { text-align: center } .c_friendlink_list-01001 .p_SummaryBox { width: auto; height: auto; margin-top: 5px } .c_friendlink_list-01001 .p_nameB { float: left } .c_friendlink_list-01001 .p_nameB .font { line-height: 20px } .c_friendlink_list-01001 .p_nameB .iconfont:before { content: '' } .c_friendlink_list-01001 .p_summary { line-height: 20px } .c_friendlink_list-01001 .p_nameB.item_hide+.p_summary { text-align: center } .c_friendlink_list-01001 .p_CommonLanternBox { width: auto; height: auto; position: relative } .c_friendlink_list-01001 .p_CommonSwitchBtnA { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 45px; color: #e5e5e5 } .c_friendlink_list-01001 .p_CommonSwitchBtnA .iconfont:before { content: "e687" } .c_friendlink_list-01001 .p_CommonSwitchBtnB { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); font-size: 45px; color: #e5e5e5 } .c_friendlink_list-01001 .p_CommonSwitchBtnB .iconfont:before { content: "e6ae" } .c_friendlink_list-01001 .p_CommonSummaryBoxA { width: auto; height: auto; text-align: center; margin-bottom: 20px } .c_friendlink_list-01001 .p_CommonThumbnailBox { width: auto; height: auto } .c_friendlink_list-01001 .d_CommonInteractionA { left: 0; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0, -50%) } .c_friendlink_list-01001 .d_CommonInteractionB { right: 0; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0, -50%) } .c_friendlink_list-01001 .p_CommonSquareNumBtn { width: 100px; height: 10px; margin: 0 8px } .c_friendlink_list-01001 .p_page { width: auto; height: auto; float: right; right: 30px; margin-bottom: 10px } .c_friendlink_list-01001 .p_moreBox { width: auto; height: auto } .c_friendlink_list-01001 .p_more { width: 100% } .c_friendlink_list-01001 .p_loading { width: 100% } .c_friendlink_list-01001 .p_MatteIcon .iconfont:before { content: 'e602' } .c_friendlink_list-01001>div { animation-fill-mode: both } .c_complaintPage_detail-01001 { position: absolute; width: 890px; height: 680px; overflow: hidden } .c_complaintPage_detail-01001 .p_complaintPageDetails { width: inherit; height: auto; white-space: normal; background: transparent } .c_complaintPage_detail-01001 .p_articles { width: inherit; height: auto; font-size: 14px; line-height: 21px; color: #656565 } .c_complaintPage_detail-01001 .p_MatteIcon .iconfont:before { content: 'e602' } .w_hline-001 .p_HLine { border-top-width: 1px; border-top-style: solid; border-top-color: #ccc; opacity: 1; filter: alpha(opacity:100) } .w_hline-001 { position: absolute; width: 300px; height: 1px; left: 100px; top: 20px } .w_hline-001 .w_hline { width: 120%; height: inherit } .c_message_form-01001 .p_PromptDisabled { width: auto; height: auto; background-color: inherit; position: absolute; z-index: 999999999 } .c_message_form-01001 .p_PromptDisabled .prompt_title .iconfont:before { content: "" } .c_message_form-01001 .p_PromptDisabled .prompt_title .first { height: auto; color: rgba(255, 0, 0, 1); display: inline-block; font-size: 50px; margin-right: 10px } .c_message_form-01001 .p_PromptDisabled .prompt_title .first:before { content: "e610" } .c_message_form-01001 .p_PromptDisabled .prompt_title .font { font-size: 20px; display: inline-block; line-height: 50px; vertical-align: top; color: rgba(0, 0, 0, 1); font-weight: bold } .c_message_form-01001 .p_PromptDisabled .promptbox { width: auto; height: auto } .c_message_form-01001 .p_PromptDisabled .prompt_content { font-size: 12px; color: rgba(105, 105, 105, 1); padding-left: 65px } .c_message_form-01001 .p_PromptNoneData { width: auto; background-color: inherit; text-align: center } .c_message_form-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: "" } .c_message_form-01001 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0 } .c_message_form-01001 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100% } .c_message_form-01001 .p_PromptNoneData .prompt_title .first:before { content: "e6b4" } .c_message_form-01001 .p_PromptNoneData .prompt_title .font { font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51, 51, 51, 1); font-weight: bold; text-align: left } .c_message_form-01001 .p_PromptNoneData .promptbox { width: auto; height: 100% } .c_message_form-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105, 1); padding-left: 65px } .c_message_form-01001 .p_succ { width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color: #f7fbfb; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999 } .c_message_form-01001 .p_succ .iconfont { height: auto; color: #a2d465; margin-right: 20px; display: inline-block; margin-left: 40px } .c_message_form-01001 .p_succ .iconfont:before { content: "e648" } .c_message_form-01001 .p_succ .fontbox { display: inline-block; vertical-align: top; max-width: 386px; margin-right: 20px } .c_message_form-01001 .p_succ .promptbox { width: auto; height: auto; margin-top: 35px; margin-bottom: 35px } .c_message_form-01001 .p_succ .assistfont { display: none } .c_message_form-01001 .p_succ .closebtn { display: none } .c_message_form-01001 .p_fail { width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color: #fdfcf3; border: 2px solid #ffdc90; font-size: 22px; position: absolute; z-index: 99999999999 } .c_message_form-01001 .p_fail .iconfont { height: auto; color: #f00; margin-right: 20px; display: inline-block; margin-left: 40px } .c_message_form-01001 .p_fail .iconfont:before { content: "e641" } .c_message_form-01001 .p_fail .fontbox { display: inline-block; vertical-align: top; max-width: 386px; margin-right: 20px } .c_message_form-01001 .p_fail .promptbox { width: auto; height: auto; margin-top: 35px; margin-bottom: 35px } .c_message_form-01001 .p_fail .assistfont { font-size: 14px; color: #999; margin-top: 5px } .c_message_form-01001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px } .c_message_form-01001 .p_fail .closebtn:hover { cursor: pointer } .c_message_form-01001 .p_CommonBtnA { font-size: 18px; width: 100%; height: 50px; color: rgba(255, 255, 255, 1); background-color: rgba(106, 186, 190, 1); padding-top: 0; padding-right: 20px; padding-left: 20px; text-align: center } .c_message_form-01001 .p_CommonBtnA:hover { color: rgba(255, 255, 255, 1); background-color: rgba(106, 186, 190, 1) } .c_message_form-01001 .p_CommonBtnA:hover .font { color: rgba(255, 255, 255, 1) } .c_message_form-01001 .p_CommonBtnA:active { color: rgba(255, 255, 255, 1); background-color: rgba(106, 186, 190, 1) } .c_message_form-01001 .p_CommonBtnA .font { display: table-cell; vertical-align: middle; text-align: inherit } .iconfont:before { content: "" } .c_message_form-01001 .d_checkbox { display: inline-block; vertical-align: middle; font-size: 14px } .c_message_form-01001 .d_checkbox .iconfont:before { content: "" } .c_message_form-01001 .d_checkbox .iconfont { display: inherit } .c_message_form-01001 .d_checkbox .checkbox { z-index: 99; cursor: pointer; opacity: 0 } .c_message_form-01001 .d_checkbox .shape { display: inline-block; vertical-align: top; top: 2px; height: 15px; width: 15px; border: 1px solid #dadada; position: relative } .c_message_form-01001 .d_checkbox .option { width: auto; height: auto } .c_message_form-01001 .d_checkbox label:hover { cursor: pointer } .c_message_form-01001 .d_checkbox .font { width: auto; display: inline-block } .c_message_form-01001 .d_checkbox .first { opacity: 0; position: absolute; left: 1px; top: -1px } .c_message_form-01001 .d_checkbox .first:before { content: "e645"; font-size: 17px; color: #65beba; left: -3px; top: -1px; position: absolute } .c_message_form-01001 .d_checkbox input[type="checkbox"]:checked+.iconfont.first { opacity: 1 } .c_message_form-01001 .d_checkboxA { display: inline-block; vertical-align: middle; font-size: 14px } .c_message_form-01001 .d_checkboxA .iconfont:before { content: "" } .c_message_form-01001 .d_checkboxA .iconfont { display: inherit } .c_message_form-01001 .d_checkboxA .checkbox { position: absolute; top: 0; left: 0; opacity: 0; z-index: 99; height: 100%; width: 100%; cursor: pointer } .c_message_form-01001 .d_checkboxA .shape { display: inline-block; height: 30px; width: 100px; border: 1px solid rgba(240, 240, 240, 1); position: relative } .c_message_form-01001 .d_checkboxA .option { width: auto; height: auto; position: relative } .c_message_form-01001 .d_checkboxA:hover { cursor: pointer } .c_message_form-01001 .d_checkboxA label:hover { cursor: pointer } .c_message_form-01001 .d_checkboxA .font { width: auto; display: inline-block } .c_message_form-01001 .d_checkboxA .first:before { content: "e6ab"; color: rgba(255, 255, 255, 1); position: absolute; bottom: -5px; right: 0; font-size: 12px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg) } .c_message_form-01001 .d_checkboxA .first { height: 0; width: 0; border: 10px solid transparent; border-left-color: rgba(107, 187, 184, 1); font-size: 20px; opacity: 0; position: absolute; bottom: -10px; right: -9px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg) } .c_message_form-01001 .d_checkboxA input[type="checkbox"]:checked+i { opacity: 1 } .c_message_form-01001 .d_checkboxA input[type="checkbox"]:checked+i:after { content: ""; width: 100px; height: 30px; position: absolute; top: 9px; right: -6px; display: block; border: 2px solid rgba(107, 187, 184, 1); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg) } .c_message_form-01001 .d_checkboxA input[type=checkbox]:hover+i { opacity: 1 } .c_message_form-01001 .d_checkboxA input[type=checkbox]:hover+i:after { content: ""; width: 100px; height: 30px; position: absolute; top: 9px; right: -6px; display: block; border: 2px solid rgba(107, 187, 184, 1); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg) } .c_message_form-01001 .d_checkboxA .option .font { position: absolute; top: -20px; left: 15px; line-height: 40px } .c_message_form-01001 .d_checkboxA.active .shape { border: 2px solid rgba(107, 187, 184, 1) } .c_message_form-01001 .d_nameP { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .d_nameP .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .d_nameP .iconfont:before { content: "" } .c_message_form-01001 .d_select { width: 250px; height: auto; position: relative; font-size: 0 } .c_message_form-01001 .d_select.error { border: 1px solid #F00 } .c_message_form-01001 .d_select i:before { content: "" } .c_message_form-01001 .d_select input { width: calc(100% - 30px); height: 30px; border: 1px solid rgba(240, 240, 240, 1); line-height: 30px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; padding-left: 5px } .c_message_form-01001 .d_select .InputIcon { font-size: 16px } .c_message_form-01001 .d_select .shape { display: inline-block; width: 30px; height: 30px; position: absolute; right: 0; line-height: 30px; background-color: #fafafa; text-align: center; border: 1px solid rgba(240, 240, 240, 1); border-left: none; font-size: 12px } .c_message_form-01001 .d_select .shape:before { content: "e6c9"; color: rgba(200, 200, 200, 1) } .c_message_form-01001 .d_select .shape.down:before { content: "e6c8"; color: rgba(200, 200, 200, 1) } .c_message_form-01001 .d_select .shape.up:before { content: "e6c9"; color: rgba(200, 200, 200, 1) } .c_message_form-01001 .d_select .itembox { height: 100px; width: inherit; position: absolute; top: 30px; left: 0; border: 1px solid rgba(240, 240, 240, 1); border-top: 0; overflow-y: auto; z-index: 99; background-color: #fff; font-size: 12px } .c_message_form-01001 .d_select .itembox:hover { cursor: pointer } .c_message_form-01001 .d_select li { width: auto; height: 30px; line-height: 30px; display: flex; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-items: stretch; display: -moz-flex; -moz-flex-flow: row wrap; -moz-align-items: stretch; display: -ms-flexbox; display: -ms-flex; -ms-flex-flow: row wrap; -ms-align-items: stretch; display: flex; flex-flow: row wrap; display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: center } .c_message_form-01001 .d_select .itembox img { width: 20px; height: 20px; line-height: inherit; margin-left: 5px; margin-right: 5px } .c_message_form-01001 .d_select .itembox .ItemFirst { font-size: 18px; line-height: 30px; margin-left: 5px } .c_message_form-01001 .d_select .itembox .ItemLast { font-size: 18px; line-height: 30px; height: auto } .c_message_form-01001 .d_select .itembox li:hover { background-color: rgba(239, 248, 248, 0.8); color: rgba(101, 190, 186, 1); cursor: pointer } .c_message_form-01001 .d_select .itembox .last .ItemFirst:before { color: transparent } .c_message_form-01001 .d_select span { width: 50%; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; flex: 1 } .c_message_form-01001 .d_select input:focus { border: 1px solid #86ccc9 } .c_message_form-01001 .d_select input:focus+.shape { border: 1px solid #86ccc9; border-left: none; background-color: #edf9f9 } .c_message_form-01001 .d_select input:focus+.shape+.itembox { border: 1px solid #86ccc9; border-top-width: 0 } .c_message_form-01001 .d_select:hover .shape { border: 1px solid #86ccc9; border-left: none } .c_message_form-01001 .d_select:hover .itembox { border: 1px solid #86ccc9; border-top: 0; background-color: #edf9f9 } .c_message_form-01001 .d_select:hover input { border: 1px solid #86ccc9 } .c_message_form-01001 .d_nameO { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .d_nameO .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .d_nameO .iconfont:before { content: "" } .c_message_form-01001 .d_CustomValue { display: inline-block; vertical-align: middle; font-size: 14px } .c_message_form-01001 .d_CustomValue .iconfont:before { content: "" } .c_message_form-01001 .d_CustomValue .radio { position: absolute; top: 0; left: 0; opacity: 0; z-index: 99; height: 100%; width: 100%; cursor: pointer } .c_message_form-01001 .d_CustomValue .shape { display: inline-block; height: 30px; width: 100px; border: 1px solid rgba(240, 240, 240, 1); position: relative } .c_message_form-01001 .d_CustomValue .option { width: auto; height: auto; position: relative } .c_message_form-01001 .d_CustomValue:hover { cursor: pointer } .c_message_form-01001 .d_CustomValue label:hover { cursor: pointer } .c_message_form-01001 .d_CustomValue .font { width: auto; display: inline-block } .c_message_form-01001 .d_CustomValue .first { height: 0; width: 0; font-size: 20px; opacity: 0 } .c_message_form-01001 .d_CustomValue input[type="radio"]:hover+i { opacity: 1 } .c_message_form-01001 .d_CustomValue input[type="radio"]:hover+i:after { content: ""; width: 100px; height: 30px; position: absolute; top: -1px; right: -1px; display: block; border: 2px solid #a6e2df } .c_message_form-01001 .d_CustomValue input[type="radio"]:checked+i { opacity: 1 } .c_message_form-01001 .d_CustomValue input[type="radio"]:checked+i:after { content: ""; width: 100px; height: 30px; position: absolute; top: -1px; right: -1px; display: block; border: 2px solid rgba(107, 187, 184, 1) } .c_message_form-01001 .d_CustomValue .option .font { position: absolute; top: -20px; left: 15px; line-height: 40px } .c_message_form-01001 .d_CustomValue.active .shape { border: 2px solid rgba(107, 187, 184, 1) } .c_message_form-01001 .d_CustomName { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameN .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameN .iconfont:before { content: "" } .c_message_form-01001 .d_textarea { width: 300px; height: 150px; line-height: 19px; font-size: 14px } .c_message_form-01001 .d_textarea textarea { display: inline-block; height: inherit; width: inherit; padding-left: 5px; padding-right: 5px; border-width: 1px; border-style: solid; border-color: rgba(240, 240, 240, 1); resize: none; padding-top: 5px } .c_message_form-01001 .p_textarea.error textarea { border-color: #F00 } .c_message_form-01001 .p_textarea textarea:hover { cursor: text } .c_message_form-01001 .p_textarea.d_error textarea { border-color: #f00 } .c_message_form-01001 .p_textarea textarea:focus { border-color: rgba(77, 144, 203, 1); outline: -webkit-focus-ring-color auto 5px } .e_text.disabled { background-color: rgba(235, 235, 228, 1) } .c_message_form-01001 .p_textarea.inputed textarea { border-color: rgba(76, 95, 213, 1) } .c_message_form-01001 .d_input { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_input:hover { cursor: text } .c_message_form-01001 .d_input input, .c_message_form-01001 .d_input .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_input.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_input .iconfont:before { content: "" } .c_message_form-01001 .p_input .last:before { content: "" } .c_message_form-01001 .p_input input:hover, .c_message_form-01001 .p_input .InputText:hover { cursor: text } .c_message_form-01001 .p_input input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .d_InputName { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .d_InputName .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameQ .iconfont:before { content: "" } .c_message_form-01001 .p_AssistLabelB { display: inline-block; margin: 0; padding: 0; text-align: left; font-size: 13px; color: rgba(201, 204, 204, 1); word-break: break-all } .c_message_form-01001 .p_AssistLabelB .font { white-space: normal; line-height: 17px } .c_message_form-01001 .p_AssistLabelB .iconfont:before { display: inline-block; content: "" } .c_message_form-01001 .p_imageB { padding: 0; border-width: 1px; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: transparent; overflow: hidden } .c_message_form-01001 .p_imageB:hover { border-width: 1px; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: transparent } .c_message_form-01001 .p_imageB:active { border-width: 1px; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: transparent } .c_message_form-01001 .p_CorrectIcon { margin: 0; width: inherit; height: inherit; color: rgba(102, 102, 102, 1) } .c_message_form-01001 .p_CorrectIcon .iconfont:before { content: 'e6bd'; font-size: 50px } .c_message_form-01001 .p_CloseIcon { margin: 0; width: inherit; height: inherit; color: rgba(102, 102, 102, 1) } .c_message_form-01001 .p_CloseIcon .iconfont:before { content: 'e6bd'; font-size: 50px } .c_message_form-01001 .p_EntryInput { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_EntryInput:hover { cursor: text } .c_message_form-01001 .p_EntryInput input, .c_message_form-01001 .p_EntryInput .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_EntryInput.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_EntryInput .iconfont { position: absolute } .c_message_form-01001 .p_EntryInput .iconfont:before { content: "" } .c_message_form-01001 .p_EntryInput .last:before { content: "" } .c_message_form-01001 .p_EntryInput input:hover, .c_message_form-01001 .p_EntryInput .InputText:hover { cursor: text } .c_message_form-01001 .p_EntryInput input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .p_EntryBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: solid; border-color: rgba(228, 228, 228, 1) } .c_message_form-01001 .p_nameX { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameX .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameX .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_captcha { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_captcha:hover { cursor: text } .c_message_form-01001 .p_captcha input, .c_message_form-01001 .p_captcha .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_captcha.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_captcha .iconfont { position: absolute } .c_message_form-01001 .p_captcha .iconfont:before { content: "" } .c_message_form-01001 .p_captcha .last:before { content: "" } .c_message_form-01001 .p_captcha input:hover, .c_message_form-01001 .p_captcha .InputText:hover { cursor: text } .c_message_form-01001 .p_captcha input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .p_nameL { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameL .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameL .iconfont:before { content: "" } .c_message_form-01001 .p_note { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_note:hover { cursor: text } .c_message_form-01001 .p_note input, .c_message_form-01001 .p_note .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_note.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_note .iconfont { position: absolute } .c_message_form-01001 .p_note .iconfont:before { content: "" } .c_message_form-01001 .p_note .last:before { content: "" } .c_message_form-01001 .p_note input:hover, .c_message_form-01001 .p_note .InputText:hover { cursor: text } .c_message_form-01001 .p_note input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .p_nameK { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameK .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameK .iconfont:before { content: "" } .c_message_form-01001 .p_DateIconA { margin: 0; width: inherit; height: inherit; color: rgba(102, 102, 102, 1) } .c_message_form-01001 .p_DateIconA .iconfont:before { content: 'e6bd'; font-size: 50px } .c_message_form-01001 .p_DateIcon { margin: 0; width: inherit; height: inherit; color: rgba(102, 102, 102, 1) } .c_message_form-01001 .p_DateIcon .iconfont:before { content: 'e6bd'; font-size: 50px } .c_message_form-01001 .p_time { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_time:hover { cursor: text } .c_message_form-01001 .p_time input, .c_message_form-01001 .p_time .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_time.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_time .iconfont { position: absolute } .c_message_form-01001 .p_time .iconfont:before { content: "" } .c_message_form-01001 .p_time .last:before { content: "" } .c_message_form-01001 .p_time input:hover, .c_message_form-01001 .p_time .InputText:hover { cursor: text } .c_message_form-01001 .p_time input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .p_nameR { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .d_TextareaName .font { vertical-align: middle } .c_message_form-01001 .p_nameR .iconfont:before { content: "" } .c_message_form-01001 .p_ZipCode { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_ZipCode:hover { cursor: text } .c_message_form-01001 .p_ZipCode input, .c_message_form-01001 .p_ZipCode .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_ZipCode.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_ZipCode .iconfont { position: absolute } .c_message_form-01001 .p_ZipCode .iconfont:before { content: "" } .c_message_form-01001 .p_ZipCode .last:before { content: "" } .c_message_form-01001 .p_ZipCode input:hover, .c_message_form-01001 .p_ZipCode .InputText:hover { cursor: text } .c_message_form-01001 .p_ZipCode input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .p_nameJ { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameJ .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameJ .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_address { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_address:hover { cursor: text } .c_message_form-01001 .p_address input, .c_message_form-01001 .p_address .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_address.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_address .iconfont { position: absolute } .c_message_form-01001 .p_address .iconfont:before { content: "" } .c_message_form-01001 .p_address .last:before { content: "" } .c_message_form-01001 .p_address input:hover, .c_message_form-01001 .p_address .InputText:hover { cursor: text } .c_message_form-01001 .p_address input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .p_nameI { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameI .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameI .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_email { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_email:hover { cursor: text } .c_message_form-01001 .p_email input, .c_message_form-01001 .p_email .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_email.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_email .iconfont { position: absolute } .c_message_form-01001 .p_email .iconfont:before { content: "" } .c_message_form-01001 .p_email .last:before { content: "" } .c_message_form-01001 .p_email input:hover, .c_message_form-01001 .p_email .InputText:hover { cursor: text } .c_message_form-01001 .p_email input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .p_nameH { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameH .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameH .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_fax { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_fax:hover { cursor: text } .c_message_form-01001 .p_fax input, .c_message_form-01001 .p_fax .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_fax.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_fax .iconfont { position: absolute } .c_message_form-01001 .p_fax .iconfont:before { content: "" } .c_message_form-01001 .p_fax .last:before { content: "" } .c_message_form-01001 .p_fax input:hover, .c_message_form-01001 .p_fax .InputText:hover { cursor: text } .c_message_form-01001 .p_fax input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .p_nameG { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameG .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameG .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_company { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_company:hover { cursor: text } .c_message_form-01001 .p_company input, .c_message_form-01001 .p_company .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_company.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_company .iconfont { position: absolute } .c_message_form-01001 .p_company .iconfont:before { content: "" } .c_message_form-01001 .p_company .last:before { content: "" } .c_message_form-01001 .p_company input:hover, .c_message_form-01001 .p_company .InputText:hover { cursor: text } .c_message_form-01001 .p_company input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .p_nameF { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameF .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameF .iconfont:before { content: "" } .c_message_form-01001 .p_phone { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_phone:hover { cursor: text } .c_message_form-01001 .p_phone input, .c_message_form-01001 .p_phone .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_phone.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_phone .iconfont { position: absolute } .c_message_form-01001 .p_phone .iconfont:before { content: "" } .c_message_form-01001 .p_phone .last:before { content: "" } .c_message_form-01001 .p_phone input:hover, .c_message_form-01001 .p_phone .InputText:hover { cursor: text } .c_message_form-01001 .p_phone input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .p_nameE { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameE .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameE .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_telephone { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_telephone:hover { cursor: text } .c_message_form-01001 .p_telephone input, .c_message_form-01001 .p_telephone .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_telephone.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_telephone .iconfont { position: absolute } .c_message_form-01001 .p_telephone .iconfont:before { content: "" } .c_message_form-01001 .p_telephone .last:before { content: "" } .c_message_form-01001 .p_telephone input:hover, .c_message_form-01001 .p_telephone .InputText:hover { cursor: text } .c_message_form-01001 .p_telephone input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .p_nameD { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameD .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameD .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_sex { display: inline-block; vertical-align: middle; font-size: 14px } .c_message_form-01001 .p_sex .iconfont:before { content: "" } .c_message_form-01001 .p_sex .radio { z-index: 99; opacity: 0; cursor: pointer } .c_message_form-01001 .p_sex .shape { display: inline-block; vertical-align: top; width: 15px; height: 15px; border: 1px solid #dadada; border-radius: 50%; position: relative; top: 2px } .c_message_form-01001 .p_sex .option { width: auto; height: auto; line-height: 100% } .c_message_form-01001 .p_sex label:hover { cursor: pointer } .c_message_form-01001 .p_sex .font { width: auto; display: inline-block } .c_message_form-01001 .p_sex .first { opacity: 0; position: absolute; left: -4px; top: -6px } .c_message_form-01001 .p_sex .first:before { content: "e669"; font-size: 21px; color: #65beba; position: absolute; top: 2px; left: 0 } .c_message_form-01001 .p_sex input[type="radio"]:checked+.iconfont.first { opacity: 1 } .c_message_form-01001 .p_sex input[type="radio"]:checked+i:after { content: ""; width: 15px; height: 15px; border-radius: 50%; position: absolute; top: 5px; left: 3px; display: block; border: 1px solid rgba(107, 187, 184, 1) } .c_message_form-01001 .p_nameC { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameC .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameC .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_nameM { display: inline-block; width: 300px; height: 36px; vertical-align: middle; color: inherit; position: relative; font-size: 14px } .c_message_form-01001 .p_nameM:hover { cursor: text } .c_message_form-01001 .p_nameM input, .c_message_form-01001 .p_nameM .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; line-height: inherit; border: 1px solid #f0f0f0; padding-left: 7px } .c_message_form-01001 .p_nameM.error input { border: 1px solid rgba(255, 3, 3, 1) !important } .c_message_form-01001 .p_nameM .iconfont { position: absolute } .c_message_form-01001 .p_nameM .iconfont:before { content: "" } .c_message_form-01001 .p_nameM .last:before { content: "" } .c_message_form-01001 .p_nameM input:hover, .c_message_form-01001 .p_nameM .InputText:hover { cursor: text } .c_message_form-01001 .p_nameM input:focus { outline: -webkit-focus-ring-color auto 5px; border: 1px solid rgba(77, 144, 203, 1) } .c_message_form-01001 .p_nameB { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameB .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameB .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_LoginPrompt { width: auto; height: auto; display: inline-block } .c_message_form-01001 .p_LoginPrompt .icon-error { display: inline-block; vertical-align: middle; color: #dc8d99; height: 14px; margin: 0 10px; font-size: 14px; position: static } .c_message_form-01001 .p_LoginPrompt .icon-error:before { content: "e63f" } .c_message_form-01001 .p_LoginPrompt .text-error { max-width: 310px; position: relative; display: inline-block; vertical-align: middle; border: 1px solid #c6cbd0; border-radius: 2px; padding: 5px 10px; background-color: #f0f0f1; font-style: normal; font-size: 14px; white-space: normal } .c_message_form-01001 .p_LoginPrompt .text-error:before { content: ""; display: block; border-width: 8px; position: absolute; top: 50%; left: -16px; border-style: dashed solid dashed solid; border-color: transparent rgba(198, 203, 208, 1) transparent transparent; font-size: 0; line-height: 0; margin-top: -8px } .c_message_form-01001 .p_LoginPrompt .text-error:after { content: ""; display: block; border-width: 8px; position: absolute; top: 50%; left: -15px; border-style: dashed solid dashed solid; border-color: transparent #f0f1f1 transparent transparent; font-size: 0; line-height: 0; margin-top: -8px } .c_message_form-01001 .p_LoginPrompt a { font-size: 12px; color: #65beba; margin-left: -3px } .c_message_form-01001 .p_LoginPrompt a:hover { font-weight: bold; text-decoration: underline; color: #65beba } .c_message_form-01001 .p_LoginPrompt a.p_link { display: none } .c_message_form-01001 .p_LoginPrompt.p_enter { display: block; margin-top: 10px; margin-left: 60px } .c_message_form-01001 .p_LoginPrompt .font { width: auto; height: auto; display: inline-block } .c_message_form-01001 .p_content { width: 300px; height: 150px; line-height: 19px; font-size: 14px } .c_message_form-01001 .p_content textarea { display: inline-block; height: inherit; width: inherit; padding-left: 5px; padding-right: 5px; border-width: 1px; border-style: solid; border-color: rgba(240, 240, 240, 1); resize: none; padding-top: 5px } .c_message_form-01001 .p_content.error textarea { border-color: #F00 } .c_message_form-01001 .p_content textarea:hover { cursor: text } .c_message_form-01001 .p_content.d_error textarea { border-color: #f00 } .c_message_form-01001 .p_content textarea:focus { border-color: rgba(77, 144, 203, 1); outline: -webkit-focus-ring-color auto 5px } .e_text.disabled { background-color: rgba(235, 235, 228, 1) } .c_message_form-01001 .p_content.inputed textarea { border-color: rgba(76, 95, 213, 1) } .c_message_form-01001 .p_nameA { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameA .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameA .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_star { display: table-cell; position: relative; z-index: 3; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); width: 20px; height: auto; padding-left: 0; padding-right: 0; padding-top: 0; text-align: center; font-size: 14px } .c_message_form-01001 .p_star:hover { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none } .c_message_form-01001 .p_star:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none } .c_message_form-01001 .p_star .iconfont { display: inline-block } .c_message_form-01001 .p_star .iconfont:before { content: "e6b2" } .c_message_form-01001 .p_star.active .iconfont:before { content: "e6b5" } .c_message_form-01001 .p_AssistLabelA { width: inherit; height: auto; font-size: 14px; line-height: 21px } .c_message_form-01001 .p_nameT { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameT .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameT .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_SubHeadA { display: inline-block; margin: 0; padding: 0; color: rgba(51, 51, 51, 1); font-size: 20px; font-weight: bold; text-align: left } .c_message_form-01001 .p_SubHeadA .font { white-space: nowrap; vertical-align: middle; line-height: 26px } .c_message_form-01001 .p_SubHeadA .iconfont:before { content: "" } .c_message_form-01001 .p_nameS { display: inline-block; margin: 0; padding: 0; color: #666; font-size: 14px; text-align: right } .c_message_form-01001 .p_nameS .font { white-space: nowrap; vertical-align: middle; line-height: 19px } .c_message_form-01001 .p_nameS .iconfont:before { content: ""; shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_MessageForm { margin: 0; width: 880px; height: auto; padding: 0; border-width: 1px; border-style: none; border-color: rgba(255, 255, 255, 1); background-color: transparent; white-space: nowrap } .c_message_form-01001 { height: 1500px; position: absolute; width: 890px; overflow: hidden } .c_message_form-01001 .p_MessageForm { width: auto; height: auto; background: transparent; margin: 15px; white-space: normal } .c_message_form-01001 .p_MessageForm:hover { border-style: none } .c_message_form-01001 .p_header { width: auto; height: auto; margin-top: 10px } .c_message_form-01001 .p_SubHeadBox { width: auto; height: auto } .c_message_form-01001 .p_nameS { display: inline-block; vertical-align: middle; width: 100px; margin-right: 5px; color: #666 } .c_message_form-01001 .p_nameS .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .c_message_form-01001 .p_AssistLabelBox { width: auto; height: auto; padding-right: 27px; margin-top: 10px; display: flex; display: -webkit-box } .c_message_form-01001 .p_nameT { display: inline-block; vertical-align: middle; width: 100px; vertical-align: top; margin-right: 5px; color: #666 } .c_message_form-01001 .p_nameT .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .c_message_form-01001 .p_SubHeadA { display: inline-block; vertical-align: middle; width: 333px } .c_message_form-01001 .d_ContentBox { display: table; width: auto; height: auto; margin-top: 10px; overflow: visible } .c_message_form-01001 .d_NameBox { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .d_SexBox { width: auto; height: 30px; margin-top: 13px } .c_message_form-01001 .d_TelephoneBox { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .d_PhoneBox { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .p_CompanyBox { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .d_FaxBox { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .d_EmailBox { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .d_AddressBox { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .d_ZipCodeBox { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .p_NoteBox { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .p_CaptchaBox { width: auto; height: 30px; margin-top: 13px } .c_message_form-01001 .d_TimeBox { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .d_DateIcon { position: absolute; left: 420px; display: inline-block; width: 20px; top: 50%; font-size: 18px; margin-top: -10px; cursor: pointer } .c_message_form-01001 .d_DateIcon::before { content: 'e60f'; font-size: 18px } .c_message_form-01001 .d_DateIconA { position: absolute; left: 420px; display: inline-block; width: 20px; top: 50%; font-size: 18px; margin-top: -10px; cursor: pointer } .c_message_form-01001 .d_DateIconA::before { content: 'e60f'; font-size: 18px } .c_message_form-01001 .p_nameA { display: inline-block; width: auto; vertical-align: middle; color: #666; max-width: 6em } .c_message_form-01001 .p_nameA .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .c_message_form-01001 .p_nameB { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .p_nameB .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .p_nameC { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .p_nameC .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .p_nameD { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .p_nameD .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .p_nameE { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .p_nameE .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .p_nameF { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .p_nameF .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .p_nameG { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .p_nameG .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .p_nameH { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .p_nameH .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .p_nameI { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .p_nameI .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .p_nameJ { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .p_nameJ .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .p_nameK { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .p_nameK .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .p_nameL { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .p_nameL .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .d_TextareaName { line-height: 30px } .c_message_form-01001 .p_AssistLabelA { vertical-align: middle; display: block; width: 333px } .c_message_form-01001 .p_AssistLabelA .font { display: block; width: inherit } .c_message_form-01001 .p_AssistLabelA .iconfont:before { display: inline } .c_message_form-01001 .p_AssistLabelB { vertical-align: middle } .c_message_form-01001 .p_AssistLabelC { vertical-align: middle } .c_message_form-01001 .p_AssistLabelD { vertical-align: middle } .c_message_form-01001 .p_AssistLabelE { vertical-align: middle } .c_message_form-01001 .p_AssistLabelF { vertical-align: middle } .c_message_form-01001 .p_AssistLabelG { vertical-align: middle } .c_message_form-01001 .p_AssistLabelH { vertical-align: middle } .c_message_form-01001 .p_infoA { vertical-align: middle } .c_message_form-01001 .p_infoB { vertical-align: middle } .c_message_form-01001 .p_iconA { vertical-align: middle; margin-top: 5px } .c_message_form-01001 .p_CommonBtnA { display: table; width: auto; height: 40px; min-width: 90px; margin-left: 75px; margin-top: 13px; position: static; margin: 13px auto 0; } .c_message_form-01001 .p_content {display: inline-block;width: 333px;height: 130px;color: #666;border-color: #f0f0f0;margin-top: -5px;} .c_message_form-01001 .p_content .Text { border-color: rgba(228, 228, 228, 1) } .c_message_form-01001 .p_content .Text:focus { border-color: rgba(77, 144, 203, 1); outline: -webkit-focus-ring-color auto 0 } .c_message_form-01001 .d_textarea .Text { border-color: rgba(228, 228, 228, 1) } .c_message_form-01001 .p_textarea .Text:focus { border-color: rgba(77, 144, 203, 1); outline: -webkit-focus-ring-color auto 0 } .c_message_form-01001 .p_sex { color: rgba(153, 153, 153, 1); margin-right: 10px } .c_message_form-01001 .p_sex .shape { vertical-align: top } .c_message_form-01001 .p_sex .iconfont { color: rgba(153, 153, 153, 1) } .c_message_form-01001 .p_nameM { width: 333px; color: #666; border-color: rgba(228, 228, 228, 1); height: 30px } .c_message_form-01001 .p_telephone { width: 333px; color: #666; border-color: rgba(228, 228, 228, 1); height: 30px } .c_message_form-01001 .p_phone { width: 333px; color: #666; border-color: rgba(228, 228, 228, 1); height: 30px } .c_message_form-01001 .p_company { width: 333px; color: #666; border-color: rgba(228, 228, 228, 1); height: 30px } .c_message_form-01001 .p_fax { width: 333px; color: #666; border-color: rgba(228, 228, 228, 1); height: 30px } .c_message_form-01001 .p_email { width: 333px; color: #666; border-color: rgba(228, 228, 228, 1); height: 30px } .c_message_form-01001 .p_address { width: 333px; color: #666; border-color: rgba(228, 228, 228, 1); height: 30px } .c_message_form-01001 .p_ZipCode { width: 333px; color: #666; border-color: rgba(228, 228, 228, 1); height: 30px } .c_message_form-01001 .p_time { width: 333px; color: #666; border-color: rgba(228, 228, 228, 1); height: 30px } .c_message_form-01001 .p_note { width: 333px; color: #666; border-color: rgba(228, 228, 228, 1); height: 30px } .c_message_form-01001 .p_captcha { width: 80px; color: #666; border-color: rgba(228, 228, 228, 1); height: 30px } .c_message_form-01001 .p_captcha input.InputText { width: 80px } .c_message_form-01001 .d_custom { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .d_CustomValue { margin-right: 10px } .c_message_form-01001 .d_checkboxA { margin-right: 10px } .c_message_form-01001 .d_checkbox { margin-right: 10px } .c_message_form-01001 .d_customA { width: auto; height: auto; margin-top: 13px; overflow: visible } .c_message_form-01001 .d_select { display: inline-block; width: 200px; vertical-align: middle } .c_message_form-01001 .d_select input { border: 1px solid #f0f0f0 } .c_message_form-01001 .d_select input:focus { border: 1px solid #86ccc9 } .c_message_form-01001 .d_select i { border-color: #f0f0f0 } .c_message_form-01001 .d_select .shape:hover { box-shadow: none } .c_message_form-01001 .d_select .shape:active { box-shadow: none } .c_message_form-01001 .d_SelectMore { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .d_checkbox { display: inline-block; vertical-align: middle; margin-right: 10px } .c_message_form-01001 .d_checkbox .font { vertical-align: -2px } .c_message_form-01001 .d_SelectMoreA { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .d_nameQ { display: inline-block; width: auto; vertical-align: middle } ::-moz-placeholder { color: mediumvioletred; text-indent: 5px; opacity: 1 !important } :-ms-input-placeholder { color: mediumvioletred; text-indent: 5px } ::-webkit-input-placeholder { color: mediumvioletred; text-indent: 5px } .c_message_form-01001 .d_CustomInput { width: auto; height: auto; margin-top: 10px } .c_message_form-01001 .d_input { border-color: rgba(228, 228, 228, 1); height: 30px; line-height: 30px; width: 333px } .c_message_form-01001 .d_CustomTextarea { width: auto; height: auto; margin-top: 10px } .c_message_form-01001 .d_textarea { border-color: rgba(228, 228, 228, 1); height: 150px; width: 333px; display: inline-block } .c_message_form-01001 .d_InputName { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .d_InputName .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .d_TextareaName { display: inline-block; width: auto; vertical-align: middle; float: none; color: #666; max-width: 6em } .c_message_form-01001 .d_TextareaName .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .d_CustomName { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .d_CustomName .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .d_nameO { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .d_nameO .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .d_nameP { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: #666; max-width: 6em } .c_message_form-01001 .d_nameP .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .js-error { display: inline-block; vertical-align: middle } .js-error i { font-style: normal } .c_message_form-01001 .d_error { border-color: #dc8d99 } .icon-error { display: inline-block; vertical-align: middle; color: #dc8d99; height: 14px; margin: 0 10px; font-size: 14px } .text-error { position: relative; display: inline-block; vertical-align: middle; border: 1px solid #c6cbd0; border-radius: 2px; padding: 5px 10px; background-image: -ms-linear-gradient(top, #fafbfb 0, #e5e6e7 100%); background-image: -moz-linear-gradient(top, #fafbfb 0, #e5e6e7 100%); background-image: -o-linear-gradient(top, #fafbfb 0, #e5e6e7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafbfb), color-stop(1, #e5e6e7)); background-image: -webkit-linear-gradient(top, #fafbfb 0, #e5e6e7 100%); background-image: linear-gradient(to bottom, #fafbfb 0, #e5e6e7 100%) } .text-error::before { content: ""; display: block; border-width: 8px; position: absolute; top: 50%; left: -16px; border-style: dashed solid dashed solid; border-color: transparent rgba(198, 203, 208, 1) transparent transparent; font-size: 0; line-height: 0; margin-top: -8px } .text-error:after { content: ""; display: block; border-width: 8px; position: absolute; top: 50%; left: -16px; border-style: dashed solid dashed solid; border-color: transparent rgba(198, 203, 208, 1) transparent transparent; font-size: 0; line-height: 0; margin-top: -8px } .text-error:after { left: -15px; border-color: transparent #f0f1f1 transparent transparent } .d_error .arrow.iconfont:before { color: rgba(220, 141, 153, 1) } .c_message_form-01001 .itemBox { position: absolute; z-index: 99; left: -1px; top: 30px; border-width: 1px; border-style: none solid solid; border-color: rgba(228, 228, 228, 1); width: inherit; background: rgba(255, 255, 255, 1) } .c_message_form-01001 .d_CaptchasBoxA { width: auto; height: auto; margin-top: 13px } .c_message_form-01001 .d_nameX { display: inline-block; width: auto; vertical-align: middle; line-height: 30px; color: rgba(102, 102, 102, 1); max-width: 6em } .c_message_form-01001 .d_nameX .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px } .c_message_form-01001 .p_EntryBox { display: inline-block; position: relative; vertical-align: middle; width: 135px; height: 30px; border: 0 } .c_message_form-01001 .p_EntryInput { position: absolute; left: -11px; vertical-align: middle; width: 98px; height: 30px; border-color: rgba(240, 240, 240, 1); padding-left: 8px; padding-right: 28px } .c_message_form-01001 .p_EntryInput input.InputText { width: 135px; height: 30px } .c_message_form-01001 .d_IconBox { float: right; width: 0; height: 100% } .c_message_form-01001 .d_CloseIcon { position: absolute; right: 15px; top: 7px; width: 12px; vertical-align: middle; font-size: 16px; color: rgba(205, 65, 55, 1); cursor: pointer } .c_message_form-01001 .d_CloseIcon::before { content: 'e851'; font-size: 12px } .c_message_form-01001 .d_CorrectIcon { position: absolute; right: 15px; top: 7px; width: 12px; vertical-align: middle; font-size: 16px; color: rgba(64, 191, 70, 1); cursor: pointer } .c_message_form-01001 .d_CorrectIcon::before { content: 'e833'; font-size: 12px } .c_message_form-01001 .d_imageB { display: inline-block; position: relative; width: 85px; height: 30px; border-style: none; cursor: pointer; vertical-align: bottom } .c_message_form-01001 .d_AssistLabelB { position: relative; padding-right: 16px; font-size: 12px; cursor: pointer } .c_message_form-01001 .d_AssistLabelB .iconfont::before { position: absolute; right: 0; top: 3px; content: 'e649'; color: rgba(59, 59, 59, 1) } .c_message_form-01001 .p_NameStarC { height: auto; width: auto; display: inline-block; vertical-align: top } .c_message_form-01001 .p_star { color: #ff1800; display: inline-block; width: 12px; margin-top: 3px } .c_message_form-01001 .p_star .iconfont:before { content: "" } .c_message_form-01001 .e_input-001 .InputText { width: 100%; height: 100%; border: 1px solid #f0f0f0 } .c_message_form-01001 .e_input-001.error input { border: 1px solid #dc8d99 !important } .c_message_form-01001 .e_input-001 .InputText:focus { border: 1px solid rgba(77, 144, 203, 1); outline: -webkit-focus-ring-color auto 0 } .c_message_form-01001 .p_GuideBox { width: 100px; height: 30px; display: inline-block; text-align: right; vertical-align: middle; margin-right: 5px } .c_message_form-01001 .d_ContentBox .p_GuideBox { vertical-align: top } .c_message_form-01001 .d_ContentBox .p_LoginPrompt { vertical-align: top } .c_message_form-01001 .p_CustomTextarea .p_GuideBox { vertical-align: top } .c_message_form-01001 .d_CustomTextarea .p_GuideBox { vertical-align: top } .c_message_form-01001 .p_CustomTextarea .p_LoginPrompt { vertical-align: top } ::-moz-placeholder { color: rgba(205, 205, 205, 1); text-indent: 2px; opacity: 1 !important; font-size: 14px } :-ms-input-placeholder { color: rgba(205, 205, 205, 1); text-indent: 2px; font-size: 14px } ::-webkit-input-placeholder { color: rgba(205, 205, 205, 1); text-indent: 2px; font-size: 14px } .c_message_form-01001 .d_CustomValueBox { max-width: 725px; display: inline-block; vertical-align: middle; white-space: normal; width: auto; height: auto } .c_message_form-01001 .d_checkboxContainer { max-width: 725px; display: inline-block; vertical-align: middle; white-space: normal; width: auto; height: auto } .c_message_form-01001 .d_checkboxContainerA { max-width: 725px; display: inline-block; vertical-align: middle; white-space: normal; width: auto; height: auto } .c_message_form-01001 .js-validate-group { margin: 10px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px } .c_message_form-01001 .p_MatteIcon .iconfont:before { content: 'e602' } .c_message_form-01001>div { animation-fill-mode: both } .c_message_form-01001 .p_nameM .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_phone .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_telephone .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_fax .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_email .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_address .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_ZipCode .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_message_form-01001 .p_EntryInput .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .c_public_htmlCode-01001002 { position: absolute; width: 300px; height: 390px } @CHARSET "UTF-8"; * { padding: 0; margin: 0 } @keyframes wml { from { transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0) } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } to { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg) } } #c_public_htmlCode-15153985161531525 .c_public_htmlCode-01001 { position: absolute; width: 300px; height: 390px } #c_public_htmlCode-15153985161531525 { position: absolute; top: 397.5px; left: 13px; z-index: 1; width: 1815px; height: 400px } #c_complaintPage_detail-15154057248481057 .p_MatteIcon .iconfont:before { content: 'e602' } #c_complaintPage_detail-15154057248481057 { position: fixed; top: auto; left: 50%; bottom: 40px; right: auto; transform: translate(-50%, 0px); width: 50px; height: 50px; z-index: 102; content: "bc"; max-width: none; min-width: 0; max-height: none; min-height: 0; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; -webkit-transform: translate(-50%, 0px) } #c_public_htmlCode-15235857966213826 { position: fixed; top: auto; left: auto; bottom: 30px; right: 20px; transform: none; width: 177px; height: 155px; z-index: 114; content: "rb"; max-width: none; min-width: 0; max-height: none; min-height: 0; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; -webkit-transform: none } #c_ebizads_banner-15246306096466973 .p_MatteIcon .iconfont:before { content: 'e602' } #c_ebizads_banner-15246306096466973 { position: absolute; top: 332px; left: 842px; z-index: 107; width: 400px; height: 200px } #c_product_list-15234187551144089 .p_CommonSummaryBoxA { text-align: center } #c_product_list-15234187551144089 .p_MatteIcon .iconfont:before { content: 'e602' } .active #c_product_list-15234187551144089>div { animation-name: flipInX; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: both; } #c_product_list-15234187551144089 .btnc h3:hover { color: rgba(254, 119, 2, 1) } #c_product_list-15234187551144089 { position: absolute; top: 83px; left: -72px; z-index: 8; width: 1145px; height: 328px } #c_video_list-15235981920257656 .p_MatteIcon .iconfont:before { content: 'e602' } #c_video_list-15235981920257656 .column p { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; background: rgba(5, 51, 149, 0.88); height: 68px; padding: 0 15px; opacity: 0; overflow: hidden; } #c_video_list-15235981920257656 .column a:hover { color: #ff7907 } #c_video_list-15235981920257656 .column a:hover p { opacity: 1; } #c_video_list-15235981920257656 .column .column_img { /* height: 240px */ } #c_video_list-15235981920257656 { position: absolute; top: 0; left: 0; z-index: 1; width: 1000px; height: 263px } #c_news_list-15154027045079123 .p_articles { margin: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0 } #c_news_list-15154027045079123 .p_CommonSummaryBoxA { text-align: center } #c_news_list-15154027045079123 .p_MatteIcon .iconfont:before { content: 'e602' } .active #c_news_list-15154027045079123>div { animation-name: fadeInUp; animation-duration: 1s; animation-delay: 1.5s; animation-fill-mode: both } #c_news_list-15154027045079123 .p_page .pre .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_news_list-15154027045079123 .p_page .next .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_news_list-15154027045079123 .p_more .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_news_list-15154027045079123 .p_loading .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_news_list-15154027045079123 .txts_1 { background: rgba(5, 51, 149, 0.8) } #c_news_list-15154027045079123 .txts_2 { background: rgba(5, 51, 149, 0.8) } #c_news_list-15154027045079123 .nw-news a { height: 210px } #c_news_list-15154027045079123 { position: absolute; top: 108px; left: 0; z-index: 1; width: 1000px; height: 264px } #c_message_form-15154044030593246 .js-validate-group { margin: 10px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px } #c_message_form-15154044030593246 .p_MatteIcon .iconfont:before { content: 'e602' } .active #c_message_form-15154044030593246>div { animation-name: bounceInLeft; animation-duration: 1s; animation-delay: 1.5s; animation-fill-mode: both } .active #w_common_text-1515405119194>div { animation-name: bounceInLeft; animation-duration: 1s; animation-delay: 1.5s; animation-fill-mode: both } #c_message_form-15154044030593246 .p_content .Text { background-color: rgba(0, 0, 0, 0) } #c_message_form-15154044030593246 .p_nameM .InputText { background-color: rgba(0, 0, 0, 0) } #c_message_form-15154044030593246 .p_telephone .InputText { background-color: rgba(0, 0, 0, 0) } #c_message_form-15154044030593246 .p_email .InputText { background-color: rgba(0, 0, 0, 0) } #c_message_form-15154044030593246 .p_address .InputText { background-color: rgba(0, 0, 0, 0) } #c_message_form-15154044030593246 .p_EntryBox { background-color: rgba(0, 0, 0, 0) } #c_message_form-15154044030593246 .p_EntryInput .InputText { background-color: rgba(0, 0, 0, 0) } #c_message_form-15154044030593246 .p_nameA .font { color: rgba(255, 255, 255, 1) } #c_message_form-15154044030593246 .p_nameB .font { color: rgba(255, 255, 255, 1) } #c_message_form-15154044030593246 .p_nameD .font { color: rgba(255, 255, 255, 1) } #c_message_form-15154044030593246 .p_nameH .font { color: rgba(255, 255, 255, 1) } #c_message_form-15154044030593246 .p_nameI .font { color: rgba(255, 255, 255, 1) } #c_message_form-15154044030593246 .p_nameX .font { color: rgba(255, 255, 255, 1) } #c_message_form-15154044030593246 .p_CommonBtnA { background-color: #053395 } #c_message_form-15154044030593246 .p_CommonBtnA:hover { background-color: #053395; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset } #c_message_form-15154044030593246 .p_nameS .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameT .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameA .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameB .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameM .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameC .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameE .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_phone .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameD .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_telephone .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameG .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_fax .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameH .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_email .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameI .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_address .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameJ .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_ZipCode .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameX .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_EntryInput .iconfont.forward:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_message_form-15154044030593246 .p_nameC { color: #fff } #c_message_form-15154044030593246 .p_sex { color: #fff } #c_message_form-15154044030593246 .p_nameE { color: #fff } #c_message_form-15154044030593246 { position: absolute; top: 75px; right: -24px; z-index: 103; width: 510px; height: 436px; } #c_friendlink_list-15311015421972172 .p_articles { width: 250px; margin: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0 } #c_friendlink_list-15311015421972172 .p_CommonSummaryBoxA { text-align: center } #c_friendlink_list-15311015421972172 .p_MatteIcon .iconfont:before { content: 'e602' } .active #c_friendlink_list-15311015421972172>div { animation-name: flipInX; animation-duration: 1.5s; animation-delay: 1s; animation-fill-mode: both } #c_friendlink_list-15311015421972172 .p_nameA .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_friendlink_list-15311015421972172 .p_nameB .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_friendlink_list-15311015421972172 .p_page .pre .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_friendlink_list-15311015421972172 .p_page .next .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_friendlink_list-15311015421972172 .p_more .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_friendlink_list-15311015421972172 .p_loading .iconfont:before { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #c_friendlink_list-15311015421972172 .p_images { border: 0; MARGIN-LEFT: 10px; MARGIN-TOP: 0; margin-right: 10px; margin-bottom: 10px } #c_friendlink_list-15311015421972172 .p_title .font { color: #fff; font-size: 14px; text-align: center; display: none; } #c_friendlink_list-15311015421972172 .p_thumbnail { height: 220px !important } #c_friendlink_list-15311015421972172 { position: absolute; top: 110px; left: -9px; z-index: 5; width: 1000px; height: 210px } #c_nav_main-15305852972285974 .nav-content { background: rgba(0, 0, 0, 0.8) } #c_nav_main-15305852972285974 .btn-nav { top: 26px; width: 43px; height: 30px; background: url(//cdn.myxypt.com/8cc35592/21/06/60e6d7d3532fe74ea4f73cfa141b12b9e4459940.png) no-repeat center center; margin: initial; } #c_nav_main-15305852972285974 .btn-nav.animated { background: url(//cdn.myxypt.com/8cc35592/21/06/63809dfe64dbda09017b2a4bac4ac99e3a586954.png) no-repeat center center; margin: initial; } #c_nav_main-15305852972285974 .nav-list { /*position: absolute;*/ /*top: 19%;*/ width: 100%; /*right: 0%;*/ } #c_nav_main-15305852972285974 .item-anchor { color: #fff !important;font-family: "Microsoft YaHei"; } #c_nav_main-15305852972285974 .item-anchor:hover { color: #053395 !important; } #c_nav_main-15305852972285974 { position: fixed; top: 0; left: auto; bottom: auto; right: 30px; transform: none; width: 76px; height: 66px; z-index: 108; content: "rt"; max-width: none; min-width: 0; max-height: none; min-height: 0; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; -webkit-transform: none } .w_sfbox-1515398120845 .p_footer { background-color: rgba(254, 119, 2, 1); height: 50px } .w_sfbox-1515398120845 .p_MatteIcon .iconfont:before { content: 'e602' } /* .active .p_bgBox { animation-name: pulse; animation-duration: 8s } */ .w_sfbox-1515398120845 .ping_0 { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .w_sfbox-1515398120845 .ping_1 { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .w_sfbox-1515398120845 .ping_2 { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .w_sfbox-1515398120845 .ping_3 { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .w_sfbox-1515398120845 .ping_4 { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .w_sfbox-1515398120845 .ping_5 { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } .w_sfbox-1515398120845 .ping_6 { shadow-angle: 0; shadow-distance: 0; shadow-angle-ofInset: 0; shadow-distance-ofInset: 0 } #w_img-1515398184028 .p_MatteIcon .iconfont:before { content: 'e602' } #w_img-1515398184028>div { animation-fill-mode: both } #w_rbox-1531102874282 .p_MatteIcon .iconfont:before { content: 'e602' } /* .active #w_rbox-1531102874282>div { animation-name:bounceInLeft; animation-duration:1s; animation-delay:1.5s; animation-fill-mode:both } */ #w_rbox-1515398407762 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_rbox-1515398407762 .videor { animation-name: bounceInRight; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: both } #w_rbox-1523599896274 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_rbox-1523599896274>div { animation-name: bounceIn; animation-duration: 1.5s; animation-delay: 1.5s; animation-fill-mode: both } #w_rbox-1515398407756 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_rbox-1515398407756 { animation-name: bounceInLeft; animation-duration: 1s; animation-delay: .5s; animation-fill-mode: both } #w_hline-1515398407788 .p_HLine { border-top-color: #053395; border-top-style: solid; border-top-width: 8px } #w_hline-1515398407788 .p_MatteIcon .iconfont:before { content: 'e602' } #w_hline-1515398407788>div { animation-fill-mode: both } #w_common_text-1515398407777 .p_MatteIcon .iconfont:before { content: 'e602' } #w_common_text-1515398407777>div { animation-fill-mode: both } #w_common_text-1515398407777>div p { text-indent: 2em } #w_common_text-1515398407777 .p_link001 { height: calc(100%) } #w_common_text-1515398407770 .p_MatteIcon .iconfont:before { content: 'e602' } #w_common_text-1515398407770>div { animation-fill-mode: both } #w_btn-1515398407791 .p_CommonBtn { background-color: #053395; border-radius: 4px; font-size: 16px; box-shadow: 0 0 0 0 inset } #w_btn-1515398407791 .p_CommonBtn:active { box-shadow: 0 } #w_btn-1515398407791 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_btn-1515398407791>div { animation-name: bounceInLeft; animation-duration: 1s; animation-delay: 1.2s; animation-fill-mode: both } #w_img-1515398620356 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_img-1515398620356>div { animation-name: fadeInUp; animation-duration: .5s; animation-delay: .5s; animation-fill-mode: both } #w_btn-1515400853898 .p_CommonBtn { background-color: #053395; border-radius: 4px; font-size: 16px; box-shadow: 0 0 0 0 inset } #w_btn-1515400853898 .p_CommonBtn:active { box-shadow: 0 } #w_btn-1515400853898 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_btn-1515400853898>div { animation-name: fadeInUp; animation-duration: .5s; animation-delay: 1.3s; animation-fill-mode: both } #w_img-1523591455470 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_img-1523591455470>div { animation-name: fadeInUp; animation-duration: .5s; animation-delay: 1s; animation-fill-mode: both } #w_btn-1523591455459 .p_CommonBtn { background-color: #053395; border-radius: 4px; font-size: 16px; box-shadow: 0 0 0 0 inset } #w_btn-1523591455459 .p_CommonBtn:active { box-shadow: 0 } #w_btn-1523591455459 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_btn-1523591455459>div { animation-name: fadeInUp; animation-duration: .5s; animation-delay: 2s; animation-fill-mode: both } #w_img-1515401149165 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_img-1515401149165>div { animation-name: fadeInUp; animation-duration: .5s; animation-delay: 1s; animation-fill-mode: both } #w_btn-1515401149180 .p_CommonBtn { background-color: #053395; border-radius: 4px; font-size: 16px; box-shadow: 0 0 0 0 inset } #w_btn-1515401149180 .p_CommonBtn:active { box-shadow: 0 } #w_btn-1515401149180 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_btn-1515401149180>div { animation-name: fadeInUp; animation-duration: .5s; animation-delay: 2s; animation-fill-mode: both } #w_img-1523600003664 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_img-1523600003664>div { animation-name: fadeInUp; animation-duration: 1s; animation-delay: .5s; animation-fill-mode: both } #w_btn-1523601771240 .p_CommonBtn { background-color: #053395; border-radius: 4px; font-size: 16px; box-shadow: 0 0 0 0 inset } #w_btn-1523601771240 .p_CommonBtn:active { box-shadow: 0 } #w_btn-1523601771240 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_btn-1523601771240>div { animation-name: fadeInUp; animation-duration: .5s; animation-delay: 2s; animation-fill-mode: both } #w_img-1531116959347 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_img-1531116959347>div { animation-name: bounceInLeft; animation-duration: 1s; animation-delay: 1.5s; animation-fill-mode: both } #w_img-1531106824123 .p_MatteIcon .iconfont:before { content: 'e602' } .active #w_img-1531106824123>div { animation-name: bounceInRight; animation-duration: 1s; animation-delay: 1.5s; animation-fill-mode: both } .w_sfbox-1515398120845 { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 856px } #w_img-1515398184028 { position: fixed; top: 10px; left: 30px; bottom: auto; right: auto; transform: none; width: 236px; height: 68px; z-index: 105; content: "lt"; max-width: none; min-width: 0; max-height: none; min-height: 0; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; -webkit-transform: none } #w_common_text-1530585970134 { position: fixed; top: 30px; left: auto; bottom: auto; right: 128px; transform: none; width: 80px; height: 33px; z-index: 113; content: "rt"; max-width: none; min-width: 0; max-height: none; min-height: 0; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; -webkit-transform: none } #w_common_text-1600850340050 { position: fixed; top: 30px; left: auto; bottom: auto; right: 183px; transform: none; width: 160px; height: 36px; z-index: 124; content: "rt"; max-width: none; min-width: 0; max-height: none; min-height: 0; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; -webkit-transform: none } #w_rbox-1515398407742 { position: absolute; top: 50%; left: 50%; z-index: 1; width: 1200px; height: 500px; transform: translateX(-50%) translateY(-50%) } #w_rbox-1515398620350 { position: absolute; top: 50%; left: 50%; z-index: 2; width: 1000px; height: 500px; transform: translateX(-50%) translateY(-50%) } #w_rbox-1531100335091 { position: absolute; top: 50%; left: 50%; z-index: 8; width: 1000px; height: 500px; transform: translateX(-50%) translateY(-50%) } #w_rbox-1531100912274 { position: absolute; top: 50%; left: 50%; z-index: 6; width: 1000px; height: 500px; transform: translateX(-50%) translateY(-50%) } #w_rbox-1531101330351 { position: absolute; top: 50%; left: 50%; z-index: 12; width: 1000px; height: 500px; transform: translateX(-50%) translateY(-50%) } #w_rbox-1531102874282 { position: absolute; top: 50%; left: 50%; z-index: 102; width: 1000px; height: 500px; transform: translateX(-50%) translateY(-50%) } #w_rbox-1515398407762 { position: absolute; top: 19px; right: 0; z-index: 3; width: 560px; height: 500px; } #w_rbox-1523599896274 { position: absolute; top: 106px; left: 0; z-index: 3; width: 1000px; height: 204px; } #w_rbox-1515398407756 { position: absolute; top: 0; right: 704.5px; z-index: 11; width: 526px; height: 361px; } #w_video-1530581227010 { position: absolute; top: 25px; left: 29.5px; z-index: 102; width: 579px; height: 434px } #w_hline-1515398407788 { position: absolute; top: 67px; left: 0; z-index: 8; width: 150px; height: 12px } #w_common_text-1515398407777 { position: absolute; top: 98px; left: -0.5px; z-index: 10; width: 540px; height: 280px } #w_common_text-1515398407770 { position: absolute; top: 11px; left: 0; z-index: 4; width: 397px; height: 40px } #w_btn-1515398407791 { position: absolute; top: 415px; left: -0.5px; z-index: 4; width: 180px; height: 52px } #w_img-1515398620356 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1; width: 375px; } #w_btn-1515400853898 { position: absolute; top: 411px; left: 418.5px; z-index: 7; width: 180px; height: 52px } #w_img-1523591455470 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 2; width: 390px; } #w_btn-1523591455459 { position: absolute; top: 350px; left: 409.391px; z-index: 1; width: 180px; height: 52px } #w_img-1515401149165 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 3; width: 375px; } #w_btn-1515401149180 { position: absolute; top: 448px; left: 414.5px; z-index: 4; width: 180px; height: 52px } #w_img-1523600003664 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1; width: 390px; } #w_btn-1523601771240 { position: absolute; top: 338px; left: 410px; z-index: 3; width: 180px; height: 52px } #w_common_text-1515405119194 {position: absolute;top: 43px;right: 200px;z-index: 102;width: 93px;height: 39px;} #w_img-1531116959347 {position: absolute;top: 34px;right: 0;z-index: 101;width: 475px;height: 418px;} #w_img-1531106824123 {position: absolute;top: 34px;right: 488px;z-index: 100;width: 558px;height: 418px;} #w_common_text-1524899659948 { position: absolute; top: 14px; left: 359px; z-index: 2; width: 1200px; height: 29px } .p_wrapbox { position: relative; overflow: hidden } .p_bgBox { height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto } .p_fboxChild { border-color: rgba(228, 228, 228, 0); overflow: hidden; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: auto } .p_CommonLanternBox .lantern .swiper-slide { display: flex; justify-content: space-between; align-items: center; width: 100%; pointer-events: inti } .p_CommonLanternBox .lantern .swiper-slide .ipro { width: 315px; position: relative; } .p_CommonLanternBox .lantern .swiper-slide .ipro a { display: block; position: relative; z-index: 999; } .p_CommonLanternBox .lantern .swiper-slide .ipro a div.img img { width: 100%; /*height: 236px;*/ } .p_CommonLanternBox .lantern .swiper-slide .ipro .cont { width: 100%; height: 64px; position: relative; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; } .p_CommonLanternBox .lantern .swiper-slide .ipro .cont h3 { font-weight: normal; font-size: 14px; color: #fff; line-height: 64px; text-align: center; white-space: nowrap; } .p_CommonLanternBox .lantern .swiper-slide .ipro .cont h2 { background: url(//cdn.myxypt.com/8cc35592/21/06/34419a49a51045915923937ba16dfd41e7aad6de.png) no-repeat; width: 36px; height: 36px; /* float: right; */ margin-right: 8px; margin-top: 12px; position: absolute; top: 0; right: 0; } .p_CommonLanternBox .lantern .swiper-slide .ipro:hover .cont h2 { transition: all 0.8s; margin-top: -17px; background: url(//cdn.myxypt.com/8cc35592/21/06/460cb4d06601565d874990bf809b471f9f0c483c.png) no-repeat; } .p_CommonLanternBox .lantern .swiper-slide .ipro .cont span { display: block; border: 1px #fff solid; width: 140px; height: 38px; line-height: 38px; font-weight: normal; margin: 0 auto; border-radius: 10px; text-align: center; font-size: 14px; color: #fff; } .p_CommonLanternBox .lantern .swiper-slide .ipro:hover .cont { background-color: rgba(5, 51, 149, 0.8); } .p_CommonLanternBox .lantern .swiper-slide .ipro .cont span:hover { background: #fff; border: none; color: rgba(5, 51, 149, 1); } #c_message_form-15154044030593246 .p_CommonBtnA input[type="submit"] { outline: none; background: none; border: none; font-size: 18px; color: #fff; text-align: center; display: table; width: 100%; } .box img { width: 120px; height: 120px; } .sideNav { position: fixed; top: 50%; display: inline-flex; left: 30px; z-index: 99999; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } .sideNav ul { display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-end; } .sideNav li { width: 13px; height: 13px; border-radius: 50%; position: relative; background: #fff; margin: 10px 0; } .sideNav li.active::after { content: ""; width: 23px; height: 23px; border-radius: 50%; border: 1px solid #053395; position: absolute; top: 50%; left: 50%; transform: translateX(-52%) translateY(-48%); } .sideNav li a { display: block; width: 100%; height: 100%; } .sideNav li.active { background: #053395 } /* .sideNav li.active { font-size: 22px; font-size: 0.88vw; line-height: 1.9636; } */ .sideNav li a { display: block; padding-right: 2.15rem; color: #fff; position: relative; } /* .sideNav.hys li a { color: #333333; } */ /* .sideNav li.active a { padding-right: 2.222em; color: #fff; font-weight: bold; } */ .sideNav li a::after { content: ""; width: 1rem; height: 1rem; position: absolute; right: 0; top: 50%; background-size: cover; transform: translateY(-50%); } /* .sideNav.hys li a::after { background-color: #333333; } */ /* .sideNav li.active a::after { width: 1.59em; background-color: #ffae00; } */ @media(max-width:1024px) { .sideNav { display: none; } } .wh { max-width: 1200px; margin: 0 auto; } .footer { background-color: #053395; padding: 15px 0; font-size: 14px; color: #fff; line-height: 1.7; } .footer a { color: #fff; } .section1 { height: 100vh; overflow: hidden; position: relative } .section1 .fp-tableCell { position: absolute; top: 0; } .videor { width: 560px; position: absolute; top: 0; right: 0; } .videor h2 { color: #272727; font-size: 32px; padding-top: 10px; } .videor h3 { color: #053395; font-size: 28px; padding: 10px 0; margin-left: -12px; } .videor p { color: #272727; font-size: 16px; line-height: 28px !important; } .videor a { display: block; width: 162px; height: 36px; background-color: #053395; color: #fff; line-height: 36px; font-size: 14px; text-align: center; margin-top: 20px; } .s2a { text-align: center; } .s2a h2 { font-size: 30px; font-weight: bold; color: #2c2c2c; } .s2a h2 span { color: #053395; } .s2a div { display: flex; align-items: center; justify-content: center; margin-top: 10px; } .s2a div p { font-size: 14px; color: #a0a0a0; text-transform: uppercase; } .s2a div span { display: block; width: 33px; height: 1px; background-color: #a0a0a0; margin: 0 8px; } .w_btn a { display: block; width: 162px; height: 36px; background-color: #053395; color: #fff; line-height: 36px; font-size: 14px; text-align: center; margin-top: 20px; }