/*Copyright 2007 Qietu.com Inc. All rights reserved.*/
* {
    margin: 0;
    padding: 0;
    -webkit-appearance: none; /*�紙�羌頵����莅ゆ�桁�*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    box-sizing: border-box;
}

html,
body {
   
    overflow-x: hidden;
    /*-webkit-user-select: none;*/
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%; /*�渇�㊧������翫�篏�*/
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}


/*pad*/
img{
	max-width:100%;
}
.rotate
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); 	/* IE 9 */
-moz-transform:rotate(7deg); 	/* Firefox */
-webkit-transform:rotate(7deg); /* Safari �� Chrome */
-o-transform:rotate(7deg); 	/* Opera */
}
.toe{
	/*莇��榊���ュ�*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*�嶈��号����藥�莅�UI�ユ顕������*/}


.gh {
	display: none;
	float:right;
	height:34px;
	width:34px;
	margin-right:30px;
	margin-top:25px;
	position:relative;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
}
.gh.selected {
	transform: rotate(90deg);
}
.gh a {
	background-color: #000;
	display: block;
	height: 4px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.gh.selected:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.gh.selected:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}
.gh a:after, .gh a:before {
	background-color: #000;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
}
.gh a:after {
	top:10px;
}
.gh a:before {
	top:-10px;
}
.gh.selected a:after, .gh.selected a:before {
	top: 0;
}
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected a {
	background-color: transparent !important;
}
   /* �笈��絨鎡�--md */
    @media screen and (max-width:1200px){
    	.wrapper{
    		width: auto;
    		margin: 0 4%;
    	}
    	.mob_header{
    		height: 43px;
    		line-height: 43px;
    		padding: 6px 0;
    	}
    	.m_logo{
    		width: 120px;
    		height: 30px;
    		margin-left: 10px;
    	}
    	.header_txt{
    		font-size: 15px;
    		margin-right: 15px;
    		display: block;
    		height: 100%;
    		line-height: 31px;
    	}
    	.m-footer{
    		height: 50px;
    		line-height: 50px;
    		font-size: 15px;
    	}
    	.header{
    		background-position: center;
    		background-size:100% auto;
    		background-repeat: no-repeat;
    		height: 135px;
    	}
    	.naver h2{
    		display: none;
    	}
    	
    	.naver li:after,
    	.naver li:before{
    		display: none!important;
    	}
    	.naver li{
    		width: 25%;margin: 0;
    		display: block;float: left;
    		height: 35px;
    		line-height: 35px;
    		font-size: 17px;
    	}
    	.naver .wrapper{
    		width: 100%;
    		margin: 0;
    	}
    	.naver ul{
    		float: none;
    	}
    	.naver{
    		margin-top: -20px;
    	}
    	
    	body{
    		background-size: 100% auto;
    		background-position:  0 43px;
    	}
    	.exam-box{
    		background: #00a0f8; padding: 20px;
    		border-radius: 20px;
    		box-shadow: rgba(0,0,0,0.1) 0 10px 10px inset;
    		margin-top: 20px;
    	}
    	.exam-banner{
    		height: 240px;
    		background-size: 90% auto;
    		font-size: 22px;
    		padding-top: 50px;
    		background-position: 20px 80px;
			text-align: center;
			padding-left: 0;
    	}
    	.exam-card{
    		background: none;
    		height: auto;
			margin-bottom: 40px;
			margin-top: 20px;
    	}
    	.exam-tit h2 span{
    		font-size: 18px;
    		padding-right: 40px;
    		line-height: inherit;
    	}
    	.exam-tit h2 span::after{
    		width: 24px; height: 24px; top: 0;
    	}
    	.exam-form{
    		overflow: hidden; margin-top: 0px;
    	}
    	.exam-form-l{
    		width: auto; float: none; text-align: center;display: none;
    	}
    	.exam-form-l img{
    		margin: 0; width: 50%; display: inline-block;
    	}
    	.exam-form-r{
    		width: auto; float: none; height: auto;
    		padding-left: 0;
    		padding-right: 0;
			margin-top: 0;
			padding-top: 0px;
    	}
    	.exam-form-r li{
    		overflow: hidden; text-align: center;
    	}
    	.exam-form-r .text{
    		height: 45px; font-size: 16px;
    	}
    	.exam-form-r .codebtn[id="y"]{
			background: url(../images/btn.png) no-repeat center;
    		width: 296.4px;
    		height: 68.4px;
    		background-size: cover; font-size: 16px;
    		margin-top: 0;
    		margin-top: 20px;
    	}
    	.exam-form-r .text[name="code"]{
    		width: 47%;
    	}
    	.exam-form-r .codebtn[id="fs"]{
    		height: 45px; font-size: 16px;
    		width: 35%; margin-left: 0; float: right;
    		
    	}
    	.exam-card2{
    		height: auto; background: none; margin-bottom: 40px;
    	}
    	.exam-card2 .exam-bag{
    		padding: 0;
    	}
    	.exam-card2 .exam-box{
    		width: auto; height: auto; overflow: hidden;
    	}
    	.exam-card2 .exam-bag-l{
    		width: auto; height: auto; float: none;
    	}
    	.exam-card2 .exam-bag-r{
    		width: auto; height: auto; float: none;
    		padding-bottom: 20px;
    		padding-top: 30px;
    		background: #fff;
    	}
    	.exam-card2 .btn{
    		text-align: center;
    	}
    	.exam-card2 .btn a{
    		margin-left: 0; display: inline-block;
    		width: 261px;
    		height: 60px;
    		background-size: cover;
    		line-height: 60px;
    		font-size: 16px;
    		padding-right: 20px;
    	}
    	
    	.exam-card3{
    		background: none; height: auto; margin-bottom: 40px;
    	}
    	.exam-card3 .exam-box{
    		width: auto; height: auto; overflow: hidden;
    		padding-left: 0;
    		padding-right: 0;
    		padding-top: 0;
    		padding: 20px;
    	}
    	.exam-card3 .exam-box .exam-class a{
    		width: 23%; margin: 0 1%; background: #fff; color: #000; margin-bottom: 2%; font-size: 16px;
    		height: 45px; line-height: 45px;
    	}
    	.exam-card3 .exam-box .exam-class{
    		width: auto;
    	}
    	.exam-card4{
    		height: auto; background: none; margin-bottom: 40px;
    	}
    	.exam-card4 .exam-box{
    		width: auto; height: auto; overflow: hidden;
    	}
    	.exam-card4 .exam-qrs{
    		padding: 0;
    	}
    	.exam-card4 .exam-qrs-item{
    		width: 46%; margin: 0 2%; padding: 5px; height: auto;
    		padding-bottom: 20px;
    	}
    	.exam-card4 .exam-qrs-item h3{
    		font-size: 14px;
    	}
    	
    	.exam-card5{
    		height: auto; overflow: hidden; background: none;
    	}
    	.exam-card5 .exam-box{
    		padding: 20px; width: auto; height: auto; overflow: hidden;margin-top: 30px;
    	}
    	.exam-card5 .exam-recom ul li{
    		width: 97%; margin: 10px 1.5%; height: auto;
    	}
    	.exam-card2 .exam-bag-r ul li{
    		font-size: 18px; color: #000;
    	}
    	.exam-card2 .exam-bag-r ul li::before{
    		top: 5px;
		}
		.exam-card4 .exam-qrs-item img {
			width: 122px;
			height: 122px;
		}
		.xcx_hide{
			height: 45px !important;
		}
		._nc .stage1{
			height: 45px !important;
		}
		._nc .stage1 .slider{
			height: 45px !important;
		}
		._nc .stage1 .track div, ._nc .stage1 .label{
			height: 45px !important;
			line-height: 45px !important;
		}
		._nc .stage1 .button{
			height: 45px !important;
			line-height: 45px !important;
		}
		._nc .stage1 .button{
			height: 45px !important;
			width: 45px !important;
		}
    }
	
@media only all and (max-width:1080px) {

	.nc_wrapper{
		width:100% !important;
		
	}
	.nc_scale{
		height:2rem !important;
		border-radius:40px !important;
		font-size: .8rem !important;
		box-shadow: rgba(27,162,245,0.3) 2px -4px 15px inset !important;
	}
	.nc-container .nc_scale span {
		width: 60px;
		height: 2rem !important;
		border-radius: 40px !important;
		line-height: 2rem !important;
	}
	.nc-container .nc_scale .scale_text{
		font-size: .8rem !important;
	}
	.nc-container .nc_scale .scale_text2{
		font-size: .8rem !important;
	}
	.nc-container .nc_scale .nc_bg{
		border-radius:40px !important;
		box-shadow: rgba(27,162,245,0.3) 2px -4px 15px inset !important;
	}

	._nc .stage1 .slider {
		left: 0px !important;
		right: 0px !important;
	}

	.exam-form-r .codebtn[id="y"]{
				background: url(../images/btn.png) no-repeat center;
				width: 235.4px;
				height: 51.4px;
				background-size: cover;
				font-size: 16px;
				margin-top: 4px;
	}
			
	.exam-card2 .btn a {
		margin-left: 0;
		display: inline-block;
		width: 225px;
		height: 43px;
		background-size: cover;
		line-height: 42px;
		font-size: 16px;
		padding-right: 20px;
	}
	.exam-card4 .exam-qrs-item img {
		width: 127px;
		height: 127px;
	}
	.exam-form-r .text[name="province"]{
		float: left;
		width:48%;
	}
	.exam-form-r .text[name="city"]{
		float: left;
		width:48%;
		margin-left: 7px;
	}
	.exam-form-r .text[name="trueName"]{
		float: left;
		width:48%;
		margin-left: 0px;
	}
	.exam-form-r .text[name="mobile"]{
		float: left;
		width:48%;
		margin-left: 7px;
	}
	.exam-form-r .text[name="ext1"]{
		float: left;
		width:48%;
		margin-left: 0px;
	}
	.exam-form-r .text[name="ext2"]{
		float: left;
		width:48%;
		margin-left: 7px;
	}
	.exam-form-r .text{
		height: 2rem;
		font-size: .8rem;
		margin-bottom: .8rem;
		padding-left: .8rem;
			}
			
			.xcx_hide {
		height: 2rem !important;
	}
	.exam-form-r .codebtn[id="fs"] {
		height: 2rem;
		font-size: .8rem;
		width: 48%;
		margin-left: 0;
		float: right;
	}
	.exam-form-r .text[name="code"] {
		width: 48%;
	}
}