input[type="text"] {
    font-family:  Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-variant: tabular-nums;
}
[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
    touch-action: manipulation;
}
input[type=number], input[type=password], input[type=text], textarea {
    -webkit-appearance: none;
}
input::-moz-placeholder {
    color: #80878f;
    opacity: 1
}

input:-ms-input-placeholder {
    color: #80878f
}

input::-webkit-input-placeholder {
    color: #80878f
}
:focus{outline:0!important}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;height:0;content:".";line-height:0;}
.free{position:relative;width:100%;}
.free.free-banner{padding-top: .9rem}
.free img{width:100%;display: block}
.form-input {
    width: 5.75rem;
    display: block;
    margin-bottom: .18rem;
    position: relative;
}

.form-input label {
    position: absolute;
    padding: 0.18rem 0.35rem;
    color: #777;
}
.free-quote-form input{
    width: 100%;
    height: .75rem;
    border: none;
    background: #f2f2f2;
    padding: 0 .3rem;
    font-size: .24rem;
    color: #767676;
    border-radius: 3px;
    letter-spacing: .02rem;
}
.free form{
    width: 5.75rem;
    margin: 0 auto;
    text-align: center;
}
.free .free-quote-form button {
    width: 5.59rem;
    height: .75rem;
    border: none;
    background: #1ea78d;
    color: #fff;
    border-radius:3px;
    margin-top: 0.3rem;
    font-size: .3rem;
}
.free-quote-list {
    width: 5.75rem;
    margin: 0 auto;
    text-align: center;
}

.free-quote-list .customers_list {
    margin-top: .4rem;
    height: .3rem;
    line-height: .3rem;
    overflow: hidden;
    color: #888;
    font-size: .24rem;
}

.free-quote-list .customers_list span {
    margin: 0 .1rem;
}

.free-quote-list .customers_list label {
    padding-left: .1rem;
}
.free-quote-tip {
    text-align: center;
    margin-top: .3rem;
    font-size: .18rem;
    color: #999;
}

.free.free-style .preview {
    width: 5.9rem!important;
    margin: 0 auto .25rem;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}
.free-style .preview li{
    width: 1.34rem;
    height: .5rem;
    background-image: url("../img/freestyle-btn.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    text-align: center;
    line-height: .5rem;
    display: inline-block;
    transition: all .3s ease .1s;
}
.free-style .preview li.active{
    background-image: url("../img/freestyle-btn-on.png");

}
.free-style .preview li a span{
    font-size: .24rem;
}
.free-style .preview li.active a span{color: #fff;}
.free-style .preview li:not(:last-child){
    margin-right: .1rem;
}
.free-style .preview li a {
    display: block;
}
.free.free-style {
    background: #fff;
}
.container .slider-container{
    background: #FFFFFF;
}
.slider-container .slider-nav {
    position:relative;
    margin:.25rem 0;
}
.slider-container .slider-nav .slider-nav__control {
    background:#cacaca;
}
.slider-container .slider-nav .slider-nav__control.is-active{
    background:#8a8a8a;
}
.free{
    background: #FFFFFF;
    opacity: 0;
    animation:.5s forwards 1 top-show;
    -webkit-animation-name: top-show;
    -webkit-animation-duration: .6s;
    -webkit-animation-fill-mode: forwards;
    animation-name: top-show;
    animation-duration: .6s;
    animation-fill-mode: forwards;
}
@keyframes top-show{
    0%{opacity:0;transform: translateY(20px);}
    100%{opacity:1;}
}
@keyframes down-show{
    0%{opacity:0;transform: translateY(-20px);}
    100%{opacity:1;}
}
@keyframes left-show{
    0%{opacity:0;transform: translateX(-20px);}
    100%{opacity:1;}
}
@keyframes right-show{
    0%{opacity:0;transform: translateX(20px);}
    100%{opacity:1;}
}

@-webkit-keyframes top-show{
    0%{opacity:0;transform: translateY(20px);}
    100%{opacity:1;}
}
@-webkit-keyframes down-show{
    0%{opacity:0;transform: translateY(-20px);}
    100%{opacity:1;}
}
@-webkit-keyframes left-show{
    0%{opacity:0;transform: translateX(-20px);}
    100%{opacity:1;}
}
@-webkit-keyframes right-show{
    0%{opacity:0;transform: translateX(20px);}
    100%{opacity:1;}
}