.pro-form-wrap{ width: 100%; background: #f2f2f2}
.step-show{ color: #afafaf; padding: 60px;}
.step-show h2{ font-size: 36px; text-align: center}
/*.step-list{ width: 500px; height: 24px; position: relative; background: url(/solution/mining-quarrying-equipment/img/l1.png) repeat-x center; margin: 20px auto; text-align: center}
.step-list li{ width: 46px; background: url(/solution/mining-quarrying-equipment/img/zt1.png) no-repeat center #fff; height: 20px; display: block; margin:0 auto; position: relative;}
.step-list li.e1{ position: absolute; left: 0; top: 0 }
.step-list li.e2{ position: absolute; right: 0; top: 0 }
.step-list li.z1{background: url(/solution/mining-quarrying-equipment/img/zt2.png) no-repeat center #fff; color: #bc2a1f}
.step-list li.z2{background: url(/solution/mining-quarrying-equipment/img/zt3.png) no-repeat center #fff;}*/
.pro-form-wrap .step-show{ padding:60px 30px 30px;}
/* .pro-form-wrap .step-show h2{ font-size: 28px; text-align: left; text-indent:55px; }
.pro-form-wrap .step-list{ margin-left: 95px} */
.pro-form-wrap .step-list li,.pro-form-wrap .step-list li.z1,.pro-form-wrap .step-list li.z2{background-color: #f2f2f2;}
.product-leave-message-title-2{font-size:28px;color: #afafaf; text-indent: 15px; padding-bottom: 15px;}
.step-list li span{ position: absolute; left: 50%; margin-left: -120px; top: 28px; width:240px; text-align: center}
.new-form-body{ width:100%; margin:0 auto; display: none; padding-bottom: 80px;}
.new-form-body .form-group{ margin-bottom: 10px}
.new-form-body .form-control,.new-form-body .dropdown:hover{ border: none; border-bottom:1px solid #999; border-radius: 0;box-shadow:none;background: none;padding:6px 0;margin-bottom: 0;color: #999;}
textarea.form-control {
    overflow: hidden;
    height: auto;
}
.new-form-body textarea.form-control{ border:1px solid #999; }
.new-form-body .form-control option{ color: #444;}
.new-form-body input.form-control:focus,.new-form-body  .form-group textarea:focus,.new-form-body  .w-biaodan .dropdown.focus,.new-form-body select.form-control:focus{ border:none;border-bottom:1px solid #bc2a1f;color: #bc2a1f!important}
.form-group textarea.form-control:focus{border:1px solid #bc2a1f;}
/* .new-form-body .cur input.form-control:focus,.new-form-body  .cur .form-group textarea:focus,.new-form-body  .cur .w-biaodan .dropdown.focus{border-bottom:1px solid #bc2a1f;} */
.new-form-body .form-group-list{ margin-bottom: 10px;}
.new-form-body .form-group{ position: relative; padding-top: 26px;}
.new-form-body label{ font-weight: normal; color: #999; position: absolute; top: 5px; left: 15px; transition: all 0.3s;}
.new-form-body .form-group .err-info,.form .err-info{ margin-bottom: 0; line-height: 30px; color: #bc2a1f;  text-indent: 22px; font-size: 14px; height: 30px; font-weight: normal}
.new-form-body .form-group .err-info.cur,.form .err-info.cur{background: url(/solution/mining-quarrying-equipment/img/err.png) no-repeat left center; background-size:auto 60%;}
.new-form-body .cur label{ font-weight: normal; color: #bc2a1f; top: 0;transition: all 0.3s;}
.fz-btn{ color: #bc2a1f; font-size: 14px;line-height:50px; cursor: pointer; padding: 0 20px;float: right;}
.form-btn,.subButton,.reset-btn{ background: #bc2a1f; color: #fff; font-size: 24px;cursor: pointer; padding: 0 50px; line-height:50px; float: right;}
.form-btn.disabled,.subButton.disabled{
    background: #aaa;
    font-size: 18px;
    position: relative;
    text-indent: 30px;
}
.btn:hover{ color: #fff;}
.reset-btn{ background: #ccc; float: left; margin-left: 4px;}
.form-btn::before,.subButton::before{
    display: none;
    content: '';
    position: absolute; left: 30px; top: 15px; width: 20px; height: 20px; border-top: 2px solid #fff;border-left: 2px solid #fff; border-radius: 100%;
    animation: rotate 1s infinite; -webkit-animation: rotate 1s infinite;
}
.form-btn.disabled::before,.subButton.disabled::before{
    display: block;
}
.new-form-body .form-group.btn-list{ padding-top: 10px; text-align: center}
.new-form-body.tbs2 label{ left:0}
.new-form-body .form-control.other{ padding: 30px;}
.new-form-body .su-img{width:120px; display: block; margin: 0 auto}
.success{ text-align: center}
.success h2{ padding-top: 10px;}
.success h4{ padding-bottom: 10px;}
.success .continue{ font-weight: bolder; padding-top: 10px}
.form-control{font-weight:normal}
.mobile-effect .product-leave-message{ background:none }
.product-leave-message .form-name{ text-indent: 10px;}
.product-leave-message .new-form-body{ padding-bottom: 40px;}
@media (min-width: 991px){
    .new-form-body .form-group.lst-btn-list{ padding-top: 60px;}
}
@media (max-width: 991px){
    .product-leave-message-title{ line-height: 1.1; padding-bottom: 10px;}
    .product-leave-message .product-border{ padding: 0 0 20px;}
    .btn-list.col-md-6{ width: 100%;}
    .new-form-body .form-group-list{ margin-bottom: 0}
    .fz-btn{ float: none; display: inline-block}
    .form-btn,.subButton,.reset-btn{float: none; display: inline-block}
    .add-margin2{ width: 100%;}
    .form .row{ margin-bottom: 0}
    .form label{ margin-bottom: 18px;}
    .form .form-name{margin-bottom: 8px;}
}
@media (max-width: 641px){
    .step-show{ padding: 30px 10px 40px 10px}
    .step-show h2{ font-size: 24px}
    /* .step-list{ display: none} */
    .step-list{ width: 100%;}
    .step-list li span{ position: absolute; left: 50%; margin-left: -55px; top: 28px; width:110px; text-align: center; font-size: 10px;}

}
@media (max-width:375px){
    .product-leave-message-title-2{ font-size: 22px;}
}
@keyframes rotate{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
@-webkit-keyframes rotate{
    0%{
        -webkit-transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}