/*e_MajorStyleBox-001*/ .e_MajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_MajorStyleBox-001 .stylebox_top{ background-color: #65beba; height: 67px; } /*stylebox_title*/ .e_MajorStyleBox-001 .stylebox_title{ line-height: 67px; display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 20px; padding-right: 20px; font-size: 0; vertical-align: bottom; white-space: nowrap; } /*stylebox_link*/ .e_MajorStyleBox-001 .stylebox_link{ color: #EAF3F3; font-size: 30px; padding: 0 15px; margin: 0; float: right; vertical-align: middle; display: table; height: inherit; border-width: 0; } .e_MajorStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } .e_MajorStyleBox-001 .stylebox_link:active{ background-color:#4E9694 ; } /*stylebox_content*/ .e_MajorStyleBox-001 .stylebox_content{ height: calc(100% - 48px); width: 100%; border-style: solid; border-width: 1px; border-color:#f0f0f0; width-uint:%; } .e_MajorStyleBox-001 .title_main{ font-size: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 352px; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); font-weight: normal; } .e_MajorStyleBox-001 .title_sub{ font-size: 34px; color: #fff; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: 10px; } .e_MajorStyleBox-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_MajorStyleBox-001 .stylebox_title .title_icon:before{ content: "\e63d"; font-size: 34px; color: #fff; } .e_MajorStyleBox-001 .stylebox_link a { color: inherit; display: table-cell; vertical-align: middle; } .e_MajorStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; }.higher img{ width: 100%!important; height: auto!important; } .c_friendlink_list-01001 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .c_friendlink_list-01001 .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_friendlink_list-01001 .p_prompt .prompt_title .iconfont:before { content: ""; } .c_friendlink_list-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_friendlink_list-01001 .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .c_friendlink_list-01001 .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_friendlink_list-01001 .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_friendlink_list-01001 .p_prompt .promptbox{ width: auto; height: 100%; } .c_friendlink_list-01001 .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; } /*翻页*/ .e_pagebox{ width:640px; height:auto; clear:both; position:relative; font-size: 0; white-space: nowrap; } .c_friendlink_list-01001 .p_pagebox .pre{ display:inline-table; /*float:left;*/ } .c_friendlink_list-01001 .p_pagebox .next{ display:inline-table; /*float:left;*/ } .c_friendlink_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_friendlink_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_friendlink_list-01001 .p_pagebox .pre:active{ background-color:rgba(90, 170, 167, 1); } .c_friendlink_list-01001 .p_pagebox .pre .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 32px; } .c_friendlink_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_friendlink_list-01001 .p_pagebox .pre:hover .iconfont{ color:rgba(255,255,255,1); } .c_friendlink_list-01001 .p_pagebox .pre:active .iconfont{ color:rgba(255,255,255,1); } .c_friendlink_list-01001 .p_pagebox .pre .iconfont:before{ content: "\e6b0"; } .c_friendlink_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_friendlink_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_friendlink_list-01001 .p_pagebox .next:active{ background-color:rgba(90, 170, 167, 1); } .c_friendlink_list-01001 .p_pagebox .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 32px; } .c_friendlink_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_friendlink_list-01001 .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .c_friendlink_list-01001 .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .c_friendlink_list-01001 .p_pagebox .next .iconfont:before{ content: "\e6af"; } /*翻页数字*/ .c_friendlink_list-01001 .p_pagebox .NumBox{ width: 212px; height: 88px; /*float: left;*/ border: 1px solid #CDD5D5; display: inline-table; position: relative; cursor: pointer; box-sizing:content-box; background: #e6e6e6; vertical-align: top; } .c_friendlink_list-01001 .p_pagebox .num{ display: table-cell; vertical-align: middle; font-size: 32px; text-align: center; width: inherit; } .c_friendlink_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_friendlink_list-01001 .p_pagebox .num .iconfont{ width: 32px; height: 32px; position: absolute; right: 20px; } .c_friendlink_list-01001 .p_pagebox .num .iconfont:before{ content: "\e69c"; font-size: 32px; } .c_friendlink_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_friendlink_list-01001 .p_pagebox .NumBox ul li .iconfont:before{ content: ""; } .c_friendlink_list-01001 .p_pagebox .NumBox ul li:active{ background-color: #e4e4e4; } @-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; } .c_friendlink_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_friendlink_list-01001 .p_loading .iconfont:before{ content: ""; } .c_friendlink_list-01001 .p_loading .font{ display: inline-block; margin-left: 20px; line-height: 100px; height: inherit; } /*带图标按钮-普通*/ .c_friendlink_list-01001 .p_more{ font-size:32px; width: 600px; height:80px; color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:#0075c5; text-align:center; padding-top:0; border-radius: 8px; } .c_friendlink_list-01001 .p_more:active{ background-color:#0075c5; } .c_friendlink_list-01001 .p_more .font{ display:table-cell; vertical-align:middle; text-align: inherit; } .c_friendlink_list-01001 .p_more .iconfont{ display:inline; vertical-align:middle; } .c_friendlink_list-01001 .p_more .iconfont:before{ content: '\e606'; } /*通用容器*/ .c_friendlink_list-01001 .p_moreBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*圆型图片组符*/ .c_friendlink_list-01001 .p_CommonSquareNumBtn{ width:15px; height:15px; display: inline-table; background-color:rgba(228,228,228,1); color:rgba(153,153,153,1); font-size: 12px; border-radius: 10px; -moz-border-radius: 10px; text-align: center; } .c_friendlink_list-01001 .p_CommonSquareNumBtn img{ display:none; } .c_friendlink_list-01001 .p_CommonSquareNumBtn .shape{ width:inherit; height:inherit; text-indent: -99999px; display: table-cell; vertical-align: middle; border-radius: inherit; -moz-border-radius: inherit; } .c_friendlink_list-01001 .p_CommonSquareNumBtn:active { background-color:rgba(105,192,188,1); } .c_friendlink_list-01001 .p_CommonSquareNumBtn.active { background-color:rgba(105,192,188,1); } .c_friendlink_list-01001 .p_CommonSquareNumBtn.j-nav-active { background-color:rgba(105,192,188,1); } /*通用容器*/ .c_friendlink_list-01001 .p_CommonThumbnailBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_friendlink_list-01001 .p_CommonSummaryBoxA{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*列表缩略图切换1*/ .c_friendlink_list-01001 .p_CommonSwitchBtnB{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_friendlink_list-01001 .p_CommonSwitchBtnB .iconfont{ } .c_friendlink_list-01001 .p_CommonSwitchBtnB .iconfont:before{ content: '\e687'; display: inline-block; } .c_friendlink_list-01001 .p_CommonSwitchBtnB .font{ display:table; width:inherit; height:inherit; pointer-events:none; }/*概要列表标题*/ .c_friendlink_list-01001 .p_title{ 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_friendlink_list-01001 .p_title .font{ display:table-cell; vertical-align:top; line-height: 36px; } .c_friendlink_list-01001 .p_title:active{ color:#57B2AD; } .c_friendlink_list-01001 .p_title.selected{ color:#45A5A1; } .c_friendlink_list-01001 .p_title.disabled{ color:#666666; } .c_friendlink_list-01001 .p_title .iconfont:before{ content:""; } /*辅助字段名*/ .c_friendlink_list-01001 .p_nameA{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_friendlink_list-01001 .p_nameA .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_friendlink_list-01001 .p_nameA .iconfont:before{ content:""; }/*通用容器*/ .c_friendlink_list-01001 .p_content{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /* 无效果图片边框 */ .c_friendlink_list-01001 .p_thumbnail{ height: auto; width: auto; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } /*通用容器*/ .c_friendlink_list-01001 .p_images{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*链接元素*/ /*通用容器*/ .c_friendlink_list-01001 .p_articles{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_friendlink_list-01001 .p_links{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*列表缩略图切换1*/ .c_friendlink_list-01001 .p_CommonSwitchBtnA{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_friendlink_list-01001 .p_CommonSwitchBtnA .iconfont{ } .c_friendlink_list-01001 .p_CommonSwitchBtnA .iconfont:before{ content: '\e687'; display: inline-block; } .c_friendlink_list-01001 .p_CommonSwitchBtnA .font{ display:table; width:inherit; height:inherit; pointer-events:none; }/*通用容器*/ .c_friendlink_list-01001 .p_CommonInteraction{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_friendlink_list-01001 .p_CommonLanternBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_friendlink_list-01001 .p_Linkslist{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_friendlink_list-01001 { width: 640px; height: 400px; position: absolute; overflow: hidden; font-size: 0; } .c_friendlink_list-01001 .p_Linkslist { width: inherit; height: auto; background-color: transparent; overflow: visible; } .c_friendlink_list-01001 .p_links { width: auto; height: auto; padding-top: 10px; padding-bottom: 10px; } .c_friendlink_list-01001 .p_articles { margin: 10px; width: calc((100% - 40px)/2); height: auto; display: inline-block; background: #fff; vertical-align: top; } .c_friendlink_list-01001 .p_articles:active { background: #dedede; } .c_friendlink_list-01001 .p_LinkA {} .c_friendlink_list-01001 .p_images {} .c_friendlink_list-01001 .p_thumbnail { width: inherit; } .c_friendlink_list-01001 .p_content { padding: 10px; text-align: center; } .c_friendlink_list-01001 .p_nameA{ display: block; float: left; } .c_friendlink_list-01001 .p_nameA .font{ line-height: 36px; } .c_friendlink_list-01001 .p_nameA .iconfont:before { content: "\e6ae"; } .c_friendlink_list-01001 .p_title { text-align: center; display: block; overflow: visible; } .c_friendlink_list-01001 .p_title .font{ display: block; } .c_friendlink_list-01001 .p_more { width: inherit; height: 100px; margin-top: 20px; } .c_friendlink_list-01001 .p_more .font{ width: inherit; } .c_friendlink_list-01001 .p_more .iconfont { vertical-align: 2px; } .c_friendlink_list-01001 .p_more:active { width: inherit; height: 100px; color: rgba(255, 255, 255, 1); font-size: 22px; background-color: #0075c5; border-radius: 0; border-width: 0; } .c_friendlink_list-01001 .p_more .iconfont:before { content: "\e6d1"; } /*跑马灯*/ .c_friendlink_list-01001 .p_CommonLanternBox{ width: auto; height: auto; position: relative; } .c_friendlink_list-01001 .p_CommonSwitchBtnA{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .c_friendlink_list-01001 .p_CommonSwitchBtnA{ color: rgba(191,191,191,1); } .c_friendlink_list-01001 .p_CommonSwitchBtnA:active{ color: rgba(105,192,188,1); } .c_friendlink_list-01001 .p_CommonSwitchBtnA .iconfont:before{ content: "\e6b0"; } .c_friendlink_list-01001 .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); } .c_friendlink_list-01001 .p_CommonSwitchBtnB{ color: rgba(191,191,191,1); } .c_friendlink_list-01001 .p_CommonSwitchBtnB:active{ color: rgba(105,192,188,1); } .c_friendlink_list-01001 .p_CommonSwitchBtnB .iconfont:before{ content: "\e6af"; } .c_friendlink_list-01001 .p_CommonSummaryBoxA{ width: auto; height: auto; /* position: relative; */ text-align: center; margin-bottom: 20px; } .c_friendlink_list-01001 .p_CommonThumbnailBox{ width: auto; height: auto; } .c_friendlink_list-01001 .d_CommonInteractionA{ width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; left: 0px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_friendlink_list-01001 .d_CommonInteractionB{ width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; right: 0px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_friendlink_list-01001 .p_CommonSquareNumBtn { margin-left: 10px; background-color:rgba(191,191,191,1); } .c_friendlink_list-01001 .p_CommonSquareNumBtn.active{ background-color:#67b8b4; } .c_friendlink_list-01001 .p_CommonSquareNumBtn .shape{ background-color:inherit; } .c_friendlink_list-01001 .p_CommonSquareNumBtn.active .shape{ background-color:inherit; } .lantern{ margin-left: 40px !important; margin-right:40px !important; } /*跑马灯 结束*/ .c_friendlink_list-01001 .p_LinkF{ line-height: 36px; font-size: 30px; text-align: left } .c_friendlink_list-01001 .p_content{ width: 100%; } .c_friendlink_list-01001 .p_LinkF .iconfont:before{ content:'\e6ae' }.w_rbox-001{ position:absolute; width:600px; height:600px; } .w_rbox-001 .p_stylebox{ width: 100%; height: 100%; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }/*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_friendlink_list-15760554845917133 .p_articles{ width:calc((100% - 40px)/2); margin:10; margin-top:10; margin-right:10; margin-bottom:10; margin-left:10; } #c_friendlink_list-15760554845917133 .p_CommonSummaryBoxA{ text-align:center; } #c_friendlink_list-15760554845917133 .p_MatteIcon:before{ content:'\e752'; } #c_friendlink_list-15760554845917133 >div{ animation-fill-mode:both; } #c_friendlink_list-15760554845917133 .p_nameA .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_friendlink_list-15760554845917133 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_friendlink_list-15760554845917133 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_friendlink_list-15760554845917133{ position:absolute; top:0px; left:0px; z-index:101; width:639px; height:400px; } #w_common_text-1576055447938{ position:absolute; top:470.813px; left:28.4063px; z-index:108; width:132px; height:45px; } #w_rbox-1576055447928{ position:absolute; top:547.922px; left:0px; z-index:103; width:648px; height:701px; }