.banner { position: relative;}
.banner::after { content: ''; width: 100%; height: 100%; background: rgba(0,0,0, 0.4); position: absolute; top: 0; left: 0; z-index: 1;}
.banner img { width: 100%;}
.banner .nav { width: 100%; height: 100%; position: absolute; top: 0; left: 0;font-size: 14px; color: #FFFFFF; line-height: 26px; align-items: center; justify-content: center; z-index: 2;}
.banner .nav a { padding: 0 5px; color: #fff;}
.banner .nav span { padding: 0 5px; font-size: 24px;font-weight: bold; color: #95D330; line-height: 26px;}
main { min-height: calc(100vh - 182px);}
@media screen and (max-width: 767px) { 
  main { min-height: calc(100vh - 154px);}
  .banner .nav span { font-size: 20px;}
}

/* 视频 */
.video-wrap { position: relative; z-index: 9;}
.video-wrap .video-left { width: calc(100% - 218px);}
.video-wrap .video-left  .video { margin-top: 38px; position: relative;}
.video-wrap .video-left  .video video { width: 100%; height: 100%;}
.video-wrap .video-left  .video .play { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center;}
.video-wrap .video-left  .video .play img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.video-wrap .video-left  .video .zc_plv { width: 100%; height: 417px; background-repeat: no-repeat; background-size: 100% 100%;}
.video-wrap .video-left  .video .iconfont { font-size: 60px; color: #ffffff; line-height: 1; position: relative; z-index: 2;}
.video-wrap .video-left .desc { font-size: 14px;color: #333333;line-height: 26px; margin-top: 13px;}
.video-wrap .video-swiper { width: 206px; height: 484px; padding: 38px 0; position: relative;}
.video-wrap .video-swiper .mySwiper { height: 100%;}
.video-wrap .video-swiper .swiper-slide { width: 100%; height: 112px !important;}
.video-wrap .video-swiper .swiper-slide.active { border: 2px solid #95D330; box-sizing: border-box;}
.video-wrap .video-swiper .swiper-slide .video { width: 100%; height: 100%; position: relative;}
.video-wrap .video-swiper .swiper-slide .zc_plv { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.video-wrap .video-swiper .swiper-slide .mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.video-wrap .video-swiper .swiper-slide .play { width: 100%; height: 100%; position: relative;}
.video-wrap .video-swiper .swiper-slide .play img { width: 100%; height: 100%;}
.video-wrap .video-swiper .swiper-slide .mask .iconfont { font-size: 20px; color: #fff; position: absolute; bottom: 10px; right: 10px;}
.video-wrap .video-swiper .swiper-button-prev { display: block; width: 20px; height: 11px;  color: #95D330; transform: rotate(90deg); top: 50px; left: 50%; margin-left: -10px;}
.video-wrap .video-swiper .swiper-button-prev.swiper-button-disabled { color: #333; opacity: 1;}
.video-wrap .video-swiper .swiper-button-prev::after { font-size: 12px;}
.video-wrap .video-swiper .swiper-button-next { display: block; width: 20px; height: 11px;  color: #95D330; transform: rotate(90deg); top: unset; bottom: 12px; left: 50%; margin-left: -10px;}
.video-wrap .video-swiper .swiper-button-next.swiper-button-disabled { color: #333; opacity: 1;}
.video-wrap .video-swiper .swiper-button-next::after { font-size: 12px;}
@media screen and (max-width: 767px) {
  .video-wrap .video-left { width: 100%;}
  .video-wrap .video-left .video .zc_plv { height: 220px;}
  .video-wrap .video-swiper { width: 100%; height: 770px;}
  .video-wrap .video-swiper .swiper-slide { height: 185px !important;}
  .video-wrap .video-swiper .swiper-slide .play .iconfont { font-size: 40px;}
}

.IndexBanner .swiper-slide img { width: 100%;}
.IndexBanner .swiper-pagination-bullet { width: 12px; height: 12px; background: #FFFFFF; opacity: 1;}
.IndexBanner .swiper-pagination-bullet-active { width: 44px; height: 12px; background: #B4EF56; border-radius: 6px;}
.IndexBanner .swiper-button-prev { width: 48px; height: 48px; border: 2px solid #FFFFFF; border-radius: 50%;}
.IndexBanner .swiper-button-prev:after { font-size: 21px; color: #FFFFFF;}
.IndexBanner .swiper-button-next { width: 48px; height: 48px; border: 2px solid #FFFFFF; border-radius: 50%;}
.IndexBanner .swiper-button-next:after { font-size: 21px; color: #FFFFFF;}
.IndexView .list { margin-top: 59px; padding-bottom: 56px;}
.IndexView .list .item { width: calc(50% - 10px);}
.IndexView .list .name { font-size: 26px; font-weight: bold; color: #333333; line-height: 26px; position: relative;}
.IndexView .list .name::after { content: ''; width: 32px; height: 3px; background: #333333; position: absolute; left: 0; bottom: -10px;}
.IndexView .list .img { margin-top: 37px;}
.IndexView .list .img { margin-top: 37px; height: 332px;}
.IndexView .list .mySwiper2 { width: 100%; height: 100%;}
.IndexView .list .img img{ width: 100%; height: 100%; object-fit: contain;}
.IndexView .list .video { margin-top: 37px; height: 332px; position: relative;}
.IndexView .list .video #player { height: 100%;}
.IndexView .list .video video { width: 100%; height: 100%;}
.IndexView .list .video .play { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center;}
.IndexView .list .video .play img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
.IndexView .list .video .iconfont { font-size: 60px; color: #ffffff; line-height: 1; position: relative; z-index: 2;}
@media screen and (max-width: 1219px) { 
  .IndexView .list .video { height: 270px;}
  .IndexView .list .img { height: 270px;}
}
@media screen and (max-width: 1023px) { 
  .IndexView .list .video { height: 225px;}
  .IndexView .list .img { height: 225px;}
}
@media screen and (max-width: 767px) { 
  .IndexView .list { margin-top: 10px; padding-bottom: 30px;}
  .IndexView .list .item { width: 100%; margin-top: 20px;}
  .IndexView .list .item .name { font-size: 20px;}
  .IndexView .list .video { height: 225px;}
  .IndexView .list .img { height: 225px;}
}

/* 标准文件 */
.fileView { }
.fileView .search-box { margin-top: 30px; width: 100%;}
.fileView .search-box .item { flex: 1; margin-right: 30px;}
.fileView .search-box .item span { color: #333333; line-height: 32px; margin-right: 10px;}
.fileView .search-box .item .layui-input { height: 32px;}
.fileView .search-box .item .input { flex: 1; width: unset; height: 32px;}
.fileView .search-box .item .layui-form-select { flex: 1; height: 32px;}
.fileView .search-box .item .layui-form-select .layui-edge { border-width: 4px; border-top-color: #333}
.fileView .search-box .item .layui-form-select dl dd.layui-this { background-color: #95D330 !important;}
.fileView .search-box .submit { width: 79px; height: 32px; background: #95D330; border-radius: 4px;color: #333333;line-height: 32px; text-align: center; padding: 0;}
.fileView .search-box .reset { width: 79px; height: 32px; background: #333333; border: 1px solid #333333; border-radius: 4px;color: #ffffff;line-height: 32px;}
.fileView .table { width: 100%; margin-top: 10px;}
.fileView .table thead { height: 40px; background: #D5E0E9;font-size: 14px; font-weight: bold; color: #333333; line-height: 40px;}
.fileView .table tbody tr { text-align: center; border-bottom: 1px solid #DDDDDD;}
.fileView .table tbody tr td { padding: 15px 0; font-size: 14px; font-family: Source Han Sans CN; font-weight: 400; color: #333333; line-height: 30px;}
.fileView .table tbody tr td .download { display: inline-block; width: 67px; height: 30px; line-height: 30px; background: #95D330; border-radius: 4px;}
.fileView .table tbody tr td .download i { margin-right: 4px;}
.fileView .table tbody tr td .download:hover { color: #333333;}
.fileView .pagination { padding: 30px 0;}
@media screen and (max-width: 767px) {  
  .fileView .search-box { margin-top: 20px;}
  .fileView .search-box .item { flex: unset; width: 100%;margin-bottom: 10px;}
  .fileView .table { margin-top: 0;}
  .fileView .table tbody tr td { padding: 10px 0;}
} 

/* 搜索列表 */
.searchListView .list { margin-top: 34px;}
.searchListView .list .item { margin-top: 7px; margin-bottom: 27px; width: calc(20% - 10px);}
.searchListView .list .item .img { width: 100%; height: 170px;border: 1px solid #DDDDDD;object-fit: contain;}
.searchListView .list .item .name { margin-top: 7px; color: #333333;line-height: 22px;}
.searchListView .pagination { padding-bottom: 30px;}
.searchListView .empty { font-size: 14px; color: #999999; text-align: center; padding: 100px 0;}
.no-item {min-height: unset !important; padding: 0 !important; margin: 0 !important;}
@media screen and (max-width: 1023px) { 
  .searchListView .list .item { width: calc(25% - 10px)}
}
@media screen and (max-width: 767px) {   
  .searchListView .list { margin-top: 30px;}
  .searchListView .list .item { width: calc(50% - 10px); margin-bottom: 20px;}
} 

.left-menu{ width: 210px; margin-right: 32px; text-align: center;}
.left-menu .title { padding: 12px 10px; background: #333333; font-size: 20px;font-weight: bold;color: #FFFEFE;line-height: 26px;}
.left-menu .menu { background: #F0F0F0;}
.left-menu .menu a { padding: 10px; display: block; text-align: center; color: #666666; line-height: 30px;}
.left-menu .menu a.active { color: #333333;background: #95D330;}
@media screen and (max-width: 767px) { 
  .left-menu { display: none;}
}

/* 产品知识 */
.productKnowView {}
.productKnowView .content { margin-top: 40px;padding-bottom: 40px;}
.productKnowView .content .right { flex: 1;}
.productKnowView .content .right .list .item { margin-bottom: 30px; width: calc(25% - 9px);}
.productKnowView .content .right .item .img { width: 100%; height: 170px;border: 1px solid #DDDDDD;object-fit: contain;}
.productKnowView .content .right .item .name { margin-top: 7px; color: #333333;line-height: 22px;}
.productKnowView .pagination { padding-bottom: 30px;}
@media screen and (max-width: 1023px) { 
  .productKnowView .content .right .list .item { width: calc(33.33% - 9px)}
}
@media screen and (max-width: 767px) { 
  .productKnowView .content { margin-top: 30px;padding-bottom: 30px;}
  .productKnowView .content .right .list .item { margin-bottom: 20px; width: calc(50% - 9px)}
}

/* 产品详情 */
.productDetailView .content { margin-top: 40px;padding-bottom: 40px;}
.productDetailView .content .right { width: calc(100% - 242px);}
.productDetailView .content .name { width: 100%; font-size: 32px; font-weight: bold; color: #333333; line-height: 1; text-align: center;} 
.productDetailView .content .time { width: 100%; margin-top: 25px; font-size: 12px;color: #666666;line-height: 22px;justify-content: center;align-items: center;}
.productDetailView .content .time i {line-height: 26px; margin-right: 10px;}
.productDetailView .content .detail-cont { width: 100%; margin-top: 25px;}
.productDetailView .content .detail-cont img { max-width: 100%;}
.productDetailView .form-box { width: 100%; padding-bottom: 60px;}
.productDetailView .form-box p { font-size: 16px; font-weight: bold; color: #333333; line-height: 26px;}
.productDetailView .form-box .input { margin-top: 5px; width: calc(100% - 20px); height: 30px;border: 1px solid #EBEBEB;border-radius: 4px; padding: 5px 10px; font-size: 14px; line-height: 30px;}
.productDetailView .form-box .form-btn { cursor: pointer; margin-top: 10px; float: right; display: inline-block; width: 64px; height: 30px; background: #95D330; border-radius: 4px; line-height: 30px; text-align: center;}
.productDetailView .comment-box { margin-bottom: 60px; padding: 0 13px; border: 1px solid #EBEBEB; border-radius: 4px;}
.productDetailView .comment-box .num { border-bottom: 1px solid #F5F5F5; font-size: 16px;line-height: 50px;color: #666666;}
.productDetailView .comment-box .num span { color: #333333;}
.productDetailView .comment-box .more { border-top: 1px solid #F5F5F5; color: #666666; line-height: 74px; text-align: center;} 
.productDetailView .comment-box .more span { cursor: pointer;} 
.productDetailView .comment-box .comment-list { margin-top: 4px;}
.productDetailView .comment-box .commen-item { padding: 14px 15px;}
.productDetailView .comment-box .commen-item img { width: 24px; height: 24px; margin-right: 9px;}
.productDetailView .comment-box .commen-item .text { flex: 1;}
.productDetailView .comment-box .commen-item .text .name { text-align: left; font-size: 16px;color: #333333;line-height: 26px;}
.productDetailView .comment-box .commen-item .text .cont { font-size: 14px;color: #666666;line-height: 22px;}
.productDetailView .comment-box .commen-item .text .date { margin-top: 8px; font-size: 12px;color: #999999;line-height: 1;}
@media screen and (max-width: 767px) { 
  .productDetailView .content { margin-top: 30px;padding-bottom: 30px;}
  .productDetailView .content .right { width: 100%;}
  .productDetailView .content .name { font-size: 24px;}
  .productDetailView .content .time { margin-top: 10px;}
  .productDetailView .content .detail-cont { margin-top: 15px;}
  .productDetailView .comment-box .more { line-height: 60px;}
  .productDetailView .comment-box { margin-bottom: 30px;}
}


.layer-allcomment-modal { max-width: 90%; max-height: 90%;}
.layer-allcomment-modal.layui-layer .layui-layer-ico{font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased;background:unset;font-size:18px;color: #84848;top:0px;right:-15px;font-weight: bold}
.layer-allcomment-modal.layui-layer .layui-layer-ico:before { content: "\e723"}
.layer-allcomment-modal .allcomment-modal { padding: 0 20px 20px; height: calc(100% - 20px);} 
.layer-allcomment-modal .comment-list { margin-top: 4px; flex: 1; overflow-y: scroll;}
.layer-allcomment-modal .commen-item { padding: 14px 15px;}
.layer-allcomment-modal .commen-item img { width: 24px; height: 24px; margin-right: 9px;}
.layer-allcomment-modal .commen-item .text { flex: 1;}
.layer-allcomment-modal .commen-item .text .name { text-align: left; font-size: 16px;color: #333333;line-height: 26px;}
.layer-allcomment-modal .commen-item .text .cont { font-size: 14px;color: #666666;line-height: 22px;}
.layer-allcomment-modal .commen-item .text .date { margin-top: 8px; font-size: 12px;color: #999999;line-height: 1;}
.layer-allcomment-modal  .num { border-bottom: 1px solid #F5F5F5; font-size: 16px;line-height: 50px;color: #666666;}
.layer-allcomment-modal  .num span { color: #333333;}
.layer-allcomment-modal .comment-list::-webkit-scrollbar { width: 6px; background: white; }
.layer-allcomment-modal .comment-list::-webkit-scrollbar-corner, .scroll-container::-webkit-scrollbar-thumb, .scroll-container::-webkit-scrollbar-track { border-radius: 6px; }
.layer-allcomment-modal .comment-list::-webkit-scrollbar-corner,.scroll-container::-webkit-scrollbar-track {  background-color: #666; box-shadow: inset 0 0 1px #666; }
.layer-allcomment-modal .comment-list::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #ddd; }

/* 文化 */
.teamCultureView .content { padding: 40px 0 120px;}
.teamCultureView .title { padding-bottom: 20px; width: 100%; font-size: 32px; font-weight: bold; color: #333333; line-height: 1; position: relative; text-align: center;}
.teamCultureView .title::after { content: ''; width: 40px; height: 6px; background: #95D330; position: absolute; left: 50%; bottom: 0; margin-left: -16px;} 
.teamCultureView .content .time { width: 100%; margin-top: 30px; font-size: 12px;color: #666666;line-height: 22px;justify-content: center;align-items: center;}
.teamCultureView .content .time i {line-height: 26px; margin-right: 10px;}
.teamCultureView .content .culture { margin-top: 30px; width: 100%; text-align: center;}
.teamCultureView .content .culture img { width: 46%;}
.teamCultureView .cont { margin-top: 90px; color: #333333;line-height: 26px;}
.teamCultureView .cont p { text-indent: 2em;}
@media screen and (max-width: 767px) {  
  .teamCultureView .content { padding: 30px 0;}
  .teamCultureView .title { font-size: 20px; padding-bottom: 10px;}
  .teamCultureView .title::after { width: 30px; height: 4px;margin-left: -15px}
  .teamCultureView .content .time { margin-top: 10px;}
  .teamCultureView .content .culture { margin-top: 10px;}
  .teamCultureView .content .culture img { width: 60%;}
  .teamCultureView .cont { margin-top: 30px;}
} 


/* 员工风采 */
.staffView .content { margin-top: 40px; padding-bottom: 59px;}
.staffView .content .main-menu { margin-right: 71px;}
.staffView .content .right { width: calc(100% - 281px);}
.staffView .content .detail .name { font-size: 32px; font-weight: bold; color: #333333; line-height: 1; position: relative; text-align: center;}
.staffView .content .detail .name::after { content: ''; width: 40px; height: 6px; background: #95D330; position: absolute; left: 50%; bottom: -20px; margin-left: -16px;} 
.staffView .content .detail .time { margin-top: 45px; font-size: 12px;color: #666666;line-height: 22px;justify-content: center;align-items: center;}
.staffView .content .detail .time i {line-height: 26px; margin-right: 10px;}
.staffView .content .detail .swiper-wrap { width: 100%;}
.staffView .swiper-wrap { margin-top: 25px;}
.staffView .mySwiper2 .swiper-slide { width: 100% !important;}
.staffView .swiper { width:100%;}
.staffView .swiper-slide img { width: 100%;}
.staffView .swiper1 { padding: 0 50px;}
.staffView .swiper2 { margin-top: 12px; padding: 0 50px; position: relative;}
/* .staffView .swiper2 .swiper-slide.swiper-slide-active { border: 2px solid #95D330;} */
.staffView .swiper2 .swiper-slide.swiper-slide-thumb-active { border: 2px solid #95D330;}
.staffView .swiper2 .swiper-slide.active { border: 2px solid #95D330;}
.staffView .swiper2 .swiper-button-prev { width: 30px; height: 30px; background: #95D330;}
.staffView .swiper2 .swiper-button-prev:after { font-size: 16px; color: #fff;}
.staffView .swiper2 .swiper-button-next { width: 30px; height: 30px; background: #95D330;}
.staffView .swiper2 .swiper-button-next:after { font-size: 16px; color: #fff;}
.staffView .swiper2 .swiper-button-prev.swiper-button-disabled { background-color: #666666;}
.staffView .swiper2 .swiper-button-next.swiper-button-disabled { background-color: #666666;}
@media screen and (max-width: 767px) {  
  .staffView { min-height: calc(100vh - 110px); }
  .staffView .content { margin-top: 30px; padding-bottom: 30px;}
  .staffView .content .detail .name { font-size: 20px; padding-bottom: 10px;}
  .staffView .content .detail .name::after { width: 30px; height: 4px;margin-left: -15px; bottom: 0;}
  .staffView .content .detail .time { margin-top: 10px;}
  .staffView .content .right { flex: 1;} 
  .staffView .swiper1 { padding: 0 25px;}
  .staffView .swiper2 { padding: 0 25px; margin-top: 10px;}
  .staffView .swiper2 .swiper-button-prev { width: 20px; height: 20px; margin-top: -11px; left: 0;}
  .staffView .swiper2 .swiper-button-next { width: 20px; height: 20px; margin-top: -11px; right: 0;}
  .staffView .swiper2 .swiper-button-prev:after,.staffView .swiper2 .swiper-button-next:after { font-size: 12px;}
} 

/* 团队视频 */
.teamVideoView .content { margin-top: 40px; padding-bottom: 59px;}
.teamVideoView .content .main-menu { margin-right: 71px;}
.teamVideoView .content .right { width: calc(100% - 281px);}
.teamVideoView .content .detail .name { font-size: 32px; font-weight: bold; color: #333333; line-height: 1; position: relative; text-align: center;}
.teamVideoView .content .detail .name::after { content: ''; width: 40px; height: 6px; background: #95D330; position: absolute; left: 50%; bottom: -20px; margin-left: -16px;} 
.teamVideoView .content .detail .time { margin-top: 45px; font-size: 12px;color: #666666;line-height: 22px;justify-content: center;align-items: center;}
.teamVideoView .content .detail .time i {line-height: 26px; margin-right: 10px;}
@media screen and (max-width: 767px) {  
  .teamVideoView .content { margin-top: 30px; padding-bottom: 30px;}
  .teamVideoView .content .detail .name { font-size: 20px; padding-bottom: 10px;}
  .teamVideoView .content .detail .name::after { width: 30px; height: 4px;margin-left: -15px; bottom: 0;}
  .teamVideoView .content .detail .time { margin-top: 10px;}
  .teamVideoView .content .right { flex: 1;}
  .teamVideoView .video-wrap .video-left .video { margin-top: 20px;}
} 

/* 考试管理 */
.examManageView {}
.examManageView .content { margin-top: 40px; padding-bottom: 30px;}
.examManageView .content .right { flex: 1;}
.examManageView .content .right .list  { justify-content: flex-start;}
.examManageView .content .right .list .item { margin-right: 12px; padding: 11px 16px 0;min-height: 154px; margin-bottom: 30px; width: calc(25% - 41px); position: relative;}
.examManageView .content .right .list .item:nth-child(4n) { margin-right: 0;}
.examManageView .content .right .list .item .label { text-align: center; position: absolute; top: 0; right: 11px; z-index: 3; width: 34px; height: 40px;background: #FFFFFF; border-radius: 0 0 17px 17px; box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.16);} 
.examManageView .content .right .list .item .label .num { display: inline-block; width: 30px; height: 30px; background: #95D330; border-radius: 50%; font-size: 14px; color: #fff; line-height: 30px; margin-top: 8px;}
.examManageView .content .right .list .item .label.red .num { background-color: #F45B5A}
.examManageView .content .right .list .item .label.wait span { font-size: 12px;color: #FF953A;line-height: 1;background-color: #fff;}
.examManageView .content .right .list .item .label .iconfont { font-size: 26px;color: #95D330; display: inline-block; margin-top: 9px;}
.examManageView .content .right .list .item .img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;z-index: 1;}
.examManageView .content .right .list .item .text { padding: 0 17px; padding-top: 38px; text-align: center; position: relative; z-index: 2;}
.examManageView .content .right .list .item .text .name { font-size: 18px; font-family: 'Reeji-CloudZongYi-GB'; color: #333333; line-height: 26px;}
.examManageView .content .right .list .item .text .time { margin-top: 5px; background: #EAF5D8;font-size: 12px; color: #666666; line-height: 17px; text-align: center;}
.examManageView .content .right .list .item .text .date { margin-top: 16px; font-size: 12px;color: #666666;line-height: 22px;}
.examManageView .content .right .list .item .text .time+.date { margin-top: 4px;}
@media screen and (max-width: 1201px) { 
  .examManageView .content .right .list .item { width: calc(33.33% - 41px);} 
  .examManageView .content .right .list .item:nth-child(4n) { margin-right: 12px;}
  .examManageView .content .right .list .item:nth-child(3n) { margin-right: 0;}
}
@media screen and (max-width: 1021px) { 
  .examManageView .content .right .list .item { width: calc(50% - 41px);}
  .examManageView .content .right .list .item:nth-child(4n),.examManageView .content .right .list .item:nth-child(3n) { margin-right: 12px;}
  .examManageView .content .right .list .item:nth-child(2n) { margin-right: 0;}
}
@media screen and (max-width: 767px) { 
  .examManageView .content { margin-top: 30px;} 
}

/* 试卷 */
.testpaper { margin-top: 60px; margin-bottom: 60px; padding: 40px 60px 60px; background: #F7F7F7;}
.testpaper .paper-name { font-size: 20px;font-weight: bold;color: #333333;line-height: 26px;text-align: center;}
.testpaper .score-time { margin-top: 14px; color: #666666;} 
.testpaper .score-time p { line-height: 18px;} 
.testpaper .score-time span { color: #FF953A;}
.testpaper .score-time .left { flex: 1;}
.testpaper .score-time .score { flex: 2; text-align: center; justify-content: center;}
.testpaper .score-time .score p { padding: 0 5px;}
.testpaper .score-time .time { flex: 1; justify-content: right;}
.testpaper .score-time .time .iconfont { margin-right: 6px;color: #FF953A;}
.testpaper .splitline { margin-top: 38px; margin-bottom: 40px; border-top: 1px dashed #D6D6D6;}
.testpaper .test { margin-top: 30px; border: 1px solid #DCE5EC; border-top: none;}
.testpaper .test .title { padding: 10px 19px; background: #D5E0E9; font-weight: bold;color: #333333;line-height: 20px;}
.testpaper .test .cont { padding: 0 19px;}
.testpaper .test1 .cont { padding: 16px 19px;}
.testpaper .test1 .cont .test-item { padding: 6px 0; color: #666666; line-height: 32px;}
.testpaper .test1 .cont .test-item input { color: #666666; padding: 0 3px; width: 60px; border-bottom: 1px solid #666666; text-align: center; position: relative;}
.testpaper .test1 .cont .test-item .tick  { position: relative;}
.testpaper .test1 .cont .test-item .tick::after { font-size: 22px; line-height: 1; color: #95D330; content: '\e655';font-family: 'iconfont'; position: absolute; left: 50%; margin-left: -14px; bottom: -13px; z-index: 2;}
.testpaper .test1 .cont .test-item .error  { position: relative;}
.testpaper .test1 .cont .test-item .error::after { font-size: 20px; line-height: 1; color: #FF4000; content: '\e658';font-family: 'iconfont'; position: absolute; left: 50%; margin-left: -14px; bottom: -13px; z-index: 2;}
.testpaper .test1 .cont .answer { margin: 10px 0; padding: 10px; background: #EEEEEE; font-size: 14px;color: #333333; line-height: 17px;}
.testpaper .test2 .cont { padding: 20px 19px;}
.testpaper .test2 .test-item { padding: 10px 0;}
.testpaper .test2 .test-item .tit {
  /*flex: 1; */
  color: #666666;
  line-height: 24px;
}
.testpaper .test2 .test-item .options { margin-left: 20px;}
.testpaper .test2 .test-item .options .optiem { margin-right: 15px;}
.testpaper .test2 .test-item .options input { margin-right: 6px; position: relative; top: 1px;}
.testpaper .test2 .test-item .options { color: #666666;line-height: 24px;}
.testpaper .test2 .cont .answer { margin: 10px 0; padding: 10px; background: #EEEEEE; font-size: 14px;color: #333333; line-height: 17px;}
.testpaper .test2 .cont .answer .icon-success { color: #95D330; margin-right: 6px;}
.testpaper .test2 .cont .answer .icon-fail { color: #FF4000; margin-right: 6px;}
.testpaper .test3 .cont { padding-top: 20px;}
.testpaper .test3 .test-item { padding: 10px 0;}
.testpaper .test3 .test-item .tit { color: #666666;line-height: 24px;}
.testpaper .test3 .test-item .options .optiem { display: inline-block; margin-right: 30px; text-align: center;}
.testpaper .test3 .test-item .options .optiem .img { width: 130px; height: 130px; background-color: #ffffff; margin-top: 5px; margin-bottom: 10px; object-fit: contain;}
.testpaper .test3 .test-item .options input { margin-right: 6px; position: relative; top: 1px;}
.testpaper .test3 .test-item .options { padding: 10px 0; color: #666666;line-height: 24px;}
.testpaper .test3 .cont .answer { margin: 10px 0; padding: 10px; background: #EEEEEE; font-size: 14px;color: #333333; line-height: 17px;}
.testpaper .test3 .cont .answer .icon-success { color: #95D330; margin-right: 6px;}
.testpaper .test3 .cont .answer .icon-fail { color: #FF4000; margin-right: 6px;}
.testpaper .test3 .cont .answer span { margin-left: 30px;}
.testpaper .test4 .cont { padding-bottom: 20px;}
.testpaper .test4 .test-item { padding: 10px 0;}
.testpaper .test4 .test-item .tit { margin-top: 10px; color: #666666;line-height: 24px;}
.testpaper .test4 .test-item .textarea { margin-top: 10px; width: calc(100% - 24px); padding: 5px 12px; height: 139px; line-height: 24px; color: #666666; background: #FFFFFF;}
.testpaper .test4 .cont .text { padding: 10px 0; color: #333333;line-height: 24px;}
.testpaper .test4 .cont .text span {  color: #666666;}
.testpaper .test4 .cont .answer { margin: 5px 0; padding: 14px 20px; background: #EEEEEE; font-size: 14px;color: #333333; line-height: 24px;}
.testpaper .test4 .cont .answer {}
.testpaper .btn { text-align: center;}
.testpaper .btn .submit { margin-top: 60px; width: 120px; height: 40px; background: #95D330;color: #333333;line-height: 40px;}
@media screen and (max-width: 1023px) {
  .testpaper { padding: 40px 40px 60px} 
  .testpaper .score-time .left { display: none;}
  .testpaper .score-time .time { width: 100%; flex: unset; justify-content: center; margin-top: 10px;}
}
@media screen and (max-width: 875px) {
  .testpaper .test3 .test-item .options .optiem { margin-right: 20px;}
  .testpaper .test3 .test-item .options .optiem .img { width: 100px; height: 100px;}
  
}
@media screen and (max-width: 767px) { 
  .testpaper { margin-top: 20px; margin-bottom: 20px;padding: 20px 10px 40px;}
  .testpaper .splitline { margin-top: 20px; margin-bottom: 20px;}
  .testpaper .test {}
}



.layer-submitTips-modal { }
.layer-submitTips-modal .layui-layer-setwin { top: 12px;}
.layer-submitTips-modal.layui-layer .layui-layer-ico{font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased;background:unset;font-size:18px;color: #84848;top:0px;right:-15px;font-weight: bold}
.layer-submitTips-modal.layui-layer .layui-layer-ico:before { content: "\e723"}
.layer-submitTips-modal .submitTips-modal { padding:  0 20px;}
.layer-submitTips-modal .top-tit { font-weight: bold;color: #333333;line-height: 1;padding-top: 17px;}
.layer-submitTips-modal .title { font-size: 14px; margin-top: 27px; color: #333333;line-height: 26px;text-align: center;}
.layer-submitTips-modal .layui-layer-btn { text-align: center; margin-top: -20px;}
.layer-submitTips-modal .layui-layer-btn .layui-layer-btn0 { border-color: #95D330; background-color: #95D330; border-radius: 4px;color: #333333;}
.layer-submitTips-modal .layui-layer-btn .layui-layer-btn1 {border-color: #333333; background-color: #333333; border-radius: 4px;color: #ffffff;}

/* 登录 */
.loginView .bg { height: 100%; position: fixed; right: 0;top: 0;z-index: 1;}
.loginView .login-box { width: 463px; margin: 0 214px; margin-top: -14px; position: relative; z-index: 2;}
.loginView .login-box .logo { width: 187px;height: 37px;}
.loginView .login-box .tit { margin-top: 50px; font-size: 29px;color: #020C1A;line-height: 70px;}
.loginView .login-box .title { font-size: 53px;color: #020C1A;line-height: 70px;font-weight: bold;font-family: 'SourceHanSansCN';}
.loginView .login-box .form-box { margin-top: 45px;}
.loginView .login-box .item p { padding-top: 17px; font-size: 14px;color: #020C1A;line-height: 40px;}
.loginView .login-box .item .input-box { flex: 1; height: 50px; background: #FFFFFF;border: 1px solid #DDDDDD; line-height: 50px;}
.loginView .login-box .item .input-box .iconfont { display: inline-block; width: 45px; text-align: center; font-size: 17px; color: #999999;}
.loginView .login-box .item .input-box .input { flex: 1;}
.loginView .login-box .item .input-box .input::placeholder { color: #999999;}
.loginView .login-box .item .verify { width: 132px; height: 100%;border: 1px solid #DDDDDD;margin-left: 10px;}
.loginView .login-box .submit { margin-top: 40px; margin-bottom: 40px; width: 100%; height: 50px; background: #95D330;font-size: 20px;color: #ffffff; line-height: 50px;}
.loginView .m-error { font-size: 12px;color: #FF0000;line-height: 17px;}
@media screen and (max-width: 1440px) { 
  .loginView .login-box { margin: 0 161px; margin-top: -40px; width: 350px;}
  .loginView .login-box .tit { margin-top: 40px; font-size: 22px; line-height: 54px;}
  .loginView .login-box .title { font-size: 40px; line-height: 54px;}
  .loginView .login-box .item .input-box { height: 40px; line-height: 40px;}
  .loginView .login-box .item .verify { width: 100px; height: 40px;}
  .loginView .login-box .form-box { margin-top: 20px;}
  .loginView .login-box .item p { padding-top: 10px; line-height: 30px;}
  .loginView .login-box .submit { font-size: 16px; }
}
@media screen and (max-width: 767px) { 
  .loginView .login-box { margin: 0 auto;}
}
.layui-layer-dialog { min-width: auto !important;}


@font-face {
  font-family: 'Reeji-CloudZongYi-GB';  
  src: url('../font/Reeji-CloudZongYi-GB-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../font/SourceHanSansCN-Regular.otf') format('opentype');
}