@media screen and (max-width: 1199px) {
	.tool-wrap{
		width: 82%;
	}
	.tool-wrap .box{
		padding: 40px 0;
	}
}
@media screen and (max-width: 768px) {
	.tool-wrap {
		position: static;
		margin: 0 auto;
		padding-top: 13%;
		transform: none;
		width: 90%;
	}

	.tool-wrap .box {
		padding: 40px 0;
	}

	.tool-wrap .tip{
		z-index: 1000;
	}

	.tool-wrap ul {
		padding-top: 30px;
		flex-wrap: wrap;
		margin: -10px;
	}

	.tool-wrap li {
		margin: 0 auto 20px;
		padding: 10px;
	}

	.tool-wrap .icon {
		width: 42px;
		height: 42px;
	}

	.tool-wrap .icon img {
		display: block;
		width: 100%;
	}

	.tool-wrap .content p {
		font-size: 16px;
	}

	.tool-wrap .content span {
		line-height: 26px;
	}

	.tool-wrap .txt {
		margin-top: 0px;
		padding: 15px;
		font-size: 14px;
	}

	.g-tips .txt {
		top: 25px;
		left: 0;
		padding: 10px;
		width: 320px;
		z-index: 9;
		font-size: 12px;
		transform: none;
	}

	.g-tips .txt::before {
		top: -16px;
		left: 35px;
		transform: none;
		border-color: transparent transparent #f5f6f7 transparent;
	}

	.evaluating-wrap {
		padding: 10px;
	}

	.evaluating-wrap .tip {
		margin: 15px 0 30px;
	}

	.g-evaluating-list .tit {
		padding: 10px;
		font-size: 14px;
	}

	.g-evaluating-list .tit h4 {
		width: 58%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.g-evaluating-list .tit span {
		font-size: 12px;
	}

	.g-evaluating-list .checkbox-block {
		right: 3px;
	}

	.g-evaluating-list .childer {
		padding-left: 10px;
	}

	.g-evaluating-list .childer .title {
		padding: 0 25px;
	}

	.g-evaluating-list .content .checkbox-item {
		padding: 5px;
	}

	.g-evaluating-list .content .checkbox-item span {
		background: none;
		border: 1px solid #555666;
		border-radius: 5px;
		height: 36px;
	}

	.g-evaluating-list .content .checkbox-item input:checked+span {
		border-color: #fe9a00;
		background: #fe9a00;
	}

	.g-evaluating-list .evaluating-buttons a {
		width: 130px;
		line-height: 38px;
		height: 38px;
		font-size: 14px;
	}

	.g-a-button {
		font-size: 12px;
		width: 100px;
		line-height: 32px;
		height: 32px;
	}

	.pop-up-wrap .pop-up-box {
		width: 320px;
		height: 225px;
	}

	.pop-up-wrap .title {
		font-size: 16px;
	}

	.pop-up-start-wrap .title {
		margin-bottom: 10px;
	}

	.pop-up-start-wrap .grade {
		margin-bottom: 20px;
	}

	.pop-up-start-wrap .grade .grade-tip {
		margin-top: 10px;
	}

	.evaluating-page-wrap .hd {
		padding: 20px 0;
		font-size: 4vw;
		line-height: 1.6;
	}
}

@media screen and (max-width: 767px) {
	body {
		overflow-x: hidden;
	}
	
	.main-wrap .wrapper{
		min-height: calc(100vh - 138px);
	}
	.page-main-wrap .wrapper{
		min-height: calc(100vh - 182px)
	}
	.tool-wrap li .box:hover .tip{
		display: none;
	}
	.tool-wrap li{
		margin: 0;
		width: 50%;
	}
	.tool-wrap li:first-child .box:hover .tip{
		top: -117px;
	}
	.tool-wrap .txt{
		/* position: absolute;
		left: 0; */
		bottom: 20px;
		padding: 20px;
		width: 100%;
	}
	.g-tips .txt{
		width: 100%;
		font-size: 14px;
		box-shadow: 0 0 15px 0 rgba(0,0,0,.25);
		line-height: 1.8;
	}

	.g-evaluating-list .content .checkbox-item {
		width: 50%;
	}

	.evaluating-page-wrap .hd {
		padding: 20px 0;
		font-size: 4vw;
		line-height: 1.6;
	}

	.evaluating-page-wrap .bd {
		flex-wrap: wrap;
	}

	.evaluating-page-wrap .bd .left {
		margin-bottom: 0;
		padding: 15px;
		width: 100%;
	}

	.evaluating-page-wrap .bd .left .flag {
		right: 15px;
		bottom: 15px;
		font-size: 12px;
	}

	.evaluating-page-wrap .bd .left .flag i {
		width: 14px;
		height: 14px;
	}

	.evaluating-page-wrap .bd .right {
		margin: 0;
		width: 100%;
	}

	.evaluating-page-wrap .right .answer-cars .content {
		padding: 12px;
	}

	.evaluating-page-wrap .right .answer-cars .list li {
		padding: 8px;
		width: 16.66%;
	}

	.evaluating-page-wrap .right .answer-cars .list .mCSB_container {
		padding-top: 0;
	}

	.evaluating-page-wrap .right .answer-cars .explain {
		padding-bottom: 15px;
	}

	.g-select-item {
		margin-bottom: 30px;
	}

	.g-select-item .title {
		font-size: 14px;
		line-height: 22px;
	}

	.g-select-item .select label {
		font-size: 14px;
	}

	.g-select-item .select label i {
		width: 20px;
		height: 20px;
		font-size: 12px;
	}

	.report-wrap .hd {
		padding: 12px 15px;
	}

	.report-wrap .title {
		margin-bottom: 15px;
		font-size: 13px;
	}

	.report-wrap .title img {
		width: 15px;
	}

	.report-wrap .result {
		margin-bottom: 20px;
		padding: 15px;
		flex-wrap: wrap;
	}

	.report-wrap .result .left {
		padding-bottom: 20px;
		margin-bottom: 20px;
		width: 100%;
		flex-wrap: wrap;
		border: none;
		border-bottom: 1px solid #dcdcdc;
	}

	.report-wrap .result .right {
		padding: 0;
		width: 100%;
		flex: none;
	}

	.report-wrap .result .tip .txt {
		left: -50%;
		width: 190px;
	}

	.report-wrap .result .tip .txt::before {
		left: 78px;
	}

	.report-wrap .result .progress {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.report-wrap .result .progress:last-child {
		margin-bottom: 0;
	}

	.answer-car .tit {
		margin-bottom: 15px;
	}

	.answer-car .bd {
		padding: 15px !important;
	}

	.answer-car .content li {
		margin-right: 13px !important;
		margin-bottom: 13px;
	}

	.analysis-wrap .wrapper {
		flex-wrap: wrap;
	}

	.analysis-wrap .left {
		margin-right: 0;
		width: 100%;
	}

	.analysis-wrap .right {
		width: 100%;
	}

	.analysis-wrap .comment {
		margin: 35px 0;
	}

	.g-select-item .result {
		margin: 20px 0 10px;
		flex-wrap: wrap;
	}

	.g-select-item .result .list {
		margin-top: 15px;
		flex-wrap: wrap;
		width: 100%;
	}

	.g-select-item .result .list p {
		display: block;
		border: none;
		width: 100%;
		line-height: 35px;
		margin-right: 0;
		padding-right: 0;
	}

	.g-select-item .resolve li {
		margin-bottom: 10px;
		padding-left: 0;
	}

	.g-select-item .resolve .label {
		position: static;
	}

	.g-select-item .resolve .tag {
		flex-wrap: wrap;
	}

	.g-select-item .handle {
		padding: 20px 0 10px;
		flex-wrap: wrap;
	}

	.g-select-item .handle a {
		margin: 0;
		margin-bottom: 20px;
		width: 33.33%;
	}

	.g-select-item .del-btn {
		padding: 25px 0 35px;
	}

	.analysis-wrap .comment-list li {
		padding-left: 0;
		margin-bottom: 0;
	}

	.analysis-wrap .comment-list .user-info {
		padding-left: 50px;
	}

	.analysis-wrap .comment-list .headpic {
		top: 3px;
	}

	.analysis-wrap .comment-list .form form {
		flex-wrap: wrap;
	}

	.analysis-wrap .comment-list .form textarea {
		margin-bottom: 15px;
		padding: 10px;
		width: 100%;
		flex: none;
	}

	.analysis-wrap .comment-list .form input {
		margin-left: auto;
	}

	.analysis-wrap .comment-list .form button,
	.analysis-wrap .comment-list .form input {
		width: 70px;
	}

	.analysis-wrap .comment-list .comment-item {
		margin-bottom: 0;
		padding: 15px;
	}

	.analysis-wrap .comment-list .opencomm dd {
		padding-left: 0;
	}

	.analysis-wrap .comment-list .opencomm .content {
		padding-left: 50px;
	}

	.analysis-wrap .comment-list .morecomm .allcomm {
		margin-top: 5px;
	}

	.analysis-wrap .comment {
		margin: 20px 0;
	}

	.analysis-wrap .right {
		padding: 10px;
	}

	.simulation-wrap li {
		flex-wrap: wrap;
		height: auto;
	}

	.simulation-wrap .left {
		padding: 20px 0;
		width: 100%;
	}

	.simulation-wrap .right {
		margin: 0;
		padding: 15px;
	}

	.simulation-wrap .right .title {
		align-items: center;
	}

	.simulation-wrap .right .title h4 {
		font-size: 16px;
	}

	.simulation-wrap .right .title a {
		width: 80px;
		font-size: 12px;
		line-height: 26px;
		height: 26px;
	}

	.simulation-wrap .right .content .date {
		flex-wrap: wrap;
		line-height: 34px;
		text-align: center;
	}

	.simulation-wrap .right .content .date span {
		display: block;
		width: 100%;
	}

	.simulation-wrap .right .content .desc {
		margin-bottom: 20px;
		flex-wrap: wrap;
		justify-content: space-between;
		text-align: center;
	}

	.simulation-wrap .right .content .desc span {
		width: 50%;
		line-height: 34px;
		margin-right: 0;
		padding-right: 0;
		border: none;
	}

	.simulation-wrap .list {
		margin-top: 20px;
	}
	 
	.simulation-wrap .tip .txt {
		left: 0;
		width: 100%;
		font-size: 14px;
	}
	.simulation-wrap .tip .txt p{
		white-space: pre-wrap;
	}
	.simulation-wrap .tip .txt::before {
		left: 26px;
	}

	.allbody .subject .self .colum {
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}

	.g-filter {
		margin: 30px 0;
		padding: 15px 20px;
		flex-wrap: wrap;
	}

	.g-filter .filter-reminder {
		margin-bottom: 15px;
		width: 100%;
		flex: none;
	}

	.g-filter .filter-search {
		width: 100%;
	}

	.testing-contribute-wrap .tabs {
		margin: 25px 0;
		font-size: 14px;
	}

	.testing-contribute-wrap .form li {
		margin-bottom: 20px;
		flex-wrap: wrap;
	}

	.testing-contribute-wrap .form .label {
		width: 100%;
		padding: 0;
		text-align: left;
		margin-bottom: 15px;
	}

	.testing-contribute-wrap .form .content {
		flex: none;
		width: 100%;
	}

	.testing-contribute-wrap .form .childer {
		padding-left: 0;
	}

	.testing-contribute-wrap .form .item {
		flex-wrap: wrap;
	}

	.testing-contribute-wrap .form .item .label {
		width: 100%;
	}

	.testing-contribute-wrap .form .item .childer {
		flex: none;
		width: 100%;
	}

	.testing-contribute-wrap .form .edui-default {
		flex: none;
	}

	.testing-contribute-wrap .form .edit {
		width: 100%;
	}

	.testing-contribute-wrap .form .handle {
		margin: 20px;
		justify-content: flex-end;
		width: 100%;
	}

	.testing-contribute-wrap .form .handle-btns {
		justify-content: space-between;
	}

	.testing-contribute-wrap .form .handle-btns a {
		margin-right: 0;
	}

	.testing-contribute-wrap .form .handle-btns a,
	.testing-contribute-wrap .form .handle-btns .sub-btn {
		width: 100px;
		height: 32px;
		line-height: 32px;
		font-size: 12px;
	}

	.topic-error-box .topic-error-hd {
		padding: 60px 0 40px;
	}

	.topic-error-box .switch-btn {
		top: 20px;
	}

	.topic-error-box .switch-btn span {
		font-size: 12px;
	}

	.topic-error-box .error-number p {
		font-size: 45px;
	}

	.topic-error-box .error-number a {
		width: 135px;
		line-height: 32px;
		font-size: 12px;
	}

	.g-table-box table {
		font-size: 12px;
	}

	.g-table-box th:nth-child(1) {
		padding: 0;
		text-align: center;
		width: 50% !important;
	}

	.g-table-box tr td:nth-child(1) {
		padding: 0 10px;
	}

	.g-table-box .operation .right {
		margin-top: 8px;
		margin-right: 10px;
	}

	.record-data-box {
		margin: 50px 0 30px;
	}

	.record-data-box .btn {
		margin-top: 10px;
		font-size: 12px;
	}

	.report-test-box .tabs {
		margin-bottom: 15px;
	}

	.report-test-box .tabs a {
		font-size: 14px;
	}

	.report-test-box .table {
		overflow-x: auto;
	}

	.report-test-box .table table {
		width: 600px;
		line-height: 1.4;
	}

	.report-test-box .table th {
		padding: 10px;
		width: 20% !important;
	}

	.report-test-box .table th:nth-child(1) {
		width: 30% !important;
	}

	.report-test-box .table td {
		padding: 6px;
		height: auto;
	}

	.report-test-box .record-table-box th:nth-child(1) {
		padding: 10px;
		text-align: center;
		width: 12% !important;
	}

	.report-test-box .record-table-box th:nth-child(2) {
		width: 25% !important;
	}

	.report-test-box .record-table-box th:nth-child(3) {
		width: 30% !important;
	}

	.report-test-box .record-table-box tr td:nth-child(1) {
		text-align: center;
	}
	.report-popup{
		padding-top: 40px;
		width: 100%;
	}
	.report-popup .box{
		padding: 0 15px;
	}
	.report-popup .letter{
		padding: 15px;
	}
	.report-popup .letter .name{
		font-size: 16px;
	}
	.report-popup .letter .desc{
		font-size: 13px;
		line-height: 22px;
	}
	.report-popup h4{
		font-size: 14px;
	}
	.report-popup table{
		font-size: 12px;
	}
	.report-popup table th{
		width: auto;
		padding: 0 5px;
	}
	.report-popup .my-echarts{
		height: 340px;
	}
	.report-popup .logo{
		text-align: right;
	}
	.report-popup .logo img{
		display: inline-block;
		width: 100px;
	}
	.layui-layer-demo{
		height: 100%;
		top: 0;
		left: 0;
		width: 100% !important;
	}
	.layui-layer-demo .layui-layer-setwin{
		top: 6px;
		right: 13px;
	}
	.layui-layer-demo .layui-layer-setwin .layui-layer-close{
		display: block;
		top: 0px;
		right: 0;
	}
}


@media (max-width: 425px) {
	.pcheader .subject .fr .search {
		width: 120px;
	}
}

@media (max-width: 372px) {
	.pcheader .subject .fr .search {
		width: 70px;
	}

	.pcheader .subject .fr .search .searchbtn {
		width: 35px;
	}
}

/*# sourceMappingURL=responsive.css.map */