@charset "UTF-8";
body { min-width: unset; max-width: 450px; margin: 0 auto; padding-bottom: 70px; }

:root { --wrap-width: 100%; }

#header { display: none; }

.wrap { width: 100%; margin: 0 auto; }

.swiper-container { padding: 0; }

.swiper .swiper-slide { border-radius: 0; }

.swiper-container { width: calc(100% - 20px); margin: 10px auto; border-radius: 8px; overflow: hidden; }

.swiper img, .swiper a { height: 100px; }

#tool, #footer { display: none; }

.login-area { height: calc(100vh - 70px); min-height: unset; }

/*  */
.project { padding: 10px 0; }

.project-wrap { padding: 0 10px; box-sizing: border-box; }

.project-list .project-item, .project-list .project-item.col-3, .project-list .project-item.col-4 { width: calc(100% - 20px); }

.project-list .project-item.col-6 { width: calc(100% - 20px); }

.project-list .project-item:last-child { margin-bottom: 10px; }

.project-list .project-item { margin-bottom: 10px; }

/* tabbar  */
#tabbar { display: flex; width: 100%; height: 60px; background-color: #ffffff; position: fixed; bottom: 0; box-shadow: 0 0 12px #ccc; z-index: 99; justify-content: space-around; max-width: 450px; margin: 0 auto; padding: 0; }

#tabbar .tabbar-item { width: 70px; height: 60px; text-align: center; box-sizing: border-box; padding: 5px 0; line-height: 18px; font-size: 12px; }

#tabbar .tabbar-item.active { color: #0060CD; }

#tabbar .tabbar-item img { display: block; width: 24px; height: 24px; margin: 2px auto; }

#tabbar .tabbar-item img:last-of-type { display: none; }

#tabbar .tabbar-item.active img:last-of-type { display: block; }

#tabbar .tabbar-item.active img:first-child { display: none; }

/* login  */
.login-box { width: calc(100% - 30px); height: 450px; }

.login-box .pull-left { display: none; }

.login-box .pull-right { width: 100%; }

/* show  */
.stream { padding: 0; height: calc(100vh - 70px); }

.stream-wrap { width: 100%; height: 100%; border-radius: 0; --video-width: 100vw; --sidebar-width: 100vw; background-color: transparent; box-shadow: unset; max-height: unset; flex-direction: column; gap: 0; justify-content: flex-start; }

.stream-wrap .stream-container { width: 100%; border-radius: 0; }

.video-container { width: 100%; min-height: 200px; }

.stream-sidebar { height: calc(100vh - (100vw * 0.5625) - 50px - 70px); border-radius: 0; max-height: unset; box-shadow: unset; }

.stream-sidebar .camera-container { display: none; }

.stream-sidebar .stream-tab { height: 100%; }

.invisibility-wrap { display: block; }

/*  专题 */
.subject { padding: 0; }

.subject-wrap { flex-wrap: wrap; --subject-pic: 100%; --subject-info: 100%; height: auto; border-radius: 0; }

.subject-wrap .pull-right .status { height: 50px; flex: unset; justify-content: space-around; background-color: #eeeeee; margin: 15px -15px; width: auto; }

/* user */
.user-page { padding: 0; }

.user-wrap { --user-main: 100%; }

.mobile-hidden { display: none !important; }

.user-wrap .sidebar { display: none; }

.mobile { display: block; }

.mobile-flex { display: flex !important; }

.user-center { display: block; }

.personal { width: 100%; height: 160px; display: flex; align-items: center; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding: 0 20px; background-color: #0060CD; }

.personal .avatar { width: 70px; height: 70px; border-radius: 50%; overflow: hidden; margin-right: 10px; }

.personal .avatar img { width: 100%; height: 100%; }

.personal .personal-info { height: 60px; }

.personal .personal-info a { font-size: 18px; color: #fff; line-height: 30px; }

.personal .personal-info p { font-size: 14px; color: #fff; line-height: 30px; }

.personal .right-conp { display: flex; flex-wrap: nowrap; align-items: center; background-color: rgba(0, 0, 0, 0.2); padding: 4px 8px; border-radius: 4px; width: max-content; color: #fff; }

.personal .right-conp img { display: block; width: 12px; height: 12px; }

.my-menu { background-color: #FFFFFF; width: 100%; box-sizing: border-box; padding: 0 10px; font-size: 13px; }

.my-menu .my-menu-title-bar { display: flex; align-items: center; }

.my-menu .my-menu-title-bar > .my-menu-title { flex: 1; }

.my-menu .my-menu-title-bar input[name=date] { display: block; width: 120px; height: 40px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; padding: 0 10px; text-align: center; background: url("/public/app/img/pulldown.png") no-repeat right 10px center/15px; }

.my-menu .my-menu-title { font-size: 18px; line-height: 56px; color: #333; }

.my-menu li { height: 46px; border-bottom: 1px solid #f5f5f5; padding: 5px 0; }

.my-menu li:last-child { border: none; }

.my-menu li a { color: #666666; width: 100%; height: 100%; display: flex; align-items: center; }

.my-menu li .img { display: block; width: 40px; height: 40px; box-sizing: border-box; padding: 8px; margin-right: 10px; }

.my-menu li .img img { width: 100%; height: 100%; }

.my-menu .text { flex: 1; color: #000; font-size: 14px; }

.my-menu .status { font-size: 12px; color: #ff9014; width: 60px; text-align: center; }

.my-menu .status.success { color: #0060CD; }

.my-menu .value { font-size: 13px; display: flex; justify-content: center; align-items: center; line-height: 14px; }

.my-menu .rise { color: #dc002e; }

.my-menu .value img { display: block; width: 14px; height: 14px; margin-left: 5px; }

button.exit { display: block; width: 90%; height: 40px; margin: 20px auto; background-color: #ff9014; color: #FFFFFF; border-radius: 4px; border: none; }

button.exit a { color: white; display: block; line-height: 40px; width: 100%; text-align: center; }

.info-show { width: 100%; box-sizing: border-box; }

.info-show .val input { width: 100%; box-sizing: border-box; }

.info-show .info-item { flex-wrap: wrap; }

.info-show .info-item .attr { width: 100%; text-align: left; padding-left: 20px; margin-bottom: 10px; }

.info-show .val { width: 100%; box-sizing: border-box; padding: 0 15px; white-space: nowrap; }

.info-show .val input[type='text'], .info-show .val select { width: 100%; }

/* news */
.news { margin: 0; }

.news .news-wrap .news-list { padding: 10px; }

.news .news-wrap .news-list .news-item { padding: 10px; border: 1px solid #ececec; margin-bottom: 15px; border-radius: 4px; }

.news .news-wrap .news-list .news-item a { flex-wrap: wrap; }

.news .news-wrap .news-list .news-item img { width: 100%; margin: 0; }

.news .news-wrap .news-list .news-item .txt-wrap { flex: unset; width: 100%; padding: 0; }

.news .news-wrap .news-list .news-item .txt-wrap .news-title { font-size: 16px; line-height: 28px; height: unset; }

.news .news-wrap .news-list .news-item .txt-wrap .descr { margin-top: 0; font-size: 14px; line-height: 24px; height: 72px; }

/* publisher */
.common-wrap { margin: 0 0 10px; }

.select-options { margin-top: 0px; }

.select-options dl { flex-wrap: wrap; }

.select-options dl dd { margin-left: 1em; }

.crumbs { margin-top: 0; }

.common-wrap { --sidebar-width: 100%; }

.publisher-sidebar { width: 100%; padding: 0 10px; }

.publish-main-wrap { width: 100%; padding: 10px; box-sizing: border-box; }

/* main-content-title  */
.main-content-title { height: 55px; border-bottom: 1px solid #eee; display: grid; font-size: 18px; padding: 0; grid-template-columns: 100px auto 100px; grid-template-rows: 100%; justify-items: center; }

.reback { display: block; justify-self: start; }

.headbar-login { display: flex; }

.teletext-list .teletext-item { margin-bottom: 20px; }

.teletext-list .teletext-item a { flex-wrap: wrap; }

.teletext-list .teletext-item a img { width: 100%; height: auto; margin-right: 0; }

.teletext-list .teletext-item .txt-wrap { width: 100%; overflow: unset; }

.subject2 .subject-wrap { height: auto; }

.setIndex .teletext-list { display: grid; grid: auto / 1fr; gap: 10px; }

.setIndex .teletext-item .txt-wrap { margin-left: 0px; height: auto; padding: 10px !important; }

/* detail */
.subject-wrap .pull-right .subject-title { font-size: 20px; }

.subject-wrap .pull-right .status .status-item .title { font-size: 16px; font-weight: normal; margin-bottom: 2px; }

.subject-wrap .pull-right .status .status-item .num { font-size: 16px; font-weight: normal; }

.subject-wrap .pull-right .status .status-item > div { display: flex; flex-direction: row; align-items: center; gap: 5px; }

.subject-wrap .pull-right .status .status-item img { width: 30px; height: 30px; }

.rest .btn-share { width: auto; padding: 0; }

.invisibility-wrap { margin-top: 0; border-top: 1px solid #eee; width: 100%; }

.video-introduce { width: 100%; box-shadow: unset; }

.video-introduce .jieshao { padding: 10px; }

.video-introduce .jieshao img { width: 100%; }

.evaluate table td.name { white-space: normal; }

/********/
.achievement-list .achievement-item { padding-left: 0; }

.achievement-item::before { display: none; }

.achievement-item .file-type { width: 50px; margin-left: 0 !important; }

.achievement-item .file-type span { display: none; }

.achievement-item .file-type img { display: block; width: 34px; height: 34px; margin-right: 8px; }

/********/
.task { padding: 0; }

.search-box input { width: 200px; }

.teleport-box { width: calc(100% - 30px) !important; padding-left: 20px !important; padding-right: 20px !important; }

.form-vertical .form-group input { width: calc(100% - 100px); }

.mobile-show { display: grid; }

.col-12 { width: calc(100% - 20px) !important; }

.p-x-0 { padding-left: 0; padding-right: 0; }

.supporter { display: flex; }

/* mobile-tool */
.mobile-tool { display: block; width: 36px; height: auto; position: fixed; bottom: 140px; right: 20px; z-index: 9; }

.tool-item { display: block; width: 36px; height: 36px; background-color: #FFF; border-radius: 50%; padding: 5px; box-sizing: border-box; box-shadow: 0 0 4px 2px #ccc; }

.tool-item img { display: block; width: 100%; height: 100%; }

.poster-modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0008; z-index: 1004; animation-name: fadeIn; animation-duration: 0.5s; }

.poster-container { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 15px; justify-content: center; align-items: center; }

.poster-box { width: calc(100% - 40px); aspect-ratio: 368 / 568; background-color: #fff; border-radius: 4px; overflow: hidden; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 100%; } }
#poster { margin: 10px; width: calc(100% - 20px); height: calc(100% - 20px); }

.poster-modal .btn { display: block; background-color: #4099EF; color: #fff; padding: 5px 10px; border-radius: 4px; font-size: 14px; }

#pagination { padding: 0; margin: 0; }

.stream-sidebar .stream-tab .tab-item.pc-active { border-bottom: 0 !important; color: unset; }

.is-message-box { width: calc(100% - 20px); }

.mb-hidden { display: none !important; }

.project-item .school-name { font-size: 15px; }

.stream-sidebar .stream-tab .tab-item.pc-active { color: unset; border-bottom: unset; }

.stream-sidebar .stream-tab .tab-content { display: none; }

.mb-h-auto { height: auto; }

.topic-qrcode { display: none; }

.publisher-banner { margin-top: 0; border-radius: 0; height: unset; aspect-ratio: 16 / 9; }

.column-title-bar { border-radius: 4px 4px 0 0; }

.btn-group-line { grid: 50px/repeat(3, 1fr); }

.btn-group-line .btn { grid: 100% / 1fr; padding: 0 10px; box-sizing: border-box; background-color: #0060CD; }

.btn-group-line .btn img { width: 34px; height: 34px; display: none; }

.btn-group-line .btn .info .num { font-size: 17px; }

.btn-group-line .btn .info .title { font-size: 15px; }

.search-bar { margin-top: 10px; padding-left: 10px; }

.course-list .course-item .status { justify-content: flex-end; }

.course-list .course-item .play img, .course-list .course-item .status span { display: none; }

.mobile-detail { display: block; }

.main-content-title { display: grid; background-color: #fff; }

.wideBar { display: grid; grid: 55px / 100%; padding: 0 10px; box-sizing: border-box; }

.weui-form__control-area { width: 100%; padding-top: 10px; }

.weui-cell_active { flex-wrap: wrap; }

.weui-cell__bd, .weui-cell_active input[type=text], .weui-cell_active select { width: 100%; }

.weui-cell_active .weui-label, .weui-label { text-align: left; }

.weui-check__label { flex-wrap: nowrap; }

.weui-cells_radio { width: 100%; padding-left: 10px; gap: 30px; }

.weui-cell__bd textarea { width: 100%; }

.afterLogin { background: none; padding: 0; }

.afterLogin .userName { font-weight: bold; color: #333333; font-size: 14px; display: block; max-width: 5em; white-space: nowrap; }

.anchor-box { top: 0; }

.anchor-container { overflow-x: scroll; }

.anchor-box .anchor-container .anchor-point { white-space: nowrap; }

.schedule .title { width: auto; flex: unset; }

.task { margin-top: 0; }

.schedule.achievement-list .achievement-item { min-height: 60px; height: unset; }

.schedule .file-type-s img { width: 20px; height: 20px; }

.schedule.achievement-list .achievement-item .installa { flex-wrap: wrap; position: relative; }

.schedule.achievement-list .achievement-item .installa .title { width: 100%; padding-left: 0; }

.schedule.achievement-list .achievement-item.level1 .installa .title { width: unset; }

.schedule.achievement-list .achievement-item .w-200 { width: calc(100% - 50px); border: none; padding-left: 0; }

.schedule .file-type-s { width: unset; }

.achievement-item.level3 .file-type-s { display: none; }

.schedule.achievement-list .achievement-item .operator { position: absolute; right: 10px; top: 0; width: 100px; height: 40px; padding-left: 10px; display: flex; justify-content: flex-end; align-items: center; gap: 10px; }

.schedule .operator .txt { display: none; }

.schedule .operator img { display: block; width: 16px; height: 16px; }

.btn-check, .btn-go { width: 20px !important; height: 20px !important; display: grid; place-items: center; }

.tag { top: -60px; }

.btn-group-signal .button-item { height: 50px; }

.btn-group-signal .button-item img { width: 30px; height: 30px; }

.beforeLogin { display: flex; align-items: center; height: 45px; }

.beforeLogin img { width: 25px; height: 25px; }

.beforeLogin span { font-weight: bold; color: #0060CD; font-size: 14px; display: block; max-width: 5em; white-space: nowrap; }

.beforeLogin .needLogin { height: 45px; display: flex; align-items: center; }

.user-profile { display: flex; justify-content: flex-end; }

.mobile-show { display: block; }

.richeng { display: block; width: 20px; height: 20px; float: left; margin-top: 10px; margin-right: 5px; }

.achievement-list { padding: 0; }

.achievement-list .achievement-ul { padding: 0; }

.achievement-list .achievement-item { margin-bottom: 10px; }

.afterLogin img { margin-right: 5px; }

.xs-hidden { display: block; }

.login-password, .login-scan { padding: 50px 25px; }

.pc-hidden { display: block; }

.userinfo-show { padding: 10px; }

.userinfo-show .complete-card { height: unset; padding: 10px; background-color: #ffffff; }

.userinfo-show .complete-card .userinfo-show .complete-card .complete-header .pro_val { font-size: 26px; }

.userinfo-show .complete-card .complete-body { font-size: 14px; height: unset; line-height: 30px; color: #999999; }

.userinfo-show .userInfo-list .userInfo-item { height: 120px; }

.userinfo-show .userInfo-list .userInfo-item .title { width: 120px; font-size: 16px; margin-right: 10px; }

.userinfo-show .userInfo-list .userInfo-item .edit { width: 70px; text-align: right; font-size: 14px; color: #005BBF; }

.userinfo-show .userInfo-list .userInfo-item .definite { flex: 1; overflow: hidden; font-weight: bold; font-size: 14px; }

.userinfo-show .userInfo-list .userInfo-item span { color: #005BBF; }

.editPlus { box-sizing: border-box; padding: 0 10px; }

.editPlus .editStep .step-item { margin-left: 80px; }

.editPlus .editStep .step-item .num::before { width: 80px; }

.editPlus .editForm { padding: 0; }

.editPlus .editForm .form-group { flex-wrap: wrap; margin-bottom: 20px; }

.editPlus .editForm .form-group .prop { width: 100%; text-align: left; margin-bottom: 5px; }

.editPlus .editForm .form-group input[type=text] { width: 100%; }

.btn-sure { width: 100%; }

.col-sm-3 { flex: unset; max-width: unset; width: 100%; position: relative; padding-right: 0; padding-left: 0; box-sizing: border-box; }

.col-sm-5 { flex: unset; max-width: unset; width: 100%; padding-right: 0; padding-left: 0; box-sizing: border-box; }

.col-sm-6 { flex: unset; max-width: unset; width: 100%; padding-right: 0; padding-left: 0; box-sizing: border-box; }

.col-sm-8 { flex: unset; max-width: unset; width: 100%; position: relative; padding-right: 0; padding-left: 0; box-sizing: border-box; }

.control-label { text-align: left; }

.notice, .student_card, .index-btn-group, .system { width: calc(100% - 20px); margin: 0 auto; }

.notice { height: auto; line-height: normal; padding: 0 12px; box-shadow: unset; }

.student_card-container { margin-top: 10px; padding: 0; }

.student_card { flex-wrap: wrap; gap: 10px; font-size: 14px; }

.student_card .student_card-head { display: block; width: 100%; margin-bottom: 15px; color: #000000; }

.student_card .pull-left { flex-wrap: wrap; width: 100%; padding: 15px; box-shadow: unset; }

.student_card .pull-left .photo { width: 90px; height: 120px; margin-right: 10px; }

.student_card .pull-left .student_info .student_info-item { height: 30px; }

.student_card .pull-right { width: 100%; padding: 15px; box-shadow: unset; }

.index-btn-group { height: auto; margin: 10px auto; flex-flow: row wrap; }

.index-btn-group a { width: calc(50% - 5px); flex: none; padding: 10px; font-size: 14px; border-radius: 6px; box-sizing: border-box; }

.btn-group-container { margin-top: 10px; }

.notice-container { margin-top: 0; }

.system-container { margin: 15px 0; }

.system { border-radius: 6px; box-shadow: 0 2px 12px rgba(0,0,0,0.12); }

.user-center { min-height: calc(100vh - 70px); padding-bottom: 40px; box-sizing: border-box; position: relative; }

.inscribe { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #999999; }

.user-card { gap: 10px; margin-top: 10px; }
.user-card .user-card-item { width: 100%; }
.myInformation-item{ width: 100%; }
.login-area .login-header img{ display: block;}

.wx-binding { padding: 24px 16px; }
.wx-binding .info-desc { font-size: 13px; }
.wx-binding #qrcode { padding: 8px; }

.application-container { margin-top: 15px; }
.app-page.application-container { margin-top: 0; height: calc(100vh - 60px); overflow: hidden; }
.app-page .application-box { margin: 0; border: none; box-shadow: none; min-height: calc(100vh - 60px); display: flex; flex-direction: column; }
.app-page .application-box .pagination { margin-top: auto; margin-bottom: 20px; padding: 12px 0; }
.application-box { width: auto; margin: 0 10px; box-shadow: 0 2px 12px rgba(0,0,0,0.12); border: 1px solid #eee; border-radius: 6px; }
.application-box .application-list { grid-template-columns: repeat(3, 1fr); padding: 20px 10px 15px; row-gap: 18px; }

.application-box .application-list .application-item { width: 100%; padding: 12px 0 8px; }

.application-box .application-list .application-item img { width: 48px; height: 48px; padding: 8px; background-color: #f0f0f0; }

.application-box .application-list .application-item .text { font-size: 13px; }

.application-box .pagination { padding: 12px 0; }

.app-page .application-box .pagination a { min-width: 40px; height: 36px; padding: 0 14px; font-size: 14px; }
.application-box .pagination a { min-width: 32px; height: 28px; padding: 0 10px; font-size: 13px; }

/* retrieve_account */
.header-custom .header-logo img { width: 100px; }
.header-right .btn { padding: 0 8px; font-size: 12px; }
.header-right .btn img { width: 16px; height: 16px; }
.retrieve_wrapper .steps { flex-wrap: nowrap; overflow-x: auto; gap: 0; }
.retrieve_wrapper .step { flex-shrink: 0; }
.retrieve_wrapper .step-text { font-size: 12px; }
.modal { height: auto; max-height: 90vh; }
.modal-body { padding: 15px; font-size: 13px; }
.page-wrapper { padding-top: 10px; }
.modal-footer .checkbox-label { flex: 1; }
/*# sourceMappingURL=style-mobile.css.map */