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

.main_box { display: flex; justify-content: space-between; }
.main_box h2 { position: relative; padding-left: 14px; font-size: 14px; font-weight: bold; }
.main_box h2:before { content: ''; position: absolute; left: 0; width: 4px; height: 14px; border-radius: 2px; background: #2ee2f3; }
.main_box .board_left { margin-top: 9px; width: 540px; }
.main_box .board_left .board_header1 { background: url("../img/board/header1.png") no-repeat 0 0; width: 540px; }
.main_box .board_left .bl_main { height: 880px; width: 100%; background: linear-gradient(to right, rgba(50, 137, 255, 0.1), rgba(50, 137, 255, 0.05)); padding: 24px 20px 0 20px; box-sizing: border-box; }
.main_box .board_left .lm_header { padding: 0 28px; box-sizing: border-box; }
.main_box .board_left .lm_header ul { display: flex; justify-content: space-between; }
.main_box .board_left .lm_header ul li { width: 96px; height: 88px; background: url("../img/board/icon.png") no-repeat 0 0; text-align: center; position: relative; }
.main_box .board_left .lm_header ul li .dot i { position: absolute; top: 100px; opacity: 0; width: 4px; height: 4px; border-radius: 50%; background: #7fc9ff; }
.main_box .board_left .lm_header ul li .dot .d1 { left: 18px; animation: dotAnimation2 2.2s 1.2s infinite; }
.main_box .board_left .lm_header ul li .dot .d2 { left: 28px; animation: dotAnimation2 2.6s 0.8s infinite; }
.main_box .board_left .lm_header ul li .dot .d3 { left: 38px; animation: dotAnimation2 2.4s 0.6s infinite; }
.main_box .board_left .lm_header ul li .dot .d4 { left: 48px; animation: dotAnimation2 3.0s 0.2s infinite; }
.main_box .board_left .lm_header ul li .dot .d5 { left: 58px; animation: dotAnimation2 2.2s 1.8s infinite; }
.main_box .board_left .lm_header ul li .dot .d6 { left: 68px; animation: dotAnimation2 2.8s 1.4s infinite; }
.main_box .board_left .lm_header ul li .dot .d7 { left: 78px; animation: dotAnimation2 3.2s 0.6s infinite; }
.main_box .board_left .lm_header ul li .dot .d8 { left: 65px; animation: dotAnimation2 2.2s 0.8s infinite; }
.main_box .board_left .lm_header ul li .dot .d9 { left: 58px; animation: dotAnimation2 3.2s 0.6s infinite; }
.main_box .board_left .lm_header ul li .dot .d10 { left: 88px; animation: dotAnimation2 2.2s 0.8s infinite; }
.main_box .board_left .lm_header ul li h5 { font-size: 22px; color: #f2f4ff; font-family: 'DINM'; }
.main_box .board_left .lm_header ul li p { font-size: 12px; color: #2ee2f3; font-weight: bold; margin-top: 5px; }
.main_box .board_left .lm_map { margin-top: 10px; width: 500px; height: 500px; padding-top: 20px; box-sizing: border-box; }
.main_box .board_left .lm_map .main_table { width: 100%; box-sizing: border-box; height: 430px; margin-top: 20px; }
.main_box .board_left .lm_map .main_table .w2 { width: 68% !important; }
.main_box .board_left .lm_map .main_table p { padding-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_box .board_left .lm_map .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; }
.main_box .board_left .lm_map .main_table .table_td { line-height: 34px; }
.main_box .board_left .lm_map .main_table .table_td li { height: 34px; margin-bottom: 2px; }
.main_box .board_left .lm_map h2 { margin-left: 20px; }
.main_box .board_left .lm_map .map { margin: 0 auto; width: 470px; height: 409px; position: relative; top: 25px; }
.main_box .board_left .lm_map .city { width: 480px; height: 60px; margin: 0 auto; background: linear-gradient(to right, rgba(50, 137, 255, 0.1), rgba(50, 137, 255, 0.05)); margin-top: -10px; padding: 9px 16px 0 16px; box-sizing: border-box; }
.main_box .board_left .lm_map .city li { display: flex; justify-content: space-between; }
.main_box .board_left .lm_map .city .part { font-size: 12px; color: #ffffff; line-height: 22px; }
.main_box .board_left .lm_map .city .part span { color: #b3d2ff; margin-left: 4px; }
.main_box .board_left .requirement { margin-top: 12px; width: 500px; height: 220px; background: linear-gradient(to right, rgba(50, 137, 255, 0.1), rgba(50, 137, 255, 0.05)); padding-top: 20px; box-sizing: border-box; }
.main_box .board_left .requirement h2 { margin-left: 20px; }
.main_box .board_left .requirement .requirement_chart { width: 500px; height: 184px; }
.main_box .board_right { margin-top: 9px; width: 1260px; }
.main_box .board_right .board_header2 { width: 833px; background: url("../img/board/header2.png") no-repeat 0 0; }
.main_box .board_right .br_main { height: 880px; width: 100%; background: linear-gradient(to right, rgba(50, 137, 255, 0.1), rgba(50, 137, 255, 0.05)); padding: 0 20px; box-sizing: border-box; }
.main_box .board_right .rm_header { padding-top: 18px; }
.main_box .board_right .rm_header ul { display: flex; justify-content: space-between; }
.main_box .board_right .rm_header ul li { padding-left: 92px; height: 76px; background: url("../img/board/icon_sprites.png") no-repeat 0 -373px; position: relative; }
.main_box .board_right .rm_header ul li .dot i { position: absolute; top: 100px; opacity: 0; width: 4px; height: 4px; border-radius: 50%; background: #7fc9ff; }
.main_box .board_right .rm_header ul li .dot .d1 { left: 18px; animation: dotAnimation2 2.2s 1.2s infinite; }
.main_box .board_right .rm_header ul li .dot .d2 { left: 28px; animation: dotAnimation2 2.6s 0.8s infinite; }
.main_box .board_right .rm_header ul li .dot .d3 { left: 38px; animation: dotAnimation2 2.4s 0.6s infinite; }
.main_box .board_right .rm_header ul li .dot .d4 { left: 48px; animation: dotAnimation2 3.0s 0.2s infinite; }
.main_box .board_right .rm_header ul li .dot .d5 { left: 58px; animation: dotAnimation2 2.2s 1.8s infinite; }
.main_box .board_right .rm_header ul li .dot .d6 { left: 68px; animation: dotAnimation2 2.8s 1.4s infinite; }
.main_box .board_right .rm_header ul li .dot .d7 { left: 78px; animation: dotAnimation2 3.2s 0.6s infinite; }
.main_box .board_right .rm_header ul li .dot .d8 { left: 65px; animation: dotAnimation2 2.2s 0.8s infinite; }
.main_box .board_right .rm_header ul li .dot .d9 { left: 12px; animation: dotAnimation2 3.2s 0.6s infinite; }
.main_box .board_right .rm_header ul li .dot .d10 { left: 8px; animation: dotAnimation2 2.2s 0.8s infinite; }
.main_box .board_right .rm_header ul li h5 { font-size: 20px; color: #2ee2f3; font-family: 'DINR'; padding-top: 20px; }
.main_box .board_right .rm_header ul li p { color: #e5efff; margin-top: 10px; font-size: 12px; }
.main_box .board_right .rm_header ul .icon2 { height: 74px; background-position-y: -0; }
.main_box .board_right .rm_header ul .icon3 { height: 75px; background-position-y: -298px; }
.main_box .board_right .rm_header ul .icon4 { height: 75px; background-position-y: -148px; }
.main_box .board_right .rm_header ul .icon5 { height: 75px; background-position-y: -223px; }
.main_box .board_right .rm_header ul .icon6 { height: 74px; background-position-y: -74px; }
.main_box .board_right .rm_main { display: flex; justify-content: space-between; margin-top: 30px; }
.main_box .board_right .rm_main .rm_left { width: 760px; }
.main_box .board_right .rm_main .rm_left .sort { width: 100%; height: 270px; background: linear-gradient(to right, rgba(50, 137, 255, 0.1), rgba(50, 137, 255, 0.05)); padding-top: 20px; box-sizing: border-box; }
.main_box .board_right .rm_main .rm_left .sort h2 { margin-left: 20px; }
.main_box .board_right .rm_main .rm_left .sort .sort_s { width: 760px; height: 234px; }
.main_box .board_right .rm_main .rm_left .order { margin-top: 20px; }
.main_box .board_right .rm_main .rm_left .order > ul { margin-top: 12px; display: flex; justify-content: space-between; }
.main_box .board_right .rm_main .rm_left .order > ul li { width: 120px; height: 72px; background: linear-gradient(to right, rgba(50, 137, 255, 0.1), rgba(50, 137, 255, 0.05)); border: 1px solid #163763; padding: 20px 0 0 36px; box-sizing: border-box; }
.main_box .board_right .rm_main .rm_left .order > ul li h5 { font-size: 12px; color: #fff; position: relative; }
.main_box .board_right .rm_main .rm_left .order > ul li h5:before { content: ''; position: absolute; left: -12px; width: 6px; height: 6px; top: 3px; border-radius: 50%; background: #2ee2f3; }
.main_box .board_right .rm_main .rm_left .order > ul li p { font-size: 18px; color: #2ee2f3; margin-top: 6px; }
.main_box .board_right .rm_main .rm_left .order > ul li:nth-child(2) h5:before { background: #2ef399; }
.main_box .board_right .rm_main .rm_left .order > ul li:nth-child(3) h5:before { background: #ffa04c; }
.main_box .board_right .rm_main .rm_left .order > ul li:nth-child(4) h5:before { background: #ff503e; }
.main_box .board_right .rm_main .rm_left .order > ul li:nth-child(5) h5:before { background: #33a3f6; }
.main_box .board_right .rm_main .rm_left .order > ul li:nth-child(6) h5:before { background: #33a3f6; }
.main_box .board_right .rm_main .rm_left .order .order_s { margin-top: 10px; width: 760px; height: 300px; background: linear-gradient(to right, rgba(50, 137, 255, 0.1), rgba(50, 137, 255, 0.05)); padding-top: 20px; box-sizing: border-box; position: relative; }
.main_box .board_right .rm_main .rm_left .order .order_s h2 { margin-left: 20px; }
.main_box .board_right .rm_main .rm_left .order .order_s .order_box { width: 760px; height: 264px; }
.main_box .board_right .rm_main .rm_left .order .order_s .screen { position: absolute; right: 14px; top: 14px; height: 42px; line-height: 32px; z-index: 999; }
.main_box .board_right .rm_main .rm_left .order .order_s .screen > p { position: relative; padding-left: 18px; width: 150px; height: 32px; border: 1px solid #55a1ee; border-radius: 8px; font-size: 14px; font-weight: 700; color: #2cd5e7; cursor: pointer; }
.main_box .board_right .rm_main .rm_left .order .order_s .screen > p:after { content: ''; position: absolute; right: 14px; top: 13px; width: 0; height: 0; border: 5px solid transparent; border-top-color: #2cd5e7; }
.main_box .board_right .rm_main .rm_left .order .order_s .screen .con { display: none; position: absolute; left: 0; top: 40px; width: 100%; height: 130px; border: 1px solid #55a1ee; border-radius: 8px; box-sizing: border-box; }
.main_box .board_right .rm_main .rm_left .order .order_s .screen .con ul { width: 100%; }
.main_box .board_right .rm_main .rm_left .order .order_s .screen .con li { padding-left: 18px; font-size: 14px; color: #2cd5e7; background-color: rgba(0, 10, 48, 0.9); cursor: pointer; }
.main_box .board_right .rm_main .rm_left .order .order_s .screen .con li:hover { color: #ffffff; }
.main_box .board_right .rm_main .rm_left .order .order_s .screen .con .cur { color: #ffffff; background: linear-gradient(to right, #4d91d9, #2446ae); }
.main_box .board_right .rm_main .rm_left .order .order_s .screen .nano > .nano-pane { width: 3px; background-color: transparent; }
.main_box .board_right .rm_main .rm_left .order .order_s .screen .nano > .nano-pane > .nano-slider { background: #2cd5e7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.main_box .board_right .rm_main .rm_left .order .order_s .screen .nano > .nano-pane { left: auto; right: 4px; }
.main_box .board_right .rm_main .rm_right { width: 440px; }
.main_box .board_right .rm_main .rm_right .product_type { width: 440px; height: 270px; background: linear-gradient(to right, rgba(50, 137, 255, 0.05), rgba(50, 137, 255, 0.1)); padding-top: 20px; box-sizing: border-box; }
.main_box .board_right .rm_main .rm_right .product_type h2 { margin-left: 20px; }
.main_box .board_right .rm_main .rm_right .product_type .pt_s { width: 440px; height: 234px; }
.main_box .board_right .rm_main .rm_right .score_ranking { margin-top: 20px; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table { font-size: 12px; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table p i { font-style: italic; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .blue { color: #68a5f8; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .blue1 { color: #2ee2f3; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .red { color: #f55659; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .yellow { color: #ffe13a; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .green { color: #17e5b2; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .num { font-family: DINR; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_th { font-weight: 700; line-height: 15px; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_th li { float: left; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .center { text-align: center; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .em { font-style: italic; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td { line-height: 34px; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li { /*&:nth-child(1){ a{ p{ padding-left: 12px; span{ width: 100%; background: url("../img/digital/no1.png") no-repeat center; display: inline-block; } } }
}
&:nth-child(2){ a{ p{ padding-left: 12px; span{ width: 100%; background: url("../img/digital/no2.png") no-repeat center; display: inline-block; } } }
}
&:nth-child(3){ a{ p{ padding-left: 12px; span{ width: 100%; background: url("../img/digital/no3.png") no-repeat center; display: inline-block; } } }
}*/ }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li.t_1 a p { padding-left: 12px; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li.t_1 a p span { width: 100%; background: url("../img/digital/no1.png") no-repeat center; display: inline-block; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li.t_2 a p { padding-left: 12px; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li.t_2 a p span { width: 100%; background: url("../img/digital/no2.png") no-repeat center; display: inline-block; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li.t_3 a p { padding-left: 12px; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li.t_3 a p span { width: 100%; background: url("../img/digital/no3.png") no-repeat center; display: inline-block; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li a > div { float: left; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li a .num_box { float: right; padding-right: 5px; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .w1 { width: 14%; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .w2 { width: 66%; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .w3 { width: 20%; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table { width: 100%; box-sizing: border-box; margin-top: 12px; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table p { padding-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_th { line-height: 36px; background: linear-gradient(to top, rgba(50, 137, 255, 0.2), rgba(50, 137, 255, 0)); font-weight: 400; border-bottom: 1px solid #4885ce; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td { line-height: 32px; height: 372px; margin-top: 4px; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li { height: 32px; margin-bottom: 2px; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li a { color: #fff; }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li:nth-child(odd) { background-color: rgba(50, 137, 255, 0.1); }
.main_box .board_right .rm_main .rm_right .score_ranking .main_table .table_td li:nth-child(even) { background-color: rgba(50, 137, 255, 0.05); }

.main_table { border: 1px solid #11182c; background-color: rgba(8, 14, 28, 0.5); font-size: 12px; }
.main_table p i { font-style: italic; }
.main_table .blue { color: #68a5f8; }
.main_table .blue1 { color: #2ee2f3; }
.main_table .red { color: #f55659; }
.main_table .yellow { color: #ffe13a; }
.main_table .green { color: #17e5b2; }
.main_table .num { font-family: DINR; }
.main_table .table_th { line-height: 36px; background: linear-gradient(to top, rgba(50, 137, 255, 0.2), rgba(50, 137, 255, 0)); font-weight: 400; border-bottom: 1px solid #4885ce; }
.main_table .table_th li { float: left; }
.main_table .center { text-align: center; }
.main_table .em { font-style: italic; }
.main_table .table_td { line-height: 34px; }
.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; } }
}*/ }
.main_table .table_td li:nth-child(odd) { background-color: rgba(50, 137, 255, 0.1); }
.main_table .table_td li:nth-child(even) { background-color: rgba(50, 137, 255, 0.05); }
.main_table .table_td li.t_1 p { padding-left: 12px; }
.main_table .table_td li.t_1 p span { width: 100%; background: url("../img/digital/no1.png") no-repeat center; display: inline-block; }
.main_table .table_td li.t_2 p { padding-left: 12px; }
.main_table .table_td li.t_2 p span { width: 100%; background: url("../img/digital/no2.png") no-repeat center; display: inline-block; }
.main_table .table_td li.t_3 p { padding-left: 12px; }
.main_table .table_td li.t_3 p span { width: 100%; background: url("../img/digital/no3.png") no-repeat center; display: inline-block; }
.main_table .table_td li > div { float: left; }
.main_table .table_td li .num_box { float: right; padding-right: 5px; }
.main_table .w1 { width: 10%; }
.main_table .w2 { width: 50%; }
.main_table .w3 { width: 18%; }
.main_table .w4 { width: 22%; }

.nano { position: relative; width: 100%; height: 100%; overflow: hidden; }
.nano > .nano-content { overflow: scroll; overflow-x: hidden; left: 0; }
.nano > .nano-content:focus { outline: dotted thin; }
.nano > .nano-content::-webkit-scrollbar { display: none; }
.nano > .nano-pane { width: 4px; visibility: visible\9; opacity: .99; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: rgba(50, 137, 255, 0.1); }
.nano > .nano-pane.active, .nano > .nano-pane.flashed { visibility: visible\9; opacity: .99; }
.nano > .nano-pane > .nano-slider { background: #253860; position: relative; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.nano > .nano-content, .nano > .nano-pane { position: absolute; right: 0; top: 0; bottom: 0; }
.nano.has-scrollbar > .nano-content::-webkit-scrollbar { display: block; }
.nano:hover > .nano-pane { visibility: visible\9; opacity: .99; }

@keyframes dotAnimation2 { 0% { opacity: 0; top: 50px; }
  25% { opacity: 0.4; }
  100% { opacity: 0; top: 0; } }

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