/******所有活动的公用css*********

 ***** @author joy**********

 ***** @since 2016-10-13*****

 ****************************/
/*body::-webkit-scrollbar{
	width: 0 !important;
    height: 0 !important;
}
*/
::-webkit-input-placeholder { /* WebKit browsers */

    color: #999;

    font-size:0.13rem;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #999;

    font-size:0.13rem;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

    color: #999;

    font-size:0.13rem;

}

*{

    margin:0px;

    padding:0px;

    box-sizing: border-box;

}
select:focus{
    border: none;
    outline: none;
}
body {

    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;

    font-size: 0.14rem;

    line-height: 1.42857143;

    color: #333;

    background-color: #f5f5f5;

    margin: 0 auto;
    display: none;
    
    /*min-width: 1200px;*/

}

.must-tag,.no-data{

    color: #cc0000;

}

.no-data{

	text-align:center;

}

a,a:hover{

	text-decoration: none;

}

/******------------top------------*******/

.top{

    zoom: 1;

    overflow: hidden;

    background-color: rgba(0, 0, 0, 1);

    height: 0.4rem;

    line-height: 0.4rem;

    color: #FFF;

    font-size: 0.16rem;

    padding: 0 0.15rem;

    width: 100%;

    max-width: 6.4rem;

    z-index: 1;

}

.top a{

    display: inline-block;

    height: 100%;

    float: left;

    color: #fff;

    width: 10%;

    text-align: left;

    outline: none;

    text-decoration: none;

}

.top a.right-icon{

	text-align: right;

}

.top a.center{

	text-align: center;

 	width: 80%;

}

.top .logo {

	text-align: center;

    color: #FFFFFF;

    display: block;

}

.text-danger{

	padding: 0.1rem;

}

#container{
    width: 100%;
    height: auto;
    margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	
}

.container-fluid{

    padding:0;

}

.row{

    padding: 0;

    margin: 0;

}

#page-selection{

    height: 0.34rem;

}

#page-selection:after{

    content: "";

    clear: both;

}

#page-selection ul.bootpag{

    float: left;

    margin:0;

}

#page-selection .text-desc-area{

    float: left;

    margin-left: 0.15rem;

    height: 100%;

    line-height: 0.34rem;

}

/******------------返回顶部------------*******/

#back-top{

	position: fixed;

	right: 0.1rem;

	bottom: 15%;

	/*background: transparent;*/

	text-align: center;

	display: none;

	z-index: 3;

    width: 0.4rem;

    height: 0.4rem;

    border-radius:50%;

}

#back-top a{

	display: block;

    width:100%;

    height:100%;

    display: flex;

    justify-content: center;

    align-items: center;

}

#back-top a i{

	font-size: 0.2rem;

	color: white;

}

/******------------没有更多了------------*******/

#no-more{

	width: 100%;

	background: #F7F7F7;

	text-align: center;

	color: #999999;

	padding: 0.15rem 0px;

}

/******------------footer 页脚------------*******/

#footer{
	width: 100%;
	height: auto;
    text-align: center;
    background: #fafafa;
    background: #EEEEEE;
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.1rem; !important;
}
#footer .copyright{
	width: 33.3%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #666666;
}
#footer .copyright .navs{
	width: 100%;
	height: 0.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.13rem;
}
#footer .copyright .navs .nav-item{
	margin: 0 0.15rem;
}
#footer .copyright a{
    color: #666666;
}
#footer .copycenter{
	width: 33.3%;
	height: auto;
}
#footer .copycenter .fast-link{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#footer .copycenter .fast-link .link{
	width: 1rem;
	height: 0.3rem;
	text-align: center;
	line-height: 0.3rem;
	font-size: 0.12rem;
	color: #999;
}
#footer .copycenter .fast-link .link:hover{
	color: #333;
}
#footer .copyleft{
	width: 33.3%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
}
#footer .copyleft .icon{
	width: 0.3rem;
	height: 0.3rem;
	overflow: hidden;
	margin: 0.05rem;
}
#footer .copyleft .icon img{
	width: 100%;
	height: 100%;
}

/*******---------底部导航---------********/

#bottom-nav{

	width: 100%;

	max-width: 6.4rem;

    position: fixed;

    bottom: 0;

    text-align: center;

    /*height: 50px;*/

    /*line-height: 50px;*/

    background: #FFFFFF;

    box-shadow: 0 -1px #F1F1F1;

    -moz-box-shadow: 0 -1px #F1F1F1;

    overflow: hidden;

    z-index: 10;

}

#bottom-nav .bottom-row{

    display: flex;

    flex-direction: row;

    justify-content:space-around;

    flex-wrap: wrap;

    width: 100%;

    max-width: 6.4rem;

}

.bot-mar-area{

    width:100%;

    height: 0.34rem;

    background:#fff;

}

#bottom-nav .bottom-row a{

	width: 20%;

	height: 0.5rem;

	color: #D6D6DE;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

}

#bottom-nav .bottom-row a .iconfont{

    font-size:20px;

}

#bottom-nav .bottom-row a .nav-name{

    font-size:15px;
    
    font-weight: bold;

    padding-top:3px;

}

#bottom-nav .bottom-row a.main-color{

    color: #27BBBD;

}



/*******---------底部购物车---------********/

#bottom-cart{

	width: 100%;

	max-width: 640px;

	position: fixed;

    bottom: 0;

    height: 55px;

    background: #FFFFFF;

    overflow: hidden;

    z-index: 5;

}

#bottom-cart .bottom-cart-row{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

    width: 100%;

    max-width: 640px;

    border-top: 1px solid #EEEEEE;

}

#bottom-cart .bottom-cart-row a{

	align-self: center;

	display: block;

	line-height: 53px;

	text-align: center;

	font-size: 17px;

	color: #333333;

}

#bottom-cart .bottom-cart-row a.go-index{

	width: 15%;

	border-right: 1px solid #EEEEEE;

}

#bottom-cart .bottom-cart-row a.go-index i{

	font-size: 24px;

	color: #976C4A;

}

#bottom-cart .bottom-cart-row a.go-cart{

	width: 15%;

	border-right: 1px solid #EEEEEE;

}

#bottom-cart .bottom-cart-row a.go-cart i{

	font-size: 30px;

	color: #976C4A;

}

#bottom-cart .bottom-cart-row a.submit-order{

	width: 35%;

}

#bottom-cart .bottom-cart-row a.add-cart{

	width: 35%;

	background: #131313;

	color: #FFFFFF;

}

/*购物车数量*/

#bottom-cart .bottom-cart-row a.go-cart .nav-icon{

	position: relative;

}

#bottom-cart .bottom-cart-row a.go-cart .nav-icon .go-cart-num-p{

	position: absolute;

	top: 15%;

	left: 56%;

	width: 18px;

	height: 18px;

	line-height: 17px;

	border-radius: 50%;

	background: #976C4A;

	color: #FFFFFF;

	border: 1px solid #976C4A;

	text-align: center;

	font-size: 11px;

	font-weight: bold;

}



/**排序条**/

#content .goods-sort-area{

	height: 36px;

	line-height: 36px;

	margin-bottom:10px;

}

#content .goods-sort-area span{

	text-align: center;

	font-size:16px;

	background: #EEEEEE;

	border: 1px solid #f7f7f7;

	margin: 0;

	cursor: pointer;

}

#content .sort-selected{

	color: #FF5C00;

}

/******------------底部导航------------*******/

.bottomNav {

    max-width: 640px;

    width: 100%;

    position: fixed;

    bottom: 0;

    height: 50px;

    background: #fff;

    border-top: 1px solid #e5e5e5;

    z-index: 10;

}



.bottomNav a.nav {

    width: 33.333%;

}

.bottomNav a.opeartion-1 {

    background: #aaaaaa;

}



.bottomNav a.operation {

    font-size: 16px;

    padding: 0;

    color: #fff;

}



.bottomNav a {

    text-decoration: none;

    display: block;

    float: left;

    width: 50%;

    line-height: 50px;

    text-align: center;

    font-size: 14px;

    color: #333;

    background: #fff;

    padding-left: 30px;

}




* { -ms-overflow-style: none; }

* { overflow: -moz-scrollbars-none; }

/**公共flex方法**/

.flex-row{

    display: flex;

    flex-direction: row;

}

.flex-column{

    display: flex;

    flex-direction: column;

}

.flex-start{

    justify-content: flex-start;

}

.flex-end{

    justify-content: flex-end;

}

.flex-center{

    justify-content: center;

}

.flex-wrap{

    flex-wrap: wrap;

}

.flex-nowrap{

    flex-wrap: nowrap;

}

.space-between{

    justify-content: space-between;

}

.space-around{

    justify-content: space-around;

}

.align-items-center{

    align-items: center;

}

.align-self-center{

    align-self: center;

}

.align-items-end{

    align-items: flex-end;

}
/****************************登录*****************************/
.login-mask{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 9999;
}
.login-area{
    width: 500px;
    height: auto;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   /* position: absolute;
    top: 200px;
    left: 50%;*/
    z-index: 999;
    cursor: pointer;
    /*transform: translateX(-50%);*/
}
.login-area .login-items{
	width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
}
.login-area .login-content{
	width: 100%;
    height: auto;
	padding: 0 30px;
}
.login-area .login-content .items{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin-bottom: 30px;
}
.login-area .login-content .items .left{
	width: 22%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-area .login-content .items .left .img{
	width: 30px;
	height: 30px;
}
.login-area .login-content .items .right{
	flex: 1;
	height: 40px;
	padding: 0 15px;
	font-size: 14px !important;
	border-radius: 8px;
	overflow: hidden;
}
.login-area .login-content .items .right input{
	border: none;
    width: 100%;
    height: 40px;
    color: #333;
    font-size: 14px !important;
    background: #F5F6F8;
	border-radius: 8px;
    padding: 0 15px;
    outline: none;
}
input::placeholder {
    font-size: 14px !important;
}
.login-area .login-content .submit{
	width: 100%;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 8px;
}
.userLogin{
	background: #037DF3;
	color: #fff;
}
.login-area .login-content .tips{
	width: 100%;
    height: 40px;
    margin-top: 10px;
    color: #666666;
    font-size: 14px;
    text-align: right;
    color: #037DF3;
}
.cur{
	color: #000;
	border-bottom: 2px solid #000;
}
.login-area .register-content{
	width: 100%;
    height: 600px;
    padding: 30px;
    overflow-y: scroll;
}
.login-area .register-content .items{
    width: 100%;
    height: 0.6rem;
    display: flex;
    align-items: center;
    background: #F5F6F8;
    border-radius: 50px;
    padding: 0 20px;
    margin-bottom: 30px;
}
.login-area .register-content .items .left span{
	color: red;
}
.login-area .register-content .items .right{
	flex: 1;
    height: 0.6rem;
    padding: 0 15px;
    text-align: left;
    line-height: 0.6rem;
}
.login-area .register-content .items .right input{
	border: none;
    width: 100%;
    height: 0.6rem;
    color: #333;
    background: #F5F6F8;
    outline: none;
}
.login-area .register-content .submit{
	width: 100%;
	height: 0.4rem;
	color: #fff;
	text-align: center;
	line-height: 0.4rem;
	border-radius: 0.2rem;
	color: #037DF3;
}
.login-area .back{
	position: absolute;
    top: 0px;
    right: -40px;
    font-size: 40px;
    color: #fff;
}
/********************************************************忘记密码**************************************************/
.forget-area{
	width: 500px;
    height: auto;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
/*    position: absolute;
    top: 200px;
    left: 50%;*/
    z-index: 999;
    cursor: pointer;
    /*transform: translateX(-50%);*/
}
.forget-area .header-area{
	width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #333;
    font-weight: bold;	
}

.forget-area .forget-content{
	width: 100%;
    height: auto;
	padding: 0 30px 50px 30px;
}
.forget-area .forget-content .items{
	width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0 20px;
    margin-bottom: 30px;
}
.forget-area .forget-content .items .left{
	width: 27%;
	height: 400px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.forget-area .forget-content .items .left .img{
	width: 30px;
	height: 30px;
	margin-right: 8px;
}
.forget-area .forget-content .items .right{
	flex: 1;
    height: 40px;
    text-align: left;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F9F9F9;
}
.forget-area .forget-content .items .right input{
	border: none;
	flex: 1;
    height: 40px;
    background: #F9F9F9;
    color: #999999;
    border-radius: 8px;
    outline: none;
    padding: 0 15px;
}
.forget-area .forget-content .items .right .verificate{
	width: 35%;
    height: 40px;
    color: #333;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    border-radius: 8px;
}
.forget-area .forget-content .items .right .test-code{
	width: 35%;
    height: 40px;
    color: #333;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    border-radius: 8px;
}
.forget-area .forget-content .submit{
	width: 100%;
    height: 40px;
    background: #037DF3;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 8px;
    margin-top: 40px;
}
.forget-area .back{
	position: absolute;
    top: 0px;
    right: -40px;
    font-size: 40px;
    color: #fff;
}
/********************************************************我的**************************************************/
.forget-area .user-content{
	width: 100%;
	height: auto;
	padding: 0 30px 50px 30px;
	background: #fff;
    border-radius: 16px;
}
.forget-area .user-content .nav-area{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.forget-area .user-content .nav-area .navs{
	width: 50%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.forget-area .user-content .nav-area .navs .img{
	width: 60px;
	height: 60px;
}
.forget-area .user-content .nav-area .navs .tips{
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
/********************************************************我的简历**************************************************/
.resume-area{
	width: 100%;
	height: auto;
	padding: 0 30px 50px 30px;
}
.resume-area .resume-user-info{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	border-bottom: 1px solid #eee;
}
.resume-area .resume-user-info .user-info{
	flex: 1;
	height: auto;
}
.resume-area .resume-user-info .user-info .name{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 18px;
}
.resume-area .resume-user-info .user-info .tips{
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999;
}
.resume-area .resume-user-info .head-img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
}
.resume-area .school-area{
	width: 100%;
	height: auto;
	padding: 20px;
	border-bottom: 1px solid #eee;
}
.resume-area .school-area .name{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}
.resume-area .school-area .school{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.resume-area .school-area .tips{
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999;
}
.resume-area .submit{
	width: 100%;
    height: 40px;
    background: #037DF3;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 8px;
    margin-top: 40px;
}
/********************************************************完善资料**************************************************/
.resume-area{
	width: 100%;
	height: 4.5rem;
	overflow: scroll;
	padding: 0 30px 50px 30px;
}
.resume-area::-webkit-scrollbar{
	width: 0 !important;
	height: 0 !important;
}
.resume-area .navs{
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-bottom: 1px solid #eee;
}
.resume-area .navs .nav{
	width: auto;
	height: 40px;
	line-height: 40px;
}
.resume-area .navs .cn{
	border-bottom: 3px solid #334295;
}
.resume-area .resume-info{
	width: 100%;
	height: auto;
	padding: 20px 0;
}
.resume-area .resume-info .item{
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}
.resume-area .resume-info .item .left{
	width: 120px;
	height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
}
.resume-area .resume-info .item .left span{
	color: #E73600;
}
.resume-area .resume-info .item .right{
	flex: 1;
	height: 40px;
	border: 1px solid #eee;
	border-radius: 8px;
	overflow: hidden;
	margin-right: 10px;
}
.resume-area .resume-info .item .right:last-child{
	margin-right: 0;
}
.resume-area .resume-info .item .right input{
	border: none;
	flex: 100% !important;
    height: 40px;
    color: #999999;
    border-radius: 8px;
    outline: none;
    padding: 0 15px;
}

.resume-area .resume-info .other{
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
}
.resume-area .resume-info .other .left{
	width: 120px;
	height: 100px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
}
.resume-area .resume-info .other .left span{
	color: #E73600;
}
.resume-area .resume-info .other .right{
	flex: 1;
	height: auto;
	border: 1px solid #eee;
	border-radius: 8px;
}
.resume-area .resume-info .other .right textarea{
	border: none;
	width: 100%;
    height: 100px;
    color: #999999;
    border-radius: 8px;
    outline: none;
    padding: 15px;
    resize: none;
}
textarea::placeholder {
    font-size: 14px !important;
}
.resume-info .tips{
	width: 100%;
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
	color: #037DF3;
}
.resume-info .notes{
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333333;
}
.resume-info .notes lable{
	color: #E73600;
}
.resume-info .notes span{
	font-size: 12px;
	color: #999;
}
.resume-info .img-area{
    width: 100%;
    height: auto;
    display: flex;
    /*align-items: center;*/
    flex-direction: column;
    flex-wrap: wrap;
}
.resume-info .img-area .add-img{
	background: #eee;
    text-align: center;
    line-height: 67px;
    font-size: 50px;
    cursor:pointer;
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    flex-wrap: wrap;
}
/********************************************************报名记录**************************************************/
.enroll-content{
	width: 100%;
	height: auto;
	max-height: 400px;
	overflow: scroll;
	padding: 0 30px 50px 30px;	
}
.enroll-content::-webkit-scrollbar{
	width: 0 !important;
	height: 0 !important;
}
.enroll-content .boxs{
	width: 100%;
	height: auto;
}
.enroll-content .boxs .box{
	width: 100%;
	height: auto;
	padding: 0 15px;
	border-bottom: 1px solid #eee;
}
.enroll-content .boxs .box:last-child{
	border: none;
}
.enroll-content .boxs .box .title{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
}
.enroll-content .boxs .box .meeting-area{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.enroll-content .boxs .box .meeting-area .meeting-info{
	flex: 1;
	height: auto;
}
.enroll-content .boxs .box .meeting-area .meeting-info .tips{
	width: 100%;
	height: 30px;
	font-size: 12px;
	color: #ccc;
	line-height: 30px;
}
.enroll-content .boxs .box .meeting-area .detail{
	width: 100px;
	height: auto;
	text-align: right;
	color: #037DF3;
}
/********************************************************报名详情**************************************************/
.enroll-detail-content{
	width: 100%;
	height: auto;
	padding: 0 30px 50px 30px;
}
.enroll-detail-content::-webkit-scrollbar{
	width: 0 !important;
	height: 0 !important;
}
.enroll-detail-content .enroll-info{
	width: 100%;
	height: auto;
	border-radius: 8px;
	background: #F0F0F0;
	padding: 15px;
}
.enroll-detail-content .enroll-info .name{
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
}
.enroll-detail-content .enroll-info .tips{
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999;
}
.enroll-detail-content .time{
	width: 100%;
	height: auto;
	background: #f0f0f0;
	border-radius: 8px;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #333;
	margin: 15px 0;
}
.enroll-detail-content .unit-area{
	width: 100%;
	height: auto;
	background: #f0f0f0;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 15px;
}
.enroll-detail-content .unit-area .tips{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.enroll-detail-content .unit-area .units{
	width: 100%;
	height: auto;
	padding: 15px 0;
	display: flex;
	flex-wrap: wrap;
}
.enroll-detail-content .unit-area .units .unit{
	width: 47%;
	height: auto;
	display: flex;
	margin-right: 5px;
	margin-bottom: 10px;
}
.enroll-detail-content .unit-area .units .unit .img{
    width: 20px;
    height: 20px;
    margin-right: 10px;
    /*border-radius: 50%;*/
    overflow: hidden;
}
.enroll-detail-content .unit-area .units .unit .name{
	width: 120px;
	height: auto;
	
}
.enroll-detail-content .unit-area .units .unit span{
	color: #037DF3;
}
/********************************************************二维码弹框**************************************************/
.code-content{
	width: 100%;
	height: auto;
	padding: 30px;
}
.code-content .code{
	width: 300px;
	height: 300px;
	margin: 0 auto;
}
.code-content .share{
	width: 100%;
	height: 100px;
	text-align: center;
	line-height: 100px;
	color: #999;
	font-size: 14px;
	border-top: 1px solid #eee;
}
/******------------header 页头------------*******/
.head-area{
	width: 100%;
    height: 80px;
    background: #2A5792;
    color: #fff;
    cursor: pointer;
	position: fixed;
	z-index:100;
}
.head-area .header{
	width: 1100px;
	min-width: 640px;
	height: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	color: #fff;
    cursor: pointer;
}
.head-area .header .logo{
	width: 180px;
}
.head-area .header .logo img{
	width: 100%;
	height: 100%;
}
.head-area .header .infos-area{
	width: 300px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.head-area .header .user-info{
	width: 300px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.head-area .header .user-info .head-img{
	width: 40px;
	height: 40px;
}
.head-area .header .user-info .name{
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	text-align: right;
	color: #fff;
}
.outLogin{
    font-size: 12px;
    padding: 3px 10px;
    background: #F51F1F;
    color: #fff;
    margin-left: 15px;
    border-radius: 4px
}
.mobile .head-area .header .user-info .name{
	color: #333;
}

.notice{
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #666666;
}
.notice a{
	color: #334295;
	margin: 10px;
	text-decoration: underline;
}
.notice .img{
	width: 20px;
	height: 20px;
}
.notice .img img{
	width: 100%;
	height: 100%;
}
.infos-area .user-info{
	display: flex;
	align-items: center;
}
.infos-area .user-info .head-img{
	width: 40px;
	height: 40px;
	margin-right: 10px;
}


/******************************************手机端******************************************/
.mobile .head-area{
	width: 100%;
	height: 60px;
}
.mobile .head-area .header{
	width: 100%;
	min-width: 375px;
	height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
}
.mobile .head-area .header .logo{
	width: 116px;
	height: 30px;
}
.mobile .head-area .header .infos-area{
	width: 80px;
	height: 30px;
	background: #037DF3;
	color: #fff;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mobile .head-area .header .infos-area .btn{
	width: 50%;
	height: 30px;
	text-align: center;
	line-height: 30px;
	padding: 0 !important;
}


.mobile .login-area{
	width: 94%;
	height: auto;
}
.mobile .forget-area{
	width: 94%;
	height: auto;
}
.mobile .login-area .login-content{
	width: 100%;
	height: auto;
	padding: 0 15px 15px 15px;
}
.mobile .login-area .login-content .items{
	width: 100%;
	height: 40px;
	padding: 0;
}
.mobile .login-area .login-content .items .left{
	display: none;
}
.mobile .login-area .login-content .items .right{
	width: 100%;
}
.mobile .login-area .login-content .tips{
	height: 30px;
	line-height: 30px;
	margin: 0;
}
.mobile .login-area .back {
    position: absolute;
    top: -10px;
    right: 10px;
    font-size: 40px;
    color: #333;
}
.mobile .forget-area .forget-content {
	width: 100%;
	height: auto;
	padding: 0 15px 15px 15px;
}
.mobile .forget-area .forget-content .items{
	width: 100%;
	height: 40px;
	padding: 0;
}
.mobile .forget-area .forget-content .items .left{
	display: none;
}
.mobile .forget-area .forget-content .items .right{
	width: 100%;
}
.mobile .forget-area .back {
    position: absolute;
    top: -10px;
    right: 10px;
    font-size: 40px;
    color: #333;
}
.mobile .forget-area .user-content{
	padding: 0 15px 15px 15px;
}
.mobile .cn-user-area{
	display: none;
}
.mobile .my_resume-area{
	display: none;
}
.mobile .update-resume-area{
	display: none;
}
.mobile .my-enroll-area{
	display: none;
}
.mobile .enroll-detail-area{
	display: none;
}







.major-area{
    width: 300px;
    height: auto;
    border-radius: 16px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
/*    position: absolute;
    top: 350px;
    left: 50%;*/
    z-index: 999;
    cursor: pointer;
    /*transform: translateX(-50%);*/
    box-shadow: 2px 7px 8px #ccc;
}
.major-area .title{
	width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.major-area .major-content{
    width: 100%;
    height: auto;
    padding: 0 30px 30px 30px;
}
.major-area .major-content::-webkit-scrollbar{
	width: 0;
	height: 0;
}
.major-area .major-content .items{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.major-area .major-content .items .item{
	width: 47%;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	color: #333;
}
.major-area .return{
    position: absolute;
    top: -5px;
    right: 8px;
    font-size: 30px;
    color: #333;
}
.intentions{
    flex: 1;
    height: 40px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 10px;
}
.intentions .intention{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}
.intentions .intention input{
    border: 1px solid #eee;
    flex: 1;
    height: 40px;
    color: #999999;
    outline: none;
    padding: 0 15px;
}
.intentions .intention span{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #037DF3;
    color: #fff;
    border-radius: 8px;
    margin-left: 15px;
}