body {
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  min-height: 100vh;
  background-color: unset;
}
.gadget-container{
    width: 800px;
    margin: auto;
}
.header-wrapper {
   background-color: #111111 !important;
}
.section-title {
   padding: 40px 0 40px;
   text-align: center;
   font-size: 26px;
   letter-spacing: 2px;
}
.scene-tab .caption {
   font-size: 16px;
   margin-top: 15px;
   margin-bottom: 25px;
}
.section-content {
  /* margin-bottom: 75px; */
}
.product-scene-tab {
   font-size: 0;
   text-align: center;
   /* width: 1100px; */
   margin: auto;
   border-bottom: 1px solid #ddd;
}
.scene-content {
   /* width: 1100px; */
   margin: auto;
   display: none;
}
.scene-content.active {
   display: block;
}
.product-scene-tab .scene-tab {
   display: inline-block;
   padding: 0 15px;
   text-align: center;
   position: relative;
   cursor: pointer;
   margin: 0 30px;
}
.product-scene-tab .scene-tab.active:after {
   width: 100%;
}
.product-scene-tab .scene-tab:after {
   background: #e41e2b;
   bottom: 0px;
   content: "";
   height: 3px;
   left: 50%;
   position: absolute;
   width: 0;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   -webkit-transition: width 0.25s ease;
   transition: width 0.3s ease;
}
.prod-area.example .scene-tab .caption {
   margin-bottom: 20px;
}
.product-scene-tab .scene-tab.active .caption {
   font-weight: bold;
}
.scene-tab .caption {
   font-size: 16px;
   margin-top: 15px;
   margin-bottom: 25px;
}
.uhide {
   display: none;
}
.box {
   width: 750px;
   margin: 40px auto;
}
.pt40 {
   padding-top: 40px;
}
.calResult {
   font-size: 30px;
}
.plr {
   padding: 0 15px;
}

.form-horizontal{
  padding: 0 15px;
}
.weight-bold{
  font-weight: bold;
}
.title-container{
  display: flex;
  justify-content: space-around;
}
.gadget-title{
  line-height: 60px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
}
.gadget-title:hover{
    text-decoration: none;
    color: #fff;
}
.navbar{
  min-height: 60px;
  border-radius: 0;
}
.disnone{
  display: none;
}
.title-active{
  border-bottom: 3px solid #0087FF;
}
.conversion .input-group{
  margin-top: 10px;

}
.conversion .form-group{
    margin-bottom: 0px;
}
.result-row{
  display: flex; 
  justify-content: space-between;
}
.result-row p{
  /* margin-top: 10px; */
}
.color-red{
  color: #e41e2b;
}
.rich{
    color: #000;
    width:100%;
    min-height: 200px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 6px 12px;
    outline:none;
    margin-bottom: 20px;
}
/*为空时显示 element attribute content*/
.rich:empty:before{
    content: attr(placeholder);   /* element attribute*/
    /*content: 'this is content';*/
    color:#999;
}
.warning{
    border: 1px solid red;
}
.warning:focus{
    border: 1px solid red !important;
}
.navbar-brand{
    height: 63px;
    padding-top: 10px;
}