@charset "utf-8";


/*定义公共样式*/
* {
  margin: 0;
  padding: 0;
}

*{
  box-sizing: border-box;
}
html {
	/*在750下 让页面根元素字体等于60px  设计图的元素宽除以60  就是最后的？rem*/
	/*font-size: 6.6666666667vw;*/ 
}
body {
  font: 14px "微软雅黑";
  color: #515a6e;
  background: #f8f8f9;
}
h1,h2,h3,h4,h5,h6{
  font-weight:normal
}
b{font-weight:normal;}
input,button,textarea{outline:none;border:none; background:none;}
button,input,optgroup,select,textarea{border:none;vertical-align:middle; font-family: 'Microsoft Yahei'; outline: none;}
button,input{border-radius:0;padding:0;}
textarea,input{-webkit-user-modify: read-write-plaintext-only;/*Android 下 input focus 消除高亮外框*/}
textarea {resize: none;}
input[type="button"],input[type="submit"] {cursor: pointer;}
input[type="checkbox"],input[type="radio"] {vertical-align: -2px;}

img {
  border: none;
  /*width: 100%;
  display: block;*/
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #666;
}
.clear{
  clear: both;
}
a,
input {
  outline: none;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
i,
em {
  font-style: normal;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
}
.fl{
  float: left;
}
.fr{
  float: right;
}

button {
	cursor: pointer;
}

.bg_color {
	background: #3d97f2;
	transition: background-color .45s;
	-webkit-transition: background-color .45s;
	-moz-transition: background-color .45s;
	-ms-transition: background-color .45s;
	color: #fff;
	border-radius: 4px;
}
.bg_color:disabled {
	background: #8cc5ff;
}
.bg_color:disabled:hover {
	background: #8cc5ff;
}
.bg_color:hover {
	background: #66b1ff;
}
.bg_color:active {
	background: #3487dd;
}
/*成功*/
.bg_succ {
	background: #67C23A;
}
/*警告*/
.bg_warn {
	background: #E6A23C;
}
/*失败*/
.bg_err {
	background: #F56C6C;
}
/*提示*/
.bg_msg {
	background: #909399;
}

/*标题文字*/
.title_color {
	font-weight: 600;
	color: #17233d;
}

/*边框*/
.border {
	border: 1px solid #dcdee2;
}
.radius {
	border-radius: 4px;
}
/*分割线*/
.border_hr {
	border-bottom: 1px solid #e8eaec;
}

input[type=text],input[type=password]{
	/*line-height: 40px;*/
	border-radius: 4px;
	border: solid 1px #dcdee2;
	padding: 0 14px;
	transition: border-color .45s;
	-webkit-transition: border-color .45s;
	-moz-transition: border-color .45s;
	-ms-transition: border-color .45s;
}
input:disabled:hover {
	border: solid 1px #dcdee2;
}
input:hover {
	border: solid 1px #3d97f2;
}
input:focus {
	border: solid 1px #3d97f2;
}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #9ea7b4;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #9ea7b4;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #9ea7b4;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #9ea7b4;
}

/* 公共的五星样式*/
.star_box i {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 3px;
  background: url(../img/g_star.png) no-repeat;
  background-size: 100% 100%;
}
.star_box i.curr {
  background: url(../img/star.png) no-repeat;
  background-size: 100% 100%;
}

/*普通按钮效果*/
.com_btn {
	border-radius: 4px;
	border: solid 1px #3d97f2;
	color: #3d97f2;
	transition: background-color .45s;
	-webkit-transition: background-color .45s;
	-moz-transition: background-color .45s;
	-ms-transition: background-color .45s;
}
.com_btn:hover {
	background: #3d97f2;
	color: #fff;
	border: solid 1px transparent;
}
.com_btn:active {
	background: #2c82d9;
	color: #fff;
	border: solid 1px transparent;
}
/*鼠标移入的过渡效果*/
.transition {
	transition: box-shadow .45s;
	-webkit-transition: box-shadow .45s;
	-moz-transition: box-shadow .45s;
	-ms-transition: box-shadow .45s;
}
.transitionBorder {
	transition: border .45s;
	-webkit-transition: border .45s;
	-moz-transition: border .45s;
	-ms-transition: border .45s;
}
/*左侧边框动画效果*/
.borderHover {
	position: relative;
}
.borderHover:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background: #4185EE;
	height: 100%;
	width: 4px;
	transform: scale(0,0);
	transition: all .35s;
}
.borderHover:hover:before {
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
}
.borderHover.curr:before {
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
}

/*鼠标移入 图片放大的效果*/
.hoverImg img{
	transition: transform .45s;
	-webkit-transition: transform .45s;
	-moz-transition: transform .45s;
	-ms-transition: transform .45s;
}
.hoverImg:hover img {
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}

.transition:hover {
		box-shadow: 0px 2px 12px 0px 
			rgba(61, 151, 242, 0.24);
	}
/*学生端页面  公共头部开始*/
.head {
	position: fixed;
	top: 0;
	z-index: 10000;
	width: 100%;
	height: 72px;
	line-height: 72px;
	background: #fff;
}
.head_h {
	height: 72px;
	margin-bottom: 24px;
}
.main {
	width: 1200px;
	margin: 0 auto;
}
.head_box {
	padding: 0 24px;
}
.head_box .logo_img {
	margin-top: 12px;
	margin-right: 15px;
}
.head_box .txt {
	color: #808695;
	font-style: italic;
}
.head_box .right_list a {
	margin-left: 30px;
	float: left;
}
.head_box .right_list a div {
	background: #fff;
	position: relative;
	z-index: 10;
}
.head_box .right_list a p {
	background: #fff;
	width: 100%;
	height: 40px;
	transform: translateY(-100%);
	line-height: 40px;
	text-align: center;
	transition: all .45s;
}
.head_box .right_list a p:hover {
	color: #3d97f2;
	background: #ecf5ff;
}
.head_box .right_list a i {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #f56c6c;
	vertical-align: 3px;
	margin-right: 5px;
}
.head_box .right_list a span {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	color: #17233d;
	font-size: 16px;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
}
.head_box .right_list a span.curr {
	color: #3d97f2;
	border-bottom: 2px solid #3d97f2;
}
.head_box .right_list a span:hover {
	color: #3d97f2;
	border-bottom: 2px solid #3d97f2;
}