@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?aexwhq');
  src:  url('fonts/icomoon.eot?aexwhq#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?aexwhq') format('truetype'),
    url('fonts/icomoon.woff?aexwhq') format('woff'),
    url('fonts/icomoon.svg?aexwhq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline: none;
}
#register #templateId {
  position: absolute;
  top: 3.5rem;
  left: 0px;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-add:before {
  content: "\e90a";
}
.icon-the-right:before {
  content: "\e90b";
}
.icon-ball:before {
  content: "\e900";
}
.icon-house:before {
  content: "\e901";
}
.icon-house2:before {
  content: "\e902";
}
.icon-info:before {
  content: "\e903";
}
.icon-info2:before {
  content: "\e904";
}
.icon-info3:before {
  content: "\e905";
}
.icon-l-menu-btn:before {
  content: "\e906";
}
.icon-tel:before {
  content: "\e907";
}
.icon-top:before {
  content: "\e908";
}
.icon-user:before {
  content: "\e909";
}

/* **********以上是图标的样式********** */

*{margin:0;padding:0;box-sizing:border-box;}
ul,li,ol{list-style: none;}
h1,h2,h3,h4{font-weight:400;}
a{border:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;}
a:link,a:visited{text-decoration:none; color:#333;} 
html,body{height:100%;}
body{color:#444;font-size:.39rem;line-height: .62rem; }
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1;} 
.content{
  position: relative;
  left:0;
  margin-bottom:1rem;
}
.overflow{overflow-x: hidden;}

.nav-box{display: -webkit-flex;display: flex; width: 100%;height: 1.5rem; line-height: 1.5rem; border-top:1px solid #B2B2B2;border-bottom:1px solid #B2B2B2;background: url(../images/logo_top.png);}
.nav{width: 30%; height:100%; font-size: .36rem; text-align: center; }
.nav-center{width:40%;padding:0 8%;}
.nav:first-child{padding:.2rem 4%;text-align: left;}
.nav:last-child{background: url(../images/logo-right.png);color:#e8f7e8;}
.nav img{width:100%;margin-top: 0.28rem;} 
.nav span:nth-child(2){margin:10px 0;}
.reg-log{background: none!important;}
.banner{position: relative;}
.banner img{width:100%;}
.banner h1{position: absolute;font-size:.7rem;top:1.9rem;left:1rem;line-height: 1rem; color:#fff;}
.banner a{position: absolute;display: block;width:3rem;line-height:1rem; left:1rem;top:5.5rem;background: #fff;color:#0E7FBF;border-radius:1.2rem;text-align:center;font-size: .44rem;}
.advant{padding:26px 5%;margin-top: -.2rem;background: #EDEDED;}
.advant h3,.move h3,.model h3{color:#0e7fbf;font-size: .5rem;margin-bottom:14px;} 
.intro{text-align: center;}
.intro li{display: inline-block;width:31%;margin-bottom: 8px;}
.intro li:last-child{margin-left: .7rem;}
.intro img{width:70%;}
.intro span{display: block;text-align:center;margin:30px 0;font-size: .41rem;}
.intro h2{font-size: .39rem;}
.intro p{font-size: .3rem;}
.intro a{border-bottom: 1px dashed #666;color:#666;}
.model{position: relative; width:100%;box-shadow: 0 0 15px #D0D0D0;padding:.7rem 5% 1rem;margin:.6rem 0 .1rem;}
.m-sub{position: relative;overflow: hidden;padding:0 .1rem;}
.m-sub-l{width:42%; float:left;transition: 
  all .2s;}
.m-sub-l li{width:100%;box-shadow: 0 0 6px #CFCFCF;font-size: .39rem;color:#189A95;line-height: 1.1rem;margin-top:.3rem;padding:0 .4rem 0 .6rem;}
.m-sub-l span{font-size: .3rem;float:right;line-height: 1.1rem;}
.m-sub-r{width:47%;float:right;} 
.m-sub-r strong{display: block;font-size: .72rem;color:#000; margin: .6rem 0 .47rem;}
.m-sub-r span{display: block; font-size: .3rem;color:#757575;line-height: .52rem;}
.m-sub-r p{font-size: .39rem;color:#199A95;margin-top: .5rem;}
.m-content{position: absolute;right:0;top:0;width:55.6%;height:91.3%;background: #58AEDF;color:#fff;margin:.3rem 0;padding-bottom: .5rem; overflow: auto;display: none;}
.show{display: block;}
.select{background: #58AEDF;color:#fff!important;width:106%!important;}
.close{font-size: .7rem;position: absolute;z-index:1;right:.1rem;top:.3rem;color:#fff;}
.m-content h4{margin: .44rem .6rem 0;font-size: .43rem;}
.m-content p{font-size: .37rem;margin:.40rem .58rem 0;}
.mask{position: absolute;left:0;height:.13rem; background: #fff;width:100%;}
.mask2{position: absolute;right:0;bottom:.3rem;width:55.6%;height:.36rem;background: #58AEDF;z-index: 1;display: none;}
.slide{position: absolute;bottom: .4rem;left:2.4rem;color:#129792;}
.move{padding:26px 5%;}
.move p{width:50%;float:left;}
.move img{width:50%;margin-top: .5rem;}
.code{padding:0 5%;margin-bottom: 25px;}
.code li{float:left;text-align:center;width:25%;font-size: .29rem;margin:17px 13% 0 0;}
.code img{width:100%;}
.footer{background: #1F2325;padding:15px 3%;color:#9F9F9F;}
.tel>div>span{border:1px solid #606161;border-radius: 4px;width:100%;height:1rem;margin:.3rem 0;display: table;line-height: 1rem;}
.footer strong{color:#fff;}
.footer img{float:right;width:22%;margin-top: 4.5%;}
.footer p{margin:3px 0;}
.footer p:first-child{text-align: right;}
.footer p:last-child{font-size: .29rem;}
.tel{margin-bottom:12px;}
.tel div{float:left;width:66%}

.l-menu{position: absolute;width:80%;height:100%;left:-80%;z-index: 3;border-right: 2px solid #BFC0BF;background: #008C93;}
.l-menu a{color:#fff;}
.l-menu li{border-bottom: 1px solid #0CA2AA;line-height:1.4rem; }
.l-menu a:last-child li{border-bottom: 0;}
.l-menu p{display: table;font-size: .48rem;}
.l-menu ul{margin-top: .13rem;}
.mc{width:100%;height:100%;position: absolute;background: #000;opacity: 0.1;z-index: 2;display: none;}

.icon-l-menu-btn{font-size: .7rem;color:#ededed;;}
.l-menu span{font-size: .66rem;display: table-cell;vertical-align: middle;padding:0 .4rem;color:#4FD1D9;}
.icon-tel{font-size: .62rem;padding:0 .1rem 0 .3rem;display: table-cell;vertical-align: middle;color:#00B8F2;}
.l-title{background: linear-gradient(#008C93, #01757B);} 
.l-title span{font-size: .42rem;color:#fff;}

.contact{padding:0 .6rem;}
.contact h3{margin:.7rem 0;}
.contact p{margin:.1rem 0;}
.contact ul{margin:.7rem 0;}
.c-form{background: #F8F9F9;width:100%;margin:1rem 0;padding:.2rem 0;}
.c-form td{padding:.15rem 0;}
.c-form td:first-child{width:24%;text-align: right;padding-right:3%}
.c-form input,.c-form select,.c-form textarea{width:90%;height:1rem;padding-left: .12rem;}
.c-form input[type=submit]{width:45%;background: #22A7F0;color:#fff;border:0;border-radius: 4px;}
.c-form textarea{height:2.5rem;}


.about{text-align: center;padding:0 1.1rem;margin-bottom:1.4rem;}
.about h2{text-align: left;color:#0F7FBF;font-size: .6rem;margin:.5rem -.5rem;}
.about img{width:44%;margin:.26rem 0 .1rem;}
.a-title{text-align: left;text-indent: 2em;}
.about span{display:block;margin:.4rem auto; width:.9rem;height:2px;background: #BDBDC6;}


.login{padding:0 .47rem;}
.title{
  font-size: .66rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  color:#000;
  background-color: #fff;
  margin-bottom: 2rem;
}
.regCon {
  background-color: rgb(241,241,241);
}
.imgWraper {
  background-color: rgb(241,241,241);
}
.imgWraper .textCon {
  width: 80%;
  margin: -25% auto 25%;
  padding: 0.25rem;
  background-color: #fff;
  opacity: .9;
}
.bgImg {
  width: 100%;
}
.midHr {
  height: .75rem;
  line-height: .75rem;
  text-align: right;
}
#returnBtn {
  color: #3193B5;
  font-size: 0.35rem;
  font-weight: bold;
}

.login.register {
  background-color: rgb(241,241,241);
}
.login h3{    margin: 0 0 0.8rem;}
.login h3 a{color:#00adbc;text-decoration: underline;}
.l-form{font-size: .35rem;width:100%;line-height: 1rem;padding:.3rem 0;color:#000;}
.l-form input[type=text],.l-form input[type=password],.l-form select{
  width: 100%;
  height: 1rem;
  border-radius: 4px;
  border: 1px solid #51bfbf;
  padding-left: .12rem;
  outline: none;
}
#register .l-form input[type=text],#register .l-form input[type=password],#register .l-form select {
  width:100%;
  height:1rem;
  padding-left:.25rem;
  /*border: none;*/
  margin-bottom: .25rem;
  color: #999;
}
#register #regCode {
  width: 70%;
  margin: 0rem;
}
.l-form input[type=checkbox]{border:0;}
.l-form select{width:60%;}
.l-form img{width:24%;margin-top: .3rem;}
.l-form a{float:right;text-decoration: underline;}
.submit,.reg-sub{width:50%;height:1.1rem;background: #00adbc;color:#fff;font-size: .46rem;border-radius: 8px;border:0;margin:.8rem auto;display: block;}
#reg {
  width: 100%;
  margin: .5rem 0;
  border-radius: 0;
}
.l-form tr:nth-last-child(2){font-size: .43rem;}

.register strong{color:#f00;margin:0 .12rem;font-size: .39rem;}
.register p{color:#919191;}
#area{margin-bottom: .22rem;}
.getCode {
  line-height: .8rem;
  width:25.5%;
  font-size: .3rem;
  background-color: #5193b5;
  color: #fff;
  border: none;
  margin-left: 3%;
}
.reg-sub{background: #808080;}
#h-sub{font-size: .39rem;line-height: .6rem;}
#h-sub span{color:#1798C0;}

.bottom{position: fixed;z-index: 4; bottom:0;left:0;display: -webkit-flex;display: flex;width:100%;background: #36373B;padding:.3rem;}
.bottom a{width:20%;text-align: center;color:#fff;font-size: .6rem;border-right:1px solid #424347;}
.bottom a:last-child{border-right: none;}


.radio_box{
  display: inline-block;
  position: relative;
  margin-right: 20px;
  width: 80px;
}


.radio_box.on_message{
  width: 30px;
  margin-right: 0;
}

.radio_box input[type="radio"],.radio_box input[type="checkbox"] {
  width: 20px;
  height: 20px;
  opacity: 0;
}

.radio_box label {
  cursor: pointer;
  position: absolute;
  left: 5px;
  top: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: url(../../../Public/images/radio_n.png) center/cover;
  display: flex;
  align-items: center;
}

.radio_box label span{
  position: absolute;
  display: block;
  width: 80px;
  left: 30px;
}


.radio_box input:checked+label::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 10px;
  top: 3px;
  left: 6px;
  border-top: none;
  border-left: none;
}


.radio_box input:checked+label::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 10px;
  top: 3px;
  left: 6px;
  border-top: none;
  border-left: none;
}

/*设置选中的input的样式*/
/* + 是兄弟选择器,获取选中后的label元素*/
.radio_box input:checked+label {
  /*background-color: #349EDF;*/
  /*border: 1px solid #349EDF;*/
  background: url(../../../Public/images/radio_y.png) center/cover;
}
.addAndEditCon .titCon {
  height: 1.39rem;
  line-height: 1.39rem;
  padding: 0px 0.23rem;
  background-color: #46a9ce;
  color: white;
}
.addAndEditCon .titCon  a {
  font-size: 0.66rem;
  font-weight: bold;
  color: white;
}
.addAndEditCon .titCon .titText {
  font-size: 0.51rem;
  width: 2.5rem;
  text-align: center;
  margin: 0 auto;
}
.addAndEditCon .form {
  padding: 0.6rem;
}
.addAndEditCon .form>p>img {
  width: 100%;
}
.addAndEditCon .form  .selCon {
  position: relative;
}
.addAndEditCon .form  .selCon::after {
  content: '';
  display: block;
  width: 0.77rem;
  height: 0.77rem;
  background: url("../images/icon.png") center/cover;
  position: absolute;
  right: 0.14rem;
  top: 0.3rem;
}
.addAndEditCon .form select {
  width: 100%;
  height: 1.34rem;
  line-height: 1.34rem;
  border: 0.03rem solid #aeadae;
  text-indent: 0.45rem;
  color: #4f9ae4;
  margin-bottom: 0.6rem;
  font-size: 0.47rem;
}
.addAndEditCon .form select option {
  width: 100%;
  height: 1.34rem;
  line-height: inherit; 
  border: 0.03rem solid #aeadae;
  text-indent: 0.45rem;
  color: #4f9ae4;
}
.addAndEditCon .form .itemTit {
  line-height: 0.77rem;
  height: 0.77rem;
  font-size: 0.43rem;
  margin-bottom: 0.47rem;
}
.addAndEditCon .form .timePriceItem {
  display: flex;
  line-height: 0.8rem;
  height: 0.8rem;
  font-size: 0.3rem;
  margin: 0.2rem 0;
}
.addAndEditCon .form .timePriceItem span {
  margin-right: 0.3rem;
  width: 2rem;
}
.addAndEditCon .form .replyList {
  padding: 0 0.15rem;
}
.addAndEditCon .form .replyList .cusreply {
  text-align: right;
}
.addAndEditCon .form .replyTime {
  margin-bottom: 0.3rem;
}
.addAndEditCon .form .replyTxt {
  width: 50%;
  padding: 0.2rem;
  border: 0.05rem solid #58da58;
  box-sizing: border-box;
  margin-bottom: 0.3rem;
}
.addAndEditCon .form .willFinishTime {
  font-weight: bold;
  margin-bottom: 0.4rem;
}
.addAndEditCon .form .inputCon {
  height: 0.6rem;
  line-height: 0.6rem;
  color: #333;
  border-bottom: 0.03rem solid #cdcdcd;
  font-size: 0px;
  margin-bottom: 0.6rem;
}
.addAndEditCon .form .inputCon input {
  width: 100%;
  height: 100%;
  border: none;
  text-indent: 0.34rem;
  font-size: 0.36rem;
}
.addAndEditCon .form  .insertConten {
  width: 100%;
  padding: 0.83rem 0.32rem;
  border: 0.03rem solid #aaa;
  font-size: 0.36rem;
  color: #333;
}
.addAndEditCon .form .postImgWraper {
  position: relative;
}
.addAndEditCon .form .postImgWraper .postInput {
  width: 1rem;
  height: 0.8rem;
  margin-top: 0.5rem;
}
.addAndEditCon .form .postImgWraper .imgShowCon {
  position: absolute;
  left: 0px;
  top: 0.4rem;
  height: 1rem;
  font-size: 0.14rem;
  width: 1.8rem;
  text-align: center;
  line-height: 1rem;
  background-color: #46a9ce;
  color: white;
  border-radius: 0.08rem;
}
.addAndEditCon .form .postImgWraper .showImgCon {
  width: 1.8rem;
  height: 1.8rem;
}
.addAndEditCon .form .postImgWraper .imgCon {
  position: relative;
}
.addAndEditCon .form .postImgWraper .imgCon .imgCloseBtn {
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  color: white;
  background: #aaa;
  border-radius: 50%;
  font-size: 0.12rem;
  text-align: center;
  right: -0.25rem;
  top: -0.25rem;
}
.addAndEditCon .form .showList {
  margin-bottom: 0.5rem;
}
.task_list{
  background-color: #ededed;
}
.task_list .concreteList {
  display: none;
}
.task_list .concreteList.show {
  display: block;
}
.clearfixed::after {
  content: '';
  display: block;
  clear: both;
}
.lf {
  float: left;
}
.rt {
  float: right;
}
.searchTit {
  width: 100%;
  height: 1.16rem;
  line-height: 1.16rem;
  text-indent: 0.38rem;
  font-size: 0.51rem;
  color: #9f9f9f;
  background-color: #fff;
  border: none;
}
.navItem {
  height: 1.19rem;
  line-height: 1.10rem;
  width: 20%;
  text-align: center;
  color: #fff;
  font-size: 0.49rem;
  background-color: #aaa;
}
.navItem.active {
  background-color: #44a9cd;
}
.taskItem {
  padding: 0.3rem 0rem;
  background: white;
  margin-bottom: 0.15rem;
}
.textItem {
  border-left: 0.3rem solid #01adda;
  padding: 0rem 0.3rem;
  line-height: 1.03rem;
  display: flex;
  justify-content: space-between;
  color: #19a3c2;
}
.textItem.hei_01 {
  line-height: 0.78rem;
}
.textItem.hei_02 {
  line-height: 1.06rem;
}
.textItem.hei_02 span {
  font-size: 0.3rem;
}
.textItem span {
  font-size: 0.38rem;
}
.textItem span em {
  font-style: normal;
  color: red;
}
.textItem span.style_01 {
  color: #bababa;
}
.textItem span.color_01 {
  color: black;
}
.sureBtn {
  padding: 0rem 0.2rem;
  height: 0.78rem;
  background-color: #03abd9;
  color: white;
  font-size: 0.38rem;
  border: none;
  border-radius: 0.8rem;
  word-break: keep-all;
}
.sureBtn>span,.sureBtn>select {
    color: white!important;
    background: transparent;
    border: none;
}
.subBtn {
  display: block;
  width: 66%;
  height: 1rem;
  background-color: #46a9ce;
  border-radius: 0.8rem;
  color: white;
  font-size: 0.16rem;
  margin: 0.3rem auto 0.5rem;
  border: none;
}
.layCon {
  display: none;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.layCon.show {
  display: block;
}
.layCon .layBg {
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.5;
}
.layCon .msgCon {
  position: absolute;
  left: 5%;
  bottom: 35%;
  width: 90%;
  height: 4.9rem;
  background-color: white;
  border-radius: 0.1rem;
  color: #a6a6a6;
  padding: 0 0.77rem;
  box-sizing: border-box;
}
.layCon .msgCon h3 {
  line-height: 2rem;
  font-size: 0.57rem;
}
.layCon .msgCon h4 {
  font-size: 0.44rem;
  text-align: center;
  margin-bottom: 1rem;
}
.layCon .msgCon .actionBtn {
  width: 1.56rem;
  height: 0.81rem;
  border: none;
  background-color: #03abd9;
  color: white;
  border-radius: 0.1rem;
  margin-left: 0.24rem;
}