body,ul,ul li,ul ol,h1,h2,h3,h4,h5,h6,img,a,p,input,em,i{ margin: 0px; list-style: none; font: 12px/1.5 '微软雅黑',arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; border: 0px; font-size: 12px; font-style: normal; font-weight: normal;font-style:normal; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;-webkit-overflow-scrolling:touch;}  

a{text-decoration:none;}

a:hover{text-decoration:none;background: transparent}

input,textarea{outline:medium;}

li{list-style: none;}



/* 废液回收人员 */

.top-title{width: 100%;text-align: center;color: #fff;

    background: linear-gradient(to right,#4470e5,#5e8af5);

}

.top-title h3{line-height: 0.76rem;font-size: 0.32rem;letter-spacing: 1px}

.banner{width: 92%;margin: 26px auto;box-shadow: 0 0.1rem 0.12rem #dfdfdf}

.banner img{width: 100%}

.menu{overflow: hidden;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef}

.menu li{float: left;width: 33.3%;box-sizing: border-box;text-align: center;padding: 0.36rem 0;border-right: 1px solid #efefef}

.menu li:nth-of-type(3n){border-right: none}

.menu li:first-of-type,.menu li:nth-of-type(2),.menu li:nth-of-type(3){border-bottom: 1px solid #efefef}

.menu li img{width: 30%;}

.menu li p{color: #333;margin-top: 0.3rem;font-size: 0.3rem}



.footer-menu{width: 100%;position: fixed;bottom: 0;left: 0;overflow: hidden;padding: 0;margin: 0;border-top: 1px solid #dfdfdf;padding: 0.2rem 0 0.08rem 0;background: #fff}

.footer-menu li{float: left;width: 33.3%;text-align: center;}

.footer-menu li img{width: 12%}

.footer-menu li p{color: #333;font-size: 0.22rem;line-height: 0.48rem}



.foot-select{}

.foot-select p{color: #579efc}



.detail{background: url("../img/detailbg.jpg")no-repeat;background-size: 100%;width: 100%;height: 80%;position: relative}



.box{width: 50%;height:100px;margin: 0px auto;margin-bottom: 0;border-radius:50%;overflow: hidden;position: relative;box-sizing: border-box;top: 20.6%;background: #fff;box-shadow: 0 0 0.32rem #3a62e4;}

.box:before{content: '';width: 180px;height: 257px;position: absolute;left: 10px;top: 10px;}

.wave{margin-top: 0px;width: 100%;height: 100%;position: relative;overflow: hidden;z-index: 2;}

.parallax>use {animation: wave-move 1s linear infinite;animation-duration: 3s;}

.parallax>use:nth-child(1) {animation-delay: -.2s;}

.parallax>use:nth-child(2) {animation-delay: -1.2s;}

.addfloor{display: block;margin: 0 auto}

@keyframes wave-move {

    0% {

    transform: translate(95px,0);

    }

    100% {

    transform: translate(-90px,0);

    }

}

/* .text p img{width: 22px;} */

.rltext{position: absolute;bottom: 10%;left: 50%;transform: translateX(-50%);z-index: 888;font-size: 22px;color: #333;}



.detail .text{position: absolute;bottom: 0;left: 50%;color: #fff;text-align: center;transform: translateX(-50%);width: 70%}

.detail .text p{font-size: 0.38rem;line-height: 1.2rem}

.detail .text span{display: block;border-top: 1px solid #fff;width: 100%}



.detail-bottom-menu{overflow: hidden;padding: 0.56rem 0;box-sizing: border-box}

.detail-bottom-menu li{float: left;width:33.3%;border-right: 1px solid #e2e2e2;text-align: center;box-sizing: border-box}

.detail-bottom-menu li:last-of-type{border-right: 0}

.detail-bottom-menu li img{width: 28%}

.detail-bottom-menu li p{color: #333;margin-top: 0.2rem}



.login-input{margin-top: 46%}

.login-input div i{font-size: 0.46rem;line-height:1rem;float: left;color: #579efc}

.login-input div.account i{font-size: 0.56rem;}

.login-input div {border-bottom: 1px solid #dfdfdf;overflow: hidden;margin-top: 0.3rem}

.login-input form{width: 64%;margin: 0 auto}

.login-input div input{line-height: 1rem;float: left;box-sizing: border-box;width: 90%;text-align: center;font-size: 0.32rem;color: #333;letter-spacing: 1px;}

.login-input .btn{width: 100%;margin: 0 auto;display: inline-block;line-height: 0.8rem;color: #fff;text-align: center;background: #579efc;border-radius: 0.1rem;margin-top: 1.6rem;font-size: 0.28rem}



.mescroll{

    position: fixed;

    top: 44px;

    bottom: 0;

    height: auto;

}



.lablist li{display: flex;

    flex-wrap: wrap;

    margin-top: 0.32rem;box-shadow: 0 0rem 0.16rem #e2e2e2;box-sizing: border-box;padding: 0.2rem 0.28rem}

.lablist .left-address img{width: 12%;float:left;margin-top: 0.14rem}

.lablist .left-address p{line-height: 0.6rem}

.lablist .right-data img{width: 14%;float:left;margin-top: 0.1rem}

.lablist li span{float: left;margin-left: 0.06rem;font-size: 0.28rem;line-height: 0.6r4em}

/* .lablist li img{float: left;margin: 0.06rem} */

.lablist li p{

    /*overflow: hidden;*/

    line-height: 0.46rem}

.lablist,.recycle-list {box-sizing: border-box;padding: 0 0.3rem}



.recycle-list li{box-sizing: border-box;padding: 0.2rem 0.28rem}

.recycle-list li .bottom{overflow: hidden;display: flex;flex-wrap: nowrap;background: #f6fafd;border-radius: 0.05rem;box-sizing: border-box;padding: 0.16rem 0.2rem;margin-top: 0.16rem}

.recycle-list li .bottom p{color: #333;font-size: 0.26rem}

.recycle-list li .bottom p span:first-of-type,.recycle-list li .middle p span:first-of-type{color: #777}

.recycle-list li .bottom p:first-of-type{text-align: left;width:36%}

.recycle-list li .bottom p:last-of-type{text-align: right;width:64%}

.recycle-list li .middle p{color: #333;font-size: 0.28rem;line-height: 0.46rem}

.recycle-list li .top{overflow: hidden;border-bottom: 1px solid #f3eff3;box-sizing: border-box;padding: 0.18rem 0;margin-bottom: 0.14rem}

.recycle-list li .top span{font-size: 0.27rem;}

.recycle-list li .top span:first-of-type{float: left;color: #fff;background: #579efc;padding: 0 0.08rem;border-radius: 0.04rem}

.recycle-list li .top span:last-of-type{float: right;color: #777}

.recycle-list li .block{background: #f7f4f8;width: 100%;height: 0.13rem;margin-top: 0.26rem}





.detail-btn,.sh-btn{width: 100%;border-top: 1px solid #f3eff3;margin-top: 0.08rem;text-align: right}

.detail-btn a,.sh-btn a{display: inline-block;color: #579efc;border: 1px solid #579efc;border-radius: 0.05rem;line-height: 0.48rem;padding: 0 0.14rem;margin-top: 0.22rem}



.shlist{box-sizing: border-box;padding: 0 0.3rem;width: 100%}

.shlist li{margin-top: 0.22rem;border-radius: 0.06rem;box-shadow: 0 0rem 0.16rem #e2e2e2;box-sizing: border-box;padding: 0.2rem 0.28rem;width: 100% }

.shlist li .sh-info p{line-height: 0.46rem;color: #333;font-size:0.26rem }

.shlist li .sh-info p span:first-of-type{color: #777}



.loading{color: #579efc}

.success{color:#0dbb80 }

.fail{color:#ff3d00 }



.monitorlist{overflow: hidden;box-sizing: border-box;padding: 0 0.3rem;padding-bottom: 0.4rem}

.monitorlist li{float: left;width:47%;margin-right: 6%;border-radius: 0.06rem;box-sizing: border-box;padding: 0.26rem 0.3rem;box-shadow: 0 0 0.08rem #cecece;overflow: hidden;margin-top: 0.34rem}

.monitorlist li:nth-of-type(2n){margin-right: 0}

.monitorlist li .left-info{float: left;width: 66%;font-size: 0.26rem;color: #333}

.monitorlist li .left-info p{line-height: 0.38rem;font-size: 0.2rem}   

.monitorlist li .left-info span{display: inline-block;width: 100%;background: #eef7fe;border-radius:0.6rem;color: #2f82fa;text-align: center;font-size: 0.24rem;margin-bottom: 0.1rem;padding: 0.04rem 0}

.monitorlist li .right-img{float: right;width: 30%;text-align: center;position: relative}

.monitorlist li .right-img img{width: 80%;margin-top: 40%}

.monitorlist li .right-img .capacity{width: 66%;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: -1;border-radius: 0 0 0.1rem 0.12rem}

.green{background: #2bc58d;}

.blue{background: #88beff;}

.red{background: #fd8563;}



.select-frame{display: none;width: 100%;box-sizing: border-box;padding: 0 0.3rem;border-radius: 0.2rem 0.2rem 0 0;background: #fff;position: absolute;bottom: -80%;left: 0;height: 80%;z-index: 11;transition: 1s}

.type-frame{display: none;width: 100%;box-sizing: border-box;padding: 0 0.3rem;border-radius: 0.2rem 0.2rem 0 0;background: #fff;position: absolute;bottom: -40%;left: 0;height: 40%;z-index: 11;transition: 1s;overflow-y: scroll}

.select-frame .select-title,.type-frame .select-title{display: flex;justify-content : space-between;align-items : center; }

.select-frame .select-title h3,.type-frame .select-title h3{width: 100%;text-align: center;color: #333;font-size:0.28rem;line-height: 0.68rem;letter-spacing: 1px}

.select-frame .select-title img,.type-frame .select-title img{width: 3.2%;height: auto}

.select-mask{position: absolute;top: 0;left: 0;background:#666;opacity: 0.6;z-index: 10;width: 100%;height: 100%;display: none}

.select-frame .content p,.type-frame p{color: #999;font-size: 0.24rem;line-height: 0.6rem;margin-top: 0.12rem}

.select-frame .content .selected-type{background: #fbfbfb;box-sizing: border-box;padding: 0 0.2rem;display: flex;justify-content : space-between;align-items : center; }

.select-frame .content .selected-type span{color: #333;line-height: 0.72rem;display: inline-block;padding: 0 0.18rem;font-size: 0.25rem;}

.select-frame .content .selected-type input{width: 14%;outline: none;background: #fff;text-align: center;line-height: 0.6rem}

.select-frame .content ul li,.type-frame  ul li{line-height: 0.82rem;font-size: 0.25rem;color: #333}

.select-frame .content ul,.type-frame ul{padding: 0 0.3rem;box-sizing: border-box;}



.select-frame .select-btn{width: 92%;color: #fff;background: #579efc;text-align: center;line-height: 0.66rem;display: inline-block;border-radius: 0.1rem;font-size: 0.25rem;letter-spacing: 1px;position: absolute;bottom:0.5rem}

.add-hx a{width: 50%;color: #fff;background: #579efc;text-align: center;line-height: 0.56rem;display: inline-block;border-radius: 0.1rem;font-size: 0.25rem;letter-spacing: 1px;margin-top: 0.36rem}

.ask{box-sizing: border-box;padding: 0 0.3rem;margin-bottom: 0.52rem}

.ask .hx-type,.ask .battel{width: 100%;margin-top: 0.36rem;border-radius: 0.1rem;box-shadow: 0 0.06rem 0.2rem #e0e0e0;box-sizing: border-box;padding: 0.28rem 0.3rem;height:4.9rem;overflow-y: scroll;}

.ask .hx-type .title,.ask .battel .title{color: #333;font-size: 0.26rem;border-bottom: 1px solid #efefef;padding-bottom: 0.2rem}

.hx-type input{width: 0.46rem;margin: 0 0.16rem;text-align: center;}

.hx-type .title{width: 100%}

.hx-type li{float: left;margin-top: 0.22rem;border: 1px solid #579efc;border-radius: 0.05rem;padding: 0 0.16rem;margin-right: 0.3rem;color: #579efc;font-size: 0.26rem;line-height: 0.42rem}

.hx-type li i{margin-left: 0.1rem}



.add-type label,.input-hx label{color: #333;font-size: 0.26rem}

.add-type p{border: 1px solid #579efc;border-radius: 0.08rem;padding: 0 0.2rem;line-height: 0.52rem}

.add-type {margin-top: 0.36rem;line-height: 0.52rem}

.add-type input,.input-hx input{width: 24%;border: 1px solid #579efc;border-radius: 0.08rem;line-height: 0.52rem;text-align: center}

.add-type ,.input-hx{display: flex;justify-content : space-between;align-items : center; }

.add-type .add-type-btn,.input-hx .add-type-btn{background: #579efc;color: #fff;border-radius: 0.08rem;padding: 0 0.2rem;line-height: 0.52rem}

.input-hx{margin-top: 0.26rem}





.ask .battel li{float: left;width: 20%;margin-right: 5.2%;margin-top: 0.36rem;text-align: center;position: relative;}

.ask .battel li:nth-of-type(4n){margin-right: 0}

.ask .battel li img{width: 70%}

.ask .battel li p{margin-top: 0.16rem}

.ask .battel li i{position: absolute;top: 38%;left: 50%;transform: translate(-50%,-50%);background: #579efc;color: #fff;display: inline-block;width: 0.42rem;height: 0.42rem;border-radius: 50%;line-height: 0.42rem;text-align: center}



.top{margin-top: 0.3rem}

.submit-btn{background: #579efc;color: #fff;border-radius: 0.08rem;line-height: 0.62rem;display: block;width: 92%;text-align: center;position: fixed;bottom: 0.36rem;left: 0.3rem}





.shinfo .top,.shinfo .bottom,.shinfo .shdeatil{width: 100%;margin-top: 0.36rem;border-radius: 0.1rem;box-shadow: 0 0.06rem 0.2rem #e0e0e0;box-sizing: border-box;padding: 0.28rem 0.3rem;height:38%;overflow: hidden;}

.shinfo .title{color: #333;font-size: 0.26rem;border-bottom: 1px solid #efefef;padding-bottom: 0.2rem}

.shinfo .top li{float: left;margin-top: 0.22rem;border: 1px solid #579efc;border-radius: 0.05rem;padding: 0 0.16rem;margin-right: 0.3rem;color: #579efc;font-size: 0.26rem;line-height: 0.42rem}

.shinfo .top li span:first-of-type{margin-right: 0.1rem;display: inline-block}

.shinfo .top ul{overflow: hidden}

.shinfo{box-sizing: border-box;width: 100%;padding: 0 0.3rem}



.shinfo .bottom li{float: left;width: 20%;margin-right: 5.2%;margin-top: 0.36rem;text-align: center;position: relative;}

.shinfo .bottom li:nth-of-type(4n){margin-right: 0}

.shinfo .bottom li img{width: 70%}

.shinfo .bottom li p{margin-top: 0.16rem}

.shinfo .bottom ul{overflow-y: scroll;height: 86%}

.shinfo .shdeatil{height: 20%;margin-bottom: 30px}



.shinfo .shtext{margin-top: 0.3rem;color: #333;font-size: 0.26rem;}

.shinfo .shtext i{margin-right: 0.2rem;color: #777}



.top-head{position: relative}

.top-head img.headbg{width: 100%;}

.top-head img.head-img{position: absolute;left:0.9rem;bottom:-0.1rem;width:1.3rem;box-shadow: 0 0 0.2rem #4470e5;border-radius: 50%}

.top-head p{position: absolute;left:0.6rem;bottom:-0.68rem;color: #333}

.top-head p span{display: inline-block;margin-right: 0.4rem;font-size: 0.3rem}

.top-head p span i{margin-right: 0.08rem}

.about-menu{margin-top: 1rem}

.about-menu,.set-info{box-sizing: border-box;padding: 0 0.3rem}

.about-menu img{width:0.42rem;line-height: 0.82rem;display: inline-block;vertical-align: middle;margin-right: 0.2rem}

.about-menu li{border-bottom: 1px solid #f5f5f5;line-height: 0.82rem;box-sizing: border-box;padding: 0 0.3rem}

.about-menu li span{color: #333;line-height: 0.92rem;display: inline-block;font-size: 0.3rem}

.about-menu li a{display: inline-block;line-height: 0.92rem;width: 100%}

.about-menu .top{margin-top: 0.64rem}

.about-menu .middle{margin: 0.36rem 0}

.about-menu div{border-radius: 0.1rem;box-shadow: 0 0 0.12rem #ededed;}

.about-menu li i{float: right;line-height: 0.82rem;font-size: 0.36rem}



.set-info label{font-size: 0.32rem;color: #333}

.set-info input[type="text"]{width: 80%;line-height: 0.72rem;font-size: 0.28rem;color: #666}

.set-info input[type="radio"]{font-size: 0.28rem;color: #666;margin-right: 0.1rem;width: 0.52rem;height: 0.32rem;float: left;margin-top: 0.18rem}

.set-info div{line-height: 0.72rem;margin-top: 0.2rem}

.set-info .setbtn{border: none;background: #579efc;width: 100%;border-radius: 0.12rem;color: #fff;line-height: 0.6rem;margin-top: 1.8rem}

.set-info section{float: left;overflow: hidden}

.set-info .select-type label{float: left}

.set-info .select-type span{float: left;line-height: 0.72rem;margin-right: 0.5rem;font-size: 0.28rem;color: #666}



.address{box-sizing: border-box;padding: 0 0.3rem;margin-top: 0.3rem;font-size: 0.3rem;color: #333}

.address i{margin-right: 0.12rem;color: #777}





.top-title{position: relative}

.top-title i{font-size: 0.46rem;position: absolute;top: 50%;transform: translateY(-50%);left: 0.3rem;color: #fff}