.mb40 { margin-bottom: 40px; }

.mb60 { margin-bottom: 60px; }

.test { width: 1080px; margin: 0; padding-bottom: 50px; }

.test > .img { margin-bottom: 50px; }

.test .br_1 { border-right: 1px solid #d9d9d9 !important; }

.test .img_wrap { font-size: 0; line-height: 0; }

.test .img_wrap .img_box { display: inline-block; vertical-align: middle; width: 446px; text-align: center; margin-right: 38px; }

.test .img_wrap .txt_box { display: inline-block; vertical-align: middle; width: calc(100% - 484px); }

.test .img_wrap .txt_box h3 { font-size: 50px; line-height: 1.2em; font-weight: 300; margin-bottom: 15px; word-break: keep-all; }

.test .img_wrap .txt_box h3 b { font-weight: 500; }

.test .img_wrap .txt_box p { font-size: 16px; line-height: 1.4em; word-break: keep-all; font-weight: 300; }

.test .table_wrap { margin-bottom: 60px; }

.test .table_wrap > button { float: right; line-height: 42px; background: #324264; border-radius: 3px; color: #fff; margin-bottom: 17px; cursor: default;}

.test .table_wrap > button:before { content: ""; display: inline-block; vertical-align: middle; width: 17px; height: 15px; background: url(../images/wPop/icon_print.png) no-repeat center; margin-right: 13px; margin-top: -2px; }

.test .table_wrap table { clear: both; }

.test table { border-top: 2px solid #2861ba; margin-bottom: 40px; }

.test table.td_l tbody td { text-align: left; }

.test table.td_l tbody td.active { background: #efefef; color: #14396d; font-weight: 600; }

.test table thead th { background: #f2f7fc; border: 1px solid; border: 1px solid #d9d9d9; color: #14396d; font-weight: 500; }

.test table thead th:first-of-type { border-left: 0; }

.test table thead th:last-of-type { border-right: 0; }

.test table tbody th { background: #fafafa; color: #14396d; border: 1px solid #d9d9d9; font-weight: 500; }

.test table tbody td { border: 1px solid #d9d9d9; }

.test table tbody th:first-of-type, .test table tbody td:first-of-type { border-left: 0; }

.test table tbody th:last-of-type, .test table tbody td:last-of-type { border-right: 0; }

.test table .per { padding: 18px 0 !important; }

.test table .percent { height: 11px; background: transparent; }

.test table .percent .bar { position: relative; display: block; height: 100%; background: #eda29b; border-radius: 0px 5px 5px 0px; }

.test table .percent .bar.top { background: url(../images/wPop/shape.png) repeat top left; }

.test table .percent .bar em { color: #f16b64; position: absolute; font-size: 17px; top: -25px; right: 0; font-weight: 500; }

.test table .percent .bar.blue { background: #7297ff; }

.test table .percent .bar.blue em { color: #7297ff; }

.test .test_list2 > li { margin-bottom: 42px; }

.test .test_list2 > li:last-child { margin-bottom: 0; }

.test .test_list2 > li h4 { display: inline-block; line-height: 0.6em; font-size: 20px; color: #fff; background: #2861ba; border-radius: 0.28px 23px 23px 27px; padding: 12px 16px; margin-bottom: 20px; }

.test .test_list2 > li > h5 { font-size: 23px; font-weight: 500; margin-bottom: 13px; }

.test .txt_list2 li { font-size: 17px; color: #061120; margin-bottom: 20px; font-weight: 300; }

.test .txt_list2 li:last-child { margin-bottom: 0; }

.test .circle { display: inline-block; border: 2px solid #ebebeb; border-radius: 40px; margin-top: 20px; }

.test .circle:after { content: ""; display: block; clear: both; }

.test .circle li { padding: 18px 30px; float: left; }

.test .circle li:first-child { position: relative; }

.test .circle li:first-child:after { content: ""; display: block; width: 2px; height: 30px; background: #ebebeb; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.test .circle li span { display: inline-block; vertical-align: middle; font-size: 20px; color: #2861ba; }

.test .circle li b { display: inline-block; vertical-align: middle; font-size: 32px; font-weight: 500; color: #000; padding-left: 2px; }

.test .star_list { border: 1px solid #d7dbdc; border-radius: 5px; padding: 37px 60px; }

.test .star_list > li { margin-bottom: 25px; font-size: 17px; color: #061120; }

.test .star_list > li:last-child { margin-bottom: 0; }

.test .star_list > li img { padding-right: 30px; }

.test .per_list:after { content: ""; display: block; clear: both; }

.test .per_list > li { float: left; width: calc(50% - 19px); margin-right: 38px; border: 1px solid #d7dbdc; padding: 30px 37px 50px; }

.test .per_list > li:last-child { margin-right: 0; }

.test .per_list > li h5 { font-size: 22px; font-weight: bold; color: #061120; padding-bottom: 10px; border-bottom: 1px solid #d7dbdc; }

.test .per_list > li > div { padding: 30px 20px 0; }

.test .per_list > li > div:after { content: ""; display: block; clear: both; }

.test .per_list > li > div .img { float: left; width: 152px; margin-right: 23px; }

.test .per_list > li > div ul { float: left; width: calc(100% - 175px); }

.test .per_list > li > div ul li { margin-bottom: 17px; }

.test .per_list > li > div ul li:first-child .percent .bar { background: #3666ea; }

.test .per_list > li > div ul li:first-child .percent .bar em { color: #3666ea; }

.test .per_list > li > div ul li:last-child { margin-bottom: 0; }

.test .per_list > li > div ul li:last-child .percent .bar { background: #f16b64; }

.test .per_list > li > div ul li:last-child .percent .bar em { color: #f16b64; }

.test .per_list > li > div ul li b { display: block; font-size: 16px; font-weight: bold; color: #061120; margin-bottom: 7px; }

.test .per_list > li > div ul li .percent { height: 14px; background: #e6e7ed; border-radius: 6.99px 6.99px 6.99px 6.99px; }

.test .per_list > li > div ul li .percent .bar { display: block; height: 100%; border-radius: 6.99px 6.99px 6.99px 6.99px; position: relative; }

.test .per_list > li > div ul li .percent .bar em { position: absolute; font-size: 17px; top: -25px; right: 0; font-weight: 500; }

.test .sum_list { border: 1px solid #d7dbdc; border-radius: 5px; background: #f7f7f7; padding: 50px 40px; }

.test .sum_list h5 { font-size: 17px; color: #00144b; font-weight: 500; margin-bottom: 12px; }

.test .sum_list ul li { font-size: 16px; color: #4b4b4b; margin-bottom: 4px; font-weight: 300; }
s
.test .sum_list ul li:last-child { margin-bottom: 0; }

.test .gray_list { color: #999; margin-top: 6px; }

.test .star_list2 { text-align: right; margin-bottom: 20px; }

.test .star_list2:after { content: ""; display: block; clear: both; }

.test .star_list2 > li { display: inline-block; margin-right: 15px; }

.test .star_list2 > li:last-child { margin-right: 0; }

.test .clear { clear: both; }

.b_txt, .r_txt { display: inline-block; vertical-align: middle; font-size: 17px; }

.b_txt:before, .r_txt:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 5px; position: relative; top: -2px; margin-right: 5px; }

.r_txt:before { background: #7297ff; }

.b_txt:before { background: #eda29b; }

.td_ce .active { background: #eda29b; }