﻿@charset "utf-8";
/* Style Reset */
* {
	margin: 0;
	padding: 0
}
ul, ol, li, dl, dt, dd {list-style: none;}
a {text-decoration: none;outline: 0px;}
img {border: 0;max-width: 100%;}
body {
	width: 100%;
	margin: 0 auto;
background-image:/******url(images/bg.png), ********/url(images/bottom.png);
    background-size: 100%;
    background-repeat: /******repeat-y,********/ no-repeat;
    background-position: /******center center, ********/center bottom;
	background-color: #094e93;
}
.container {
    width: 100%;
    height: auto;
    position: relative;
    background: #fff;
    /* overflow: hidden; */
    margin: 0 auto 0px auto;
}
.introduce {
    width: 100%;
    height: auto;
}
.introduce img {
    width: 100%;
    border: 0;
    display:block;
}
.footer {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    background:#a10d05;
    opacity: 1;
    overflow: hidden;
    cursor: pointer;
}

@keyframes scaleDraw{
	0%{transform: scale(1)}
	25%{transform: scale(1.1)}
	50%{transform: scale(1)}
	75%{transform: scale(1.1)}
}
.ballon{
	background: url(../images/dj.png);
	-webkit-animation-name:scaleDraw;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:5s;
	background-size: 100%;
	min-height: 5rem;
	background-repeat: no-repeat;
	display: block; 
	width: 65%;
	margin: 0 auto;
	margin-top: 2rem;
}


p{margin:0;padding:0}
.tal{text-align:center}
input{width:95%;height:30px;}
.swiper-slide {
      text-align: center;
    
    }
img{ border:none; max-width:100%;}
area{outline:0}
ul,li{list-style:none;padding:0;margin:0}
<!--new-->
.tac{text-align:center}
.tar{text-align:right}

.w100{width:100%}
.wp90{width:90%;margin:0 auto}
.wp92{width:92%;margin:0 auto}
.w92{width: 92%; margin:0 auto}
.w80{width:80%;}
.wp82{width:82%;margin:0 auto}
.wp85{width:82%;margin:0 auto}
.wp86{width:90%;margin:0 auto}
.wp80{width:78%;margin:0 auto}
.wp75{width:75%;margin:0 auto;    left: 0;clear: both;}
.wp49{width:49%;}
.wp45{width:40%;margin:0 auto}
.w18{width:22%;}

.w25{width:25%;}
.w70{width:75%;}
.w68{width:68%;}
.w65{width: 65%;}
.w32{width:32%;}

.w78{width: 78%;}
.tr{text-align: right;}

.cor_1{background-color:#2585c0}
.cor_2{background-color:#fef4f4}
.cor_3{background-color: #fff;
    border-radius: 6px;}
.cor_4{background-image: -webkit-linear-gradient(top, #9b00ff, #1400fe)}
.cor_5{background-color: #144eb2;}

.lh25{line-height:25px}
.lh35{line-height:35px}
.lh45{line-height:45px}

.fr{float:right}
.fl{float:left}
.cb{clear:both}

.rad5{border-radius:5px}
.rad6{border-radius: 6px 6px 0 0;}
.rad10{border-radius:10px 10px 0 0 ;}
.rad8{border-radius: 8px;}
.radius8{border-radius: 8px 8px 0 0;}
.mt30{margin-top:30px}
.mt20{margin-top:20px}
.mt15{margin-top:15px}
.mt10{margin-top:10px}
.mt5{margin-top:5px;}
a.ckzw {
    font-size: 0.9em;
    color: #fff;
    text-align: center;
    line-height: 45px;
    display: block;
}

.pb10{padding-bottom:10px}
.pad12 {
    padding: 10px;
}
.pb20{padding-bottom:20px}
.pad10 { padding: 10px 0;}

.re{position:relative}
.ab1 {
    position: absolute;
    right: 0;
    left: 0;
    width: 98%;
    margin: 0 auto;
    top: 20px;
}
.ab2 {
    position: absolute;
    right: 6px;
    top: 5px;
}
.ab3{position:absolute;right:6px;top:5px}
.ab4{position:absolute;left:0;top:70px;z-index:10}
.ab5{position:absolute;right:0px;top:70px;z-index:10}

.bt2 a {
    color: #fff;
    font-size: 1em;
}

.xz{font-size: 0.95em; color:#ff9c00; font-weight:bold;}
.xz a{color: #ff9c00;}

.em1 a{font-size:1em; color: #333; font-weight: bold;}
.em2{font-size:0.8em; color: #666;}
.em3{font-size:0.8em}
.em3 a{color: #cc3735;}
.em4{font-size:0.6em;color:#949494;background-color: #f4d9d9;padding:2px 10px;border-radius:15px}
.em5 {
 font-size: 1em;
 color: #971614;
 margin-top: 5px;
 font-weight: bold;
}
.em5 a{font-size:1em;color:#971614;margin-top:5px;}
.em6 {font-size:0.95em; color: #686868;}
.em7 a{font-size:0.8em; color: #333;}
.em8 a{font-size:0.8em;color:#cc3735;font-weight: bold;}
.em9{color: #fff; font-size: 0.8em;}
.em10{font-size: 0.9em;}
.em11{
    font-size: 0.9em;
    color:#fff;
}

.em12 a {
    font-size: 0.95em;
    color: #333;
}
.em13 a {
    font-size: 0.9em;
    color: #666;
}
.w96 {
    width: 96%;
    left: 0;
    margin: 0 auto;
    clear: both;
}
.zhub {
    position: absolute;
    z-index: 100;
    top: 16em;
    right: 0;
}
.em24 {
    color:#fef2c7; 
    font-size: 0.85em;
    display: inline-block;
    text-align: left;

}
.bor1{border-bottom:1px solid #f0f0f0}
.bor2{border:1px solid #ececec}

.pad15{padding:8px 0}
.pad13{padding:13px}
.pb15 {
    padding-bottom: 15px;
}

.pr7{padding-right: 7px;}
.pt11{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt15{padding-top:15px}
.pt16{padding:10px 10px 0px 10px}
.pad5{padding:5px 15px}

.pt5{padding-top: 5px;}

.now{white-space:nowrap;overflow: hidden;text-overflow: ellipsis}

.fz{width:8px;height:8px;border-radius:20px;background-color:#dc8d8d;display:inline-block}
.cx{width:20px;height:8px;border-radius:15px;background-color:#971614;display:inline-block}



a.ckzwd {font-size:0.95em;color:#fff;text-align:center;line-height:38px;display:block}

.ckgdco {background-color:#ff9c00;border-radius:25px;}

.button {
    color: #fff;
    background-color: #ff9c00;
    display: inline-block;
    border-radius: 4px;
    font-size: 0.8em;
    line-height: 22px;
    padding: 3px 12px;
    text-align: center;
    margin-top: 14px;
}
.button a{color:#fff}
.ljmx span {
    display: inline-block;
    border-radius: 3px;
    font-size: 0.8em;

    padding: 5px;
    text-align: center;
    background-color: #f7f7f7;
    color: #999999;
}


.scroll{position: fixed;
    right: 0px;
    z-index: 100;
    bottom: 3%;
    cursor: pointer;
    font-size: 0.8em;
    padding: 2px 6px;
    border-radius: 15px 0px 0px 15px;
    background-color: #ff9c00;
    color: #fff;}

.gs{font-size: 1em;}
.gs a{color: #333;}

/* 导航 */
.sch-hot-tab {
    float: left;
    width: 100%;
}
.sch-hot-tab li {
    padding: 0px 6px;
    color: #666;
    font-size: 1em;
    float: left;
    line-height: 48px;
    width: 29%;
    text-align: center;
}
.sch-hot-tab li.on, .sch-hot-tab li:hover {
    border-bottom: 2px solid #a81a12;
    color: #333333;
    font-weight: bold;
    cursor: pointer;
}
img.pr8 {
    vertical-align: -3px;
}

.button1 {
    color: #fff;
    background-color: #971614;
    display: inline-block;
    border-radius: 4px;
    font-size: 0.9em;
    line-height: 22px;
    padding: 6px 12px;
    text-align: center;
}
.button1 a {color: #fff;}

.rad11 {
    border-radius:0px 0 10px 10px;
}
.cor_13 {
    background-color: #2585c0;
}
.fenl span {
    display: inline-block;
    border-radius: 3px;
    font-size: 0.95em;
    padding: 6px 10px;
    text-align: center;
    background-color: #fff;
    color: #333;
}
 a.sf{color:#fff; text-decoration:underline;}

.fenl span.active {
    background-color: #9e1c0e;
    color: #fff;
    font-weight:bold;
}
.select1 {
    font-size: 0.95em;
    padding: 6px 10px;
    color: #333;
    border: none;
    border-radius: 3px;
}
.menu {
    position: sticky;
    top: 0;
    left: 0;
    width: 92%;
    display: flex;
    justify-content: center;
    z-index: 80;
    }

/* 筛选 */
.f18{font-size: 1em; color: #999;}

.f16{font-size: 0.95em; color: #666; font-weight: bold;}

.f14{font-size: 1.2em; color: #fff; font-weight: bold;}

.shaix span {
    width: 32.3%;
    display: inline-block;
    border-radius: 3px;
    font-size: 0.9em;
    padding: 10px 0px;
    text-align: center;
    background-color: #f7f7f7;
    color: #666;
}
.shaix span.active {
    background-color: #ffeeed;
    color: #ff453b;
}

.del{border-radius: 40px;
     background-color: #ffeeed;
     padding: 10px;
     text-align: center;
     color: #ff453b;
}
.sure{border-radius: 40px;
     background-color: #ff453b;
     padding: 10px;
     text-align: center;
     color: #fff;

 }



     /* 定义跳动动画 */
@keyframes pulse {
  0%, 100%{
    transform: scale(1.0);
    animation-timing-function: ease-out; /* 开始时缓慢放大 */  
  }

 
  
  40% {
    transform: scale(1.05);
    animation-timing-function: ease-out; /* 稍微减速放大 */  
  }



  80% {
    transform: scale(0.95);
    animation-timing-function: ease-out; /* 缓慢回到原始大小 */  
  }

}




.heart{
  animation: pulse 2.0s infinite alternate;;
}