/*通用样式*/

body {background-color: #f5f7f9;color: #333;margin: 0px;font: 16px/32px "MicroSoft YaHei",'宋体';word-spacing: 5px;letter-spacing:1px;line-height:1.428;}

ul,li,dl,dd,dt{list-style-type: none;margin: 0;padding: 0;}
a{text-decoration: none!important;}
img{border: none;}

.right{float: right;}
.left{float: left;}
.img-full{width: 100%;height: auto;}

a:link {color: #333;text-decoration: none;}
a:visited {text-decoration: none;color: #333;}
a:hover {text-decoration:none; color:#d12a20;}
a:active {text-decoration: none;color: #333;}

.link01,a.link01:link,a.link01:visited,a.link01:hover { color:#ae0e16; vertical-align: middle;}

.clear{ clear:both;}

.ch{width: 100%;height: 0;clear: both;}
.ch10{width: 100%;height: 10px;clear: both;}
.ch15{width: 100%;height: 15px;clear: both;}
.ch20{width: 100%;height: 20px;clear: both;}
.ch30{width: 100%;height: 30px;clear: both;}
.ch40{width: 100%;height: 40px;clear: both;}
.ch50{width: 100%;height: 50px;clear: both;}
.ch150{width: 100%;height: 150px;clear: both;}
.ch100{width: 100%;height: 100px;clear: both;}

.container{
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px; /* or 950px */
}


.logo{display: flex; justify-content: center; align-items: center;}
.logo img{width:300px;}


.search-btn{background-color:#bb9c75; border-color:#bb9c75; font-size: 20px;border-top-left-radius: 0; border-bottom-left-radius: 0;}
.search-input{border:1px solid #bb9c75 !important;}
.search-txt{ line-height: 2;}
.search-txt li{float: left; }
.form-control:focus{
  border-color:#bb9c75;
  webkit-box-shadow:none;
  box-shadow:none;
  }

.foot{ bottom: 0; position: absolute; display: flex; justify-content: center; align-items: center; background-color: #ccbaa1; }
.searchFoot{ bottom: 0; display: flex; justify-content: center; align-items: center; background-color: #ccbaa1; }
.foot img{ width: 300px; margin: 50px auto;height: 58px;}
.searchFoot img{ width: 300px; margin: 50px auto; height: 58px;}


.gg img{ height:48px; width: 100%; }

.list{background-color: #FFFFFF; border: solid #e7e7e7 1px; border-radius: 10px;box-shadow: 3px 3px 10px #e7e7e7; }


.result{ margin: 40px; margin-bottom: 0px; width: 100%; border-bottom: dashed #ccc 1px; font-size: 14px; padding-bottom: 20px;}
.result img{ float: left; margin-right: 20px; width: 20%;  margin-bottom: 20px; margin-left: 10px; border-radius: 3px;}
.result li{  margin-bottom: 20px; padding:0 10px; }

.page{ display: flex; justify-content: center; align-items: center;}
.page button{background-color:#ccbaa1; border-color:#bb9c75;}


.search-txt{ line-height: 2;}
.search-txt li{float: left;  margin-right: 3%;}

.pageWarning{
  position: absolute;
  top: 5px;
  width: 50%;
  left: 25%;
  /* display:none; */
  animation: identifier 5s linear forwards ;
}
.alert{
  opacity: 0;
}
@keyframes identifier {
  0%{
    top:0px;
    opacity: 0;
  }
  10%{
    top: 30px;
    opacity: 1;
  }
  90%{
    opacity: 1;
  }
  100%{
    top: 30px;
    opacity: 0;
  }
}

#topSearch{
  display: none;
}
.emptyContent{
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction:column;
}
.emptyContent img{
  width: 30vh;
  height: 30vh;
}
.card{
  border: 0;
  margin: 0 auto;
}



 























/*手机版*/
@media (max-width: 540px) {
/*  首页  */
    .ch10-mobile{width: 100%;height: 10px;clear: both;}
    .ch20-mobile{width: 100%;height: 20px;clear: both;}

    .mobile-hidden{display: none;}
    .right-fr{float: none;}
    .left-fl{float: none;}
    .slideTxtBox .hd{margin-bottom: 20px;}

    /*网站信息*/
    .website-xx button{margin-top: 20px;}
    .website-xx{padding-left: 0;}

   /* 关于本站*/
    .copyright{line-height: 30px;text-align: center;margin-top: 15px;}
    .copy-nav li{margin-left: 5px;}
    .copy-nav li a{line-height: 30px;margin-right: 5px;}


/*  ------------   列表页   ----------------     */
    .list-line li a{width: 65%;}


}



