@charset "utf-8";
/* CSS Document */

.opinion-section {
    position: relative;
    z-index: 200;
}
.opinion-con {
    background:#ffffff;
    margin-top:20px;
    box-shadow: 0px 0px 10px #e5e2e2;
    -moz-box-shadow: 0px 0px 10px #e5e2e2;
    -webkit-box-shadow: 0px 0px 10px #e5e2e2;
}
.opinion-content {
    display:none;
}

@media (min-width:992px){
    .opinion-con {
        margin-top:-40px;
    }
    .opinion-content {
        display:block;
    }
}

/*表单*/
.opinion-form-tab {
    overflow:hidden;
}
.opinion-form-tab ul li {
    display: inline-block;
    color:#8EA0B7;
    cursor: pointer;
    position: relative;
    width:48%;
    text-align:center;
    margin-bottom:20px;
}
.opinion-form-tab ul li.current {
    color:#063464;
    border-bottom: 2px solid #40D6FF;
}
.opinion-form-item {
    display:none;
}
.opinion-form-item.current {
    display:block;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color:#8EA0B7;
    font-size:16px;
    font-weight:normal;
}
:-moz-placeholder {
    color:#8EA0B7;
    font-size:16px;
    font-weight:normal;
}
::-moz-placeholder {
    color:#8EA0B7;
    font-size:16px;
    font-weight:normal;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color:#8EA0B7;
    font-size:16px;
    font-weight:normal;
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color:#8EA0B7;
    font-size:16px;
    font-weight:normal;
}
.single-form {
    margin-bottom: 20px;
}
/*自定义radio样式*/
.single-form ul li {
    position:relative;
}
.form-control-radio {
    margin-right:20px;
}
input[type="radio"] {
    position: absolute;
    top:6px;
    left:0;
    width: 18px;
    height: 18px;
    clip: rect(0, 0, 0, 0);
}
input[type="radio"]+label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 18px;
    height: 18px;
    margin-right: 20px;
    border-radius: 50%;
    border: 1px solid #C6CFDB;
    background-color: #C6CFDB;
    background-clip: content-box;
    padding: 3px;
}
input[type="radio"]:checked+label::before {
    border: 1px solid #40D6FF;
    background-color: #40D6FF;
    background-clip: content-box;
}

.opinion-form textarea.form-control {
    height: 135px;
}
.kingford-btn-c {
    width: 100%;
    background: #1D65B9;
    color:#ffffff;
    line-height: 36px;
    padding: 10px 20px;
    cursor: pointer;
    border:none;
    outline:none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.kingford-btn-c:hover {
    background: #40D6FF;
}
@media (min-width:576px){
    .kingford-btn-c {
        line-height: 56px;
    }
}
@media (min-width:768px){
    .opinion-form-tab ul li {
        width:auto;
        margin-bottom:0px;
        margin-right: 20px;
    }
}
@media (min-width:1200px){
    .single-form {
        margin-bottom: 40px;
    }
}