﻿body {user-select: none}
/**{-webkit-user-select:none; user-select: none;}*/
a:link,a:visited{text-decoration: none}
i{font-style: normal}
.page, .page-group{background: #f5f5f5;}


/*首页*/
.bar-tab{background: #fbfbfb}
.bar-nav{margin: 0; padding: 0}
.bar-tab .tab-item .icon{height: 1rem; line-height: 1rem}
.bar-tab .tab-item.active, .bar-tab .tab-item:active{color: #e94840}
.bar-tab .tab-item .icon.icon-menu{ font-size: 0.8rem; border: 1px solid #929292;}
/*.bar{padding: 0 3%}*/
.city{margin-right: 0.2rem; max-width: 5rem; height: 1.2rem; overflow: hidden;color: #4c4c4c; font-weight: bold; float: left; font-size: 0.75rem; margin-left: 0.05rem }
.col-90 div{float: left}
/*.content-padded:nth-child(1){text-align: center; background: #fff; padding: 0.3rem; margin: 0}*/
.cityname{margin: 0}
.row .col-25{margin-left: 2%; width: 23%; text-align: center}
.col-25 i{font-style: normal; display: block; font-size: 0.8rem}
.col-25 a{color: #898989}
.icon-down {color: #4c4c4c}
.toast {height: auto;}
.indexheader{position: fixed; top: 0; left:0;padding-left: 0.2rem; width: 100%; height: 2.1rem; line-height: 2.1rem; margin: 0;color: #fff ;z-index: 999;background:#fff}
#ads{width: 7.5rem; height: 1.3rem; line-height: 1.3rem; margin-top: 0.43rem;}
#searchdiv{position: absolute; width: 10rem; right: 0.65rem; background-color:#eee; color: #9e9e9e; height: 1.3rem; line-height:1.3rem; border-radius: 1rem; margin-top: 0.43rem;  text-align: center}
.search{display: inline-block; color: #fff; font-size: 0.6rem; margin-left: 5px;-webkit-text-stroke-width:0}
.position-img {float: left;line-height: 1rem; margin-right: 1%; margin-top: 2px}

#page-homePage .content{margin: 0.3rem; }
#page-homePage .preloader{position: absolute;margin: 0.5rem auto;left:0;right: 0;}
#homepageNav {padding: 0.5rem; background-color: #fff;}
#page-detail .content{margin: 0; margin-bottom: 48px}
#page-detail .card-footer{padding: 0 0.5rem; border-radius: 0}
#service-description{padding: 0; margin-top: 0.3rem; line-height: 25px}
#listicon .listicon{margin: 0.2rem 0 0 0;}
#listicon .col-50{background: #fff; margin:0 2% 0.2rem 0; width:49%; padding: 0 0.4rem; box-shadow:1px 2px 1px #e8e5e4; border-radius: 3px; height: 100%}
#listicon .col-50:active{background: #d1d1d1}
#listicon .col-50:nth-child(even){margin-right: 0}
#listicon .col-50 dt{float: left; margin-right: 2%}
.listicon .col-50 dd:nth-child(3){font-size: 0.6rem; color: #898989; height: 22px; line-height: 22px; overflow: hidden}
#position .content-block-title{margin-top: 0.3rem}
#listicon .listicon dl{margin: 0.5rem 0}
#supermarket:active{background: #d1d1d1}
.tabhome{position: absolute; left: 4%;}
#search_service .buttons-row{width: 100%; text-align: center; display: block; color: #4c4c4c}

.pro_ject{margin: 0.5rem 0; height: 120px; background: #fff;}
.quick{float: right; font-size: 0.6rem; color: #9d9d9d}
#page-homePage #pro_ject ul{ margin: 10px 2% 0}
#page-homePage .pro_ject ul li{width:20%; float: left;text-align: center; padding: 0 1% ; border-right: 1px solid #eee;border-radius: 0; height: 26px; color: #3d4145; padding-bottom: 40px; font-size: 0.6rem}
#page-homePage .pro_ject ul li:last-child{border: none}
.pro_ject ul li img{display: block; margin: 0 auto 8px;}
.pro_ject div{margin: 10px 3% 0; padding: 10px 0; font-size: 0.7rem; font-weight: bold}
#page-detail #technicianList img{width: 30px; height: 30px; border-radius: 100% 100%; margin-left: 3px}
#technicianList i{margin-left: 2px}


/*搜索*/
.list-block ul:after,.list-block ul:before,.bar:after,.bar:before{height: auto}
.bar-header-secondary{top: 0}
.bar-tab .tab-item.active, .bar-tab .tab-item:active{color: #e94840}
.bar .searchbar{background:rgba(255,255,255,1); }
.bar-header-secondary~.content{top: 2.3rem;}
#page-search .buttons-tab .button.active{border: none; color: #e94840}
.search-input input{background: #f3f3f3}
span.icon.icon-caret{font-size: 0.4rem}
.bar-tab .tab-item .icon.icon-menu{ font-size: 0.8rem; border: 1px solid #929292;}
.bar-tab{border-top: 1px solid #e5e5e5}
.item-title,.item-after{color: #4c4c4c;}
.list-block .item-content{padding-left: .5rem}
#page-homePage .tabs .tab,#page-neworder .tabs .tab{margin-bottom: 3rem}
.buttons-tab .button:nth-of-type(1){margin-left: 0}
#search-buttons-tab{border-top: 1px solid #f7f7f8;display: none; text-align: center; margin: 0 auto}
#search-buttons-tab a{position: relative; top: 0; float: left; width: 22%; margin-left: 3%; font-size: 0.8rem}

.asc
{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);		/* IE 9 */
    -webkit-transform: rotate(180deg);	/* Safari and Chrome */
    -o-transform: rotate(180deg);		/* Opera */
    -moz-transform: rotate(180deg);		/* Firefox */
}
.infinite-scroll-preloader {display: none;}
#page-detail .bar-tab .tab-item.active, .bar-tab .tab-item:active{color: #e94840}
#page-detail .card{margin: 0; box-shadow:none; border: 0;}
#page-detail .bar-tab .tab-item .icon.icon-menu{ font-size: 0.8rem; border: 1px solid #929292;}
#page-detail .zhezhao{position: absolute; bottom: 0;left: 0; background-color: rgba(0,0,0,0.4); z-index: 200; width: 100%; }
#page-detail .zhezhao a{color: #fff; font-size: 0.7rem;}
#page-detail .zhezhao a:nth-child(1){width: 75%;float: left; height: 1.6rem; line-height: 1.6rem; overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9rem; font-weight: bold}
#page-detail .zhezhao a:nth-child(2){width: 25%;float: right; height: 1.6rem; line-height: 1.6rem; overflow: hidden; display: inline-block; text-align: right}
#page-detail .zhezhao a i{font-size: 0.6rem}
#page-detail .card-footer, .card-header{min-height: 2.2rem;}
#page-detail .linkcolor i{font-size: 1rem; font-style: normal}
#page-detail .linkcolor span{font-size: 0.6rem}
#page-detail .linkcolor{color: #fa4424;}
#page-detail .row.no-gutter{height: 1.6rem; line-height: 1.6rem; text-align: center; color: #000}
#page-detail .content-padded{background-color: #fff;color: #4c4c4c; padding-bottom: 0.5rem;}
#page-detail .icon-clock{color: #d4d4d4; margin-right: 0.1rem}
#page-detail .list-block{margin-bottom: 0.5rem}
#page-detail .pricediv{width: 98%; padding:0 auto; height: 2.2rem; line-height: 2.2rem; padding-left: 0.3rem}
#page-detail .linkcolor{width: 65%; float: left;}
#page-detail .pricenum{width: 35%; float: right; text-align: right}
#page-detail .linkcolor,.pricenum{height: 2.2rem; line-height: 2.2rem; position: relative; top: 0;}
#page-detail .pricenum div{float: right;  margin: 0 2% 0}
#page-detail .pricenum div img{width: 26px; height: 26px}
#search-service .content-block{padding: 0}
#page-detail .vimo{font-size: 0.6rem;  padding: 0.5rem 0; padding-left: 0.5rem; border-bottom: 1px solid #f5f5f5;color: #4c4c4c}
#row .col-33{margin-left: 1.5%; color: #4c4c4c; font-size: 0.6rem}
#row .col-33:nth-child(2){width: 33%}
#row .col-33:nth-child(2) img{width: 13px; height: auto}
#row .col-33:nth-child(3){width: 31%}
#page-detail .quantity{color: #000}
#phoneDetail img {display: block;}
#row img{vertical-align: middle; margin: 0; padding: 0; margin-right: 0.1rem; position: relative; bottom: 0.1rem}
#detail_fixfee {display:none;position: absolute; bottom:0; left: 4.5rem; margin: 0; padding: 0; font-size: 0.5rem; color: #a0a0a0}
.headername{display:none;padding-left: 0.3rem; font-size: 0.7rem; z-index: 201; height: 2.3rem}
.headername span{height: 2.2rem; line-height: 2.2rem; float: left}
.headername span:nth-child(1){margin-top: 0.3rem}
.headername span:last-child{position: absolute; top: 0; right: 0; z-index: 100}
.headername span:nth-child(2){margin-left: 0.3rem; color: #4c4c4c}
.headername span:nth-child(3){display: block; width: 4rem; text-align: center; margin-top:0.3rem;  height: 1.6rem; line-height: 1.6rem; border: 1px solid #e52f21; border-radius: 5px; font-size: 0.7rem; position: absolute; right: 36px;}



.content-block{margin: 0;/* padding:0.3rem;*/ padding-bottom: 0.4rem}
.icon-search{position: absolute; right: 5%; top: 0; font-size: 1rem}
.buttons-row .button{height: 1.6rem; line-height: 1.6rem; border:1px solid #f64e4e; color:#f64e4e}
.buttons-row .button.active{background-color: #f64e4e; -webkit-user-select:none; user-select: none;}
.box{position: fixed; top: 0; left: 0; z-index: 200;}
#servicename .active{border-bottom:3px solid #f64e4e; color:#f64e4e}
#tabname .active{color: #fff; border-color: #f64e4e}
.bar .icon-caret{font-size: 0.6rem}
.servicename a:last-child{padding-right: 5%}
.buttons-tab:after{height: auto}
.bar .button{position: relative;top: 0}

#clear,#clear2,#clear .content-block,#clear2 .content-block{margin: 0; padding: 0}
#clear,#clear2{margin-top: 2rem}

.list-block .item-link:active{background-color: #d1d1d1}
.list-block ul:after,.list-block ul:before,.bar:after,.bar:before{height: auto}
.list-block .item-subtitle{color: #898989; font-size: 0.7rem}
.list-block .item-link .item-inner{padding-right: 0.8rem;     background-position: 98% center;}
.list-block .item-text{height: 1.9rem; line-height: 1.9rem;}
.list-block .txt{font-size: 0.6rem; color:#6f6f6f; padding-right: 0.3rem}
.list-block i{font-style: normal}
.list-block .item-text{color: #e94840; font-size: 0.6rem; display: block; width: 102%; overflow: hidden}
.list-block .item-text i{font-size: 0.8rem}
.list-block .item-text span{font-family:"Arial, sans-serif"}
.oldprice{font-style: normal; color: #bbbbbb; font-size: 0.6rem; margin-left: 2%; text-decoration:line-through}
#search_service .list-block li{border-top: 0.25rem solid #f5f5f5}
#search_service .list-block li:link,#search_service .list-block li:hover,#search_service .list-block li:visited{background: none}
.item-title-row .name{max-width:68%; overflow: hidden; height: 1.5rem; line-height: 1.5rem; float: left; white-space: nowrap; text-overflow: ellipsis; margin-right: 2%; font-size: 0.75rem}
.imgname{float: left;max-width:31%; position: relative ; bottom: 0.1rem}
.imgname img{margin-right: 0.1rem; width: 13px; height: auto}
.bar-tab .tab-item .icon.icon-menu{ font-size: 0.8rem; border: 1px solid #929292;}
.bar-tab{border-top: 0.5px solid #e5e5e5}
.line{border-top: 0.5px dashed #bbbbbb; padding-top: 0.4rem}
.list-block .item-content{padding-left: .3rem}
#search_service .conblock{height: 46px; line-height: 46px}
#search_service .content-block{padding: 0.4rem auto}
#search_service #clear,#search_service #all .content-block,#clear .content-block{padding-top: 0}
.search-input .icon{left: 0}
/*.searchbar .searchbar-cancel{margin-right: 0; opacity: 1}*/
/*.searchbar .search-input{width: 85%}*/
.searchbar-active{transition:none}

.content-padded{margin: 0}
.row .col-50{margin: 0; width: 50%; margin-bottom: 0.5rem}
.row{margin-left: 0.2rem}
/*.card{ margin: 0 .2rem; border: 1px solid #e5e5e5;box-shadow:none}*/
.card-content-inner{padding: 0.2rem}
#info .card-footer{padding: 0.1rem 0.3rem; height: 2rem}
#search_service .card-footer{min-height: 1.2rem; padding: 0 0.2rem}
#search_service  .item-inner{margin-left: 0.5rem; padding-right: 0.3rem}
.card-footer i{font-style: normal;}
.mcolor a:link,.mcolor a:link i{color: #bfbfbf; display: inline-block; height: 1.5rem; line-height: 1.5rem; font-size: 0.6rem}
.ycolor a:link{color: #4c4c4c;display: inline-block; height: 1.2rem; line-height: 1.2rem}
.ycolor a:nth-child(1){display: inline-block; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.6rem}
.ycolor a:link img{margin-right: 0.1rem; width: 12px; height: auto}
.ycolor a:nth-child(1) img{position: relative; top:0.1rem; margin-right: 0.1rem; width: 14px; height: auto}
.lastnav{width: 20px; height: 1.6rem; position: absolute; right: 0; top: 0.3rem; background: #fff; z-index: 100}

.txt img{margin-right:3%; vertical-align: middle; width: 0.6rem; height: auto; position: relative; bottom: 0.1rem}
#servicename{display: inline-block; width: 600px;}

#servicename a{float: left; font-size: 0.8rem; width: auto; padding: 0 0.2rem; margin: 0 0.3rem;}
.item-media{position: relative}
#jishi{position: absolute; left:0;top:16px;display: block;width: 54px; height:15px; line-height: 15px; text-align: center; background: #56b6ff; border-radius: 0 15px 15px 0; color: #fff; font-size: 10px; z-index: 299;}

/* 选择小区*/
#page-position a{color: #000; font-size: 0.7rem}
#router2 .bar-nav~.content{background: #fff}
#page-position .content{margin: 0}
#page-position header button{color: #000;}
.dizhi{padding: 0 3%; background: #fff}
.dizhi a{display:block;border-bottom: 1px solid #eeeeee; padding: 10px 0;  background: #fff}
.dizhi span,.dizhi i{display: block; width: 100%; line-height: 25px; font-style: normal}
.dizhi i{font-size: 13px; color: #898989}
.dizhi span{color: #000}
#posimg{margin-left: 30%; margin-top: 30%}
#posp{font-size: 0.7rem; color: #8e8e90; text-align: center; margin-top: 0}

#selectCity{background: #fff}
#selectCity .content{margin: 0}
#selectCity ul{width: 88%;background: #fff; margin: 0; padding: 0;}
#selectCity ul li{list-style: none;width: 94%; height:30px; line-height:30px; border-bottom: 1px solid #E5E5E5; margin-left:5%; font-size: 0.9em}
.letter{position: fixed; right:8px; top:74px; width: 20px;text-align: center; z-index: 10}
.letter i{display: block; width: 20px; color: #ee0f23;  line-height:15px; font-size: 0.8em }
#selectCity ul li.position{width:112%;background: #f6f6f6; height: 28px; line-height: 28px; margin: 0; padding-left: 2%; font-weight: bold; border: none; position: relative; bottom: 1px; z-index: 2}
#order{ color: #898989; position: absolute; top: 0.3rem; left: 0.6rem; line-height: 0.8rem}
#order span.icon{border: 1px solid #898989; position: relative; left: 0.2rem}
#order span.tab-label{display: block;font-size: 0.6rem;}

#detailspage a{color: #4c4c4c}
#detailspage .list-block li{border-bottom: 6px solid #efeff4}
#detailspage .list-block li:last-child{border: none}
#detailspage .list-block .item-text{width: 100%}
#detailspage .card-footer{min-height: 1.5rem; line-height: 1.5rem; height: 1.5rem}
#detailspage .card-footer:nth-child(2){border-bottom: 1px dashed #ccc;padding-bottom: 0.5rem}
#detailspage .bar-nav~.content,#page-detail .bar-nav~.content{top: 0}


/**/
.posicon{display: block; width: 100%; height: 30px; overflow: hidden}
/* #page-search .itemtime{display: block; position: absolute; top: 0.2rem; right:0.3rem; font-size: 0.6rem; width: 54px; height: 32px;border-radius:0 0 4px 4px; max-height: 36px; } */
#search_service .itemtime,#page-search .itemtime{display: block; position: absolute; right:0.2rem; font-size: 0.5rem; border-radius:0.2rem; border: 0.5px solid #f2504d; overflow: hidden;}
#search_service .itemtime span ,#page-search .itemtime span{line-height: 0.6rem;padding: 0 0.1rem; font-size: 0.45rem;  width: 100%; display: block; text-align: center}
#search_service .itemtime span{color: #b6b6b6; background: #f5f5f5}
#search_service .itemtime span:nth-child(1),#page-search .itemtime span:nth-child(1){background: #d1d1d1; color: #fff; border-radius: 0;}
.biaotian{display: table-cell; margin-right: 0.3rem;line-height: normal;border: 0.5px solid #e94840; border-radius: 0.15rem; padding:0 0.15rem; text-decoration:none; color: #f2504d; font-size: 0.5rem}
#picmanjian{ height: 30px; overflow: hidden; line-height: 30px;margin-left: 1px;/* position: relative; top: 0.5rem;*/ font-size: 0.6rem;}
#detailspage .card{border: none}
#detailspage .content{margin: 0}
#detailspage .home img{margin-left: 0.2rem}
#detailspage .icon-iphone{color: #616161}
#detailspage .timer{font-size: 0.7rem}
#detailspage .timer i{margin-left: 0.3rem; font-style: normal; color: #f64e4e}
#detailspage .timer b{font-weight: normal; color: #898989}
#detailspage .grid-demo{background: #fff; margin:0; padding:0; text-align: center; }
#detailspage .grid-demo .row i{display: block; font-style: normal; color: #898989; font-size: 0.6rem}
#detailspage .row .col-33{ width: 33%;  border-right: 1px solid #e5e5e5; margin: 0.3rem 0; }
#detailspage .row .col-33:nth-child(2){width: 34%}
#detailspage .color{color: #e4311f; }
#detailspage .linenone li{border: none; height:0}
#detailspage .pinglun{padding:0 0.4rem; background: #fff; position: relative}
#detailspage .pinglun p{height: 26px; line-height: 36px; margin: 0}
#detailspage .icon-right{float: right; margin-right: 0.3rem}
#detailspage .icon-p
#detailspage .pinglun p { height: 22px; line-height: 22px; margin: 0; }hone:before{position: relative; right: 0.2rem}

#star {
    width: 100px;
    position: relative;
    bottom: 0.2rem;
    left: 0;
    float: left;
    margin-left: 12px;
}
#star span {
    width: 100%;
    position: absolute;
    top: 0;
    left: 62%;
    overflow: hidden;
    font-size: 0.7rem;
}

#tiao { padding-left: 0.5rem; font-size: 0.7rem;}
#detailspage .pinglun p.fontsmail{width: 96%;font-size: 0.7rem; height: 22px; line-height: 22px; color: #979797; overflow: hidden;     text-overflow: ellipsis;white-space: nowrap;}
/* #detailspage .pinglun p.fontsmail:nth-child(1){font-size: 0.7rem} */
#detailspage .pinglun p.fontsmail i{font-style: normal}
#detailspage .pinglun span.star{color: #e82e25}
#detailspage .jianjie{padding:0 0.3rem; background: #fff;margin: 0;  font-size: 0.7rem; color: #898989;}
#detailspage .jianjie h3{margin: 0;}
#detailspage .jianjie p{margin: 0; line-height: 26px; padding: 0.3rem 0;font-size: 0.7rem;}
/*#detailspage .dian{width: 5px; height: 5px; border-radius: 100% 100%; background: #898989; display: inline-block; position: relative; bottom: 2px; margin-right: 0.3rem}*/
#detailspage .more{width: 100%; display: block; text-align: center; margin: 0 auto; font-size: 0.6rem; height: 1.9rem; line-height: 2.4rem; color: #878787}
#detailspage .more span,#page-detail .phoneDetail span{display: inline-block; background: #ccc; text-align: center; line-height: 15px; border-radius: 100% 100%; color: #fff; margin-left: 0.2rem; width:  15px; height: 15px; font-size: 0.3rem}
#page-detail .phoneDetail {padding: 0.4rem 0;}
.dinggouxuzhi,.dinggouxuzhi2{width: 100%; height: 36px; line-height: 38px; background: #fff; margin-top: 0.5rem; padding:0 0.3rem; border-bottom: 1px solid #f5f5f5;}
#serviceList .sublist{height: 2rem; line-height: 1rem;  width: 94%;  overflow: hidden; max-width: 100%; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; position: relative; }
.yirenzheng{float: right; font-size: 0.7rem}
.yirenzheng img{position: relative; height: 0.7rem;width:auto;}
.card-footer:before {
    height: 0;
}
/*幻灯片*/
.swiper-container {
    padding-bottom: 0;
}
/*轮播*/
.ban{background: #fff}
.slide{width: 100%; margin:0 auto;overflow: hidden;position: relative;}
.slide-box{height:auto;position: relative; z-index: 33;  width: 100%}
.smain{ height:auto; float: left; width: 100%}
#scur,#scur2{ width: 100%; height: 16px; position: absolute; z-index: 66; top:4rem; right: 0; text-align: center; }
#scur i,#scur2 i{ display: inline-block; width: 6px; height: 6px; line-height: 6px; margin: 0 5px; border-radius: 6px; background: #e6e6e6; text-align: center; font-style: normal; font-size: .8em; }
#scur i.cur,#scur2 i.cur{ background: #E63020;color: #fff;}
#scur{text-align: right; margin-right: 15px; bottom: 10px; top: auto}
.slide span{display: inline-block; width:19.7%;float:left }
.slide span i{display: block; width: 58px; margin: 0 auto; text-align: center; font-size:0.9em}
#search_service .content-padded{padding: 0.4rem 0}
#search_service .card{margin: 0}
#search_service .list-block.media-list .item-inner{background: none; padding-bottom: 0.3rem; padding-top: 0.4rem}
.list-block .item-inner:after{height: 0}
#search_service .row .col-50{width: 49.5%; margin-right:1%; margin-bottom: 0.2rem;}
#search_service .row .col-50:nth-child(even){margin-right: 0}
#search_service .list-block .txt:nth-child(1){width: 58%}

#page-detail .mylike{margin: 0; height: 46px; line-height: 46px; padding-left: 0.3rem; width: 100%; /*border-top: 10px solid #f5f5f5*/}
#page-detail .row{padding: 0.3rem 0.2rem 0; margin: 0; background: #fff}
#page-detail .row .col-50{width: 49%;}
#page-detail .row .col-50:nth-child(odd){margin-right: 2%}
#page-detail .col-50 .color-gray,#page-detail .col-50 .neirong{white-space: nowrap; text-overflow: ellipsis; overflow:hidden; width: 99%; height: 1rem; line-height: 1rem; margin: 0;color: #000}
#page-detail .col-50 .neirong{color: #676767; font-size: 0.6rem; }
#page-detail .col-50 .jiage{color: #f4214c}
#page-detail .col-50 .jiage i{font-size: 0.7rem; color: #f4214c}
#page-detail .col-50 .jiage i:nth-child(2){position: relative; top: 0.1rem; font-size: 0.6rem}
#page-detail .col-50 .jianame{padding: 0 0.3rem; min-height: 1.4rem; position: relative; bottom: 0.2rem}
#page-detail .col-50 .jianame a{height: 1.5rem; line-height: 1.5rem}
#page-detail .col-50 a.add i{margin: 0 1%}
.navclass{width: 100%; height: 100%; background: #fff}
.navclass div {display: inline-block;padding: .4rem 8px;font-size: 0.9rem;line-height: 1.2rem; position: relative}
#page-detail nav .num{display:none;position: absolute; top: 0.1rem; left: 24px; width: 15px; height: 15px; line-height: 15px; text-align: center; background: red; color: #fff; font-size: 0.5rem; border-radius: 100% 100%; z-index: 100}
#page-detail nav .heji{color: #5d5d5d; font-size: 0.7rem; position: relative; bottom: 0.1rem;top:1px;}
#page-detail nav .heji i{color: #e52f21; font-size: 0.7rem}
#page-detail nav .heji i.rem{font-size:0.8rem; }
#page-detail .row .col-50{margin-bottom: 0}
#description{ margin:0.5rem; line-height: 25px;}
#page-detail button{display: inline-block; float: right; background: #e52f21; border: none; margin-top: 0.3rem; color: #fff;height: 1.8rem; line-height: 1.8rem; width: 30%; border-radius: 4px;  margin-right: 0.3rem;}
#page-detail button.button {background: #e52f21;}
#page-detail button.determine{display: block; float: none; margin:0 auto; width: 90%}
/*
#page-detail .card-footer i.rmb{margin: 0 2%}*/
.subtract ,.quantity {display: none}



.popuphtml{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 20000;
    color: #000;
    display: none;
}
.popuphtml .popups{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2000;
    background: #fff;
    padding: 3px 0 10px;
    max-height: 80%;
    min-height: 20%;
}

#popups .head {
    width: 97%;
    margin-left: 3%;
    position: relative;
    height: 75px;
    border-bottom: 1px solid #f5f5f5;
}

#popups .head .headimg,  #popups .head .headtits {
    float: left;
}

#popups .headimg {
    position: absolute;
    top: -36px;
    left: 0;
}

#popups .headimg image {
    border-radius:5px;
}

.commodity .btn {
    bottom: 5px;
    top: auto;
}

#popups .headtits {
    width: 67%;
    margin-left: 30%;
    height: 68px;
    overflow: hidden;
}

#popups .headtits i {
    font-size: 11px;
    color: #ea4941;
    margin-right: 3px;
    margin-left: 3px;
}

#popups .headtits i.headtime {
    color: #4c4c4c;
}

#popups .headtits i.redbig {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.redborder {
    border: 1px solid #ea4941;
    color: #ea4941;
    padding: 0 1px;
    border-radius: 3px;
}
.detail-close {
    position: absolute;
    right: 1%;
    top: 0;
    padding: 4px;
    z-index: 99
}

#popups .head-tit {
    color: #4c4c4c;
    font-size: 16px;
    width: 95%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.commodity-box {
    width: 96%;
    margin: 0 auto;
}
.popups .content-block{
    padding: 0;
}
#popups .headname {
    font-size: 14px;
    clear: both;
    width: 94%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom:3px;
}
#popups .head-tit {
    color: #4c4c4c;
    font-size: 16px;
}

.commodity-box {
    width: 96%;
    margin: 0 auto;
}

.commodity-box .taglist {
    display: inline-block;
    background: #f5f5f5;
    border:1px solid #f5f5f5;
    border-radius: 12px;
    padding: 3px 8px;
    margin: 5px;
    font-size: 13px;
    color: #4e4e4e;
}
.yixuan-as{font-size: 11px; width: 94%;height: 15px; line-height: 15px; color: #898989}
.yixuan-as div{width: 99%;height: 15px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.scrolly{width: 96%;max-height:280px;min-height: 40px;overflow-y: scroll; padding-bottom: 30px}

#page-detail button.bigbtn,#page-detail button.bigbtns{
    width: 94%;
    background: #f44647;
    color: #fff;
    margin: 5px 3% 0;
    border: none;
    line-height: 37px;
    border-radius: 4px;
    font-size: 13px;
}
.commodity-box div.redact {
    color: #f44647;
    border: 1px solid #f44647;
    background: #fdeded;
}




/* 购物车 */
#shopingcart .card{margin: 0; margin-bottom: 10px}
i,em{font-style: normal}
#clearlist{float: right; padding-right: 0.5rem; top: 0}
#clearlist em{font-family:sans-serif; font-size: 0.9rem; position: relative; top: 0.1rem; color: #ccc}
/*多选*/
.address{padding:0.2rem 0.3rem 0.5rem; }
.address input[type='checkbox'].check{opacity:0; display:none;}
.address img.iconhome{position: relative; top: 0.1rem}
.address i{position: relative; top: 0.2rem; left: 0.3rem}
.address label.check{background:url("../image/1.png") no-repeat; height: 20px; line-height: 20px; padding-left:35px; display: inline-block; background-size: 20px 20px; vertical-align: middle}
.address input[type='checkbox'].check:checked + .check{background:url("../image/2.png") no-repeat; background-size: 20px 20px}
.shangpinimg{border-radius: 5px; border: 1px solid #e5e5e5}
.shoping{font-size: 0.7rem;}
.shuliang{margin-top: 0.8rem}
.shuliang span{float: right; margin-right: 0.3rem}
.shuliang em,.allrem em{font-size: 0.5rem; color: #fa4424; }
#page-shopingcart .shuliang i{font-size:0.8rem; color:#fa4424}
.shuliang span img{margin:0.3rem 0.2rem}
#shopingcart .allrem b{font-weight: normal; color: #898989; font-size: 0.6rem}
#shopingcart .allrem{font-size: 0.7rem}
#shopingcart .list-block .item-content{line-height: 1rem}
#shopingcart  .list-block.media-list .item-inner{padding: 0.4rem 0 0 0}
.allrem i{color: #fa4424}
#shopingcart .button{background: #fa4424; color: #fff; border: none; width: 22%}
#shopingcart .card .item-content{border-bottom: 1px solid #e5e5e5}
.noshoping{margin: 40% auto; text-align: center}
#shopingcart .btn{width: 150px; height: 40px; line-height: 40px; border: 1px solid #eb4639; display: block; margin: 0 auto; text-align: center; color: #eb4639; border-radius: 20px; margin-top: 20%}
#page-shopingcart .shuliang i.quantity{font-size: 0.9rem; color:#fa4424; display: inline-block; margin: 0 0.2rem; position: relative;}
#page-shopingcart .content{margin: 0;}
/*下单页*/
#reservation .list-block .item-title.label{width: 10%}
#reservation .list-block .item-content{padding-left: 0}
#reservation .list-block .item-inner:after{height: 0}
#reservation .list-block{margin-bottom:65px; margin-top: 0}
#reservation .num{margin: 0 0.2rem; position: relative; bottom: 0.3rem; color: #e9453e}
#reservation .tit{height: 1.1rem; width: 24%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: .85rem;color: #4c4c4c;line-height: 1.05rem; font-family: inherit;}
#reservation .textarea{background: #fff; padding: 0.5rem 0.75rem; margin-top: 0.5rem}
#reservation .anquan{font-size: 0.7rem; padding-left: 0.3rem; color: #898989; margin: 0.5rem auto}
#reservation .pay{padding: 0.5rem}
#reservation .pay span b{font-size: 1.2rem; color: #ea4740}
#reservation .pay span i{color: #ea4740}
#reservation .pay span:nth-child(2){float: right; display: inline-block; width: 32%; height: 36px; line-height: 36px; background:#e52f21; color: #fff; text-align: center; border-radius: 6px; position: relative; bottom: 0.2rem}
#reservation .content{margin: 0}
#coupone{position: absolute; right: 1rem; top: 0.4rem;color: #898989;}
#list-block li{border: none}
/*#list-block li .item-content .item-inner{border-bottom: 1px solid #e5e5e5;}*/
#reservation .list-block .item-input{border-bottom: 1px solid #e5e5e5}
.list-block .item-media+.item-inner{padding-right: 0; background-size: 0.6rem;margin-left: 0.5rem;}
#list-block li:last-child .item-content .item-inner{border: none}
#addrHtml{position: absolute; top: 2.6rem; left:0; width: 100%; z-index: 99}
#addrHtml ul{background-color: #fff; border: 1px solid #e5e5e5; width: 100%; padding-left:3%;border-top: none}
#addrHtml ul li{line-height: 1.6rem; font-size: 0.7rem;}
#addrHtml ul li:last-child{border: none}
#reservation .uline li{border-bottom: 1px solid #e5e5e5}
/*#reservation .uline li:last-child{border: none}*/
#reservation .choose i{position: relative; top: 0.1rem; margin:0 0.2rem; color: #4c4c4c}
/*时间插件*/
/*#showTime{display:none;width:98%; height:171px;position: fixed; z-index: 600;bottom:0.1rem;left:0;padding-left: 2%;font-size: 1em;overflow: hidden;}
#reservation .date{float: left;color: #000;display: inline-block;width: 62.5%;height: 130px;overflow: hidden;border: 1px solid #979797;text-align: center;line-height:28px;  *//*background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#b9b9b9));*//*  background: -webkit-linear-gradient(top, #b9b9b9, #dddddd 5%, #fff, #B8B8B8 95%, #e8e8e8); border-top: none; }
#reservation .time{color: #fff;display: inline-block;width: 36.5%;height: 130px;overflow: hidden;border: 1px solid #979797;text-align: center;line-height:28px;  background: -webkit-linear-gradient(top, #b9b9b9, #dddddd 5%, #fff, #B8B8B8 95%, #e8e8e8);  border-top: none}
#date{position: absolute;top:0;left: 0;right: 0;-webkit-user-select: none; padding-bottom: 20px}
#reservation #time{position: absolute;top:0;left: 0;right: 0;-webkit-user-select: none;}
#reservation .dateframe,#reservation .timeframe{width:100%;height:28px;position: relative;top:30px;border: 1px solid #E7E7E7; background:rgba(187,187,187,1.0); color:#737373;}
#time{margin-left: 0}
#reservation .cancel,#reservation .timefloat,.confirm{float: left; width: 24%; height: 40px; line-height: 40px; text-align: center; background: #E63020; color: #fff;}
#reservation .timefloat{width: 51%; font-size: .9em;  color: rgba(255,255,255,0.7)}
#reservation .cancel{border-radius: 20px 0 0 0; border: none}
#reservation .confirm{border-radius: 0 20px 0 0}*/

/*选择时间*/
#showTime{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 200; display: none}
#showTime .databox{width: 98%; position: absolute; top:0;  left:0; right: 0; bottom: 0; margin:auto; background: #f5f5f5; padding: 0 0 10px; border-radius: 8px; overflow-y: scroll; height: 98%;}
#showTime .date{width: 97.5%;overflow-x: scroll; border-top: 1px solid #ececec; position: fixed; z-index: 2; padding: 4px 0 0; top:7%; background: #fff}
#showTime .date ul{height: 45px; border-bottom: 1px solid #ececec;}
#showTime .date li{float: left; width: 45px;text-align: center; font-size: 0.65rem; position: relative; height: 45px; margin: 0 8px}
#showTime .date ul li.acv{border-bottom: 1.5px solid #f34e55; color: #f34e55}
#showTime .date li i{display: block;}
#showTime .date li img,.databox .time img{position: absolute; right: 0; top: -1px}
#showTime .date li img{right: -3px;}
.databox .time .noacv{color: #d1d1d1}
.databox .time .colacv{background: #fff3f3; border:1px solid #dc7d77;}
.databox .time{padding: 2%}
.databox .time li{width: 23%; float: left; text-align: center; border: 1px solid #ececec; border-radius: 4px; font-size: 0.75rem; color: #4c4c4c; margin: 1%;  position: relative;padding: 1% 0; background: #fff}
.dtxt{text-align: center;clear: both; background: #fff; height: 24px; line-height: 24px; width: 100%; color: #333; font-size: 0.6rem}
.determine{width: 90%; margin: 0 auto; height: 40px; line-height: 40px; background: #e84945; color: #fff; text-align: center; border-radius: 6px; margin-left: 5%}

/* 去支付*/
#page-pay ul{margin: 0; padding: 0}
#page-pay ul li{background: #fff; padding-left: 0.5rem; height: 2.2rem; line-height: 2.2rem; font-size: 0.75rem;color:#4c4c4c;}
.needpay b,.needpay i{color: #e94840;font-size: 0.75rem}
.payimg{vertical-align: middle; margin-right: 0.3rem}




#page-pay .item-media{display: inline-block; width: 5%}
#page-pay label span{display: inline-block; width: 88%}
/*#page-pay label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox, */
#page-pay label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{background: #e92e0d; }
#page-pay label.label-checkbox i.icon-form-checkbox:after{width: .6rem; height: 0.35rem;-webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-appearance:none;}
#page-pay label:after,#page-pay label:before,#page-pay label:active,#page-pay input:after,#page-pay input:before,#page-pay input:active,
#page-pay label.label-checkbox i.icon-form-checkbox:before,#page-pay label.label-checkbox i.icon-form-checkbox:after{-webkit-appearance:none;-webkit-transition: 0s;  transition: 0s; background-color: transparent;-webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0)  }

#page-pay .button{background: #e94840; color: #fff; border: none; height: 2.25rem; line-height: 2.25rem; font-size: 0.75rem}
#page-pay ul li{margin-bottom: 0; border-bottom: 1px solid #f2f2f2}
#page-pay .payLi{height: 3rem;line-height: 3rem;}

/* 评论 */
#page-comments .buttons-tab .button.active{border-color:   #e94840;color: #e94840}
#page-comments .card {border: none;border-bottom: 1px solid #e5e5e5; margin: 0}
#page-comments .list-block li {border:none}
#page-comments .progress {position: absolute;right: 12px;top: 12px;}
#page-comments .item-subtitle {color: #777;font-size: 0.6em;}
#page-comments .card-footer {color: #777; min-height: 1.6rem; padding: 0 0.3rem; position: relative; bottom: 0.3rem; margin-left: 3rem}
#page-comments .bar-nav~.content {top: 2rem; margin: 0}
#page-comments .replyComment{margin:0.5rem 0.3rem;background: #f5f5f5;padding: 0.5rem 0.3rem; margin-left: 2.8rem}
/* 代金券 */
.couponslist, .noCoupons {padding: 0 2%; margin: 8px auto;width: 96%; height: auto; background-size: 100% 100%;position: relative;}
.couponslist ul {width: 71%;height: auto;display: inline-block;padding-left:0;margin: 0.2rem 0;  }
.couponslist span {width: 25%;  text-align: center;  font-size: 16px;  font-weight: bold;  color: #fff;  display: inline-block;  position: absolute;  right: 4%;  top: 24%;  }
.couponslist li.thetitle {  color: #535a60; width: 98%;  padding-top: 5px; position: relative; overflow: hidden;white-space: nowrap;
    text-overflow: ellipsis; }
.couponslist li.thetitle img{position: absolute; right: -1%; top: 12px; width: 52px; height: auto}
.couponslist li {height: 30px; font-size: 0.8em;  color: #aeafb3;  padding-left: 1%;  }
.couponslist ul li:nth-child(2) {color: #a5a5a5;}
#main .bill{font-size: 1.8rem}
#main{margin-bottom:66px}

.my{width: 100%; height: 120px; text-align: center;  position: relative; background:#fff}
/*.my span{position: absolute; right: 5%; top: 40%; line-height: 2rem }*/
.my img{margin-top: 4%; line-height: 50px; border-radius: 100% 100%}
.my img.huiyuan{margin-top: 0; line-height: 20px; border-radius: 0; position: absolute; bottom: 0.4rem; left: 65%}
.my div{line-height: 1.5rem; font-size: 0.7rem}
.list-block{margin: 0.5rem 0;}
.gogo{position: absolute; right: 0.3rem; color: #ccc;line-height: 120px}
/*.list-block .item-after{color: #bbbbbb}*/
/*#contenttwo{text-align: center; width: 100%; margin: 0 auto}
#contenttwo img{margin-top: 3rem; margin-bottom: 2rem}
#contenttwo i{display: block; font-style: normal; }*/
.chongzhi a.button{height: 2rem; line-height: 2rem}
.card{margin: 0.5rem 0; box-shadow:none; margin-bottom: 3rem;}
.list{border-bottom: 1px solid #e5e5e5}
.list i,.list b{float: right; font-style: normal}
.list i.tuikuan{color: #ec4e46}
.mingxilist{height: 100%;}


#search-service{margin: 0}
#page-search .bar-nav~.content{top: 2.2rem}
#page-search .itemtext{height: 1.6rem; line-height: 1.6rem; overflow: hidden; display: block; width: 100%}
#page-search .list-block li{border-bottom: 6px solid #f5f5f5; z-index: 1}
#page-search header{background: #fff; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5}
#noSearchDate{margin-top: 30%}
#page-search .noimg i{display: block; color: #aeafb3; }
#page-search .noimg i:nth-child(3){font-size: 0.7rem; }
#page-search .line .txt:nth-child(1){width: 60%}
#page-search .line{border-top: 1px solid #e5e5e5}
#search-service .list-block .item-link .item-inner{background: none; padding-right: 0.2rem}
#page-my .content{margin: 0}
#page-my .list-block .item-content span{height: 21px}
#page-my .list-block .item-cosition{width:100%;background: #f6f6f6; height: 32px; line-height: 32px; margin: 0; padding-left: 4%; font-weight: bold; border: none; position: relative; bottom: 1px; z-index: 2}
#page-my .longout{width: 94%; height: 36px; line-height: 36px; margin: 40px auto 0; background-color: #fff; text-align: center; border-radius: 5px; color: #4c4c4c; font-size: 0.7rem}
.dizhi i{font-style: normal; margin-left: 0.5rem}
#adr i{display: inline; margin-left: 0.1rem}
#page-my .list-block .item-media+.item-inner{padding-right: 0.8rem}
/*#page-position a span.have{color: #e94840}*/
#page-position .content{margin: 0}
#page-position .bar-nav{padding: 0 0.3rem; background: #fff;}
#page-position .bar-nav~.content{top: 2.2rem}
#servicename{height: 1.6rem}
.title input{border: none; background: #ececec;}
#searchposition{width: 62%; margin-left: 19%; background: #ececec; height: 30px; line-height: 30px; margin-top: 8px; border-radius: 20px; overflow: hidden}
#searchposition input{width: 70%; font-size: 0.7rem; margin: 0; height: 28px; line-height: 28px}
#cityBut{max-width: 30%; overflow: hidden}
#page-position span img{margin-right: 0.2rem}

/*支付页弹出层*/
.masklayer{width: 100%; height: 100%; background: rgba(0,0,0,0.5);  margin:0 auto; text-align: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 200}
.maskcenter{width: 70%; height: auto; background: #fff; margin: 26% auto; position: relative; border-radius: 2px; padding-bottom: 2%}
.maskimg{vertical-align: middle;margin-top: 10px;}
.maskdiv{width: 100%; margin: 25px auto ; overflow: hidden}
.maskdiv span{display: inline-block; width: 42%; height: 36px; line-height: 36px; border-right: 1px solid #E5E5E5; font-size: 10pt; background: #f64e4e; color: #fff; border-radius: 4px; margin: 0 2%}
.maskdiv span:nth-child(2){background:#fff; color: #4c4c4c; border: 1px solid #d1d1d1}
.guan{position: absolute; top: 3px; right: 3px; padding: 10px;}
.maskcenter p{width: 84%; font-size: 11pt; text-align: center; margin: 0 auto; line-height: 22px; color: #bbbbbb}
.maskcenter p:nth-of-type(1){font-weight: bold; position: relative; color: #4c4c4c}
.maskdiv span:nth-child(1):hover{background: #d43b3b}
.maskdiv span:nth-child(2):hover{background: #f1f1f1}
#title{position: relative; padding-left: 0;}
#title i{display: inline-block; width: 100%; text-align: center}
#title a{position: absolute; left: 0; top: 0.5rem; padding-left: 0.6rem; padding-right: 0.5rem; z-index: 10}

/*支付弹出层2*/
.paytrouble{width: 100%; height: 100%; background: rgba(0,0,0,0.5);  margin:0 auto; text-align: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 200}
.paycenter{width: 70%; height: auto; background: #fff; margin: 30% auto 0; position: relative; border-radius: 2px; padding-bottom: 2%;}
.paycenter img{margin: 20% 0}
.paycenter img.guan{margin: 0}
.paycenter p,.paycenter b{font-size: 11pt; line-height: 26px}
.seebtn{display: block;width: 40%; height: 36px; border: 1px solid #f64e4e; color: #f64e4e; line-height: 36px; border-radius: 4px; text-align: center; margin:30px auto; background: #fff}

#page-coupon .content{margin: 0}
#number,#money{margin-right:0.3rem}
#noquan{margin-top: 50%;height: auto}
#page-homePage .icon-search{padding: 0; font-size: 0.8rem}
#page-homePage .icon-down{float: left; padding:0;line-height: 1.5rem;}
#page-homePage .card {margin: 0}
/*登录*/
#page-login .list-block,#page-registered .list-block{margin-top: 0}
#page-login .content,#page-registered .content{margin: 0;background-color: #fff}
#page-login input,#page-registered input{font-size: 0.8rem; width: 90%; height: 30px; line-height: 30px; padding:25px 5%;}
#page-login .button-success.button-fill,#page-registered .button-success.button-fill#page-bindphone .button-success.button-fill{background-color: #e92e0f; line-height: 2rem; height: 2rem}
#page-login .row .col-100,#page-registered .row .col-100{margin-left: 0;margin-top: 1rem; width: 100%}
#page-login .row .col-50{font-size: 0.6rem; color: #15aaff; margin-top: 0.5rem; text-align: center; width: 100%}
#page-login .row .col-50:nth-child(3){text-align: right; margin: 0}
#page-login .buttons-tab .button{color: #4c4c4c; border: none; font-weight: bold; font-size: 0.75rem;background-color: #f5f5f5}
#page-login .buttons-tab .button.active{color: #4c4c4c; border: none; font-weight: bold; font-size: 0.75rem;background-color: #fff;  }
#page-login .buttons-tab .button.active img{display: block}
#page-login .buttons-tab .button img{display: none}
#page-login .tabs .tab{margin-bottom: 1.2rem}
#page-login .tabs .item-inner,#page-registered .item-inner{padding:5px 0}
#page-login .tabs .item-content,#page-registered .item-content{padding-left: 4%}
#page-login ul li{border-bottom: 1px solid #e5e5e5}
.showWeixinLogin {display:none;position:absolute;bottom:2rem;margin:50rem 5% 0;width:90%;text-align: center;border: #898989 solid 1px;border-radius: 5px}
@media (max-height: 400px) { 
    .showWeixinLogin { display: none !important; }
}
/*注册*/
#page-bindphone .content{margin: 0}
#page-bindphone .list-block{margin-top: 0}
#page-registered .list-block .item-input,#page-login #tab1 .item-input{width: 65%;}
#page-registered .hqyzm,#page-login .hqyzm,#page-bindphone .bind{padding: 0.3rem 0.5rem;font-size: 0.7rem; border-radius: 5px; border: 1px solid #e92e0f; color:#e92e0f}
#page-bindphone .bind{background: #fff; border: 1px solid #e92e0f; color: #e92e0f }
#tab1 .list-block .item-inner{padding-top: 0; padding-bottom: 0}

/* @media screen and (min-width: 320px) {*//*banner兼容*//*
    .slide {
        height: 102px;
    }
} */

/*订单页*/
#page-neworder header.bar{height: 70px; padding-top: 15px}
#page-neworder .buttons-row .button{height: 55px; line-height: 36px; border: none;margin: 0 1%;; position: relative; background-size: 50% 50%; background: none; text-align: center }
#page-neworder .buttons-row .button img{margin: 0 auto; display: block; vertical-align: bottom; }
#page-neworder .card {margin-bottom: 0}
#page-neworder .buttons-row .button{color: #4c4c4c}
#page-neworder .buttons-row .button.active{ border-bottom: 2px solid #f64e4e; border-radius: 0}
#page-neworder .buttons-row .button i{display: none; width: 16px; height: 16px; position: absolute; top: -5px; right: 18%; border-radius: 100%; background: #f64e4e; font-size: 0.6rem; color: #fff; line-height: 16px;}
#page-neworder .content{padding: 0; margin: 0; top: 70px}
#page-neworder .content-block{padding: 0}
#page-neworder .gotoOrderState {height:3.5rem;  background: #f9f9f9}
#page-neworder .shangpinimg{ border: none}
.homeimg{position: relative; width: 0.7rem; height: auto; margin-right: 0.3rem;}
.ulimg li{padding: 0.4rem 0; border: none}
.ulimg div.medimg{ font-size: 0.7rem; float: left; width: 18%;}
.ulimg div.item-inner{line-height: 2.2rem; font-size: 0.7rem; padding-right:0.2rem;}
.sta{float: right; color: #f64e4e}
.stagrey{float: right; color: #898989}
.payorder{width: 100%; padding: 0 0.3rem; height: 2.5rem; padding-top: 0.1rem; border-top: 0.5px solid #e5e5e5}
.payorder span{display: inline-block; float: right; padding: 0.2rem 0.6rem;border-radius: 6px; margin: 0.3rem; width: 92px; height:30px;text-align: center; color: #898989}
.payorder span.paygo{color: #e84945; border: 1px solid #e84945}
.payorder .paygo a{color: #e84945}
.grey{border: 1px solid #898989; color: #4c4c4c}
#page-neworder .allrem{color: #898989}
.gotoDetailspage .icon-right{position: relative; bottom: 0.1rem}

/*商品详情页*/
.phoneDetail,.phoneDetail:link,.phoneDetail:hover,.phoneDetail :visited{text-align: center; display: block; color: #878787;  padding: 0.4rem; background: #efeff4; font-size: 0.65rem}
.phoneDetail span{color:#a49c9c; font-size: 0.6rem}

/*分类页classify*/
#page-classify .content{margin: 0 ;top: 2.5rem;bottom:2.5rem;overflow: hidden}
.leftnav{float: left; width: 25%; text-align: center; position: relative }
.leftnav ul{overflow-y: scroll;}
.leftnav li{height: 66px;  padding: 0; border-bottom: 1px solid #e5e5e5; background: #fff; padding-top: 4px; border-left:3px solid #fff}
.leftnav li img{vertical-align: middle}
.leftnav li.hot{border-left:3px solid #fc6143}/*热门，家政，鲜花*/
.leftnav li.anmo{border-left:3px solid #fd813c}/*按摩*/
.leftnav li.meirong{border-left:3px solid #fc3b7b}/*美容美体*/
.leftnav li.qiche{border-left:3px solid #1fc66d}/*汽车*/
.leftnav li.blur{border-left: 3px solid #38a7fb;}/*维修，家电，洗衣，搬爱，更多*/
.leftnav li i{display: block; font-size: 0.7rem; color: #4c4c4c}
.rightnav{float: right; width: 74%; background: #fff; margin-left: 1%; overflow-y: scroll}
#page-classify .bar .icon{padding: 0 }
#page-classify .list-block .item-link .item-inner{margin-left: 0.1rem; padding-right: 0.9rem; padding-bottom: 0; background-size: 0.6rem; padding-top: 0.1rem; }
.namenav{color: #4c4c4c; font-size: 12px; font-weight: bold;}
.paihang{font-size: 11px; color: #898989}
.paihang img{margin-right:5px; margin-bottom: 3px}
#page-classify .list-block{margin: 0;}
#page-classify .list-block li{border: none; }
.fuwu{bottom: 0.2rem}
.fuwu li{width: 100%;  line-height: 30px;  padding-top: 0.2rem}
.fuwu li i{display: inline-block; width: 30%; text-align: center;  height: 22px; border-radius: 10px; background: #f0f0f0; margin:0 1.5%; color: #4c4c4c; font-size: 0.6rem; line-height: 22px; position: relative}
.fuwu li i.grey{color:#c9c9c9; border: none}
#page-classify .item-link:active{background-color: #fff}
.hotimg{position: absolute; top: -0.2rem; right: 0.1rem;}
/*#page-classify .icon-caret{position: absolute; top: 26px; right: -0.2rem; -webkit-transform:rotate(90deg);transform:rotate(90deg); color: #eee; font-size: 0.8rem}*/

/*个人信息页*/
#page-information .content,#page-information .list-block{margin: 0}
#page-information .list-block .touxiang{min-height: 3rem}
#page-information .list-block .item-inner:after{height:auto}
#page-information .touxiang .item-after{min-height: 3rem}
#page-information input.nickinput[type=text]{text-align: right; line-height: 1.2rem; height: 1.2rem;color: #363636}
#page-information .list-block .item-inner{font-size: 0.7rem; margin-left: 0.3rem}
#page-information .list-block .item-inner .item-after,#page-information .list-block .item-afteritem-input{padding-right: 0.2rem}
#page-information .list-block .item-inner .yanzheng{width: 50%; /*position: relative; right: 0.8rem*/}
#page-information .list-block .item-inner .yanzheng i{font-size: 0.7rem; color:#3e3e3e; margin-left: 0.2rem}
#page-information .list-block .item-inner .yanzheng i:first-child{font-size: 0.8rem; width: 100%; text-align: right}
#page-information input::-webkit-input-placeholder {color:#3e3e3e;}
#page-information .list-block .item-content{border-bottom: 1px solid #e6e6e6;}

/*修改密码*/
#page-changepassword .content{margin: 0}
#page-changepassword .list-block li{border-bottom: none}
#page-changepassword .list-block{margin-top: 0}
#page-changepassword .list-block .item-media+.item-inner{margin-left:0}
.sure{background: #e63022; border: none; color: #fff; height: 1.8rem; line-height: 1.8rem}

/*改版首页*/
#page-homePage ul,#page-homePage li,#page-homePage dl,#page-homePage dt,#page-homePage dd{ list-style: none; margin: 0; padding: 0;border-radius: 0.25rem}
#page-homePage dl{width:50%;padding: 0.5rem 0.25rem 0.5rem 0;box-sizing: border-box}
#page-homePage dt{margin-bottom:0.25rem;background: url(../image/blue@2x.png)no-repeat center;background-size: 100% 100%;}
#page-homePage dd{background: url(../image/pink@2x.png)no-repeat center;background-size: 100% 100%;}
#page-homePage .content{margin: 0; margin-bottom: 2.5rem}
#page-homePage .service-item{width: 100%; padding:0.5rem 0; height: 4.5rem; overflow: hidden}
#page-homePage .service-item ul li{width: 20%; float: left; text-align: center; height: 82px}
#page-homePage .service-item ul li i{display: block; margin-top: 0.3rem; font-size: 0.6rem; color: #000}
/*#page-homePage .service-item:last-child{border-bottom: 1px solid #e5e5e5}*/
#page-homePage .service-item ul li i{margin-top: 0.3rem}
.linkbox{overflow: hidden;background: #fff; border-left: none; border-right: none}
#shopingcart{position: relative;}
.bar-tab .num{display:none;position: absolute; top: 0.2rem; right: 0.8rem; width: 16px; height: 16px; border-radius: 100%; background:red; color: #fff; line-height: 16px; z-index: 200; font-size: 0.6rem}
/* .linkbox{width: 100%; margin: 0.5rem 0.25rem; } */
#page-homePage .linkbox ul li{background: url(../image/yellow@2x.png)no-repeat center;background-size: 100% 100%;padding-top:1.3rem;padding-left:0.5rem;}
#page-homePage .linkbox ul{width:50%;height: 100%; float: left; padding: 0.5rem 0.25rem; box-sizing: border-box}
.linkbox ul strong,.linkbox dl strong{font-size: 0.7rem; color: #ff4360;padding-top: 1.3rem}
/*.linkbox ul i{height: 1.5rem; line-height: 1.5rem}*/
.activityOpen img{margin-top: 0.5rem}
.linkbox ul i,.linkbox dl i{display: block; font-size: 0.6rem; color: #898989; }
.linkbox dl{float: right; width: 51%; margin-left: 0}
#page-homePage .linkbox dd,#page-homePage .linkbox dt{position: relative; height: 4.35rem; padding-left: 0.5rem; padding-top: 1.3rem}
/* .linkbox dt{border-bottom: 1px solid #f5f5f5} */
.linkbox dl img{position: absolute;width:2.75rem;height: 3rem; top: 0.25rem; right: 0.5rem}

#page-homePage .box{padding: 0.5rem 0 0 0.2rem; clear: both; background: #fff; margin-top: 0.6rem; position: relative; overflow: hidden}
#page-homePage .box:nth-child(1) h2{border-left: 6px solid #fb461c}
#page-homePage .box h2{height: 0.75rem; line-height:0.75rem; margin:0.3rem 0; padding-left: 0.3rem; font-size: 0.7rem;}
#page-homePage .box h2.jiazheng{border-left: 0.25rem solid #fb461c;}
#page-homePage .box h2 a{float: right; color: #898989; font-weight: normal; font-size: 0.6rem; margin-right: 0.3rem}
#page-homePage .box h2 a img{margin-left: 0.3rem;vertical-align: middle;}
#page-homePage .item-name{position: relative; left: 0.09rem}
#page-homePage .item-name li{display: inline-block; width: 32%; margin-top: 0.3rem; margin-left: 1%; }
#page-homePage .item-name img {width:100%;border-radius: 0.25rem;}
#page-homePage .item-name li:nth-child(1){margin-left: 0}
#page-homePage .item-name .price{height: 30px;line-height: 30px;}
#page-homePage .item-name .price div {display: table-cell;vertical-align: middle}
#page-homePage .name{font-size: 0.7rem; margin-top: 0.2rem;height: 1rem;overflow: hidden;}
#page-homePage .price{color: #e94840; font-size: 0.6rem}
#page-homePage .price strong{font-size: 16px; font-weight: normal}
#page-homePage .home{font-size: 0.5rem; color: #b1b1b1;}
#page-homePage .home img{width: 0.8rem;vertical-align: middle;}
#page-homePage .bar-tab{z-index: 200}
#page-homePage .recommend{padding: 0.3rem}
#page-homePage .fuwushang{display: block; height: 40px; line-height: 40px;  color: #cbcbcb; text-align: center; }
#page-homePage .fuwushang i{color: #525252; margin: 0 0.3rem; font-size: 0.7rem}
#page-homePage .recommend-list li{width: 49%; float: left; border: 1px solid #eaeaea; margin-left: 1.6%; background: #fff; margin-top: 0.5rem;padding-bottom: 0.2rem; overflow: hidden}
#page-homePage .recommend-list li:nth-child(odd){margin-left: 0}
#page-homePage .recommend-list li i{display: block; height: 24px; line-height: 24px; width: 98%; overflow: hidden; background: #fff; margin-left: 0.2rem; font-size: 0.7rem}
#page-homePage .recommend-list li i img{margin-right: 0.2rem; position: relative; bottom: 0.1rem}
#page-homePage .recommend-list li i.order-ok{color:#bfbfbf; font-size: 0.6rem}
#page-homePage .order-ok em{float: right; margin-right: 0.2rem; color: #bfbfbf}
#newUser {display: none;position: fixed;bottom:5.6rem;right: 0;z-index: 500;}
#newUser img {width: 2.8rem;height: auto;}
.newUserHide{
    transition:  0.5s;
    -moz-transition:  0.5s;	/* Firefox 4 */
    -webkit-transition:  0.5s;	/* Safari 和 Chrome */
    -o-transition:  0.5ss;	/* Opera */
    transform: translate3d(2rem,0,0);
    -moz-transform: translate3d(2rem,0,0);
    -webkit-transform: translate3d(2rem,0,0);
    -o-transform: translate3d(2rem,0,0);
}
.newUserShow{
    transition:  0.5s;
    -moz-transition:  0.5s;	/* Firefox 4 */
    -webkit-transition:  0.5s;	/* Safari 和 Chrome */
    -o-transition:  0.5s;	/* Opera */
    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
}
.fuceng{display: none;position: fixed;bottom: 2.5rem; left:0; width: 100%; height: 2.2rem; line-height: 2.2rem; background: rgba(0,0,0,0.6); z-index: 999}
.fuceng-position{position: relative; width: 100%; height: 2.2rem; line-height: 2.2rem; overflow: hidden; max-width: 630px; margin: 0 auto}
.close-xx{position: absolute; right: 0; top: 0;}
.logo{margin-left: 0.4rem; vertical-align: middle}
.fuceng-txt{color: #fff; font-size: 0.7rem}
.upapp{width: 3.6rem; height: 1.3rem; line-height: 1.3rem; text-align: center; background: #e94840; color: #fff; border: none; border-radius: 4px;float: right; font-size: 0.7rem; margin-right: 1.6rem; margin-top: 0.5rem }
.upapp a{color: #fff}

/*选择技师*/
#page-choose .content,#page-choose .list-block{margin: 0}
#page-choose .list-block .item-media+.item-inner{margin-left: 3.3rem; }
#page-choose .xinxi i{margin:0 0.2rem; color: #656565}
#page-choose .choose{width: 2.7rem; height: 26px; border: 1px solid #e94742; border-radius: 6px; color: #e94742; text-align: center; margin-right:3%; line-height: 24px; padding: 0 0.7rem; font-size: 0.6rem}
#page-choose .selected{background: #e94742; color: #fff}/*选中状态*/
#page-choose .item-text{width: 95%; overflow: auto; line-height: 22px; height: auto; display: block}
#page-choose .moreImg{vertical-align: middle; margin-left: 0.1rem}
#page-choose #star .noColor img{margin-right: 0.05rem}
#page-choose .list-block .item-content{padding-left: 0}

.choose-span{float: right; font-size: 0.6rem; color: #898989; margin-right: 3%; margin-top: 4px}
.choose-span img{margin-right: 2px}
.choose-i{background: #f5f5f5; color: #898989; border-radius: 4px; margin-right: 4px; font-size: 0.5rem; padding: 1px 3px}
.choose-tit{margin-left: 4px; font-size: 0.6rem}

#times{margin-left: 0.05rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width: 4.3rem;}
#page-detail #lingquan{width: 92%; overflow: hidden}
#lingquan i.quanbg{display: inline-block; height: 18px; width: 82px; line-height: 18px; text-align: center; font-size: 0.6rem; background:url("../image/lingquanbg.jpg") no-repeat center center; color: #fff; margin-left: 0.3rem; background-size: 100% 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 2px}
.popup{top: 40%; background: #f5f5f5; height: 60%; overflow: scroll;}
.popup .content-block{ padding: 0}
.titpopup{text-align: center; height: 40px; line-height: 42px; position: relative}
.titpopup img{float: right; position:absolute; top: 0; right: 12px;width:35px; height: 35px; padding: 0.6rem; margin-top: 0}
.popupclick,.close-popup{width: 96%; margin: 0 auto; height: 80px; background: url("../image/lingqu.png") no-repeat center; background-size: 100%; position: relative; clear: both; margin-top: 0.3rem}
.close-popup:nth-child(2){margin-top: 0}
.popupclick .num,.close-popup .num{float: left;width: 20%; height: 70%; font-size: 1.6rem; color: #35bee5; text-align: center; margin-top: 20px}
.popupclick div,.close-popup div{width: 62%; float: left}
.popupclick div p,.close-popup div p{font-size: 0.6rem;height: 26px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.popupclick .use,.close-popup .use{position: absolute; right: 8.5%; bottom: 5px; font-size: 0.6rem; color: #35bee5}
.popupclick div p.lev,.close-popup div p.lev{border: 1px solid #fc352e; color: #fc352e; border-radius: 20px; height: 18px; line-height: 16px; padding-left: 4%; width: 70%; margin-top: 0.3rem}
.popupclick div p.lev{display: inline; padding: 2px 6px}
.popupclick .bilv,.close-popup .bilv{position: absolute; right: 7%; top: 8px; font-size: 0.8rem; color: #fff}
.popupclick .bilv b,.close-popup .bilv b{font-weight: normal;display: block; position: relative; bottom: 0.3rem}
.popupclick .bilv{height: 45px;}
.popupclick .use{}
#categoryName{position: absolute; top: 8px; left: -2px; width: 20%; height: 16px; line-height: 16px; background: #35bee5; border-radius: 0 10px 10px 0; text-align: center; color: #fff; font-size: 0.6rem; overflow: hidden}
#shopName2{display: inline-block; margin-left: 0; max-width: 86px; height:2rem; line-height: 2rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
#shopName{width: 59%; overflow: hidden; font-size: 0.7rem}
#appointTime{text-align: right;color: #ea4740}
#appointTime::-webkit-input-placeholder{position: relative;font-size: 0.85rem; font-family: inherit}
#chooseServicerInfo{width: 65%; padding: 0; padding-left: 5.1%; position: relative}
#chooseServicerInfo input{text-align: right; padding-right: 10%; color:#3d4145; font-size: 0.85rem;}
#chooseServicerInfo input::-webkit-input-placeholder{position: relative;font-size: 0.85rem; font-family: inherit}
#reservation #time,#page-detail #time{position: relative; top:8%; max-height:58%; overflow-y: scroll; }
#gotoCouponPage:hover,#gotoCouponPage:after,#gotoCouponPage:before{background:none}
#ulli li{height: 2.4rem; line-height: 2.4rem}
#ulli li:hover,#ulli li:after,#ulli li:before{background: none}
#ulli li div{padding: 0}
#ulli li div input{height: 2.4rem; line-height: 2.4rem}
#page-my .list-block .item-media+.item-inner{border-bottom: 1px solid #f5f5f5}
#page-my .list-block .item-content{min-height: 2.4rem;}
#page-my .list-block .item-content:hover,#page-my .list-block .item-content:after,#page-my .list-block .item-content:before{background: none}
/*搜索*/
.contentone{padding:3%; border-top: 1px solid #f5f5f5; padding-right: 0; background: #fff}
.contentone p{font-size: 0.7rem; color: #898989}
.guanjian li{display: inline-block; width: 23.5%; border: 1px solid #cecece; color: #4c4c4c; background: #f5f5f5; border-radius: 2px; text-align: center; margin-right: 1.2%; margin-top: 0.5rem; height: 30px; line-height: 30px; font-weight: 500; font-size: 0.65rem}
.contenttwo{background: #fff}
.contenttwo ul{margin-left: 10%}
.contenttwo li{height: 40px; line-height: 40px; text-align: left; width: 100%; border-bottom: 1px solid #e5e5e5; color: #4c4c4c}
.contenttwo li:last-child{border: none}
.close2{position: absolute; right: 3%; top:0.4rem}
.goback{position: absolute; left: 3%; top: 0.55rem; width: 20px; height: 20px;display: block;}
/*#page-registered .list-block li{border-bottom: 1px solid #f5f5f5}*/
.toumingicon a{z-index: 100}
.toumingicon a:nth-child(1){position: absolute; left: 15px; top: 15px}
.toumingicon a:nth-child(2){position: absolute; right: 15px; top: 15px}
.toumingicon a:nth-child(3){position: absolute; right: 62px; top: 15px}
.only_these {width:100%;margin:0;padding:0.5rem 0;clear: both;text-align: center;background-color: #f5f5f5;font-size: .6rem;color: #cbcbcb;}

.open-services{padding: 0.4rem 0.5rem; height: 40px; line-height: 27px; overflow:hidden;}
.open-services span{float: right; }
.open-services span.fuwuname{max-width: 75%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#closelist{margin: 0 auto; padding: 0.1rem 0; background: #fff; height: 100%}
#closelist h3,#closelist h3 i{text-align: center; width: 100%;display: block; font-size: 0.8rem; color: #4c4c4c}
#closelist h3{position: fixed; top: 0; z-index: 5; padding-top: 5px; background: #fff;}
#closelist h3 img.close-popup{position: absolute; right: 0.5rem; top: 0; padding: 11px; width: 34px; height: 32px; border: none; background: none; margin-top: 0}
#closelist h3 i{font-weight: normal; font-size: 0.65rem; margin-top: 0.2rem}
#closelist .closepopup,.sure{background: none; width: 96%; height: 36px; line-height: 36px; border: 1px solid #d1d1d1; color: #4c4c4c; border-radius: 4px; padding: 0 1%; margin-top: 0.5rem; margin-left: 2%}
#closelist .closepopup i{float: right; color: #f93030}
#closelist .closepopup span{display: block; width: 72%; overflow: hidden; font-size: 0.7rem;float: left; height: 36px; line-height: 36px}
#closelist .closepopup i em{font-size: 0.6rem}
#closelist .sure{text-align: center; background: #f93030; border: none; color: #fff;}
.closep{width: 100%; height:70%; overflow-y: scroll; margin-top: 2.7rem; }
#closelist .adv{border:1px solid #f93030; color: #f93030; position: relative}
#closelist .adv img{position: absolute; top:0; right: 0}
.fuwuimg{display: none}
.adv .fuwuimg{display: block}
#search,#searchStree {font-size: 16px;}
#surebtn{background: #e63022; border: none; color: #fff}
.download-icon{position: absolute; bottom: 40%; right: 0;}
#searchStree{width: 94%; margin: 0 auto}
.search-input .icon-search{left:6%;}
#searchposition .icon-search{font-size: 0.9rem; color: #b4b4b4}
.searchbar-cancel{position: absolute; right: 0.3rem}
.isSelected img{background: #f6383a}
.datetit{width: 99%; height: 40px; line-height: 40px; text-align: center;margin: 0 auto; background: #fff; border-radius: 8px 8px 0 0; position: relative; font-size: 0.75rem}
.datetit img{position: absolute; top: 0.2rem; right: 0.2rem; padding:10px}

/*订购需知*/
#page-xuzhi{background: #fff}
.xuzhiconter{padding:0.3rem;}
.xuzhiconter h3{font-size: 0.75rem; color: #f95252; margin: 0}
.xuzhiconter dt{width: 27px; height: 27px; display: inline-block; vertical-align: top; background: url("../image/xuzhi_number.png") no-repeat center; background-size: 100% 100%; color: #fff; text-align: center; line-height: 27px; font-size: 0.8rem}
.xuzhiconter dd{width: 86%; margin: 0; display: inline-block; margin-left: 2%; margin-top: 0.2rem; line-height: 22px}
.xuzhiconter dd p{margin: 0.2rem 0; font-size: 0.68rem}
.xuzhiconter dd p i{color: #f95252}
#xuzhi{position: relative; bottom: 0.02rem; float: right; right: 0.4rem}
#page-orderstate .icon{font-size: 0.5rem; position: relative; bottom: 0.1rem; left: 5px}
#page-neworder .icon{font-size: 0.5rem; }
.needpay b{font-weight: normal}
.linear-gradient {
    background: -webkit-linear-gradient(left, #fc352a , #fc6147); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fc352a , #fc6147); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fc352a , #fc6147); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fc352a , #fc6147); /* 标准的语法 */
  }

.thlist{position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; padding: 4px 0 10px; border-top: 1px solid #e5e5e5}
.thli{width: 116px; float: left; height: 62px; border: 1px solid #898989; border-radius: 4px; margin-left: 10px;}
.thliacty{border:1px solid #f34e55; background:#fff2f2;}
.thli img{border-radius: 100% 100%; width: 38px; height: 38px; vertical-align: top; margin-top: 12px; margin-left: 3px}
.thli-right{width: 58%; display: inline-block; margin-left: 6px; padding-top: 4px}
.thli-right .name{font-size: 12px; width: 99%; height: 22px; line-height: 22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.thli-right .jiedangnum{font-size: 10px; color: #898989; line-height: 14px}
.thli-right .jishikm{font-size: 10px;color: #898989;line-height: 14px}
.thec{width: 99%; overflow-x: scroll; margin: 8px 0}
.them{width: 600px; height: 64px}

#xmlist,#timeorjishi,.colbz{color: #898989; font-size: 0.65rem}
.dtxt span{width: 20%; height: 1px; background: #e5e5e5; display: inline-block; margin: 0 2% 5px}
.imgbox{width: 100%; height: 100%; display: none; position: absolute; top:0; left: 0; bottom: 0; right: 0; z-index: 999; padding-top: 20%; background: rgba(0,0,0,0.5); }
.imgbox img.bigimg{border-radius: 8px; margin: 0 1%}
#closeimg{width: 34px; height: 34px; padding: 10px;position: absolute; top:13%; right: 1%}
#chooseimg{width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed;  top:0; left: 0; z-index: 100; display: none}
.chooseimg{margin: 0 1%; border-radius: 8px; margin-top: 30%}
#chooseimg #closeimg{top:18%}
#extraUrlEvent{width: 100%}
#baohang{display: none}
#addr{font-weight: bold;color: #4c4c4c}

@media only screen and (device-width: 375px) and (device-height: 812px) and

(-webkit-device-pixel-ratio: 3) {
    .bar-tab {
        height: 70px;
    }
    .fuceng{
        bottom: 3.2rem;
    }
    #page-detail .phoneDetail{
        padding-bottom: 1.4rem;
    }
}
#verifyCodeImg,.hqyzm,#regBut2{cursor:pointer;}
.bar-tab .tab-item{vertical-align: top}
.bar-tab{height: 2.55rem}
.bar-tab .tab-item .icon~.tab-label{top:0.1rem}
#page-registered li{border-bottom: 1px solid #f5f5f5}
#regBut{background: #e94840}