@charset "UTF-8";
body { background: #01081d url("../img/circuit/bg.jpg") no-repeat 0 0; background-size: 100% 100%; }

.circuit { display: flex; justify-content: space-between; }
.circuit .rd_s, .circuit .gt_s, .circuit .dr_s, .circuit .foundation_s, .circuit .management_s, .circuit .manage_s, .circuit .effectiveness_s { width: 100%; background: linear-gradient(to right, rgba(50, 137, 255, 0.1), rgba(50, 137, 255, 0.05)); }
.circuit .circuit_left { width: 400px; }
.circuit .circuit_left .rank_distribution .rd_s { height: 210px; }
.circuit .circuit_left .growth_trend { margin-top: 10px; }
.circuit .circuit_left .growth_trend .gt_s { height: 240px; }
.circuit .circuit_left .digital_ranking { margin-top: 10px; }
.circuit .circuit_left .digital_ranking .dr_s { height: 350px; overflow: hidden; }
.circuit .circuit_left .digital_ranking .dr_s .main_table { width: 100%; box-sizing: border-box; height: 350px; }
.circuit .circuit_left .digital_ranking .dr_s .main_table .w4 { width: 40%; }
.circuit .circuit_left .digital_ranking .dr_s .main_table p { padding-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.circuit .circuit_left .digital_ranking .dr_s .main_table .table_th { line-height: 28px; background: linear-gradient(to top, rgba(50, 137, 255, 0.2), rgba(50, 137, 255, 0)); font-weight: 400; }
.circuit .circuit_left .digital_ranking .dr_s .main_table .table_td { line-height: 30px; }
.circuit .circuit_left .digital_ranking .dr_s .main_table .table_td li { height: 30px; margin-bottom: 2px; }
.circuit .circuit_center { width: 980px; position: relative; }
.circuit .circuit_center .sub_nav a { margin: 0 4px; background: url(../img/circuit/nab_bg.png) no-repeat 0 0; width: 110px; height: 38px; padding: 0 10px; box-sizing: border-box; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的文本 */ text-overflow: ellipsis; /* 显示省略号 */ }
.circuit .circuit_center .sub_nav a.cur, .circuit .circuit_center .sub_nav a:hover { background-position-y: -38px; }
.circuit .circuit_center .cc_main { width: 812px; height: 641px; margin: 152px auto 0 auto; background: url("../img/circuit/cc_bg.png") no-repeat center; position: relative; }
.circuit .circuit_center .cc_main .quan { position: relative; width: 240px; height: 240px; border-radius: 50%; }
.circuit .circuit_center .cc_main .shui { position: absolute; top: 91px; left: 286px; width: 100%; height: 100%; /* background-image: radial-gradient(circle, red, blue); */ background-image: linear-gradient(to bottom, #123064 50%, #2a51b0 65%, #06286a 75%, #06286a 80%, #7ea2dd 100%); border-radius: 50%; overflow: hidden; }
.circuit .circuit_center .cc_main .shui::after { content: ''; position: absolute; top: 0; left: 50%; width: 150%; height: 150%; border-radius: 40%; background: radial-gradient(circle, rgba(48, 90, 188, 0) 50%, #18223a) 100%; animation: shi 5s linear infinite; border: 1px solid #b3b3d8; }
@keyframes shi { 0% { transform: translate(-50%, -65%) rotate(0deg); }
  100% { transform: translate(-50%, -65%) rotate(360deg); } }
.circuit .circuit_center .cc_main .shui::before { content: ''; position: absolute; top: 0; left: 50%; width: 150%; height: 150%; border-radius: 42%; border: 1px solid white; box-shadow: 0 1px 0 white; background-color: rgba(39, 94, 189, 0.4); animation: xu 7s linear infinite; }
.circuit .circuit_center .cc_main .a { position: absolute; top: 245px; left: 362px; font-size: 36px; width: 90px; text-align: center; color: #d4e2ff; font-weight: bold; }
.circuit .circuit_center .cc_main .a span { font-size: 56px; font-weight: bold; }
@keyframes xu { 0% { transform: translate(-50%, -60%) rotate(0deg); }
  100% { transform: translate(-50%, -60%) rotate(360deg); } }
.circuit .circuit_center .cc_main .dot i { position: absolute; top: 150px; opacity: 0; width: 4px; height: 4px; border-radius: 50%; background: #7fc9ff; }
.circuit .circuit_center .cc_main .dot .d1 { left: 38px; animation: dotAnimation2 2.2s 1.2s infinite; }
.circuit .circuit_center .cc_main .dot .d2 { left: 48px; animation: dotAnimation2 2.6s 0.8s infinite; background: red; }
.circuit .circuit_center .cc_main .dot .d3 { left: 78px; animation: dotAnimation2 2.4s 0.6s infinite; }
.circuit .circuit_center .cc_main .dot .d4 { left: 88px; animation: dotAnimation2 3.0s 0.2s infinite; background: orange; }
.circuit .circuit_center .cc_main .dot .d5 { left: 108px; animation: dotAnimation2 2.2s 1.8s infinite; }
.circuit .circuit_center .cc_main .dot .d6 { left: 118px; animation: dotAnimation2 2.8s 1.4s infinite; background: yellow; }
.circuit .circuit_center .cc_main .dot .d7 { left: 138px; animation: dotAnimation2 3.2s 0.6s infinite; }
.circuit .circuit_center .cc_main .dot .d8 { left: 148px; animation: dotAnimation2 2.2s 0.8s infinite; background: black; }
.circuit .circuit_center .cc_main .dot .d9 { left: 168px; animation: dotAnimation2 3.2s 0.6s infinite; }
.circuit .circuit_center .cc_main .dot .d10 { left: 178px; animation: dotAnimation2 2.2s 0.8s infinite; background: palevioletred; }
.circuit .circuit_center .cc_main .dot .d11 { left: 198px; animation: dotAnimation2 3.2s 0.6s infinite; }
.circuit .circuit_center .cc_main .dot .d12 { left: 208px; animation: dotAnimation2 2.2s 0.8s infinite; background: #00ff35; }
.circuit .circuit_center ul li { position: absolute; height: 64px; display: flex; }
.circuit .circuit_center ul li .cc_txt { width: 80px; text-align: right; margin-right: 10px; }
.circuit .circuit_center ul li .cc_txt i { width: 8px; height: 24px; display: inline-block; background: url("../img/circuit/up_icon.png") no-repeat center; margin-left: 5px; }
.circuit .circuit_center ul li .cc_img { width: 64px; height: 64px; background: url("../img/circuit/cc_sprites.png") no-repeat -10px -10px; }
.circuit .circuit_center ul li .ico2 { background-position-y: -94px; }
.circuit .circuit_center ul li .ico3 { background-position-y: -178px; }
.circuit .circuit_center ul li .ico4 { background-position-y: -262px; }
.circuit .circuit_center ul li .ico5 { background-position-y: -346px; }
.circuit .circuit_center ul li .ico6 { background-position-y: -430px; }
.circuit .circuit_center ul li .green { color: #2ef399; }
.circuit .circuit_center ul li .orange { color: #ffa04c; }
.circuit .circuit_center ul li .red { color: #ff503e; }
.circuit .circuit_center ul li .yellow { color: #ffe13a; }
.circuit .circuit_center ul li h4 { font-size: 14px; font-weight: bold; margin-top: 10px; }
.circuit .circuit_center ul li p { font-size: 30px; font-family: DINPro; color: #2ee2f3; margin-top: 5px; }
.circuit .circuit_center ul .cc_r .cc_txt { text-align: left; margin-right: 0; margin-left: 10px; }
.circuit .circuit_center ul .icon1 { left: 100px; top: 332px; }
.circuit .circuit_center ul .icon2 { top: 554px; left: 102px; }
.circuit .circuit_center ul .icon3 { top: 591px; left: 110px; }
.circuit .circuit_center ul .icon4 { right: 100px; top: 332px; }
.circuit .circuit_center ul .icon5 { top: 554px; right: 102px; }
.circuit .circuit_center ul .icon6 { top: 591px; right: 110px; }
.circuit .circuit_right { width: 400px; }
.circuit .circuit_right .foundation .foundation_s { height: 170px; }
.circuit .circuit_right .management { margin-top: 10px; }
.circuit .circuit_right .management .management_s { height: 240px; }
.circuit .circuit_right .manage { margin-top: 10px; }
.circuit .circuit_right .manage .manage_s { height: 190px; }
.circuit .circuit_right .effectiveness { margin-top: 10px; }
.circuit .circuit_right .effectiveness .effectiveness_s { height: 140px; }
.circuit .circuit_right .effectiveness .effectiveness_s .commonality_bar li .bar_in { background: linear-gradient(to right, rgba(46, 243, 153, 0), #2ef399); }
.circuit .details { font-size: 12px; margin-right: 10px; }
.circuit .details a { color: #138fff; font-style: italic; }
.circuit .details i { display: inline-block; width: 6px; height: 11px; background: url("../img/digital/detail_icon.png") no-repeat center; margin-left: 5px; }
.circuit .main_table { border: 1px solid #11182c; background-color: rgba(8, 14, 28, 0.5); font-size: 12px; }
.circuit .main_table p i { font-style: italic; }
.circuit .main_table .blue { color: #68a5f8; }
.circuit .main_table .blue1 { color: #2ee2f3; }
.circuit .main_table .red { color: #f55659; }
.circuit .main_table .yellow { color: #ffe13a; }
.circuit .main_table .green { color: #17e5b2; }
.circuit .main_table .num { font-family: DINR; }
.circuit .main_table .table_th { font-weight: 700; line-height: 15px; }
.circuit .main_table .table_th li { float: left; }
.circuit .main_table .center { text-align: center; }
.circuit .main_table .em { font-style: italic; }
.circuit .main_table .table_td { line-height: 34px; }
.circuit .main_table .table_td li { /*&:nth-child(1){ p{ padding-left: 12px; span{ width: 100%; background: url("../img/digital/no1.png") no-repeat center; display: inline-block; } }
}
&:nth-child(2){ p{ padding-left: 12px; span{ width: 100%; background: url("../img/digital/no2.png") no-repeat center; display: inline-block; } }
}
&:nth-child(3){ p{ padding-left: 12px; span{ width: 100%; background: url("../img/digital/no3.png") no-repeat center; display: inline-block; } }
}*/ }
.circuit .main_table .table_td li:nth-child(even) { background-color: rgba(25, 33, 61, 0.5); }
.circuit .main_table .table_td li.t_1 p { padding-left: 12px; }
.circuit .main_table .table_td li.t_1 p span { width: 100%; background: url("../img/digital/no1.png") no-repeat center; display: inline-block; }
.circuit .main_table .table_td li.t_2 p { padding-left: 12px; }
.circuit .main_table .table_td li.t_2 p span { width: 100%; background: url("../img/digital/no2.png") no-repeat center; display: inline-block; }
.circuit .main_table .table_td li.t_3 p { padding-left: 12px; }
.circuit .main_table .table_td li.t_3 p span { width: 100%; background: url("../img/digital/no3.png") no-repeat center; display: inline-block; }
.circuit .main_table .table_td li > div { float: left; }
.circuit .main_table .table_td li .num_box { float: right; padding-right: 5px; }
.circuit .main_table .w1 { width: 10%; }
.circuit .main_table .w2 { width: 50%; }
.circuit .main_table .w3 { width: 18%; }
.circuit .main_table .w4 { width: 22%; }
.circuit .commonality_bar { padding: 25px 15px; box-sizing: border-box; color: #e5efff; }
.circuit .commonality_bar li { display: flex; align-items: center; margin-bottom: 25px; }
.circuit .commonality_bar li .bar_h { width: 80px; margin-right: 5px; }
.circuit .commonality_bar li .bar { width: 250px; background: #162863; height: 6px; }
.circuit .commonality_bar li .bar .bar_in { height: 6px; background: linear-gradient(to right, rgba(255, 80, 62, 0), #ff503e); }
.circuit .commonality_bar li .bar_num { font-size: 12px; color: #2ee2f3; font-family: DINPro; margin-left: 10px; width: 25px; }
.circuit .commonality_bar li .bar_stxt { margin-left: 10px; }
.circuit .commonality_bar li .bar_score { color: #ffe13a; margin-left: 3px; }
@keyframes dotAnimation2 { 0% { opacity: 0; top: 10px; }
  25% { opacity: 0.4; }
  100% { opacity: 0; top: 120px; } }

/*# sourceMappingURL=circuit.css.map */