html,body{
    width: 100%;
}
html,body.member-box {
    background-color: #eff2f8;
}
.member-container {
    display: flex;
    margin: 20px auto;
    justify-content: flex-end;
    position: relative;
    /* padding-bottom: 50px; */
}
.member-box .member_left {
    min-width: 260px;
    background-color: #ffffff;
    vertical-align: top;
    overflow: auto;
    max-width: 260px;
    height: 800px;
    position: absolute;
    left: 0;
    top: 0;
}

.member-box .member_right {
    background-color: #fff;
    height: 800px;
    position: relative;
    padding: 20px;
    width: 960px;
}
.member-box .member_right .title {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: bold;
}
.member-box .member_right .order_list{
    height: 100%;
    overflow: auto;
}
.member-box .member_right .member_right_nav {
    font-size: 14px;
    color: rgb(128,136,155);
    position: absolute;
    right: 285px;
    top: 21px;
}
.member-box .member_right .member_right_nav a.chossed {
    color: rgb(0, 150, 250);
    font-weight: bold;
}
.member-box .member_right .member_right_nav i {
    margin: 0px 15px;
    display: inline-block;
    border: 1px solid rgb(128,136,155);
    height: 11px;
}
.member-box .member_right .order_item_con .order_item {
    border: 1px solid #e3e3e3;
    margin: 0 0 20px 0;
    color: #676767;
}
.member-box .member_right .order_item_con .order_item.daizhifu{
    border-color: #ffcdcd;
}
.member-box .member_right .order_item_con .title .bd {
    display: flex;
    float: right;
    position: relative;
    padding-right: 50px;
}

.member-box .member_right .order_item_con .title .bd .time {
    display: inline-block;
    /* margin-left: 70px; */
    /* margin-right: 60px; */
    margin: 0 10px;
    width: 120px;
    text-align: right;
}
.member-box .member_right .order_item_con .title .bd .staus{
    text-align:right;
    width:100px;
    display: inline-block;
}
.member-box .member_right .order_item.daizhifu .title {
    background-color: #fffcfc;
}
.member-box .member_right .order_item_con .title {
    background-color: #fafafa;
    font-size: 14px;
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    margin-bottom: 0px;
}
.member-box .member_right .order_item_con .title .sn{
    margin-left: 20px;
    font-weight: normal;
}
.member-box .member_right .order_item_con .title .bd .price {
    color: #b1b8be;
    font-weight: 600;
    margin: 0 48px 0 0;
}
.member-box .member_right .order_item_con .daizhifu .title .bd .price {
    color: #ff3e3e;
}
.concact_service {
    padding-right: 25px !important;
    margin-left: 45px !important;
    cursor: pointer;
    position: relative;
}

.concact_service>img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.concact_service>span {
    display: inline-block;
    vertical-align: middle;
}
.concact_service:hover .concact_service_logo {
    display: inline-block !important;
}
.concact_service .concact_service_logo {
    display: none !important;
    position: absolute;
    left: -145px;
    top: 56px;
    width: 200px;
    height: 200px;
    z-index: 2;
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.concact_service .concact_service_logo>img {
    width: 100%;
    height: 100%;
}

.concact_service .concact_service_logo:before {
    content: '';
    display: inline-block;
    position:absolute;
    top:-10px;
    left: 96px;
    width: 22px;
    font-size: 0;
    line-height: 0;
    border-width: 10px;
    border-color: #f5f5f5;
    border-top-width: 0;
    border-style: dashed;
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
}
.member-box .member_right .order_item_con .detail .thumb {
    display: inline-block;
    vertical-align: top;
    height: 190px;
    width: 135px;
    margin-right:15px;
    overflow: hidden;
    border: 1px solid rgb(207,213,228);
}

.member-box .member_right .order_item_con .detail .info {
    display: inline-block;
    font-size: 14px;
    color: #23282f;
    font-weight: bold;
    text-align: justify;
    width: 60%;
}

.member-box .member_right .order_item_con .detail {
    padding: 20px;
    background-color: #fff;
    position: relative;
    display: none;
}

.member-box .member_right .order_item_con .detail .thumb img {
    width: 100%;
}

.member-box .member_right .order_item_con .detail .info ul.desc li {
    display: inline-block;
    width: 49%;
    margin-bottom: 15px;
    color: #77808e;
    vertical-align: top;
}

.member-box .member_right .order_item_con .detail .info ul.desc {
    margin-top: 30px;
    text-align: left;
}
.member-box .member_right .order_item_con .opt {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -35px;
}
.member-box .member_right .order_item_con .opt a.pay  {
    width: 90px;
    height: 35px;
    display: inline-block;
    border-radius: 18px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background-color: rgb(255, 62, 62);
    font-weight: bold;
}
.member-box .member_right .order_item_con .opt a.pay:hover {
    opacity: 0.8;
}
.member-box .member_right .order_item_con .opt a.dowload {
    display: inline-block;
    width: 90px;
    height: 35px;
    border-radius: 18px;
    background-color: #b1b8be;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.member-box .member_right .order_item_con .opt a.complete_order_btn {
    display: inline-block;
    width: 90px;
    height: 35px;
    border-radius: 18px;
    background-color: #0ad17a;
    line-height: 35px;
    text-align: center;
    color: #fff;
    margin-right: 10px;
}
.member-box .member_right .order_item_con .opt a.completed {
    display: inline-block;
    width: 90px;
    height: 35px;
    border-radius: 18px;
    background-color: #b1b8be;
    line-height: 35px;
    text-align: center;
    color: rgb(255 255 255);
    font-weight: bold;
}
.member-box .member_right .order_item_con .opt a.download {
    display: inline-block;
    width: 90px;
    height: 35px;
    border-radius: 4px;
    background-color: #f68300;
    line-height: 35px;
    text-align: center;
    color: #fff;
}
.member_left .head_box {
    padding: 40px 0px 45px;
}
.member-box .member_left .top_info .member_log {
    width: 35px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: -10px;
}

.member-box .member_left .top_info .member_log img {
    width: 100%;
    height: 100%;
}
.member-box .member_left .top_info .member_left_nav {
    display: inline-block;
    float: right;
    position: relative;
    text-align: left;
    width: 100px;
    height: 50px;
}
.member_left_nav .login-dropdown a {
    display: block;
    height: 40px;
    /* padding: 0px 30px; */
    line-height: 40px;
    font-size: 12px;
    color: #6f767f;
}
.member_left_nav .login-dropdown a:hover {
    background-color: #f8f8f8;
    color: #0e5dff;
}
.member_left_nav .login-dropdown {
    position: absolute;
    top: 25px;
    margin-bottom: 15px;
    width: 110px;
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.09);
    transition: opacity 0.2s;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    text-align: center;
}

.member_left_nav .login-dropdown li.am-divider {
}
.member_left_nav .login-dropdown .success-a{
    display:none
}
.member-box .member_left .top_info i.spilt_icon_img.gray_liebiao_icon {
    display: inline-block;
    float: right;
    cursor: pointer;
}

.member-box .member_left .top_info {
    margin-bottom: 48px;
    position: relative;
}
.member-box .member_left .middle_member_info img {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #eee;
}

.member-box .member_left .middle_member_info {
    margin: auto;
    width: 40%;
    text-align: center;
}

.member-box .member_left .middle_member_info span.nickname {
    display: block;
    font-size: 18px;
    text-align: center;
    color: #4c4c4c;
}

.member-box .member_left .middle_member_info span.id {
    display: block;
    text-align: center;
    color: #828282;
    font-size: 12px;
}

.member-box .member_left a.create_free_resume {
    display: block;
    width: 178px;
    height: 40px;
    background-color: #0e5dff;
    box-shadow: 0px 14px 24px 0px rgba(0, 100, 250, 0.21);
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 20px;
    border: none;
    margin: 0 auto;
}
.member-box .member_left a.create_free_resume:hover {
    opacity: 0.8;
}
.member-box .member_left a.create_free_resume i {
    display: inline-block;
    position: relative;
}
.member-box .member_left a.create_free_resume i:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 8px;
    background-color: rgb(229, 239, 254);
    position: absolute;
    top: -9px;
    left: -10px;
}

.member-box .member_left a.create_free_resume i:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 2px;
    background-color: rgb(229, 239, 254);
    position: absolute;
    top: -6px;
    left: -13px;
}
.member-box .member_left .nav >a>i ,.resume-box .item_list .operate .opt_bd a{
    display: inline-block;
    margin-right: 12px;
    width: 20px;
    height: 18px;
    background-image: url(/static/pc/user/images/user_icon.png);
}

.member-box .member_left .bottom_opt i {
    display: inline-block;
    margin-bottom: -1px;
    margin-right: 5px;
}
.member-box .member_left .bottom_opt a.pay_vip_a{
    display: inline-block;
    width: 46px;
    height: 24px;
    background-color: #0e5dff;
    padding: 0px;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 15px;
    vertical-align: top;
    cursor: pointer;
}
.member-box .member_left .nav>a {
    display: flex;
    position: relative;
    /* height: 42px; */
    line-height: 42px;
    font-size: 14px;
    color: #646b75;
    align-items: center;
    margin: 10px 0;
    padding-left: 60px;
    justify-content: flex-start;
}
.member-box .member_left .nav >a>i.doc_icon {
    background-position: -1px -1px;
}
.member-box .member_left .nav >a>i.order_icon {
    background-position: -3px -24px;
}
.member-box .member_left .nav >a>i.order_icon {
    background-position: -1px -22px;
}
.member-box .member_left .nav >a>i.vip_icon {
    background-position: -1px -43px;
}
.member-box .member_left .nav >a>i.set_icon {
    background-position: -1px -61px;
}
.member-box .member_left .nav>a:hover {
    background-color: #f7f8fb;
}


.order-box .member_left .nav a.order_select, .member_set_box .member_left .nav a.set_select,.resume-box .member_left .nav a.resume_select,.histroy-box .member_left .nav a.histroy_select,.vip-box .member_left .nav a.vip_select{
    background-color: #f7f8fb;
    color: #0e5dff;
    font-weight: bold;
    border-left: 4px solid;
    padding-left: 53px;
}
.member-box .member_left .create {
    text-align:center;
    padding-top:40px;
}
.member-box .member_left .create a{
    width:140px;
    height:40px;
    background: linear-gradient(45deg, #4486ff, #0934f1);
    display:inline-block;
    border-radius:40px;
    color:#fff;
    line-height:40px;
    text-align:center;
}
.member-box .member_left .create a svg{
    margin-right:5px;
}
.member-box .member_left .create a:hover{
    background-color:#2ac1fb;
}
.member-box .member_left .nav {
    margin: 0 auto;
    position: relative;
    padding-top: 30px;
}
.member-box .member_left .service {
    position:absolute;
    bottom:30px;
    left:60px;
}
.member-box .member_left .user{
    background: linear-gradient(84deg, #3caafd, #0934f1);
    text-align:center;
    padding: 30px 0 15px 0;
    color: #fff;
}
.member-box .member_left .user .avatar{
    width:70px;
    height:70px;
    border-radius:70px;
    overflow:hidden;
    display:inline-block;
    border: 2px solid rgb(255 255 255 / 0.3);
}
.member-box .member_left .user .avatar img{
    width:100%;
    height: 100%;
    display:block;
}
.member-box .member_left .user .name{
    font-weight:bold;
    padding-bottom:20px;
}
.member-box .member_left .user .info{
    padding:0 40px;
    display:flex;
    justify-content:space-between;
    font-size:12px;
    opacity:.8;
    align-items: center;
}
.member-box .member_left .tips {
    padding: 0px 40px;
    width: 92%;
    position: absolute;
    bottom: 81px;
    text-align: justify;
}
.member-box .member_left .tips:after{
    content:'';
    display:inline-block;
    height:100%;
    width:100%;
}
.member-box .member_left .con {
    vertical-align: bottom;
    display: inline-block;
    position: absolute;
    bottom: 20px;
    font-size: 12px;
    color: rgb(94, 101, 112);
    line-height: 1.667;
}
.member-box .member_left .bottom_opt {
    padding: 0px 40px;
    width: 100%;
    height: 130px;
    position: absolute;
    bottom: 0px;
    font-size: 12px;
    color: rgb(94, 101, 112);
    line-height: 1.667;
    border-top: 1px solid #d6dbe6;
}
.member-box .member_left .bottom_opt var.vip_expire_date {
    font-style: normal;
}
.member-box .member_left .bottom_opt p.vip_expire_date_text { margin-bottom: 13px;}

.member-box .member_left .user_type_attr {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 2px;
}

.member-box .member_left .user_type_attr>i {
    display: inline-block;
    width: 90px;
    height: 28px;
    margin-right: 4px;
    background-image: url(/static/pc/vip/images/vip_type_01.png);
}
.member-box .member_left .user_type_attr[user_type="onebuy"]>i {
    background-image: url(/static/pc/vip/images/vip_type_05.png);
}
.member-box .member_left .user_type_attr[user_type="standard"]>i {
    background-image: url(/static/pc/vip/images/vip_type_02.png);
}
.member-box .member_left .user_type_attr[user_type="respect"]>i {
    background-image: url(/static/pc/vip/images/vip_type_03.png);
}
.member-box .member_left .user_type_attr[user_type="forever"]>i {
    background-image: url(/static/pc/vip/images/vip_type_04.png);
}
.member-box .member_left .info.user_type_attr[user_type="free"]>i {
    background-image: url(/static/pc/vip/images/vip_type_06.png);
}
.member-box .member_left .info.user_type_attr[user_type="forever"]>i {
    background-image: url(/static/pc/vip/images/vip_type_07.png);
}
.member-box .member_left .info.user_type_attr>i{
    background-image:none;
}
.member-box .member_left .con a {
    color: #0e5dff;
    cursor: inherit;
}
.member-box .member_left p.allowance_tips {margin: 0px;}
.member-box .member_left p.allowance_tips .num {font-style: normal;color: #0e5dff;}
/** 我的收藏*/

.member_right .word_item_con {
    width: 248px;
    display: inline-block;
    position: relative;
    top: -30px;
    height: 358px;
    margin: 30px 30px 0px 0px;
    animation: slidedown 0.3s linear forwards;
    opacity: 0;
    box-shadow: 0 0 2px 0px rgb(228, 228, 228);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.member_right .word_item_con:hover {
    box-shadow: 0 0 20px 0px rgb(178, 194, 202);
}

.member_right .word_item {
    float: left;
    position: relative;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    width: inherit;
}

@-webkit-keyframes slidedown {
    0% {
        top: -30px;
        opacity: 0;
    }

    form {
        top: -30px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes slidedown {
    0% {
        top: -30px;
        opacity: 0;
    }

    form {
        top: -30px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.member_right .word_item dt {
    position: relative;
    float: left;
    width: inherit;
    padding: 8px;
    text-align: center;
    background: #fff;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.member_right .word_item dt a {
    display: block;
}

.member_right .word_item dt img {
    display: inline-block;
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.member_right .word_item dt a span {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    line-height: 100%;
    background: rgba(100, 100, 100, 0.82);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: black;
    padding: 50% 0;
}

.member_right .word_item:hover dt a span i {
    font-style: inherit;
}

.member_right .word_item dt a span i.chakan {
    display: inline-block;
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    background-color: #0e5dff;
    border-radius: 5px;
    font-style: inherit;
}

.member_right .word_item:hover dt a span i.shoucang {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 26px;
    height: 26px;
}
.member_right .word_item i.shoucang.has{
    height: 24px;
    width: 25px;
    background-position: 0 -389px;
}
.member_right .ad .word_item dt a span {
    background: rgba(0, 192, 145, 0.82) url(../images/word_yl.png) no-repeat center 150px;
}

.member_right .word_item:hover dt a span {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.member_right .word_item dd {
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 66px;
    bottom: 0px;
    padding: 8px 4%;
    background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.member_right .word_item dd a {
    float: left;
    font-size: 14px;
    color: #7a858e;
    display: block;
}

.member_right .word_item dd .title a {
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.member_right .word_item dd a:hover {
    color: rgb(0, 150, 250);
}

.member_right .word_item dd span {
    font-family: arial;
    display: block;
    float: right;
}

.member_right .word_item dd p {
    width: 100%;
}

.member_right .word_item dd .info {
    width: 100%;
    line-height: 22px;
    padding-top: 8px;
    margin-top: 24px;
    text-align: left;
    border-top: 1px solid #ececec;
    opacity: 0;
    color: #b3b3b3;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.member_right .word_item dd .info a {
    display: block;
    margin-top: 8px;
    color: #00c091;
    text-decoration: underline;
    cursor: pointer;
}

.member_right .word_item dd .info a:hover {
    opacity: 0.8;
}

.member_right .word_item:hover dd .info {
    opacity: 1;
}

.member_right .word_item dd .bd {
    position: absolute;
    bottom: 5px;
    left: 8px;
    width: 96%;
    line-height: 15px;
}

.member_right .word_item dd .num {
    display: inline-block;
    width: auto;
    line-height: 13px;
}

.member_right .word_item dd .num span {
    color: #999999;
    padding-left: 20px;
    font-weight: normal;
    font-size: 12px;
    width: auto;
}

.member_right .word_item dd .num span i {
    color: rgb(187, 187, 187);
    font-style: inherit;
}

.member_right .word_item dd .num:last-child {
    float: right;
    margin-right: 8px;
}

/** 个人设置 */
.member_set_body {padding-top: 80px;}

.member_set_body .avatar-info {
    text-align: center;
    padding-top: 20px;
}

.member_set_body .avatar-info a.btn {
    color: #000;
    font-size: 12px;
    border-radius: 4px;
    margin: 0 0px 5px;
}

.member_set_body .avatar-info a.btn:hover {
    border-color: rgb(50,120,250);
    color:rgb(50,120,250);
    cursor: pointer;
}

.member_set_body .avatar-info .headimg {
    position: relative;
    width: 90px;
    height: 90px;
    overflow: hidden;
    cursor: pointer;
    margin: auto;
    border-radius: 50%;
}

.member_set_body .avatar-info .headimg a {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 90px;
}

.member_set_body .avatar-info .headimg a:hover {
    opacity: 1;
}

.member_set_id {
    font-size: 14px;
    color: #929aab;
    text-align: center;
}

.member_set_list {
    width: 450px;
    margin: 60px auto;
}

.member_set_list li {
    margin-bottom: 22px;
    font-size: 0;
}

.member_set_list .member-set-list-title,
.member_set_list .member-set-list-right {
    display: inline-block;
    vertical-align: top;
    width: 55px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #909090;
}

.member_set_list .member-set-list-title {
    padding-right: 10px;
    text-align: right;
}

.member_set_list .member-set-list-content {
    display: inline-block;
    vertical-align: top;
    width: 340px;
    height: 40px;
    line-height: 40px;
    padding: 5px;
    border-radius: 4px;
    border: solid 1px #eaeaea;
}

.member_set_list .member-set-list-content input,
.member_set_list .member-set-list-content span {
    display: block;
    width: 328px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #676767;
    font-size: 14px;
}

.member_set_list .member-set-list-right {
    padding-left: 10px;
    text-align: left;
    color: #0e5dff;
}

.member_set_list .member-set-list-tip {
    display: block;
    text-indent: 55px;
    color: #aeaeae;
    font-size: 12px;
}

.member_set_list li.nickname input {
    border: none;
}

.member_set_list .weixin .member-set-list-content {
    background-color: #0e5dff;
    border-color: #0e5dff;
}

.member_set_list .weixin .member-set-list-content input,
.member_set_list .weixin .member-set-list-content span {
    color: #fff;
}

.member-box.jl-index_bottom1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.member-box.member_set_form .member_set_body-title {
    right: 0;
    top: -50px;
    font-size: 24px;
    text-align: center;
}

.member-box.member_set_form .avatar-info {
    position: static;
    margin: 0 auto;
    padding-top: 66px;
}

.member-box.member_set_form .headimg {
    border: none;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.member-box.member_set_form .member-set-content-tip {
    text-indent: 0;
    text-align: center;
    margin-top: 27px;
}

.member-set-form {
    width: 366px;
    margin: 50px auto 0;
}

.member-set-form .field {
    position: relative;
;
    width: 366px;
    height: 44px;
    margin-bottom: 31px;
    background-color: #fff;
    border-radius: 2px;
    border: solid 1px #dbdbdb;
}

.member-set-form .field:hover {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}

.member-set-form .field input {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    width: 364px;
    height: 42px;
    line-height: 32px;
}

.member-set-form .field .valid-tips,
.member-set-form .field .valid-error {
    position: absolute;
    top: 42px;
    left: 0;
}

.member-set-form .field .valid-error {
    top: 45px;
}

.member-set-form .field .valid-tips .tips {
    background-position: -302px -224px;
}

.member-set-form .field .valid-error .error {
    padding-left: 20px;
    color: #ff7575;
    background: url(../../images/login/lr_sp.png) no-repeat -161px 7px;
    background-position: -297px -145px;
}

.member-set-form .code-field input,
.member-set-form .yzm-field input {
    width: 244px;
}

.member-set-form .code-field img,
.member-set-form .code-field .yzm-btn {
    display: inline-block;
    float: right;
    width: 120px;
    height: 42px;
    vertical-align: top;
    cursor: pointer;
}

.member-set-form .code-field .yzm-btn {
    color: #686868;
    font-size: 14px;
    background-color: #e9e9e9;
    line-height: 42px;
    text-align: center;
    user-select: none;
}

.member-set-form .submit button {
    display: block;
    width: 100%;
    height: 44px;
    background-color: #00c091;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 2px;
}

.member-box.member_set_bind .member_set_body {
    padding-top: 1px;
}

.member-box.member_set_bind h2,
.member-box.member_set_bind h1 {
    text-align: center;
    font-weight: normal;
    font-size: 30px;
    color: #262626;
}

.member-box.member_set_bind h2+h1 {
    margin: 35px auto 0;
}

.member-box.member_set_bind h2 {
    margin: 40px auto 0;
}

.member-box.member_set_bind h1 {
    margin: 115px auto 0;
}

.member-box.member_set_bind .wxewm {
    position: relative;
    width: 156px;
    height: 156px;
    border: 1px solid #ededed;
    margin: 60px auto 8px;
}

.member-box.member_set_bind .ewmsx {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 45px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
}

.member-box.member_set_bind .ewmsx a {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    margin: 20px auto 0;
    color: white;
    background-color: #00C091;
}

.member-box.member_set_bind .wxewm-tip-open {
    text-align: center;
    font-size: 12px;
    color: #939393;
}

.member-box.member_set_bind .wxewm-tip-open i {
    color: #00c091;
}

.member-box.member_set_bind .wxewm-tip {
    margin-top: 50px;
    text-align: center;
    font-size: 14px;
    color: #707070;
}

.member-box.member_set_bindwechat .member_set_body {
    top: -270px;
    height: 680px;
}

.member-box.member_set_bindwechat h1 {
    margin: 30px auto 0;
    text-align: center;
    font-weight: normal;
    font-size: 30px;
    color: #262626;
}

.member-box.member_set_bindwechat .head-img {
    width: 80px;
    height: 80px;
    margin: 35px auto 0;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    overflow: hidden;
}

.member-box.member_set_bindwechat .member-set-content-tip {
    margin: 20px auto 0;
    text-align: center;
}

.member-box.member_set_bindwechat form {
    width: 360px;
    margin: 40px auto 60px;
}

.member-box.member_set_bindwechat .field {
    width: 100%;
    height: 48px;
    line-height: 46px;
    border: 1px solid #dbdbdb;
    margin-bottom: 25px;
    border-radius: 4px;
}

.member-box.member_set_bindwechat .field label {
    float: left;
    width: 85px;
    border-right: 1px solid #dbdbdb;
    text-indent: 0.75em;
}

.member-box.member_set_bindwechat .field input {
    float: left;
    width: 270px;
    height: 46px;
    padding-left: 1em;
}

.member-box.member_set_bindwechat .field input[name="code"] {
    width: 170px;
}

.member-box.member_set_bindwechat .field .yzm-btn {
    float: right;
    width: 100px;
    height: 46px;
    background-color: #ddd;
    text-align: center;
    user-select: none;
    cursor: pointer;
}

.member-box.member_set_bindwechat .submit button {
    width: 100%;
    height: 48px;
    margin-bottom: 15px;
    background-color: #00c091;
    border-radius: 4px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.member-box.member_set_bindwechat .agreement_field a {
    color: #00c091;
}

.emaildefault {
    display: block;
}

.sendemail {
    display: none;
}

.member_set_sendemail .emaildefault {
    display: none;
}

.member_set_sendemail .sendemail {
    display: block;
    width: 370px;
    height: 200px;
    margin: 40px auto 0;
}

.member-box.member_set_form .member_set_sendemail .avatar-info {
    padding-top: 130px;
}

.member_set_sendemail .sendemail .sendemailmessage {
    padding: 0 20px;
    margin-bottom: 30px;
    font-size: 14px;
    color: #454545;
    text-align: center;
}

.member_set_sendemail .sendemail .submit button {
    width: 100%;
    height: 46px;
    line-height: 46px;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #00c091;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
}

.member_set_sendemail .sendemail>span {
    font-size: 12px;
    color: #9c9c9c;
    line-height: 20px;
}

.member_set_sendemail .sendemail>span a {
    color: #00c091;
}

.find_success {
    text-align: center;
}

.find_success .find_success_icon {
    display: block;
    width: 130px;
    height: 180px;
    margin: 100px auto 0;
    background: url(../../images/login/lr_sp.png) no-repeat -144px -194px;
}

.find_success h1 {
    margin: 10px 0 30px 0;
    font-size: 30px;
    color: #262626;
    font-weight: normal;
    text-align: center;
}

.find_success p {
    font-size: 14px;
    color: #9b9b9b;
    text-align: center;
}

.find_success a {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 40px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background: #00C091;
    transition: all 0.3s;
}

.find_success a:hover {
    opacity: 0.8;
}
/** 在线简历*/
.resume-box .member_right {
}
.resume-box .page_nav {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb(128, 136, 155);
    font-weight: bold;
    line-height: 4.286;
    border-bottom: 1px solid #e4e6ec;
}
.resume-box .page_nav span.name {
    display: inline-block;
    width: 66%;
}

.resume-box .page_nav  span.time {
    display: inline-block;
    width: 22%;
}
.resume-box .page_nav  span.opt {
    display: inline-block;
    text-align: right;
    width: 10%;
}
.resume-box .resume_null_tips {
    width: 100%;
    text-align-last: center;
    text-align: center;
    margin-top: 200px;
}

.resume-box .resume_null_tips img {
    margin: 0 auto;
}

.resume-box .resume_null_tips .tips {
    font-size: 18px;
    margin-top: 15px;
    color: #aaacb8;
}
.resume-box .resume_null_tips .tips a {
    color: #0e5dff;
}
.resume-box .page_list .item_list {
    width: 100%;
    height: 180px;
    border-radius: 4px;
    margin: 0 0 30px 0;
    padding: 15px 20px;
    border: 1px solid #dadee4;
    background: #fff;
}
.resume-box .page_list .item_list:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
.resume-box .item_list .info{
    width: 475px;
    display: inline-block;
}
.resume-box .item_list .info .img{
    display: inline-block;
    width: 122px;
    height: 146px;
    vertical-align: top;
    background: url(../images/zx_img.jpg) no-repeat 0 0;

}
.resume-box .item_list .info .text{
    display: inline-block;
    vertical-align: top;
    margin:0 0 0 10px;
    width: 330px;
}

.resume-box .item_list .info .text span{
    display: block;
}
.resume-box .item_list .info .name{
    padding: 10px 0 0 0;
    font-size: 16px;
    color: #272c34;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.resume-box .item_list .info .text .sorce{
    color: #01b976;
    background: #dbffe9;
    display: inline-block;
    border-radius: 20px;
    padding: 2px 6px;
    margin: 20px 0 50px 0;
}
.resume-box .item_list .info .text .sorce.high{
    color: #01b976;
    background: #dbffe9;
}
.resume-box .item_list .info .text .sorce.middle{
    color: #ffdb2f;
    background-color: #fffeeb;
}
.resume-box .item_list .info .text .sorce.low{
    color: #ff2222;
    background-color: #ffebeb;
}
.resume-box .item_list .info .text .time{
    color: #858d9a;
}
.resume-box .item_list .operate{
    width: 280px;
    display: inline-block;
    text-align: right;
    float: right;
}
.resume-box .item_list .operate .opt_hd{
    margin: 50px 0 30px 0;
}
.resume-box .item_list .operate .opt_hd a{
    margin: 0 0 0 10px;
    width: 70px;
    height: 30px;
    line-height: 28px;
    border:1px solid #0e5dff;
    display: inline-block;
    border-radius: 30px;
    color: #0e5dff;
    text-align: center;
}
.resume-box .item_list .operate .opt_hd a:hover{
    background-color: #0e5dff;
    color: #fff;
}
.resume-box .item_list .operate .opt_hd a.download{
    border-color: #0fcea4;
    color: #0fcea4;
}
.resume-box .item_list .operate .opt_hd a.download:hover{
    background-color: #0fcea4;
    color: #fff;
}
.resume-box .item_list .operate .opt_bd span,.resume-box .item_list .operate .opt_bd a{
    display: inline-block;
    margin: 0 0 0 10px;
    width: 46px;
    height: 24px;
    line-height: 24px;
    color: #8898b0;
    background-color: #e9edf3;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
}
.resume-box .item_list .operate .opt_bd span:hover{
    color: #0e5dff;
}
.resume-box .item_list .operate .opt_bd a{
    width: 24px;
}
.resume-box .item_list .operate .opt_bd a.set{
    margin-left: 30px;
    background-position: 1px -181px;
}
.resume-box .item_list .operate .opt_bd a.del{
    background-position: -26px -181px;
}
.resume-box .item_list .operate .opt_bd a.set:hover{
    background-color: #0e5dff;
    background-position: 1px -159px;
}
.resume-box .item_list .operate .opt_bd a.del:hover{
    background-color: #ff7c7c;
    background-position: -26px -159px;
}


.resume-box .page_box, .resume-box .page_list{height: 100%;}
.resume-box .page_box .page_box_l{
    min-width: 200px;
    max-width: 240px;
    padding: 0 10px 0 0;
    overflow: auto;
    margin: 0 20px 0;
}
.resume-box .page_box .page_box_r{
    min-width: 850px;
    display: flex;
    border-radius: 4px;
    height: 100%;
    justify-content: center;
    background: #fff;
}
.resume-box .page_box .page_box_r .img{
    width: 602px;
    height: 100%;
    margin: 0 40px 0 0;
    overflow: hidden;
    box-shadow: 0 0 8px 2px rgb(157 157 157 / 10%);
}
.resume-box .page_box .page_box_r .img:hover{
    overflow-y: auto;
}
.resume-box .page_box .page_box_r h2{
    color:#272c34;
    font-size:24px;
    line-height:30px;
    margin: 0 0 10px 0;
}
.resume-box .page_box .page_box_r .score span{
    height:32px;
    line-height:32px;
    background-color:#dbffe9;
    display:inline-block;
    color:#01b976;
    border-radius:32px;
    padding:0 13px;
}
.resume-box .page_box .page_box_r .lock{
    position: absolute;
    right: 0;
    background: #eff2f8;
    color: #9a9ea6;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 4px;
    top: 43px;
}
.resume-box .page_box .page_box_r .score span.low {
    color: #ff2222;
    background-color: #ffebeb;
}
.resume-box .page_box .page_box_r .time{
    color:#858d9a;
    font-size:12px;
    border-bottom:1px solid #e6e6e6;
    padding:30px 0 10px 0;
}
.resume-box .page_box img{
    width: 100%;
    display: block;
}
.resume-box .page_box .resume_list{
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    margin: 0 0 20px 0;
    cursor:pointer;
    transition:all .3s;
}
.resume-box .page_box .resume_list:hover{
    opacity:.9;
    box-shadow:0px 4px 2px -2px rgba(0,0,0,.1)

}
.resume-box .page_box .opeate{
    min-width: 310px;
    max-width: 320px;
    position: relative;
    padding-top: 80px;
}
.resume-box .page_box .opeate .info{
    position: relative;
    height: 100%;
}
.resume-box .page_box .opeate .opt_hd{
    margin: 30px 0 30px 0;
}
.resume-box .page_box .opeate .opt_bd a {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: -3px;
    width: 16px;
    height: 16px;
    background-image: url(/static/pc/user/images/user_icon.png);
}
.resume-box .page_box .opeate .opt_hd a{
    width: 100%;
    height: 48px;
    line-height: 48px;
    border:1px solid #0e5dff;
    display: flex;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    background: #0e5dff;
    padding: 0 35px;
    font-size: 16px;
    align-items: center;
    margin-bottom: 20px;
    justify-content: center;
}
.resume-box .page_box .opeate .opt_hd a i{margin: 5px 6px 0 0;}

margin: 19px 0 0 0;

display: inline-block;
}
.resume-box .page_box .opeate .opt_hd a:hover{
    background-color: #0e5dff;
    color: #fff;
}
.resume-box .page_box .opeate .opt_hd a.download{
    border-color: #0fcea4;
    color: #fff;
    background: #0fcea4;
}
.resume-box .page_box .opeate .opt_hd a.download:hover{
    background-color: #0fcea4;
    color: #fff;
}
.resume-box .page_box .opeate .opt_bd span,.resume-box .page_box .opeate .opt_bd a{
    display: inline-block;
    margin: 0 10px 0 0;
    width: 46px;
    height: 50px;
    line-height: 50px;
    color: #49515d;
    background-color: #e9edf3;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
}
.resume-box .page_box .opeate .opt_bd span:hover{
    color: #0e5dff;
}
.resume-box .page_box .opeate .opt_bd a{
    width: 50px;
}
.resume-box .page_box .opeate .opt_bd a.set{
    background-position: 15px -610px;
}
.resume-box .page_box .opeate .opt_bd a.del{
    background-position: 76px -610px;
}
.resume-box .page_box .opeate .opt_bd a.set:hover{
    background-color: #0e5dff;
    background-position: 15px -661px;
}
.resume-box .page_box .opeate .opt_bd a.del:hover{
    background-color: #ff7c7c;
    background-position: -86px -304px;
}
.resume-box .page_box .opeate .program {
    text-align: center;
    border-top: 1px solid #e6e6e6;
    padding: 20px 0 0 0;
    margin: 30px 0 0 0;
    display: none;
}
.resume-box .page_box .opeate .program img{
    width: auto;
    display: inline-block;
}
.resume-box .page_box .opeate .bottom{
    position: absolute;
    bottom: 0;
}

.resume-box .page_box .resume_list .text{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 60%);
    opacity: 0;
}
.resume-box .page_box .resume_list.checked .text{
    opacity:1;
}
.resume-box .page_box .resume_list .text .icon{
    position:absolute;
    top:50%;
    margin-top:-25px;
    left:50%;
    margin-left:-25px;

}
.resume-box .page_box .resume_list .text .name{
    position:absolute;
    bottom:0;
    color:#fff;
    width:100%;
    padding:8px 12px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.resume-box  .recently_edit .title {
    font-size: 14px;
    color: rgb(128, 136, 155);
}

.recently_edit .panel_list {text-align: justify;text-align-last: justify;}

.recently_edit .panel_list .left {
    width: 158px;
    height: 224px;
    display: inline-block;
    margin-right: 20px;
    border: 1px solid rgb(236,236,236);
}

.recently_edit  .panel_item {
    display: inline-block;
    text-align: left;
    text-align-last: left;
    width: 450px;
    height: 254px;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.03);
    padding: 15px;
    transform-origin: 0 0;
}

.recently_edit .panel_list .left img {
    width: 100%;
    height: 100%;
}

.recently_edit .panel_list  .right {
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 224px;
}

.recently_edit .panel_list .right .resume_title {
    font-size: 16px;
    color: rgb(90, 94, 102);
    margin-bottom: 5px;
    max-width: 222px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recently_edit .panel_list .right .resume_score {
    font-size: 12px;
    color: rgb(255, 50, 50);
    width: 100px;
    height: 26px;
    line-height: 26px;
    background-color: rgb(255, 227, 227);
    margin-bottom: 30px;
}
.recently_edit .panel_list .right .reusme_opt {
    margin-top: 35px;
}
.recently_edit .panel_list .right .resume_score.excellent {
    color: rgb(39, 189, 116);
    background-color: rgb(224, 255, 233);
}
.recently_edit .panel_list .right .reusme_opt a.edit_btn {
    display: inline-block;
    width: 104px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-align-last: center;
    border: 1px solid #0e5dff;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: #0e5dff;
    margin-right: 10px;
}

.recently_edit .panel_list .right .reusme_opt a.download_btn {
    display: inline-block;
    width: 104px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-align-last: center;
    border: 1px solid #0e5dff;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: #0e5dff;
}
.recently_edit .panel_list .right .reusme_opt a:hover {
    color: #fff;
    background-color: #0e5dff;
}
.recently_edit .panel_list .right .info_opt {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.recently_edit .panel_list .right .info_opt span.edit_time {
    font-size: 14px;
    color: rgb(164, 170, 185);
    vertical-align: middle;
}
.recently_edit .panel_list .right .info_opt span.edit_opt {
    float: right;
}

.recently_edit .panel_list .right .info_opt span.edit_opt a {
    display: inline-block;
}
.recently_edit .panel_list .right .info_opt span.edit_opt>span:hover {
    background: #d2d3d4;
}
.recently_edit .panel_list .right .info_opt span.edit_opt>span.del:hover {
    background: #fe9595;
}
.recently_edit .panel_list .right .info_opt span.edit_opt span:hover a.copy_resume_btn {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA30lEQVQokZXSO0pDURSF4e8msbE1hRYW4gBsnYHTcA4Ow1FYSMgELB2BWGplEwStfKB5aciyuCdywYvGBZt9YK+f/eBUSQY4wifipyps4ALHWECVZIlDPGCO12Juag832MEj9HCPW7wV02bpvGyATzjF9jeTZJSkn0SSsyTzJJMk40a8JLlK8lzqgyrJCPulw6Jlx1Z1Gu8u3tfkZiuwatnrNy07f3va1Sv5o+TuumAHu+rjbGH2H3CIa5zgbl2wSgIH6sNcor8GN12B1D9m/J9RV5rjXH2oKSYtMS314Rc7m3GkG+igMwAAAABJRU5ErkJggg==)
}
.recently_edit .panel_list .right .info_opt span.edit_opt span:hover a.share_setting_btn {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAA5klEQVQokW3SvUpDQRCG4VFI2vyA92RhISpegVdhJ9gpKGojgm2uIJY2YiNaiJ2FnZVgDGiTqI/F2ZDJ8XwwzLDv7jD77QaiIfbwjfMmPiu6OMIaOhip9FPYauHdfGhgrneLGqV6gFiOSlcRMS11LxbVLXkaEcOIiDzrR+r4hGPcpbVPtGfjHeA5wUcspWa3ib3gJPzXbs2tnfqGwCle09pD7dB1Ym+4mIE2xgne4xA3tTt1JMu3MWkYNWuCLcnyjYholXpcs/yr5FZEbGbL+zgrnXrmD/yLFawX3s/j1WNf9fcum/gf9zn9MQy1wyUAAAAASUVORK5CYII=)
}
.recently_edit .panel_list .right .info_opt span.edit_opt span:hover a.delete_resume_btn {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAb0lEQVQokb2SSw6AMAhEX03vf0V14Wep8QB1oVhq2hq6cFYQMrwJwYUQUEqajJwUvjZ8KVnqM5Qa9Zl1H9GK6riiHXfviFFL9Q44IS4G2CBEgPl342ow9to4tRKbj2MxjhBfTo6jv6ZUb5pouSoAJwDAHC9jl1gEAAAAAElFTkSuQmCC)
}
.recently_edit .panel_list .right .info_opt span.edit_opt>span {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    text-align-last: center;
    padding-top: 7px;
    border-radius: 2px;
    background-color: rgb(234, 235, 238);
    margin-left: 3px;
    cursor:pointer;
}
/** 弹框专用*/
.delete_resume_tips  .modal-header {
    text-align: center;
    color: #414859;
    font-size: 24px;
    border: none;
}

.delete_resume_tips  .modal-header button.close {
    display: none;
}
.delete_resume_tips .modal-dialog {
    width: 420px !important;
}
.delete_resume_tips .modal-body {
    color: #7c8395;
    font-size: 14px;
    text-align: center;
    border: none;
}

.delete_resume_tips .modal-content {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    width: 420px;
    height: 200px;
}

.delete_resume_tips  .modal-footer {
    border: none;
    text-align: center;
}

.delete_resume_tips .modal-footer button.cancel_btn {
    border-radius: 4px;
    background-color: rgb(227, 232, 244);
    width: 90px;
    height: 38px;
    color: #6b7387;
    font-size: 14px;
    border: navajowhite;
    margin-right: 20px;
}

.delete_resume_tips .modal-footer button.ok_btn {
    border-radius: 4px;
    background-color: #0e5dff;
    width: 90px;
    height: 38px;
}
/** 删除弹框*/


i.icon {
    display: inline-block;
    background: url(../../ppt/images/ppt_sp.png) no-repeat 0 0;
}
.resume_like{
    background-image: url(../../resume/index/images/sp.png);
}
.resume_like{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-color: #000;
    border-radius: 50%;
    background-position: 7px 6px;
}
.resume_like:hover,.resume_like.checked{
    background-position: -34px 6px;
}
.like_btn .icon {
    margin: -5px 3px 0 0;
    width: 18px;
    height: 18px;
    background-position: -2px -3px;
    vertical-align: middle;
}

.down.icon {
    margin: -5px 3px 0 0;
    width: 18px;
    height: 18px;
    background-position: -2px -85px;
    vertical-align: middle;
}

.page.icon {
    margin: -5px 3px 0 0;
    width: 18px;
    height: 18px;
    background-position: -2px -67px;
    vertical-align: middle;
}
.ppt_list_box{
    padding: 30px 0 0 0;
    position: relative;
    left: -16px;
}
.ppt_list_box ul {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.ppt_list_box ul li {
    width: 280px;
    height: 344px;
    margin: 0 0 60px 0;
    font-size: 14px;
    flex-grow: 1;
}
.ppt_list_box ul li.empty-item{
    margin: 0;
    height: 0;
}

.ppt_list_box ul li img {
    display: block;
    width: 100%;
}

.ppt_list_box .artcle {
    position: relative;
    height: 340px;
    overflow: hidden;
}

.ppt_list_box .item .hover {
    top:-100%;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 100px 0 0 0;
    background: rgba(0, 0, 0, 0.7);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

.ppt_list_box .item:hover .hover {
    top: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

.ppt_list_box .item .img {
    padding: 5px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    text-align: justify;
}
.ppt_list_box .item .img img:first-child {
    width: 100%;
}
.ppt_list_box .item .img img{
    width: 49%;
    display: inline-block;
    margin: 0 0 3px 0;
}
.ppt_list_box .item:hover .img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.ppt_list_box .item .title {
    padding: 8px 8px 5px 8px;
    color: #71737d;
}

.ppt_list_box .item .title a {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.ppt_list_box .inner {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    width: 90%;
    margin: 0 auto;
}

.ppt_list_box .item .ppt_btn {
    display: block;
    width: 130px;
    height: 40px;
    line-height: 38px;
    border-radius: 40px;
    color: #fff;
    text-align: center;
    margin: 16px auto;
    background: #07be6b;
    font-size: 14px;
}

.ppt_list_box .item .down_btn {
    background: #0e5dff;
}

.ppt_list_box .item .bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 15px;
    color: #fff;
}

.email-box span.check i ,.input-box .upload-file s{
    cursor: pointer;
    display: inline-block;
    width: 19px;
    height: 19px;
    border: 1px solid #cfd6e6;
    border-radius: 4px;
    vertical-align: middle;
}
.email-box span.check i:hover,.input-box .upload-file s:hover{
    border-color: #0e5dff;
}
.email-box span.check i.checked,.input-box .upload-file s.checked{
    border-color: #0e5dff;
    background: #0e5dff url(../images/user_icon.png) no-repeat 1px -101px;
}
.email-box span i.icon{
    vertical-align: middle;
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(../images/user_icon.png) no-repeat -25px -102px;
    margin: 0 5px 0 0;
}
.email-box span i.icon.del{
    background-position:-52px -102px;
    cursor: pointer;
}
.email-box span i.icon.del:hover{
    background-position:-74px -102px;
}
.email-box .page_nav {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #969696;
    font-weight: bold;
    line-height: 46px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
.email-box .item_list{
    font-size: 12px;
    color: #2a2a2a;
    line-height: 46px;
    border-bottom: 1px solid #d9d9d9;
}
.email-box .page_nav,.email-box .item_list{
    overflow: hidden;
}
.email-box .page_nav>span,.email-box .item_list>span{
    display: inline-block;
    float: left;
}
.email-box .page_nav span.check ,.email-box .item_list span.check{
    width: 5%;
}
.email-box .page_nav span.name ,.email-box .item_list span.name{
    width: 25%;
}
.email-box .page_nav span.theme ,.email-box .item_list span.theme{
    width: 40%;
}
.email-box .page_nav span.theme a,.email-box .item_list span.theme a{
    display: block;
}
.email-box .page_nav span.time ,.email-box .item_list span.time{
    width: 30%;
    text-align: right;
    padding: 0 25px 0 0;
}
.email-box .item_list:hover{
    background: #e9f2ff;
    border-top: 1px solid #e9f2ff;
    border-bottom: 1px solid #e9f2ff;
    margin-top: -1px;
}
.email-box .item_list span.time s{
    display: inline-block;
    width: 160px;
}

.email-box .detail-page{
    width: 100%;
    min-height: 727px;
    border: 1px solid #cfd6e6;
}
.detail-page-hd{
    max-width: 1128px;
    margin:20px auto;
    padding: 0 20px;
}
.detail-page-hd h2{
    font-size: 16px;
    font-weight: bold;
}
.detail-page-hd p{
    margin: 0 0 5px 0;
    color: #858585;
}
.resume_null_tips{
    padding: 20px 0 0 0;
    text-align: center;
}
.resume_null_tips img{
    display: inline-block;
    width: 220px;
}
.email-content{
    width: 1128px;
    padding: 87px 0 0 0;
    border: 1px solid #e8e8e8;
    background: #fff url(../images/email_content_bg.jpg) no-repeat top center;
    background-size: contain;
    margin: 0 auto;
    overflow: hidden;
}
.email-content [data-placeholder]:empty:before{content:attr(data-placeholder);color:inherit;transition:all .4s;cursor:text}
.email-content-desc{
    width: 811px;
    float: left;
    padding: 30px 25px;
    color: #898989;
}
.email-content-desc div[contenteditable="true"]{
    padding: 15px;
    border: 1px solid transparent;
}
.email-content-desc div[contenteditable="true"]:focus{
    border: 1px dashed #0e5dff;
}
.email-content-desc ul li{
    font-size:14px;
}
.email-content-info{
    width: 315px;
    padding: 30px 0;
    float: right;
    text-align: center;
    border-left: 1px solid #eeeeee;
}
.email-content-info p{
    font-size: 14px;
    color: #222;
    margin: 0 0 15px 0;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.email-content-info .edit p:hover{
    background-color:#f4f4f4;
}
.email-content-info .edit{
    width:100%;
    padding:0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.email-content-info p.headimg{
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 6px auto;
}
.email-content-info p.headimg img{
    width: 100%;
    height: 100%;
    display: block;
}
.email-content-info p.headimg a {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 70px;
}
.email-content-info p.headimg:hover a{
    opacity: 1;
}
.email-content-info p.name{
    font-size: 18px;
    font-weight: bold;
}
.email-content-info p.tag{
    margin: 30px 0 5px 0;
    color: #adadad;
}
.email-content-info .link{
    color: #0e5dff;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width: 100%;
}
.email-content-info .link:hover{
    text-decoration: underline;
}
.email-content-info p[contenteditable="true"]:focus{
    border-bottom: 1px solid #0e5dff;
}
/* 发送邮箱页面 */
.select-box span i,.button-box button.send-btn i,.select-box span::before,.input-box .upload-file i{
    background: url(../images/email_icon.png) no-repeat 1px 1px;
}
.send-email-main{
    position: relative;
    width: 1240px;
    margin: 20px auto;
    padding:30px 0;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    z-index: 1;
}
.send-email-main::before{
    position:absolute;
    content:'';
    width: 1230px;
    height: 4px;
    border: 1px solid #e4e4e4;
    bottom:-4px;
    left: 50%;
    margin-left: -615px;
    background: #fff;
    z-index: 0;
}
.send-email-main::after{position: absolute;content: '';width: 1220px;height: 3px;border: 1px solid #e4e4e4;bottom: -7px;left: 50%;margin-left: -610px;background: #fff;z-index: 0;border-top: navajowhite;}
.send-email-main .send-td{
    padding: 0 55px 15px 55px;
    border-bottom: 1px solid #e4e4e4;
}
.send-email-main label{
    color: #56585a;
    font-weight: normal;
}
.send-email-main .send-bd{
    padding: 0 55px;
}
.select-box{
    position: relative;
    display: inline-block;
    margin: 0 14px 0 0;
}
.select-box span{
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 110px;
    height: 35px;
    line-height: 35px;
    background-color: #f3f3f3;
    border-radius: 4px;
}
.select-box span::before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 13px;
    right: 7px;
    background-position: -2px -41px;
}
.select-box span i{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0 2px 0 10px;
}
.select-box.muban span i{
    background-position:1px -22px;
}
.select-box ul{
    position: absolute;
    padding: 15px 0;
    width: 150px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    max-height: 190px;
    overflow-y: auto;
    display: none;
}
.select-box ul li{
    height: 30px;
    line-height: 30px;
    color: #6b6b6b;
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select-box ul li:hover,.select-box ul li.selected{
    background-color: #edf4ff;
    color: #0e5dff;
}
.select-box:hover ul{
    display: block;
}
.send-email-main .input-box{
    padding: 10px 0;
    margin: 0 0 10px 0;
    border-bottom:1px solid #ededed
}
.send-email-main .input-box input{
    border: none;
    width: 80%;
}
.button-box {
    float: right;
}
.button-box button{
    margin: 0 0 0 15px;
    padding: 0 15px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    height: 36px;
    line-height:34px;
    background-color: #fff;
}
.member_right .button-box a.send_mail_btn {
    display: inline-block;
    background: #0e5dff;
    margin: 0 0 0 15px;
    padding: 0 15px;
    border-radius: 4px;
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
}
.member_right .button-box button{
    font-weight: normal;
    font-size: 14px;
}
.button-box button.send-btn{
    padding: 0 20px;
    background-color: #0e5dff;
    color: #fff;
    border-color: #0e5dff;
}
.button-box button.send-btn i{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-color: #0e5dff;
    margin: 0 6px 0 0;
    background-position:1px -54px;
}
.input-box .upload-file{
    padding: 0 12px;
    height: 36px;
    line-height: 36px;
    border: 1px dashed #ccc;
    display: inline-block;
}
.input-box .upload-file i{
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-position: 1px -82px;
}
.input-box .upload-file s{
    margin: -3px 0 0 8px;
}
#avatar_cropper_modal .modal-content{width:400px;}
#avatar_cropper_modal .modal-content .modal-footer button{width:80px;border-radius:50px;border:none;height:40px;margin-left:15px;cursor:pointer}
#avatar_cropper_modal .modal-content .preview_img .cropper{width:90%;height:90%;margin:3% auto;position:relative}
#avatar_cropper_modal .modal-content .preview_img{width:100%;height:240px;margin:0 auto}
#avatar_cropper_modal .modal-content .preview-btn{color:#575757;border-radius:50px;border:1px solid #ccc;line-height:40px;width:140px;text-align:center;cursor:pointer;margin:15px auto 10px auto}
#avatar_cropper_modal .modal-content .modal-body{padding-bottom:0;padding-top:0;text-align:center}
#avatar_cropper_modal .modal-footer{text-align:center}
#avatar_cropper_modal .modal-content button.button.cancel{background-color:#ededed;color:#8b8b8b}
#avatar_cropper_modal .modal-content button.button.submit{background-color:#0e5dff;color:#fff}


/* 回收站 */

i.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-position: 9px -120px;
    background-image: url(../images/user_icon.png);
}
.del_tips_box{
    margin: 0 0 20px 0;
    padding: 0 10px;
    line-height: 40px;
    height: 40px;
    background: #ffefc4;
    color: #916939;
}
.del_tips_box i.icon{
    vertical-align: middle;
    margin:0 3px 0 0;
    background-position: 9px -120px;
}
.del_resume_box ul li{
    padding: 15px 0;
    border-bottom: 1px solid #dee8f8;
}

.del_resume_box ul li p{
    margin: 0 0 2px 0;
}
.del_resume_box ul li .info{
    float: left;
}
.del_resume_box ul li .info p{
    color: #858d9a;
}
.del_resume_box .info .name{
    font-size: 14px;
    color: #272c34;
}
.del_resume_box .info .time span{
    margin: 0 30px 0 0;
}
.del_resume_box .info .sorce{
    margin: 0 0 0 10px;
    padding: 2px 10px;
    border-radius: 20px;
    color: #01b976;
    background: #dbffe9;

}
.del_resume_box .info .low .sorce{
    color: #ff2222;
    background-color: #ffebeb;
}
.del_resume_box ul li .info>div{
    display: inline-block;
}
.del_resume_box ul li i.icon{
    margin: 0 15px 0 0;
    width: 30px;
    height: 30px;
    background-position: -25px -125px;
}
.del_resume_box ul li .opeate{
    float: right;
    padding: 10px 0 0 0;
}
.del_resume_box ul li .opeate a{
    margin: 0 0 0 30px;
    font-size:14px;
    color: #48576c;
}
.del_resume_box ul li .opeate a.reg:hover{
    color: #0e5dff;
}
.del_resume_box ul li .opeate a.del:hover{
    color: #ff2b2b;
}

/* 消息中心 */

.message-box{
    width: 980px;
    max-height: 740px;
    margin: 30px auto;
    padding: 20px 20px 20px 30px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.03);
}
.member-box .head-title{
    padding: 0 0 10px 0;
    border-bottom: 1px solid #bec7d4;
}
.message-box .head-title span{
    font-size: 18px;
    font-weight: bold;
    color: #2e3137;
}
.message-box .head-title a{
    float: right;
    color: #0e5dff;
}
.message-box .body-list{
    padding: 0 10px 0 0;
    max-height: 640px;
    overflow-y: auto;
}
.message-box .body-list dl{
    margin: 0;
    padding: 15px 0 10px 36px;
    border-bottom: 1px dashed #a4adba;
}
.message-box .body-list dt{
    position: relative;
    color: #4c535f;
    font-weight: normal;
}
.message-box .body-list dt i{
    position: absolute;
    left: -41px;
    top: 0;
    background-position: -58px -122px;
    height: 20px;
}
.message-box .body-list .read dt i{
    background-position: -58px -141px;
}
.message-box .body-list .read dt span,.message-box .body-list .read dt a{
    color:#a0aaba;
}
.message-box .body-list dt a{
    color: #0e5dff;
}
.message-box .body-list dt .time{
    float: right;
    color: #7d8899;
}
.message-box .body-list dd{
    font-size: 12px;
    color: #8b939e;
}
.message-box .body-list dd p{
    padding-top: 10px;
}


/* 用户协议 */
.user_service_body{
    background: #f5f7fb;
}
.user_service_page{
    width: 1100px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}
.user_service_page .us_ld,.user_service_page .us_rd{
    padding: 30px;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.05);
    background: #fff;
}
.user_service_page .us_ld{
    float: left;
    width: 180px;
    height: 378px;
    padding: 10px 42px;
    text-align: left;
    margin-left: 50px;
}
.user_service_page .us_ld ul li{
    height: 65px;
    line-height: 65px;
}
.user_service_page .us_ld ul li a{
    color: #555;
    font-size: 16px;
}
.user_service_page .us_ld ul li.checked a{
    color: #00b4fb;
}
.user_service_page .us_rd{
    float: right;
    width: 858px;
    color: #272d36;
}
.user_service_page .us_rd div{
    margin: 0 0 35px 0;
    text-align: center;
}
.user_service_page .us_rd h3{
    font-size: 12px;
    font-weight: bold;
    margin: 25px 0 10px 0;
}
.user_service_page .us_rd p{
    margin: 0 0 10px 0;
    font-size: 14px;
    color: rgb(102, 109, 126);
    line-height: 30px;
}
.user_service_page .us_rd h2{
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    margin: 25px 0 10px 0;
}
.user_service_page .us_rd ul li.checked{
    display: block;
}
.user_service_page .us_rd ul li{
    display: none;
}
.user_service_body .layout-footer{
    width: 100%;
    max-width: 100%;

}
.user_service_body .footer{
    width: 1240px;
    margin: 0 auto;
}
.user_service_body .footer .f-panel-b{
    border-color: transparent;
}
.member_left_dz{
    position: fixed;
    width: 195px;
    height: 298px;
    top: 124px;
    right: 25px;
    z-index: 9;
}
.member_left_dz a{
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/dz.jpg) no-repeat 0 0;
    position: relative;
}
.member_left_dz i{
    position:absolute;
    width:30px;
    height:30px;
    right:0;
    top:0;
    z-index:1;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width:0) and (max-width:1430px) {
    .resume-box .item_list .info {
        width: 290px;
        display: inline-block;
    }
    .resume-box .item_list .info .text {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 0 10px;
        width: 150px;
    }
}
.auth_setting_modal .modal-content .auth_body .qxlist li.auth_checked .choose_tips {
    display: inline-block;
    background-image: url(/static/pc/user/images/user_icon.png);
    background-position: -63px -157px;
    height: 40px;
    top: 11px;
    right: 20px;
}
.page_content{
    position: relative;
    background: #fff;
    height: 100%;
}
.resume_selects {
    width: 312px;
    color:#757d89;
    z-index: 9;
    position: absolute;
    right: 0;
}
.resume_selects .resume_select_head{
    width: 100%;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d8dbe3;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    background: #fff;
}
.resume_selects .resume_select_head:hover{
    opacity: .9;
}
.resume_selects .resume_select_head span{
    padding: 0 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.resume_selects .resume_select_head i{
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #d8dbe3;
}
.resume_selects .resume_select_body{
    border: 1px solid #d8dbe3;
    border-radius: 4px;
    background: #fff;
    position: relative;
    top: -1px;
    display: none;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 0 8px 2px rgb(157 157 157 / 10%);
}
.resume_selects .resume_select_body.show{
    display: block;
}

.resume_selects .resume_select_body .resume_list{
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.resume_selects .resume_select_body .resume_list i{
    margin-right: 10px;
    opacity: 0;
}
.resume_selects .resume_select_body .resume_list.checked i{
    opacity: 1;
}
.resume_selects .resume_select_body .resume_list.checked,.resume_selects .resume_select_body .resume_list:hover{
    color: #0e5dff;
}
.member-box .layout-footer{
    background:transparent;
}
.member-box .layout-footer .footer .f-panel-b{
    background:transparent;
    padding: 0;
}
.member-box .layout-footer .footer .foot-copyright{
    justify-content:center;
    display: flex;
    text-align: center;
    font-size: 12px;
    color: rgb(179 179 179);
}
.member-box .layout-footer .footer .foot-copyright p{
    margin: 5px 20px;
    display: block;
}
.member-box .layout-footer .footer .foot-copyright p a {margin: 0 5px;}