/*e_OrdinaryStyleBox-001*/ .e_OrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_OrdinaryStyleBox-001 .stylebox_top{ background-color: #F0F0F0; height: 67px; } /*stylebox_link*/ .e_OrdinaryStyleBox-001 .stylebox_link{ font-size: 30px; color: #a7a7a7; display: table; height: inherit; border-width: 0; padding: 0 15px; margin: 0; float: right; vertical-align: middle; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } /*stylebox_content*/ .e_OrdinaryStyleBox-001 .stylebox_content{ width: 100%; height: calc(100% - 48px); border-style: solid; border-width: 1px; border-color: #f0f0f0; width-uint:%; } .e_OrdinaryStyleBox-001 .title_main{ font-size: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 352px; display: inline-block; vertical-align: middle; color:#333333; font-weight: normal; } .e_OrdinaryStyleBox-001 .title_sub{ font-size: 34px; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: 10px; color: #333333; } .e_OrdinaryStyleBox-001 .stylebox_title{ background-color:transparent; } .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } /*stylebox_title*/ .e_OrdinaryStyleBox-001 .stylebox_title{ line-height: 67px; display: inline-block; width: auto; height: inherit; background-color: transparent; padding-left: 20px; padding-right: 20px; font-size: 0; vertical-align: bottom; white-space: nowrap; } /*stylebox_link*/ .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ background-color:#4E9694 ; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon{ text-align: center; line-height: normal; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); margin-right: 10px; font-size: initial; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon:before { content: "\e63d"; font-size: 34px; color: #333; } .e_OrdinaryStyleBox-001 .stylebox_link a { color: inherit; vertical-align: middle; display: table-cell; } .e_OrdinaryStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; }.c_companyFile_list-01001{ width: 640px; height: auto; position: absolute; overflow: hidden; } .c_companyFile_list-01001 .p_Productshowcase{ width: 100%; height: auto; font-size: 0px; border: 1px solid #d3d4d4; } .c_companyFile_list-01001 .p_Product{ width: auto; height: auto; margin: 0 10px; } .c_companyFile_list-01001 .p_articlesBox{ width: auto; height: auto; } .c_companyFile_list-01001 .p_articles{ width: calc((100% - 10px) / 2); height: auto; background: #fff; margin-bottom: 10px; display: inline-block; margin-right: 10px; vertical-align: top; border: 1px solid #e2e2e2; } .c_companyFile_list-01001 .p_articles:nth-child(even){ margin-right: 0px; } .c_companyFile_list-01001 .p_imageBox{ width: auto; height: auto; } .c_companyFile_list-01001 .p_images{ display:none; width: auto; height: 217px; } .c_companyFile_list-01001 .p_image{ display:none; width: 100%; height: 100%; } .c_companyFile_list-01001 .p_image img{ display:none; width: 100%; height: 100%; } .c_companyFile_list-01001 .p_ContentA{ overflow: hidden; width: auto; height: auto; padding: 0px 5px; } .c_companyFile_list-01001 .p_headerBox{ width: auto; height: auto; } .c_companyFile_list-01001 .p_headerA{ float: left; font-size: 24px; color: #8B8B8B; } .c_companyFile_list-01001 .p_headerA .font{ line-height: 45px; } .c_companyFile_list-01001 .p_headerB .font{ line-height: 45px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .c_companyFile_list-01001 .p_LinkB{ display: block; } .c_companyFile_list-01001 .p_headerB{ font-size: 28px; color: #323232; } .c_companyFile_list-01001 .p_CustomBox{ width: auto; height: auto; } .c_companyFile_list-01001 .p_CustomA{ float: left; font-size: 24px; color: #8B8B8B; } .c_companyFile_list-01001 .p_CustomA .font{ line-height: 36px; } .c_companyFile_list-01001 .p_CustomB .font{ line-height: 36px; } .c_companyFile_list-01001 .p_CustomB{ font-size: 24px; color: #333333; } .c_companyFile_list-01001 .p_OutlineBox{ width: auto; height: auto; } .c_companyFile_list-01001 .p_OutlineA .font{ line-height: 36px; } .c_companyFile_list-01001 .p_OutlineA{ font-size: 24px; color: #8b8b8b; float: left; } .c_companyFile_list-01001 .p_OutlineB{ font-size: 24px; color: #333333; line-height: 36px; margin-left: 30px; } .c_companyFile_list-01001 .p_time{ width: auto; height: auto; } .c_companyFile_list-01001 .p_timeA .font{ line-height: 36px; } .c_companyFile_list-01001 .p_timeB .font{ line-height: 36px; } .c_companyFile_list-01001 .p_timeA{ font-size: 24px; color: #8b8b8b; } .c_companyFile_list-01001 .p_timeB{ font-size: 20px; color: #333333; margin-left: 30px; } .c_companyFile_list-01001 .p_headerA .iconfont:before{ content: "\e6b3"; margin-right: 5px; } .c_companyFile_list-01001 .p_CustomA .iconfont:before{ content: "\e6b3"; margin-right: 5px; } .c_companyFile_list-01001 .p_OutlineA .iconfont:before{ content: "\e6b3"; margin-right: 5px; } .c_companyFile_list-01001 .p_timeA .iconfont:before{ content: "\e6b3"; margin-right: 5px; } .c_companyFile_list-01001 .p_NumberBox{ width: auto; height: auto; } .c_companyFile_list-01001 .p_NumberA .font{ line-height: 36px; } .c_companyFile_list-01001 .p_NumberB .font{ line-height: 36px; } .c_companyFile_list-01001 .p_NumberA{ float: left; font-size: 24px; color: #8B8B8B; } .c_companyFile_list-01001 .p_NumberA .iconfont:before{ content: "\e6b3"; margin-right: 5px; } .c_companyFile_list-01001 .p_NumberB{ font-size: 24px; color: #333333; } .c_companyFile_list-01001 .p_SizeBox{ width: auto; height: auto; } .c_companyFile_list-01001 .p_SizeA .font{ line-height: 36px; } .c_companyFile_list-01001 .p_SizeB .font{ line-height: 36px; } .c_companyFile_list-01001 .p_SizeA{ float: left; font-size: 24px; color: #8B8B8B; } .c_companyFile_list-01001 .p_SizeA .iconfont:before{ content: "\e6b3"; margin-right: 5px; } .c_companyFile_list-01001 .p_SizeB{ font-size: 24px; color: #333333; } .c_companyFile_list-01001 .p_btn{ width: 100%; overflow: hidden; } .c_companyFile_list-01001 .p_btnA{ width: 100px; text-align: center; font-size: 24px; float: right; border-radius: 5px; margin-right: 10px; margin-bottom: 10px; background: rgb(223, 123, 48); color: #fff; margin-top: 10px; padding: 6px 10px; } /*滚动加载*/ .c_companyFile_list-01001{ width: 640px; font-size: 0px; } @-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 #65beba; 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_companyFile_list-01001 .p_loading{ width: 640px; height: 100px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 100px; text-align: center; color: #A7A7A7; font-size: 30px; } .c_companyFile_list-01001 .p_loading .iconfont:before{ content: ""; } .c_companyFile_list-01001 .p_loading .font{ display: inline-block; margin-left: 20px; line-height: 100px; height: inherit; vertical-align: middle; } .c_companyFile_list-01001 .p_more{ background-color: rgba(242,242,242,1); display: block; height: 70px; width: 100%; position: relative; border-radius: 0px; font-size: 24px; color: rgba(0,0,0,1); } .c_companyFile_list-01001 .p_more:active{ background-color:rgba(248,248,248,0.8); } .c_companyFile_list-01001 .p_more .font { display: block; } .c_companyFile_list-01001 .p_more .iconfont:before{ content: "\e6d1"; line-height: 70px; font-size: 70px; } .c_companyFile_list-01001 .p_more .iconfont{ display:inline; vertical-align:middle; } .c_companyFile_list-01001 .p_moreBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*滚动加载End*/ /*翻页*/ .c_companyFile_list-01001 .p_pagebox{ margin: 0 auto; margin-top: 20px; width: 640px; height: auto; clear: both; position: relative; font-size: 0; white-space: nowrap; } .c_companyFile_list-01001 .p_pagebox .pre{ display:inline-table; } .c_companyFile_list-01001 .p_pagebox .next{ display:inline-table; } .c_companyFile_list-01001 .p_pagebox .pre{ height:90px; width: 183px; 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:15px; padding-left:15px; position:relative; left:0; top:0; box-sizing:content-box; } .c_companyFile_list-01001 .p_pagebox .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_companyFile_list-01001 .p_pagebox .pre:active{ background-color:rgba(90, 170, 167, 1); } .c_companyFile_list-01001 .p_pagebox .pre .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 32px; } .c_companyFile_list-01001 .p_pagebox .pre .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: left; font-size: 32px; } .c_companyFile_list-01001 .p_pagebox .pre:hover .iconfont{ color:rgba(255,255,255,1); } .c_companyFile_list-01001 .p_pagebox .pre:active .iconfont{ color:rgba(255,255,255,1); } .c_companyFile_list-01001 .p_pagebox .pre .iconfont:before{ content: "\e6b0"; } .c_companyFile_list-01001 .p_pagebox .next{ height:90px; width: 183px; 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:15px; padding-left:15px; position:relative; left:0; top:0; box-sizing:content-box; } .c_companyFile_list-01001 .p_pagebox .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_companyFile_list-01001 .p_pagebox .next:active{ background-color:rgba(90, 170, 167, 1); } .c_companyFile_list-01001 .p_pagebox .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 32px; } .c_companyFile_list-01001 .p_pagebox .next .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: right; font-size: 32px; } .c_companyFile_list-01001 .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .c_companyFile_list-01001 .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .c_companyFile_list-01001 .p_pagebox .next .iconfont:before{ content: "\e6af"; } .c_companyFile_list-01001 .p_pagebox .NumBox{ width: 212px; height: 88px; border: 1px solid #CDD5D5; display: inline-table; position: relative; cursor: pointer; box-sizing:content-box; background: #e6e6e6; vertical-align: top; } .c_companyFile_list-01001 .p_pagebox .num{ display: table-cell; vertical-align: middle; font-size: 32px; text-align: center; width: inherit; } .c_companyFile_list-01001 .p_pagebox .ItemBox{ position: absolute; width: 260px; height: auto; border: 1px solid #D3D4D4; bottom: 90px; left: -23px; max-height: 300px; overflow-y:auto; z-index: 99; border-bottom: none; } .c_companyFile_list-01001 .p_pagebox .num .iconfont{ width: 32px; height: 32px; position: absolute; right: 20px; } .c_companyFile_list-01001 .p_pagebox .num .iconfont:before{ content: "\e69c"; font-size: 32px; } .c_companyFile_list-01001 .p_pagebox .NumBox ul li{ width: inherit; height: 80px; line-height: 80px; text-align: center; background-color: #FFFFFE; color: #323332; font-size: 32px; } .c_companyFile_list-01001 .p_pagebox .NumBox ul li .iconfont:before{ content: ""; } .c_companyFile_list-01001 .p_pagebox .NumBox ul li:active{ background-color: #e4e4e4; } /*翻页End*/ /*跑马灯*/ .c_companyFile_list-01001 .p_CommonSummaryBoxA { width: auto; height: auto; /* position: relative; */ text-align: center; margin-bottom: 20px; } .c_companyFile_list-01001 .p_CommonThumbnailBox { width: auto; height: auto; } .c_companyFile_list-01001 .p_CommonSquareNumBtn { margin-left: 10px; background-color: rgba(191,191,191,1); width: 15px; height: 15px; display: inline-table; color: rgba(153,153,153,1); font-size: 12px; border-radius: 10px; -moz-border-radius: 10px; text-align: center; position: relative; } .c_companyFile_list-01001 .p_CommonSquareNumBtn.active { background-color: #67b8b4; } .c_companyFile_list-01001 .p_CommonSquareNumBtn .shape { background-color: inherit; width: inherit; height: inherit; text-indent: -99999px; display: table-cell; vertical-align: middle; border-radius: inherit; -moz-border-radius: inherit; } .c_companyFile_list-01001 .p_CommonSquareNumBtn img{ display: none; } .c_companyFile_list-01001 .p_CommonSquareNumBtn:active { background-color:rgba(105,192,188,1); } .c_companyFile_list-01001 .p_CommonInteraction{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_companyFile_list-01001 .p_CommonInteraction { width: 100%; height: 100%; height: calc(100% - 15px); vertical-align: middle; position: absolute; overflow: visible; top: 0px; pointer-events: none; } .c_companyFile_list-01001 .p_CommonSwitchBtnA { position: absolute; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); pointer-events: all; left: 0px; } .c_companyFile_list-01001 .p_CommonSwitchBtnA .iconfont { color: rgba(191,191,191,1); } .c_companyFile_list-01001 .p_CommonSwitchBtnA .iconfont:before { content: "\e6b0"; } .c_companyFile_list-01001 .p_CommonSwitchBtnA{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_companyFile_list-01001 .p_CommonSwitchBtnA .iconfont{ } .c_companyFile_list-01001 .p_CommonSwitchBtnA .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_companyFile_list-01001 .p_CommonSwitchBtnB{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_companyFile_list-01001 .p_CommonSwitchBtnB .iconfont{ } .c_companyFile_list-01001 .p_CommonSwitchBtnB .iconfont:before{ /* content: '\e687'; */ display: inline-block; } .c_companyFile_list-01001 .p_CommonSwitchBtnB .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_companyFile_list-01001 .p_CommonSwitchBtnB { position: absolute; top: 50%; right: 0px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); pointer-events: all; } .c_companyFile_list-01001 .p_CommonSwitchBtnB .iconfont { color: rgba(191,191,191,1); } .c_companyFile_list-01001 .p_CommonSwitchBtnB .iconfont:before { content: "\e6af"; } /*跑马灯*/ .c_companyFile_list-01001 .p_OccupyBox{ margin:0; width: auto; height:auto; padding:0; border:none; }/*图片标题列表*/ .w_img-001 .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-001 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-001 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-001 .p_title:active{ color:rgba(69,165,161,1); } .w_img-001 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-001{ position:absolute; width:280px; height:250px; } .w_img-001 .animated{ width:100%; height:100%; } .w_img-001 .font { white-space: nowrap; } .w_img-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_img-001 .p_link002{ width:100%; height:30px; } .w_img-001 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-001 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-001 .e_image:hover:after { background: transparent; }.c_xintro_category-02001001{position:absolute;width:400px;height:200px;overflow:hidden} .iphone-fix { width: 100%; background: #b6a077; display: block; position: relative; } .iphone-fix span { color: #fff; display: block; text-align: center; font-size: 26px; height: 80px; line-height: 80px; cursor: pointer; } .iphone-fix span b { display: inline-block; margin-left: 5px; width: 18px; height: 9px; background: url(http://dfs.yun300.cn/group1/M00/07/2B/rBQBG1pvz7GEcwKGAAAAAANGsCc004.png) center no-repeat; } .iphone-down { width: 100%; position: absolute; left: 0; display: none; top: 80px; background: rgb(182, 160, 119); } .iphone-down .yj_box { display: block; margin: 0 !important; width: 50% !important; float: left; font-size: 20pt; cursor: pointer; text-align: center; height: 80px; line-height: 80px; color: #fff; position: relative; overflow: hidden; border: none !important; text-decoration: none; } .iphone-down .yj_box:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 1; background-color: rgba(255,255,255,.1); -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; } @-webkit-keyframes ReturnToNormal { 0%{ -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); } 100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); } } .yj_box{width:calc((100% - 0px)/2); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .p_CommonSummaryBoxA{text-align:center; } .p_MatteIcon:before{content:'\e752'; } .c_xintro_category-02001001>div{animation-fill-mode:both; } .p_name .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .fl_box{ display:flex; width:100%; overflow:visible; flex-wrap:nowrap; } .iconfont{ display:flex; justify-content:center; align-items:center; width:20%; } .ej_body{ display:none; } .sj_body{ position:absolute; left:100%; top:0px; display:none; } .ej_box{ position:relative; } a.yj_a { color: #ddd; font-weight: normal; font-size: 22px; }.c_xintro_category-02001001 .p_MatteIcon:before{content:'\e752'; }.c_xintro_category-02001001 >div{animation-fill-mode:both; }@CHARSET "UTF-8";/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/.w_common_text-001{font-size:26px; } #c_companyFile_list-15583179257920780 .p_articles{ width:calc((100% - 0px)/1); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } #c_companyFile_list-15583179257920780 .p_CommonSummaryBoxA{ text-align:center; } #c_companyFile_list-15583179257920780 .p_MatteIcon:before{ content:'\e752'; } #c_companyFile_list-15583179257920780 >div{ animation-fill-mode:both; } #c_companyFile_list-15583179257920780 .p_headerA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_companyFile_list-15583179257920780 .p_OutlineA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_companyFile_list-15583179257920780 .p_btnA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_companyFile_list-15583179257920780 .p_CustomA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_companyFile_list-15583179257920780 .p_NumberA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_companyFile_list-15583179257920780 .p_SizeA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_companyFile_list-15583179257920780 .p_timeA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_companyFile_list-15583179257920780 .p_pagebox .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_companyFile_list-15583179257920780 .p_pagebox .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_companyFile_list-15583179257920780 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_companyFile_list-15583179257920780 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_companyFile_list-15583179257920780{ position:absolute; top:448px; left:0px; z-index:102; width:640px; height:516px; } #c_xintro_category-15604781288122905 .p_MatteIcon:before{ content:'\e752'; } #c_xintro_category-15604781288122905 >div{ animation-fill-mode:both; } #c_xintro_category-15604781288122905{ position:absolute; top:330px; left:0px; z-index:100; width:640px; height:80px; } #w_img-1558317900512 .p_link001{ height:calc(100%); } #w_img-1558317900512 .p_MatteIcon:before{ content:'\e752'; } #w_img-1558317900512 >div{ animation-fill-mode:both; } #w_img-1558317900512{ position:absolute; top:90px; left:0px; z-index:103; width:640px; height:240px; }