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

.login-box{
	width: calc(100% - 30px);
	padding: 60px 20px;
}

.header{
	padding: 0 5px;
	box-sizing: border-box;
}

.head-nav{
	display: none;
}

.inner-container .td-first{
	width: 7em;
}

.inner-container .td-input{
	flex: 1;
	margin-right: 20px;
	overflow: hidden;
}

.validate-tips{
	width: 100%;
	text-align: right;
}

.inner-container .td-input input[type=text], 
.inner-container .td-input select{
	width: 100%;
}


.inner-container .table .tr{
	flex-wrap: wrap;
	height: unset;
	min-height: 60px;
}

.mobile-direction-column{
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.top-search{
	height: 220px;
	margin-bottom: 15px;
}
.system-title{
	font-size: 22px;
	margin-bottom: 20px;
}

.search-box{
	width: calc(100% - 40px);
	flex-wrap: wrap;
	gap: 10px;
}
.search-box input{
	margin-right: 0;
}

.mobile-white{
	background-color: #fff;
	overflow: hidden;
}

.certificate-list, 
.student-status{
	display: grid;
	grid-template-columns: 1fr;
}

.ctitle{
	height: 40px;
	line-height: 40px;
}

.header{
	display: none;
}

.mobile-header{
	width: 100%;
	height: 60px;
	background-color: #003366;
	display: grid;
	grid: 100% / 1fr 2fr 1fr;
	position: sticky;
	top: 0;
	z-index: 99;
}

.main{
	min-height: calc(100vh - 130px);
}

.mobile-header-left{
	place-self: center flex-start;
	padding: 0 10px;
}
.mobile-header-right{
	place-self: center flex-end;
	padding: 0 10px;
}
.mobile-header-left img,
.mobile-header-right img{
	display: block;
	width: 20px;
	height: 20px;
}

.mobile-header-center{
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}

.mobile-header-center .mobile-header-logo{
	display: block;
	height: 100%;
	padding: 10px 0;
	box-sizing: border-box;
}
.mobile-header-center .mobile-header-logo img{
	display: block;
	height: 100%;
}

.list-certificate{
	box-sizing: border-box;
	grid-template-columns: 1fr;
	padding: 0;
}
.list-certificate .item{
	border-radius: 0;
}

.dataStatus{
	padding: 10px;
	box-sizing: border-box;
	grid-template-columns: 1fr;
}

.state-bar,
.satisfaction{
	box-shadow: 0 0 4px #ccc;
}

.menu-list{
	grid-template-columns: repeat(3, 1fr);
}

.menu-list .menu-item a{
	padding: 5px;
	border: none;
}

.tabbar{
	display: flex;
}

.footer{
	display: none;
}

/*  */

.tabbar{
	display: table;
}

.tabbar .tabbar-item{
	display: table-cell;
	line-height: 20px;
	font-size: 14px;
}

.tabbar .tabbar-item img{
	display: block;
	width: 30px;
	height: 30px;
	padding: 5px;
	box-sizing: border-box;
}

#app{
	padding-bottom: 70px;
}

/* 帮助中心 */
.article-list{
	padding: 25px 10px;
}
.article-list .article-item{
	display: flex;
	flex-wrap: wrap;
}
.article-list .article-item .article-img-container{
	width: 100%;
}
.article-list .article-item .item-left .item-title{
	font-size: 22px;
}
.article-list .article-item .item-left .item-date{
	margin: 10px 0;
}
.article-list .article-item .item-left .item-description{
	margin: 10px 0;
}
/*  */
.pull-left-menu{
	display: none;
}
.pull-right-content{
	width: 100%;
	min-height: unset;
}
.spacing{
	margin-top: 0;
	margin-bottom: 0;
}
.form-group{
	border-bottom: 1px solid #cccccc;
}
.form-group .attr{
	border-right: 1px solid #cccccc;
}
.info-form{ border-top: 1px solid #ccc; padding-bottom: 10px; }

.form-group .val{ padding-left: 10px; }

.article-list{ padding-top: 0; background-color: unset; }

.article-list .article-item:first-child{ padding-top: 20px; }

.article-list .article-item{ margin-bottom: 10px; padding: 20px 10px; border-radius: 2px; background-color: #ffffff; }

.entrance{ display: none; }

.news-detail .detail-head .detail-title{
	height: auto;
	white-space: normal;
}
.agreement-container .agreement-card{
	max-width: unset;
	width: 100%;
	height: 100%;
}
.search-box input:first-child{
	width: 100%;
	border-radius: 4px;
	display: none;
}
.search-box input:last-of-type{
	border-radius: 4px;
}
.browser-head{
	width: 100%;
}
.browser-container{
	min-height: calc(100vh - 130px);
	padding: 20px 0;
}
.browser-head .form-group{
	border: none;
}
.browser-head .form-group .form-group-item{
	flex-wrap: wrap;
}
.browser-head .form-group .form-group-item .attr{
	text-align: left;
	border: none;
	margin-bottom: 5px;
}
.form-group .val{
	width: 100%;
	padding: 0;
}
.browser-head .form-group .form-group-item .val input{
	width: 100%;
}

.browser-head .form-group .form-group-item .val button{
	width: 100%;
}
.cert_custom input:first-of-type{
	display: none;
}