*{margin:0;padding:0;}
a {text-decoration: none;}
img{vertical-align: middle}
table{width:100%;border-collapse: collapse;border:1px solid #E5E5E5}
td{border: 1px solid #C0C0C0;border-collapse: collapse;font-size:12pt;text-align:center;font-weight:700;height: 30px;}
td.cong {text-align:center;height:30px;font-size:13pt;font-weight:700;
           background-image:url('https://vhimg1.ptallenvery.com/524466/img/bt1.gif?1');color:#00ffff;;text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;;background-color: #2188e4;
           background-position: center;
           background-repeat:repeat;
           background-origin:padding-box;
           background-size: 100% 100%;background-repeat: no-repeat;}
td.cong a{color:#fff}     
td.cong a1{color:#FFFF00;text-shadow: -1px 0 #ff0000, 0 1px #ff0000, 1px 0 #ff0000, 0 -1px #ff0000;} 

.nn { font-weight:700;color: #602d2d;
animation: 0.7s linear 0s infinite normal none running nn; }
@keyframes nn{
     0% {background: linear-gradient(to right,#ff0,#d6ab34);}
   33% {background: linear-gradient(to right,#0ff,#ff0);}
   66% {background: linear-gradient(to right,#f55,#0ff);}
100% {background: linear-gradient(to right,#ff0,#f55);}}

.lq {
    animation: scale 1s linear infinite;
    -webkit-animation: scale 1s infinite;
    position: relative;
    border: none;
  margin-bottom: 5px;
    line-height: 20px;
    padding: 0 3px;
    font-size: 14pt;
    border: 1px solid #b21065;
    border-radius: 10px;
    background-image: 
        linear-gradient(to bottom, #fff9, transparent 50% 90%, #f5cbbc99),
        repeating-linear-gradient(60deg,#0037ff55 0 10px, transparent 10px 20px),
        linear-gradient(to bottom, #1000ff, #002bff);
    color: #ffffff;
    font-family: monospace;
    font-weight: bold;
    text-shadow: 0 1px 0 #efb7de;
    box-shadow: 0 4px 0 #0005, 0 -1.5px 0 #BD1360, 0 0px 0 3.5px #fff, 0 0 1px 3px #e260ae;
    transition: 0.1s;
}

@keyframes c_location_rotate{0%{transform:scale(1)}
12.5%{transform:scale(1.1)}
25%{transform:scale(1)}
37.5%{transform:scale(1.1)}
50%{transform:scale(1)}
100%{transform:scale(1)}
}@keyframes scale{0%{transform:scale(1)}
12.5%{transform:scale(1.1)}
25%{transform:scale(1)}
37.5%{transform:scale(1.1)}
50%{transform:scale(1)}
100%{transform:scale(1)}
}



.baodian th{height:40px;border:solid 1px #c99;background:#66ffff;color:#fff;text-shadow:0 1px 0 #000;font-size:17px;}
.baodian td{border: 5px solid #ff005e;;background:#66ffff;text-align:center;font-weight:700;;font-size:13pt}
.baodian td.td1{width:35%;}
.baodian td.td2{width:65%;}
.baodian td.td2 img{margin:0 0;width:100%;height:auto;}
.baodian tr :hover{background:#93edd9;color:red;text-decoration:none;}



.baodian td{border: 5px solid #1000ff;background:ivory;text-align:center;font-weight:700;;font-size:13pt}
.baodian td.td1{width:35%;background-image:url('https://vhimg1.ptallenvery.com/524466/images/sbx1.jpg');background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.baodian td.td3{width:35%;background-image:url('https://vhimg1.ptallenvery.com/524466/images/sbx3.jpg');background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.baodian td.td4{width:35%;background-image:url('https://vhimg1.ptallenvery.com/524466/images/sbx4.jpg');background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.baodian td.td2{width:65%;}
.baodian td.td2 img{margin:0 0;width:100%;height:auto;}
.baodian tr :hover{color:red;text-decoration:none;}
.chu{color: #ffff00;
    width: 145px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 2rem;
    background-size: 300% 300%;
    backdrop-filter: blur(1rem);
    border-radius: 5rem;
    transition: 0.5s;
    animation: gradient_301 5s ease infinite;
    border: double 2px transparent;
    background-image: linear-gradient(#212121, #212121), linear-gradient(137.48deg, #ffdb3b 10%, #FE53BB 45%, #8F51EA 67%, #0044ff 87%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin: 0 auto;}
	


.hanne {position: relative;display: table-cell;color: #FFC107;
  text-transform: uppercase;
  overflow: hidden;font-family: cursive;width: auto;
  background-image: url(https://vhimg1.ptallenvery.com/928144/images/bj.gif);
  border-radius: 14px;border: 2px solid;}
  
.hanne:hover {background: #0000FF;color: #fff;}
hanne span {position: absolute;display: block;}

.hanne:nth-child(1) {filter: hue-rotate(212deg);}
.hanne span:nth-child(1) {top: 0;left: 0;width: 100%;height: 3px;
  background: linear-gradient(275deg, transparent, #FFC107);
  animation: animate1 2s linear infinite;}
  
@keyframes animate1 {
  0% {left: -100%;}
  50%,
  100% {left: 100%;}}
  
.hanne:nth-child(2) {filter: hue-rotate(115deg);}
.hanne span:nth-child(2) {top: -100%;right: 0;width: 3px;height: 100%;
  background: linear-gradient(275deg, transparent, #03e9f4);
  animation: animate2 2s linear infinite;
  animation-delay: 0.25s;}
@keyframes animate2 {
  0% {top: -100%;}
  50%,
  100% {top: 100%;}}
.hanne:nth-child(3) {filter: hue-rotate(57deg);}
.hanne span:nth-child(3) {bottom: 0;right: 0;width: 100%;height: 3px;
  background: linear-gradient(270deg, transparent, #03e9f4);
  animation: animate3 2s linear infinite;
  animation-delay: 0.5s;}
@keyframes animate3 {
  0% {right: -100%;}
  50%,
  100% {right: 100%;}}
.hanne:nth-child(4) {filter: hue-rotate(89deg);}

.hanne span:nth-child(4) {bottom: -100%;left: 0;width: 3px;height: 100%;
  background: linear-gradient(360deg, transparent, #03e9f4);
  animation: animate4 2s linear infinite;
  animation-delay: 0.75s;}
@keyframes animate4 {
  0% {bottom: -100%;}
  50%,
  100% {bottom: 100%;}} 
a {text-decoration: none;}




body{line-height: 0;}
.imgBoxes{max-width: 800px;max-height: 589px;display: inline-block;box-sizing: border-box;}
.imgBoxes .img-box-l{width:35%;float:left;}
.imgBoxes .img-box-r{width:65%;float:right;border: 5px solid #1000ff;box-sizing: border-box;}
.imgBoxes ul li{list-style: none;display: inline-block;}
.img-box-l ul.list li{width: calc(100% - 5px);position: relative;}
.img-box-l img, .img-box-r img{width: 100%;height: 100%;}
.img-box-l li a{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.img-box-r .ul-periods{display: flex;justify-content: space-between;align-items: center;padding:0 5px;box-sizing: border-box;height:37px;}
.img-box-r .ul-periods li{
    width: calc(100% / 5 - 5px);
    text-align: center;
    padding: 5px;
    background-color: #ec4433;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 18px;
    font-weight: 600;
    box-sizing: border-box;
    line-height: 24px;
}
.img-box-l .img-item{border-bottom:5px solid #1000ff;border-left:5px solid #1000ff;}
.img-box-l .img-item:first-child{border-top: 5px solid #1000ff;}
@media screen and (max-width:768px) {
    .img-box-r .ul-periods li{font-size: 0.9em;}
    .img-box-l .chu{width:95px;font-size: 11px;height:1.5rem}
}
@media screen and (max-width:500px) {.img-box-r .ul-periods li{font-size: 0.8em;}}
@media screen and (max-width:459px) {.img-box-r .ul-periods li{font-size: 0.6em;}}

table{border:1px;width:100%;border-collapse:collapse;}

.ziliao td {font-size:12pt;font-family:微软雅黑;line-height:26px;text-align:center;border-bottom:1px solid #808080;}
.ziliao span{color :#FF0000;background-color:#FFFF00}
.ziliao e1{color:#0000FF ;}
.ziliao e2{color:#FF0000;}
@media screen and (max-width:600px){
.ziliao td {font-size:18px;}
}

.jie td {font-size:12pt;font-family:微软雅黑;line-height:26px;text-align:center;border-bottom:1px solid #808080;}
.jie span{color :#FF0000;background-color:#FFFF00}

@media screen and (max-width:600px){
.jie td {font-size:16px;}
}