/*PC端样式*/
@media screen and (min-width: 768px) {
	html,body {height: 100%;background: #e9ecf3;min-width: 1320px;font-size: 14px;}
	/*============================头部公用样式=============================*/
		header {min-width: 1320px;height: 86px;background: #fff;}
		header .line {height: 4px;background-color: #697881;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);}
		header nav {width: 77%;height: 100%;margin: 0 auto;}
		header nav .nav_left {height: 100%;line-height: 86px;float: left;}
		header nav .nav_left span {display: inline-block;width: 19px;height: 58px;background: url(../img/index/banner.png);float: left;margin-top: 18px;margin-right: 12px;}
		header nav .nav_left h1 {font-size: 32px;font-weight: bolder;float: left;letter-spacing:5px;}
		header nav .nav_left h1 a {color: #d71e0f;}
		header nav .nav_left h1 a:hover {text-decoration: none;}

	/*=============================未登录样式==============================*/
		header nav .nav_right {height: 100%;line-height: 86px;float: right;}
		header nav .nav_right span {display: inline-block;width: 20px;height: 22px;background: url(../img/index/date.png);float: left;margin-top: 32px;margin-right: 10px;}
		header nav .nav_right p {float: left;font-size: 16px;color: #696969;letter-spacing:2px;}
		header nav .nav_right a{float: left;font-size: 16px;color: #696969;letter-spacing:5px;margin-left: 25px;margin-right: -35px;}

	/*=============================已登录样式==============================*/
		header nav .navbar-right {height: 100%;float: right;text-align: right;font-size: 16px;position: relative;}
		header nav .navbar-right .dropdown-toggle {margin-top: 23px;display: inline-block;height: 50px;line-height: 50px;padding: 0 10px;border-radius: 5px 5px 0 0;}
		header nav .navbar-right .dropdown-toggle img{vertical-align: middle;width:30px;height: 30px;border-radius: 30px;border:1px solid #ccc;}
		header nav .navbar-right .dropdown-toggle .badge {letter-spacing: 3px;margin-left: 15px;vertical-align: middle;background-color: #777;border-radius: 11px;color: #FFF;padding: 0px 9px;}
		header nav .navbar-right .dropdown-toggle .caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 5px solid;
			border-right: 5px solid transparent;border-left: 5px solid transparent;vertical-align: middle;color: #777;
		}
		.query{font-size: 18px;letter-spacing: 5.6px;color: #666666;margin-left: 89px;line-height: 86px;}
		.query:hover {text-decoration: none;color: #d71e0f;}
		.syllabus{font-size: 18px;letter-spacing: 5.6px;color: #666666;margin-left: 89px;line-height: 86px;}
		.syllabus:hover {text-decoration: none;color: #d71e0f;}
		header nav .navbar-right .dropdown a {color: #178FCA}
		header nav .navbar-right .dropdown-menu {padding-bottom: 10px;padding-top: 10px;border-radius: 0 0 5px 5px;border: 1px solid rgba(0,0,0,.15);
			-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);
			display: none;
			background: #fff;}
		header nav .navbar-right .dropdown-menu a {letter-spacing: 10px;padding-right: 20px;padding-bottom: 5px;display: inline-block;}
		/*header nav .navbar-right .dropdown-menu a:last-child {letter-spacing: 10px;}*/
		header nav .navbar-right .help {position: absolute;top: 38px;right: -50px;}
		header nav .navbar-right .help a {color: #178FCA;}
		header nav .navbar-right a:hover {color: #d71e0f;text-decoration: none;}

	/*============================表单验证样式=============================*/
		.content form div label {
			font-size: 16px;
			letter-spacing: 1px;
			color: #7c7474;
		}
		.content form div input {
			width: 334px;
			height: 28px;
			background-color: #efefef;
			border: solid 1px #377ab4;
			padding-left: 10px;
			border-radius: 3px;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: 2px;
		}
		.content form div input:focus {-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
		.content form  .has-error input {border: 1px solid #d71e0f;}
	    .content form  .has-error input:focus {-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
	    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;}
		.content form  .has-success input {border: 1px solid #14D617;}
		.content form  .has-success:focus input {-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #67b168;
	    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #67b168;}
		.content form div .help-block {
			font-size: 12px;
			letter-spacing: 1px;
			color: #d71e0f;
			background: url(../img/error.png) no-repeat;
			background-position: left;
			background-size: auto 85%;
			padding-left: 15px;
			float: right;
			margin-top: 2px;
			display: block;
			width: 330px;
			text-align: left;
		}
		.content form div .success {width: 20px;height: 20px;background: url(../img/success.png) no-repeat;position: absolute;background-size: 100% 100%;top: 5px;right: 7px;}

	/*=========================== 信息完善样式=============================*/
		.span6 {background-color: #377ab4;height: 200px;overflow: hidden;min-width: 1320px}
		.span6 ul {width: 553px;margin: 0 auto;margin-top: 15px;margin-bottom: 50px;}
		.span6 ul:after {content: " ";display: block;clear: both;}
		.span6 li {
			float: left;
			font-size: 18px;
			font-weight: bold;
			letter-spacing: 2px;
			margin-right: 113px;
		  }
		.span6 li:last-child {margin-right: 0;}
	  	.span6 li a {color: #03325b;vertical-align: middle;}
	  	.span6 li a:hover {color: #fff;text-decoration: none;}
		.nav-list img {width: 21px;height: 21px;margin-right: 8px;vertical-align: middle;}
		.personal-info {width: 299px;height: 47px;margin: 0 auto;display: block;}

		.initial {width: 955px;height: 1220px;background: #fff;margin: 0 auto;margin-top: -105px;}
		.initial .top {width: 100%;height: 105px;background-color: #f4f4f5;}
		.initial .bot {width: 100%;height: 1115px;border: solid 1px #979797;box-sizing: border-box;}

		.web_hide {
			display: none;
		}
}


/*===============移动端公用样式===============*/
@media screen and (max-width: 768px) {
	html,body {font-size: 0.14rem;width: 100%;}
	a:hover { text-decoration: none;}
	.mobile_hide {display: none;}
	/*===============未登录导航样式===============*/
		header {width: 100%;height: 0.56rem;background: #fff;}
		header nav {height: 100%;margin: 0 auto;position: relative;}
		header nav .nav_left {height: 100%;float: left;}
		header nav .nav_left span {display: inline-block;width: 0.095rem;height: 0.29rem;background: url(../img/index/banner.png);background-size: 100%;float: left;margin-top: 0.15rem;margin-left: 0.2rem;}
		header nav .nav_left h1 {font-size: 0.18rem;font-weight: bolder;float: left;letter-spacing:0.02rem;line-height: 0.56rem;padding-left: 0.05rem;}
		header nav .nav_left h1 a {color: #d71e0f;}
		header nav .nav_left h1 a:hover {text-decoration: none;}
		header .line {height: 0.04rem;background-color: #697881;box-shadow: 0 0.02px 0.04px 0 rgba(0, 0, 0, 0.5);}
	/*===============已登录导航下拉菜单样式===============*/
		header .menu-btn {width: 0.28rem;height: 0.28rem;float: right;margin-top: 0.15rem;margin-right: 0.2rem;}
		header #open-click {background: url(../img/mobile-img/open.png) no-repeat;background-size: 100%;}
		header #close-click {background: url(../img/mobile-img/close.png) no-repeat;background-size: 100%;display: none;}
		header nav .navbar-right {width: 100%;background: #2269b6;position: absolute;z-index: 9;top: 0.6rem;box-sizing: border-box;padding: 0.2rem;display: none;z-index: 999;}
		header nav .navbar-right a {color: #fff;letter-spacing: 0.05rem;}
		header nav .navbar-right .dropdown {background: rgba(255,255,255,0.2);padding-top: 0.1rem;}
		.web_hide {display: block;}
		.query{font-size: 0.16rem;letter-spacing: 0.1rem;padding: 0.1rem 0.2rem;height: 0.3rem;line-height: 0.3rem;background: url(../img/mobile-img/query.png) no-repeat;background-position: 0.27rem;background-size: 0.2rem;padding-left: 0.75rem;}
		.syllabus{margin-bottom: 0.1rem;font-size: 0.16rem;letter-spacing: 0.1rem;padding: 0.1rem 0.2rem;height: 0.3rem;line-height: 0.3rem;background: url(../img/mobile-img/syllabus.png) no-repeat;background-position: 0.27rem;background-size: 0.2rem;padding-left: 0.75rem;}
		header nav .navbar-right .dropdown-toggle {display: inline-block;height: 0.5rem;width: 100%;line-height: 0.5rem;background: #e7e7e7;}
		header nav .navbar-right .dropdown-toggle:hover {text-decoration: none;}
		header nav .navbar-right .dropdown-toggle img{vertical-align: middle;width:0.3rem;height: 0.3rem;border-radius: 50%;border:0.01rem solid #ccc;margin-left: 0.2rem;}
		header nav .navbar-right .dropdown-toggle .badge {letter-spacing: 0.03rem;margin-left: 0.12rem;vertical-align: middle;background-color: #ccc;border-radius: 0.11rem;color: #FFF;padding: 0.02rem 0.12rem;}
		header nav .navbar-right .dropdown-toggle .caret {display: inline-block;width: 0;height: 0;margin-left: 0.02rem;border-top: 0.05rem solid;border-right: 0.05rem solid transparent;border-left: 0.05rem solid transparent;vertical-align: middle;color: #ccc;}
		header nav .navbar-right .dropdown-menu li {padding: 0.2rem;padding-left: 0.25rem;line-height: 0.26rem;}
		header nav .navbar-right .dropdown-menu li span {vertical-align: middle;margin-right: 0.3rem;}
		header nav .navbar-right .dropdown-menu li a {vertical-align: middle;}
		.personalInfo span {background: url(../img/mobile-img/personal.png) no-repeat;display: inline-block;padding: 0.11rem;background-size: 100%;}
		.change-password span {background: url(../img/mobile-img/password.png) no-repeat;display: inline-block;padding: 0.11rem;background-size: 100%;}
		.log-out span {background: url(../img/mobile-img/logout.png) no-repeat;display: inline-block;padding: 0.11rem;background-size: 100%;}
	/*===============导航下完善信息三步样式===============*/
		.span6 {background-color: #377ab4;height: 0.7rem;overflow: hidden;}
		.span6 ul {width: 100%;box-sizing: border-box;-webkit-transition: .3s all;transition: .3s all;overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;padding-bottom: 0.2rem;}
		.span6 ul:after {content: " ";display: block;clear: both;}
		.span6 li {font-size: 0.16rem;font-weight: bold;line-height: 0.7rem;float: left;padding: 0 0.15rem;}
		.span6 li:last-child {margin-right: 0;}
		.sapn .certificate_act {margin-right: 0;}
	  	.span6 li a {color: #03325b;vertical-align: middle;}
	  	.span6 li a:hover {color: #fff;text-decoration: none;}
		.nav-list img {width: 0.21rem;height: 0.21rem;margin-right: 0.08rem;vertical-align: middle;}
	/*===============表单公用样式===============*/
		.content form div label {font-size: 0.14rem;letter-spacing: 0.01rem;color: #7c7474;}
		.content form div input {width: 2.1rem!important;height: 0.28rem;background-color: #efefef;line-height: 0.28rem;border: solid 0.01rem #377ab4;padding-left: 0.1rem;border-radius: 0.03rem;font-size: 0.14rem;font-weight: bold;letter-spacing: 0.02rem;margin: 0!important;}
		.mobile-text {height: 1.39rem!important;}
	/*===============清除行内浮动样式===============*/
		.content form .mobile-form {float: none!important;}
	/*===============表单验证公用样式===============*/
		.content form div input:focus {-webkit-box-shadow: inset 0 0.01rem 0.01rem rgba(0,0,0,.075), 0 0 0.08rem rgba(102,175,233,.6);box-shadow: inset 0 0.01rem 0.01rem rgba(0,0,0,.075), 0 0 0.08rem rgba(102,175,233,.6);}
		.content form .has-error input {border: 0.01rem solid #d71e0f;}
	    .content form .has-error input:focus {-webkit-box-shadow: inset 0 0.01rem 0.01rem rgba(0,0,0,.075), 0 0 0.06rem #ce8483;box-shadow: inset 0 0.01rem 0.01rem rgba(0,0,0,.075), 0 0 0.06rem #ce8483;}
		.content form .has-success input {border: 0.01rem solid #14D617;}
		.content form .has-success:focus input {-webkit-box-shadow: inset 0 0.01rem 0.01rem rgba(0,0,0,.075), 0 0 0.06rem #67b168;box-shadow: inset 0 0.01rem 0.01rem rgba(0,0,0,.075), 0 0 0.06rem #67b168;}
		.content form div .help-block {font-size: 0.12rem;letter-spacing: 0.01rem;color: #d71e0f;background: url(../img/error.png) no-repeat;background-position: left 0.024rem;background-size: auto 85%;padding-left: 0.15rem;float: right;margin-top: 0.02rem;display: block;width: 2.18rem;text-align: left;}
		.content form div .success {width: 0.2rem;height: 0.2rem;background: url(../img/success.png) no-repeat;position: absolute;background-size: 100% 100%;top: 0.05rem;right: 0.12rem;display: none;}
		/*===============密码验证单独样式===============*/
		.content form .mobile-password {height: 0.65rem;}
		.content form .mobile-password  .help-block{background: url(../img/error.png) no-repeat;background-position: left 0.024rem;background-size: 0.136rem;}
	/*===============移动端弹出提示信息公用样式===============*/
		.content .alert-danger {color: #d71e0f;text-align: center;width: 90%;margin: 0 auto;background-color: #f2dede;padding: 0.1rem 0;border: 0.01rem solid transparent;letter-spacing: 0.03rem;border-color: #ebccd1;border-radius: 0.04rem;margin-top: 0.5rem!important;margin-bottom: 0.3rem;}
}