 /*
* @Author: anchen
* @Date:   2017-07-06 10:11:23
* @Last Modified by:   anchen
* @Last Modified time: 2017-07-07 10:31:39
*/
@charset "utf-8";
.sharetip {display: block; width: 100%;}
.myself {width: 100%;}
.acceptance {width: 90%; height: 1.43rem; padding: 0.71rem 5%; background-color: #fff; border-bottom: 1px solid #c8c8c8;}
.acceptance span {float: left; color:#333333; line-height: 1.43rem;}
.switch {position: relative; float: right; width: 2.5rem; height: 1.29rem; background-color: #fff;  border-radius:21px; border: 1px solid #1b37a8; }
.box {position: absolute; top: 0; left: 0; width: 1.29rem; height: 1.29rem; background-color: #fff; border-radius: 50%; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);}
.switchup {-webkit-animation: left 1s ease-in; background-color: #1b37a8;}
.switchoff {-webkit-animation: right 1s ease-in; background-color: #fff;}
.switchup .box {-webkit-animation: placeright 0.5s ease-in; left: 1.21rem;}
.switchoff .box {-webkit-animation: placeleft 0.5s ease-in; left: 0;}
.infolist li { border-bottom: 1px solid #c8c8c8;}
/* .infolist li:last-child { border-bottom: 0;} */
.info-item {width: 90%; padding: 0.71rem 5%; background-color: #fff;}
.headimg {float: left; width: 4.29rem; height: 4.29rem; border-radius: 50%;}
.infoname {float: left; margin-left: 0.71rem;}
.infoname span {display: block; color:#333333; line-height: 1.43rem;}
.infoname em {float:left; font-size: 12px; color: #fff; margin-top: 1rem; padding: 3px 5px; text-align: center; background-color: #ffb718; border-radius:40px;}
.infotel {float: left; color:#333333; line-height: 1.43rem; margin-left: 1.43rem;}
.infolist {width: 100%; margin-top: 0.71rem;}
.infoname .pending {background-color: #dd4141;}
.infoname .staff {background-color: #2e77fc;}
.arrowicon {float: right; width: 1.57rem; height: 1.57rem; padding: 1.36rem 0;}
.arrowicon i {display: block; width: 1.57rem; height: 1.57rem; background: url("../../images/common/xiangyou.png") 0 0 no-repeat; background-size: 100% 100%;}
.bottomtext {display: block; margin: 0.71rem 0 1.29rem; font-size:12px; color:#999999; text-align: center;}
.infolist .line {width: 100%; height: 0.71rem; border-bottom: 0;}

/*接收审核通知CSS3动画*/
@-webkit-keyframes left {
    from {
        background-color: #fff;
    }
    to {background-color: #1b37a8;}
}
@-webkit-keyframes right {
    from {background-color: #1b37a8;}
    to {background-color: #fff;}
}
@-webkit-keyframes placeleft {
    
    from {
        left: 1.21rem;
    }
    to {
        left: 0;
    }
}
@-webkit-keyframes placeright {
    from {
        left: 0;
    }
    to {
        left: 1.21rem;
    }
}

/*审核弹窗*/
.examinemask {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5);}
.examinecon {position: absolute; top: 12rem; left: 50%; width: 80%; padding-bottom: 0.71rem; margin-left: -40%; background-color: #fff; border-radius: 8px;}
.personal {overflow: hidden; width: 100%; height: 13rem;background-color: #fff; border-radius: 8px 8px 0 0; border-bottom:1px solid #e8e8e8}
.personal img {display: block; width: 100%;}
.personalinfo {width: 100%; text-align: center; margin-bottom: 0.71rem;}
.personalinfo span {display: block; font-size:1.29rem; color:#333333; line-height: 1.79rem;}
.personalinfo em {display: block; color:#333333; line-height: 1.43rem;}
.idphoto {width: 100%;}
.idphotoimg {position: relative; overflow: auto; float: left; width: 6.14rem; height: 6.14rem; margin-left: 0.78rem; background-color: #eee;}
.examineconbtn {padding: 0 14px; margin-top: 0.71rem;}
.examineconbtn a {float: left; height: 2.86rem; text-align: center; line-height: 2.86rem; color: #fff; font-size: 1.14rem; border-radius: 4px;}
.outbtn {background-color: #999; width: 9.32rem;}
.outbtna {background-color: #999; width: 19.64rem;}
.examineconbtn .passbtn {float: right; background-color: #1b37a8; width: 9.32rem;}
.idphotoimg img { margin: 0 auto; display: block; height: 100%;}
.showimg {display: none; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000;}
.showimg img {display: block; width: 100%;}
.closeimg {position: absolute; bottom: 2.36rem; left: 50%; width: 3.29rem; height: 3.29rem; background: url("../../images/userlogin/closeimg.png") 0 0 no-repeat; background-size: 100% 100%; margin-left: -1.65rem;}
.examineconbtn .setbtn {border: 1px solid #1b37a8; color: #1b37a8;}
.examineconbtn .quitbtn {float: right; border: 1px solid #1b37a8; color: #1b37a8;}
/*new class*/
*{padding: 0;margin: 0;}
ul,li{
    list-style: none;
}
/*new-page index*/
.member-index-box{
    width: 100%;
    background: #eee;
    margin-top: 8px;
}
.member-company-box{
}
.member-company-title{
    height: 60px;
    background: #ffffff;
    font-size: 16px;
    line-height: 60px;
    padding: 0 20px;
    border-bottom: 1px solid #C8C8C8;
} 
.member-company-title-lf{
    float: left;
    font-weight: 600
}
.member-company-title-rt{
    float: right;
    width:10px;
    height:10px;
    margin-top:10px
}
.member-company-title-rt img{
    float: right;
    width:40px;
    height:40px;
}
.member-company-index{
    /*display: none;*/
}
.member-company-staff-audit{
    /*padding-left: 20px;*/
}
.staff-audit-title{
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
}
.staff-audit-detail{
    margin-bottom: 10px;
}
.staff-audit-detail li{
    height: 80px;
    background: #ffffff;
    border-bottom: 1px solid #C8C8C8;
    padding-left: 20px;
}
.staff-portrait{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: coral;
    float: left;
    margin-top: 10px;
}
.staff-detail-box{
    margin-left: 10px;
    float: left;
}
.staff-msg{
    color: #333333;
    margin-top: 16px;
    font-size: 14px;
}
.staff-msg-name{
    width: 60px;
    margin-right: 20px;
    float: left;
}
.staff-msg-phone{
    float: left;
}
.state-icon{
    margin-top: 50px;
    background: #DC4141;
    padding: 0 6px;
    color: white;
    font-size: 10px;
    border-radius: 9px;
    width: 40px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}
.staff-detail-btn{
    float: right;
    text-align: center;
    line-height: 80px;
    padding-right: 20px;
    height: 40px;
}
.member-company-staff{
}
.staff-audit-title{
}
.staff-detail{
    margin-bottom: 10px;
}
.staff-detail li{
    height: 80px;
    background: #ffffff;
    border-bottom: 1px solid #C8C8C8;
    padding-left: 20px;
}
.stuff-icon{
    margin-top: 50px;
    background: #2E77FC ;
    padding: 0 6px;
    color: white;
    font-size: 10px;
    border-radius: 8px;
    width: 40px;
    height: 16px;
    line-height: 16px;
    text-align: center;
}
.personal-name-box{
	height:40px;
	float:right;
	padding-right:20px;
}
.personalinfo-box{
	height:60px;
	line-height:60px;
	border-bottom:1px solid #C8C8C8s ;
	font-size:18px
}
.personalinfo-box-name{
	float:left;
	line-height:60px;
	padding-left:20px
}
.personalinfo-box-phone{
	float:left;
	line-height:60px;
	padding-left:20px
}
.personal-phone-box{
	height:60px;
	float:right;
	padding-right:20px;
}
.personalinfo-box-remark{
	float:left;
	line-height:60px;
	padding-left:20px
}
.personal-remark-box{
	height:60px;
	float:right;
	padding-right:20px;
}