
.consulting {
  width: 100%;
  padding:  .83rem 0 1rem;
}

.consulting .cit {
  width: 100%;
  color: #111111;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}

.consulting .conbles {
  width: 100%;
  border: solid 1px #e8e8f4;
}

.consulting .conbles .tr {
  width: 100%;
  font-size: 0;
  display: flex;
}

.consulting .conbles .tr .td {
  flex: 1;
  display: inline-block;
  vertical-align: middle;
}

.consulting .conbles .tr .tdm {
  width: 100%;
  height: 100%;
  padding: 0.2rem;
  line-height: 1.5;
  color: #222434;
  display: flex;
  align-items: center; 
}

.consulting .conbles .tr .tdm .mg{max-width: 3rem;}

.consulting .conbles .tr .tdm .num {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #e8e8f4;
  padding: 0 0.3rem;
  color: #666;
  line-height: 2.5;
}

.consulting .conbles .tr .td+.td {
  border-left: solid 1px #e8e8f4;
}

.consulting .conbles .tr.head {
  background-color: #f4f4f5;
}

.consulting .conbles .tr.head .tdm {
  color: #666;
}

.consulting .conbles .tr+.tr {
  border-top: solid 1px #e8e8f4;
}

.consulting .conform {
  width: 100%;
  margin-top: 0.3rem;
  background-color: #f4f4f5;
  padding: 0.5rem;
}

.consulting .conform form {
  width: 100%;
  display: block;
}

.consulting .conform .row {
  width: 100%;
  font-size: 0;
}

.consulting .conform .row .inpuv {
  display: inline-block;
  vertical-align: top;
  width: calc((318 / 1300 * 100%));
  margin-right: calc((8 / 1300 * 100%));
  margin-bottom: 0.1rem;
}

.consulting .conform .row .inpuv input {
  width: 100%;
  display: block;
  background-color: #ffffff;
  border: solid 1px #d7d7de;
  padding: 0 0.12rem;
  line-height: 3;
  height: 3em;
  color: #333;
}

.consulting .conform .row .inpuv:nth-child(4n) {
  margin-right: 0;
}

.consulting .conform .row .text {
  width: 100%;
}

.consulting .conform .row .text .area {
  width: 100%;
  display: block;
  background-color: #ffffff;
  border: solid 1px #d7d7de;
  padding: 0.12rem;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.1rem;
}

.consulting .conform .row .code {
  width: 100%;
  font-size: 0;
  display: flex;
}

.consulting .conform .row .code .int {
  width: 2.3rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.15rem;
}

.consulting .conform .row .code .int input {
  width: 100%;
  display: block;
  padding: 0 0.2rem;
  color: #333;
  line-height: 3;
  height: 3em;
  border: none;
  background-color: #ffffff;
  border: solid 1px #d7d7de;
}

.consulting .conform .row .code .ymg {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 3em;
}

.consulting .conform .row .code .ymg img {
  height: 100%;
  display: block;
}

.consulting .conform input::-webkit-input-placeholder,
.consulting .conform textarea::-webkit-input-placeholder {
  color: #999;
}

.consulting .conform input:-moz-placeholder,
.consulting .conform textarea:-moz-placeholder {
  color: #999;
}

.consulting .conform input::-moz-placeholder,
.consulting .conform textarea::-moz-placeholder {
  color: #999;
}

.consulting .conform input:-ms-input-placeholder,
.consulting .conform textarea:-ms-input-placeholder {
  color: #999;
}

.consulting .conform .sub {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-top: 0.2rem;
}

.consulting .conform .sub .stn {
  display: inline-block;
  vertical-align: middle;
  min-width: 2.3rem;
  text-align: center;
  color: #fff;
  line-height: 3em;
  height: 3em;
  background-color: #00cae7;
  cursor: pointer;
  border: none;
}

.cs-row{width: 100%;overflow: hidden;}
.cs-left{float: left;font-size: 0;user-select: none;}
.cs-right{float: right;font-size: 0;}
.cs-num{width: .5rem;height: .3rem;border: 1px solid #e8e8f4;text-align: center;color: #666;margin: 0 .04rem;}
.cs-delete{display: inline-block;vertical-align: top;width: .3rem;height: .3rem;background-image: url(../images/cs1.png);background-size: .2rem auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.cs-minus,
.cs-add{display: inline-block;vertical-align: top;width: .3rem;height: .3rem;line-height: .28rem;border: 1px solid #e8e8f4;text-align: center;cursor: pointer;background-size: 100% 100%;}
.cs-minus{background-image: url(../images/cs2.png);}
.cs-add{background-image: url(../images/cs3.png);}
.cs-hd{width: 100%;position: relative;}
.cs-rt{position: absolute;right: 0;top: 50%;font-size: 0;transform: translate(0,-50%);}
.cs-btn{display: inline-block;vertical-align: top;color: #666;cursor: pointer;}
.cs-btn:after{content: "";display: inline-block;vertical-align: top;width: .875em;height: .9375em;margin-left: .25em;background-size: 100% 100%;}
.cs-back{margin-left: .26rem;}
.cs-empty:after{background-image: url(../images/cs4.png);}
.cs-back:after{background-image: url(../images/cs5.png);}
@media(max-width: 1920px){
    .cs-num{width: 50px;height: 30px;margin: 0 4px;}
    .cs-delete{width: 30px;height: 30px;background-size: 20px auto;}
    .cs-minus,
    .cs-add{width: 30px;height: 30px;line-height: 28px;}
}
@media(max-width: 700px){
    .cs-left{float: none;width: 100%;text-align: center;margin-bottom: 20px;padding-top: 10px;}
    .cs-right{float: none;width: 100%;text-align: right;}
}
@media(max-width: 450px){
    .consulting .conbles .tr .td{width: calc(50% - 70px);flex: auto;}
    .consulting .conbles .tr .td:nth-child(3n){width: 140px;}
}

@media(max-width: 700px){
  .nanner .imgs .img{height: auto;padding-top: calc(500/1920*100%);}

}
