/*用户头像*/
.user_info {text-align: center; background-color: #4ccb94; position: relative;}
.user_info .portrait{display:inline-block; border-radius:50%; width:7rem; height:7rem; background:#fff; border:2px solid #f4f6f5; overflow: hidden; margin-top: 20px; margin-bottom: 10px;}
.user_info .user_con{width:80%; font-size: 1.6rem; margin: 0 auto;}
.user_info .user_con .name{font-size: 1.8rem; color: #fff;}
.user_info .user_con .resume_complete{padding-bottom: 5px;}
.user_info .user_con .resume_complete span{padding-left: 10px;}
.user_info .user_con .actions a{display:inline-block;background:#0dbdac;color: #fff;border-radius: 3px;line-height: 24px;padding:0 8px;margin: 0 8px 6px 0;}
.user_info .user_con p{font-size: 1.2rem;color: #999}
.user_info .user_con div em { padding: 0 4px;}
/*未登录用户头像*/
.user_login {text-align: center;padding:15px 10px; background-color: #4ccb94; height: 200px;}
.user_login div{}
.user_login .portrait{display:inline-block; border-radius:50%; width:7rem; height:7rem; background:#fff; border:2px solid #f4f6f5; overflow: hidden;}
.portrait img{width:100%;}
.user_login div.pull_left{text-align: center;}
.user_login div.pull_right{ font-size: 1.6rem;}
.user_login div a{}
.pull_log_text { padding-top: 20px;}
.pull_log_text a { padding: 5px 10px; font-size:1.6rem; background:rgba(255,255,255,0.8); border-radius: 4px; color: #04bc6c;}


.m-wave { width: 100%; height: 80px; overflow: hidden; position: relative; }
@media screen and (max-width:1366px) {
    .m-wave { width: 100%; height: 80px; overflow: hidden; position: relative }
    html { overflow-x: hidden; overflow-y: auto }
}
@media screen and (max-height:900px) {
    .m-wave { width: 100%; height: 80px; overflow: hidden }
    html { overflow-x: hidden; overflow-y: auto }
}

@media screen and (max-height:750px) {
    .m-wave { width: 100%; height: 80px; overflow: hidden; position: absolute; top:120px; }
    .user_info { height: 200px;}
    html { overflow-x: hidden; overflow-y: auto }
}

.m-wave .wave-item { width: 6000px; height: 80px; position: absolute }
.m-wave .wave-bg { width: 50%; height: 100%; float: left; background: url(../images/waveBg.png?v=201810221702) 0 0 repeat-x }
.m-wave .wave-bg1 { background-position: 0 -20px }
.m-wave .wave-bg2 { background-position: 0 -232px }
.m-wave .wave-bg3 { background-position: 0 -436px }

.top-nav-resume { width: 100%; height:  auto; overflow: hidden;}
.mybox-resume { width: 50%; height: 60px; background-color: #ffffff; line-height: 60px; text-align: center; margin: 0px 0; float: left; }
.mybox-resume a { color: #04bc6c; font-size: 18px; }
.mybox-resume-icon { width: 24px; height: 24px; display:  inline-block; vertical-align:  middle; margin-right: 10px; margin-bottom: 4px;}



.my-resume-list {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    margin-top: 10px;
}

.my-resume-list-box {
    width: width: calc(100% - 40px);
    border-bottom: 1px #eee solid;
    height: 60px;
    line-height:59px;
    clear: both;
    margin: 0 20px;
}

.my-resume-list-box a { width: 100%; height: auto;  display: inline-block;}

.my-resume-list-box:last-child {
    border-bottom: none;
}

.my-resume-list-box image {
    width: 44px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-top: 0px;
}

.my-resume-list-box text {
    color: #646464;
    font-size: 16px;
    align-items: center;
    margin-right: 10px;
    margin-top: 0px;
}

/*************三角形***********/
.triangle-facing-right {
    display: inline-block;
    border-right: 2px solid #b2b2b2; border-bottom: 2px solid #b2b2b2;
    width: 8px; height: 8px;
    transform: rotate(-45deg);
}
.triangle-facing-left {
    display: inline-block;
    border-top: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2;
    width: 8px; height: 8px;
    transform: rotate(45deg);
}
.triangle-facing-top {
    display: inline-block;
    border-top: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2;
    width: 8px; height: 8px;
    transform: rotate(-45deg);
}
.triangle-facing-bottom {
    display: inline-block;
    border-right: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2;
    width: 8px; height: 8px;
    transform: rotate(45deg);
}



/*我的收藏 投递记录 谁看过我  面试邀请*/
ul.navrow{width:100%; background-color: #fff;}
ul.navrow li{float:left;width:25%;text-align: center;font-size: 1.4rem;border:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-left: 0;}
ul.navrow span{position: relative;background: #f94a4a;border-radius: 20px;color: #fff;padding:0 5px;font-size:1rem;display: inline-block;line-height: 14px;height:13px;top:-12px;left:0px;z-index:1;}
ul.navrow span i{position: absolute;left:0;bottom:-1px;background: url(../images/redtip.png) no-repeat;width:6px;height:6px;background-size: 6px auto}
ul.navrow li a{display:block;}
ul.navrow li a p{ color: #5e5e5e; }
ul.navrow li a:hover{height:100%;background: #f5f5f5; line-height: 48px; height: 48px;}

/*推荐职位*/
.list_title{border-bottom:1px solid #eeeeee; font-size:16px; line-height: 50px; color:#04bc6c; background: #fff; text-align: center; margin-top: 10px; }
.list_ul{font-size: 1.4rem; background-color: #fff;}
.list_ul li{padding:10px 10px;cursor:pointer; border-bottom:1px solid #eeeeee;}
.list_ul li:last-child { border-bottom: 0px;}
.list_ul li div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_ul li div .pull_right { text-align: right;}
.list_ul li .row1{line-height: 24px;}
.list_ul li .row1 .name{font-size: 1.6rem; float:left;display:inline-block;max-width:69%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_ul li .row1 .name a { color: #333333;}
.list_ul li .row1 em{padding:0 5px;}
.list_ul li .pull_right{float: right;}
.list_ul li .money{color: #e85743; font-size: 16px; }
.list_ul li .pull_left .company{color: #999;}
.list_ul li .pull_right .time{color: #999;}
.list_ul li .fcolor{color:#000;}

.list-ul-box{font-size: 1.4rem; background-color: #fff;}
.list-ul-box li{padding:10px 10px 0px 10px; cursor:pointer; border-bottom:10px solid #eeeeee;}
.list-ul-box li div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-ul-box li div .pull_right { text-align: right;}
.list-ul-box li .row1{line-height: 30px;}
.list-ul-box li .row1 .name{font-size: 1.6rem; color: #333333; float:left;display:inline-block;max-width:69%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-ul-box li .row1 em{padding:0 4px;}
.list-ul-box li .pull_right{float: right;}
.list-ul-box li .money{color: #04bc6c; font-size: 16px; }
.list-ul-box li .pull_left .company{color: #000;}
.list-ul-box li .pull_right .time{color: #999;}
.list-ul-box li .fcolor{color:#999;}


.collection-div { width: 100%; height:auto; border-top:1px #eeeeee solid; margin-top: 5px;}
.mybox-collection { width: 50%;  background-color: #ffffff;  text-align: center; float: left; border-right:1px #cccccc solid; margin: 10px 0; }
.mybox-collection:last-child {border-right:none;}
.mybox-collection a { color: #333333; font-size: 14px; }
.mybox-collection-icon { width: 16px; height: 16px; display:  inline-block; vertical-align:  middle; margin-right: 5px; margin-bottom: 4px;}

/*我的收藏*/

ul.nav_four li{border:0;font-size: 1.6rem; position: relative; }
ul.nav_four li a{ border-bottom: 1px solid #e5e5e5; height: 48px; line-height: 48px;}
ul.nav_four li a.cur{color: #04bc6c; border-bottom: 2px #04bc6c solid;}
ul.nav_four code{position: absolute;top:-2px;}

ul.list_ul li a.cancelcollection{display:inline-block;height:72px;padding-top:48px;background:url(../images/shoucang.png) no-repeat center 12px;background-size:24px auto;}
.dt_checkbox dt{width:26px;float:left;}
.dt_checkbox dd{float:left;width:calc(100% - 32px);}

.norecord{text-align: center;color: #999;font-size: 1.6rem;padding-top: 10rem;}
.norecord div{padding:10px 0;}
.norecord a{display:inline-block;background:#04bc6c;color: #fff;border-radius: 3px;line-height: 30px;padding:0 15px;}
.norecord p{font-size: 1.2rem;}

/****提示框*****/
.pic_in{ width:100%;position:fixed; top:50%; margin-top:-7rem; left:0;z-index: 9; }
.pic_f{position: relative; width:80%; margin:0 auto; padding:5rem 0; box-shadow:0 1px 10px #999; background:#0dbdac; text-align:center; color:#fff; border-radius:15px; font-size:1.8rem; display:block;}
.close{ position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; display: inline-block; background: url(../images/close.png) no-repeat center center; background-size:14px; }


/****** 投递成功 str*****/
.message_tit{ margin: 10px 10px 0px 10px; line-height: 16px; border: 1px solid #e5e5e5; padding: 8px 10px; background: #fff;}
.message_tit h2{ float: left; font-size: 1.6em;}
.message_tit span{ font-size: 1.4rem; color: #8D8D8D; float: right;}
.message_tit span em{ color: #f00; padding: 0 2px;}

.companyInfo{ margin: 0px 10px 0px 10px; background: #fff; border: 1px solid #e5e5e5; border-top:none;  font-size: 1.4em;}
.companyInfo dl{ padding: 10px; line-height: 130%; border-bottom: 1px dashed #f1f1f1;}
.companyInfo dl:last-child{ border-bottom: none;}
.companyInfo dl.Infolr dt{ float: left; width: 76px; color: #8D8D8D;}
.companyInfo dl.Infolr dd{ padding-left: 76px;}
.companyInfo dl.Infow dt{color: #8D8D8D; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #f1f1f1;}
.companyInfo dl.Infow dd{line-height: 130%;}
/****** 投递成功 end ******/

 	/*刷新样式*/
 	/*刷新样式*/
.user_refresh{display:none;  text-align: center; color: #FFF; z-index: 3000; top: 211.5px; width: 100%; position: fixed;}
.user_refresh span{display:inline-block; padding: 10px 10px;line-height: 20px; border-radius: 4px; font-size: 16px;background-color:rgba(60,59,59,0.9);}

/*面试邀请查看详细*/

.list_ul li .order{background:#fafafa;display: none }
.list_ul li .order pre{white-space: pre-wrap;padding: 16px;}



.morebtn{position: relative;line-height: 24px;display:inline-block;padding-right: 15px;padding-left: 10px;}
.morebtn:hover{color: #333333}
.morebtn i {
    position: absolute;
    top: 9px;
    right: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border-width: 5px 6px 0;
    border-style: solid dashed;
    border-color: #666 transparent transparent;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
.selected {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
.morebtn span{position:absolute;left:0;top:8px;display: block;width:8px;height:8px;background:#F92C2C;border-radius: 50%;}

@media screen and (max-width: 500px){

	ul.nav_four li:last-child code{position: absolute;right:2px;top:-2px;}	

}