@charset "UTF-8";
* { box-sizing: border-box; }

.lf { float: left; }

.rt { float: right; }

.page_title { display: none; width: 32vw; font-size: 4.8vw; font-weight: 600; color: #333333; line-height: 13vw; text-align: center; position: fixed; top: 0; left: 50%; margin-left: -16vw; z-index: 2; }

.study_nav { width: 100vw; overflow: auto; margin: 2vw auto; }
.study_nav > li { float: left; height: 10vw; margin-left: 5.7vw; color: #666; line-height: 5.867vw; text-align: center; position: relative; }
.study_nav > li > a { display: block; height: 9vw; font-size: 3.733vw; color: #888; line-height: 9vw; text-align: center; }
.study_nav > li.on > a { color: #333; }
.study_nav > li.on:after { content: ""; position: absolute; width: 7vw; height: 0.8vw; background: linear-gradient(90deg, #FF8500 0%, #FA3E22 100%); border-radius: 0.4vw; bottom: 1vw; left: 50%; transform: translateX(-50%); }

.fj_top { width: 100vw; background: #2F9E80; padding-bottom: 3vw; position: relative; }
.fj_top > h2 { width: 90vw; margin: 0 auto; height: 15vw; text-align: center; font-size: 4.5vw; color: #FFFFFF; line-height: 15vw; position: relative; }
.fj_top > h2:after { position: absolute; content: ""; width: 4vw; height: 1.333vw; background: linear-gradient(270deg, rgba(238, 238, 238, 0) 0%, #FFFFFF 100%); border-radius: 0.667vw; top: 7vw; left: 9vw; }
.fj_top > h2:before { position: absolute; content: ""; width: 4vw; height: 1.333vw; background: linear-gradient(270deg, #fff 0%, rgba(238, 238, 238, 0) 100%); border-radius: 0.667vw; top: 7vw; right: 9vw; }
.fj_top > h3 { font-size: 6vw; font-weight: 400; color: #FFFFFF; line-height: 6vw; text-align: center; margin-top: 0; }
.fj_top .drop_span { position: absolute; width: 8vw; height: 8vw; background: url("../images/fj_center/xl02.png") no-repeat center center; background-size: 6.667vw; top: 12vw; right: 6vw; }
.fj_top .drop_span.active { background: url("../images/fj_center/xl01.png") no-repeat center center; background-size: 6.667vw; }
.fj_top > div { width: 92vw; background: #FFFFFF; border-radius: 1.333vw; padding: 3vw; margin: 2vw auto; display: none; }
.fj_top > div > h3 { height: 5.867vw; font-size: 4.267vw; color: #333333; line-height: 5.867vw; font-weight: bold; margin-bottom: 2vw; }
.fj_top > div > div { text-indent: 2em; font-size: 3.8vw; color: #333333; line-height: 6vw; }

.list_top_box { width: 100vw; margin: 0 auto; }
.list_top_box .yx_top { display: block; width: 100vw; margin: 0 auto; }
.list_top_box .yx_title { display: block; width: 63.6vw; margin: 0 auto 4vw; }

.main_box { padding-top: 13.2vw; background: #F5F5F5; }

.yxt_title { display: none; height: 5.333vw; font-size: 3.733vw; font-weight: 600; color: #333; line-height: 5.333vw; margin-bottom: 2vw; padding-left: 4vw; }

.no_res_box { margin: 5.333vw auto 0; padding: 10.667vw 0; }
.no_res_box > img { display: block; width: 33vw; margin: 5.333vw auto; }
.no_res_box > h3 { font-size: 4vw; font-weight: 400; color: #999; line-height: 8vw; text-align: center; }
.no_res_box > p { font-size: 2.667vw; font-weight: 400; color: #c5c5c5; line-height: 4vw; text-align: center; }

.kcul_list { width: 100vw; margin: 0 auto 0.5vw; overflow: hidden; padding: 0 0 5.467vw 3.667vw; }
.kcul_list > li { width: 43.867vw; height: 50vw; float: left; margin-left: 4.133vw; margin-top: 5.467vw; position: relative; }
.kcul_list > li:first-child { margin-left: 0; margin-top: 1vw; }
.kcul_list > li:first-child + li { margin-top: 1vw; }
.kcul_list > li:nth-child(2n-1) { margin-left: 0; }
.kcul_list > li > div { box-shadow: 0vw 0vw 1.6vw 0vw rgba(213, 213, 213, 0.35); position: absolute; top: 0; width: 100%; height: 100%; padding-bottom: 1.867vw; border-radius: 1.6vw; overflow: hidden; border: 0.133vw solid #efefef; background: #fff; transition: .3s; }
.kcul_list > li > div > img { display: block; width: 43.867vw; margin: 0 auto; }
.kcul_list > li > div > a { cursor: pointer; }
.kcul_list > li > div > a:first-child { position: absolute; top: 26.667vw; width: 43.6vw; font-size: 3.7vw; color: #333; line-height: 8vw; overflow: hidden; height: 9vw; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: .3s; font-weight: bold; text-align: left; padding-left: 3vw; }
.kcul_list > li > div > a:first-child.black { color: #333; }
.kcul_list > li > div > a:first-child:hover { color: #fa6c06; }
.kcul_list > li > div > .kc_ico { display: inline-block; height: 5.400vw; padding: 0 2.533vw; line-height: 5.400vw; text-align: center; background: #7ecef4; border-radius: 0.667vw; font-size: 3.7vw; font-weight: 400; color: #ffffff; margin-left: 3.067vw; margin-top: 1.5vw; }
.kcul_list > li > div > p { line-height: 4.667vw; color: #b4b4b4; font-size: 3.7vw; padding: 0 2.800vw; margin: 0; height: 4.667vw; font-weight: normal; overflow: hidden; position: relative; cursor: default; }
.kcul_list > li > div > p > span { line-height: 5.2vw; color: #989898; font-size: 3.7vw; font-weight: normal; }
.kcul_list > li > div > p > span > b { color: #ff4d4d; font-size: 3.7vw; font-weight: bold; }
.kcul_list > li > div > p .yuan_pri { float: left; }
.kcul_list > li > div > p .vip_pri { position: absolute; left: 22.667vw; }
.kcul_list > li > div > p .vip_pri > img { display: inline-block; vertical-align: middle; padding-bottom: 0.533vw; }
.kcul_list > li > div > i { top: 2.9vw; left: 0; padding: 0 2.800vw; line-height: 6.600vw; text-align: center; color: #ff9d11; font-size: 3vw; position: absolute; font-style: normal; font-weight: bold; background: #fcf5ef; border-radius: 0vw 1.6vw 1.6vw 0vw; }
.kcul_list > li > div:hover { top: -1.067vw; box-shadow: 0 0.8vw 2.667vw 0 #dedede; }
.kcul_list > li > div > .class_hour { margin-top: 8.6vw; padding-left: 3vw; }
.kcul_list > li > div > .class_hour span { padding: 0.3vw 1vw 0; background: #FFF2E5; border-radius: 0.8vw; font-size: 2.4vw; color: #FF8500; line-height: 3.6vw; height: 3.6vw; display: inline-block; }

.teacher_infor { height: 10.667vw; width: 34.933vw; position: absolute; bottom: 12vw; left: 2vw; border-radius: 5.867vw; background: #fff; }
.teacher_infor > img { position: absolute; width: 10.667vw; height: 10.667vw; left: 0; top: 0; border-radius: 50%; vertical-align: middle; }
.teacher_infor > div { position: absolute; font-size: 2.133vw; font-weight: 400; color: #fff; line-height: 4.267vw; top: 0.667vw; left: 12.8vw; display: none; }
.teacher_infor > span { position: absolute; font-size: 3.733vw; font-weight: bold; color: #333; line-height: 4.267vw; top: 3.6vw; left: 12.667vw; }

.list_foot { position: absolute; height: 9.231vw; width: 100%; bottom: 0; left: 0; }
.list_foot > .xianmian { float: left; padding-left: 2.077vw; }
.list_foot > .xianmian > img { display: inline-block; width: 3.733vw; margin-right: 1.846vw; vertical-align: middle; margin-top: 2.3vw; }
.list_foot > .xianmian > span { position: absolute; top: 0vw; left: 8vw; height: 9.231vw; font-size: 3vw; font-weight: 400; color: #ff0000; line-height: 9.231vw; }
.list_foot > .price_box { float: left; padding-left: 3.077vw; }
.list_foot > .price_box > img { display: inline-block; width: 3.733vw; margin-right: 1.846vw; vertical-align: middle; margin-top: 2.3vw; }
.list_foot > .price_box > span { position: absolute; top: 0vw; left: 3vw; height: 9.231vw; font-size: 3vw; font-weight: 400; color: #ff0000; line-height: 9.231vw; }
.list_foot > .price_box > b { position: absolute; top: -0.1vw; left: 6vw; height: 9.231vw; font-size: 3.7vw; font-weight: 400; color: #ff0000; line-height: 9.231vw; font-weight: bold; }
.list_foot > .score_box { float: left; padding-left: 3.077vw; }
.list_foot > .score_box > img { display: inline-block; width: 3.733vw; margin-right: 1.846vw; vertical-align: middle; margin-top: 2.3vw; }
.list_foot > .score_box > span { margin-top: 0vw; margin-left: 1vw; height: 9.231vw; font-size: 4.2vw; font-weight: 400; color: #ff0000; line-height: 9.231vw; }
.list_foot > .score_box > b { margin-top: -0.1vw; margin-left: 1vw; height: 9.231vw; font-size: 3vw; font-weight: 400; color: #ff0000; line-height: 9.231vw; font-weight: bold; }
.list_foot > span { float: right; padding-right: 3.077vw; font-size: 3vw; font-weight: 400; color: #b6bcc6; line-height: 9.231vw; }
.list_foot > .youhui { float: left; padding-left: 3.077vw; }
.list_foot > .youhui > i { font-size: 2.154vw; font-weight: 400; color: #ff0000; line-height: 9.231vw; margin-right: 0.923vw; font-style: normal; }
.list_foot > .youhui > b { font-size: 4.615vw; font-weight: 400; color: #ff0000; line-height: 9.231vw; margin-right: 0.923vw; }
.list_foot > .youhui > span { font-size: 2.769vw; font-weight: 400; color: #cccccc; line-height: 9.231vw; text-decoration: line-through; }

.top_text { width: 100vw; height: 22vw; background: #2F9E80; margin: 0 auto; font-size: 7.733vw; color: #FFFFFF; line-height: 22vw; letter-spacing: 1.467vw; text-align: center; font-weight: 600; }

.filter_box { width: 100vw; margin: 0 auto; background: #fff; border-bottom: .15vw solid #eee; }
.filter_box .main_list { padding: 0; height: 13vw; text-align: center; }
.filter_box .main_list:after { content: ""; display: block; width: 0; height: 0; clear: both; }
.filter_box .main_list * { user-select: none; }
.filter_box .main_list .main_list_title { font-size: 4.2vw; font-weight: 600; color: #333333; line-height: 13vw; float: left; margin-left: 4vw; }
.filter_box .main_list dl { overflow: hidden; margin: 0 0 0; width: 25vw; float: left; padding-left: 2vw; }
.filter_box .main_list dl:last-child { border-bottom: none; }
.filter_box .main_list dl dt { font-size: 3vw; display: block; color: #999; width: 20vw; line-height: 5vw; height: 6vw; -moz-border-radius: 1vw; -webkit-border-radius: 1vw; border-radius: 1vw; margin: 2vw 0; text-align: center; }
.filter_box .main_list dl dt + dd { cursor: pointer; }
.filter_box .main_list dl dt + dd:hover { color: #fff; }
.filter_box .main_list dl dd { height: 5vw; font-size: 3vw; cursor: pointer; line-height: 5vw; padding: 0 1.1vw; margin: 1vw auto; transition: .3s; width: 20vw; color: #666; display: block; -moz-border-radius: 1vw; -webkit-border-radius: 1vw; border-radius: 1vw; text-align: center; }
.filter_box .main_list dl dd > a { color: #666; display: block; cursor: pointer; }
.filter_box .main_list dl dd > a:active { color: #fff; }
.filter_box .main_list dl dd > a:hover { color: #ff8f16; }
.filter_box .main_list dl dd:active { color: #fff; }
.filter_box .main_list dl dd:hover { color: #ff8f16; }
.filter_box .main_list dl dd.on { color: #fff; background: linear-gradient(90deg, #faa90f 0%, #f93310 100%); }
.filter_box .main_list dl dd.on > a { color: #fff !important; }
.filter_box .main_list dl dd.on:hover { color: #fff !important; }
.filter_box .main_list .select_box { height: 5.333333333333334vw; border: none; outline: none; padding: 0; line-height: 5.333333333333334vw; background-size: 4vw; font-size: 3.733333333333334vw; font-weight: 400; color: #555; cursor: pointer; display: inline-block; margin-right: 3vw; margin-left: 1vw; margin-top: 1.8vw; position: relative; float: none; }
.filter_box .main_list .select_box > span { background: url("../images/about_study/dropdown_button.svg") no-repeat right 4.3vw; background-size: 2.8vw; height: 10.333333333333334vw; color: #555; padding-right: 5vw; line-height: 10vw; text-align: right; width: 28vw; display: inline-block; font-size: 3.6vw; }
.filter_box .main_list .select_box.short_select { margin-right: 2vw; margin-left: 1vw; }
.filter_box .main_list .select_box.short_select > span { width: 22vw; }
.filter_box .main_list .select_box.long_select { margin-right: 2vw; margin-left: 1vw; width: 40vw; position: relative; }
.filter_box .main_list .select_box.long_select > span { position: absolute; top: -0.8vw; right: 0; width: 40vw; height: 10vw; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.filter_box .main_list .select_box.long_select > ul { width: 82vw; }
.filter_box .main_list .select_box > ul { display: none; width: 25vw; position: absolute; background: #fff; top: 10vw; right: 0vw; z-index: 8; border-radius: 0.6vw; box-shadow: 0 0 1vw 1vw rgba(66, 66, 66, 0.2); }
.filter_box .main_list .select_box > ul > li { font-size: 3.7vw; border-bottom: 0.133vw solid #efefef; line-height: 9vw; height: 9vw; overflow: hidden; padding-left: 0; color: #666; border-radius: 0.6vw; text-align: center; }
.filter_box .main_list .select_box > ul > li.on { color: #FF8500; }

/*在Pad端的显示效果*/
@media screen and (min-width: 102.4vw) and (max-width: 160vw) { .teacher_infor { bottom: 12vw; left: 0vw; } }
.text-center { text-align: center; }

.pagination { padding-left: 0; margin: 0 auto 6vw; border-radius: 0.533vw; }

.pagination > li { display: inline-block; width: 4vw; }

.pagination > li > a, .pagination > li > span { display: inline-block; width: 6vw; line-height: 6vw; text-decoration: none; text-align: center; background-color: #fff; border: 0.233vw solid #d8d8d8; font-size: 3.3vw; }

.pagination > li > a, .pagination > li > span { color: #FF8E36; cursor: pointer; }

.pagination > li:first-child > a { margin-left: 0; border-bottom-left-radius: 0.533vw; border-top-left-radius: 0.533vw; }

.pagination > li:last-child > a { margin-left: 0; border-bottom-right-radius: 0.533vw; border-top-right-radius: 0.533vw; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #fff; background-color: #FF8E36; border-color: #FF8E36; }

.img_all { width: 100%; margin: 0 auto; }
.img_all > img { display: block; width: 100vw; margin: 0 auto; }

.shadow1200 { width: 96vw; margin: 2.666666666666667vw auto 1.3333333333333335vw; min-height: 6.666666666666667vw; overflow: hidden; box-shadow: 0 1.3333333333vw 2.6666666667vw 0 rgba(85, 85, 85, 0.15); border-radius: 1.3333333333333335vw; }
.shadow1200 #history_chart { height: 100vw; width: 94vw; margin: 2.3333333333333335vw auto 2.666666666666667vw; }
.shadow1200 > .shadow_head { text-align: left; font-size: 4vw; font-weight: 400; color: #333333; line-height: 16.53333333333333vw; height: 14.399999999999999vw; border-bottom: 0.13333333333333333vw solid #eee; position: relative; padding-left: 3.4666666666666663vw; }
.shadow1200 > .shadow_head > .sh_title { position: absolute; margin-left: 2.666666666666667vw; text-align: left; left: 2vw; top: 0; width: 57.266666666666666vw; overflow: hidden; height: 10.666666666666668vw; white-space: nowrap; text-overflow: ellipsis; font-size: 3.7vw; font-weight: bold; color: #333333; line-height: 17.066666666666666vw; }
.shadow1200 > .shadow_head > .sh_select { display: inline-block; height: 5.333333333333334vw; border: none; outline: none; padding: 0 5.866666666666666vw 0 1.3333333333333335vw; line-height: 5.333333333333334vw; background: url(../images/fj_center/dropdown_button.svg) no-repeat right 1.6666666667vw; background-size: 3.6vw; font-size: 3.733333333333334vw; font-weight: 400; color: #555; cursor: pointer; float: right; margin-top: 5vw; margin-right: 3vw; }
.shadow1200.manage_center { overflow: visible !important; }
.shadow1200.manage_center * { user-select: none; }
.shadow1200.manage_center > .manage_center_left { background-color: #fff; width: 100%; height: 56vw; margin-bottom: 2vw; border-radius: 2vw; }
.shadow1200.manage_center > .manage_center_left > .mc_title { text-align: center; font-size: 4vw; font-weight: 600; color: #333333; line-height: 13.600000000000001vw; height: 13.600000000000001vw; border-bottom: 0.26666666666666666vw solid #FFFDF5; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox { position: relative; padding-top: 5.333vw; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox > .mc_title { position: absolute; top: 1.067vw; left: 0; text-align: center; line-height: 4vw; height: 4vw; font-size: 3.2vw; color: #fff; padding: 0 2.133vw; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox:first-child { background-size: cover; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox:first-child .user_h_box { width: 31.333vw; float: left; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox:first-child .user_h_box > img { display: block; width: 20vw; height: 20vw; border-radius: 50%; margin: 6.4vw auto 0; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox:first-child .user_h_box > div { font-size: 3.733vw; color: #ffffff; text-align: center; margin: 0 auto; line-height: 8vw; font-weight: bold; width: 100%; height: 8vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox:first-child .my_msg { float: left; width: 58.000vw; padding-top: 2.933vw; margin-left: 2.133vw; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox:first-child .my_msg > div { line-height: 6.933vw; font-size: 2.933vw; font-weight: 400; color: #333333; overflow: hidden; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox:first-child .my_msg > div > span { float: left; line-height: 6.933vw; font-size: 2.933vw; font-weight: 400; color: #fff; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox:first-child .my_msg > div > b { float: right; width: 44.933vw; text-align: right; line-height: 6.933vw; font-size: 2.933vw; font-weight: bold; color: #fff; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox > .left_ft { color: #333; font-size: 3.2vw; font-weight: bold; line-height: 5.333vw; text-align: left; padding-left: 2.667vw; margin-top: 0; margin-bottom: 2.667vw; display: block; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .subject_check { padding-left: 2.933333333333333vw; line-height: 6.933333333333333vw; font-size: 3.4666666666666663vw; font-weight: 400; color: #333333; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .subject_check input { display: inline-block; height: 3.4666666666666663vw; width: 3.4666666666666663vw; border: 0.26666666666666666vw solid #D3D1D0; margin-left: 8.4vw; margin-right: 1.0666666666666667vw; cursor: pointer; background: transparent; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .subject_check input:checked { background: url("../images/fj_center/check.png") no-repeat center center; border: 0.26666666666666666vw solid #FD9222; background-size: 2vw; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .subject_check input:focus { border: 0.26666666666666666vw solid #FD9222; outline: none; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .my_msg .select_box { margin-bottom: 2.667vw; padding-left: 8.933vw; font-size: 3.3vw; line-height: 6.9vw; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .my_msg .paper_name { padding-right: 7.133vw !important; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .my_msg .subType_select { margin-bottom: 2.4vw; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .testType_check { padding-left: 3.067vw; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .testType_check > .select_filter { float: left; margin-left: 1.333vw; position: relative; margin-top: 2.4vw; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .testType_check > .select_filter > div { line-height: 3.867vw; height: 3.733vw; text-align: center; font-size: 1.867vw; color: #333; cursor: pointer; user-select: none; padding: 0 1.6vw; font-weight: 400; width: 13.333vw; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .testType_check > .select_filter > div > span { color: #333; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .testType_check > .select_filter > div > i { margin-left: 0.4vw; display: inline-block; border-top: 0.533vw solid #666; border-right: 0.533vw solid transparent; border-left: 0.533vw solid transparent; border-bottom: 0.533vw solid transparent; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .testType_check > .select_filter > div.on span { color: #fb9324; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .testType_check > .select_filter > div.on > i { border-top: 0.533vw solid #f39634; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .testType_check > .select_filter > ul { position: absolute; z-index: 2; top: 3.600vw; left: 0.667vw; display: none; background: white; border-radius: 0.533vw; border: 0.133vw solid #eeeeee; box-shadow: 0 0 0.4vw rgba(88, 88, 88, 0.2); padding: 0.8vw 2.4vw; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .testType_check > .select_filter > ul > li { text-align: left; line-height: 4.533vw; font-size: 1.867vw; color: #333; cursor: pointer; white-space: nowrap; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .testType_check > .select_filter > ul > li:hover > span { color: #fb9324; }
.shadow1200.manage_center > .manage_center_left .mc_leftBox .testType_check > .select_filter > ul > li.on > span { color: #fb9324; }
.shadow1200.manage_center > .manage_center_left .btn-warning.is_ok { background-color: #fc9226; width: 24vw; height: 9vw; line-height: 6vw; margin-top: 5.667vw; margin-bottom: 2.667vw; font-size: 4vw; border-radius: 1.3vw; }
.shadow1200.manage_center > .manage_center_left .btn-warning.is_ok:hover { background-color: #fca246; border: 0.133vw solid #fca246; }
.shadow1200.manage_center > .manage_center_right { width: 100%; height: 100%; background: #fff; border-radius: 2vw; border-top-right-radius: 1.3333333333333335vw; border-bottom-right-radius: 1.3333333333333335vw; }
.shadow1200.manage_center > .manage_center_right > .your_result { width: 100%; }
.shadow1200.manage_center > .manage_center_right > .your_result > .yr_title { text-align: left; font-size: 4vw; font-weight: 400; color: #333333; line-height: 16.53333333333333vw; min-height: 14.399999999999999vw; border-bottom: 0.13333333333333333vw solid #eee; position: relative; padding-left: 3.4666666666666663vw; }
.shadow1200.manage_center > .manage_center_right > .your_result > .yr_title .sh_select { display: inline-block; height: 5.333333333333334vw; border: none; outline: none; padding: 0 5.866666666666666vw 0 1.3333333333333335vw; line-height: 5.333333333333334vw; background: url("../images/fj_center/dropdown_button.svg") no-repeat right 1.6666666667vw; background-size: 3.6vw; font-size: 3.733333333333334vw; font-weight: 400; color: #555; cursor: pointer; float: right; margin-top: 5vw; margin-right: 3vw; }
.shadow1200.manage_center > .manage_center_right > .your_result > .yr_title > .yrt_main { font-size: 3.4666666666666663vw; font-weight: 400; color: #333333; line-height: 14.399999999999999vw; text-align: left; display: inline-block; }
.shadow1200.manage_center > .manage_center_right > .your_result > .yr_title > .yrt_name { position: absolute; margin-left: 2.666666666666667vw; text-align: left; left: 2vw; top: 0; width: 57.266666666666666vw; overflow: hidden; height: 10.666666666666668vw; white-space: nowrap; text-overflow: ellipsis; font-size: 3.7vw; font-weight: bold; color: #333333; line-height: 17.066666666666666vw; }
.shadow1200.manage_center > .manage_center_right > .your_result > .yr_title > .yrt_name > b { font-weight: normal; font-size: 3.2vw; margin-left: 2vw; }
.shadow1200.manage_center > .manage_center_right > .your_result > .yr_title > .yrt_type { position: absolute; text-align: left; right: 6.666666666666667vw; top: 0; font-size: 3.5999999999999996vw; font-weight: 400; color: #333333; line-height: 17.066666666666666vw; }
.shadow1200.manage_center > .manage_center_right > .your_result > .scores_table { margin-top: 4vw; }
.shadow1200.manage_center > .manage_center_right > .your_result > .scores_table td, .shadow1200.manage_center > .manage_center_right > .your_result > .scores_table th { padding: 0; vertical-align: middle; border: none; text-align: center !important; color: #333; line-height: 6.666666666666667vw; font-size: 2.666666666666667vw; }
.shadow1200.manage_center > .manage_center_right > .your_result > .scores_table td b, .shadow1200.manage_center > .manage_center_right > .your_result > .scores_table th b { font-weight: normal; }
.shadow1200.manage_center > .manage_center_right > .your_result > .scores_table th { font-weight: bold; font-size: 2.666666666666667vw; line-height: 8vw; background: #FFF3E5; }
.shadow1200.manage_center > .manage_center_right > .your_result > .scores_table td.have_data { color: #33A9FD; }
.shadow1200.manage_center > .manage_center_right > .your_result > .scores_table tfoot td { font-weight: bold; }

.shadow1200.manage_center > .manage_center_left .mc_leftBox .my_msg .grade_select, .shadow1200.manage_center > .manage_center_left .mc_leftBox .my_msg .class_select, .shadow1200.manage_center > .manage_center_left .mc_leftBox .my_msg .subType_select, .shadow1200.manage_center > .manage_center_left .mc_leftBox .my_msg .paper_category, .shadow1200.manage_center > .manage_center_left .mc_leftBox .my_msg .paper_name { width: 69.333vw; border: none; padding: 0 3.467vw; padding-right: 8.5vw !important; border-radius: 0.8vw; margin-left: 1.6vw; border: 0.2vw solid #eee; cursor: pointer; height: 7.867vw; background: #fff url("../images/fj_center/dropdown_button.svg") no-repeat 61.333vw 2.8vw; background-size: 3vw; }

.shadow1200.manage_center > .manage_center_right > .your_result > .scores_table td, .shadow1200.manage_center > .manage_center_right > .your_result > .scores_table th { padding: 0; vertical-align: middle; border: none; text-align: center !important; color: #333; line-height: 9.6vw; }

.paper_task_ul { padding: 1vw 2vw; }
.paper_task_ul > li > .task_title { height: 46px; background: #fff; box-shadow: 0px 0px 6px rgba(151, 151, 151, 0.16); border-radius: 6px; padding-left: 16px; cursor: pointer; padding-right: 16px; margin-bottom: 18px; }
.paper_task_ul > li > .task_title * { user-select: none; }
.paper_task_ul > li > .task_title > span { font-size: 14px; font-weight: bold; line-height: 46px; color: #666; transition: .3s; }
.paper_task_ul > li > .task_title > div { float: right; height: 45px; }
.paper_task_ul > li > .task_title > div > span { display: inline-block; font-size: 14px; font-weight: 400; line-height: 46px; color: #D5D5D5; margin-right: 6px; vertical-align: top; }
.paper_task_ul > li > .task_title > div > span.correct_ready { font-weight: bold; color: #FF9D16; }
.paper_task_ul > li > .task_title > div > i { display: inline-block; width: 20px; height: 46px; background: url("../images/fj_center/selectarr.svg") no-repeat center center; background-size: 16px; transform: rotate(-90deg); transition: .3s; }
.paper_task_ul > li > .task_title:hover > span { color: #FF9D16; }
.paper_task_ul > li > .task_body { display: none; border-radius: 6px; padding: 0; margin-bottom: 12px; }
.paper_task_ul > li > .task_body .paper_res { line-height: 12vw; text-align: center; color: #333; font-size: 4vw; }
.paper_task_ul > li > .task_body .err_table th { font-size: 3.7vw; color: #333; line-height: 10vw; height: 10vw; background-color: #FFFAF2; }
.paper_task_ul > li > .task_body .err_table th:first-child { padding-left: 12vw; }
.paper_task_ul > li > .task_body .err_table .err_num { font-size: 3.7vw; color: #333; display: inline-block; width: 7vw; line-height: 10vw; vertical-align: top; }
.paper_task_ul > li > .task_body .err_table .paper_text { width: 60vw; height: 13vw; overflow: hidden; display: inline-block; }
.paper_task_ul > li > .task_body .err_table .paper_text img { display: inline-block; }
.paper_task_ul > li > .task_body .err_table > thead > tr > th { vertical-align: bottom; border-bottom: none; }
.paper_task_ul > li > .task_body .err_table tbody > tr:nth-child(2n) > td { background: #fafafa; }
.paper_task_ul > li > .task_body .err_table tbody > tr > td { border-top: none; }
.paper_task_ul > li > .task_body .err_table tbody > tr > td .btn { margin-top: 2vw; }
.paper_task_ul > li > .task_body .err_table tbody > tr > td .btn-warning { box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; border: 1px solid #FF8500; background: #fff; color: #FF8500; }
.paper_task_ul > li > .task_body .err_table2 th { font-size: 3vw; color: #666; line-height: 10vw; text-align: center; height: 10vw; background-color: #FFFAF2; border: 1px solid #eee; }
.paper_task_ul > li > .task_body .err_table2 .err_num { font-size: 3.7vw; color: #333; display: inline-block; width: 7vw; line-height: 10vw; vertical-align: top; }
.paper_task_ul > li > .task_body .err_table2 .paper_text { width: 30vw; height: 13vw; overflow: hidden; display: inline-block; }
.paper_task_ul > li > .task_body .err_table2 .paper_text img { display: inline-block; }
.paper_task_ul > li > .task_body .err_table2 > thead > tr > th { vertical-align: bottom; border-bottom: none; }
.paper_task_ul > li > .task_body .err_table2 tbody > tr:nth-child(2n) > td { background: #fafafa; }
.paper_task_ul > li > .task_body .err_table2 tbody > tr > td { border-top: none; }
.paper_task_ul > li > .task_body .err_table2 tbody > tr > td .btn { margin-top: 2vw; }
.paper_task_ul > li > .task_body .err_table2 tbody > tr > td .btn-warning { box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; border: 1px solid #FF8500; background: #fff; color: #FF8500; }
.paper_task_ul > li > .task_body .err_table2 tbody > tr > td .btn-primary { box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; border: 1px solid #057AFF; background: #fff; color: #057AFF; }
.paper_task_ul > li.active > .task_title i { background: url("../images/fj_center/dropdown_top.svg") no-repeat center center; background-size: 16px; transform: rotate(0deg); }
.paper_task_ul > li.active > .task_title > span { color: #FF9D16; }
.paper_task_ul > li.active > .task_body { display: block; }

.video_pop { width: 100vw; height: 100vh; background: rgba(33, 33, 33, 0.4); position: fixed; top: 0; left: 0; z-index: 20; display: none; }
.video_pop > .video_pop_main { width: 96vw; height: 65.333vw; background: #fff; position: fixed; top: 5vh; left: 50%; margin-left: -48vw; overflow: hidden; box-shadow: 0vw 0vw 3.067vw 0.133vw rgba(191, 191, 191, 0.35); border-radius: 2.667vw; }
.video_pop > .video_pop_main > .pop_head { width: 86.133vw; height: 9.6vw; border-bottom: 0.133vw solid #eee; margin: 0 auto; }
.video_pop > .video_pop_main > .pop_head > span { font-size: 4vw; font-weight: bold; color: #333333; line-height: 9.6vw; }
.video_pop > .video_pop_main > .pop_head > .close_btn { float: right; font-size: 4vw; font-weight: bold; color: #bbb; line-height: 9.6vw; cursor: pointer; transition: .3s; }
.video_pop > .video_pop_main > .pop_head > .close_btn:hover { color: #ff9d16; }
.video_pop > .video_pop_main > .pop_body { width: 86.133vw; max-height: 63.2vw; margin: 0 auto; }
.video_pop > .video_pop_main > .pop_body > video { width: 85.867vw; height: 52.400vw; margin: 0 auto; }
.video_pop > .video_pop_main > .pop_body > video:active { border: none; outline: none; }
.video_pop > .video_pop_main > .pop_body > video:focus { border: none; outline: none; }

.paiming_type { width: 100%; overflow: hidden; padding-top: 16vw; }
.paiming_type > li { height: 8vw; background: #FFFFFF; line-height: 8vw; border-radius: 4.5vw; border: 0.15vw solid #979797; color: #666; text-align: center; font-size: 3.7vw; float: left; padding: 0 3vw; margin-left: 4vw; }
.paiming_type > li.active { color: #057AFF; border: 0.15vw solid #057AFF; }

.co_up { color: #E1261D; }

.co_down { color: #26834E; }

.co_blue { color: #057AFF; }

.box_main { width: 94vw; margin: 2vw auto 3.4vw; position: relative; border-radius: 1vw; background: #FFFFFF; }
.box_main .int_title { font-size: 4vw; font-weight: 400; color: #666666; line-height: 12vw; padding-left: 3vw; margin-top: 0; height: 12vw; border-bottom: 0.15vw solid #eee; }
.box_main .u_list3 { overflow: hidden; margin: 0 auto; width: 100%; padding: 0; padding-bottom: 2vw; }
.box_main .u_list3 > li { float: left; width: 33.2%; margin-left: 0; margin-bottom: 3vw; }
.box_main .u_list3 > li > img { display: block; width: 8vw; margin: 2.667vw auto; }
.box_main .u_list3 > li > p { font-size: 3.73vw; color: #333; line-height: 5.333vw; text-align: center; font-weight: normal; }
.box_main .u_list4 { overflow: hidden; margin: 0 auto; width: 100vw; padding: 0; padding-bottom: 2vw; }
.box_main .u_list4 > li { float: left; width: 24.5%; margin-left: 0; margin-bottom: 3vw; }
.box_main .u_list4 > li > img { display: block; width: 8vw; margin: 2.667vw auto; }
.box_main .u_list4 > li > p { font-size: 3.73vw; color: #333; line-height: 5.333vw; text-align: center; font-weight: normal; }

.bottom_h { height: 15vw; background: #fff; text-align: center; font-size: 5vw; color: #2F9E80; line-height: 15vw; padding-top: 0 !important; font-weight: bold; }

.div1200_mg7 { width: 100%; height: 18.267vw; margin: 0 auto; background: url("../images/fj_center/fj_bottom.png") no-repeat center center; background-size: 100vw; }

.top_check { width: 100vw; background: #F5F5F5; overflow: hidden; margin: 0 auto 2vw; padding: 3vw 0; }
.top_check > li { width: 29.6%; float: left; height: 11vw; font-size: 4vw; color: #333; background: #fff; border-radius: 5.5vw; line-height: 11vw; text-align: center; position: relative; margin-left: 2.6%; margin-top: 4vw; }
.top_check > li.active { background: #FF8500; color: #fff; }
.top_check > li.active::after { position: absolute; content: ""; background: #FFFFFF; border-radius: 0.4vw; bottom: 1.6vw; left: 50%; margin-left: -3vw; }

.stu_indiv { background: #fff; margin: 2vw auto; width: 100vw; height: 12.933vw; background: #FFFFFF; line-height: 12.933vw; padding-left: 4vw; font-size: 3.467vw; font-weight: 400; color: #666666; }
.stu_indiv.yanxue_stu { margin-top: 0; }
.stu_indiv > span { line-height: 12.933vw; font-size: 3.467vw; font-weight: 600; color: #333; margin-right: 2vw; }

.navbox { background: #fff; margin: 0 auto; width: 100vw; position: relative; }
.navbox.yanxue_nav { position: relative; }
.navbox.yanxue_nav > .yanxue_typ { width: 40vw; height: 10vw; margin: 2vw auto 0; position: relative; }
.navbox.yanxue_nav > .yanxue_typ:after { content: ""; position: absolute; width: 0.533vw; height: 3.2vw; background: #D8D8D8; top: 3.3vw; left: 19vw; }
.navbox.yanxue_nav > .yanxue_typ > li { float: left; width: 49.8%; font-size: 3.7vw; font-weight: 400; color: #999999; line-height: 10vw; text-align: center; }
.navbox.yanxue_nav > .yanxue_typ > li.active { color: #277AFF; }
.navbox > h3 { font-size: 4vw; font-weight: 500; color: #666666; line-height: 12vw; border-bottom: 0.15vw solid #eee; margin-top: 0; margin-bottom: 0; text-align: center; font-weight: bold; }
.navbox .show_video { width: 20.8vw; height: 6.4vw; background: #FFFFFF; border-radius: 3.2vw; border: 0.133vw solid #999999; position: absolute; text-align: center; line-height: 6.4vw; top: 15.5vw; right: 4vw; font-size: 3.7vw; color: #999999; }

.gjb_top { width: 94vw; line-height: 14vw; height: 14vw; padding: 0 6vw; margin: 0vw auto 0; background: #fff; border-top-left-radius: 2vw; border-top-right-radius: 2vw; border-bottom: 0.133vw solid #eee; }
.gjb_top > div { line-height: 12vw; color: #666; font-size: 4vw; }
.gjb_top > div > span { color: #333; font-size: 5vw; }

.hist_top { width: 94vw; padding: 0 6vw; margin: 0vw auto 0; background: #fff; border-top-left-radius: 2vw; border-top-right-radius: 2vw; border-bottom: 0.133vw solid #eee; }
.hist_top > div { line-height: 12vw; color: #666; font-size: 4vw; line-height: 12vw; }
.hist_top > div > span { color: #333; font-size: 4vw; }
.hist_top > .date_type { overflow: hidden; }
.hist_top > .date_type > li { float: left; font-size: 3.7vw; font-weight: 400; color: #999999; line-height: 7vw; border: 0.13vw solid #999; text-align: center; margin-right: 3vw; padding: 0 3vw; border-radius: 4vw; margin-bottom: 2vw; }
.hist_top > .date_type > li.active { color: #057AFF; border: 0.13vw solid #057AFF; }

#hist_chart { width: 94vw; height: 80vw; margin: 0 auto 3vw; padding: 0 2vw 4vw; background: #fff; border-bottom-left-radius: 1vw; border-bottom-right-radius: 1vw; }

.sub_list { width: 94vw; margin: 0 auto 2vw; overflow: hidden; background: #fff; }
.sub_list > li { width: 33%; height: 22vw; border: 0.13vw solid transparent; float: left; }
.sub_list > li:nth-child(3n) { float: right; }
.sub_list > li > p { font-size: 4vw; font-weight: 400; color: #666666; line-height: 10vw; text-align: center; }
.sub_list > li > div { font-size: 5vw; font-weight: 600; color: #666666; line-height: 9vw; text-align: center; }
.sub_list > li.active { border: 0.13vw solid #FF8500; }
.sub_list > li.active > p { color: #333; }
.sub_list > li.active > div { color: #FF8500; }

.add_paper { display: block; width: 94vw; margin: 4vw auto; background: #FFFFFF; border-radius: 1vw; border: 0.15vw solid #FF8500; text-align: center; height: 10vw; font-size: 4vw; font-weight: 400; color: #FF8500; line-height: 10vw; vertical-align: middle; }
.add_paper > img { display: inline-block; width: 3.733vw; }

.not_any { width: 94vw; background: #FFFFFF; padding: 4vw 0 15vw; border-radius: 1vw; }
.not_any > img { display: block; width: 16vw; margin: 16vw auto 2vw; }
.not_any > p { color: #999; font-size: 3.4vw; text-align: center; }

.one_row { text-align: right; padding: 2px 12px; }
.one_row label { margin-right: 12px; }
.one_row > input[type="text"] { line-height: 30px; color: #666; border: 1px solid #E3E3E3; padding: 0 10px; margin-right: 6px; border-radius: 4px; width: 200px; font-size: 14px; background: #fff; }
.one_row > select { width: 128px; line-height: 30px; color: #666; border: 1px solid #E3E3E3; padding: 0 10px; margin-right: 6px; border-radius: 4px; font-size: 14px; cursor: pointer; background: #fff url("../images/fj_center/selectarr.png") no-repeat 107px 8px; background-size: 15px; }
.one_row > input[type='date'], .one_row > input[type='time'] { width: 100px; line-height: 30px; color: #666; border: 1px solid #E3E3E3; padding: 0 10px; margin-right: 6px; border-radius: 4px; font-size: 14px; cursor: pointer; }
.one_row > .btn { border: none; padding: 0 20px; opacity: .9; line-height: 30px; font-size: 14px; }
.one_row > .btn:hover { opacity: 1; }
.one_row > .btn.btn-warning { background: #FB9324; }

.modal-dialog { margin-top: 10vw; }

.ok_btn { display: inline-block; width: 92%; height: 40px; background: #FF8500; border-radius: 20px; font-size: 18px; font-weight: 400; color: #FFFFFF; line-height: 40px; text-align: center; }

.modal-content { box-shadow: none !important; }

.video_pop { width: 100vw; height: 100vh; background: rgba(33, 33, 33, 0.4); position: fixed; top: 0; left: 0; z-index: 20; display: none; }
.video_pop > .video_pop_main { width: 96vw; height: 65.333vw; background: #fff; position: fixed; top: 5vh; left: 50%; margin-left: -48vw; overflow: hidden; box-shadow: 0vw 0vw 3.067vw 0.133vw rgba(191, 191, 191, 0.35); border-radius: 2.667vw; }
.video_pop > .video_pop_main > .pop_head { width: 86.133vw; height: 9.6vw; border-bottom: 0.133vw solid #eee; margin: 0 auto; }
.video_pop > .video_pop_main > .pop_head > span { font-size: 4vw; font-weight: bold; color: #333333; line-height: 9.6vw; }
.video_pop > .video_pop_main > .pop_head > .close_btn { float: right; font-size: 4vw; font-weight: bold; color: #bbb; line-height: 9.6vw; cursor: pointer; transition: .3s; }
.video_pop > .video_pop_main > .pop_head > .close_btn:hover { color: #ff9d16; }
.video_pop > .video_pop_main > .pop_body { width: 86.133vw; max-height: 63.2vw; margin: 0 auto; }
.video_pop > .video_pop_main > .pop_body > video { width: 85.867vw; height: 52.400vw; margin: 0 auto; }
.video_pop > .video_pop_main > .pop_body > video:active { border: none; outline: none; }
.video_pop > .video_pop_main > .pop_body > video:focus { border: none; outline: none; }

.yanxue_typ_body > li { display: none; }
.yanxue_typ_body > li.active { display: block; }

.paper_ul { width: 96vw; padding-bottom: 6vw; margin: 1vw auto 0; }
.paper_ul > li { width: 96%; background: #FFFFFF; box-shadow: 0vw 0.267vw 2.667vw 0vw rgba(51, 51, 51, 0.2); border-radius: 1.333vw; margin: 3vw auto 0; padding-top: 2vw; }
.paper_ul > li > .paper_name { font-size: 4vw; color: #333333; line-height: 8vw; position: relative; padding-left: 6vw; }
.paper_ul > li > .paper_name:after { content: ""; position: absolute; width: 1.867vw; height: 1.867vw; background: #FF8500; border-radius: 50%; top: 3.8vw; left: 2vw; }
.paper_ul > li > p { font-size: 3.7vw; font-weight: 400; color: #666666; line-height: 8vw; padding-left: 6vw; margin-bottom: 0; }
.paper_ul > li > p > span { margin-right: 4vw; }
.paper_ul > li > section { text-align: right; height: 14vw; vertical-align: middle; padding-right: 3vw; border-top: 0.14vw solid #eee; padding-top: 2vw; }
.paper_ul > li > section > span { display: inline-block; width: 20.8vw; height: 8vw; background: #FFFFFF; border-radius: 4vw; border: 0.133vw solid #FF8500; font-size: 3.2vw; font-weight: 400; color: #FF8500; line-height: 8vw; text-align: center; margin-left: 1vw; margin-right: 1vw; }
.paper_ul > li > section > span.del_paper { border: 0.133vw solid #DD211B; color: #DD211B; }
.paper_ul > li > section > span.show_score { border: 0.133vw solid #057AFF; color: #057AFF; }

.score_table_box { width: 100%; height: 70vw; overflow: scroll; display: none; }
.score_table_box.active { display: block; }
.score_table_box .score_table { min-width: 120vw; margin: 2vw auto 1vw; border-collapse: collapse; background: #fff; border-radius: 1.333vw; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
.score_table_box .score_table thead > tr { background: #FFF3E5; }
.score_table_box .score_table thead > tr th { background: transparent; color: #444; }
.score_table_box .score_table td, .score_table_box .score_table th { font-size: 3.2vw; color: #333333; line-height: 9vw; text-align: center; border: 1px solid #F0F0F0; }
.score_table_box .score_table th { background: #fff; font-weight: normal; }
.score_table_box .score_table > tbody > tr:nth-child(2n+1) > td { background: #F8F8F8; }

.send_btn { width: 96vw; height: 11.733vw; background: #FF8500; border-radius: 1.333vw; font-size: 4.267vw; color: #FFFFFF; line-height: 11.733vw; text-align: center; display: block; margin: 8vw auto 12vw; }