.calculator-before {
    overflow: hidden;
    position: relative;
}

.calculator-before .left-box {
    float: left;
    width: 400px;
    padding: 60px 85px 20px 50px;
    border-right: 1px solid #eee;
    box-sizing: content-box;
    height: 370px;
}

.calculator-before .right-box {
    float: right;
    width: 360px;
    margin-top: 0px;
    padding: 50px 30px 30px 20px;
    box-sizing: content-box;
}

.calculator-before .start-box {
    position: absolute;
    z-index: 11;
    top: 126px;
    left: 465px;
    width: 140px;
    height: 140px;
}

.calculator-before .left-box .hd {
    font-size: 18px;
    margin-bottom: 30px;
}

.calculator-before .left-box .hd span {
    color: #999;
    font-size: 12px;
    margin-left: 7px;
}

.calculator-before .left-box .hd span em {
    margin: 0 2px;
    color: #ff8214;
}

.calculator-before .left-box .form-box {
    width: 430px;
    overflow: hidden;
    font-size: 14px;
}

.calculator-before .left-box .form-box .lab {
    width: 430px;
    margin-bottom: 15px;
    position: relative;
}

.calculator-before .left-box .form-box .lab .lb {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 14px;
}

.calculator-before .left-box .form-box .lab .lb em {
    color: #fe9023;
    margin-right: 7px;
}

.calculator-before .left-box .form-box .lab .ProvinceSelect,.calculator-before .left-box .form-box .lab .CitySelect{
    width: 152px;
    float: left;
    margin-right: 5px;
    border: 1px solid #eee;
    padding: 10px 5px;
}

.calculator-before .left-box .form-box .lab .sel02 {
    width: 97px;
    float: left;
    margin-right: 5px;
    margin-bottom: 7px;
    border: 1px solid #eee;
    padding: 10px 5px;
}

.calculator-before .left-box .form-box .lab .text {
    border: 1px solid #eee;
    width: 298px;
    padding: 12px 5px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    box-sizing: content-box;
}

.calculator-before .left-box .form-box .lab .form-group {
    float: left;
    width: 310px;
    overflow: hidden;
    margin-bottom: 0px;
}

.calculator-before .start-bd {
    position: relative;
    width: 140px;
    height: 140px;
}

.calculator-before .circle-animate {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 110px;
    height: 110px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ff8214;
    z-index: 12;
    -webkit-animation: scale-three2 1.5s ease infinite;
    -moz-animation: scale-three2 1.5s ease infinite;
    -o-animation: scale-three2 1.5s ease infinite;
    animation: scale-three2 1.5s ease infinite;
    animation-fill-mode: both;
}

.calculator-before .start-btn {
    position: absolute;
    z-index: 50;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;
    color: #FFF;
    font-size: 14px;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 1.2;
    border-radius: 100%;
    background: #ff8214;
    cursor: pointer;
}
.calculator-before .start-btn span {
    display: block;
    margin-top: 30px;
}

.calculator-before .right-box .tit {
    display: block;
    font-size: 20px;
    margin-bottom: 25px;
    text-align: center;
}

.calculator-before .right-box .tit b {
    text-align: center;
    color: #ff8214;
    font-size: 28px;
    margin: 0 5px;
    font-weight: normal;
    width: 100px;
    display: inline-block;
}

.calculator-before .right-box .txt {
    padding: 30px 0;
    font-size: 14px;
    box-sizing: content-box;
    border: 1px solid #eee;
    text-align: center;
}

.calculator-before .right-box .txt p {
    line-height: 40px;
}

.calculator-before .right-box .txt p b {
    font-weight: normal;
    margin: 0 5px;
    display: inline-block;
    width: 70px;
    font-size: 16px;
}
.calculator-before .right-box .marks {
    color: #ff8214;
    margin-top: 20px;
}
.calculator-before .right-box .marks p {
    font-size: 12px;
    line-height: 20px;
}

/* 按钮动画 */
@-webkit-keyframes
num {
	0% {
	transform:scale(0.5);
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
	-ms-transform:scale(0.5);
}
50% {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
}
100% {
	transform:scale(0.5);
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
	-ms-transform:scale(0.5);
}
}@keyframes scale-three2 {
	0% {
	transform:scale(1);
	opacity:0.8;
}
100% {
	transform:scale(1.3);
	opacity:0;
}
}@-webkit-keyframes scale-three2 {
	0% {
	-webkit-transform:scale(1);
	opacity:0.7;
}
100% {
	-webkit-transform:scale(1.3);
	opacity:0;
}
}@-moz-keyframes scale-three2 {
	0% {
	-moz-transform:scale(1);
	opacity:0.7;
}
100% {
	-moz-transform:scale(1.3);
	opacity:0;
}
}@-o-keyframes scale-three2 {
	0% {
	-o-transform:scale(1);
	opacity:0.7;
}
100% {
	-o-transform:scale(1.3);
	opacity:0;
}
}