/*********************************
** 颜色配置
*/
@import url("font.css?t=1213");
@import url("../../../jquery_modules/animate/3.6.0.css");
/********************************
 * 系统级
 */
* {
  margin: 0;
  padding: 0;
  touch-action: pan-y;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  height: 100%;
  font-size: 14px;
}
body {
  width: 100%;
  color: #666666;
  background: #ffffff;
  font: 1rem/1 'Microsoft Yahei', Arial;
}
img {
  border: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1rem;
}
ul,li{ list-style: none; } 
ul,
ol {
  padding: 0 0 0 1rem;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: #666;
}
a:hover {
  color: #ca2b2f;
}
input,
button,
select,
textarea {
  outline: none;
  font-family: 'Microsoft Yahei', Arial;
  font-size: 1rem;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix::after {
  content: '';
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.fl{ float: left; }
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.show14,
.show4 { display: none;}

.w1280{ width: 1280px; margin:0 auto; }
.c1{ color: #c7a560; }
.cff{ color: #fff; }
.c00{ color: #c00; }
.color1{ color: #ca2b2f!important;}
.bottom-tel{ margin-bottom: 40px; }
.mt10{ margin-top: 10px!important; }
.mt20{ margin-top: 20px!important; }
.mt30{ margin-top: 30px!important; }
.mt40{ margin-top: 40px!important; }
.mt50{ margin-top: 50px!important; }
.lh2{ line-height: 2; }
.c000{ color: #000!important;}
.c333{ color: #333!important;}
.c666{ color: #666!important;}
.c999{ color: #999!important;}
.fs12{ font-size: 12px;}
.fs14{ font-size: 14px;}
.fs16{ font-size: 16px; }
.fs18{ font-size: 18px; }
.fs20{ font-size: 20px; }
.fs24{ font-size: 24px; }
.fs30{ font-size: 30px; }
.fs40{ font-size: 40px; }
.tc{ text-align: center; }
.tran5{ transition: all 0.5s; -moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.tran3{ transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.tran2{ transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.bg-2{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);}
.w100{ width: 100%!important; }
.flex-start { display: flex;justify-content: start; align-items: start;}
.flex-center { display: flex; justify-content: center; align-items: center;}
.flex-between { display: flex; justify-content: space-between; align-items:flex-start;}
.agreement{ font-size: 12px; margin-bottom: 10px;}
.agreement a{ color: #69b0f9; }


.search-items{ padding: 10px 0; font-size: 0;}
.search-items.items{ padding:0; width: 530px; background: #e8e8ed; height: 50px; border-radius: 25px; padding: 5px; margin: 0 auto;}
.search-items.items li{ padding:0;}
.search-items.items li a.active{ background: #1d1d1f; color: #fff; font-weight: 500;}
.search-items li{ display: inline-block; font-size: 16px; margin-right: 15px; position: relative; padding:10px 0; vertical-align: middle;}
.search-items li:last-child{ margin-right: 0;}
.search-items .item{ position: relative; display: block; background-color: #fff; border:1px solid transparent; height: 40px; line-height: 36px; border-radius: 20px; padding: 0 20px 0 20px; color: #5c5c5c; transition: all 0.5s linear;}
.search-items .item i{ font-size: 10px; vertical-align: middle; display: inline-block; transition: all 0.3s linear;}
.search-items .item:hover{ box-shadow: 0 5px 5px rgba(0,0,0,0.08);}
.search-items .item:hover i{ transform: rotate(180deg);}
.search-items .item .icon-error{ position: absolute; right: -2px; top:-5px; width: 18px; height: 18px; line-height: 18px; background:rgba(0,0,0,0.2) ; color: #fff; border-radius: 50%; padding:0; font-weight: 600; text-align: center;}
.search-items .item:hover,.search-items .item.active{ background-color: #fafafa; color: #333;}
.search-items .item.active{background-color: #fafafa; color: #ca2b2f; font-weight: 600;}
.search-items.flex-center .item{ }
.video-list .search-items .item{ width: 160px;}
.search-items .text{ visibility: hidden; display: none; position: absolute; background-color: #fff; border-radius: 10px; padding: 5px; z-index: 10; left: 0; top:60px; color: #333; line-height: 1.6; width: 200px; box-shadow: 0 5px 5px rgba(0,0,0,0.08);}
.search-items li:hover .text{ display: block; visibility: visible; z-index: 11;}
.search-items .text a{ display: block;border-radius: 10px; padding:10px; position: relative;}
.search-items .text a:hover,.search-items .text a.active{ background-color: #f7f7f7; color: #333;}
.search-items .text .hot::after{content: "hot"; position: absolute; right: -2px; top: -5px;  font-size: 11px; color: #ca2b2f; font-weight: 600; border-radius: 50%;}
.search-items .text2{ width: 760px;}
.search-items .text2 .all{margin-top:25px;}
.search-items .text2 .style .flex-between .style-item:nth-child(2n) a:last-child{ margin-right: 20px;}
.search-items .text2 .tit{ display: block; font-size: 12px; color: #999; margin: 0 auto 5px 8px;}
.search-items .text2 a{ display: inline-block;}
.search-items .text2 .style-item::after{ display: block; content: ""; width: 97%;  border-bottom: 1px solid #ebebeb; margin: 10px auto 10px auto;}
.search-items .text3{ width: 410px;}
.search-items .text3 a{ display: inline-block;}

.tag-span span{ display: inline-block; margin-right: 10px; background-color: #fce8e9; color: #ca2b2f; padding:3px 8px; border-radius: 5px;}
.tag-span span i{ vertical-align: middle; line-height: 1.6; }
.tag-span span:nth-child(2){ background: #f6effd; color: #a45eeb;}
.tag-span span:nth-child(3){ background: #eaf0ff; color: #3370ff;}
.tag-span span:last-child{ margin-right: 0;}
.fr{ float: right;}
.block{ display: block;}
.btn-bg{ background-image: linear-gradient(45deg, rgba(202,43,47,1) 10%, rgba(246,118,121,1)); color: #fff!important;}
.news-container{ align-items: flex-start;}
.menus{ padding:20px; border-radius: 20px; background: #fff; color: #1d1d1f; line-height: 1.6; font-size: 16px; width: 20%;} 
.menus dt{ font-size: 18px; margin-bottom: 20px;}
.menus dt .icon-xia{ font-size: 12px; vertical-align: middle; margin-right: 8px; color: #666;}
.menus dd{ padding-left: 10px;}
.menus dd a{ padding:10px;}
.news-container .news-lister{ width: 78%;}
.menus .icon-arrow{ border:1px solid #ccc; color: #ccc; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; font-size: 11px; text-indent: 0; text-align: center;}
.menus dd:hover .icon-arrow,.news-container .menus dd.active .icon-arrow{ border-color: #ca2b2f; color: #ca2b2f;}
.menus dd.active a{ color: #ca2b2f; background: #fafafa; border-radius: 10px;}

.top-filter{ float: left; margin: 12px 0 0 30px;}
.top-filter li{  background-color: #fff; color: #333; font-size: 14px; padding:0 20px; margin-right: 10px; height: 36px; line-height: 36px; border-radius: 18px; display: inline-block; box-shadow: 0 0 15px rgba(0,0,0,0.08);}
.top-filter li .icon-error{ position: absolute; right: -5px; top:-10px; background-color: #fff; width: 22px; height: 22px; line-height: 20px; border-radius: 50%; text-align: center; font-weight: 600; font-size: 12px; box-shadow: 0 0px 5px rgba(0,0,0,0.1); border:1px solid #eee; color: #535353;}