.my_info {
    width: 100%;
    height: 5.89rem;
    background: url("../newPersonalImg/denglu@2x.png") center no-repeat;
    background-size: 100% 100%;
    position: relative;
    box-sizing: border-box;
}

.my_info .ques {
    position: absolute;
    width: .57rem;
    height: .53rem;
    top: .29rem;
    right: 1.32rem;
}

.my_info .setting {
    position: absolute;
    width: .57rem;
    top: .29rem;
    width: .53rem;
    right: .29rem;
}

.my_info i {
    float: left;
    margin-left: 0.4rem;
    margin-top: 0.42rem;
    margin-right: 0.36rem;
}

.my_info i img {
    width: 1.36rem;
    height: 1.36rem;
    border-radius: 50px;
}

.my_info em {
    display: block;
    float: right;
    width: 1.24rem;
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    margin-right: 0.4rem;
    margin-top: 1.14rem;
}
.my_info em a {
    color: #08C1AE;
}
.my_info .to_login,
.my_info .to_register {
    text-align: center;
    display: inline-block;
    width: 2.87rem;
    height: .79rem;
    background: #fff;
    border-radius: .40rem;
    color: #06BAA8;
    line-height: .79rem;
    font-size: .35rem;
    margin: 0 10px;
}

.my_info .to_login {

    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.my_info .no_login {
    text-align: center;
    padding-top: 1.08rem;
    color: #fff;
    font-size: .4rem;
    line-height: 1;
}

.my_info .to_register {
    color: #06C1AE;
}

.my_info .cus_info {
    padding-top: 1.3rem;
    display: flex;
    width: 100%;
    padding-left: .33rem;
    box-sizing: border-box;
    color: #fff;
    flex-wrap: wrap;
}

.my_info .ques {
    background: url("../newPersonalImg/myques.png") no-repeat;
    background-size: contain;
}

.my_info .cus_info .ques.red::before {
    position: absolute;
    content: "";
    display: block;
    width: .13rem;
    height: .13rem;
    background: #FF6975;
    right: -.2rem;
    top: 0;
    border-radius: 50%;

}

.my_info .avatar {
    width: 1.19rem;
    height: 1.19rem;
    margin-right: .33rem;
    border-radius: 50%;
    overflow: hidden;
}

.my_info .cus_info .box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: .11rem;
}

.my_info .cus_info .box .p_number {
    font-size: .4rem;
    color: rgba(255, 255, 255, 1);
    line-height: 1.3;
}

.my_info .cus_info .box .text {
    display: flex;
    height: .4rem;
    font-size: .31rem;
    font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: .4rem;
}

/*.my_info .cus_info .box .text a {*/
    /*width: .88rem;*/
    /*height: .4rem;*/
    /*background: rgba(6, 170, 154, 1);*/
    /*border-radius: .22rem;*/
    /*font-size: .26rem;*/
    /*font-weight: bold;*/
    /*color: rgba(255, 255, 255, 1);*/
    /*line-height: .4rem;*/
    /*text-align: center;*/
    /*margin-left: .13rem;*/
/*}*/

.my_info .menu {
    width: 7.68rem;
    height: 1.86rem;
    top: 3.44rem;
    position: absolute;
    left: 0;
    right: 0;
    height: 1.85rem;
    display: flex;
    align-items: center;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 0.17rem;
    /* box-shadow: 0px .04rem .2rem 0px rgba(228, 228, 228, 0.5); */
    /* border-radius: .18rem; */
}

.my_info .menu .li {
    height: 100%;
    flex: 1;
}

.my_info .menu .li a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.my_info .menu .li .dot {
    position: absolute;
    top: 0.31rem;
    left: 70%;
    width: .18rem;
    height: .18rem;
    background: rgba(255, 105, 117, 1);
    border-radius: 50%;
}

.my_info .menu .icon {
    width: .73rem;
    height: .73rem;
    margin-bottom: .13rem;
}

.my_info .menu .li .n {
    position: absolute;
    background: url("../newPersonalImg/tab1@2x.png") no-repeat;
    background-size: 100% 100%;
    width: .79rem;
    height: .38rem;
    line-height: .38rem;
    text-align: center;
    color: #fff;
    font-size: .24rem;
    top: .26rem;
    left: 50%
}
.login-register-wrap {
    margin: 0.4rem auto .6rem;
    text-align: center;
}

.navTop{
    width: 7.62rem;
    /* height: 4.08rem; */
    margin: 0 auto;
    border-radius: 0.09rem;
    /* position: absolute;
    top: 3.53rem;
    left: 50%;
    transform: translate(-50%,0); */
    position: relative;
    background-color: #fff;
    margin-top: -2.5rem;
    z-index: 9;
}
.navTitle{
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 1.03rem;
    border-bottom: 0.04rem solid rgba(230, 230, 230, 0.42);
}
.navTitle>div{
    width: 2.21rem;
    height: 100%;
    text-align: center;
    color: #444;
    font-size: 0.35rem;
    line-height: 1.03rem;
}
.navTitle>div:active{
    color: #06C1AE;
    /* border-bottom: 0.04rem solid #06C1AE; */
}
.navContract a{
    display: block;
    width: 100%;
    height: 100%;
}
.navLine{
    width: 0.57rem;
    height: 0.04rem;
    background-color: #06C1AE;
    position: absolute;
    top: 1rem;
    /* left: 0.98rem; */
}
.noTask{
    width: 100%;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    color: #999;
    font-size: 0.31rem;
}
.noTask a{
    font-style: normal;
    color: #06C1AE;
}
.tenderDiv{
    display: none;
}
.noTender{
    width: 100%;
    height: 3rem;
    padding:0.42rem 0.51rem 0.75rem;
}
.noTender>div{
    float: left;
}
.noTender-icon{
    width: 1.3rem;
    height: 1.83rem;
    background: url("../newPersonalImg/null@2x.png") center no-repeat;
    background-size: 100% 100%;
}
.noTender-text{
    height: 1.83rem;
    line-height: 1.83rem;
    font-size: 0.31rem;
    color: #999;
    margin-left: 0.55rem;
}
.haveTender{
    width: 100%;
    padding: 0.35rem;
    box-sizing: border-box;
}
.haveTender-top{
    width: 6.94rem;
    height: 0.31rem;
    margin: 0 auto;
}
.haveTender-top>div:first-child{
    float: left;
}
.haveTender-top>div:last-child{
    float: right;
}
.haveTender-top>div>i:first-child{
    font-size: 0.31rem;
    color: #333;
}
.haveTender-top>div>i:last-child{
    font-size: 0.31rem;
    color: #666;
}
.haveTender-bottom{
    width: 6.94rem;
    height: 1.26rem;
    margin: 0 auto;
    margin-top: 0.4rem;
    background-color: #F2FCFB;
    border-radius: 0.177rem;
}
.haveTender-bottom{
    display: flex;
    justify-content: space-around;
    line-height: 1.26rem;
}
.haveTender-bottom>div>i:first-child{
    font-size: 0.35rem;
    color: #444;
}
.haveTender-bottom>div>i:last-child{
    font-size: 0.31rem;
    color: #444;
    font-weight: bold;
    margin-left: 0.09rem;
}
.swiper2{
    width: 6.94rem;
    margin: 0 auto;
    border-radius: 0.177rem;
    position: relative;
    /* display: none; */
}
.swiper2 .slide2{
    display: block;
    background-color: #fff;
}
.detailText{
    width: 100%;
    height: 1.26rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #F2FCFB;
    border-radius: 0.177rem;
}
.detailText>div i:first-child{
    font-style: normal;
    font-size: 0.35rem;
    color: #444;
}
.detailText>div i:last-child{
    font-style: normal;
    font-weight: bold;
    font-size: 0.31rem;
    color: #444;
    margin-left: 0.088rem;
}
.detailTitle{
    width: 100%;
    height: 0.31rem;
    display: flex;
    justify-content: space-between;
    margin: 0.35rem 0;
}
.detailTitle>div i:first-child{
    font-style: normal;
    font-size: 0.31rem;
    color: #333;
    font-weight: 550;
}
.detailTitle>div i:last-child{
    font-style: normal;
    font-size: 0.31rem;
    color: #666;
}
.swiperDot{
    width: 100%;
    height: 0.55rem;
    position: relative;
}
.swiperP1{
    width: 0.66rem;
    bottom: 0 ;
    left: 50%;
    transform: translate(-50%,0);
    display: flex;
    justify-content: space-around;
}
.swiper-pagination-bullet-active{
    background-color: #06C1AE !important;
}
.swiper-pagination-bullet{
    background-color: #d5d5d5;
    opacity: 1;
}
.swiperTip{
    font-size: 0.265rem;
    text-align: center;
    color: #C8C8C8;
    width: 100%;
    margin-top: 0.35rem;
    text-align: center;
}
.overdueTip{
    margin-top: 0.35rem;
    font-size: 0.265rem;
    text-align: center;
    color: #FF6975;
}
.failTip{
    margin-top: 0.35rem;
    font-size: 0.265rem;
    text-align: center;
    color: #FF6975;
}
.uploadNew{
    width: 6.94rem;
    height: 1.01rem;
    line-height: 1.01rem;
    text-align: center;
    color: #fff;
    font-size: 0.35rem;
    margin: 0 auto;
    margin-top: 0.35rem;
    border-radius: 0.51rem;
    background-color: #06C1AE;
    position: relative;
}
.uploadNew input{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: 0;
}
.uploadSuccess{
    line-height: 0.35rem;
    font-size: 0.265rem;
    margin: 0 auto;
    margin-top: 0.35rem;
    text-align: center;
    color: #FF6975;
}
.colorStyle{
    color: #06C1AE !important;
}
.clearfix::after,
.clearfix::before{
    content: ".";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.clearfix{
    *zoom: 1;
}
.taskClass{
    width: 7.62rem;
    height: 2.276rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0.09rem;
    margin: 0 auto;
    margin-bottom: 0.13rem;
    overflow: hidden;
}
.taskClass>a{
    width: 100%;
    height: 1.127rem;
    background-color: #fff;
    padding: 0.33rem 0.35rem;
    box-sizing: border-box;
}
.taskClass .icon{
    width: 0.574rem;
    height: 0.486rem;
    background: url("../newPersonalImg/yaoqing@2x.png") center no-repeat;
    background-size: 100% 100%;
}
.taskClass .text{
    height: 0.486rem;
    font-size: 0.35rem;
    color: #444;
    line-height: 0.486rem;
    margin-left: 0.133rem;
}
.taskClass .arrow{
    width: 0.155rem;
    height: 0.265rem;
    float: right;
    background: url("../newPersonalImg/enter@2x.png") center no-repeat;
    background-size: 100% 100%;
    margin-top: 0.11rem;
}
.personalTask>div{
   float: left;
}
.publicTask>div{
    float: left;
}
.publicTask .publicIcon{
    background: url("../newPersonalImg/company_icon_homepage@2x.png") center no-repeat;
    background-size: 100% 100%;
}
.myClass{
    width: 7.62rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0.09rem;
    margin-bottom: 0.31rem;
    overflow: hidden;
}
.myClass>a{
    width: 100%;
    height: 1.178rem;
    background-color: #fff;
    border-radius: 0.09rem;
    padding: 0.33rem 0.35rem;
    border-bottom: .02rem solid #f1f1f1;
}
.myClass>a:last-child{
    border: none;
}
.myClass .icon{
    width: 0.574rem;
    height: 0.486rem;
    background: url("../newPersonalImg/yaoqing@2x.png") center no-repeat;
    background-size: 100% 100%;
}
.myClass .text{
    height: 0.486rem;
    font-size: 0.35rem;
    color: #444;
    line-height: 0.486rem;
    margin-left: 0.133rem;
}
.myClass .arrow{
    width: 0.155rem;
    height: 0.265rem;
    float: right;
    background: url("../newPersonalImg/enter@2x.png") center no-repeat;
    background-size: 100% 100%;
    margin-top: 0.11rem;
}
.myClass .myPackage-icon{
    background: url("../newPersonalImg/quanbao@2x.png") center no-repeat;
    background-size: 100% 100%;
}
.myClass .myBidApply-icon{
    background: url("../newPersonalImg/bidapply@2x.png") center no-repeat;
    background-size: 100% 100%;
}
.myClass .myInvite-icon{
    background: url("../newPersonalImg/myyaoqing@2x.png") center no-repeat;
    background-size: 100% 100%;
}
.myClass .carRecord-icon{
    background: url("../newPersonalImg/chewu@2x.png") center no-repeat;
    background-size: 100% 100%;
}
.myClass .userFeed-icon{
    background: url("../newPersonalImg/feedback.png") center no-repeat;
    background-size: 100% 100%;
}
.userFeed i{
    font-size: 0.31rem;
    color: #FF6975;
}
.myClass .text1{
    font-size: 0.309rem;
    color: #FF6975;
    float: right;
    margin-right: 0.265rem;
}
.myPackage>div,
.myInvite>div,
.carRecord>div,
.userFeed>div{
    float: left;
}
.haveTask1{
    width: 100%;
    padding: 0.35rem;
    box-sizing: border-box;
}
.taskTitle{
    width: 100%;
    height: 0.79rem;
    display: flex;
    margin-bottom: 0.26rem;
}
.titleIcon{
    width: 0.79rem;
    height: 0.79rem;
    border-radius: 50%;
    overflow: hidden;
}
.titleIcon img{
    width: 100%;
    max-width: 100%;
}
.titleText{
    flex: 1;
    text-align: left;
    font-size: 0.35rem;
    color: #444;
    line-height: 0.79rem;
    margin-left: 0.26rem;
}
.titlePay{
    font-size: 0.265rem;
    line-height: 0.79rem;
    color: #06C1AE;
    display: none;
}
.titleStatus{
    flex: 1;
    text-align: right;
    font-size: 0.31rem;
    line-height: 0.79rem;
}
.taskDetail{
    width: 6.91rem;
    height: 1.25rem;
    display: flex;
    justify-content: space-around;
    text-align: center;
    background-color: #F2FCFB;
    border-radius: 0.17rem;
}
.priceNumber{
    font-size: 0.31rem;
    font-weight: bold;
    color: #444;
    line-height: 0.76rem;
}
.priceText{
    font-size:0.26rem;
    color: #666;
}
.upgrade{
    color: #FF6975;
    font-size: 0.265rem;
    margin: 0 auto;
    height: 0.35rem;
    line-height: 0.4rem;
    padding-left: 0.73rem;
    letter-spacing: 1px;
    box-sizing: border-box;
    margin-top: 0.35rem;
}
.upgrade-icon{
    width: 0.35rem;
    height: 0.35rem;
    float: left;
    background: url("../newPersonalImg/shengji@2x.png") center no-repeat;
    background-size: 100% 100%;
}
.checking{
    margin-top: 0.35rem;
    text-align: center;
    font-size: 0.265rem;
    color: #666;
}
.bottomBtn{
    width: 100%;
    height: 1.01rem;
    display: block;
    text-align: center;
    line-height: 1.01rem;
    font-size: 0.35rem;
    color: #fff;
    background-color: #06C1AE;
    border-radius: 0.5rem;
    margin-top: 0.35rem;
}
.btnBox {
    display: flex;
    justify-content: space-between;
}
.evaluateBtn {
    width: 47%;
    height: 1.01rem;
    display: block;
    text-align: center;
    line-height: 1.01rem;
    font-size: 0.35rem;
    color: #fff;
    background-color: #FF6975;
    border-radius: 0.5rem;
    margin-top: 0.35rem;
}

.evaluateBtn i {
    color: #FFDF93;
    font-weight: bold;
}
.entrustBtn {
    width: 47%;
    height: 1.01rem;
    display: block;
    text-align: center;
    line-height: 1.01rem;
    font-size: 0.35rem;
    color: #fff;
    background-color: #06C1AE;
    border-radius: 0.5rem;
    margin-top: 0.35rem;

}

.disabledClick{
    pointer-events: none;
    background-color: #D8D8D8;
}
.queryTools{
    width: 7.62rem;
    height: 0.442rem;
    margin: 0 auto;
    margin-bottom: 0.35rem;
}
.queryTools .toolsLine{
    width: 0.11rem;
    height: 0.35rem;
    background-color: #03C5B4;
    float: left;
    margin-top: 0.044rem;
}
.queryTools .toolsText{
    height:0.442rem;
    line-height: 0.442rem;
    color: #444;
    font-size: 0.398rem;
    margin-left: 0.265rem;
}
.queryDiv{
    width: 7.62rem;
    height: 1.945rem;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 0.09rem;
    display: flex;
    justify-content: space-around;
    padding: 0.398rem;
    box-sizing: border-box;
}
.zhongbiao .icon{
    width: 0.53rem;
    height: 0.53rem;
    background: url("../newPersonalImg/zhongbiao@2x.png") center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.jihuo .icon{
    width: 0.53rem;
    height: 0.53rem;
    background: url("../newPersonalImg/jihuo@2x.png") center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.weizhang .icon{
    width: 0.53rem;
    height: 0.53rem;
    background: url("../newPersonalImg/weizhang@2x.png") center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.queryDiv .text{
    font-size: 0.35rem;
    color: #444;
    margin-top: 0.22rem;
}
.guideMask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.74);
    z-index: 99;
    display: none;
}
.guideTop{
    width: 1.22rem;
    height: 1.66rem;
    background: url("../newPersonalImg/guide_top.png") center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: 0.44rem;
    margin-bottom: 0.33rem;
}
.guideTopText,
.guideBottomText,
.guideBalanceText{
    font-size: 0.35rem;
    color: #fff;
    width: 7.62rem;
    margin: 0 auto;
    z-index: 999;
}
.guideBtn,
.know,
.guideBalanceBtn{
    width: 3.2rem;
    height: 1.02rem;
    margin: 0 auto;
    text-align: center;
    line-height: 1.02rem;
    color: #fff;
    border: 0.022rem solid #fff;
    border-radius: 0.51rem;
    margin-top: 0.62rem;
}
.queryDivBig{
    width: 7.8rem;
    height: 3.2rem;
    margin: 0 auto;
    padding-top: 0.31rem;
    box-sizing: border-box;
    position: relative;
    background-color: #F9F9F9;
    border-radius: 0.22rem;
}
.guideBottom{
    width: 0.57rem;
    height: 1.81rem;
    background: url("../newPersonalImg/guide_bottom.png") center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    bottom: 4.8rem;
    transform: translate(-50%,0);
}
.guideBottomText{
    position: absolute;
    left: 50%;
    bottom: 8.73rem;
    transform: translate(-50%,0);
    text-align: center;
}
.know{
    position: absolute;
    left: 50%;
    bottom: 7.09rem;
    transform: translate(-50%,0);
}
.guideBalance{
    width: 3.47rem;
    height: 1.33rem;
    position: absolute;
    left: 1.68rem;
    top: 1.88rem;
    background: url("../newPersonalImg/balance.png") center no-repeat;
    background-size: 100% 100%;
}
.guideBalanceBtn{
    margin-top: 0.62rem;
}
.guideBalanceText{
    margin-top: 0.33rem;
    text-align: center;
}
.guideBs{
    width: 7.62rem;
    height: 4.08rem;
    margin: 0 auto;
    margin-top: 3.53rem;
    border-radius: 0.09rem;
    background: url("../newPersonalImg/mybiaoshu.png") center no-repeat;
    background-size: 100% 100%;
}
.haveTask1 a:active,
a:hover,
a:focus{
    color: #fff;
}

.navTopBox {
    width: 7.62rem;
    margin: 0 auto;
    margin-top: -2.5rem;
}

/* 登录后增加顶部切换tab 高度 */
.loginTop {
    margin-top: -3.09rem;
}
/* 登录后增加顶部切换tab 高度 */

.my_info .cus_info .box .wallet {
    width: 1.48rem;
    height: .4rem;
    font-size: .27rem;
    line-height: .4rem;
    border-radius: .22rem;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    background-color: #00A897;
    margin-left: .176rem;
    margin-top: .02rem;
}
