html {  font-size: 12px; height: 100%; /* 10÷16=62.5% */  }

body{  font-size: 12px; background: #f1eff0; height: 100%;}

li{ list-style: none;}

@media only screen and (min-width: 320px){

    html {  font-size: 12px!important;  }

}

@media only screen and (min-width: 360px){

    html {  font-size: 13.5px!important;  }

}

@media only screen and (min-width: 375px){

    html {  font-size: 14.0625px!important;  }

}

@media only screen and (min-width: 414px){

    html {  font-size: 15.525px!important;  }

}

@media only screen and (min-width: 480px){

    html {  font-size: 18px!important;  }

}

@media only screen and (min-width: 640px){

    html {  font-size: 24px!important;  }

}

@media only screen and (min-width: 768px){

    html {  font-size: 25.6px!important;  }

}

@media only screen and (min-width: 1024px){

    html {  font-size: 38.4px!important;  }

}

a:hover{
    text-decoration: none;
}

.claer{

    clear: both;

}

.amap-icon img{

    width: 100%;

    height: 100%;

}



.notice{

    width: 89%;

    padding-left:1rem;

    height: 3.9822rem;

    background: #fff;

    box-shadow: 0.2rem 0.2rem 1rem #ccc;

    position: fixed;

    top: 1rem;

    left: 1rem;

    line-height: 3.9822rem;

    font-size: 1.2rem;

    display: flex;

}

.notice p{

    width: 100%;

    color: #9c9c9c;

    flex: 9;

    white-space: nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.notice p span{

    color: #f99d22;

    display: inline-block;

    text-align: right;

}

.notice i{

    flex: 1;

    font-size: 1.8rem;

    color: #f99d22;

    vertical-align: middle;

    margin-right: 0.5rem;

}

.notice i.right{

    color: #9c9c9c;

    font-size: 1.2rem;

    font-weight: bold;

    text-align: right;

    padding-right: 0.3rem;

}

.search-icon{

    width: 2.382rem;

    height: 2.382rem;

    background: #fff;

    box-shadow: 0.2rem 0.2rem 1rem #ccc;

    position: fixed;

    left: 10px;

    bottom: 4.5rem;

    border-radius: 50%;

    text-align: center;

    line-height: 2.4rem;

}

.search-icon a{

    display: block;

}

.search-icon i{

    font-size: 1.2rem;

    color: #717171;

    vertical-align: middle;

}

.search-box{

    background: #fff;

}

.search .open-popup{

    display: block;

    width: 90%;

    font-size: 1.1rem;

    text-align: center;

    line-height: 2.5rem;

    position: relative;

    margin: 0 auto 0;

    border-radius: 1.45rem;

    background: #f4f4f4;

    height: 2.5rem;

    color: #acacac;

}

.search .open-popup .weui-icon-clear, .weui-icon-search{

    font-size: 1.1rem;

}

.search .open-popup input{

    border: none;

    display: block;

    width: 100%;

    height: 1.5rem;

    background: none;

}

.search .open-popup .weui-search-bar__label{

    background: none;

}



.search-top{

    height: 3.3333rem;

    background: #fa9d24;

    line-height: 3.333rem;

}

.search-top a{

    text-align: center;

    font-size: 1.3rem;

    color: #fff;

    font-weight: bold;

    display: inline-block;

    margin-left: 1rem;

}

.search-top .top-main{

    display: inline-block;

    position: relative;

    flex: 5;

}

.search-top .top-main .weui-icon-search{

    position: absolute;

    left: 0.2rem;

    top: 1.1rem;

}

.weui-popup__container.search{

    z-index: 10000;

}



.dw-icon{

    display: block;

    width: 2.382rem;

    height: 2.382rem;

    background: #fff;

    box-shadow: 0.2rem 0.2rem 1rem #ccc;

    border-radius: 50%;

    text-align: center;

    line-height: 2.4rem;

    position: fixed;

    left: 10px;

    bottom: 20px;

}

.dw-icon a{

    color: #717171;

}

.dw-icon i{

    font-size: 1.4rem;

}



.refresh-btn{

    width: 9.4rem;

    height: 3.4rem;

    background: #171717;

    border-radius: 3rem;

    position: fixed;

    left: 50%;

    margin-left: -4.7rem;

    bottom: 1rem;

    line-height: 3.4rem;

    text-align: center;

}

.refresh-btn a{

    display: block;

    color: #fff;

    font-size: 1.5rem;

}

.refresh-btn a i{

    font-size: 1.5rem;

    margin-right: 0.2rem;

}

.user-icon{

    display: block;

    width: 2.382rem;

    height: 2.382rem;

    background: #fff;

    box-shadow: 0.2rem 0.2rem 1rem #ccc;

    border-radius: 50%;

    color: #717171;

    text-align: center;

    line-height: 2.4rem;

    position: fixed;

    right: 10px;

    bottom: 20px;

}

.user-icon a{

    color: #717171;

}

.user-icon a i{

    font-size: 1.4rem;

}



.hb-icon{

    display: block;

    width: 2.382rem;

    height: 2.382rem;

    background: #fff;

    box-shadow: 0.2rem 0.2rem 1rem #ccc;

    border-radius: 50%;

    color: #717171;

    text-align: center;

    line-height: 2.4rem;

    position: fixed;

    right: 10px;

    bottom: 4.5rem;

}

.hb-icon a{

    margin: 0.141rem auto;

    width: 2.1rem;

    height: 2.1rem;

    display: block;

    background: #fe0000;

    border-radius: 50%;

    color: #fff;

}

.hb-icon a i{

    font-size: 1.2rem;

}



.search-main .search-list{

    margin: 2rem 1rem;

}

.search-main .search-list li{

    display: inline-block;

    line-height: 3rem;

    margin-right: 0.5rem;



}

.search-main .search-list .checkbox{

    display: none;

}

.search-main .search-list .checkbox+label,.add-info ul li a.btn{

    font-size: 1rem;

    padding: 0.3rem 1rem;

    border: 1px solid #c1c1c1;

    border-radius: 2rem;

    color: #393939;

}

.search-main .search-list .checkbox:checked+label{

    color: #fa9d24;

    border: 1px solid #fa9d24;

}



.weui-btn.submit-btn {

    width: 90%;

    height: 3.55rem;

    line-height: 3.55rem;

    margin-top: 2rem;

    background: #fa9d24;

    border: none;

    color: #fff;

    font-size: 1.2rem;

    border-radius: 2rem;

}

.p_bg{

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.2);

    position: fixed;

    left: 0;

    top: 0;

    z-index: 10000;

    display: none;

}

.redbag{

    position: fixed;

    left: 50%;

    top: 50%;

    z-index: 10001;

    height: 23.6rem;

    width: 20rem;

    margin-left: -10rem;

    margin-top: -11.8rem;

    background: #ff1717;

    border-radius: 1rem;

    display: none;

}

.redbag .title{

    width: 100%;

    height: 6.2rem;

    background: #fdfaf1;

    border-radius: 1rem 1rem 50% 50%;

    text-align: center;

    padding-top: 2.8rem;

    position: relative;

}

.redbag .title h2{

    font-size: 1.8rem;

    font-weight: normal;

}

.redbag .title h2 span{

    font-size: 1.5rem;

}

.redbag .title p{

    color: #9c9c9a;

    font-size: 0.8rem;

}

.redbag .title a{

    display: block;

    color: #9c9c9c;

    position: absolute;

    right: 0.5rem;

    top: 0;

}

.redbag .title a i{

    font-size: 2rem;

}

.redbag .rb-info {

    text-align: center;

    margin-top: 0.5rem;

    color: #fff;

    padding: 0 1rem;

}

.redbag .rb-info i{

    font-size: 3rem;

    line-height: 3.5rem;

}

.redbag .rb-info h2 a{

    color: #fff;

    font-size: 1.3rem;

    font-weight: normal;

}

.redbag .rb-info p{

    font-size: 0.9rem;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

}

.redbag .rb-info .yy-btn{

    display: block;

    width: 90%;

    height: 2.84rem;

    margin: 1.5rem auto 0.5rem;

    background: #ffd800;

    border-radius: 1rem;

    line-height: 2.84rem;

    font-size: 1.2rem;

    color: #ff1717;

}

.redbag .rb-info p .notes{

    font-size: 1rem;

    color: #ffd800;

}



.date{

    width: 95%;

    height: 17.3rem;

    background: #fff;

    position: fixed;

    left: 0;

    bottom: 0;

    z-index: 10002;

    padding: 0 2.5%;

}

.date .weui-input{

    display: none;

}

.date .title{

    font-size: 1.2rem;

    padding: 0 1rem;

    line-height: 3.5rem;

    border-bottom: 1px solid #e8e8e8;

}

.date .title span{

    font-size: 0.8rem;

    color: #9c9c9c;

}

.date .weui-picker-modal{

    background: #fff;

}

.date .date-btn{

    display: flex;

    border-top: 1px solid #e6e6e6;

}

.date .date-btn a{

    flex: 1;

    text-align: center;

    font-size: 1.2rem;

    color: #fa9d24;

    line-height: 3rem;

}

.date .date-btn a.close-date{

    color: #9c9c9c;

    border-right: 1px solid #e6e6e6;

}



.nav-top{

    width: 100%;

    height: 3.3333rem;

    background: #fa9d24;

    line-height: 3.333rem;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 99999;

}

.nav-top a{

    text-align: center;

    font-size: 1.3rem;

    color: #fff;

    font-weight: bold;

    display: inline-block;

    margin-left: 1rem;

}





/*显示点击是哪个字母*/

.city-info .showLetter{

    position: fixed;

    color:#979797;

    width: 50px;

    height:50px;

    top:50%;

    left: 50%;

    border-radius: 50%;

    border: #979797 1px solid;

    text-align: center;

    display: none;

}

.city-info .showLetter span{

    width: 50px;

    height: 50px;

    line-height: 50px;

    font-size: 30px;

}

/*城市弹层*/

.city-info .container{

    width:100%;

}

.city-info .letter{

    width:auto;

    position:fixed;

    top:12%;

    right:0.5rem;

    text-align:center;

    z-index: 999;

}

.city-info .letter ul{

    list-style-type:none;

}

.city-info .letter ul li a{

    text-decoration:none;

    color:#979797;

    font-size: 1rem;

}

.city-info .city{

    width:100%;

    overflow:hidden;

}

.city-info .city-list{

    width:100%;

}

.city-info .city-list .city-letter{

    font-size:1rem;

    display:inline-block;

    padding-left: 1rem;

    padding-top:0.8rem;

    padding-bottom:0.5rem;

    border-bottom:1px solid #ededed;

    width:100%;

    color: #5f5f5f;

    background: #ededed;

}

.city-info .city-list p{

    color:#afafaf;

    width:88%;

    height: 3.5rem;

    border-bottom:1px solid #ededed;

    margin-left: 1rem;

    font-size: 1.2rem;

    color: #000;

    line-height: 3.5rem;

    cursor:pointer;

}

.city-info .UISelect{

    margin-top:5px;

}

.city-info .city-list.my-city{

    position: relative;

}

.city-info .city-list.my-city span.dw{

    position: absolute;

    right: 2.5rem;

    top:3.5rem;

    color: #fa9d24;

}

.city-info .city-list.my-city span i{

    font-size: 1.2rem;

    margin-right: 0.2rem;

}

.city-info .city-list.my-city span a{

    color: #fa9d24;

    font-size: 1.2rem;

}



.rb-note li{

    display: flex;

    padding: 1rem;

    border-bottom: 1px solid #e6e6e6;

}

.rb-note li .left{

    flex: 4;

}

.rb-note li .left p{

    font-size: 1.2rem;

    color: #333;

}

.rb-note li .left p span{

    font-size: 0.9rem;

    color: #ababab;

}

.rb-note li .right{

    flex: 1;

    text-align: right;

}

.rb-note li .right p{

    font-size: 1.2rem;

    color: #fd0000;

}

.rb-note li .right p span{

    font-size: 0.9rem;

    color: #ababab;

}



.list-box{

    padding: 1rem;

}

.list-box ul li{

    background: #fff;

    padding: 0.6rem;

    margin-bottom: 0.7rem;

}

.list-box ul li a{

    display: block;

}

.list-box ul li a img{

    width: 100%;

    height: 10rem;

}

.list-box ul li a p{

    font-size: 1.2rem;

    color: #333;

    position: relative;

    padding:0.3rem 1.5rem 0.3rem 0;

    white-space: nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.list-box ul li a p i{

    font-size: 1.2rem;

    font-weight: bold;

    color: #c8c8c8;

    position: absolute;

    right: 0;

    top: 0.4rem;

}

.article-box{

    background: #fff;

    padding: 2rem 1rem;

}

.article-box .title{

    margin-bottom: 1rem;

}

.article-box .title h2{

    font-size: 1.4rem;

    font-weight: normal;

    color: #333;

    line-height: 2.2rem;

}

.article-box .title span{

    color: #ababab;

    font-size: 0.9rem;

    line-height:1.5rem;

}

.article-box .info img{

    width: 100%;

    height: auto;

    margin: 0.5rem 0;

}

.article-box .info p{

    font-size: 1rem;

    color: #333;

    line-height: 1.8rem;

}



.rb-list .img{

    width: 100%;

    height: 10rem;

    position: relative;

}

.rb-list .title{

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.3);

    display: flex;

    font-size: 1.1rem;

    color: #fff;

    line-height: 2.5rem;

    padding: 0.5rem 0;

}

.rb-list .title .left{

    flex: 1;

    padding-left: 0.5rem;

    white-space: nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.rb-list .title .right{

    flex: 1;

    padding-right: 0.5rem;

    font-size: 0.9rem;

    text-align: right;

}

.list-box.rb-list ul li{

    position: relative;

}

.list-box.rb-list ul li a p.rb-p{

    text-align: right;

    padding-right: 0;

    font-size: 1rem;

    color: #c8c8c8;

    line-height: 2rem;

    margin-top: 0.5rem;

}

.list-box.rb-list ul li i.rb-btn{

    position: absolute;

    left: 0.55rem;

    bottom: 0.2rem;

    font-size: 1.8rem;

    color: #f83023;

    z-index: 999;

}

.show-box .banner{

    margin-bottom: 1rem;

}

.show-box .banner .swiper-container{

    width: 100%;

    height: 24.426rem;

    background: #000;

}

.show-box .banner .swiper-container .swiper-slide{

    line-height: 24.426rem;

}

.show-box .banner .swiper-container img{

    width: 100%;

    height: auto;

    vertical-align: middle;

}
.show-box .banner .swiper-container .visit{
    display: block;
    font-size: 1rem;
    color: #fff;
    background: rgba(0,0,0,0.5);
    border-radius: 1rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 9999;
    padding: 0.2rem 0.5rem;
}


.show-box .banner .swiper-pagination-bullet-active{

    background: #fff;

}

.show-box .banner .swiper-pagination{

    text-align: right;

}

.show-box .banner .title{

    font-size: 1.2rem;

    display: block;

    padding: 0 0.6rem;

    background: #fff;

    line-height: 3.5rem;

}

.show-box .banner .title span{

    float: right;

    font-size: 0.9rem;

    color: #ababab;

}

.show-box .banner .rg-info{

    width: 3.3777rem;

    height: 4.3733rem;

    position: absolute;

    left: 1rem;

    bottom: 1rem;

    background: url("../images/rb.png") no-repeat;

    background-size: 100% 100%;

    z-index: 999;

    font-size: 0.7rem;

    line-height: 3rem;

    text-align: center;

    color: #fa9d24;

}

.show-box .info-box{

    background: #fff;

    margin-bottom: 0.7rem;

    padding: 0 0.5rem;

}

.show-box .info-box h2{

    font-size: 1.2rem;

    font-weight: normal;

    line-height: 3rem;

}

.show-box .info-box h2 i{

    font-size: 1.7rem;

    color: #fa9d24;

    vertical-align: middle;

    margin-right: 0.3rem;

}

.show-box .info-box .basic-info{

    padding: 0 0.5rem;

    font-size: 1rem;

    line-height: 2rem;

}

.show-box .info-box .basic-info span{

    color: #ababab;

    margin-right: 0.5rem;

}

.show-box .info-box .basic-info b{

    font-weight: normal;

    color: #fa9d24;

}

.show-box .info-box .address a{

    margin-top: 1rem;

    border-top: 1px solid #e6e6e6;

    display: block;

    color: #333;

    line-height: 3rem;

    font-size: 1.1rem;

    padding: 0 0.3rem;

}

.show-box .info-box .address i{

    font-size: 1.5rem;

    margin-right: 0.5rem;

    color: #9d9d9d;

}

.show-box .info-box .address i.icon-gengduo{

    float: right;

    font-size: 1.3rem;

}

.show-box .info-box .yy-date{

    display: flex;

    font-size: 1rem;

    padding: 0.5rem 0;

}

.show-box .info-box .yy-date .left{

    flex: 1;

    color: #ababab;

}

.show-box .info-box .yy-date .right{

    flex: 4;

}

.show-box .info-box .yy-date .right p{

    font-size: 0.8rem;

    color: #fa9d24;

    line-height: 1rem;

}

.show-box .info-box .role{

    text-align: center;

    padding: 1.5rem 0;

}

.show-box .info-box .role .img{

    width: 3.3rem;

    height: 3.3rem;

    border-radius: 50%;

    margin: 0 auto 0.5rem;

}

.show-box .info-box .role .img.dg{

    border: 2px solid #fac277;

}

.show-box .info-box .role .img.pm{

    border: 2px solid #81c6ff;

}

.show-box .info-box .role .img img{

    width: 100%;

    height: 100%;

    border-radius: 50%;

}

.show-box .info-box .role p{

    font-size: 1.1rem;

    color: #333;

}

.show-box .info-box .role p.small{

    font-size: 0.8rem;

}

.show-box .info-box .role p.small span{

    color: #9d9d9d;

}

.show-box .info-box .hx-img{

    width: 100%;

    margin: 1rem 0;

}

.show-box .info-box .hx-img img{

    width: 100%;

    height: auto;

}

.show-box .info-box ul.recommend{

    display: flex;

    padding-bottom: 1rem;

}

.show-box .info-box ul.recommend li{

    flex: 1;

    padding: 0 0.5rem;

}

.show-box .info-box ul.recommend li img{

    width: 100%;

    height: auto;

}

.show-box .info-box ul.recommend li a{

    color: #333;

    display: block;

    border: 1px solid #e6e6e6;

}



.show-box .info-box ul.recommend .re-info{

    padding: 0 0.2rem;

}

.show-box .info-box ul.recommend .re-info div{

    display: flex;

}

.show-box .info-box ul.recommend .re-info div p{

    flex: 1;

    font-size: 0.8rem;

    line-height: 1.5rem;

    color: #acacac;

    text-align: left;

}

.show-box .info-box ul.recommend .re-info div p.right{

    text-align: right;

}

.show-box .info-box ul.recommend li h3{

    font-size: 1rem;

    font-weight: normal;

}



.show-box .info-box .comment{

    padding: 1rem 0;

}

.show-box .info-box .comment li{

    margin-bottom: 0.8rem;

    border-bottom: 1px solid #f6f4f5;

}

.show-box .info-box .comment .name{

    display: flex;

}

.show-box .info-box .comment .name .img{

    flex: 2;

}

.show-box .info-box .comment .name .img img{

    width: 4.267rem;

    height: 4.267rem;

    border-radius: 50%;

}

.show-box .info-box .comment .name .xj{

    text-align: center;

}

.show-box .info-box .comment .name .xj i{

    font-size: 0.5rem;

    color: #fa9d24;

}

.show-box .info-box .comment .name .details{

    flex: 10;

    margin-left: 1rem;

    font-size: 1rem;

    padding-bottom: 0.5rem;

}

.show-box .info-box .comment .name .details span.right{

    display: block;

    float: right;

    color: #adadad;

}

.show-box .info-box .comment .name .details p{

    line-height: 1.5rem;

    margin-top: 0.3rem;

    margin-bottom: 0.5rem;

}

.show-box .info-box .comment .name .details span{

    font-size: 0.8rem;

}

.show-box .info-box .comment .name .details .reply{

    background: #ededed;

    padding: 0.5rem;

}

.show-box .info-box .comment .name .details .reply a{

    color: #37a4ff;

}

.show-box .show-bottom{

    position: fixed;

    width: 100%;

    left: 0;

    bottom: 0;

    height: 3.484rem;

    text-align: center;

    line-height: 3.484rem;

}

.show-box .show-bottom a{

    font-size: 1.2rem;

    color: #fff;

}

.show-box .show-bottom a i{

    font-size: 1.3rem;

    margin-right: 0.2rem;

}

.show-box .show-bottom .left{

    background: #fa9d24;

}

.show-box .show-bottom .right{

    background: #37a4ff;

}

.role-box{

    background: #fff;

}

.role-box .role-info{

    text-align: center;

    padding-top: 2rem;

}

.role-box .role-info .tx{

    width: 4.5155rem;

    height: 4.5155rem;

    border-radius: 50%;

    margin: 0 auto;

}

.role-box .role-info .tx.dg{

    border: 2px solid #fbc379;

}

.role-box .role-info .tx.pm{

    border: 2px solid #8ccbff;

}

.role-box .role-info .tx img{

    width: 100%;

    height: 100%;

    border-radius: 50%;

}

.role-box .role-info h2{

    font-size: 1.3rem;

    font-weight: normal;

}

.role-box .role-info h2 span{

    display: block;

    font-size: 0.9rem;

    color: #9d9d9d;

}

.role-box .role-info p{

    color: #9d9d9d;

    font-size: 1rem;

    line-height: 1.5rem;

    padding: 0 0.5rem;

    margin-top: 2rem;

}

.role-box .list-box{

    margin-top: 2rem;

}

.role-box .list-box h2{

    font-size: 1.3rem;

    font-weight: normal;

}

.role-box .list-box h2 i{

    color: #fa9d24;

    font-size: 1.5rem;

    vertical-align: middle;

}



.role-box .list-box.pm h2 i{

    color: #37a4ff;

}

.role-box .list-box ul li{

    border: 1px solid #e6e6e6;

}



.evaluate{

    background: #fff;

}

.evaluate .e-top{

    display: flex;

    padding: 1.5rem 1rem 1rem 1rem;

}

.evaluate .e-top .left{

    flex: 1;

}

.evaluate .e-top .left img{

    width: 100%;

    height: auto;

}

.evaluate .e-top .right{

    flex: 4;

    margin-left: 1rem;

}

.evaluate .e-top .right h2{

    font-size: 1.2rem;

    font-weight: normal;

    line-height: 3rem;

}

.evaluate .e-top .right ul li{

    display: inline-block;

}

.evaluate .e-top .right ul li i{

    font-size: 1.4rem;

    color: #cdcdcd;

}

.evaluate .e-top .right ul li.pfxtCur i{

    color: #fa9d24;

}

.evaluate textarea{

    width: 100%;

    height: 8.32rem;

    border: none;

    background: #f5f5f5;

    font-size: 1rem;

    line-height: 1.5rem;

    padding: 1rem 1rem;

}





.z_photo {

    width: 100%;

    height: auto;

    display: block;

    padding: 1rem;

}



.z_photo img {

    width: 4.48rem;

    height: 4.48rem;

}



.z_addImg {

    display: inline-block;

    margin-right: 0.5rem;

    margin-bottom: 0.5rem;

    position: relative;

}

.z_addImg span{

    position: absolute;

    right: 0.2rem;

    top: 0.2rem;

    width: 1.1rem;

    height: 1.1rem;

    background: url("../images/del.png") no-repeat;

    background-size: 100% 100%;

}

.z_file {

    width: 4.48rem;

    height: 4.48rem;

    border: 1px solid #e6e6e6;

    background: url("../images/xj.png") no-repeat;

    background-size: 100% 100%;

    margin-right: 0.5rem;

    display: inline-block;

}



.z_file input::-webkit-file-upload-button {

    width: 4.48rem;

    height: 4.48rem;

    border: none;

    position: absolute;

    outline: 0;

    opacity: 0;

}



.z_file input.file {

    display: inline-block;

    width: 4.48rem;

    height: 4.48rem;

}



.user-photo{

    width: 100%;

    height: 8.34rem;

    background: url("../images/my-bg.png") no-repeat;

    background-size: 100% 100%;

    text-align: center;

    padding-top: 3.5rem;

    font-size: 1.3rem;

    color: #fff;

    line-height: 3rem;

    margin-bottom: 0.5rem;

}

.user-photo a{

    color: #fff;

}

.user-photo img{

    width: 4.2rem;

    height: 4.2rem;

    border-radius: 50%;

    display: block;

    margin: 0 auto;

}

.user-main ul{

    background: #fff;

    margin-bottom: 0.5rem;

}

.user-main ul li{

    line-height: 4rem;

    padding: 0 0 0 1rem;

}

.user-main ul li a{

    font-size: 1.2rem;

    color: #333;

    display: flex;

}

.user-main ul li a i{

    font-size: 1.5rem;

    color: #9c9c9c;

    flex: 1;

    vertical-align: middle;

}

.user-main ul li a p{

    flex: 10;

    display: block;

    border-bottom: 1px solid #e6e6e6;

}

.user-main ul li a p.none{

    border: none;

}

.user-main ul li a p i{

    float: right;

    margin-right: 1rem;

}

.about-us{

    height: 100%;

    font-size: 1.2rem;

    color: #333;

    padding: 1rem;

    line-height: 2rem;

}



.feedback{

    padding: 1rem 0;

}

.feedback textarea,.feedback input{

    background: #fff;

    display: block;

    width: 100%;

    border: none;

    font-size: 1rem;

    line-height: 2.5rem;

    margin-bottom: 1rem;

    padding: 1rem;

}

.feedback textarea{

    height: 8.78rem;

}

.my-data{

    margin-top: 1rem;

}

.my-data ul{

    background: #fff;

}

.my-data ul li{

    display: flex;

    margin-left: 1rem;

    border-bottom: 1px solid #e6e6e6;

    font-size: 1.2rem;

    line-height: 4rem;

    padding-right: 1rem;

}

.my-data ul li.img{

    padding: 1rem 1rem 1rem 0;

}

.my-data ul li.none{

    border-bottom: none;

}

.my-data ul li .left{

    flex: 1;

}

.my-data ul li .right{

    flex: 3;

    text-align: right;

}

.my-data ul li .right a{

    display: block;

    color: #9d9d9d;

    height: 2.6rem;

}

.my-data ul li .right a i{

    color: #9d9d9d;

}

.my-data ul li .right img{

    width: 2.6rem;

    height: 2.6rem;

    border-radius: 50%;

    margin-top: 0.6rem;

}

.my-data .weui-popup__modal input.text{

    background: #fff;

    display: block;

    width: 100%;

    border: none;

    font-size: 1rem;

    line-height: 2.5rem;

    margin-bottom: 1rem;

    padding: 1rem;

    margin-top: 1rem;

}

.my-data .upload-img{

    background: none;

    margin-top: 2rem;

}

.my-data .upload-img li{

    border: none;

    position: relative;

}



.my-data .ph08{

    opacity: 0;

    z-index: 10;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

}

.my-data .acc_sc{

    font-size: 0.8rem;

    color: #8e8e8e;

    margin-top: 0.5rem;

}

.my-data .acc_img{

    margin: 0 auto;

}

.my-data #sss{

    width: 5.7rem;

    height: 5.7rem;

    position: relative;

    margin: 1rem auto;

    background: #e1e1e1;

    border-radius: 50%;

    font-size: 0.7rem;

    color: #fff;

    line-height: 5.7rem;

    text-align: center;

}

.my-data #sss img{

    width: 100%;

    height: 100%;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 0;

}

.my-data p.add-img{

    text-align: center;

    font-size: 1rem;

}

.my-comment .info-box{

    padding: 0;

    background: none;

}



.my-comment .info-box .comment li{

    border-bottom: none;

    margin-bottom: 0;

    padding: 1rem;

    margin-bottom: 1rem;

    background: #fff;

}

.my-comment .house-info{

    background: #ededed;

    padding: 0.5rem;



}

.my-comment .house-info a{

    display: flex;

    color: #333;

}



.my-comment .house-info a .left{

    flex: 1;

    margin-right: 1rem;

}

.my-comment .house-info a .left img{

    width: 100%;

    height: 100%;

}

.my-comment .house-info a .right{

    flex: 4;

}

.my-comment .house-info a .right h2{

    line-height: 2rem;

}

.my-comment .house-info a .right p{

    margin-top: 1rem;

}

.my-comment .house-info a .right p span{

    background: #fff;

    display: inline-block;

    padding: 0.2rem 0.3rem;

    font-size: 0.8rem;

    padding: 0 0.7rem;

    border-radius: 1rem;

    margin-right: 0.2rem;

}

.my-comment .reply{

    padding: 0.5rem;

    font-size: 1rem;

}

.my-comment .reply a{

    color: #37a4ff;

}

.my-comment .reply p{

    color: #9c9c9c;

    font-size: 0.9rem;

    margin-top: 0.5rem;

    padding-bottom: 0.5rem;

    border-bottom: 1px solid #e6e6e6;

}

.my-comment .reply-btn{

    text-align: right;

    padding: 0 1rem;

    margin-top: 0.5rem;

}

.my-comment .reply-btn a{

    display: inline-block;

    color: #333;

    border-radius: 1rem;

    border: 1px solid #cdcdcd;

    padding: 0.2rem 1rem;

}

.my-comment #reply-box .weui-popup__modal{

    padding: 3rem 0 1rem 0;

    background: #fff;

}

.my-comment #reply-box .weui-popup__modal .toolbar .toolbar-inner{

    height: 3rem;

}

.my-comment #reply-box .weui-popup__modal .toolbar .title{

    font-size: 1.2rem;

    line-height: 3rem;

}

.my-comment #reply-box .weui-popup__modal .toolbar .picker-button{

    line-height: 3rem;

    color: #fa9d24;

    height: 3rem;

    font-size: 1rem;

}

.my-comment #reply-box .weui-popup__modal textarea{

    width: 100%;

    border: none;

    height: 6rem;

    font-size: 1rem;

    line-height: 2rem;

}

.my-comment #reply-box .weui-popup__modal .weui-btn.submit-btn{

    margin-top: 1rem;

}



.my-order .list-box.rb-list ul li i.icon-yanjing{

    display: block;

    padding: 0.2rem;

    background: rgba(255,255,255,0.5);

    width: 1.7rem;

    height: 1.7rem;

    text-align: center;

    position: absolute;

    right: 0.3rem;

    top: 0.3rem;

    border-radius: 50%;

    color: #fa9d24;

}

.my-order .list-box.rb-list ul li .order-bg{

    width: 3rem;

    height: 2.41rem;

    padding-top: 0.5rem;

    border-radius: 0 0 1rem 1rem;

    background: #fe0000;

    position: absolute;

    left: 1rem;

    top: 0;

    text-align: center;

    color: #fff;

    font-size: 0.7rem;

}

.my-order .list-box.rb-list ul li .order-info{

    display: flex;

    padding: 0.5rem 0;

}

.my-order ul li .order-info .left{

    flex: 3;

}

.my-order ul li .order-info .left h2{

    font-size: 1.2rem;

    color: #333;

    font-weight: normal;

}

.my-order ul li .order-info .left h2 span{

    font-size: 1.4rem;

    color: #fa9d24;

}

.my-order ul li .order-info .left p{

    display: block;

    font-size: 0.9rem;

    color: #9c9c9c;

}

.my-order ul li .order-info .left p span{

    float: right;

}

.my-order ul li .order-info .right{

    flex: 1;

    text-align: right;

}

.my-order ul li .order-info .right a{

    display: inline-block;

    color: #333;

    border-radius: 1rem;

    border: 1px solid #cdcdcd;

    padding: 0.2rem 1rem;

    margin-top: 1rem;

}

.cancel-reservation{

    width: 100%;

    background: #ededed;

}

.show-box .show-bottom .cancel-reservation a{

    color: #9d9d9d;

}

.my-house{

    padding-top: 1rem;

}

.my-house ul li{

    padding: 1rem;

    margin-bottom: 1rem;

    background: #fff;

}

.my-house ul li a{

    color: #333;

}

.my-house ul li a .info-top{

    display: flex;

    border-bottom: 1px solid #e6e6e6;

}

.my-house ul li a .info-top i{

    flex: 1;

    display: block;

    font-size: 2.5rem;

    color: #35a4fe;

    vertical-align: middle;

    margin-right: 1rem;

}

.my-house ul li a .info-top .center{

    flex: 5;

    padding-top: 0.5rem;

}

.my-house ul li a .info-top .center h2{

    font-size: 1.3rem;

}

.my-house ul li a .info-top .center p{

    font-size: 0.8rem;

    color: #9b9b9b;

}

.my-house ul li a .info-top .right{

    flex: 3;

    font-size: 1rem;

    line-height: 4rem;

    text-align: right;

}

.my-house ul li a .info-top .right span{

    color: #fa9d24;

    font-size: 1.3rem;

}

.my-house ul li a .info-bottom{

    line-height: 2rem;

    font-size: 1rem;

    color: #333;

    padding-top: 0.5rem;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.my-house ul li a .info-bottom i{

    font-size: 1.3rem;

    color: #9d9d9d;

}

.my-house .add-house{

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 3.52rem;

    line-height: 3.52rem;

    background: #fa9d24;

    text-align: center;

}

.my-house .add-house a{

    font-size: 1.3rem;

    color: #fff;

    display: block;

}

.my-house .add-house a i{

    font-size: 1.7rem;

}

.add-box ul{

    margin-top: 1rem;

    background: #fff;

}

.add-box ul li{

    display: flex;

    line-height: 3.5rem;

    font-size: 1.1rem;

    margin-left: 1rem;

    border-bottom: 1px solid #e6e6e6;

    padding: 0.5rem 0;

}

.add-box ul li.none{

    border: none;

}

.add-box ul li .left{

    flex: 10;

}

.add-box ul li .right{

    flex: 7;

    text-align: right;

    display:block;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.add-box ul li .right a{

    color: #9d9d9d;

    display: block;

    width: 100%;

    height: 3.485rem;

}

.add-box ul li i{

    color: #9d9d9d;

    font-size: 1.1rem;

    padding-right: 0.5rem;

    font-weight: bold;

    vertical-align: middle;

}

.add-box .weui-popup__modal input.text{

    background: #fff;

    display: block;

    width: 100%;

    border: none;

    font-size: 1rem;

    line-height: 2.5rem;

    margin-bottom: 1rem;

    padding: 1rem;

    margin-top: 1rem;

}

.add-box .weui-popup__modal .weui-cell{

    background: #fff;

    font-size: 1rem;

    line-height: 2.5rem;

    margin-bottom: 1rem;

    padding: 0.5rem 1rem;

    margin-top: 1rem;

}

.add-box .weui-popup__modal .weui-cell input{

    text-align: right;

    width: 90%;

}

.add-box .weui-popup__modal .weui-cell input#city-picker{

    color: #9d9d9d;

}

.add-box .weui-popup__modal .weui-cell i{

    font-size: 1.2rem;

    color: #9d9d9d;

    vertical-align: middle;

}

.add-box .weui-popup__modal textarea{

    background: #fff;

    display: block;

    width: 93%;

    border: none;

    font-size: 1rem;

    line-height: 2.5rem;

    margin-bottom: 1rem;

    padding: 1rem;

    height: 8.85rem;

}

.add-box .weui-popup__modal .pos-div{

    position: relative;

}

.add-box .weui-popup__modal .pos-div span{

    font-size: 1rem;

    color: #333;

    position: absolute;

    right: 1rem;

    top: 1.3rem;

}



.add-box .weui-cells_radio .weui-check:checked+.weui-icon-checked:before{

    content: "\EA06";

    color: #fa9d24;

}

.add-box .weui-popup__modal .radio-title{

    height: 3.555rem;

    line-height: 3.555rem;

    font-size: 1.2rem;

    color: #333;

    background: #f1eff0;

    padding: 0 1rem;

}



/*公司端css*/

.com-index{

    width: 100%;

    height: 100%;

    background: url("../images/com-index-bg.png") no-repeat;

    background-size: 100% 100%;

    position: relative;

}

.com-index .a-box{

    text-align: center;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -5rem;

    margin-top: -13rem;

}



.com-index .a-box a{

    display: block;

    width: 10.3rem;

    height: 10.3rem;

    margin: 0 auto 3rem;

}

.com-index .a-box a img{

    width: 100%;

    height: 100%;

}

.com-index .my-btn{

    width: 2.3rem;

    height: 2.3rem;

    border-radius: 50%;

    background: #fefefe;

    position: absolute;

    right: 1rem;

    bottom: 1rem;

}

.com-index .my-btn a{

    display: block;

    text-align: center;

}

.com-index .my-btn a i{

    font-size: 1.4rem;

    color: #9c9c9c;

}

.my-add-btn{

    position:fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 3.55rem;

    line-height: 3.55rem;

    background: #fa9d24;

}

.my-add-btn a{

    font-size: 1.3rem;

    color: #fff;

    display: block;

    text-align: center;

}

.my-add-btn a i{

    font-size: 1.6rem;

    margin-right: 0.5rem;

}

.order-list ul{

    margin: 1rem 0;

}

.order-list ul li{

    padding: 1rem 1rem 0 1rem;

    background: #fff;

}



.order-list ul li a{

    display: flex;

    border-bottom: 1px solid #e6e6e6;

    padding-bottom: 0.5rem;

}

.order-list ul li.none a{

    border: none;

}

.order-list ul li a .img{

    flex: 1;

    text-align: center;

}

.order-list ul li a .img img{

    width: 3.217rem;

    height: 3.217rem;

    border-radius: 50%;

}

.order-list ul li a .img i{

    font-size: 1.2rem;

    color: #fa9d24;

}

.order-list ul li a .list-main{

    flex: 5;

    padding-left: 1rem;

    padding-right: 3rem;

}

.order-list ul li a .list-main h2{

    font-size: 1.3rem;

    font-weight: normal;

    display: block;

    color: #333;

}

.order-list ul li a .list-main h2 span{

    float: right;

    font-size: 1.2rem;

}

.order-list ul li a .list-main p{

    font-size: 0.9rem;

    color: #9c9c9c;

}

.order-list ul li a .list-main p span{

    color: #fa9d24;

}

.order-list ul li a .list-main p i{

    font-size: 1.2rem;

    color: #e2e2e2;

}

.order-list ul li a .list-main p i.col{

    color: #fc9c23;

}

.order-list ul li a .right{

    flex: 1;

    text-align: center;

    line-height: 5rem;

}

.order-list ul li a .right i{

    font-size: 2.5rem;

    color: #e2e2e2;

}

.order-list ul li a .right i.col{

    color: #fa9d24;

}

.show-box .order-list ul li a .right{

    line-height: 3.3rem;

}

.show-box .banner .flag{

    width: 2.168rem;

    height: 2.168rem;

    text-align: center;

    line-height: 2.168rem;

    border-radius: 50%;

    background: rgba(255,255,255,0.5);

    position: absolute;

    right: 1rem;

    top: 1rem;

    z-index: 9999;

}

.show-box .banner .flag i{

    font-size: 1.3rem;

    color: #fa9d24;

}

.my-order.order-list ul li a .right{

    line-height: 3.3rem;

}



.staff .project-tab{

    display: flex;

    width: 100%;

    height: 3.128rem;

    background: #fff;

    margin-bottom: 1rem;



}

.staff .project-tab a{

    flex: 1;

    line-height: 3rem;

    text-align: center;

}



.staff .project-tab a{

    display: inline-block;

    color: #adadad;

    font-size: 1.2rem;

}

.staff .project-tab a i{

    width: 15%;

    height: 0.15rem;

    margin: 0 auto 0;

    background: #fa9d24;

    display: none;

}

.staff .project-tab a.select{

    color: #333;

}

.staff .project-tab a.select i{

    display: block;

}

.staff #con .con-main{

    display: none;

}

.staff #con .con-main.active{

    display: block;

}



.staff .order-list ul{

    margin-top: 1rem;

}

.staff .order-list ul li{

    padding: 1rem 1rem 0 1rem;

    background: #fff;

}



.staff .order-list ul li{

    display: flex;

    padding-bottom: 0.5rem;

    margin-bottom: 1rem;

}

.staff .order-list ul li .img{

    flex: 1;

    text-align: center;

}

.staff .order-list ul li .img img{

    width: 3.217rem;

    height: 3.217rem;

    border-radius: 50%;

}

.staff .order-list ul li .list-main{

    flex: 5;

    padding-left: 1rem;

    padding-right: 0rem;

}

.staff .order-list ul li .list-main h2{

    font-size: 1.3rem;

    font-weight: normal;

    display: block;

    color: #333;

}

.staff .order-list ul li .list-main h2 span{

    font-size: 1rem;

    margin-left: 0.5rem;

    color: #9c9c9c;

}

.staff .order-list ul li .list-main p{

    font-size: 0.9rem;

    color: #9c9c9c;

    width: 16.5rem;

    white-space: nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}



.staff .order-list ul li .right{

    flex: 1;

    text-align: center;

}

.staff .order-list ul li .right a{

    display: block;

    border: 1px solid #cdcdcd;

    border-radius: 1rem;

    padding: 0.2rem 0.5rem;

    margin-bottom: 0.5rem;

    color: #333;

}

.staff .order-list ul li .right a.del{

    border: 1px solid #fa9d24;

    color: #fa9d24;

}

.add-staff ul{

    margin-top: 1rem;

}

.add-staff ul li{

    background: #fff;

    border-bottom: 1px solid #e6e6e6;

}

.add-staff ul li{

    display: flex;

    padding-left: 1rem;

    border-bottom: 1px solid #e6e6e6;

    font-size: 1.2rem;

    line-height: 4rem;

    padding-right: 1rem;

}

.add-staff ul li .left{

    flex: 1;

}

.add-staff ul li .right{

    flex: 6;

    text-align: right;

}

.add-staff ul li .right a{

    display: block;

    color: #9d9d9d;

    height: 2.6rem;

}

.add-staff ul li .right a i{

    color: #9d9d9d;

}

.add-staff ul li .right img{

    width: 2.6rem;

    height: 2.6rem;

    border-radius: 50%;

    margin-top: 0.6rem;

}

.add-staff .upload-img{

    background: none;

    float: right;

    margin-top: 0.5rem;

}

.add-staff .upload-img li{

    border: none;

    position: relative;

    display: block;

    padding: 0;

}



.add-staff .ph08{

    opacity: 0;

    z-index: 10;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

}

.add-staff .acc_sc{

    font-size: 0.8rem;

    color: #8e8e8e;

    margin-top: 0.5rem;

}

.add-staff #sss{

    width: 2.6rem;

    height: 2.6rem;

    position: relative;

    background: #e1e1e1;

    border-radius: 50%;

    font-size: 0.7rem;

    color: #fff;

    line-height: 5.7rem;

    text-align: center;

}

.add-staff #sss img{

    width: 100%;

    height: 100%;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 0;

}

.add-staff ul li.name input{

    width: 100%;

    border: none;

    font-size: 1.1rem;

    color: #9c9c9c;

    line-height: 4rem;

}

.add-staff ul li .right select{

    width: 90%;

    font-size: 1.1rem;

    color: #9c9c9c;

    line-height: 4rem;

    border: none;

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    height: 4rem;

    background: #fff;

}

.add-staff ul li .right .sel-icon{

    width: 8%;

    font-size: 1.3rem;

    color: #9c9c9c;

}

.add-staff ul li.job{

    margin: 1rem 0;

}

.add-staff ul li textarea{

    margin: 1rem 0;

    width: 100%;

    height: 8.817rem;

    border: none;

    font-size: 1.1rem;

    color: #9c9c9c;

    line-height: 1.5rem;

}

.my-project ul{

    margin-top: 1rem;

}

.my-project ul li{

    background: #fff;

    margin-bottom: 0.5rem;

    display: flex;

    padding: 1rem;

}

.my-project ul li .left{

    flex: 2;

}

.my-project ul li .left a{

    display: block;

    width: 5.26rem;

    height: 5.08rem;

}

.my-project ul li .left img{

    width: 100%;

    height: 100%;

}

.my-project ul li .center{

    flex: 5;

}

.my-project ul li .center h2{

    line-height: 1.2rem;

}

.my-project ul li .center h2 a{

    font-size: 1.2rem;

    color: #333;

    font-weight: normal;

}

.my-project ul li .center p{

    margin-top: 0.6rem;

    color: #9d9d9d;

}

.my-project ul li .center p a{

    display: inline-block;

    padding: 0.1rem 0.5rem;

    background: #f1eff0;

    color: #333;

    border-radius: 1rem;

    margin-right: 0.5rem;

}

.my-project ul li .right{

    flex: 1;

}

.my-project ul li .right .weui-cell_switch{

    padding: 0;

    margin-top: 1.5rem;

}



.my-project ul li .right .weui-switch-cp__input:checked~.weui-switch-cp__box, .my-project ul li .right .weui-switch:checked{

    border-color: #fa9d24;

    background-color: #fa9d24;

}

.my-project ul li .right .weui-switch, .my-project ul li .right .weui-switch-cp__box{

    width: 3.02rem;

    height: 1.74rem;

    border-radius: 1rem;

}

.my-project ul li .right .weui-switch-cp__box:after,.my-project ul li .right .weui-switch:after{

    width: 1.56rem;

    height: 1.56rem;

}

.my-project ul li .right .weui-switch-cp__box:before, .my-project ul li .right .weui-switch:before{

    width: 2.8rem;

    height: 1.56rem;

}



.show-box .info-box .order-info{

    display: block;

    padding: 0.5rem 0;

}

.show-box .info-box .order-info span{

    display: inline-block;

    font-size: 1rem;

    color: #333;

    margin-right: 0.5rem;

}

.show-box .info-box .order-info img{

    display: inline-block;

    width: 2.41rem;

    height: 2.41rem;

    border-radius: 50%;

    margin-right: 0.5rem;

    vertical-align: middle;

}

.show-box .info-box .order-info i{

    font-size: 1.3rem;

    margin-right: 0.5rem;

    color: #9d9d9d;

    float: right;

}



.edit-btn{

    position:fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 3.55rem;

    line-height: 3.55rem;

    background: #fa9d24;

}

.edit-btn a{

    font-size: 1.3rem;

    color: #fff;

    display: block;

    text-align: center;

}

.edit-btn a i{

    font-size: 1.6rem;

    margin-right: 0.5rem;

}

.publish ul{

    margin-bottom: 1rem;

}

.publish ul li .left{

    flex: 4;

}

.publish ul li .right{

    flex: 16;

}

.publish ul.add-input li .right{

    text-align: left;

}

.publish ul.add-input li input{

    background: #fff;

    width: 90%;

    border: none;

    font-size: 1rem;

    line-height: 2.5rem;

    padding: 0 1rem;

    color: #9a9a9a;

}

.publish ul.add-input li input.price{

    padding-left: 1.5rem;

}

.publish ul.time input{

    background: #fff;

    width: 90%;

    border: none;

    font-size: 1.2rem;

    line-height: 2.5rem;

    padding: 0 1rem;

    color: #9d9d9d;

    text-align: right;

}



.publish .staff {

    background: #fff;

}



.publish .staff {

    display: flex;

}

.publish .staff  .img{

    flex: 1;

    text-align: center;

}

.publish .staff  .img img{

    width: 3.217rem;

    height: 3.217rem;

    border-radius: 50%;

    margin-top: 0.6rem;

}

.publish .staff  .list-main{

    flex: 5;

    padding-left: 1rem;

    padding-right: 0rem;

}

.publish .staff  .list-main h2{

    font-size: 1.3rem;

    font-weight: normal;

    display: block;

    color: #333;

}

.publish .staff  .list-main h2 span{

    font-size: 1rem;

    margin-left: 0.5rem;

    color: #9c9c9c;

}

.publish .staff  .list-main p{

    font-size: 0.9rem;

    color: #9c9c9c;

    width: 16.5rem;

    white-space: nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.publish .staff-list .weui-cells{

    background: none;

}

.publish .staff-list .weui-cell__ft{

    flex: 1;

}

.publish .staff-list.dg .weui-cells_radio .weui-check:checked+.weui-icon-checked:before{

    color: #37a4ff;

}

.publish .title{

    font-size: 1rem;

    color: #9c9c9c;

    line-height: 3rem;

    padding: 0 1rem;

}

.publish .container{

    background: #fff;

}

.publish .container .z_file{

    background: url("../images/upload-img.jpg") no-repeat;

    background-size: 100% 100%;

    border: 1px dashed #e6e6e6;

}

.publish .container .z_photo{

    padding-right: 0;

    width: 96%;

}

.publish .address ul{

    margin-bottom: 0;

}

.publish .address ul li input{

    width: 100%;

    background: #fff;

    border: none;

    font-size: 1.1rem;

    color: #9c9c9c;

    line-height: 3rem;

    text-align: right;

}

.publish .address ul li input.left{

    text-align: left;

}

.publish .address .map-box{

    position: relative;

    padding: 1rem;

    height: 17rem;

    background: #fff;

}

.publish .address #container{

     height: 15.09rem;

    position: relative;

 }



/*绑定手机css*/

.tel-id ul {

    padding: 0 1rem;

}

.tel-id ul li {

    border-bottom: 1px solid #e6e6e6;

    line-height: 4rem;

    position: relative;

}

.tel-id ul li label {

    font-size: 1.2rem;

    color: #454545;

    width: 20%;

    display: inline-block;

}

.tel-id ul li input {

    width: 75%;

    font-size: 1rem;

    line-height: 2.5rem;

    background: none;

    border: none;

}

.tel-id .weui-btn.signin {

    width: 90%;

    margin-top: 2rem;

    background: #3facff;

    border: none;

    color: #fff;

    font-size: 1.2rem;

}



.tel-id .img{

    width: 4.98rem;

    height: 4.98rem;

    margin: 3.87rem auto;

}

.tel-id .img p{

    font-size: 1.2rem;

    color: #333;

    line-height: 4.98rem;

    text-align: center;

}

.tel-id .img img{

    width: 100%;

    height: 100%;

    border-radius: 50%;

}

.tel-id .forget{

    display: block;

    margin-top: 1rem;

    text-align: center;

}

.tel-id .forget a{

    color: #337ab7;

}

.tel-id ul li a{

    display: block;

    position: absolute;

    right: 0;

    top: 0.8rem;

    font-size: 1.2rem;

    line-height: 1.2rem;

    color: #fff;

    padding: 0.7rem 1rem;

    background: #ff9e1c;

    border-radius: 0.4rem;

}

.tel-id.login .weui-btn.signin{

    background: #ff9e1c;

    width: 80%;

    margin-top: 3rem;

}

.code-box{

    display: none;

    position: fixed;

    left: 50%;

    top:50%;

    z-index: 999;

    width: 18.8rem;

    height: 14.8rem;

    margin-top: -7.4rem;

    margin-left: -9.4rem;

    background: #fff;

}

.code-box h2{

    font-size: 1rem;

    line-height: 5rem;

    font-weight: normal;

    text-align: center;

}

.code-box a.close{

    position: absolute;

    right: 0.3rem;

    top: 0;

    font-size: 1.5rem;

    color: #a7a7a7;

}

.code-box a.close i{

    font-size: 1.5rem;

    color: #a7a7a7;

}

.code-box .img{

    width: 14.86rem;

    height: 3.8rem;

    margin: 0.5rem auto 0;

    border: 1px solid #dcdcdc;

    display: flex;

}

.code-box .img img{

    width: 10.88rem;

    height: 3.8rem;

    flex: 1;

}

.code-box .img a{

    flex: 1;

    width: 3.98rem;

    height: 3.8rem;

    line-height: 3.8rem;

    text-align: center;

    background: #d7d7d7;

}

.code-box .img a i{

    font-size: 1.5rem;

    color: #757575;

}

.code-box .input{

    width: 14.86rem;

    margin: 1rem auto 0;

}

.code-box .input input{

    display: inline-block;

    width: 14.86rem;

    height: 2.98rem;

    border: 1px solid #cbcbcb;

    margin-right: 0.5rem;

    text-align: center;

    font-size: 1.5rem;

}

.code-box .input input#last{

    margin-right: 0;

}

.code-box .input input:focus{

    border: 1px solid #ff9e1c;

}

.code-bg{

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.2);

    position: fixed;

    left: 0;

    top: 0;

    z-index: 888;

    display: none;

}



.weui-picker-modal .picker-items{

    font-size: 1.2rem;

}

.weui-picker-modal .picker-items-col{

    margin: 0 0.2rem;

}



.staff #con{

    padding-bottom: 3.55rem;

}

p.no-data{

    text-align: center;

    font-size: 1.1rem;

    color: #888;

}

.sl-li {

    height: 100%;

    position: relative;

    background-color: #fff;

    transform: translateZ(0);

    -webkit-transform: translateZ(0);

}

.sl-li .sl-content {

    height: 100%;

    overflow: hidden;

    padding: 0;

    position: relative;

    z-index: 10;

    background-color: #fff;

    display: flex;

    width: 100%;

}

.sl-li .sl-content.animated {

    -webkit-transition: -webkit-transform .2s ease-out;

    transition: transform .2s ease-out;

}

.sl-li .sl-opts {

    width: 4rem;

    height: 4rem;

    line-height: 4rem;

    font-size: 1.2rem;

    color: #fff;

    display: -webkit-box;

    -webkit-box-pack: center;

    -webkit-box-align: center;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 0;

}

.sl-li .sl-opts span {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    -webkit-box-pack: center;

    -webkit-box-align: center;

    background: red;

    color: #fff;

}

.my-data ul li.sl-li{

    padding-right: 0;

}

.my-data ul li.sl-li .right{

    padding-right: 1rem;

}



.home{

    width: 2.3rem;

    height: 2.3rem;

    background: #fff;

    border-radius: 50%;

    opacity: 0.9;

    position: fixed;

    right: 1rem;

    bottom: 1rem;

    border: 1px solid #e6e6e6;

    box-shadow: 0.1rem 0.1rem 0.3rem #ddd;

    z-index: 99999;

}

.home a{

    display: block;

    width: 2.3rem;

    height: 2.3rem;

    border-radius: 50%;

    text-align: center;

    line-height: 2.3rem;

}

.home a i{

    font-size: 1.4rem;

    color: #9c9c9c;

    font-weight: bold;

}

.my-data ul li .right a{
    height: 4rem;
}
.my-data ul li .right.address{
    height: 4rem;
}
.my-data ul li .right.address a{
    display: inline-block;
    width: 15rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.my-data ul li .right.address i{
    display: inline-block;
    vertical-align: top;
    color: #9d9d9d;
}
#address-box textarea.text{
    background: #fff;
    display: block;
    width: 100%;
    border: none;
    font-size: 1rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
    padding: 1rem;
}