@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;
}
}
