/* 题库总首页 */
.exam_banner{position: relative;width: 100%;background-color: #FFFFFF;}

.exam_container{width: 100%;height: 400px;}
.exam_container .exam_slide{display: flex;align-items: center;justify-content: center;width: 100%;height: 400px;}
.exam_container .exam_slide img{display: block;height: 400px;width: 916px;margin-left: 284px;}

.exam_banner .banner_cont{position: relative;width: 1200px;margin: 0 auto;}
.exam_banner .banner_box{position: absolute;z-index: 100;bottom: 0;width: 284px;height: 400px;background: rgba(0,0,0,0.4);padding: 10px 0;box-sizing: border-box;}
.exam_banner .kcbox{width: 100%;height: 76px;box-sizing: border-box;padding: 0 15px;cursor: pointer;}
.exam_banner .kcbox:hover{background: rgba(0,0,0,0.2);}
.exam_banner .box_label{display: flex;align-items: center;justify-content: space-between;padding-top: 12px;}
.exam_banner .name{display: flex;align-items: center;font-size: 15px;font-weight: bold;color: #FFFFFF;}
.exam_banner .name img{display: block;width: 20px;height: 20px;margin-right: 5px;}
.exam_banner .lable_icon{display: block;width: 14px;height: 14px;}
.exam_banner .box_li{display: flex;align-items: center;margin-top: 15px;}
.exam_banner .box_li a{font-size: 13px;color: #e5e5e5;margin-right: 10px;}
.exam_banner .sub_kcbox{display: none;position: absolute;left: 284px;top: 0;width: 916px;height: 400px;box-shadow: 0 5px 10px 0 rgba(65, 64, 65, 0.08);background-color: #FFFFFF;padding: 0 20px 20px 30px;box-sizing: border-box;}
.exam_banner .sub_kcbox_in{width: 100%;height: 100%;overflow-y: auto;}
.exam_banner .sub_kcbox_in::-webkit-scrollbar,
.exam_scroll_box .head_more_hover::-webkit-scrollbar,
.exam_scroll_box .head_more_hover .hover_in::-webkit-scrollbar{width: 0 !important;height: 0 !important;}
.exam_banner .sub_label{display: block;font-size: 16px;color: #333333;margin-top: 25px;font-weight: bold;}
.exam_banner .sub_kcbox ul{flex: 1;display: flex;flex-wrap: wrap;margin-top: 10px;}
.exam_banner .sub_kcbox ul li{position: relative;line-height: 26px;margin-right: 30px;}
.exam_banner .sub_kcbox ul li::before{content: '';position: absolute;right: -15px;top: 50%;transform: translateY(-50%);width: 1px;height: 14px;background-color: #e5e5e5;}
.exam_banner .sub_kcbox ul li:last-child::before{width: 0;}
.exam_banner .sub_kcbox ul li a{font-size: 13px;color: #333333;}
.exam_banner .kcbox:hover .sub_kcbox{display: block;}

.exam_hot_small{padding-top: 30px;padding-bottom: 40px;background-color: #F5F7FA;}
.exam_hot_small .width1200{display: flex;flex-wrap: wrap;}
.exam_hot_small .small_view{position: relative;height: 60px;}
.exam_hot_small .small_btn{display: flex;align-items: center;justify-content: center;position: relative;width: 140px;height: 50px;background-color: #E3E8EE;border-radius: 6px;margin-right: 11.4px;font-size: 15px;color: #333333;}
.exam_hot_small .small_view:hover .small_btn{background: url(/static/image/test_tjks_bg.png) no-repeat;background-size: 100% 100%;color: #FFFFFF;}
.exam_hot_small .small_view:nth-child(8n) .small_btn{margin-right: 0;}
.exam_hot_small .small_btn span{display: block;white-space: nowrap;}
.exam_hot_small .small_btn img{position: absolute;right: 0;top: 0;width: 32px;height: 32px;}

.exam_hot_small .small_hover{display: none;position: absolute;z-index: 100;width: 700px;background-color: #FFFFFF;top: 60px;left: 0;box-sizing: border-box;padding: 10px 25px 30px 25px;border-radius: 6px;border: 1px solid #21aa28;}
.exam_hot_small .small_view:hover .small_hover{display: block;}
.exam_hot_small .small_hover::before{content: '';position: absolute;top: -6px;left: 60px;transform: translateX(-50%);transform: rotate(45deg);width: 9px;height: 9px;border-top: 1px solid #21AA28;border-left: 1px solid #21AA28;background-color: #FFFFFF;}
.exam_hot_small .small_hover_li{display: flex;align-items: flex-start;margin-top: 20px;}
.exam_hot_small .small_hover_label{position: relative;width: 90px;height: 32px;display: flex;align-items: center;justify-content: center;background-image: linear-gradient(90deg, #fc8809 0%,#f4bc2b 100%);border-radius: 16px 16px 0 16px;font-size: 15px;color: #FFFFFF;}
.exam_hot_small .small_hover_label::before{content: '';position: absolute;bottom: 2px;right: 2px;width: 3px;height: 3px;background-color: #FFFFFF;border-radius: 50%;}
.exam_hot_small .small_hover_link{flex: 1;margin-left: 50px;display: flex;flex-wrap: wrap;}
.exam_hot_small .small_hover_link a{position: relative;display: block;line-height: 26px;font-size: 13px;color: #333333;margin-right: 30px;}
.exam_hot_small .small_hover_link a::before{content: '';position: absolute;right: -15px;top: 50%;transform: translateY(-50%);width: 1px;height: 14px;background-color: #E5E5E5;}
.exam_hot_small .small_hover_link a:last-child::before{width: 0;}
.exam_hot_small .small_hover_link a:hover{color: #21aa28;}
.exam_hot_small .small_hover_link .small_hot{color: #ff6900;}
.exam_hot_small .small_hover_link .small_hot img{position: absolute;width: 10px;height: 12px;right: -10px;top: -3px;}
.exam_hot_small .small_view:nth-child(5) .small_hover,
.exam_hot_small .small_view:nth-child(6) .small_hover,
.exam_hot_small .small_view:nth-child(7) .small_hover,
.exam_hot_small .small_view:nth-child(8) .small_hover,
.exam_hot_small .small_view:nth-child(13) .small_hover,
.exam_hot_small .small_view:nth-child(14) .small_hover,
.exam_hot_small .small_view:nth-child(15) .small_hover,
.exam_hot_small .small_view:nth-child(16) .small_hover{right: 0;left: auto;}
.exam_hot_small .small_view:nth-child(5) .small_hover::before,
.exam_hot_small .small_view:nth-child(6) .small_hover::before,
.exam_hot_small .small_view:nth-child(7) .small_hover::before,
.exam_hot_small .small_view:nth-child(8) .small_hover::before,
.exam_hot_small .small_view:nth-child(13) .small_hover::before,
.exam_hot_small .small_view:nth-child(14) .small_hover::before,
.exam_hot_small .small_view:nth-child(15) .small_hover::before,
.exam_hot_small .small_view:nth-child(16) .small_hover::before{left: auto;right: 60px;}

.exam_scroll{width: 1200px;margin: 0 auto;padding-bottom: 40px;}
.exam_scroll_box{display: block;padding-top: 10px;}
.exam_scroll_box .box_head{display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #EEEEEE;}
.exam_scroll_box .box_name{position: relative;display: flex;align-items: center;font-size: 28px;color: #333333;font-weight: bold;}
.exam_scroll_box .box_name::before{content: '';position: absolute;left: 10px;bottom: 0;z-index: -1;width: 214px;height: 24px;background: url(/static/image/test_home_fbg.png) no-repeat;background-size: 100% 100%;}
.exam_scroll_box .box_name img{display: block;width: 32px;height: 32px;margin-right: 10px;}
.exam_scroll_box .head_r{display: flex;align-items: center;}
.exam_scroll_box .tab_link{display: flex;align-items: center;font-size: 15px;color: #dcdcdc;}
.exam_scroll_box .tab_link a{position: relative;font-size: 15px;color: #333333;padding: 35px 10px;}
.exam_scroll_box .tab_link .tab_active{color: #21aa28;}
.exam_scroll_box .tab_link .tab_active::before{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 48px;height: 3px;background-color: #21aa28;}
.exam_scroll_box .head_more{position: relative;height: 60px;display: flex;align-items: center;margin-left: 20px;}
.exam_scroll_box .head_more_btn{width: 64px;height: 28px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;border-radius: 14px;border: 1px solid #6ed795;font-size: 14px;color: #21aa28;}
.exam_scroll_box .head_more_hover{display: none;position: absolute;z-index: 100;right: 0;top: 55px;width: 550px;background-color: #FFFFFF;box-shadow: 0 0 20px 0 rgba(65, 64, 65, 0.08);border-radius: 6px;box-sizing: border-box;padding: 10px 15px 20px 15px;}
.exam_scroll_box .head_more_hover .hover_in{width: 100%;max-height: 320px;overflow-y: auto;}
.exam_scroll_box .head_more:hover .head_more_hover{display: block;}
.exam_scroll_box .head_more_label{display: block;font-size: 18px;color: #21aa28;font-weight: bold;margin-top: 15px;margin-bottom: 5px;margin-left: 15px;}
.exam_scroll_box .head_more_link{display: flex;flex-wrap: wrap;}
.exam_scroll_box .head_more_link a{position: relative;margin: 0 15px;line-height: 26px;font-size: 13px;color: #333333;}
.exam_scroll_box .head_more_link a:hover{color: #21aa28;}
.exam_scroll_box .head_more_link a::before{content: '';position: absolute;right: -15px;top: 50%;transform: translateY(-50%);width: 1px;height: 14px;background-color: #E5E5E5;}
.exam_scroll_box .head_more_link a:last-child::before{width: 0;}
.exam_scroll_box .box_content{margin-top: 30px;}
.exam_scroll_box .box_item{display: none;width: 100%;justify-content: space-between;}
.exam_scroll_box .box_show{display: flex;}
.exam_scroll_box .test_guide{width: 290px;box-sizing: border-box;border: 1px solid #eeeeee;position: relative;padding: 0 9px;padding-top: 30px;}
.exam_scroll_box .test_guide::before{content: '';position: absolute;left: 10px;top: -1px;width: 75px;height: 3px;background-color: #21aa28;}
.exam_scroll_box .guide_title{display: flex;align-items: center;justify-content: space-between;}
.exam_scroll_box .guide_name{display: block;font-size: 18px;color: #333333;font-weight: bold;}
.exam_scroll_box .guide_turn{display: flex;align-items: center;}
.exam_scroll_box .guide_turn img{display: block;width: 16px;height: 16px;margin-left: 10px;cursor: pointer;}
.exam_scroll_box .guide_entrance{display: flex;flex-wrap: wrap;padding: 10px 0;margin-top: 20px;background-color: #F1F5FC;}
.exam_scroll_box .guide_entrance a{display: block;width: 90px;text-align: center;line-height: 26px;font-size: 14px;color: #333333;}
.exam_scroll_box .guide_entrance a:hover{color: #21AA28;}
.exam_scroll_box .guide_turn_box{display: flex;flex-wrap: nowrap;width: 270px;overflow: hidden;}
.exam_scroll_box .guide_turn_item{width: 270px;min-width: 270px;margin-bottom: 10px;}
.exam_scroll_box .guide_turn_item a{display: block;margin-top: 22px;font-size: 14px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.exam_scroll_box .guide_turn_item a:hover{color: #21AA28;}

.exam_scroll_box .box_middle{width: 565px;}
.exam_scroll_box .paper_label{display: flex;align-items: center;justify-content: space-between;}
.exam_scroll_box .paper_label_name{display: block;font-size: 18px;color: #333333;font-weight: bold;}
.exam_scroll_box .paper_more{display: block;font-size: 14px;color: #999999;}
.exam_scroll_box .paper_tab_title{display: flex;align-items: center;margin-top: 15px;}
.exam_scroll_box .paper_tab_title li{min-width: 100px;width: 100px;height: 30px;box-sizing: border-box;display: block;text-align: center;line-height: 30px;border-radius: 2px;border: 1px solid #eeeeee;background-color: #FFFFFF;font-size: 14px;color: #333333;padding: 0 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;margin-right: 16px;}
.exam_scroll_box .paper_tab_title li:last-child{margin-right: 0;}
.exam_scroll_box .paper_tab_title .paper_active{border: 1px solid #21aa28;background-color: #F0FEF3;color: #21aa28;}
.exam_scroll_box .paper_item{display: none;}
.exam_scroll_box .paper_view{display: flex;align-items: center;font-size: 16px;color: #333333;margin-top: 20px;}
.exam_scroll_box .paper_view:hover{color: #21AA28;}
.exam_scroll_box .paper_view img{display: block;width: 16px;height: 16px;}
.exam_scroll_box .paper_view span{display: block;flex: 1;margin-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.exam_scroll_box .learn_material{margin-top: 25px;}
.exam_scroll_box .material_title{display: flex;align-items: center;justify-content: space-between;}
.exam_scroll_box .material_label{display: flex;align-items: center;}
.exam_scroll_box .material_name{font-size: 18px;color: #333333;font-weight: bold;}
.exam_scroll_box .material_icon{margin-left: 10px;width: 40px;height: 20px;display: flex;align-items: center;justify-content: center;background-image: linear-gradient(90deg,#fc9551 0%,#ff4a08 100%);border-radius: 10px 10px 10px 0;font-size: 13px;color: #FFFFFF;}
.exam_scroll_box .material_list{display: flex;flex-wrap: wrap;}
.exam_scroll_box .material_view{display: flex;	align-items: center;width: 50%;margin-top: 25px;}
.exam_scroll_box .material_pdf{display: block;width: 42px;height: 42px;}
.exam_scroll_box .material_info{display: block;flex: 1;margin-left: 8px;}
.exam_scroll_box .material_txt{display: block;width: 220px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 15px;color: #333333;}
.exam_scroll_box .material_view:hover .material_txt{color: #21AA28;}
.exam_scroll_box .material_notes{display: flex;align-items: center;margin-top: 12px;font-size: 13px;color: #999999;}
.exam_scroll_box .material_notes span{margin-right: 10px;}

.exam_scroll_box .box_nav_r{width: 290px;}
.exam_scroll_box .container_box{width: 290px;height: 290px;}
.exam_scroll_box .exam_scroll_view{width: 290px;height: 290px;border-radius: 6px;}
.exam_scroll_box .scroll_name{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;text-align: center;padding: 0 20px;padding-top: 32px;height: 75px;line-height: 36px;font-size: 25px;font-weight: bold;overflow: hidden;margin-bottom: 4px;}
.exam_scroll_box .scroll_btn_view{height: 115px;}
.exam_scroll_box .scroll_btn{height: 35px;line-height: 35px;border-radius: 17px;font-size: 17px;}
.exam_scroll_box .price_txt{display: block;font-size: 16px;margin-left: 15px;}
.exam_scroll_box .price_num{display: block;font-size: 15px;margin-top: 4px;}
.exam_scroll_box .price_num span{font-size: 28px;font-weight: bold;}
.exam_scroll_box .test_entrance{display: block;width: 100%;margin-top: 20px;position: relative;padding-top: 5px;background-color: #F1F5FC;padding-bottom: 15px;}
.exam_scroll_box .test_ent_ewm{position: absolute;top: 0;right: 0;}
.exam_scroll_box .ent_ewm_code{display: block;width: 48px;height: 48px;cursor: pointer;}
.exam_scroll_box .ent_ewm_hover{display: none;position: absolute;right: 0;top: 42px;width: 130px;border-radius: 6px;z-index: 100;box-shadow: 0 0 20px 0 rgba(65, 64, 65, 0.08);background-color: #FFFFFF;padding-top: 4px;padding-bottom: 8px;}
.exam_scroll_box .test_ent_ewm:hover .ent_ewm_hover{display: block;}
.exam_scroll_box .ent_ewm_img{display: block;width: 120px;height: 120px;margin: 0 auto;}
.exam_scroll_box .ent_ewm_txt{display: block;text-align: center;margin-top: 2px;font-size: 14px;color: #333333;}
.exam_scroll_box .test_ent_view{padding: 0 20px;margin-top: 20px;display: flex;align-items: center;}
.exam_scroll_box .test_ent_icon{display: block;width: 48px;height: 48px;}
.exam_scroll_box .test_ent_info{margin-left: 15px;}
.exam_scroll_box .test_ent_number{display: flex;align-items: center;}
.exam_scroll_box .test_ent_number span{font-size: 20px;color: #333333;font-weight: bold;}
.exam_scroll_box .test_ent_number i{margin-left: 5px;width: 26px;height: 24px;background-color: #ffc501;border-radius: 12px 12px 12px 0;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #FFFFFF;}
.exam_scroll_box .test_ent_notes{margin-top: 10px;font-size: 14px;color: #333333;}
.exam_scroll_box .test_ent_notes span{color: #999999;}
.exam_scroll_box .test_ent_btn{display: block;width: 190px;height: 40px;background-color: #21aa28;border-radius: 20px;margin: 0 auto;text-align: center;line-height: 40px;font-size: 16px;color: #FFFFFF;margin-top: 15px;}

.exam_scroll_box .show{display: block;}