@media (min-width: 768px){
.api-order .col-sm-8 {
	    width: 70.666667%;
	}
}

.form-horizontal .form-group {
	margin-left: unset;
	margin-right: unset;
}
.panel {
	margin-bottom: 18px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
}

.hcju-tips {
    font-size: 13px;
    color: #999;
    margin-bottom: 10px;
}
.fg-tips{
	font-size: 13px;
	color: #f39c12;
	margin-bottom: 10px;
}
.api-order .form-horizontal .price {
  
	 padding-top: 0px;
 }
.api-order span.yuan {
	font-size: 16px;
	color: #ff5722;
	font-family: ‘Microsoft YaHei’,STXihei,MingLiu;
}             
.api-order #totalprice-b , .api-order #totalprice-a{
	font-size: 22px;
	color: #ff5722;
	margin-right: 5px;
	font-family: ‘Microsoft YaHei’,STXihei,MingLiu;
}	
 .api-order .radio .active{
	 border-color: #ff6666;
 }
 
.api-order input[type="radio"]{
	 display: none;
 }
 
 .api-order .radio label, .checkbox label {
	padding: 5px 0 0 18px;
	margin-bottom: 12px;
	padding-left: unset;
	text-align: center
 }
 
 .api-order .option {
	 background: #fff;
	 height: 32px;
	 width: 88px;
	 align-items: center;
	 justify-content: space-evenly;
	 margin-bottom: 5px;
	 border-radius: 5px;
	 cursor: pointer;
	 padding: 0 10px;
	 border: 1px solid lightgrey;
	 transition: all 0.3s ease;
	 position: relative;
 }

.api-order .APIid {
	margin-right: 20px;
	color: #666;
	font-size: 13px;
}
.api-order .APIys {
	color: #444;
}
.api-order .ICy5YqxZB1uWSwcVLSNLcA{
	font-size: 18px;
}
.api-order .fLNuI1KeTeTEFGCUDMhebg{
	font-size: 13px;
	color: #888;
}

.api-order ul.nav.nav-tabs {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
 .api-order a:hover {
 
	background-color:#f7f7f7!important;
 
 }
 .panel-heading {
	 padding: 10px 15px;
	 border-bottom: 10px solid transparent;
	 border-top-right-radius: 2px;
	 border-top-left-radius: 2px;
 }
 
.api-order .nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 3px 3px 0 0;
} 
.panel-intro > .panel-heading .nav-tabs {
	white-space: nowrap;
	overflow-x: unset;
	overflow-y: unset;
	margin-bottom: 3px;
}
.api-order .panel-heading .nav-tabs > li > a {
	margin-right: 4px;
	color: #95a5a6;
	background-color: #fff0;
	border: 1px solid #fff;
	border-bottom-color: transparent;
	 
}


.api-order .panel-intro > .panel-heading .nav-tabs > li > a:hover, .api-order .panel-intro > .panel-heading .nav-tabs > li > a:focus {
	border: 1px solid #e8edf0;
	color: #7b8a8b;
	background-color: #c9d4dc;
}
.api-order .nav-tabs > li.active > a, .api-order .nav-tabs > li.active > a:hover, .api-order .nav-tabs > li.active > a:focus {
	color: #555555!important;
	background-color: #fff!important;
	border: 1px solid #ddd!important;
	border-bottom-color: transparent!important;
	cursor: default!important;
}


.api-order .apiname{
	margin-top:20px;
}
.api-order > .panel-heading {
	padding: 0 15px 0 15px;
	padding-bottom: 0;
	background: #fff;
	border-color: #fff;
	position: relative;
}


 .api-order .nav-tabs {
	border-bottom: 1px solid #e6e6e6!important;
	float: none;
	text-align: center;
 }
 .api-order .order-icon {
	 box-shadow: 0 0 10px 0 rgb(36 36 36 / 10%);
	 width: 100px;
	 border-radius: 5px;
	 margin: 0px 12px 0 12px;
 }
 .api-order .api-info {
	 margin-bottom: 22px;
 }