body{
    overflow-x: hidden;
}
.w-main{
    width: 100%;
    /*padding-top: 60px;*/
    padding-bottom: 40px;
}
.bg-yellow{
    background: #ffc105;
}
.my-box{
    width: 100%;
    height: 300px;
    background: #000;
}
.my-box .h-bg{
    width: 100%;
    height: 100%;
    background: url(../image/bg85.png) repeat;
}
.my-box .h-con{
    width: 1190px;
    margin: 0 auto;
    height: 100%;
}
.my-box .h-left{
    padding: 60px 0 0;
}
.my-box .h-pic{
    width: 165px;
    height: 165px;
    border-radius: 50%;
    border: 3px solid #fff;
    overflow: hidden;
    background: url("../image/userbg.png") no-repeat center center #d8d8d8;
}
.my-box .h-pic img{
    width: 165px;
    height: 165px;
}
.my-box .pic{
    width: 165px;
    height: 165px;
}
.my-box .pic .p-icon{
    width: 42px;
    height: 42px;
    right: 0px;
    bottom: 5px;
}
.my-box .pic .p-icon.icon1{
    background-position: -57px -513px;
}
.my-box .pic .p-icon.icon2{
    background-position: -123px -513px;
}
.my-box .pic .p-icon.icon3{
    background-position: -189px -513px;
}
.my-box .pic .p-icon.icon4{
    background-position: -255px -513px;
}
.my-box .pic .p-icon.icon5{
    background-position: -321px -513px;
}
.my-box .h-info{
    padding: 30px;
    color: #fff;
}
.my-box .h-info .name{
    font-size: 20px;
    padding: 2px 0;
}
.my-box .h-info .name-s{
    font-size: 12px;
    padding-left: 10px;
}
.my-box .h-info .item{
    padding: 10px 0 0;
}
.my-box .h-info .item a{
    color: #fff;
}
.my-box .h-info label{
    padding-right: 16px;
}
.my-box .h-info i{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.my-box .h-info i.p-icon{
    background-position: -286px -602px;
}
.my-box .h-info i.o-icon{
    background-position: -344px -602px;
}
.my-box .h-info i.a-icon{
    background-position: -400px -663px;
}

.my-box .h-info i.t-icon{
    background-position: -1254px -1088px;
    margin-right: 2px;
}
.my-box .h-info i.q-icon{
    background-position: -1078px -1090px;
    margin-right: 2px;
}
.my-box .h-info .link-item{
    width: 36px;
    height: 36px;
    border-radius: 18px;
    margin-right: 12px;
    cursor:pointer;
    z-index: 0;
}
.author-con i{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.author-con i.a-icon{
    background-position: -400px -663px;
}

.my-list .item-bt .author-ope a{
    margin-left: 0px;
}

.my-box .link-item.bg-tel,
.my-box .link-item.bg-tel .link-con p{
    background: #4abbe7
}
.my-box .link-item.bg-wx,
.my-box .link-item.bg-wx .link-con p{
    background: #71d955
}
.my-box .link-item.bg-qq{
    background: #6bacee
}
.my-box .link-item.bg-ww{
    background: #f07d65
}
.my-box .link-item i{
    width: 36px;
    height: 36px;
    display: block;
    left: 0;
    top: 0;
}
.my-box i.tel-icon{
    background-position: -58px -655px;
}
.my-box i.wx-icon{
    background-position: -110px -655px;
}
.my-box i.qq-icon{
    background-position: -162px -655px;
}
.my-box i.ww-icon{
    background-position: -209px -657px;
}
.my-box .link-item .link-con{
    border-radius: 18px;
    left: 0px;
    top: 0;
    overflow: hidden;
}
.my-box .link-item .link-con p{
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    text-overflow:ellipsis ;
    overflow: hidden;
    white-space: nowrap;
    padding:0 18px 0 36px;
    /*border-bottom-right-radius: 16px;*/
    /*border-top-right-radius: 16px;*/
    /*border-radius: 18px;*/
}
/*.my-box .h-right{*/
    /*padding: 100px 280px 0 0;*/
/*}*/
.my-box .h-right .h-txt{
    width: 500px;
    font-size: 12px;
    color: #fff;
    overflow-wrap: break-word;
    line-height: 24px;
}
.my-box .edit-btn,
.info-box .edit-btn{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    color: #ffc105;
    border-radius: 4px;
    padding: 0 25px;
    font-size: 14px;
    border: 1px solid #ffc105;
    margin-top: 10px;
    margin-right: 8px;
}
.my-box .info-con{
    width: 670px;
    right: 0px;
    top: 20px;
}
.my-box .info-con .opt-btn{
    height: 30px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: -30px;
}
.my-box .opt-btn .tip-icon{
    width: 30px;
    height: 30px;
}
.my-box .opt-btn .tip-icon.tip-l{
    background-position: -550px -710px;
}
.my-box .opt-btn .tip-icon.tip-r{
    background-position: -490px -710px;
}
.my-box .info-con .info-sub{
    width: 660px;
    background: url("../image/bgpic2.png") repeat top center;
    padding: 0 0 10px 20px;
    color: #303133;
}
.my-box .info-sub .reg-time{
    color: #909295;
    right: 20px;
    bottom: 10px;
}
.my-box .info-con .info-name{
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
    padding-top: 8px;
}
.my-box .info-con .info-ul{
    padding-bottom: 10px;
}
.my-box .info-con .info-ul li{
    font-size: 14px;
    color: #58595a;
    float: left;
    line-height: 24px;
    width: 210px;
}
.my-box .info-con .info-ul li.address{
    width: 400px;
}

.my-box .h-right{
    padding-top: 70px;
}
.my-box .h-right .wechat{
    border-radius: 4px;
    background: #fff;
    padding: 5px;
}
.my-box .h-right .wechat img{
    display: block;
}
.my-box .h-right .icon{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: -440px -666px;
    margin-right: 5px;
}
.my-box .h-right p{
    padding-top: 8px;
    color: #fff;
}
/*认证*/
.auth-box{
    background: #F7F7F7;
}
.auth-box .btn-con{
    width: 440px;
    margin: 0 auto;
    text-align: center;
}
.auth-box .s-id{
    width: 400px;
    margin: 0 auto;
    padding: 90px 0 50px;
}
.auth-box .s-id .txt-con p{
    font-size: 20px;
    padding: 10px 0;
}
.auth-box .s-id i.id-icon{
    width: 100px;
    height: 100px;
    background-position: -870px -510px;
}
.auth-box .s-id i{
    width: 100px;
    height: 100px;
    margin-right: 20px;
}
.auth-box .s-id i.id-icon{
    background-position: -850px -510px;
}
.auth-box .s-id i.up-icon{
    background-position: -1255px -510px;
}
.auth-box .s-id i.card-icon{
    background-position: -1118px -510px;
}
.auth-box .btn-con .auth-a{
    display: inline-block;
    width: 120px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #303133;
    border-radius: 4px;
    background: #ffc105;
    margin: 15px;
}
/*照片类型分类*/
.my-nav{
    display: inline-block;
    width: 100%;
    height: 80px;
    text-align: center;
    background: #fff;
}

.my-nav .nav-a{
    display: inline-block;
    margin: 0 15px;
    border-bottom: 4px solid transparent;
    height: 80px;
    padding-top: 28px;
}
.my-nav .nav-a p{
    font-size: 20px;
    color: #797c80
}
.my-nav .nav-a span{
    color: #8f9194
}
.my-nav .nav-a .n-icon{
    display: block;
    min-width: 12px;
    height: 18px;
    color: #fff;
    line-height: 18px;
    background: #ff3c3c;
    border-radius: 9px;
    right: -15px;
    top: 15px;
    padding: 0 3px;
}
.my-nav .nav-a:hover,
.my-nav .nav-a.cur{
    border-bottom: 4px solid #131418;
    color: #131418;
}
.my-nav .nav-a:hover p,
.my-nav .nav-a.cur p{
    color: #131418;
}
.my-nav .nav-a:hover span,
.my-nav .nav-a.cur span{
    color: #131418;
}

.mylist-tab{
    border:1px solid #d3d3d3;
    width:501px;
    height:38px;
    margin: 0 auto;
}
.mylist-tab a{
    width: 167px;
    display: block;
    float: left;
    font-size:18px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color:#808080;
}
.mylist-tab a .w-num{
    color:#808080;
}
.mylist-tab a.active{
    color:#f9f9f9;
    background:#131418;
}

.mylist-tab a.active .w-num{
    color:#f9f9f9;
}
.none-list {
    text-align: center;
    width: 100%;
    margin-top: 50px;
    font-size: 16px;
}

/*MY INFO*/
.info-box,
.focus-box,
.team-list{
    width: 1190px;
    margin: 20px auto;
    background: #fff;

    border: 1px solid #f1f1f1;
    border-radius: 4px;
}
.info-box .info-con{
    width: 990px;
    margin: 30px auto;
}
.info-box .info-tit{
    font-size: 16px;

}
.info-box .info-tit a{
    margin-right: 20px;
    color:#7a7a80;
}
.info-box .info-tit a.act{

    color: #131418;
}
.info-box .info-ul{
    padding: 30px 0;
    font-size: 14px;
    color: #131418;
}
.info-box .info-ul li{
    padding: 10px 120px;
    position: relative;
    line-height: 24px;
    min-height: 20px;
}
.info-box .info-ul li span{
    word-break:break-all;
    word-wrap:break-word
}
.info-box .info-ul li .paperwork{
    width:80px;
    height:80px;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    background:#d8d8d8;
    cursor: pointer;
    position: relative;
    vertical-align: text-bottom;
}
.shade{
   position: absolute;
    width: 100%;
    height: 100%;
    z-index: 00;
    background: rgba(0,0,0,0.3);
}
.info-box .info-ul li .paperwork img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.bigimg img{
    max-width: 100%;
    display: block;
}

.info-box .info-ul li .cover-page{
    width:56px;
    height:56px;
    margin-right: 10px;
}
.info-box .info-ul li .go-cert{
    padding-left: 20px;
    color: #3366cc;
    text-decoration: underline;
}
.info-box .info-ul li .info-name{
    display: block;
    width: 100px;
    left: 0;
    top: 10px;
    color: #797c80;
}
.info-box .edit-btn{
    color: #131418;
    right: 0px;
    top: -10px;
}
/*MY FOCUS*/
.focus-ul{
    width: 900px;
    margin: 0 auto;
}
.focus-ul li{
    padding: 40px 0;
    border-bottom: 1px solid #eae9e8;
}
.focus-ul li:last-child{
    border-bottom: none;
}
.focus-ul .info-con{
    width: 500px;
}
.focus-ul .focus-pic{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
}
.focus-ul .name{
    font-size: 16px;
    padding: 5px 0 10px;
}
.focus-ul .focus-img{
    display: inline-block;
    max-width: 120px;
    height: 120px;
    margin-left: 5px;
    overflow: hidden;
}
.focus-ul .item {
    padding: 0px 0 8px;
}
/*.focus-ul .item a{*/
    /*color: #131418;*/
/*}*/
.focus-ul .item label{
    padding-right: 16px;
}
.focus-ul .item i{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.focus-ul .item i.a-icon{
    background-position: -400px -663px;
}
.focus-ul .item i.t-icon{
    background-position: -1254px -1088px;
    margin-right: 2px;
}
.focus-ul .item i.q-icon{
    background-position: -1078px -1090px;
    margin-right: 2px;
}
.focus-ul .focus-btn,
.focus-ul .det-focus-btn{
    display: inline-block;
    width: 100px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #131418;
    border-radius: 4px;
}
.focus-ul .focus-btn{
    background: #ffc105;
}
.focus-ul .det-focus-btn{
    background: #eae9e8;
}

.focus-ul .gz-btn,
.focus-ul .cancel-btn{
    display: inline-block;
    width: 110px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #131418;
    border-radius: 4px;
}
.focus-ul .cancel-btn{
    background: #eae9e8;
}
.focus-ul .cancel-btn:hover{
    background: #f56363;
}


/*团队管理*/
.team-list{
    padding: 25px 28px;
}
.team-list .info-tit{
    font-size:20px;
    color:#1b1b1c;
    margin-bottom: 20px;

}
.team-list table{
    width: 100%;
    font-size:14px;
    color:#7a7a80;
}

.team-list table th{
    color: #fff;
    height: 54px;
    line-height: 54px;
    background:#333333;
}

.team-list table td{
    height: 48px;
    text-align: center;
    line-height: 48px;
}

.team-list table td a{
    color:#317ddb;
}
.team-list table tr:nth-child(odd){
  background: #f2f2f2;
}

.team-list .add{
    text-align: center;
    margin-top: 20px;
}

/*个人主页*/
.others-box{
    padding: 20px 100px;
    border-bottom: 1px solid #eae9e8;
}
.others-box .tit{
    font-size: 20px;
    color: #131418;
    padding-bottom: 20px;
}
.others-box .txt-con{
    padding-left: 20px;
    font-size: 14px;
    color: #131418;
    line-height: 24px;
    padding-bottom: 30px;
}
.others-box .repeat-box{
    padding-left: 20px;
}


.related{
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 2;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    background: #fff;
    transition: width .2s ease-in 0s;
}
.related span{
    line-height: 35px;
    text-align: center;
    font-size:13px;
    color:#949494;
    width: 90px;
    display: block;

}
.i-related{
    width: 34px;
    height: 34px;
    vertical-align: middle;
    background-position: -1190px -1081px;
}
.related:hover{
    width: 90px;

}



.account-login {
    text-align: center;
}
.account-login a{
    margin: 0px 5px;
    display: inline-block;
}
.account-login .i-ali-login,
.account-login .i-qq-login,
.account-login .i-wechat-login,
.account-login .i-tb-login,
.account-login .i-pdd-login,
.account-login .i-jd-login,
.account-login .i-mgj-login{
    width: 30px;
    height: 30px;
    display: inline-block;
}

.account-login .i-tb-login{
    background-position: -1191px -977px;
}
.account-login .i-ali-login{
    background-position: -1425px -977px;
}
.account-login .i-wechat-login{
    background-position: -1133px -977px;
}
.account-login .i-qq-login{
    background-position: -1074px -977px;
}
.account-login .i-jd-login{
    background-position: -1367px -977px;
}
.account-login .i-pdd-login{
    background-position: -1250px -977px;
}
.account-login .i-mgj-login{
    background-position: -1308px -977px;
}

.account-login .i-tb-nobind{
    background-position: -1191px -1023px;
}
.account-login .i-ali-nobind{
    background-position: -1425px -1023px;
}
.account-login .i-wechat-nobind{
    background-position: -1133px -1023px;
}
.account-login .i-qq-nobind{
    background-position: -1074px -1023px;
}
.account-login .i-jd-nobind{
    background-position: -1367px -1023px;
}
.account-login .i-pdd-nobind{
    background-position: -1250px -1023px;
}
.account-login .i-mgj-nobind{
    background-position: -1308px -1023px;
}






/*layer*/
.lay-addmaterial {
    /*width: 880px;*/
    text-align: center;
}
.lay-addmaterial h3{
    font-size:20px;
    color:#1b1b1c;
    line-height: 50px;
    text-align: center;
}
.lay-addmaterial ul{
  padding: 15px;
}
.lay-addmaterial ul li{
    width: 160px;
    height: 160px;
    background:#efeeee;
    margin: 0px 5px;
    float: left;
    position: relative;
}
.lay-addmaterial ul li img{
    max-width: 100%;
    max-height: 100%;
}
.lay-addmaterial ul li .upload-con {
    display: block;
    height: 100%;
    padding-top: 50px;

}
.lay-addmaterial ul li .upload-con .i-upload {
    width: 34px;
    height: 34px;
    vertical-align: middle;
    background-position: -878px -640px;
}
.i-piccal{
    width: 30px;
    height: 30px;
    right: -12px;
    top: -15px;
    cursor: pointer;
    display: inline-block;
    background-position: -941px -644px;
}

.lay-addmaterial ul li .upload-con p{
    margin-top: 15px;
}
.lay-addmaterial .btn {
   margin-top: 15px;
    font-size: 14px;

}
.lay-addmaterial .upmaterfilesinput{

    opacity: 0;
    filter: alpha(opacity=0);
    height: 160px;
    width: 160px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}