body,html{padding:0;margin:0}
h1 span{color:red;margin-left:0.15rem;text-shadow: #f7ca57 2px 3px 4px;font-size: 1.8rem}
.logo img{width:100%}
h1{font-size:1.4rem;text-align:center}
h3{color:red;font-size:1rem;text-align:center}
h5{color:#207fb9;font-size:.8rem;text-align:center}
h5 span{color:red}
h1::after {width: 240px; height: 18px; background: rgba(166, 181, 220, 0.3); display: block; content: ""; position: absolute; left: 50%; margin-left: -120px; margin-top: -15px;border-radius:15px;}
h4 {background: linear-gradient(270deg, rgba(255, 164, 98, 0) 0%, rgba(254, 107, 51, 0.2) 100%);border-radius: 1.4rem; color: #FE6B33;padding: 0.4rem 1.2rem;font-size: 0.8rem;display: flex;align-items: center;margin-left: 0.8rem;}
h4 span {font-size:0.8rem;margin-top:0.3rem}
.box {padding:0 1.2rem 1.2rem;background-color: #a5c9e1;border-radius: 1.2rem;width: calc(100% - 1.6rem); margin: 0.8rem auto;box-sizing: border-box;font-size: .8rem;line-height: 2rem;padding-bottom: 0;color:#fff}
.box2 {padding:0 1.2rem 1.2rem;background-color: #f7ca57;border-radius: 1.2rem;width: calc(100% - 1.6rem);margin: 0.8rem auto;box-sizing: border-box;
    font-size: .8rem;line-height: 2rem;color:#fff;}
.yi span,.box2 span{display: block;font-size: 1rem;text-align: center; font-weight: bolder; width: 60%; margin: 0 auto 1.8rem; background: linear-gradient(180deg, #a5c9e1 20%, #3689bc 100%); height: 2rem; border-radius: 0 0 15px 15px;box-shadow: 2px 1px 5px #888;}
.box2 p{line-height: 0.8rem;}
.box2 img{width:100%}
.yi{overflow:hidden;font-size:.6rem;padding-bottom:0.8rem;list-style:none}
.yi div{width:32%;float:left;border:1px solid white;border-radius:25px;text-align:center;font-size:.8rem;line-height:1.4rem;overflow: hidden;}
.yi div:nth-child(2){margin:0 1%}
.btn {display:block;margin: 20px auto 10px;background: linear-gradient(90deg, #7cafd2 0%, #3689bc 100%); cursor: pointer;padding:0.5rem 0;width:60%;border:1px solid white;border-radius:25px;text-align:center;font-size:.8rem;overflow: hidden;color: #fff;}
.kefu {width:90%;margin:0 auto 0.2rem;background: linear-gradient(180deg, #a5c9e1 20%, #3689bc 100%); border-radius: 2.2rem; font-weight: bold;padding:0.4rem 0}
a{text-decoration: none;color:#fff;display:block;text-align:center}
.reverse-list {counter-reset: item; list-style-type: none;padding:0;margin:0}
.reverse-list li {counter-increment: item 1; position: relative; }
.reverse-list li::before {content: counter(item);position: absolute;left: 2px;top: 20px;color: #fff;font-weight: bold;font-size: 1.3rem; opacity: 0.15;font-style: oblique; }
#attr_28,#attr_29{width: 80%;height:2rem;margin: 20px auto;display: block;border-radius:25px;border:none;text-indent: 0.6rem;}
.cantuan{position: absolute;margin: 0 auto; bottom: 8rem; left: 50%; margin-left: -120px;  width: 240px;}
.main{clear:both;position: relative;overflow:hidden}
.fx{display:none}
#countdown{color:red;font-size:.8rem;text-align:center}
.mkf {width: 100%;height: 2rem;background: #a6b5dc;display: flex;justify-content: center;align-items: center;position: fixed;left: 0px;bottom: 0px;z-index: 999;}
.mkf a {flex: 0 1 50%;text-align: center;color: #fff;font-size: 0.9rem;display: flex;justify-content: center;align-items: center;height: 100%;}
.mkf a img {width: 0.9rem;margin-right: 10px;}
.mkf a.mkfs { position: relative;}
.mkf a.mkfs::after {position: absolute; width: 1px; height: 100%; display: block; content: ""; top: 0px; right: 0px; background: #fff;}
/* 头部 */
#mhead { position: absolute; top: 20px;left: 0px;width: 100%;height: 62px;z-index: 999;}
.mhead_bd {display: flex;justify-content: space-between;align-items: center;padding: 0px 0.35rem;box-sizing: border-box;}
.mheadr {text-align: right;}
.mbdfwtl img {max-width: 100%;}
#fnav { width: 100%;height: 100vh;position: fixed;right: -100%;top: 0px;background: rgba(0, 0, 0, 0.2);z-index: 99999999;transition: all 0.5s ease-in-out;}
.fnav_bd {width: 46.7%;height: 100%;position: absolute;right: 0px;top: 0px;background: rgba(166, 181, 220, 0.88);}
.fnav_box { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; flex-wrap: wrap; flex-direction: column; position: relative;}
.fnav_box a { color: #fff;margin-bottom: 15px;font-size: 1rem;line-height: 2;width: 100%;display: block;text-align: center;}
.fnav_box a.active {color: #667bb3;}
.fnav_close {font-size: 25px;position: absolute;right: 15px;top: 20px;}
@media (max-width: 414px) { 
      .mimgs { width: 55.2%; }
	  .mimgs {max-width: 100%;}
}
.progress {width:100%;height: 18px;border-radius: 15px;overflow:hidden;margin-top: -30px;}
.progress1 { background-color: #f5d780;height: 18px;border-radius: 15px 0 0 15px;transition: width 0.3s ease;}
.progress1::after { content: attr(data-progress); display: inline-block;position: absolute;top: 0;background-color: #f5d780;color: white;padding: 0 10px;}