*{margin: 0;padding: 0;list-style: none;font-family: "PingFang SC","Source Han Sans CN";} button,input[type=button]{-webkit-appearance: none;outline: none;} .ui-addrons{font-size: .7rem;} .ui-addrons .aui-icon-down{font-size: .5rem;margin-left: .3rem;font-weight: bold;} .ui-searchbox{background-color: #fff;border-radius: .3rem;height: 1.6rem;margin: calc((2.25rem - 1.6rem) / 2) auto;display: flex;align-items: center;padding: .2rem .3rem;box-sizing: border-box;} .ui-searchbox i.aui-iconfont{color: #999;line-height: 1.6rem;font-size: .7rem;margin-right: .3rem;} .ui-searchbox input{height: 100%;line-height: normal;width: calc(100% - .6rem);font-size: .7rem;color: #333;} #logo{padding: 10vh;box-sizing: border-box;width: 100vw;} #logo img{width: 80px;height: 80px;display: block;margin: .75rem auto;box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1);border-radius: 100%;} #logo h2{text-align: center;color: #fff;font-size: .8rem;font-family: "PingFang SC","Source Han Sans CN";} #login .inbox{width: 100vw;box-sizing: border-box;padding: 5vh .75rem 0;position: absolute;top: 45%;left: 0;} #login .inbox li{display: flex;align-content: center;justify-content: center;padding: .5rem 0;border-bottom: 0.05em solid #e6e6e6;} #login .inbox li.x{border-bottom: none;} #login .inbox li i {font-size: .8rem;margin-right: .5rem;line-height: 1.5rem;} #login .inbox li input{height: 1.5rem;line-height: 1.5rem;font-size: .8rem;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;} #login .inbox li button{width: 100%;background-color: #37a6d4;color: #fff;line-height: 2rem;height: 2rem;border: none;outline: none;margin-top: 1rem;font-size: .8rem;font-family: "PingFang SC","Source Han Sans CN"} #login .inbox li button:active{background-color: #37a6d4} #login .inbox li.x span{color: #999;font-size: .6rem;} #login .inbox li.x span:after{content: '|';margin: 0 .5rem;} #login .inbox li.x span:last-child:after{display: none;} #login .inbox li.x .y{color: #37a6d4;font-size: .6rem;} #register .inbox{width: 100vw;box-sizing: border-box;padding: 5vh .75rem 0;position: absolute;top: 43%;left: 0;} #register .inbox li{display: flex;align-content: center;justify-content: center;padding: .5rem 0;border-bottom: 0.05em solid #e6e6e6;} #register .inbox li.x{border-bottom: none;} #register .inbox li i {font-size: .8rem;margin-right: .5rem;line-height: 1.5rem;} #register .inbox li input{height: 1.5rem;line-height: 1.5rem;font-size: .8rem;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;} #register .inbox li input[type=button]{background-color: #37a6d4;color: #fff;font-size: .7rem;border-radius: 3rem;padding: 0 .5rem;-webkit-appearance: none;} #register .inbox li input[type=button]:active{background-color: #37a6d4} #register .inbox li button{width: 100%;background-color: #37a6d4;color: #fff;line-height: 2rem;height: 2rem;border: none;outline: none;margin-top: 1rem;font-size: .8rem;font-family: "PingFang SC","Source Han Sans CN"} #register .inbox li button:active{background-color: #37a6d4} #register .inbox li.x span{color: #999;font-size: .6rem;} #register .inbox li.x span:after{content: '|';margin: 0 .5rem;} #register .inbox li.x span:last-child:after{display: none;} #register .inbox li.x .y{color: #37a6d4;font-size: .6rem;} #findpass .inbox{width: 100vw;box-sizing: border-box;padding: 0 .75rem;margin-top:2.18rem;} #findpass .inbox li{display: flex;align-content: center;justify-content: center;padding: .5rem 0;border-bottom: 0.05em solid #e6e6e6;} #findpass .inbox li.x{border-bottom: none;} #findpass .inbox li i {font-size: .8rem;margin-right: .5rem;line-height: 1.5rem;} #findpass .inbox li input{height: 1.5rem;line-height: 1.5rem;font-size: .8rem;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;} #findpass .inbox li input[type=button]{background-color: #37a6d4;color: #fff;font-size: .7rem;border-radius: 3rem;padding: 0 .5rem;-webkit-appearance: none;} #findpass .inbox li input[type=button]:active{background-color: #37a6d4} #findpass .inbox li button{width: 100%;background-color: #37a6d4;color: #fff;line-height: 2rem;height: 2rem;border: none;outline: none;margin-top: 1rem;font-size: .8rem;font-family: "PingFang SC","Source Han Sans CN"} #findpass .inbox li button:active{background-color: #37a6d4} #findpass .inbox li.x span{color: #999;font-size: .6rem;} #findpass .inbox li.x span:after{content: '|';margin: 0 .5rem;} #findpass .inbox li.x span:last-child:after{display: none;} /* f0 */ #f0-banner{width: 100vw;background-color: #fff;padding: .7rem;margin-top:2rem;box-sizing: border-box;} #f0-banner .swiper-container{width: 100%;height:auto;border-radius: .3rem;overflow: hidden;} #f0-list{width: 100vw;background-color: #fff;padding: .7rem;box-sizing: border-box;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;padding-top: 0;} #f0-list .f0-list-item{width: 20%;font-size: .7rem;text-align: center;color: #333;} #f0-list .f0-list-item img{width: 44px;height: 44px;margin: .5rem auto;} #f0-more1,#f0-more2{width: 100vw;background-color: #fff;padding:.7rem;box-sizing: border-box;margin: .5rem 0;display: flex;align-items: center;justify-content: space-between;} #f0-more1 div,#f0-more2 div{width: 49%;} #f0-more1 div img,#f0-more2 div img{width: 100%;} #f0-shopbox,.serviceBox .serviceItem{width: 100vw;padding:.7rem;background-color: #fff;box-sizing: border-box;margin-bottom: .5rem;} .title{display: flex;align-items: center;justify-content: space-between; margin-top: 2px;margin-bottom: 5px;width: 100%;/*margin-left: 4%;*/} .title h2{font-size: .8rem;} .title .watchMore{color: #999;font-size: .7rem !important;line-height: .8rem;} .title .watchMore:before{content: '查看更多';margin-right: 5px;} .title .watchMore:after{content: '\e612';font-size: .7rem;} .clearList{width: 100%;display: flex;align-items: center;padding-bottom:1.2rem;justify-content: space-between;} .clearList li{width: 32%;height:4.7rem;} .clearList li img{width:100%;height:100%;margin-bottom: .5rem;} .clearList li span{font-size: .7rem;color: #333;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #f0-shopbox .boxItem{padding-bottom: 0;} #f0-shopbox ul{display: flex;align-items: center;flex-wrap: wrap;} #f0-shopbox ul li{width: 49%;margin-bottom: .1rem;} #f0-shopbox ul li:nth-child(2n){margin-left: 1%;} #f0-shopbox ul li:nth-child(2n - 1){margin-right: 0%;} #f0-shopbox ul li .shopimg{width: 100%;margin-bottom: .4rem;padding-top: 100%;background-color: #fff;background-position: center;background-size: cover;background-repeat: no-repeat;overflow: hidden;} #f0-shopbox ul li h2{font-size: .7rem;color: #333;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .4rem;} #f0-shopbox ul li .pribox{display: flex;align-items: center;} #f0-shopbox ul li .pribox .pri{color: #ff0000;font-size: .7rem;} #f0-shopbox ul li .pribox .pri:before{content: '￥';} #f0-shopbox ul li .pribox .oldPri{font-size: .7rem;color: #797979;margin-left: 1rem;text-decoration: line-through;} #f0-shopbox ul li .pribox .oldPri:before{content: '￥';} #f0-life{width: 100vw;background-color: #fff;margin-bottom: .5rem;} #f0-life .title{padding: .5rem;margin-bottom: 0;} #f0-life ul{width: 100vw;padding: 0;} #f0-life ul li{width: 100%;display: flex;align-items: flex-start;border-bottom: 0.05em solid #dddddd;padding: .5rem;} #f0-life ul li:first-child{padding-top: 0;} #f0-life ul li:last-child{border-bottom: none;} #f0-life ul li .img{width: 25%;margin-right: .5rem;padding-top: 25%;background-color: #fff;background-repeat: no-repeat;background-size:cover;background-position: center;} #f0-life ul li .title{width: calc(100% - (25% + 0.5rem));display: block;margin-bottom: 0;padding: 0;} #f0-life ul li .title h2{font-size: .75rem;color: #333;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: .4rem;} #f0-life ul li .title p{font-size: .6rem;color: #797979;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: .4rem;} /* f1 */ #f1-list{width: 100vw;height:100vh;background-color: #fff;display: flex;align-items: flex-start;justify-content: flex-start;} #f1-list #f1-left{width: 100%;height: auto;overflow: hidden;} #f1-list #f1-left li{text-align: center;font-size: .8rem;color: #333;line-height: 2.5rem;} #f1-list #f1-left li.ac{background-color: #fff;} #f1-list #f1-r{width: 100%;height: auto;overflow: hidden;} #f1-list #f1-r li{width: 100%;margin-bottom: .5rem;} #f1-list #f1-r li .title{padding: .5rem;margin-bottom: 0;} #f1-list #f1-r li .box{display: flex;align-items: center;flex-wrap: wrap;} #f1-list #f1-r li .box .item{width: calc(96% / 3);margin-bottom: 5px;} #f1-list #f1-r li .box .item img{width: 50px;height: 50px;margin: 5px auto;display: block;} #f1-list #f1-r li .box .item span{display: block;font-size: .7rem;color: #333;text-align: center;} /* f2 */ #f2-list{width: 100vw;background-color: #fff;padding: .7rem;box-sizing: border-box;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;padding-top: 0;} #f2-list .f2-list-item{width: 20%;font-size: .7rem;text-align: center;color: #333;} #f2-list .f2-list-item img{width: 44px;height: 44px;margin: .5rem auto;} #f2-tuijian,#f2-jianhuo,#f2-baokuan{width: 100vw;padding:.7rem;background-color: #fff;box-sizing: border-box;margin-bottom: .5rem;} .title h2 i{margin-right: 5px;color: #ff0000;font-size: 16px;line-height: 16px;} /* f3 */ #f3-tuijian,#f3-changshi,#f3-pingzhi{width: 100vw;background-color: #fff;box-sizing: border-box;margin-bottom: .5rem;} #f3-tuijian .title,#f3-changshi .title,#f3-pingzhi .title{padding: .7rem;margin-bottom: 0;padding-bottom: 0;} .articleList{width: 100vw;} .articleList li{width: 100%;padding: .5rem;border-bottom: 0.05em solid #e6e6e6;} .articleList li:last-child{border-bottom: none;} .articleList .type1 p{color: #333;font-size: .7rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: .5rem;} .articleList .type1 .imgbox{display: flex;align-items: center;justify-content: space-between;} .articleList .type1 .imgbox img{width: 32%;max-height: 100px;} .articleList .type2{width: 100%;display: flex;align-items: flex-start;} .articleList .type2 .img{width: 25%;margin-right: .5rem;padding-top: 25%;background-color: #fff;background-position: center;background-size: cover;background-repeat: no-repeat;} .articleList .type2 .title{width: calc(100% - (25% + 0.5rem));display: block;margin-bottom: 0;padding: 0 !important;} .articleList .type2 .title h2{font-size: .75rem;color: #333;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: .4rem;} .articleList .type2 .title p{font-size: .6rem;color: #797979;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: .4rem;} /* f4 */ #f4-info{width: 100vw;padding: 20px 14px;background-color: #37a6d4;display: flex;align-items: center;} #f4-info .l{width: 2.86rem;height: 2.8rem;border-radius: 100%;overflow: hidden;margin-right: .5rem;} #f4-info .r{width: calc(94% - 60px - .5rem);} #f4-info .r h2{font-size: .8rem;color: #fff;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} #f4-info .r p{font-size: .7rem;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} #f4-info .sz{width:1rem;height:1rem;} #f4-pri{width: 100vw;display: flex;align-content: center;background-color: #fff;margin-bottom: .75rem;} #f4-pri div{width: 50%;text-align: center;padding: 10px;} #f4-pri div:active{background-color: #f9f9f9;} #f4-pri div .pri{display: block;color: #37a6d4;} #f4-pri div span{font-size: .7rem;} #f4-order,#f4-shoporder{width: 100vw;background-color: #fff;margin-bottom: .75rem;} #f4-order .title,#f4-shoporder .title{padding: .5rem .7rem;border-bottom: 0.05em solid #e6e6e6;margin-bottom: 0;} #f4-order .list,#f4-shoporder .list{display: flex;align-content: center;justify-content: space-between;} #f4-order .list li,#f4-shoporder .list li{width: 25%;padding-top: .5rem;} #f4-order .list li:active,#f4-shoporder .list li:active{background-color: #f9f9f9;} #f4-order .list li i,#f4-shoporder .list li i{display: block;font-size: 1.1rem;color: #37a6d4;position: relative;font-weight: 500;text-align: center;line-height: 30px;} #f4-order .list li i span,#f4-shoporder .list li i span{color: #fd1b04;/*#37a6d4;*/font-size: .5rem;position: absolute;top: -.1rem;right:calc(40% - .5rem); line-height: .45rem;background-color: #fff;border: 0.05rem solid #37a6d4;border-radius: 5rem;box-sizing: border-box;text-align: center;padding: .1rem;display: block;min-width: .85rem;} #f4-order .list li span,#f4-shoporder .list li span{text-align: center;display: block;line-height: 1.6rem;font-size: .7rem;} #f4-addrons,#f4-mylike,#f4-tuijian,#f4-fapiao{width: 100%;background-color: #fff;box-sizing: border-box;margin-bottom: .75rem;font-size: .7rem;} #f4-addrons .list-item,#f4-mylike .list-item,#f4-tuijian .list-item,#f4-fapiao .list-item{width: 100%;box-sizing: border-box;padding: .5rem .75rem;display: flex;align-content: center;justify-content: space-between;} #f4-addrons .list-item:active,#f4-mylike .list-item:active,#f4-tuijian .list-item:active,#f4-fapiao .list-item:active{background-color: #f9f9f9;} #f4-mylike .list-item {border-bottom: 0.05em solid #E6E6E6;} #f4-mylike .list-item:last-child{border-bottom: none;} #f4-tuijian .list-item {border-bottom: 0.05em solid #E6E6E6;} #f4-tuijian .list-item:last-child{border-bottom: none;} #f4-fapiao .list-item{border-bottom: 0.05em solid #E6E6E6;} #f4-fapiao .list-item:last-child{border-bottom: none;} #f4-addrons .list-item span.r,#f4-mylike .list-item span.r,#f4-tuijian .list-item span.r,#f4-fapiao .list-item span.r{font-size: 1rem;color: #797979;} #f4-addrons .icon-dizhi:before{color: #ff5650;} #f4-mylike .icon-gouwuche:before{color: #007aff;} #f4-mylike .icon-tuijiandingdan:before{color:#ff7e00} #f4-mylike .icon-zuji-copy:before{color: #ffe400;} #f4-mylike .icon-guize:before{color: #c30505;} #f4-tuijian .icon-wodetuijian:before{color: #37a6d4;} #f4-tuijian .icon-tuijian:before{color: #476fff;} #f4-fapiao .icon-fapiao:before{color: #d66ef9;} #f4-fapiao .icon-shifu:before{color: #47ffb3;} /* setting */ #settinglist{width: 100vw;box-sizing: border-box;margin-top:2.2rem;} #settinglist li{width: 100%;background-color: #fff;padding: 15px;display: flex;align-items: center;justify-content: space-between;border-bottom: 0.05em solid #e6e6e6} #settinglist li:active{background-color: #f9f9f9;} #settinglist li.x{border-bottom: none;} #settinglist li span.aui-iconfont{font-weight: bold;} #settinglist li span{margin: 0;font-size: .8rem;color: #333;} #exit{background:none;} #exit button{height: 2rem;background-color: #37a6d4;color: #fff;line-height: 2rem;width: 100%;border: none;font-size: .8rem;text-align: center;} #exit button:active{background-color: #37a6d4;} #searc button{height: 2rem;background-color: #37a6d4;color: #fff;line-height: 2rem;width: 100%;border: none;font-size: .8rem;text-align: center;margin-top:3.36rem;} /* userinfoList */ #userinfoList{width: 100vw;background-color: #fff;margin-top:2.2rem;} #userinfoList li{width: 100%;box-sizing: border-box;padding: .5rem .75rem;border-bottom: 0.05em solid #e6e6e6;display: flex;align-items: center;justify-content: space-between;} #userinfoList li span.title{margin: 0 .5rem 0 0;display: block;width: 20%;font-size: .8rem;color: #333;font-family: "PingFang SC","Source Han Sans CN";} #userinfoList li .rbox{width: calc(100% - 20% - .5rem);text-align: right;display: flex;align-items: center;margin-right: -0.25rem;justify-content: flex-end;} #userinfoList li .rbox img{width: 2.2rem;height: 2.2rem;overflow: hidden;border-radius: 100%;background-color: #e6e6e6;margin-right: .5rem;} #userinfoList li .rbox img.pay{width: 3rem;height: auto;border-radius: 0;min-height: 3rem;} #userinfoList li .rbox select,#userinfoList li .rbox input{height: 1.6rem;line-height: 1.6rem;font-size: .8rem;text-align: right;width: 95%;} #userinfoList li .rbox select{direction: rtl;} #userinfoList li .rbox select option{text-align: right;direction: rtl;} #userinfoList li .rbox:after{content: "\e6f5";font-family: "aui_iconfont" !important;z-index: 10;color: #666;font-size: .6rem;font-weight: bold;line-height: 1.6rem;margin-left: .3rem;} /* 建议 */ #jianyilist{width: 100vw;padding: .7rem;box-sizing: border-box;margin-top:2.2rem;} #jianyilist li{width: 100%;padding: 0 0 .5rem;} #jianyilist li span{display: block;font-size: .8rem;color: #333;margin-bottom: .5rem;} #jianyilist li textarea,#jianyilist li input{background-color: #f5f4f4;color: #161515;border:2px solid #cccbce;border-radius: .3rem;padding: .3rem;font-size: .8rem;height: auto;} #jianyilist li #imgbox{background-color: #f5f4f4;width: 100%;min-height: 2rem;display: flex;align-items: center;flex-wrap: wrap;padding: .5rem;} #jianyilist li #imgbox .adimg{width: calc(100% / 5);margin: .3rem;border: 0.05em solid #797979;position: relative;padding-top: calc(100% /5);display: block;box-sizing: border-box;} #jianyilist li #imgbox .adimg:before{content: '';position: absolute;width: 1rem;height: 1px;top: calc(50% - 0.5px);left:calc(50% - 0.5rem);background-color: #8f8f8f;} #jianyilist li #imgbox .adimg:after{content: '';position: absolute;width: 1px;height: 1rem;top:calc(50% - 0.5rem);left:calc(50% - 0.5px);background-color: #8f8f8f;} /* nodata */ #nodata{background: none !important;text-align: center;font-size: .8rem;color: #333;font-family: "PingFang SC","Source Han Sans CN";padding: 0;border-bottom: none !important;} li.nodata{display: block !important;background: none !important;text-align: center;font-size: .8rem;color: #333;font-family: "PingFang SC","Source Han Sans CN";padding: 0;border-bottom: none !important;} #nodata img,li.nodata img{width: 50%;height: auto;margin: 30% auto 15px;} /* 地址 */ #addressList{width: 100vw;padding-top: 15px;margin-top:2rem;} #addressList li{width: 100%;display: block;background-color: #fff;margin-bottom: 15px;} #addressList li.nodata{background: none;text-align: center;font-size: .8rem;color: #333;font-family: "PingFang SC","Source Han Sans CN";} #addressList li.nodata img{width: 160px;height: 160px;margin: 30% auto 15px;} #addressList li .addreddinfo .name{font-size: .8rem;color: #333;font-weight: 500;display: inline-block;} #addressList li .addreddinfo .phone{font-size: .8rem;color: #333;font-weight:normal;display: inline-block;float: right;} #addressList li .addreddinfo .address{font-size: .7rem;color: #333;line-height: 20px;margin-top: .5rem;} #addressList li .menu{border-top:0.05em solid #e6e6e6;display: flex;align-items: center;justify-content: space-between;padding: 10px 15px;} #addressList li .menu .radiobox{font-size: .7rem;line-height: 1.2rem;color: #999;} #addressList li .menu .aui-radio:checked{background-color: #37a6d4;border-color: #37a6d4;} #addressList li .menu .radiobox span{margin-left: 5px;} #addressList li .menu .btnbox{display: flex;align-items: center;} #addressList li .menu .btnbox .aui-btn{background-color: #fff;color: #999;} #addressList li .menu .btnbox .aui-btn:active{background-color: #e6e6e6;} #addressList li .menu .btnbox .aui-btn i.iconfont{margin-right: .3rem;font-size: .7rem;} /* 添加地址 */ #addaddreddList{width: 100vw;background-color: #fff;margin-top:2.2rem;} #addaddreddList li{width: 100%;padding: 15px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;border-bottom: 0.05em solid #e6e6e6;} #addaddreddList li label{font-size: .8rem;color: #333;margin-right: .5rem;width: 4.5rem;} #addaddreddList li input{height: 1.2rem;line-height: 1.2rem;font-size: .8rem;color: #333;} #addaddreddList li input.aui-switch:checked{background-color: #37a6d4;border-color: #37a6d4;} #addaddreddList li:last-child{border-bottom: none;} /* 收藏 */ #favoritesList{width: 100vw;margin-top:2.2rem;} #favoritesList li{width: 100%;padding: 10px 15px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;} #favoritesList li:active{background-color: #f5f5f5;} #favoritesList li.nodata{display: block;background: none;text-align: center;font-size: .8rem;color: #333;font-family: "PingFang SC","Source Han Sans CN";padding: 0;} #favoritesList li.nodata{background:none;} #favoritesList li.nodata img{width: 160px;height: 160px;margin: 30% auto 15px;} #favoritesList li .shopImg{width: 80px;height: 80px;margin-right: 10px;} #favoritesList li .shopinfo{width: calc(100% - 90px);} #favoritesList li .shopinfo h2{font-size: .7rem;color: #333;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #favoritesList li .shopinfo p{font-size: .6rem;color: #999;} #favoritesList li .shopinfo span.pri{color: #ff0000;font-size: .7rem;margin-top: .6rem;display: block;} #favoritesList li .shopinfo span.pri:before{content: '￥';margin-right: -1px;font-size: .7rem;} /* 足迹 */ #recordList{width: 100vw;margin-top:2.2rem;} #recordList li{width: 100%;background-color: #fff;padding: 10px 15px;box-sizing: border-box;margin-bottom: 15px;} #recordList li p.time{margin-bottom: .5rem;} #recordList li ul{width: 100%;display: flex;align-items: center;flex-wrap: wrap;} #recordList li ul li{width: 32%;margin-bottom: .5rem;padding: 0;} #recordList li ul li:active{background-color: #f5f5f5;} #recordList li ul li:nth-child(3n-1){margin-left: 2%;margin-right: 2%;} #recordList li ul li img{width: 100%;height: 31%;margin-bottom: .5rem;} #recordList li ul li span.pri{color: #ff0000;font-size: .7rem;margin-top: .6rem;display: block;} #recordList li ul li span.pri:before{content: '￥';margin-right: -1px;font-size: .7rem;} /* 我的推荐 */ #propeopleList{width: 100vw;margin-top:2.2rem;} #propeopleList li{width: 100%;padding: 10px 15px;box-sizing: border-box;display: flex;align-items: center;border-bottom: 0.05em solid #e6e6e6;} #propeopleList li:active{background-color: #f5f5f5;} #propeopleList li:last-child{border-bottom: none;} #propeopleList li .userAvatar{width: 2.4rem;height: 2.4rem;border-radius: 100%;overflow: hidden;margin-right: 10px;} #propeopleList li .userinfo{width: calc(100% - 2.4rem - 10px);height: 2.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #propeopleList li .userinfo .name{font-size: .7rem;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #propeopleList li .userinfo .desc{font-size: .6rem;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: .3rem;} /* 推荐订单 */ #proorderList{width: 100vw;box-sizing: border-box;margin-top:2.2rem;} #proorderList li{width: 100%;padding: 15px;background-color: #fff;margin-bottom: 10px;box-sizing: border-box;} #proorderList li p.title{display: block;font-size: .7rem;color: #333;} #proorderList li .shop{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;} #proorderList li .shop .shopImg{width: 4rem;height: 4rem;margin-right: 10px;} #proorderList li .shop .shopinfo{width: calc(100% - 4rem - 10px);display: flex;align-items: flex-start;flex-direction: column;justify-content: space-between;height: 4rem;} #proorderList li .shop .shopinfo h2{font-size: .7rem;color: #333;text-align: left;} #proorderList li .shop .shopinfo .pribox{width: 100%;display: flex;align-content: center;justify-content: space-between;} #proorderList li .shop .shopinfo .pribox .pri{color: #ff0000;} #proorderList li .shop .shopinfo .pribox .pri:before{content: '￥';margin-right: -1px;} #proorderList li .shop .shopinfo .pribox .num:before{content: '×';margin-right: 2px;} #proorderList li .more{display: flex;align-content: center;justify-content: space-between;} #proorderList li .more .time{font-size: .6rem;} #proorderList li .more .r{display: flex;align-content: center;font-size: .6rem;color: #999;} #proorderList li .more .r .numZ{font-size: .6rem;margin-right: 5px;} #proorderList li .more .r .numZ:before{content: '共';margin-right: 1px;} #proorderList li .more .r .numZ:after{content: '份';margin-left: 1px;} #proorderList li .more .r .priZ:before{content: '总价:';margin-right: 3px;} #proorderList li .more .r .priZ:after{content: '元';margin-left: 1px;} /* 申请发票 */ #invoiceList{width: 100vw;padding-bottom: calc(2.25rem + 1.5rem);margin-top:2.2rem;} #invoiceList li{width: 100%;background-color: #fff;padding: 15px;margin-bottom: 10px;display: flex;align-items: center;} #invoiceList li .aui-radio{margin-right: 10px;border-radius: 100%;} #invoiceList li .aui-radio:checked{background-color: #37a6d4;border-color:#37a6d4;} #invoiceList li .shop{width: calc(100% - 1.4rem - 10px);} #invoiceList li .shop .t{display: flex;align-items: center;margin-bottom: 10px;} #invoiceList li .shop .t .shopImg{width: 4rem;height: 4rem;margin-right: 10px;} #invoiceList li .shop .t .shopinfo{width: calc(100% - 4rem - 10px);display: flex;align-items: flex-start;flex-direction: column;justify-content: space-between;height: 4rem;} #invoiceList li .shop .t .shopinfo h2{font-size: .7rem;color: #333;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} #invoiceList li .shop .t .shopinfo .pribox{width: 100%;display: flex;align-content: center;justify-content: space-between;} #invoiceList li .shop .t .shopinfo .pribox .pri{color: #ff0000;} #invoiceList li .shop .t .shopinfo .pribox .pri:after{content: '元';} #invoiceList li .shop .t .shopinfo .pribox .num:before{content: '×';margin-right: 2px;} #invoiceList li .shop .more{display: flex;align-content: center;justify-content: space-between;} #invoiceList li .shop .more .time{font-size: .6rem;} #invoiceList li .shop .more .r{display: flex;align-content: center;font-size: .6rem;color: #999;} #invoiceList li .shop .more .r .numZ{font-size: .6rem;margin-right: 5px;} #invoiceList li .shop .more .r .numZ:before{content: '共';margin-right: 1px;} #invoiceList li .shop .more .r .numZ:after{content: '份';margin-left: 1px;} #invoiceList li .shop .more .r .priZ:before{content: '总价:';margin-right: 3px;} #invoiceList li .shop .more .r .priZ:after{content: '元';margin-left: 1px;} /* 发票历史 */ #invoice_historyList{width: 100vw;background-color: #fff;margin-top:2.2rem;} #invoice_historyList .head{width: 100%;display: flex;align-items: center;justify-content: space-between;color: #37a6d4;font-size: .7rem;padding: 15px;box-sizing: border-box;} #invoice_historyList .head .time{width: 20%;} #invoice_historyList .head .pri{width: 50%;text-align: center} #invoice_historyList .head .name{width: 20%;text-align: right;} #invoice_historyList ul{width: 100%;} #invoice_historyList ul li{display: flex;align-items: center;padding: 15px;box-sizing: border-box;} #invoice_historyList ul li:active{background-color: #f9f9f9;} #invoice_historyList ul li .time{color: #999;font-size: .7rem;width: 20%;text-align: left;} #invoice_historyList ul li .class_name{width: 20%;text-align: right;} #invoice_historyList ul li .pri{width: 50%;text-align: center;margin: 0 5%;overflow: hidden;} #invoice_historyList ul li .pri:after{content: '元';margin-left: 2px;} /* 服务列表 */ #soreList{width: 100vw;box-sizing: border-box;margin-bottom: 15px;background-color: #fff;display: flex;align-items: center;flex-wrap: wrap;margin-top:2.2rem;} #soreList li{width: 25%;padding: .5rem;box-sizing: border-box;} #soreList .banjia{width: 50%;padding: .5rem;box-sizing: border-box;} #soreList li img{width: 50%;margin: 0 auto 10px;} #soreList li span{display: block;font-size: .7rem;color: #333;text-align: center;line-height: normal;white-space: nowrap;} /* 为你推荐 */ #commend{width: 100vw;background-color: #fff;padding:15px;margin-top:2.2rem;} #commend ul li{width: 100%;display: flex;align-items: flex-start;margin-bottom: 15px;} #commend ul li:last-child{margin-bottom: 0;} #commend ul li img{width: 6.5rem;height: 5rem;margin-right: 10px;} #commend ul li .shopinfo{display: flex;flex-direction: column;height: 5rem;justify-content: space-around;align-content: flex-start;} #commend ul li .shopinfo h2{font-size: .7rem;color: #333;justify-content: flex-start;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;} #commend ul li .shopinfo p{font-size: .6rem;color: #999;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} #commend ul li .shopinfo .pri{color: #ff0000;font-size: .8rem;} #commend ul li .shopinfo .pri:before{content: '￥';margin-right: -2px;} #commend ul li .shopinfo .pri:after{content: '起';font-size: .6rem;margin-left: 2px;} /* 余额 */ #property_balance{width: 100vw;background-color: #fff;margin-top:2.2rem;} #property_balance li{width: 100%;padding: 15px;background-color: #fff;border-bottom: 0.05em solid #e5e5e5;display: flex;align-items: center;justify-content: space-between;} #property_balance li:active{background-color: #f9f9f9;} #property_balance li:last-child{border-bottom: none;} #property_balance .balance{width: 100%;background: #37a6d4;padding: 30px 15px;box-sizing: border-box;text-align: center;color: #fff;position: relative;overflow: hidden;border-bottom: none;display: block;} #property_balance .balance:active{background-color: #37a6d4;} #property_balance .balance img{position: absolute;top: 0;left: 0;width: 100%;height: auto;overflow: hidden;} #property_balance .balance h2{font-size: 2.5rem;font-weight: normal;line-height: 5rem;} #property_balance .balance span{display: block;color: #fff;font-size: .7rem;} #property_balance li span{font-size: .8rem;color: #333;} #property_balance li i{font-size: .8rem;color: #999;} /* 积分 */ #property_integral{width: 100vw;margin-top:2.2rem;} #property_integral .integralInfo{width: 100%;background: #37a6d4;padding: 30px 15px;box-sizing: border-box;text-align: center;color: #fff;position: relative;overflow: hidden;border-bottom: none;display: block;margin-bottom: 15px;} #property_integral .integralInfo img{position: absolute;top: 0;left: 0;width: 100%;height: auto;overflow: hidden;} #property_integral .integralInfo h2{font-size: 2.5rem;font-weight: normal;line-height: 5rem;} #property_integral .integralInfo span{display: block;color: #fff;font-size: .7rem;} #property_integral .integralHistory{width: 100%;background-color: #fff;padding: 15px;box-sizing: border-box;} #property_integral .integralHistory h2{text-align: center;font-size: .8rem;color: #333;line-height: normal;margin-bottom: 15px} #property_integral .integralHistory .head{width: 100%;display: flex;align-items: center;justify-content: space-between;color: #37a6d4;font-size: .7rem;box-sizing: border-box;} #property_integral .integralHistory .head .time{width:20%;text-align: left;} #property_integral .integralHistory .head .name{width: 50%;text-align: center;} #property_integral .integralHistory .head .pri{width:20%;text-align: right;} #property_integral .integralHistory ul li{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 10px 0;} #property_integral .integralHistory ul li .time{color: #999;font-size: .7rem;width: 20%;text-align: left;} #property_integral .integralHistory ul li .class_name{width: 50%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-align: center;padding: 0 2%;} #property_integral .integralHistory ul li .pri{width: 20%;text-align: right;} #property_integral .integralHistory ul li .pri.ad{color: #37a6d4;font-size: .8rem;line-height: .8rem;} #property_integral .integralHistory ul li .pri.ad:before{content: '+';margin-right: 2px} #property_integral .integralHistory ul li .pri.ap{color: #ff0000;} #property_integral .integralHistory ul li .pri.ap:before{content: '-';margin-right: 2px;} /* 余额明细 */ #property_balance_historyList{width: 100vw;background-color: #fff;margin-top:2.2rem;} #property_balance_historyList .head{width: 100%;display: flex;align-items: center;justify-content: space-between;color: #37a6d4;font-size: .7rem;padding: 15px;box-sizing: border-box;} #property_balance_historyList ul{width: 100%;} #property_balance_historyList ul li{display: flex;align-items: center;padding: 15px;box-sizing: border-box;} #property_balance_historyList ul li:active{background-color: #f9f9f9;} #property_balance_historyList ul li .time{color: #999;font-size: .7rem;width: 20%;text-align: left;} #property_balance_historyList ul li .class_name{width: 50%;text-align: center;margin: 0 5%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} #property_balance_historyList ul li .pri{width: 20%;text-align: right;font-size: .8rem;color: #ff0000;} #property_balance_historyList ul li .pri:before{content: '-';margin-right: 2px;} #property_balance_historyList ul li .pri.ad{color: #37a6d4;} #property_balance_historyList ul li .pri.ad:before{content: '+';margin-right: 2px;} /* 充值 */ #rechange{width: 100vw;padding: 15px 0;margin-top:2.2rem;} #rechange .pribox{width: 100%;box-sizing: border-box;padding: 15px;background-color: #fff;margin-bottom: 15px;} #rechange .pribox .title{font-size: .8rem;} #rechange .pribox ul{display: flex;align-content: center;justify-content: space-between;margin-bottom: 15px;} #rechange .pribox ul li{width: 22%;text-align: center;background-color: #EBFDFD;color: #333;line-height: 2rem;border-radius: .3rem;font-size: .7rem;} #rechange .pribox ul li.ac{background-color: #37a6d4;color: #fff;} #rechange .pribox ul li:after{content: '元';} #rechange .pribox input{height: 2rem;line-height: 2rem;color: #333;border-bottom: 0.1em solid #e6e6e6;width: 40%;} #rechange .paytype{width: 100%;background-color: #fff;} #rechange .paytype li{width: 100%;padding: 15px;border-bottom: 0.05em solid #f5f5f5;display: flex;align-items: center;justify-content: space-between;} #rechange .paytype li .payinfo{display: flex;align-items: center;} #rechange .paytype li .payinfo .icon{width: 1.7rem;height: 1.7rem;margin-right: .5rem;background-size: 100% auto;background-position: center;background-repeat: no-repeat;} #rechange .paytype li .payinfo .icon.wxPay{background-image: url("../image/pay/wxPay.png")} #rechange .paytype li .payinfo .icon.aliPay{background-image: url("../image/pay/aliPay.png")} #rechange .paytype li .payinfo .icon.chPay{background-image: url("../image/pay/chPay.png")} #rechange .paytype li .payinfo .r h2{font-size: .7rem;} #rechange .paytype li .payinfo .r p{font-size: .65rem;} #rechange .paytype li input[type=radio]:checked{background-color: #37a6d4;border-color: #37a6d4;} /* 下单 */ #select{width: 100vw;margin-top:2.2rem;} #select .addressinfo{width: 100%;padding: 15px;background-color: #fff;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;} #select .addressinfo .l{width: 95%;} #select .addressinfo .l .name{display: inline-block;font-size: .8rem;color: #333;margin-right: .5rem;} #select .addressinfo .l .phone{color: #999;line-height: normal;} #select .addressinfo .l .address{font-size: .8rem;color: #333;} #select .remark{width: 100%;background-color: #fff;padding: 15px;box-sizing: border-box;margin-bottom: 15px;} #select .remark textarea{height: auto;font-size: .7rem;} #select .pact{width: 100%;background-color: #fff;padding: 15px;box-sizing: border-box;} #select .pact input{border-radius: 100%;} #select .pact input:checked{background-color: #37a6d4;border-color: #37a6d4;} #select .pact span{font-size: .7rem;color: #999;} #select .pact span span{color: #37a6d4} #select .specs{width: 100%;background-color: #fff;padding: 15px;box-sizing: border-box;margin-bottom: 10px;} #select .typeItem .title{font-size: .7rem;margin-bottom: .5rem;} #select .typeItem .typebox{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: .5rem;} #select .typeItem .typebox span{min-width: 2rem;padding: .3rem .2rem;margin:.5rem .3rem; background-color: #f5f5f5;font-size: .7rem;border-radius: .3rem;text-align: center;display: block;max-width: 50%;white-space: nowrap;position: relative;} #select .typeItem .typebox span input{opacity: 0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #select .typeItem .typebox span.ac{background-color: #EBFDFD;border: 0.05rem solid #37a6d4;color: #37a6d4;} #select .typeItem .typebox span.none{background-color: #f3f3f3;/*color: #797979;border:0.065rem solid #797979;*/} #select .coupon{width: 100%;background-color: #fff;padding: 15px;box-sizing: border-box;} #select .typeItems .youhui{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: .5rem;} #select .typeItems .youhui span{min-width: 2rem;padding: .2rem .4rem;margin-right: .5rem;margin-bottom: .5rem;background-color: #f5f5f5;font-size: .7rem;border-radius: .3rem;text-align: center;display: block;max-width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;} #select .typeItems .youhui span input{opacity: 0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #select .typeItems .youhui span.acs{background-color: #EBFDFD;border: 0.05rem solid #37a6d4;color: #37a6d4;} #select .typeItems .youhui span.none{background-color: #e5e5e5;color: #797979;} /* 银行卡 */ #bankList{width: 100vw;margin-bottom: calc(2.25rem + .75rem * 2);overflow: scroll;padding: 15px;box-sizing: border-box;overflow-y:hidden;margin-top:2.2rem;} #bankList li{width: 100%;background: #aaedf5 url("../image/index/bankBg.png") no-repeat bottom;background-size: 100% auto;height: 6rem;border-radius: .3rem;margin-bottom: .75rem;box-sizing: border-box;padding: 20px;} #bankList li span.bank{line-height: 2.4rem;color: #fff;font-size: 1rem;} #bankList li:last-child{margin-bottom: 0;} #bankList li p{color: #fefefe;font-size: .8rem;padding-left: 40%;text-align: right;} #bankList li p span{margin-right: .25rem;} #bankList li p span:last-child{margin-right: 0;} /* 添加银行卡 */ #addbank{width: 100%;box-sizing: border-box;background-color: #fff;margin-top:2.2rem;} #addbank li{display: flex;align-items: center;justify-content: space-between;padding: .5rem 15px;border-bottom: 0.05em solid #f5f5f5;} #addbank li span{width: 50%;font-size: .7rem;} #addbank li input{height: 2rem;line-height: 2rem;text-align: right;} /* 服务订单 */ #orderList{width: 100vw;margin-top:2.2rem;position:absolute;} #orderList .list{width: 100%;background-color: #fff;display: flex;align-items: center;justify-content: space-between;position: fixed;top: 0;left: 0;z-index: 10;} #orderList .list li{width: calc(100% / 6);padding: 15px 0;text-align: center;font-size: .7rem;color: #999;} /*#orderList .list li.ac{color: #37a6d4;position: relative;}*/ #orderList .list li.ac:after{content: '';width: 1rem;height: 2px;background-color: #37a6d4;position: absolute;bottom: 0;left:calc(50% - .5rem);display: block;} #orderList .itembox{width: 100vw;overflow: hidden;margin-top: calc(2.5rem + 5px);} #orderList .itembox .box{width: 600vw;} #orderList .itembox .box ul{width: 100vw;min-height: 90vh;} #orderList .itembox .box ul li{width: 100%;padding: 15px;box-sizing: border-box;background-color: #fff;margin-bottom: 15px;} #orderList .itembox .box ul li .title .shopname{font-size: .8rem;color: #333;} #orderList .itembox .box ul li .title .shopname2{font-size: .7rem;color: #797979;} #orderList .itembox .box ul li .title .shopname2:before{content: '订单号:';margin-right: -1px;} #orderList .itembox .box ul li .title .status{color: #37a6d4;font-size: .7rem;float: right;} #orderList .itembox .box ul li.a1 .title .status:before{content: '待支付'} #orderList .itembox .box ul li.a2 .title .status:before{content: '待服务'} #orderList .itembox .box ul li.a3 .title .status:before{content: '已完成'} #orderList .itembox .box ul li.a4 .title .status:before{content: '待评价'} #orderList .itembox .box ul li.a5 .title .status:before{content: '已取消'} #orderList .itembox .box ul li.a6 .title .status:before{content: '待发货'} #orderList .itembox .box ul li.a7 .title .status:before{content: '待收货'} #orderList .itembox .box ul li.a8 .title .status:before{content: '已结束'} #orderList .itembox .box ul li.a9 .title .status:before{content: '未匹配'} #orderList .itembox .box ul li .info{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: .5rem;} #orderList .itembox .box ul li .info img{width: 4rem;height: 4rem;margin-right: .5rem;} #orderList .itembox .box ul li .info .r{width: calc(100% - 4.5rem);height: auto;display: flex;flex-direction: column;justify-content: space-between;font-size: .7rem;} #orderList .itembox .box ul li .info .r .name{font-size: .7rem;color: #333;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .2rem;} #orderList .itembox .box ul li .info .r .type{font-size: .65rem;color: #999;text-align: left;text-overflow: ellipsis;display: block;white-space: nowrap;overflow: hidden;} #orderList .itembox .box ul li .info .r .pribox{font-size: .7rem;} #orderList .itembox .box ul li .info .r .pribox .pri{color: #ff0000;} #orderList .itembox .box ul li .info .r .pribox .pri:before{content: '￥';margin-right: -2px;} #orderList .itembox .box ul li .info .r .pribox .num{float: right;} #orderList .itembox .box ul li .info .r .pribox .num:before{content: 'x';} #orderList .itembox .box ul li .All{display: flex;align-items: center;justify-content: space-between;font-size: .7rem;color: #999;} #orderList .itembox .box ul li .All .numbox .num:before{content: '共';margin-right: 1px;} #orderList .itembox .box ul li .All .numbox .num:after{content: '份';margin-left: 1px;margin-right: .3rem;} #orderList .itembox .box ul li .All .numbox .pri:before{content: '总价:';margin-right: 1px;} #orderList .itembox .box ul li .All .numbox .pri:after{content: '元';margin-left: 1px;} #orderList .itembox .box ul li .morebox{display: flex;align-items: center;justify-content: flex-end;margin-top: 1rem;position: relative;} #orderList .itembox .box ul li .morebox:before{content: '';width: 100%;height: 1px;background-color: #e6e6e6;left: 0;top: -.5rem;position: absolute;} #orderList .itembox .box ul li .morebox button{background-color: #fff;outline: none;border: .1em solid #37a6d4;margin-right: .5rem;line-height: 1.5rem;font-size: .7rem;box-sizing: border-box;color: #37a6d4;height: auto;padding: 0 .5rem;} #orderList .itembox .box ul li .morebox button:last-child{margin-right: 0;} #orderList .itembox .box ul li .morebox button:active{color: #fff;background-color: #37a6d4;} #orderList .itembox .box ul li .morebox button.come{border-color: #999;color: #999;} #orderList .itembox .box ul li .morebox button.come:active{background-color: #999;color: #fff;} /* 下单成功 */ #succOrder{width: 100vw;position: fixed;bottom: 0;margin-top:2.2rem;} #succOrder .userinfo{width: 100%;background-color: #fff;padding: 15px;display: flex;align-items: center;margin-bottom: 15px;} #succOrder .userinfo img{width: 2.5rem;height: 2.5rem;overflow: hidden;border-radius: 100%;margin-right: .5rem;} #succOrder .userinfo .r .span{margin-right: .5rem;font-size: .8rem;color: #333;} #succOrder .project{width: 100%;padding: 15px;background-color: #fff;} #succOrder .project .pribox{text-align: center;margin-bottom: 15px;padding: 50px 0;font-size: 1.5rem;color: #333;font-weight: bold;} #succOrder .project .pribox .pri:before{content: '实付：';font-size: .7rem;color: #999;font-weight: normal;} #succOrder .project .pribox .pri:after{content: '元';font-size: .7rem;color: #999;font-weight: normal;} #succOrder .project .btnbox{display: flex;align-content: center;justify-content: space-between;} #succOrder .project .btnbox button{height: auto;padding: 0 1rem;background-color: #fff;outline: none;color: #999;font-size: .8rem;} #succOrder .project .btnbox button span{margin-left: 1rem;} #succOrder .project .btnbox button.cancel{border: 0.05em solid #999;} #succOrder .project .btnbox button.cancel:active{background-color: #999;color: #fff;border-color: #999;} #succOrder .project .btnbox button.pay{border: 0.1em solid #37a6d4;background-color: #37a6d4;color: #fff;} #succOrder .project .btnbox button.pay:active{background-color: #37a6d4;border-color: #37a6d4; } /* 支付 */ #payOrder{width: 100vw;margin-top:2.2rem;} #payOrder .timeout{width: 100%;padding: 15px;font-size: .7rem;color: #fff;background-color: #21d6d5;text-align: center;margin-bottom: 15px;} #payOrder .timeout .time:before{content: '确认支付剩余时间：';} #payOrder .timeout .time:after{content: '分';margin-left: 1px} #payOrder .pribox{width: 100%;background-color: #fff;padding: 15px;font-size: .8rem;color: #333;} #payOrder .pribox .name{color: #333;font-size: .8rem;} #payOrder .pribox .pri{color: #ff0000;} #payOrder .pribox .pri:before{content: '￥';margin-right: -2px;} #payOrder .paytype{width: 100%;} #payOrder .paytype li{width: 100%;padding: 15px;border-bottom: 0.05em solid #f5f5f5;display: flex;align-items: center;justify-content: space-between;background-color: #fff;} #payOrder .paytype li .payinfo{display: flex;align-items: center;} #payOrder .paytype li .payinfo .icon{width: 1.7rem;height: 1.7rem;margin-right: .5rem;background-size: 100% auto;background-position: center;background-repeat: no-repeat;} #payOrder .paytype li .payinfo .icon.wxPay{background-image: url("../image/pay/wxPay.png")} #payOrder .paytype li .payinfo .icon.aliPay{background-image: url("../image/pay/aliPay.png")} #payOrder .paytype li .payinfo .icon.chPay{background-image: url("../image/pay/chPay.png")} #payOrder .paytype li .payinfo .icon.yuePay{background-image: url("../image/pay/yue.png")} #payOrder .paytype li .payinfo .icon.JFPay{background-image: url("../image/pay/jifen.png")} #payOrder .paytype li .payinfo .r h2{font-size: .7rem;} #payOrder .paytype li .payinfo .r p{font-size: .65rem;} #payOrder .paytype li .payinfo .r .yue:after{content:'元';margin-left: 2px;} #payOrder .paytype li .payinfo .r .jf:before{content:'可用积分：';margin-right: 2px;} #payOrder .paytype li input[type=radio]:checked{background-color: #37a6d4;border-color: #37a6d4;} /* orderDetail */ #orderDetail{width: 100vw;margin-top:2.2rem;} .order-status{width: 100%;padding: 15px;background-color: #fff;box-sizing: border-box;margin: 15px 0;} .order-shopinfo{width: 100%;padding: 15px;background-color: #fff;margin-bottom: 15px;} .order-shopinfo .t{display: flex;align-items: center;margin-bottom: .5rem;} .order-shopinfo .t img{width: 4rem;height: 4rem;margin-right: .5rem;} .order-shopinfo .t .r{width: calc(100% - 4.5rem);display: flex;flex-direction: column;height: 4rem;justify-content: space-between;} .order-shopinfo .t .r .name{font-size: .8rem;color: #333;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .order-shopinfo .t .r .pribox{width: 100%;display: flex;align-items: center;justify-content: space-between;} .order-shopinfo .t .r .pribox .pri{color: #ff0000;} .order-shopinfo .t .r .pribox .pri:before{content: '￥';} .order-shopinfo .t .r .pribox .num{color: #333;} .order-shopinfo .t .r .pribox .num:before{content:'x';margin-right: 1px;} .order-shopinfo .moreinfo{text-align: right;font-size: .7rem;color: #999;} .order-shopinfo .moreinfo .num:before{content: '共';margin-right: 2px;} .order-shopinfo .moreinfo .num:after{content: '份';margin-left: 2px;margin-right: .5rem;} .order-shopinfo .moreinfo .pri:before{content: '总价：';margin-right: -2px;} .order-shopinfo .moreinfo .pri:after{content: '元';margin-left: 2px;} .order-userinfo{width: 100%;background-color: #fff;} .order-userinfo li{width: 100%;padding: 15px;display: flex;align-items: center;border-bottom: 0.01em solid #e6e6e6;} .order-userinfo li:last-child{border-bottom: none;} .order-userinfo li span.name{width: 20%;font-size: .7rem;} .order-userinfo li p{color: #333;} #match{width: 100vw;box-sizing: border-box;} #match .box{width: 100%;background-color: #fff;padding: 0 15px;box-sizing: border-box;margin-bottom: 15px;border-radius: .3rem;overflow: hidden;} #match .load{padding: 15px 0;box-sizing: border-box;font-size: .8rem;color: #797979;} #match .loading{width: 3rem;height: 3rem;margin: 0 auto 1rem;display: block;border: 2px solid #37a6d4;border-radius: 100%;position: relative;} #match .loading:before{content: '';width: .5rem;height: .5rem;background-color: #37a6d4;position: absolute;top: 0;left: calc(50% - .5rem /2);border-radius: 100%;} #match .loading.ac{animation: zhuan 1s linear infinite;} @-webkit-keyframes zhuan { 0% {-webkit-transform: rotate(0deg);} 25% {-webkit-transform: rotate(90deg);} 50% {-webkit-transform: rotate(180deg);} 75% {-webkit-transform: rotate(270deg);} 100% {-webkit-transform:rotate(360deg);} } #match .loading.err{border-color: #ea2828;} #match .loading.err:before{content: '';width: 75%;height: 3px;background-color: #ea2828;position: absolute;top: calc(50% - 1.5px);left:calc(50% - 75% / 2);transform: rotate(45deg);border-radius: 2rem;} #match .loading.err:after{content: '';width: 75%;height: 3px;background-color: #ea2828;position: absolute;top: calc(50% - 1.5px);left:calc(50% - 75% / 2);transform: rotate(-45deg);border-radius: 2rem;} #match .box .masterInfo{align-items: center;display: flex;justify-content: space-between;padding: 15px 0;} #match .box .masterInfo .info{display: flex;align-items: center;} #match .box .masterInfo .masterAvatar{width: 2.4rem;height: 2.4rem;border-radius: 100%;overflow: hidden;margin-right: .5rem;} #match .box .masterInfo .masterName{font-size: .8rem;color: #333;margin-right: .5rem;} #match .box .masterInfo .mastercell{width: auto;} #match .box .pribox{border-top: 0.01em solid #e5e5e5;padding: 15px 0;color: #333;display: none;} #match .box .pribox .pri{line-height: 5rem;font-size: 1.5rem;} #match .box .pribox .pri:before{content: '实付:';font-size: .8rem;margin-right: 2px;} #match .box .pribox .pri:after{content: '元';font-size: .8rem;margin-left: 2px;} #match .box .pribox .payStatus{width: 100%;} #match .box .pribox .payStatus .pay{width: 3rem;height: 3rem;margin: 0 auto 1rem;display: block;border: 2px solid #37a6d4;border-radius: 100%;position: relative;} #match .box .pribox .payStatus .pay:before{content: '';width: 30%;height: 3px;position: absolute;top: calc(60% - 1.5px);left:17%;background-color: #37a6d4;transform: rotate(45deg);border-radius: 2rem;} #match .box .pribox .payStatus .pay:after{content: '';width: 60%;height: 3px;position: absolute;top: calc(50% - 1.5px);left:33%;background-color: #37a6d4;transform: rotate(-45deg);border-radius: 2rem;} #match .box .pribox .payStatus .pay.err{border-color: #ea2828;} #match .box .pribox .payStatus .pay.err:before{content: '';width: 75%;height: 3px;background-color: #ea2828;position: absolute;top: calc(50% - 1.5px);left:calc(50% - 75% / 2);transform: rotate(45deg);border-radius: 2rem;} #match .box .pribox .payStatus .pay.err:after{content: '';width: 75%;height: 3px;background-color: #ea2828;position: absolute;top: calc(50% - 1.5px);left:calc(50% - 75% / 2);transform: rotate(-45deg);border-radius: 2rem;} #match .btnbox{display: flex;align-items: center;justify-content: space-between;} #match .btnbox button.cancel{width: 100%;} #match .btnbox button:active{background-color: #37a6d4;} #match .btnbox button.cancel.ac{width: 30%;background-color: #e6e6e6;} #match .btnbox button.cancel.ac:active{background-color: #f1f1f1;} #match .btnbox button.nextBtn{display: none;} #match .btnbox button.nextBtn.ac{display: block;width: 65%;} #match .btnbox button.payBtn{display: none;} #match .btnbox button.payBtn.ac{display: block;width: 65%;} #shopAlllist{width: 100vw;display: flex;align-items: flex-start;margin-top:2.2rem;} #shopAlllist .lbox{width: 25vw;height: 100vh;background-color: #f5f5f5;} #shopAlllist .lbox ul li{width: 100%;text-align: center;font-size: .8rem;color: #333;line-height: 2.5rem;} #shopAlllist .lbox ul li.ac{background-color: #fff;} #shopAlllist .rbox{width: calc(100vw - 25vw);height: 100vh;background-color: #fff;padding: 20px 15px;box-sizing: border-box;} #shopAlllist .rbox ul li{margin-bottom: .75rem;} #shopAlllist .rbox ul li .typebox{display: flex;align-items: center;flex-wrap: wrap;} #shopAlllist .rbox ul li .typebox .item{width: calc(100% / 3);margin-bottom: .5rem;} #shopAlllist .rbox ul li .typebox .item img{;margin: 0 auto;width: auto;} #shopAlllist .rbox ul li .typebox .item span{text-align: center;font-size: .7rem;display: block;margin-top: .3rem;} #typeList{width: 100vw;padding: 15px;background-color: #fff;box-sizing: border-box;padding-bottom: 0;margin-top:2.2rem;} #typeList .banner{margin-bottom: .75rem;height: 7rem;overflow: hidden;} #typeList .shopList{width: 100%;display: flex;align-items: flex-start;flex-wrap: wrap;} #typeList .shopList li{width: calc((100% - .75rem) / 2);background-color: #fff;margin-bottom: .75rem;} #typeList .shopList li:nth-child(2n){margin-left: .75rem;} #typeList .shopList li .shopImg{width: 100%;padding-top: 0%;background-repeat: no-repeat;background-size: cover;background-position: center;background-color: #fff;overflow: hidden;margin-bottom: .4rem;} #typeList .shopList li .shopName{display: block;height: 2rem;font-size: .7rem;color: #333;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .4rem;} #typeList .shopList li .shopPri{font-size: .7rem;color: #ff0000;} #typeList .shopList li .shopPri:before{content: '￥';margin-right: -1px;} #typeList .shopList li .oldPri{font-size: .7rem;color: #797979;margin-left: 1rem;text-decoration: line-through;} #typeList .shopList li .oldPri:before{content: '￥';} #recordList .titles {font-size: .7rem;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: .1rem;} #shopDetail{width: 100vw;padding-bottom: 2.25rem;margin-top:2.18rem;} #shopDetail .shopImgBox{width: 100%;height: 19.7rem;overflow: hidden;background-color: #333;} #shopDetail .shopMoreInfo{width: 100%;padding: .5rem .75rem;box-sizing: border-box;background-color: #fff;margin-bottom: .5rem;} #shopDetail .shopMoreInfo .shopName{font-size: .8rem;color: #333;font-family: "PingFang SC", "Source Han Sans CN";font-weight: bold;color: #333;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #shopDetail .shopMoreInfo .pribox{color: #ff0000;font-size: .8rem;display: flex;align-items: center;line-height: 2rem;} #shopDetail .shopMoreInfo .pribox .pri{margin-right: 1rem;font-size: .8rem;} #shopDetail .shopMoreInfo .pribox .pri:before{content: '￥';margin-right: -2px;} #shopDetail .shopMoreInfo .pribox .oldpri{margin-right: 1rem;color: #aaa;text-decoration: line-through;font-size: .7rem;} #shopDetail .shopMoreInfo .pribox .oldpri:before{content: '￥';margin-right: -2px;} #shopDetail .shopMoreInfo .select{display: flex;align-items: center;} #shopDetail .shopMoreInfo .select span{display: block;width: 4rem;font-size: .7rem;} #shopDetail .shopMoreInfo .select input{font-size: .7rem;height: 1.6rem;} #shopDetail .shopContent{width: 100%;box-sizing: border-box;position:relative;background-color: #fff;padding-bottom: 2rem;} #shopDetail .shopContent .content{width: 100%;box-sizing: border-box;} #shopDetail .shopContent:after{content: '已经到底啦~';text-align: center;display: block;color: #797979;position: absolute;width: 100%;left: 0;bottom: 0;font-size: .7rem;line-height: 2rem;background-color: #f5f5f5;} #shopDetail .shopContent img{width: 100% !important;height: auto !important;margin: 0 auto;} #shopDetail .btnbox{width: 100vw;background-color: #fff;box-sizing: border-box;display: flex;align-items: center;padding-right: .6rem;height: 2.5rem;} #shopDetail .btnbox .aui-btn{height: 2.5rem;background-color: #fff;text-align: center;font-size: .7rem;color: #333;display: flex;flex-direction: column;} #shopDetail .btnbox .aui-btn:active{background-color: #f9f9f9;} #shopDetail .btnbox .aui-btn i.iconfont{line-height: 1.6rem;color: #a1a1a1;font-size: .9rem;} #shopDetail .btnbox .like.ac .aui-btn i.icon-star1{color: #ffd26b} #shopDetail .btnbox .aui-btn span{display: block;height: auto !important;font-size: .6rem;margin-top: -.6rem;} #shopDetail .btnbox button{height: 1.8rem;background-color: #37a6d4;border: none;color: #fff;flex-grow: 1;} #shopDetail .btnbox button:active{background-color: #37a6d4;} #shopKind{width: 100vw;padding: 15px;background-color: #fff;position: fixed;display:none;bottom: 0;z-index: 10;} #shopKind .kindInfo{width: 100%;display: flex;padding-bottom: 1rem;align-items: center;} #shopKind .kindInfo .shopImg{width: 5rem;height: 5rem;margin-right: .5rem;} #shopKind .kindInfo .shopinfo{width: calc(100% - 5.5rem);} #shopKind .kindInfo .shopinfo .pri{color: #ff0000;font-size: .8rem;margin-bottom: .3rem;display: block;} #shopKind .kindInfo .shopinfo .pri:before{content: '￥';} #shopKind .kindInfo .shopinfo .kc{font-size: .7rem;margin-bottom: .3rem;} #shopKind .kindInfo .shopinfo .kc:before{content: '库存';margin-right: 2px;} #shopKind .kindInfo .shopinfo .kc:after{content: '件';margin-left: 2px;} #shopKind .kindInfo .shopinfo #shopType{height: auto;font-size: .8rem;max-height: 50vh;overflow: scroll;} #shopKind .kindInfo .shopinfo #shopType::placeholder{font-size: .7rem;} #shopKind .typeItem .title{font-size: .7rem;margin-bottom: .3rem;} #shopKind .typeItem .typebox{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: .5rem;} #shopKind .typeItem .typebox span{min-width: 2rem;padding: .2rem .4rem;margin-right: .5rem;background-color: #f5f5f5;font-size: .7rem;border-radius: .3rem;text-align: center;display: block;max-width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;} #shopKind .typeItem .typebox span input{opacity: 0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #shopKind .typeItem .typebox span.ac{background-color: #EBFDFD;border: 0.05rem solid #37a6d4;color: #37a6d4;} #shopKind .typeItem .typebox span.none{background-color: #e5e5e5;color: #797979;} #shopKind .shopNum{width: 100%;display: flex;align-items: center;justify-content: space-between;} #shopKind .shopNum .aui-bar-btn{margin: 0;} #shopKind .shopNum .aui-bar-btn-item{line-height: 1.2rem;border-color: #37a6d4;} #shopKind .shopNum .aui-input{height: 1.2rem;} #shopKind button{width: 100%;height: 2rem;background-color: #37a6d4;color: #fff;font-size: .8rem;border: none;margin-top: 3rem;} /* 销量 */ #shopKind .kindInfo .shopinfo .xl{font-size: .7rem;margin-bottom: .3rem;width: 50%;float: right;} #shopKind .kindInfo .shopinfo .xl:before{content: '月销量';margin-right: 2px;} #shopKind .kindInfo .shopinfo .xl:after{content: '件';margin-left: 2px;} /* 评价 */ #shopPl{width: 100vw;height:70%; padding: 15px;background-color: #fff;position:fixed;overflow:scroll;overflow-x:hidden;bottom: 0;z-index: 10;display:none;} #shopPl .user_pl{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 10px;} #shopPl .pl_t{width: 100%;margin: 5px 0;padding: 0 5px;} #shopPl .pl_left{width: 15%;float: left;padding: 5px;} #shopPl .pl_right{width: 82%;float: left;margin-left: 5px;} #shopPl .pl_right span{width: 45%;float: left; font-size: 0.7rem;color: #757575;margin: 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #shopPl .pl_content{width: 100%;font-size:0.8rem;color: #757575;margin:5px;padding: 5px;word-wrap:break-word; word-break:break-all;float: left;} #gouwuche{line-height: normal;width: 100%;background-color: #fff;margin-bottom: .5rem;margin-top:2.18rem;} #gouwuche .shoptitle{display: flex;align-items: center;border-bottom: 0.02rem solid #f3f3f3;} #gouwuche li{margin-bottom: .5rem;display: flex;align-items: center;padding: .5rem .75rem;box-sizing: border-box;border-bottom: 0.02em solid #e1e1e1;} #gouwuche li:last-child{border-bottom: none;} #gouwuche li .l{margin-right: .5rem;} #gouwuche li .r{width: calc(100% - 1.7rem);display: flex;justify-content: flex-start;} #gouwuche li .r .ll{width: 4rem;height: 4rem;margin-right: .5rem;background-position: center;background-size: 100% auto;background-repeat: no-repeat;} #gouwuche li .r .rr{width: calc(100% - 4.5rem);} #gouwuche li .r .rr h2{font-size: .7rem;color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .3rem;} #gouwuche li .r .rr .shtypes{padding: .1rem .2rem;background-color: #f3f3f3;border-radius: .1rem;font-size: .6rem;color:#797979;} #gouwuche li .r .rr .shtypes::after{content: '\e6f7';font-family: 'aui_iconfont';margin-left: .2rem;font-size: .6rem;} #gouwuche li .r .rr .box{display: flex;align-items: center;width: 100%;justify-content: space-between;margin-top: .5rem;} #gouwuche li .r .rr .box .pribox{display: flex;align-items: center;font-size: .7rem;max-width: 50%;flex-wrap: wrap;} #gouwuche li .r .rr .box .pribox .pri{color: #ff5455;font-weight: 500;} #gouwuche li .r .rr .box .pribox .pri:before{content: '￥'} #gouwuche li .r .rr .box .pribox .oldpri{color: #797979;text-decoration: line-through;} #gouwuche li .r .rr .box .pribox .oldpri:before{content: '￥';} #gouwuche li .r .rr .box .pribox span{margin-right: .2rem} #gouwuche li .r .rr .box .pribox span:last-child{margin-right: 0;} #gouwuche li .r .rr .box .numbox{display: flex;align-items: center;width:4.5rem;border: 0.03rem solid #f2f2f2;border-radius: .1rem;font-size: .6rem;} #gouwuche li .r .rr .box .numbox span{padding: .2rem .4rem;color: #797979;text-align: center;font-weight: normal;} #gouwuche li .r .rr .box .numbox .ad{border-left: .03rem solid #f2f2f2;} #gouwuche li .r .rr .box .numbox .ap{border-right: .03rem solid #f2f2f2;} #gouwuche li .r .rr .box .numbox input{height: auto;font-size: .6rem;text-align: center;} #gouwuche .aui-radio:checked,#jiesuan .aui-radio:checked{background-color: #37a6d4;border-color: #37a6d4;} #jiesuan{position: fixed;bottom: 0;left: 0;background: #fff;padding: .5rem;width: 100%;display: flex;align-items: center;justify-content: space-between;} #jiesuan .l:after{content: '全选'} #jiesuan .r{display:flex;align-items: center;} #jiesuan .r .tt:before{content: '不含运费';font-size: .6rem;color: #797979;margin-right: .5rem} #jiesuan .r .pri{color: #ff5455;} #jiesuan .r .pri::before{content: '￥'} #jiesuan .r button{background-color: #37a6d4;border: none;color: #fff;margin-left: .5rem;border-radius: 2rem;height: auto;line-height: normal;padding: .2rem .4rem} #jiesuan .r button:active{background-color: #37a6d4;} #selectOrder {margin-top:2.18rem;} #selectOrder .order_addron {width: 100%;background-color: #fff;padding: .5rem .75rem;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;} #selectOrder .order_addron .aui-iconfont {font-size: 0.8rem;} #selectOrder .order_addron .c {width: 84%;margin: 0 auto;color: #000;font-size: 0.7rem;} #selectOrder .order_addron .c p:first-child {color: #000;margin-bottom: 0.2rem} #selectOrder .order_addron .c #name {margin-right: 0.4rem;} #selectOrder .order_addron .c #moreaddron {margin-left: 0.2rem;color: #757575;} #selectOrder .order_content {margin-top: 15px;background-color: #fff;padding: .5rem .75rem;} #selectOrder .order_content .shoplist li {display: flex;padding: .5rem 0;} #selectOrder .order_content .shoplist li .l {width: 4rem;height: 4rem;margin-right: 0.4rem;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: 100% auto;} #selectOrder .order_content .shoplist li .l img {width: 100%;height: auto;display: block;} #selectOrder .order_content .shoplist li .r {width: calc(100% - 4.4rem);} #selectOrder .order_content .shoplist li .r .shop-title {width: 100%;font-size: 0.7rem;color: #000;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} #selectOrder .order_content .shoplist li .r .type{font-size: .7rem;color: #797979;background-color: #f6f6f6;padding: .2rem .4rem;line-height: 1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;box-sizing: border-box;max-width: 100%;} #selectOrder .order_content .shoplist li .r .shop-num {width: calc(100% - 80%);float: right;text-align: right;} #selectOrder .order_content .shoplist li .r .shopinfo{display: flex;align-items: center;justify-content: space-between;} #selectOrder .order_content .shoplist li .r .shopinfo .pri{color: #ff0000;font-size: .7rem;} #selectOrder .order_content .shoplist li .r .shopinfo .pri:before{content: '￥';} #selectOrder .order_content .shoplist li .r .shopinfo .num{font-size: .7rem;color: #a1a1a1;} #selectOrder .order_content .shoplist li .r .shopinfo .num:before{content: 'x';margin-right: .2rem;} #selectOrder .order_content .PRI {text-align: right;padding: 10px 0;font-size: .7rem;color: #333;} #selectOrder .order_content .PRI #Allprice{color: #ff0000;font-weight: 500;} #selectOrder .order_content .PRI #Allprice:before{content: '￥';} #selectOrder .order_content .jifen{width: 100%;font-size: .7rem;} #selectOrder .order_content .jifen .set{display: flex;align-items: center;justify-content: space-between;} #selectOrder .order_content .jifen .set input{border-radius: 100%;overflow: hidden;} #selectOrder .order_content .jifen .set input:checked{background-color: #37a6d4;border-color: #37a6d4;} #selectOrder .order_content .jifen .jifeninfo{display: flex;align-items: center;line-height: 1rem;display: none;} #selectOrder .order_content .jifen .jifeninfo input{height: 1.2rem;width: 20%;margin: 0 .5rem;text-align:left;box-sizing: border-box;} #selectOrder .order_content .jifen .jifeninfo input:first-child{border: 0.1em solid #f5f5f5;padding: .1rem .3rem;border-radius: .3rem;} #selectOrder .shopd_text {width: 100%;background-color: #fff;margin-top: 15px;padding: .5rem .75rem;display: flex;font-size: .7rem;} #selectOrder .shopd_text .l {margin-right: 0.5rem} #selectOrder .shopd_text .r {flex-grow: 1;} #selectOrder .shopd_text .r textarea{height: auto;font-size: .7rem;} #selectOrder .order_info {width: 100%;background-color: #fff;margin-top: 15px;margin-bottom: 3rem;font-size: .7rem;padding: 0 .75rem;} #selectOrder .order_info ul li {padding: 0.5rem 0;display: flex;justify-content: space-between;align-items: center;} #selectOrder .order_info ul li:first-child {border-bottom: 0.005rem solid #f1f1f1;} #selectOrder .order_info ul li #xiaoji,#selectOrder .order_info ul li #youfei{color: #ff0000;} #selectOrder .order_info ul li #xiaoji:before,#selectOrder .order_info ul li #youfei:before{content: '￥';} #selectOrder #btnbox {width: 100%;background-color: #fff;position: fixed;bottom: 0;left: 0;} #selectOrder #btnbox .l {width: 70%;text-align: right;height: 100%;padding-right: 0.5rem} #selectOrder #btnbox .l #zongji{color: #ff0000;font-size: .8rem;font-weight: 500;} #selectOrder #btnbox .l #zongji:before{content: '￥';} #selectOrder #btnbox .r {width: calc(100% - 70%);background-color: #37a6d4;color: #fff;text-align: center;height: 100%;outline: none;border: none;border-radius: 0;font-size: .8rem;} #selectOrder #btnbox .r:active{background-color: #37a6d4;} #invoice_info{width: 100vw;} #invoice_info .title{font-size: .8rem;color: #333;margin: .75rem .5rem;} #invoice_info ul{background-color: #fff;width: 100%;} #invoice_info ul li{border-bottom: 0.02em solid #e5e5e5;display: flex;align-items: center;padding: .5rem .75rem;box-sizing: border-box;} #invoice_info ul li .title{margin: 0;display: block;font-size: .7rem;color: #333;width: 20%;line-height: 2rem;} #invoice_info ul li .r{display: flex;align-content: center;justify-content: space-between;width: calc(100% - 20% - 10px)} #invoice_info ul li .r span{font-size: .7rem;line-height: 2rem;} #invoice_info ul li .r span input[type=radio]{margin-right: .3rem;line-height: 2rem;margin: calc((2rem - 1.2rem) /2);} #invoice_info ul li .r span input[type=radio]:checked{background-color: #37a6d4;border-color: #37a6d4;} #invoice_info ul li .r input[type=text],#invoice_info ul li .r input[type=number]{height: auto;line-height: 2rem;font-size: .8rem;color: #333;} #invoice_info #shopInfo{margin-top: .75rem;margin-bottom: 3rem;} #invoice_info #shopInfo li{display: block;} #invoice_info #shopInfo li p{font-size: .7rem;color: #333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #invoice_info #shopInfo li span{font-size: .75rem;color: #333;} #invoice_info #shopInfo li span.pri:after{content: '元';margin-left: .1rem;} #invoice_detail{width: 100vw;padding-bottom: 4rem;} #invoice_detail h2.title{margin: .75rem;font-size: .8rem;} #invoice_detail ul{width: 100%;background-color: #fff;} #invoice_detail ul li{width: 100%;padding: .5rem .75rem;box-sizing: border-box;font-size: .7rem;border-bottom: 0.02em solid #e6e6e6;display: flex;align-items: center;} #invoice_detail ul li:last-child{border-bottom: none;} #invoice_detail ul li span.title{margin-bottom: 0;line-height: 1.6rem;margin-right: .5rem;width: 20%;color: #797979;font-size: .7rem;} #invoice_detail ul li span.content{font-size: .7rem;color: #333;} #invoice_detail ul li span.pri{color: #37a6d4;} #invoice_detail ul li span.pri:after{content: '元';margin-left: .3rem;color: #333;} #invoice_detail ul.voList li{display: block;} #invoice_detail ul.voList li .title{font-size: .7rem;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} #invoice_detail ul.voList li .info{display: flex;align-items: center;justify-content: space-between;} #invoice_detail ul.voList li .info .num:before{content: 'x';margin-right: .2rem;} #assess{width: 100vw;background-color: #fff;position: fixed;bottom: 0;padding: .5rem .75rem;border-top-left-radius: 1rem;border-top-right-radius: 1rem;text-align: center;display:none;} #assess .title{text-align: center;display: block;font-size: .9rem;color: #333;position: relative;} #assess .title .closebtn{width: 1.4rem;height: 1.4rem;display: inline-block;position: absolute;right: 0;line-height: 1.4rem;font-weight: bold;} #assess .starbox{display: flex;align-items: center;justify-content: center;} #assess .starbox i{margin:.2rem .5rem;font-size: 1rem;color: #797979} #assess .starbox i.icon-star1{color: #ffd149} #assess .label{display: none;} #assess .labelname{display: block;margin: .5rem auto;text-align: center;font-size: .8rem;} #assess .label .title{font-size: .7rem;position: relative;text-align: center;} #assess .label .title:before{content:'';width: 35%;height: 2px;background-color: #f6f6f6;display: inline-block;line-height: .7rem;margin-right: .5rem;position: absolute;left: 0;top: calc(50% - 1px);} #assess .label .title:after{content:'';width: 35%;height: 2px;background-color: #f6f6f6;display: inline-block;line-height: .7rem;margin-left: .5rem;position: absolute;right: 0;top: calc(50% - 1px);} #assess .label ul{display: flex;align-items: center;flex-wrap: wrap;} #assess .label ul li{border: 0.03em solid #999;margin-right: .5rem;padding: .3rem .4rem;margin-bottom: .5rem;color: #333;border-radius: .5rem;font-size: .7rem;} #assess .label ul li.ac{border-color: #37a6d4;color: #37a6d4;} #assess .label ul li:last-child{margin-right: 0;} #assess textarea{height: auto;border: 0.05em solid #e6e6e6;font-size: .7rem;color: #333;padding: .2rem;margin: .5rem 0;} #assess button{width: 100%;height: 2rem;border: none;background-color: #37a6d4;color: #fff;text-align: center;line-height: 2rem;margin-bottom: .25rem;} #assess button:active{background-color: #37a6d4;} #shop_assess{width: 100vw;margin-bottom: 3rem;margin-top:2.18rem;} #shop_assess ul{width: 100%;background-color: #fff;padding: .5rem .75rem;} #shop_assess ul li{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: .5rem;} #shop_assess ul li img{width: 4rem;height: 4rem;margin-right: .5rem;} #shop_assess ul li .r{width: calc(100% - 4.5rem);height: auto;display: flex;flex-direction: column;justify-content: space-between;font-size: .7rem;} #shop_assess ul li .r .name{font-size: .7rem;color: #333;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .2rem;} #shop_assess ul li .r .type{font-size: .65rem;color: #999;text-align: left;text-overflow: ellipsis;display: block;white-space: nowrap;overflow: hidden;} #shop_assess ul li .r .pribox{font-size: .7rem;} #shop_assess ul li .r .pribox .pri{color: #ff0000;} #shop_assess ul li .r .pribox .pri:before{content: '￥';margin-right: -2px;} #shop_assess ul li .r .pribox .num{float: right;} #shop_assess ul li .r .pribox .num:before{content: 'x';} #shop_assess #pl{width: 100%;background-color: #fff;padding: .5rem .75rem;box-sizing: border-box;margin-top: .5rem;} #shop_assess #pl .starbox{display: flex;align-items: center;margin-bottom: .5rem;} #shop_assess #pl .starbox i.icon-star1{color: #ffd149;} #shop_assess #pl .starbox span{margin-right: .5rem;} #shop_assess #pl textarea{height: auto;border: 0.05em solid #e6e6e6;margin-bottom: .5rem;border-radius: .3rem;padding: .5rem;font-size: .7rem;color: #333;} .jifens{background:red;color:white;border-radius:3px;padding-left:2px;padding-right:2px;} #shop_assess #pls{width: 100%;background-color: #fff;padding: .5rem .75rem;box-sizing: border-box;margin-top: .5rem;} #shop_assess #pls .starbox{display: flex;align-items: center;margin-bottom: .5rem;} #shop_assess #pls .starbox i.icon-star1{color: #ffd149;} #shop_assess #pls .starbox span{margin-right: .5rem;} #shop_assess #pls textarea{height: auto;border: 0.05em solid #e6e6e6;margin-bottom: .5rem;border-radius: .3rem;padding: .5rem;font-size: .7rem;color: #333;} /*秒杀商品*/ #spikeShop{position:absolute;width:100vw;} #spikeShop .backhb{width: 100%;overflow: hidden;background-color: #333;} #spikeShop .backhb img{width: 100%;} #spikeShop .tar{z-index:1;} #spikeShop .tar img{width: 100%;} #spikeShop .shopList{width: 100%; margin-bottom: 2.18rem;border-top: 0.01rem solid #e6e6e6;} #spikeShop .shopList ul{width: 100%;background-color: #fff;padding: .5rem .5rem;} #spikeShop .shopList ul li{position: relative;height: 7.5rem;padding: .125rem 0rem;} #spikeShop .shopList .shopimg{width: 35%;height: 100%;display: inline-block;float:left;border-radius: .2rem;overflow: hidden;} #spikeShop .shopList .shopimg img{width: 100%;} #spikeShop .shopList .shopinfo{width: 65%;float:left;height:100%;border-bottom:0.005rem solid #e6e6e6;padding: .3rem 0 0 .3rem;} #spikeShop .shopList .shopinfo h5{color:#000000;font-family: "微软雅黑", sans-serif} #spikeShop .shopList .shopinfo span{font-size:.6rem;color:#f8ad09;} #spikeShop .shopList .shopinfo .shopbrn{position: absolute;bottom:.2rem;} #spikeShop .shopList .shopinfo .shopbrn span{color:#ff2600;font-size:14px;bottom: -1.2rem;} #spikeShop .shopList .shopinfo .shopbrn .pris{font-size:20px;font-weight:700;font-family: arial,sans-serif;} #spikeShop .shopList .shopinfo .shopbrn img{width:32%;float:right;margin-right:4px;} #spikeShop .shopList .shopinfo .shopbrn .ori_price{position: absolute;bottom: .29rem;top:-15px;font-size: .6rem;color: #9c9c9c;} #spikeShop .progress{display: inline-block;-webkit-box-align: center;margin-top:8px;align-items: center;float:left;} #spikeShop .tars{position: relative;width: 5.29rem!important;height: .62rem;margin: auto;background-color: #f2aba9;border-radius: .4rem;} #spikeShop .tars_red{overflow: hidden;display:block;background-color: #e02e24;height: 100%;border-radius: inherit;} #spikeShop .tars .scale{width: 100%;height: 100%;color: #fff;text-align: center;margin-top:-7px;line-height: .14rem;font-size: .6rem;font-weight: 700;} #spikeShop .shopList .shopinfo .progress span{color:#999999;position: absolute;margin-top: -16px;margin-left: 5.5rem;} /*倒计时*/ .counttime{display:none;text-align: center;background-color:#fff;height: 1.4rem;} .counttime .content{background: #fdefee;border-radius: .03rem;padding:.2rem .3rem;color:#f50404;} .counttime .maohao{margin: 0 .02rem;} .counttime .botHours,.botMIn,.botSecond{background: #fdefee;border-radius: .02rem;height: 1.4rem;min-width: 1.4rem;line-height:1.4rem;font-size: .9rem;display: inline-block;color:#f50404;} #fixedtime{background-color:#fff;width:100%;text-align: center;height: 1.4rem;} #fixedtime .unshoot{background: rgba(0,0,0,.05);width:50%;font-size:.9rem;color: #989797;padding:.2rem 1rem;} /*预约时间*/ .time-box{display:inline-block;width: 100%;background-color: #fff;padding: 15px;box-sizing: border-box;margin-bottom: 10px;} .time-box h3{float:left;width:45%;line-height: 1.5rem;} .time-box .seltime{float:right;width:44%;} .time-box .seltime input{height:1.5rem;} /*便民生活*/ #life-banner{width: 100vw;background-color: #fff;margin-top:2rem;box-sizing: border-box;} #life-banner .swiper-container{width: 100%;height:auto;} #life-list{width: 100vw;background-color: #fff;padding: 0.2rem .7rem 0.5rem 0.7rem;box-sizing: border-box;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;margin-top: 0.7rem;} #life-list .f0-list-item{width: 20%;font-size: .7rem;text-align: center;color: #333;} #life-list .f0-list-item img{width: 58px;height: 58px;margin: .5rem auto;} #life-from{width: 100vw;padding:.7rem;background-color: #fff;box-sizing: border-box;margin-top: 0.7rem;margin-bottom: .5rem;} #life-from .life-info{padding:0.3rem 0.7rem 0.3rem 0.7rem;} #life-from .doorno{text-indent:4px;border:2px solid #e1e1e1;border-radius:8px;width:100%;height:2rem;} #life-from .life-history{margin:-1.5rem 0.4rem;width:0.9rem;} #life-from .life-arrow{margin:-1.5rem 0.4rem;width:0.9rem;} #life-from .company{text-indent:3px;border:2px solid #e1e1e1;border-radius:8px;width:100%;height:2rem;} #life-from .life-basic{display:block;font-size:14px;color:#c9c9c9;text-align:center;margin-top:25%;} #life-from .life-search{width:100%;padding:0 0.7rem 0 0.7rem;margin-top:1%;} #life-from .life-search button{height: 2rem;background-color: #37a6d4;color: #fff;line-height: 2rem;width: 100%;border: none;font-size: .8rem;text-align: center;} #life-from .life-search button:active{background-color: #37a6d4;} .life-success{margin-top:4.4rem;text-align:center;} .life-success img{width:26%;height:auto;text-align:center;margin:0 auto;} .life-success span{font-size:1.1rem;font-weight: 700;margin-top: 5px;display: inline-block;} .life-success span.money{font-size:1.7rem;} .life-bottom{display:block;font-size:14px;color:#c9c9c9;text-align:center;margin-top:55%;} #life-recharge{margin-top:0.7rem;width: 100vw;box-sizing: border-box;margin-bottom: .5rem;} #life-recharge .life-phone{display:block;width:100vw;line-height:2.18rem;padding:0rem 1.4rem;background-color:#fff;font-size:14px;color:#c9c9c9;margin-bottom: 0.7rem;} #life-recharge .life-phone .phone{text-indent:3px;width:100%;} #life-recharge .life-money{padding:0.7rem;background-color:#fff;} #life-recharge .life-money ul{padding:0.3rem 0.7rem;display:flex;align-items: center;justify-content:space-between;flex-wrap:wrap;} #life-recharge .life-money ul li{width:23%;font-size:18px;border:1px solid #c9c9c9;text-align:center;line-height:2.18rem;border-radius: 8px;} #life-recharge .life-money .life-basic{display:block;font-size:14px;color:#c9c9c9;text-align:center;margin-top:25%;} #life-recharge .life-money .life-btn{width:100%;padding:0 0.7rem 0 0.7rem;margin-top:10%;} #life-recharge .life-money .life-btn button{height: 2rem;background-color: #37a6d4;color: #fff;line-height: 2rem;width: 100%;border: none;font-size: .8rem;text-align: center;} #life-recharge .life-money .life-btn button:active{background-color: #37a6d4;} #life-title{margin-top:2.18rem;width:100vw;background:#fff;padding:0.3rem 0.7rem;padding-left: 0.3rem;} #life-title .life-icon{display:inline-block;white-space:nowrap;vertical-align: middle;} #life-title .life-icon img{height:1.8rem;} #life-title .life-icon span{margin-top: -1.6rem;line-height: 1.6rem;display: block;float: left;margin-left: 91%;} #life-title .life-balance{float:right;line-height:1.8rem;} #life-title .life-balance span{color:#737272;font-size:16px;} #life-detail{width: 100vw;padding:0.3rem 0.7rem;background-color: #fff;box-sizing: border-box;margin-top: 0.5rem;margin-bottom: .5rem;} #life-detail p{padding:0.3rem 0rem;} #life-detail .cost{color:#fc0404;font-weight:600;} #life-price {background:#fff;padding:0.7rem;padding-bottom:0.3rem;} #life-price ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} #life-price ul li{width: 31%;font-size: 15px;border: 1px solid #c9c9c9;color: #757575;text-align: center;line-height: 1.6rem;border-radius: 6px;margin-bottom:0.3rem;} .life-pay{width:100%;padding:0 0.7rem 0 0.7rem;margin-top:10%;} .life-pay button{height: 2rem;background-color: #37a6d4;color: #fff;line-height: 2rem;width: 100%;border: none;font-size: .8rem;text-align: center;} #life-payrecord {margin-top:7%;background:#fff;padding:0.7rem;} #life-payrecord p{border-radius:8px;line-height:2.8rem;margin-bottom:0.8rem;padding:0rem 0.3rem;box-shadow:0px 3px 9px 1px rgba(0,0,0,0.2);} #life-problem{margin-top:2.2rem;background:#fff;width:100vw;height:30rem;} #life-problem .pro{padding:1rem 0.7rem;} #life-problem .pro h3{margin-left:27px;margin-top:-2px;font-weight: 600;} /*全民砍价*/ .barbg img{width:100%;margin-top: 2.18rem;} #bargain{position:relative;width:100%;background:#f5fefe;margin-top:-9rem;padding:18px 15px;border-radius: 10px;} #bargain .servtle{text-align: center;display: flex;justify-content: center;} #bargain .servtle span{position:absolute;margin-top: -9%;font-size: 20px;color: #df2637;font-weight: 700;letter-spacing: 4px;} #bargain .servtle img{width: 60%;margin-top: -13%;margin-bottom: 3%;} #bargain .after-pri {width: 60%;margin-top: -12%;margin-left: 15%;color: #fff;} #bargain ul li{position:relative;width:100%;height:120px;border-radius: 10px;overflow: hidden;margin-bottom:0.8rem;box-shadow: 0px 2px 7px 2px rgb(0 0 0 / 38%);} #bargain ul li img{width:100%;height:100%;} #bargain ul li .binfo{position:absolute;margin-top:-5rem;right:-0.1rem;width:20%;overflow: hidden;text-align:center;} #bargain ul li .binfo span{line-height:3rem;color:#fff;text-align:center;} #bargain ul li .binfo img{width:80%;height:auto;margin-top:1rem;margin-left:8px;} #barArea{width:100%;margin-top:-3rem;font-size:16px;} #barArea li{display:inline-block;position:relative;width:100%;padding:10px;border-radius: 10px;margin-bottom:1.5rem;box-shadow: 0px 0px 6px 4px rgba(255,255,255,0.6);} #barArea li img{float:left;width:31%;height:99px;border-radius: 6px;} #barArea li .bartle{position:relative;float: left;width: 33%;height:99px;} #barArea li .bartle span{margin-left:5px;float:left;color:#fff;} #barArea li .bartle .af_pri{position:absolute;left:0px;font-size:14px;margin-top:39px;} #barArea li .bartle .bar_specs{position: absolute;bottom: 0px;left: 0px;} #barArea li .barbtn{float:left;display:inline-block;width:36%;height:100%} #barArea li .barbtn span{font-size:14px;color:#fff;margin-left:5px;} #barArea li .barbtn img{width:22%;height:auto;position:absolute;right:5px;bottom:6px;} #mybargainList {width: 100vw;box-sizing: border-box;margin-top:2.2rem;} #mybargainList li{width: 100%;padding: 15px;border-radius: 10px;background-color: #fff;margin-bottom: 10px;box-sizing: border-box;} #mybargainList li .bar-servimg{float:left;width:30%;margin-bottom:8px;height:98px;} #mybargainList li .mybarg-info{float:left;width: 70%;margin-bottom: 10px;} #mybargainList li .mybarg-info .tle{margin-left:8px;} #mybargainList li .mybarg-info .orig-pri{float:right;} #mybargainList li .mybarg-info .bar-pri{display:block;margin-left:8px;margin-top:16%;} #mybargainList li .opt{border-top: 1px solid #dbd8d8;display: flex;width:100%;} #mybargainList li .opt .time{margin-top: 10px;font-size:15px;} #mybargainList li .opt .tobar, .toOrder{position:absolute;right:18px;background-color: #fff;outline: none;border: .1em solid #37a6d4;line-height: 1.5rem;font-size: .7rem;box-sizing: border-box;color: #37a6d4;height: auto;padding: 0 .5rem;margin-top:8px;} #mybargainList li .opt .ended{position:absolute;right:18px;background-color: #fff;outline: none;border: .1em solid #9d9d9d;line-height: 1.5rem;font-size: .7rem;box-sizing: border-box;color:#9d9d9d;height: auto;padding: 0 .5rem;margin-top:8px;} /*首页砍价*/ #myfriBargain{display:none;width:100%;height:920px;position:fixed;background:rgba(0,0,0,0.5);z-index:9999;} #myfriBargain .barmsg{position: relative;top: 12%;text-align: center;} #myfriBargain .barmsg span{position: absolute;display: block;margin-top: 68%;z-index: 8;width: 100%;} #myfriBargain .yao{max-width:100%;position:relative;} #myfriBargain .barsuccinfo{width:100%;top:48%;left:43%;z-index:8;text-align:center;} #myfriBargain .barsuccess{max-width:100%;position:relative;} #myfriBargain .cacelBar{position:relative;width:35px;display:initial;}