.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; 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_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; 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: #666666; 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); }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; } .w_wbox-001 .p_wbox { background-color: rgba(255, 255, 255, 0); } #w_wbox-1521445153588 { top: 4876px !important; } #w_wbox-1521445185095 { top: 5836px !important; } #w_wbox-1519866046719{ position: fixed!important; left:0!important; }.c_product_list-520454 { position: absolute; width: 1200px; height: 560px; overflow: hidden; } .c_product_list-520454 .clearBoth { clear: both; width: 100%; height: 0px; font-size: 0; overflow: hidden; line-height: 0; } .c_product_list-520454 .container { margin:0 auto; } .c_product_list-520454 .grid { overflow: hidden; margin: 0; width: 100%; list-style: none; text-align: center; } .c_product_list-520454 .grid li { float: left; } .c_product_list-520454 .grid figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; width: 100%; height: 267px; text-align: center; cursor: pointer; margin: 0; } .c_product_list-520454 .grid figure img { position: relative; display: block; min-height: 100%; opacity: 1; width: 100%; height: auto; } .c_product_list-520454 .grid figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .c_product_list-520454 .grid figure figcaption::before, .c_product_list-520454 .grid figure figcaption::after { pointer-events: none; } .c_product_list-520454 .grid figure figcaption, .c_product_list-520454 .grid figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c_product_list-520454 .grid figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .c_product_list-520454 .grid figure h2 { word-spacing: -0.15em; font-weight: 300; } .c_product_list-520454 .grid figure h2 span { font-weight: 800; } .c_product_list-520454 .grid figure h2, .c_product_list-520454 .grid figure p { margin: 0; } .c_product_list-520454 .grid figure p { letter-spacing: 1px; font-size: 68.5%; } .c_product_list-520454 figure.effect-lily img { width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0, 0); transform: translate3d(-40px,0,0); } .c_product_list-520454 figure.effect-lily figcaption { top: auto; bottom: 0; height: 50%; text-align: left; } .c_product_list-520454 figure.effect-lily h2, .c_product_list-520454 figure.effect-lily p { -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } .c_product_list-520454 figure.effect-lily h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .c_product_list-520454 figure.effect-lily p { color: rgba(255,255,255,0.6); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; } .c_product_list-520454 figure.effect-lily:hover img, .c_product_list-520454 figure.effect-lily:hover p { opacity: 1; } .c_product_list-520454 figure.effect-lily:hover img, .c_product_list-520454 figure.effect-lily:hover h2, .c_product_list-520454 figure.effect-lily:hover p { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-lily:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } .c_product_list-520454 figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); } .c_product_list-520454 figure.effect-sadie h2 { position: absolute; top: 50%; left: 0; width: 100%; color: #484c61; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .c_product_list-520454 figure.effect-sadie figcaption::before, .c_product_list-520454 figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .c_product_list-520454 figure.effect-sadie p { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } .c_product_list-520454 figure.effect-sadie:hover h2 { color: #fff; -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0); transform: translate3d(0,-50%,0) translate3d(0,-40px,0); } .c_product_list-520454 figure.effect-sadie:hover figcaption::before , .c_product_list-520454 figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-roxy { background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%); } .c_product_list-520454 figure.effect-roxy img { width: -webkit-calc(100% + 60px); width: calc(100% + 60px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); } figure.effect-roxy figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } .c_product_list-520454 figure.effect-roxy figcaption { padding: 3em; text-align: left; } .c_product_list-520454 figure.effect-roxy h2 { padding: 30% 0 10px 0; } .c_product_list-520454 figure.effect-roxy p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } .c_product_list-520454 figure.effect-roxy:hover img { opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-roxy:hover figcaption::before, .c_product_list-520454 figure.effect-roxy:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-bubba { background: #9e5406; } .c_product_list-520454 figure.effect-bubba img { opacity: 0.7; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .c_product_list-520454 figure.effect-bubba:hover img { opacity: 0.4; } .c_product_list-520454 figure.effect-bubba figcaption::before, .c_product_list-520454 figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .c_product_list-520454 figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } .c_product_list-520454 figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } .c_product_list-520454 figure.effect-bubba h2 { padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } .c_product_list-520454 figure.effect-bubba p { padding: 20px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } .c_product_list-520454 figure.effect-bubba:hover figcaption::before, .c_product_list-520454 figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .c_product_list-520454 figure.effect-bubba:hover h2, .c_product_list-520454 figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-romeo { -webkit-perspective: 1000px; perspective: 1000px; } .c_product_list-520454 figure.effect-romeo img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,0,300px); transform: translate3d(0,0,300px); } .c_product_list-520454 figure.effect-romeo:hover img { opacity: 0.6; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-romeo figcaption::before, .c_product_list-520454 figure.effect-romeo figcaption::after { position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .c_product_list-520454 figure.effect-romeo:hover figcaption::before { opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg); transform: translate3d(-50%,-50%,0) rotate(45deg); } .c_product_list-520454 figure.effect-romeo:hover figcaption::after { opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg); transform: translate3d(-50%,-50%,0) rotate(-45deg); } .c_product_list-520454 figure.effect-romeo h2, .c_product_list-520454 figure.effect-romeo p { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .c_product_list-520454 figure.effect-romeo h2 { -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0); transform: translate3d(0,-50%,0) translate3d(0,-150%,0); } .c_product_list-520454 figure.effect-romeo p { padding: 0.25em 2em; -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0); transform: translate3d(0,-50%,0) translate3d(0,150%,0); } .c_product_list-520454 figure.effect-romeo:hover h2 { -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0); transform: translate3d(0,-50%,0) translate3d(0,-100%,0); } .c_product_list-520454 figure.effect-romeo:hover p { -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0); transform: translate3d(0,-50%,0) translate3d(0,100%,0); } .c_product_list-520454 figure.effect-layla { background: #18a367; } .c_product_list-520454 figure.effect-layla img { min-width: 100%; height: -webkit-calc(100% + 40px); height: calc(100% + 40px); } .c_product_list-520454 figure.effect-layla figcaption { padding: 3em; } .c_product_list-520454 figure.effect-layla figcaption::before, .c_product_list-520454 figure.effect-layla figcaption::after { position: absolute; content: ''; opacity: 0; } .c_product_list-520454 figure.effect-layla figcaption::before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .c_product_list-520454 figure.effect-layla figcaption::after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .c_product_list-520454 figure.effect-layla h2 { padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .c_product_list-520454 figure.effect-layla p { padding: 0.5em 2em; text-transform: none; opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } .c_product_list-520454 figure.effect-layla img, .c_product_list-520454 figure.effect-layla h2 { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } .c_product_list-520454 figure.effect-layla img, .c_product_list-520454 figure.effect-layla figcaption::before, .c_product_list-520454 figure.effect-layla figcaption::after, .c_product_list-520454 figure.effect-layla p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .c_product_list-520454 figure.effect-layla:hover img { opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-layla:hover figcaption::before, .c_product_list-520454 figure.effect-layla:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .c_product_list-520454 figure.effect-layla:hover h2, .c_product_list-520454 figure.effect-layla:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-layla:hover figcaption::after, .c_product_list-520454 figure.effect-layla:hover h2, .c_product_list-520454 figure.effect-layla:hover p, .c_product_list-520454 figure.effect-layla:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .c_product_list-520454 figure.effect-honey { background: #4a3753; } .c_product_list-520454 figure.effect-honey img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .c_product_list-520454 figure.effect-honey:hover img { opacity: 0.5; } .c_product_list-520454 figure.effect-honey figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background-color: rgba(255,102,55,1); content: ''; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } .c_product_list-520454 figure.effect-honey h2 { position: absolute; bottom: 0; left: 0; padding: 1em 1.5em; width: 100%; text-align: left; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } .c_product_list-520454 figure.effect-honey h2 i { font-style: normal; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } .c_product_list-520454 figure.effect-honey figcaption::before, .c_product_list-520454 figure.effect-honey h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .c_product_list-520454 figure.effect-honey:hover figcaption::before, .c_product_list-520454 figure.effect-honey:hover h2, .c_product_list-520454 figure.effect-honey:hover h2 i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-oscar { background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%); } .c_product_list-520454 figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .c_product_list-520454 figure.effect-oscar figcaption { padding: 3em; background-color: rgba(58,52,42,0.7); -webkit-transition: background-color 0.35s; transition: background-color 0.35s; } .c_product_list-520454 figure.effect-oscar figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; } .c_product_list-520454 figure.effect-oscar h2 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .c_product_list-520454 figure.effect-oscar figcaption::before, .c_product_list-520454 figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); } .c_product_list-520454 figure.effect-oscar:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-oscar:hover figcaption::before, .c_product_list-520454 figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .c_product_list-520454 figure.effect-oscar:hover figcaption { background-color: rgba(58,52,42,0); } .c_product_list-520454 figure.effect-oscar:hover img { opacity: 0.4; } .c_product_list-520454 figure.effect-marley figcaption { text-align: right; } .c_product_list-520454 figure.effect-marley h2, .c_product_list-520454 figure.effect-marley p { position: absolute; right: 30px; left: 30px; padding: 10px 0; } .c_product_list-520454 figure.effect-marley p { bottom: 30px; line-height: 1.5; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .c_product_list-520454 figure.effect-marley h2 { top: 30px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } .c_product_list-520454 figure.effect-marley:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-marley h2::after { position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background: #fff; content: ''; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } .c_product_list-520454 figure.effect-marley h2::after, .c_product_list-520454 figure.effect-marley p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .c_product_list-520454 figure.effect-marley:hover h2::after, .c_product_list-520454 figure.effect-marley:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-ruby { background-color: #17819c; } .c_product_list-520454 figure.effect-ruby img { opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15); } .c_product_list-520454 figure.effect-ruby:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } .c_product_list-520454 figure.effect-ruby h2 { margin-top: 20%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } .c_product_list-520454 figure.effect-ruby p { margin: 1em 0 0; padding: 3em; border: 1px solid #fff; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); } .c_product_list-520454 figure.effect-ruby:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-ruby:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); } .c_product_list-520454 figure.effect-milo { background: #2e5d5a; } .c_product_list-520454 figure.effect-milo img { width: -webkit-calc(100% + 60px); width: calc(100% + 60px); opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-30px,0,0) scale(1.12); transform: translate3d(-30px,0,0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .c_product_list-520454 figure.effect-milo:hover img { opacity: 0.5; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); } .c_product_list-520454 figure.effect-milo h2 { position: absolute; right: 0; bottom: 0; padding: 1em 1.2em; } .c_product_list-520454 figure.effect-milo p { padding: 0 10px 0 0; width: 50%; border-right: 1px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0); } .c_product_list-520454 figure.effect-milo:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-dexter { background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%); background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); } .c_product_list-520454 figure.effect-dexter img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .c_product_list-520454 figure.effect-dexter:hover img { opacity: 0.4; } .c_product_list-520454 figure.effect-dexter figcaption::after { position: absolute; right: 30px; bottom: 30px; left: 30px; height: -webkit-calc(50% - 30px); height: calc(50% - 30px); border: 7px solid #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } .c_product_list-520454 figure.effect-dexter:hover figcaption::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-dexter figcaption { padding: 3em; text-align: left; } .c_product_list-520454 figure.effect-dexter p { position: absolute; right: 60px; bottom: 60px; left: 60px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); } .c_product_list-520454 figure.effect-dexter:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-sarah { background: #42b078; } .c_product_list-520454 figure.effect-sarah img { width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .c_product_list-520454 figure.effect-sarah:hover img { opacity: 0.4; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-sarah figcaption { text-align: left; } .c_product_list-520454 figure.effect-sarah h2 { position: relative; overflow: hidden; padding: 0.5em 0; } .c_product_list-520454 figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .c_product_list-520454 figure.effect-sarah:hover h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-sarah p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .c_product_list-520454 figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-zoe figcaption { top: auto; bottom: 0; padding: 1em; height: 3.75em; background: #fff; border-bottom: 1px solid #ccc; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .c_product_list-520454 figure.effect-zoe h2 { float: left; } .c_product_list-520454 figure.effect-zoe figcaption > span { float: right; } .c_product_list-520454 figure.effect-zoe p { position: absolute; bottom: 8em; padding: 2em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .c_product_list-520454 figure.effect-zoe h2, .c_product_list-520454 figure.effect-zoe figcaption > span { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); } .c_product_list-520454 figure.effect-zoe figcaption > span::before { display: inline-block; padding: 8px 10px; font-family: 'feathericons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .c_product_list-520454 .icon-eye::before { content: '\e000'; } .c_product_list-520454 .icon-paper-clip::before { content: '\e001'; } .c_product_list-520454 .icon-heart::before { content: '\e024'; } .c_product_list-520454 figure.effect-zoe h2 { display: inline-block; } .c_product_list-520454 figure.effect-zoe:hover p { opacity: 1; } .c_product_list-520454 figure.effect-zoe:hover figcaption, .c_product_list-520454 figure.effect-zoe:hover h2, .c_product_list-520454 figure.effect-zoe:hover figcaption > span { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c_product_list-520454 figure.effect-zoe:hover h2 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .c_product_list-520454 figure.effect-zoe:hover figcaption > span:nth-child(4) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .c_product_list-520454 figure.effect-zoe:hover figcaption > span:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .c_product_list-520454 figure.effect-zoe:hover figcaption > span:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .c_product_list-520454 figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12); } .c_product_list-520454 figure.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } .c_product_list-520454 figure.effect-chico figcaption { padding: 3em; } .c_product_list-520454 figure.effect-chico figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); } .c_product_list-520454 figure.effect-chico figcaption::before, .c_product_list-520454 figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .c_product_list-520454 figure.effect-chico h2 { padding: 20% 0 20px 0; } .c_product_list-520454 figure.effect-chico p { margin: 0 auto; max-width: 200px; -webkit-transform: scale(1.5); transform: scale(1.5); } .c_product_list-520454 figure.effect-chico:hover figcaption::before, .c_product_list-520454 figure.effect-chico:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .c_product_list-520454 .p_OccupyBox{ height:0; } .c_product_list-520454 .p_OccupyBox .p_page .pre{ display:inline-table; float:left; margin-left:18px; margin-right:5px; 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-520454 .p_OccupyBox .p_page .pageNum{ display:table; position:relative; float:left; margin-right:5px; line-height:30px; background-size:100% 100%; color:rgba(102, 102, 102, 1); cursor:pointer; font-family:inherit; font-size:14px; font-weight:inherit; height:30px; text-decoration:none;width:30px; border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(242, 242, 242, 1); text-align:center; } .c_product_list-520454 .p_OccupyBox .p_page .next{ display:inline-table; float:left; 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-520454 .p_OccupyBox .p_page .PageInterval{ display:inline-block; position:static; float:left; margin-right:5px; line-height:30px; font-size:12px; cursor:text; color:rgba(102,102,102,1); } .c_product_list-520454 .p_OccupyBox .p_page .p_PageInterval{ display:inline-block; position:static; float:left; margin-right:5px; line-height:30px; font-size:12px; cursor:text; color:rgba(102,102,102,1); } .c_product_list-520454 .p_OccupyBox .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-520454 .p_OccupyBox .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 0px rgba(90, 90, 90, 0.8); -moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); box-shadow:0 3px 0px 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-520454 .p_OccupyBox .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 0px rgba(90, 90, 90, 0.8); -moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); box-shadow:0 3px 0px 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_OccupyBox .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-520454 .p_OccupyBox .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-520454 .p_OccupyBox .p_page .pre:active{ background-color:rgba(90, 170, 167, 1); } .c_product_list-520454 .p_OccupyBox .p_page .pre .font{ display:table-cell; vertical-align:middle; bottom:0; font-size:12px; } .c_product_list-520454 .p_OccupyBox .p_page .pre:hover .iconfont{ color:rgba(255,255,255,1); } .c_product_list-520454 .p_OccupyBox .p_page .pre:active .iconfont{ color:rgba(255,255,255,1); } .c_product_list-520454 .p_OccupyBox .p_page .pre .iconfont:before{ content:""; margin-right:5px; } .c_product_list-520454 .p_OccupyBox .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-520454 .p_OccupyBox .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 0px #777; -moz-box-shadow:0 3px 0px #777; box-shadow:0 3px 0px #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-520454 .p_OccupyBox .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 0px #777; -moz-box-shadow:0 3px 0px #777; box-shadow:0 3px 0px #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-520454 .p_OccupyBox .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-520454 .p_OccupyBox .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-520454 .p_OccupyBox .p_page .next:active{ background-color:rgba(90, 170, 167, 1); } .c_product_list-520454 .p_OccupyBox .p_page .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size:12px; } .c_product_list-520454 .p_OccupyBox .p_page .next:hover .iconfont{ color:rgba(255,255,255,1); } .c_product_list-520454 .p_OccupyBox .p_page .next:active .iconfont{ color:rgba(255,255,255,1); } .c_product_list-520454 .p_OccupyBox .p_page .next .iconfont:before{ content:""; margin-top:3px; float:right; margin-left:5px; } .c_product_list-520454 .p_OccupyBox .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-520454 .p_OccupyBox .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-520454 .p_OccupyBox .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_OccupyBox .p_page .pageNum:active { text-decoration:none; background-color:rgba(90, 170, 167, 1); } .p_OccupyBox .p_page .pageNum.active { text-decoration:none; background-color:rgba(90, 170, 167, 1); color:rgba(255,255,255,1); } .p_OccupyBox .p_page .pageNum .font{ display:table-cell; vertical-align:middle; bottom:0; } .p_OccupyBox .p_page .pageNum .iconfont{ display:inline; color:rgba(255,255,255,1); vertical-align:middle; } .p_OccupyBox .p_page .pageNum:hover .iconfont{ color:rgba(255,255,255,1); } .p_OccupyBox .p_page .pageNum:active .iconfont{ color:rgba(255,255,255,1); } .p_OccupyBox .p_page .pageNum .iconfont:before{ content:""; } .p_OccupyBox .p_page .PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); } .p_OccupyBox .p_page .p_PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); } .c_product_list-520454 .p_Product{ width:calc((100% - 0px)/3); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .c_product_list-520454 .p_CommonSummaryBoxA {text-align:center; } .c_product_list-520454 .p_MatteIcon .iconfont:before{content:'\e602'; } .c_product_list-520454 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_product_list-520454 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_product_list-520454 >div{animation-fill-mode:both; }.c_ads_banner-17002{width:1420px; overflow: hidden;height:400px; position:absolute; } .lubo { width: 100%; min-width: 100%; clear: both; position: relative; height: 100%; } .lubo_box { position: relative; width: 100%; height: 100%; } #c_ads_banner-14943199982472136{left:0 !important;} .lubo_box li { float: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } .lubo_box li a { display: block; width: 100%; height: 100%; } .lubo_box li img { width: 100%; height: 100%; } .cir_box { overflow: hidden; position: absolute; z-index: 100; bottom: 30px !important; } .cir_box li { float: left; width: 12px; height: 12px; margin: 0 5px; cursor: pointer; border-radius: 50%; background: none; opacity: 1; filter: alpha(opacity=80); border: 1px #9d9d9e solid; } .cir_on { background: #9d9d9e !important; } .lubo_btn { position: absolute; width: 100%; top: 50%; z-index: 2; margin-top: -47px; } .left_btn, .right_btn { transition: 1s all; top: 215px; padding: 20px 10px; font-size: 30px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.498039); cursor: pointer; font-family: "宋体"; display: block; opacity: 0.5; } .left_btn:hover, .right_btn:hover { opacity: 1; } .left_btn { float: left; } .right_btn { float: right; }.c_ads_banner-17002 .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; }.w_hline-001 .p_HLine{ border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; 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:100%; height:inherit; }.c_news_list-129002{position:absolute;width:400px;height:200px;overflow:hidden} .index-news{background: #fff;overflow: hidden;position: relative;} .index-news .index-module-title{padding: 60px 0 30px;} .index-news .list{position: relative;left: 50%;width: 3300px;height: 416px;margin-left: -1650px;overflow: hidden;} .index-news .list .box{margin: 0 5px;padding: 47px 30px 60px 50px;overflow: hidden;box-sizing: border-box;border: 1px solid #ccc;border-radius: 10px; background: #fff; } .index-news .list .mask{position: absolute;top: 0;left: 50%;width: 1920px;margin-left: -960px;z-index:999;} .index-news .list .mask .item{position: absolute;top: 0;width: 408px;height: 413px;} .index-news .list .mask .item.left{left: 0;margin-left: -4px;border-radius: 0 10px 10px 0;} .index-news .list .mask .item.right{right: 0;margin-right: -4px;border-radius: 10px 0 0 10px;} .index-news .list .mask .item .opacity{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .1;filter: alpha(opacity=10); border-radius: 10px; } .index-news .list .mask .item a{position: absolute;top: 50%;width: 28px;height: 100px;margin-top: -50px;background: #333;border-radius: 5px;cursor: pointer;} .index-news .list .mask .item a.prev{right: 12px;} .index-news .list .mask .item a.next{left: 12px;} .index-news .list .mask .item a:after{ content:"\e6ae";color:#fff;display: block;width: 12px; height:22px;margin: 39px auto; } .index-news .list .mask .item a.prev:after{ content:url(../image/_Z8itJsaRmWE4HpDwEXPQw.png); } .index-news .list .mask .item a.next:after{ content:url(../image/d7DB6SBVR0yxkIMSrjxHNA.png); } .index-news .list .mask .item a.prev:after{background-position: -218px -64px;} .index-news .list .mask .item a.next:after{background-position: -270px -64px;} .index-news .list .text{float: left;width: 460px;margin-top: 67px;} .index-news .list .text .date{margin-top: 50px;font-size: 24px;letter-spacing: 1px;} .index-news .list .text h3{height: 25px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .index-news .list .text h3 a{line-height: 25px;font-size: 20px;color: #333;} .index-news .list .text h3 a:hover{color: #0d88d3;} .index-news .list .text p{display: -webkit-box;height: 100px;line-height: 25px;margin-top: 18px;overflow: hidden;font-size: 14px;color: #888;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .index-news .list .text .btn-view-more{ display: block; width: 100px; line-height: 28px; margin-top: 26px; box-sizing: border-box; background: none; border-radius: 14px; color: #fff; background:#0d88d3; text-align: center; text-transform: uppercase; } .index-news .list [class*="active"] + div .text .btn-view-more{background: #0d88d3;color: #fff;} .index-news .list .thumb{float: right;width: 500px;height: 294px;overflow: hidden;border: 5px solid #f3f3f3;} .index-news .list .thumb img{display: block;width: 100%;-webkit-transition: all 2s;transition: all 2s;} .index-news .list .thumb:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);} .swiper-container { margin:0 auto; position:relative; overflow:hidden; direction:ltr; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } .swiper-container { } .swiper-slide-visible { background: #f3f5f7; } .swiper-pagination-switch { } .swiper-active-switch { } .swiper-visible-switch { } .c_news_list-129002001 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_news_list-129002001 .p_CommonSummaryBoxA{text-align:center; }.c_news_list-129002001 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_news_list-129002001 >div{animation-fill-mode:both; }.c_news_list-129002001 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-129002001 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-129002001 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-129002001 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-129002 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_news_list-129002 .p_CommonSummaryBoxA{text-align:center; }.c_news_list-129002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_news_list-129002 >div{animation-fill-mode:both; }.c_news_list-129002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-129002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-129002 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-129002 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_public_htmlCode-01001001{ position:absolute; width:300px; height:390px; }.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_rbox-1538813745599{ transition:0.5s!important; } #w_rbox-1538813745599:hover{ box-shadow:4px 16px 30px rgba(0,0,0,0.1); margin-top:-10px; } #w_rbox-1547383491316{ transition:0.5s!important; } #w_rbox-1547383491316:hover{ box-shadow:4px 16px 30px rgba(0,0,0,0.1); margin-top:-10px; }.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:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; 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_img-1519897775514 .p_dimage { background:#000; cursor: pointer; } #w_img-1519897775514 .p_dimage img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } #w_img-1519897775514 .p_dimage:hover img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); opacity: 0.6; } #w_img-1520903734854 .p_dimage { background:#000; cursor: pointer; } #w_img-1520903734854 .p_dimage img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } #w_img-1520903734854 .p_dimage:hover img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); opacity: 0.6; } #w_img-1520903753254 .p_dimage { background:#000; cursor: pointer; } #w_img-1520903753254 .p_dimage img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } #w_img-1520903753254 .p_dimage:hover img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); opacity: 0.6; } #w_img-1520903810217 .p_dimage { background:#000; cursor: pointer; } #w_img-1520903810217 .p_dimage img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } #w_img-1520903810217 .p_dimage:hover img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); opacity: 0.6; } #w_img-1520903835524 .p_dimage { background:#000; cursor: pointer; } #w_img-1520903835524 .p_dimage img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } #w_img-1520903835524 .p_dimage:hover img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); opacity: 0.6; } #w_img-1520903835547 .p_dimage { background:#000; cursor: pointer; } #w_img-1520903835547 .p_dimage img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } #w_img-1520903835547 .p_dimage:hover img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); opacity: 0.6; } #w_img-1520903835564 .p_dimage { background:#000; cursor: pointer; } #w_img-1520903835564 .p_dimage img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } #w_img-1520903835564 .p_dimage:hover img { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); opacity: 0.6; }.pagebox,#-remove--flag{width:1200px;margin:0px auto;}body,#-remove--flag{} #c_ads_banner-15407818634525623 .right_btn{margin-right:13px !important; }#c_ads_banner-15407818634525623{ position:absolute; top:0px; left:-360px; z-index:100; width:1920px; height:950px; } #c_product_list-15474276001652255 .p_Product{ width:calc((100% - 0px)/3); height:287px; margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding:10px; } #c_product_list-15474276001652255 .p_CommonSummaryBoxA {text-align:center; } #c_product_list-15474276001652255 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_product_list-15474276001652255 >div{ animation-name:bounceInLeft; animation-duration:1.5s; animation-delay:0.5s; animation-fill-mode:both; } #c_product_list-15474276001652255 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_list-15474276001652255 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_list-15474276001652255{ position:absolute; top:260px; left:357px; z-index:13; width:1200px; height:587px; } #c_public_htmlCode-15474459646171472{ position:absolute; top:561px; left:356px; z-index:11; width:1200px; height:120px; } #c_news_list-15474308343894550 .p_articles{ margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } #c_news_list-15474308343894550 .p_CommonSummaryBoxA{ text-align:center; } #c_news_list-15474308343894550 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_news_list-15474308343894550 >div{ animation-name:bounceInLeft; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #c_news_list-15474308343894550 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15474308343894550 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15474308343894550 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15474308343894550 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15474308343894550 .index-news .list .text .date{ font-size:16px!important; } #c_news_list-15474308343894550 .index-news .list .text{ margin-top:40px!important; } #c_news_list-15474308343894550{ position:absolute; top:181px; left:12px; z-index:5; width:1920px; height:434px; } #w_rbox-1538813698556 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1538813698556 >div{ animation-fill-mode:both; } #w_rbox-1538813698556 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 1); } #w_wbox-1547275570744 .p_wbox{ background-image:url(../image/bg04.jpg); background-image-part-image:url(../image/bg04.jpg); background-position:top center; } #w_wbox-1547275570744 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1547275570744 >div{ animation-fill-mode:both; } #w_wbox-1538874884556 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1538874884556 >div{ animation-fill-mode:both; } #w_wbox-1547429402156 .p_wbox{ background-color:rgba(243, 245, 247, 1); } #w_wbox-1547429402156 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1547429402156 >div{ animation-fill-mode:both; } #w_rbox-1547384502898 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1547384502898 >div{ animation-name:bounceInRight; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1547384502898 div.w_rbox>.p_rbox{ background-color:rgba(0, 0, 0, 0.6); } #w_rbox-1538813745599 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1538813745599 >div{ animation-name:fadeInLeft; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1538813745599 div.w_rbox>.p_rbox{ background-color:#f3f5f7; } #w_rbox-1547383491316 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1547383491316 >div{ animation-name:fadeInLeft; animation-duration:0.5s; animation-delay:0.8s; animation-fill-mode:both; } #w_rbox-1547383491316 div.w_rbox>.p_rbox{ background-color:#f3f5f7; } #w_rbox-1547431344777 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1547431344777 >div{ animation-name:fadeInLeft; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_hline-1547384849282 .p_HLine{ border-top-color:rgba(153, 153, 153, 1); border-top-style:solid; border-top-width:2px; } #w_hline-1547384849282 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1547384849282 >div{ animation-fill-mode:both; } #w_common_text-1547383025525 .p_link001{ height:calc(100%); } #w_common_text-1547385115054 .p_link001{ height:calc(100%); } #w_img-1547383491326 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547383491326 >div{ animation-fill-mode:both; } #w_common_text-1547384914149 .p_link001{ height:calc(100%); } #w_common_text-1547383491334 .p_link001{ height:calc(100%); } #w_common_text-1547383078375 .p_link001{ height:calc(100%); } #w_img-1538821102561 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1538821102561 >div{ animation-name:fadeInLeft; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_img-1547382995805 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547382995805 >div{ animation-fill-mode:both; } #w_common_text-1547383491341 .p_link001{ height:calc(100%); } #w_img-1547431300829 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547431300829 >div{ animation-fill-mode:both; } #w_common_text-1547384809534 .p_link001{ height:calc(100%); } #w_rbox-1538813698556{ position:absolute; top:950px; left:-360px; z-index:104; width:1920px; height:586px; } #w_wbox-1547275570744{ position:absolute; top:1541px; left:-356px; z-index:103; width:1912px; height:738px; } #w_wbox-1538874884556{ position:absolute; top:2279px; left:-356px; z-index:105; width:1912px; height:893px; } #w_wbox-1547429402156{ position:absolute; top:3172px; left:-356px; z-index:102; width:1912px; height:688px; } #w_rbox-1547384502898{ position:absolute; top:85px; left:965px; z-index:10; width:591px; height:380px; } #w_rbox-1538813745599{ position:absolute; top:54px; left:476px; z-index:101; width:380px; height:478px; } #w_rbox-1547383491316{ position:absolute; top:54px; left:1063px; z-index:105; width:380px; height:478px; } #w_rbox-1547431344777{ position:absolute; top:59px; left:647px; z-index:7; width:650px; height:103px; } #w_hline-1547384849282{ position:absolute; top:96px; left:50px; z-index:2; width:43px; height:27px; } #w_common_text-1547383025525{ position:absolute; top:55px; left:196px; z-index:6; width:184px; height:44px; } #w_common_text-1547385115054{ position:absolute; top:303px; left:50px; z-index:12; width:266px; height:32px; } #w_img-1547383491326{ position:absolute; top:163px; left:-48px; z-index:5; width:347px; height:310px; } #w_common_text-1547384914149{ position:absolute; top:135px; left:50px; z-index:3; width:531px; height:126px; } #w_common_text-1547383491334{ position:absolute; top:55px; left:227px; z-index:6; width:153px; height:44px; } #w_video-1600651972163{ position:absolute; top:88px; left:295px; z-index:12; width:670px; height:377px; } #w_common_text-1547383078375{ position:absolute; top:112px; left:263px; z-index:7; width:117px; height:29px; } #w_img-1538821102561{ position:absolute; top:42px; left:704.5px; z-index:2; width:502px; height:193px; } #w_img-1547382995805{ position:absolute; top:158px; left:-52px; z-index:5; width:338px; height:320px; } #w_common_text-1547383491341{ position:absolute; top:112px; left:263px; z-index:7; width:117px; height:42px; } #w_common_text-1547430736225{ position:absolute; top:0px; left:130px; z-index:1; width:390px; height:49px; } #w_img-1547431300829{ position:absolute; top:53px; left:277px; z-index:2; width:96px; height:24px; } #w_common_text-1547384809534{ position:absolute; top:41px; left:50px; z-index:1; width:436px; height:31px; }