.container{width: 100%;}
.calc-banner{ width: 100%;margin: auto;}
.calc-banner img{ width:100%; height:auto; display: block; }

.calc-main{ padding:10px;}

.calc-main .tit{color:#333; font-size: 15px; text-align: center;font-weight: normal;}
.calc-main .tit span{ font-size: 12px; color:#999;}
.inputbox{ }
.inputgroup{ width:100%;margin-top:5px;position: relative; }
.inputgroup label.tit-label{ width: 25%; text-align: right; font-size: 14px;display: inline-block;}
.inputgroup label.tit-label em{ color: red;}
.inputgroup input,.inputgroup select{ width: 58%; border: 1px solid #ddd; height: 28px;}
.inputgroup label.error{ color: red; font-size: 12px;position: absolute;left:86%;top:0px; }
.inputgroup.phone label.error{ top:24px;left:25%}
.calc-butbox{ padding:10px 0; }
.calc-butbox .calc-but{ display:block;margin:auto;width: 120px; height:120px;background-image: url(../images/calculator-but.png); background-position: center center;background-size:100% auto; }

.calc-result{  }
.calc-result .result{width: 80%;margin: auto;border: 1px solid #ddd; border-bottom: none;margin-top: 5px;}
.calc-result .result li{ border-bottom: 1px solid #ddd; width: 100%; height:40px;line-height: 40px;font-size: 14px;}
.calc-result .result li label{ text-align: right; display: inline-block;width: 32%;}
.calc-result .result li span{ color:#27a827;}
.regbox{ margin-top:10px; }
.regbox .reg_but{display: block;width: 50%;font-size:15px; height: 55px;color: #fff; background: #b28850;border-radius:5px; line-height: 55px; text-align: center;margin: 0 auto;}