| 1 |
-
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;
}
|
