.e_MajorStyleBox-001{ height:auto; width:100%; width-uint:%; width-and-width-uint:100%; height-and-height-uint:auto; } .e_MajorStyleBox-001 .stylebox_top{ height:67px; background-color:rgba(208, 2, 40, 1); height-and-height-uint:67px; } .e_MajorStyleBox-001 .stylebox_title{ vertical-align:bottom; padding-right:20px; padding-left:20px; line-height:67px; height:inherit; font-size:0px; width:auto; white-space:nowrap; background-color:rgba(208, 2, 40, 1); display:inline-block; width-and-width-uint:auto; height-and-height-uint:inherit; } .e_MajorStyleBox-001 .stylebox_link{ vertical-align:middle; height:inherit; color:#EAF3F3; font-size:30px; display:table; margin:0px; border-width:0px; padding:0 15px; float:right; } .e_MajorStyleBox-001 .stylebox_link i:before{ content:"\e6ae"; } .e_MajorStyleBox-001 .stylebox_link:active{ background-color:#4E9694; } .e_MajorStyleBox-001 .stylebox_content{ height:calc(100% - 48px); width:100%; border-style:solid; border-color:#f0f0f0; border-width:1px; width-uint:%; } .e_MajorStyleBox-001 .title_main{ vertical-align:middle; color:rgba(255,255,255,1); max-width:352px; text-overflow:ellipsis; overflow:hidden; font-size:34px; white-space:nowrap; display:inline-block; font-weight:normal; } .e_MajorStyleBox-001 .title_sub{ vertical-align:middle; color:#fff; font-size:34px; margin-left:10px; display:inline-block; font-weight:normal; } .e_MajorStyleBox-001 .stylebox_title .title_icon{ vertical-align:middle; margin-right:10px; line-height:normal; color:rgba(255,255,255,1); text-align:center; font-size:initial; display:inline-block; } .e_MajorStyleBox-001 .stylebox_title .title_icon:before{ content:"\e63d"; color:#fff; font-size:34px; } .e_MajorStyleBox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_MajorStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; }.c_video_list-02001{width:640px; height:606px; position:absolute; overflow: hidden;} .c_video_list-02001 .p_Productshowcase{ width: 100%; height: auto; font-size: 0px; background: #E4E4E4; } .c_video_list-02001 .p_videoBox{ width: 100%; height: 360px; left: 0; top: 0; z-index: 9999; background: #fff; } .c_video_list-02001 #vide_show { height: 224px; width: 100%; } .c_video_list-02001 .p_videoBox video{ width: 100%; height: 100%; position: absolute; } .c_video_list-02001 .p_Product{ width: auto; height: auto; margin: 0 10px; } .c_video_list-02001 .p_articlesBox{ width: auto; height: auto; } .c_video_list-02001 .p_articles{width:calc((100% - 40px)/2); height: auto;background: #fff;display: inline-block;margin:10px; vertical-align: top;margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; } .c_video_list-02001 .p_articles:nth-child(even){ margin-right: 0px; } .c_video_list-02001 .p_imageBox{ width: auto; height: 235px; } .c_video_list-02001 .p_LinkA{ display: block; } .c_video_list-02001 .p_images{ width: auto; height: 217px; } .c_video_list-02001 .p_image{ width: 100%; height: 100%; } .c_video_list-02001 .p_image img{ width: 100%; height: 100%; } .c_video_list-02001 .p_length{ width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; right: 0px; background: rgba(0,0,0,.5); } .c_video_list-02001 .p_ContentA{ overflow: hidden; width: auto; height: auto; padding: 0px 5px; } .c_video_list-02001 .p_headerBox{ width: auto; height: auto; } .c_video_list-02001 .p_headerA{ float: left; font-size: 24px; color: #8B8B8B; } .c_video_list-02001 .p_headerA .font{ line-height: 45px; } .c_video_list-02001 .p_headerB .font{ line-height: 45px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .c_video_list-02001 .p_LinkB{ display: block; } .c_video_list-02001 .p_headerB{ font-size: 30px; color: #323232; } .c_video_list-02001 .p_CustomBox{ width: auto; height: auto; } .c_video_list-02001 .p_CustomA{ float: left; font-size: 24px; color: #8B8B8B; } .c_video_list-02001 .p_CustomA .font{ line-height: 36px; } .c_video_list-02001 .p_CustomB .font{ line-height: 36px; } .c_video_list-02001 .p_CustomB{ font-size: 24px; color: #d00228; } .c_video_list-02001 .p_OutlineBox{ width: auto; height: auto; } .c_video_list-02001 .p_OutlineA .font{ line-height: 36px; } .c_video_list-02001 .p_OutlineA{ font-size: 24px; color: #8b8b8b; float: left; } .c_video_list-02001 .p_OutlineB{ font-size: 24px; color: #333333; line-height: 36px; margin-left: 30px; } .c_video_list-02001 .p_time{ width: auto; height: auto; } .c_video_list-02001 .p_timeA .font{ line-height: 36px; } .c_video_list-02001 .p_timeB .font{ line-height: 36px; } .c_video_list-02001 .p_timeA{ font-size: 24px; color: #8b8b8b; } .c_video_list-02001 .p_timeB{ font-size: 20px; color: #333333; margin-left: 30px; } .c_video_list-02001 .p_curriculum{ width: auto; height: auto; overflow: hidden; } .c_video_list-02001 .p_curriculumA{ float: left; font-size: 24px; color: #8b8b8b; } .c_video_list-02001 .p_curriculumA .font{ line-height: 36px; } .c_video_list-02001 .p_curriculumC .font{ line-height: 36px; } .c_video_list-02001 .p_curriculumB{ overflow: hidden; } .c_video_list-02001 .p_LinkC{ display: inline-block; margin-right: 10px; } .c_video_list-02001 .p_curriculumC{ font-size: 24px; color: #d00228; } .c_video_list-02001 .p_lengthA .iconfont:before{ content: "\e65d"; transform: translate(-50%,-50%); top: 50%; left: 50%; position: absolute; font-size: 56px; color: rgba(228,228,228,1); } .c_video_list-02001 .p_headerA .iconfont:before{content: "\e6b3";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_CustomA .iconfont:before{content: "\e6b3";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_OutlineA .iconfont:before{content: "\e6b3";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_timeA .iconfont:before{content: "\e6b3";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_curriculumA .iconfont:before{content: "\e6b3";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_lengthA{ font-size: 24px; color: #fff; float: right; } .c_video_list-02001 .p_NumberBox{ width: auto; height: auto; } .c_video_list-02001 .p_NumberA .font{ line-height: 36px; } .c_video_list-02001 .p_NumberB .font{ line-height: 36px; } .c_video_list-02001 .p_NumberA{ float: left; font-size: 24px; color: #8B8B8B; } .c_video_list-02001 .p_NumberA .iconfont:before{content: "\e6b3";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_NumberB{ font-size: 24px; color: #333333; } .c_video_list-02001{ 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 #d00228; 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_video_list-02001 .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_video_list-02001 .p_loading .iconfont:before{content: "";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_loading .font{ display: inline-block; margin-left: 20px; line-height: 100px; height: inherit; vertical-align: middle; } .c_video_list-02001 .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_video_list-02001 .p_more:active{ background-color:rgba(248,248,248,0.8); } .c_video_list-02001 .p_more .font { display: block; } .c_video_list-02001 .p_more .iconfont:before{content: "\e6d1";line-height: 70px;font-size: 70px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_more .iconfont{ display:inline; vertical-align:middle; } .c_video_list-02001 .p_moreBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_video_list-02001 .p_pagebox{ margin: 0 auto; margin-top: 20px; width: 640px; height: auto; clear: both; position: relative; font-size: 0; white-space: nowrap; } .c_video_list-02001 .p_pagebox .pre{ display:inline-table; } .c_video_list-02001 .p_pagebox .next{ display:inline-table; } .c_video_list-02001 .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:#d00228; text-align:center; padding-top:0; padding-right:15px; padding-left:15px; position:relative; left:0; top:0; box-sizing:content-box; } .c_video_list-02001 .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:#535353; cursor:pointer; } .c_video_list-02001 .p_pagebox .pre:active{ background-color:#535353; } .c_video_list-02001 .p_pagebox .pre .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 32px; } .c_video_list-02001 .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_video_list-02001 .p_pagebox .pre:hover .iconfont{ color:rgba(255,255,255,1); } .c_video_list-02001 .p_pagebox .pre:active .iconfont{ color:rgba(255,255,255,1); } .c_video_list-02001 .p_pagebox .pre .iconfont:before{content: "\e6b0";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .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:#d00228; text-align:center; padding-top:0; padding-right:15px; padding-left:15px; position:relative; left:0; top:0; box-sizing:content-box; } .c_video_list-02001 .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:#535353; cursor:pointer; } .c_video_list-02001 .p_pagebox .next:active{ background-color:#535353; } .c_video_list-02001 .p_pagebox .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 32px; } .c_video_list-02001 .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_video_list-02001 .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .c_video_list-02001 .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .c_video_list-02001 .p_pagebox .next .iconfont:before{content: "\e6af";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .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_video_list-02001 .p_pagebox .num{ display: table-cell; vertical-align: middle; font-size: 32px; text-align: center; width: inherit; } .c_video_list-02001 .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_video_list-02001 .p_pagebox .num .iconfont{ width: 32px; height: 32px; position: absolute; right: 20px; } .c_video_list-02001 .p_pagebox .num .iconfont:before{ content: "\e69c"; font-size: 32px; } .c_video_list-02001 .p_pagebox .NumBox ul li{ width: inherit; height: 80px; line-height: 80px; text-align: center; background-color: #FFFFFE; color: #323332; font-size: 32px; } .c_video_list-02001 .p_pagebox .NumBox ul li .iconfont:before{ content: ""; } .c_video_list-02001 .p_pagebox .NumBox ul li:active{ background-color: #e4e4e4; } .c_video_list-02001 .p_CommonSummaryBoxA {width: auto;height: auto;text-align:center; margin-bottom: 20px;} .c_video_list-02001 .p_CommonThumbnailBox { width: auto; height: auto; } .c_video_list-02001 .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_video_list-02001 .p_CommonSquareNumBtn.active { background-color: #67b8b4; } .c_video_list-02001 .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_video_list-02001 .p_CommonSquareNumBtn img{ display: none; } .c_video_list-02001 .p_CommonSquareNumBtn:active { background-color:rgba(105,192,188,1); } .c_video_list-02001 .p_CommonInteraction{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_video_list-02001 .p_CommonInteraction { width: 100%; height: 100%; height: calc(100% - 15px); vertical-align: middle; position: absolute; overflow: visible; top: 0px; pointer-events: none; } .c_video_list-02001 .p_CommonSwitchBtnA { position: absolute; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); pointer-events: all; left: 0px; } .c_video_list-02001 .p_CommonSwitchBtnA .iconfont { color: rgba(191,191,191,1); } .c_video_list-02001 .p_CommonSwitchBtnA .iconfont:before { content: "\e6b0"; } .c_video_list-02001 .p_CommonSwitchBtnA{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_video_list-02001 .p_CommonSwitchBtnA .iconfont{ } .c_video_list-02001 .p_CommonSwitchBtnA .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_video_list-02001 .p_CommonSwitchBtnB{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_video_list-02001 .p_CommonSwitchBtnB .iconfont{ } .c_video_list-02001 .p_CommonSwitchBtnB .iconfont:before{ display: inline-block; } .c_video_list-02001 .p_CommonSwitchBtnB .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_video_list-02001 .p_CommonSwitchBtnB { position: absolute; top: 50%; right: 0px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); pointer-events: all; } .c_video_list-02001 .p_CommonSwitchBtnB .iconfont { color: rgba(191,191,191,1); } .c_video_list-02001 .p_CommonSwitchBtnB .iconfont:before { content: "\e6af"; } .c_video_list-02001 .p_OccupyBox{ margin: 0; width: auto; height: auto; padding: 0; border: none; } 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_video_list-02001 .p_MatteIcon:before{content:'\e752'; }.c_video_list-02001 >div{animation-fill-mode:both; }.c_video_category-01001 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .c_video_category-01001 .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_video_category-01001 .p_prompt .prompt_title .iconfont:before { content: ""; } .c_video_category-01001 .p_prompt .prompt_title .first{ height: auto; display: table-cell; font-size: 36px; margin-right: 10px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 10px 0; } .c_video_category-01001 .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .c_video_category-01001 .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_video_category-01001 .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_video_category-01001 .p_prompt .promptbox{ width: auto; height: 100%; } .c_video_category-01001 .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_video_category-01001 .p_CategoryIconA{ display:inline-block; margin:0; padding:0; width: 28px; height: 28px; color: #666666; font-size: 28px; font-weight: bold; } .c_video_category-01001 .p_CategoryIconA .font{ text-align: center; vertical-align: middle; } .c_video_category-01001 .p_CategoryIconA .iconfont:before{ content:"\e6ae"; } .c_video_category-01001 .p_info{ display:inline-table; margin:0; padding:0; color:#323232; font-size:30px; font-weight:400; text-align:left; white-space:normal; overflow:hidden; cursor:pointer; } .c_video_category-01001 .p_info .font{ display:table-cell; vertical-align:top; line-height: 36px; } .c_video_category-01001 .p_info:active{ color:#57B2AD; } .c_video_category-01001 .p_info.selected{ color:#45A5A1; } .c_video_category-01001 .p_info.disabled{ color:#666666; } .c_video_category-01001 .p_info .iconfont:before{ content:""; } .c_video_category-01001 .p_CategoryIconB{ display:inline-block; margin:0; padding:0; width: 28px; height: 28px; color: #666666; font-size: 28px; font-weight: bold; } .c_video_category-01001 .p_CategoryIconB .font{ text-align: center; vertical-align: middle; } .c_video_category-01001 .p_CategoryIconB .iconfont:before{ content:"\e669"; } .c_video_category-01001 .p_infoB{ display:inline-table; margin:0; padding:0; color:#323232; font-size:30px; font-weight:400; text-align:left; white-space:normal; overflow:hidden; cursor:pointer; } .c_video_category-01001 .p_infoB .font{ display:table-cell; vertical-align:top; line-height: 36px; } .c_video_category-01001 .p_infoB:active{ color:#57B2AD; } .c_video_category-01001 .p_infoB.selected{ color:#45A5A1; } .c_video_category-01001 .p_infoB.disabled{ color:#666666; } .c_video_category-01001 .p_infoB .iconfont:before{ content:""; } .c_video_category-01001 .p_articlesB{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_video_category-01001 .p_Listline{ height:0; width:100%; border-top-width: 1px; border-top-style: solid; border-top-color:#F0F0F0; opacity:1; filter:alpha(opacity:100); } .c_video_category-01001 .p_infoA{ display:inline-table; margin:0; padding:0; color:#323232; font-size:30px; font-weight:400; text-align:left; white-space:normal; overflow:hidden; cursor:pointer; } .c_video_category-01001 .p_infoA .font{ display:table-cell; vertical-align:top; line-height: 36px; } .c_video_category-01001 .p_infoA:active{ color:#57B2AD; } .c_video_category-01001 .p_infoA.selected{ color:#45A5A1; } .c_video_category-01001 .p_infoA.disabled{ color:#666666; } .c_video_category-01001 .p_infoA .iconfont:before{ content:""; } .c_video_category-01001 .p_articlesC{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_video_category-01001 .p_CategoryIconZ{ display:inline-block; margin:0; padding:0; width: 28px; height: 28px; color: #666666; font-size: 28px; font-weight: bold; } .c_video_category-01001 .p_CategoryIconZ .font{ text-align: center; vertical-align: middle; } .c_video_category-01001 .p_CategoryIconZ .iconfont:before{ content:"\e6ae"; } .c_video_category-01001 .p_articlesA{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_video_category-01001 .p_articles{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_video_category-01001 .p_category{ width: inherit; height: auto; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_video_category-01001 .p_head{ display:inline-block; margin:0; padding:0; color:#333333; font-size:34px; font-weight:400; text-align:center; white-space:nowrap; overflow:visible; } .c_video_category-01001 .p_head .font{ vertical-align:middle; line-height: 39px; } .c_video_category-01001 .p_head .iconfont:before{ content:""; } .c_video_category-01001 .p_header{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_video_category-01001 .p_icon{ width: 90px; height:88px; border-width: 0; border-style: none; border-color:transparent; background-color:#65beba; cursor: pointer; font-size: 40px; color:#fff; } .c_video_category-01001 .p_icon:hover{ box-shadow:none; } .c_video_category-01001 .p_icon:active{ background-color:#57B1AD; box-shadow:none; } .c_video_category-01001 .p_icon .font{ vertical-align:middle; text-align: center; } .c_video_category-01001 .p_icon .iconfont:before{ content: '\e61f'; } .iconfont:before{ content: ''; } .c_video_category-01001 .p_shade{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_video_category-01001 .p_iconA{width: 90px;height:88px;border-width: 0;border-style: none;border-color:transparent; cursor: pointer;font-size: 40px;color:#fff;} .c_video_category-01001 .p_iconA:hover{ box-shadow:none; } .c_video_category-01001 .p_iconA:active{ box-shadow:none;} .c_video_category-01001 .p_iconA .font{ vertical-align:middle; text-align: center; } .c_video_category-01001 .p_iconA .iconfont:before{ content: '\e61f'; } .iconfont:before{ content: ''; } .c_video_category-01001{width:90px; height:88px; position:absolute; overflow: visible;} .c_video_category-01001 .p_iconA{ width: inherit; height: inherit; } .c_video_category-01001 .p_iconA .iconfont:before{ content: '\e61f'; } .c_video_category-01001 .p_shade{ width: 640px; background-color: rgba(0,0,0,0.3); height: 100%; } .c_video_category-01001 .p_icon{ float: left; width: 90px; height: 100%; display: initial; background-color: transparent; font-size: 36px; } .c_video_category-01001 .p_icon .font{ top: 150px; left: 20px; } .c_video_category-01001 .p_icon .iconfont:before{ content: '\e6ae'; } .c_video_category-01001 .p_category{ width: 550px; height: 85%; height: calc(100% - 70px); border-color:#cdd5d5; border-bottom: none; background-color: #fff; float: right; overflow-y:auto; } .c_video_category-01001 .p_articles{ width: inherit; height: auto; font-size: 0; } .c_video_category-01001 .p_articlesA{ width: auto; height: auto; min-height: 100px; padding-left: 20px; background-color: rgba(101,190,186,0.3); display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; } .c_video_category-01001 .p_articlesA:active{ background-color: #e4e4e4; } .c_video_category-01001 .p_articlesB{ width: auto; height: auto; min-height: 100px; padding-left: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; } .c_video_category-01001 .p_articlesB:active{ background-color: #e4e4e4; } .c_video_category-01001 .p_articlesB.active{ background-color: #e4e4e4; } .c_video_category-01001 .p_articlesC{ height: auto; min-height: 100px; vertical-align: middle; width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex:1; display: block; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; } .c_video_category-01001 .p_CategoryIconA{ margin-right: 10px; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; -ms-flex-align:center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align:center; height: inherit; vertical-align: middle; } .c_video_category-01001 .p_CategoryIconA .iconfont:before{ content: '\e6ae'; } .c_video_category-01001 .p_CategoryIconZ{ margin-right: 10px; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; -ms-flex-align:center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align:center; height: inherit; vertical-align: middle; } .c_video_category-01001 .p_CategoryIconZ .iconfont:before{ content: '\e69a'; } .c_video_category-01001 .p_link{ vertical-align: middle; width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex:1; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; -ms-flex-align:center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align:center; } .c_video_category-01001 .p_infoA{ vertical-align: middle; width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex:1; display: block; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; height: auto; } .c_video_category-01001 .p_infoA .font{ width: inherit; vertical-align:middle; display: inline-block; line-height: 40px; word-break:break-all; } .c_video_category-01001 .p_infoA .font.SingleIntercept{ display: block; } .c_video_category-01001 .p_infoB{ vertical-align: middle; width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex:1; display: block; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; height: auto; } .c_video_category-01001 .p_infoB .font{ width: inherit; vertical-align:middle; display: inline-block; line-height: 40px; word-break:break-all; } .c_video_category-01001 .p_infoB .font.SingleIntercept{ display: block; } .c_video_category-01001 .p_info{ vertical-align: middle; width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex:1; display: block; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; height: auto; } .c_video_category-01001 .p_info .font{ width: inherit; vertical-align:middle; display: inline-block; line-height: 40px; word-break:break-all; } .c_video_category-01001 .p_info .font.SingleIntercept{ display: block; } .c_video_category-01001 .p_CategoryIconB{ margin-right: 10px; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; -ms-flex-align:center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align:center; height: inherit; vertical-align: middle; } .c_video_category-01001 .p_CategoryIconB .iconfont:before{ content: "\e669"; } .c_video_category-01001 .p_Listline{ border-color:#cdd5d5; } .c_video_category-01001 .p_header{ width: 550px; float:right; } .c_video_category-01001 .p_head{ line-height: 70px; height: 70px; background-color: #f0f0f0; float: right; width: 550px; } .c_video_category-01001 .p_head .font{ line-height: inherit; } .c_video_category-01001 .p_PromptNoneData{ width: 250px; top: 0px; left: 0px; transform:initial; }.c_video_category-01001 .p_MatteIcon:before{content:'\e752'; }.w_rbox-001{ position:absolute; width:600px; height:600px; } .w_rbox-001 .p_stylebox{ width: 100%; height: 100%; }@CHARSET "UTF-8";.w_common_text-001{font-size:26px; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #c_video_category-15772428962714591 .p_MatteIcon:before{ content:'\e752'; } #c_video_category-15772428962714591 >div{ animation-fill-mode:both; } #c_video_category-15772428962714591{ position:absolute; top:0px; left:550px; z-index:101; width:90px; height:88px; } #c_video_list-15772434921215703 .p_articles{ width:calc((100% - 20px)/1); margin:10px; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; } #c_video_list-15772434921215703 .p_CommonSummaryBoxA{ text-align:center; } #c_video_list-15772434921215703 .p_MatteIcon:before{ content:'\e752'; } #c_video_list-15772434921215703 >div{ animation-fill-mode:both; } #c_video_list-15772434921215703 .p_headerB{ text-align:center; font-size:20px; } #c_video_list-15772434921215703{ position:absolute; top:466px; left:0px; z-index:100; width:640px; height:307px; } #w_rbox-1577242912724 .p_rbox{ background-color:rgba(3, 64, 153, 1); } #w_rbox-1577242912724 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1577242912724 >div{ animation-fill-mode:both; } #w_rbox-1577242912724{ position:absolute; top:378px; left:0px; z-index:102; width:640px; height:88px; } #w_common_text-1577242947495{ position:absolute; top:24px; left:12px; z-index:100; width:151px; height:45px; }