* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "微软雅黑", sans-serif;
}
a,
input,
label {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);
    -o-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
    display: block;
}
input,
button {
    outline: none;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
.clearfix {
    *+height: 1%;
}
body {
    background: #fff;
    max-width: 750px;
    width: 100%;
    margin: auto;
    font-size: 0;
}
.phone {
    background: url(../images/phone.png) no-repeat 0 center;
    background-size: .35rem .35rem;
    width: 2.4rem;
    margin: .15rem auto 0;
    font-size: .26rem;
    color: #5c5c5c;
    line-height: .35rem;
    padding-left: .5rem;
}
.header {
    background: url("../images/header_bg.png") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 0.95rem;
}
.header ul {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
.header li {
    list-style: none;
    font-size: 0.28rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    -webkit-flex: 0 1 25%;
    flex: 0 1 25%;
}
.banner {
    background: url("../images/banner_bg.jpg") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 6.27rem;
    padding-top: 0.50rem;
}
.logo {
    width: 4.57rem;
    margin: 0 0 0 0.73rem;
}
.banner_tit {
    width: 4.38rem;
    margin: 0.36rem 0 0 2.62rem;
}
.banner_words {
    width: 3.9rem;
    margin: 0.27rem 0 0 3.05rem;
}
.banner_words li {
    list-style: none;
    width: 100%;
    height: 0.56rem;
    padding-right: 0.26rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-end;
}
.banner_words li:nth-child(2) {
    margin-top: 0.14rem;
}
.banner_words li:nth-child(3) {
    margin-top: 0.13rem;
}
.banner_p {
    font-size: 0.26rem;
    color: #fff;
    margin-right: 0.18rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.banner_icon {
    width: 0.27rem;
    height: 0.29rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.reminder {
    background: url("../images/reminder_bg.jpg") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 7.1rem;
    padding-top: 0.86rem;
}
.reminder_tit {
    width: 5.87rem;
    margin: 0 auto;
    position: relative;
}
.clock {
    width: 0.53rem;
    height: 0.59rem;
    position: absolute;
    top: -0.31rem;
    left: 4.06rem;
}
.date {
    width: 4.24rem;
    margin: 0.5rem auto 0;
}
.reminder_box {
    background: url("../images/reminder_box.png") no-repeat 0 0;
    background-size: 1.5rem 1.02rem;
    width: 1.5rem;
    height: 1.02rem;
    float: left;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reminder_p {
    font-size: 0.3rem;
    color: #4c4c4c;
    line-height: 1;
    float: left;
    margin-left: 0.16rem;
    margin-top: 0.7rem;
}
.ml28 {
    margin-left: 0.28rem;
}
#month1,
#month2,
#day1,
#day2 {
    font-family: Impact, "Microsoft YaHei";
    font-size: 0.8rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
}
.reminderCon li {
    width: 1.85rem;
    height: 0.6rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.reminderBtn {
    background: #fff;
    width: 1.85rem;
    height: 0.6rem;
    border: none;
    border-radius: 0 0.1rem 0 0.1rem;
    box-shadow: inset 0 0 0.2rem rgba(112, 196, 73, 0.6);
    -webkit-box-shadow: inset 0 0 0.2rem rgba(112, 196, 73, 0.6);
    font-size: 0.24rem;
    color: #333;
}
.reminderBtn1 {
    background: #fff;
    width: 1.85rem;
    height: 0.6rem;
    border: none;
    border-radius: 0 0.1rem 0 0.1rem;
    box-shadow: inset 0 0 0.2rem rgba(255, 115, 0, 0.6);
    font-size: 0.24rem;
    color: #333;
    position: relative;
}
.reminderIcon {
    width: 0.15rem;
    height: 0.15rem;
    position: absolute;
    right: 0.14rem;
    top: 0.1rem;
    animation: twinkling 2s infinite;
    -webkit-animation: twinkling 2s infinite;
}
.reminder_btn_big {
    background: #2f8deb;
    width: 4.8rem;
    height: 0.7rem;
    border: none;
    border-radius: 0.08rem;
    -webkit-box-shadow: inset 0 3px 6px rgba(4, 0, 0, 0.15), 0 3px 6px rgba(4, 0, 0, 0.15);
    box-shadow: inset 0 3px 6px rgba(4, 0, 0, 0.15), 0 3px 6px rgba(4, 0, 0, 0.15);
    display: block;
    margin: 0.45rem auto 0;
    font-size: 0.28rem;
    color: #fff;
}
.mt18 {
    margin-top: 0.18rem;
}
.six {
    background: url("../images/six_bg.jpg") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 10.41rem;
    padding-top: 0.74rem;
}
.six_tit {
    width: 4.88rem;
    margin: 0 auto;
}
.six_p {
    font-size: 0.24rem;
    color: #707070;
    text-align: center;
    line-height: 1;
    margin-top: 0.2rem;
}
.six_con {
    width: 7.02rem;
    height: 5.85rem;
    margin: 0.5rem auto 0;
}
.six_con ul {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}
.six_con li {
    width: 33.3%;
    height: 50%;
    border-bottom: #d9d9d9 1px dashed;
    border-right: #d9d9d9 1px dashed;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-top: 0.1rem;
}
.six_con li:nth-child(3),
.six_con li:nth-child(6) {
    border-right: none;
}
.six_con li:nth-child(4),
.six_con li:nth-child(5),
.six_con li:nth-child(6) {
    border-bottom: none;
    padding-top: 0.3rem;
}
.six_icon {
    width: 0.55rem;
    height: 0.64rem;
    margin: 0 auto;
}
.six_h3 {
    font-size: 0.26rem;
    color: #5c5c5c;
    line-height: 1;
    text-align: center;
    margin-top: 0.20rem;
}
.six_p {
    font-size: 0.2rem;
    color: #5c5c5c;
    line-height: 0.3rem;
    text-align: center;
    margin-top: 0.16rem;
}
.six_btn {
    background: url("../images/six_btn.png") no-repeat 0 0;
    background-size: 1.64rem 0.53rem;
    width: 1.64rem;
    height: 0.53rem;
    border: none;
    font-size: 0.24rem;
    color: #fff;
    display: block;
    margin: 0.2rem auto 0;
    padding-bottom: 0.05rem;
}
.six_btn_big {
    background: #2f8deb;
    width: 4.8rem;
    height: 0.70rem;
    border: none;
    border-radius: 0.08rem;
    display: block;
    margin: 0.54rem auto 0;
    font-size: 0.28rem;
    color: #fff;
    -webkit-box-shadow: inset 0 3px 6px rgba(4, 0, 0, 0.15), 0 3px 6px rgba(4, 0, 0, 0.15);
    box-shadow: inset 0 3px 6px rgba(4, 0, 0, 0.15), 0 3px 6px rgba(4, 0, 0, 0.15);
}
.promote {
    background: url("../images/promote_bg.jpg") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 11.06rem;
    padding-top: 0.74rem;
}
.promote_tit {
    width: 4.88rem;
    margin: 0 auto;
}
.promote_p {
    font-size: 0.24rem;
    color: #707070;
    text-align: center;
    line-height: 1;
    margin: 0.2rem 0 0 0;
}
.promote_con {
    width: 6.84rem;
    margin: 0.4rem auto 0;
}
.promote_con ul {
    width: 100%;
    height: 6.22rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}
.promote_con li {
    background: url("../images/promote_box.png") no-repeat 0 0;
    background-size: 2.22rem 2.02rem;
    width: 2.22rem;
    height: 2.02rem;
    padding-top: 0.35rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative;
}
.fire {
    width: 0.27rem;
    height: 0.36rem;
    position: absolute;
    top: 0.21rem;
    left: 0.16rem;
    display: none;
}
.promote_p1 {
    font-size: 0.28rem;
    color: #4c4c4c;
    line-height: 0.36rem;
    text-align: center;
}
.promote_btn {
    background: url("../images/six_btn.png") no-repeat 0 0;
    background-size: 1.64rem 0.53rem;
    width: 1.64rem;
    height: 0.53rem;
    border: none;
    display: block;
    font-size: 0.24rem;
    color: #fff;
    margin: 0.12rem auto 0;
    padding-bottom: 0.05rem;
}
.mt56 {
    margin-top: 0.56rem;
}
.promote_p2 {
    font-size: 0.26rem;
    color: #fa544b;
    line-height: 1;
    text-align: center;
    margin: 0.2rem auto 0;
}
.question {
    background: url("../images/question_bg.jpg") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 9.74rem;
    padding-top: 0.74rem;
}
.question_tit {
    width: 5.42rem;
    margin: 0 auto;
}
.question_p1 {
    font-size: 0.24rem;
    color: #707070;
    text-align: center;
    line-height: 1;
    margin-top: 0.2rem;
}
.question_con {
    width: 7.14rem;
    margin: 0.22rem auto 0;
}
.question_con li {
    width: 100%;
    height: 0.74rem;
    border-bottom: #e5e5e5 1px dashed;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.question_p {
    font-size: 0.26rem;
    color: #4c4c4c;
    line-height: 0.62rem;
    margin-top: 0.12rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.question_p.red {
    color: #fa544b;
}
.question_btn {
    background: url("../images/six_btn.png") no-repeat 0 0;
    background-size: 1.64rem 0.53rem;
    width: 1.64rem;
    height: 0.53rem;
    border: none;
    padding-bottom: 0.05rem;
    font-size: 0.24rem;
    color: #fff;
    margin-top: 0.26rem;
}
.mt60 {
    margin-top: 0.6rem;
}
.school {
    background: url("../images/school_bg.jpg") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 10.96rem;
    padding-top: 0.74rem;
}
.school_tit {
    width: 4.31rem;
    margin: 0 auto;
}
.school_p {
    font-size: 0.2rem;
    color: #707070;
    line-height: 1;
    text-align: center;
    margin: 0.20rem 0 0 0;
}
.mt42 {
    margin-top: 0.42rem;
}
.swiper-container {
    width: 100%;
    height: 5.5rem;
}
.swiper-slide {
    background: url("../images/school_box.png") no-repeat 0 0;
    background-size: 4.22rem 5.12rem;
    width: 4.22rem;
    height: 5.12rem;
    padding-top: 0.36rem;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.swiper-slide-active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.school_p1 {
    font-size: 0.26rem;
    color: #4d4d4d;
    line-height: 1;
    margin-left: 0.65rem;
}
.school_p2 {
    font-size: 0.26rem;
    color: #4d4d4d;
    line-height: 1;
    margin-left: 0.65rem;
    margin-top: 0.22rem;
}
.school_pic {
    width: 3.65rem;
    margin: 0.28rem auto 0;
}
.school_p3 {
    font-size: 0.24rem;
    color: #5c5c5c;
    line-height: 0.36rem;
    margin: 0.18rem 0 0 0.42rem;
}
.swiper-pagination-bullet {
    background: url("../images/school_icon1.png") no-repeat 0 0;
    background-size: 0.1rem 0.1rem;
    width: 0.1rem;
    height: 0.1rem;
    -wekit-flex: 0 1 auto;
    flex: 0 1 auto;
    opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: 0.84rem;
    bottom: 0;
    left: 50%;
    position: absolute;
    margin-left: -0.42rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}
.swiper-pagination-bullet-active {
    background-image: url(../images/school_icon2.png);
}
.mt55 {
    margin-top: 0.55rem;
}
.major {
    background: url("../images/major_bg.jpg") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 10.6rem;
    padding-top: 0.64rem;
}
.major_tit {
    width: 4.48rem;
    margin: 0 auto;
}
.major_p {
    font-size: 0.24rem;
    color: #707070;
    text-align: center;
    line-height: 1;
    margin-top: 0.22rem;
}
.major_con {
    width: 7.14rem;
    margin: 0.44rem auto 0;
}
.major_con>ul>li {
    background: url("../images/major_box.png") no-repeat 0 0;
    background-size: 7.14rem 1.18rem;
    width: 7.14rem;
    height: 1.18rem;
    padding: 0.06rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 0.07rem;
}
.major_con>ul>li:first-child {
    margin-top: 0;
}
.major_box1 {
    width: 1.6rem;
    height: 1.06rem;
    padding-top: 0.18rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.major_icon {
    width: 0.33rem;
    height: 0.31rem;
    margin: 0 auto;
}
.major_h3 {
    font-size: 0.26rem;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-weight: normal;
    margin: 0.12rem 0 0 0;
}
.major_ul {
    width: 3.82rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.major_ul li {
    list-style: none;
    width: 50%;
    float: left;
    font-size: 0.22rem;
    color: #5c5c5c;
    line-height: 0.53rem;
    text-align: center;
}
.major_btn {
    background: transparent;
    width: 1.6rem;
    height: 1.06rem;
    border: none;
    font-size: 0.24rem;
    color: #fa544b;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.mt18 {
    margin-top: 0.18rem;
}
.major_list {
    width: 7.02rem;
    margin: 0.12rem auto 0;
}
.major_list ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.major_list li {
    width: 1.6rem;
    height: 1.28rem;
    background: #fff;
    border: #e5e5e5 1px solid;
    border-radius: 0.08rem;
    padding-top: 0.26rem;
    position: relative;
}
.major_h4 {
    font-size: 0.26rem;
    color: #4d4d4d;
    line-height: 1;
    text-align: center;
    font-weight: normal;
}
.major_btn1 {
    background: url("../images/major_btn1.png") no-repeat 0 0;
    background-size: 1.64rem 0.59rem;
    width: 1.64rem;
    height: 0.59rem;
    border: none;
    font-size: 0.24rem;
    color: #fff;
    padding-bottom: 0.05rem;
    position: absolute;
    left: -0.03rem;
    bottom: -0.05rem;
}
.major_p1 {
    font-size: 0.26rem;
    color: #fa544b;
    text-align: center;
    line-height: 1;
    margin-top: 0.2rem;
}
.why {
    background: url("../images/why_bg.jpg") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 13.08rem;
    padding-top: 1.3rem;
}
.why_box1 {
    margin-left: 1rem;
}
.why_tit {
    width: 2.92rem;
    height: 0.65rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}
.why_portrait {
    width: 0.65rem;
    height: 0.65rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.why_h3 {
    font-size: 0.28rem;
    color: #1a1a1a;
    font-weight: normal;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.why_label {
    width: 0.7rem;
    height: 0.24rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.why_h4 {
    font-size: 0.26rem;
    color: #2f8deb;
    line-height: 1;
    font-weight: normal;
    margin-top: 0.3rem;
}
.why_p {
    font-size: 0.24rem;
    color: #4d4d4d;
    line-height: 0.38rem;
    margin-top: 0.14rem;
    height: 1.14rem;
}
.why_pic {
    width: 3.5rem;
    margin-top: 0.22rem;
}
.why_box2 {
    margin: 0.4rem 0 0 1rem;
}
.why_box3 {
    margin: 0.33rem 0 0 1rem;
}
.why_btn {
    background: url("../images/why_btn.png") no-repeat 0 0;
    background-size: 3.64rem 0.75rem;
    width: 3.64rem;
    height: 0.75rem;
    border: none;
    display: block;
    margin: 0.44rem auto 0;
    font-size: 0.28rem;
    color: #fff;
    padding-bottom: 0.05rem;
}
.privilege {
    background: url("../images/privilege_bg.jpg") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 5.52rem;
    padding-top: 0.74rem;
}
.privilege_tit {
    width: 3.79rem;
    margin: 0 auto;
}
.privilege_con {
    width: 7.14rem;
    margin: 0.44rem auto 0;
    display: flex;
    display: -webkit-flex;
}
.privilege_box1 {
    background: url("../images/privilege_box1.png") no-repeat 0 0;
    background-size: 2.37rem 3.32rem;
    width: 2.37rem;
    height: 3.32rem;
    padding-top: 1.66rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.privilege_box2 {
    background: url("../images/privilege_box2.png") no-repeat 0 0;
    background-size: 2.37rem 3.32rem;
    width: 2.37rem;
    height: 3.32rem;
    padding-top: 1.66rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.privilege_box3 {
    background: url("../images/privilege_box1.png") no-repeat 0 0;
    background-size: 2.37rem 3.32rem;
    width: 2.37rem;
    height: 3.32rem;
    padding-top: 1.66rem;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.privilege_p {
    font-size: 0.26rem;
    color: #fff;
    line-height: 0.36rem;
    text-align: center;
}
.privilege_p strong {
    color: #ffea00;
}
.privilege_btn {
    background: url("../images/privilege_btn.png") no-repeat 0 0;
    background-size: 2rem 0.53rem;
    width: 2rem;
    height: 0.53rem;
    padding-bottom: 0.05rem;
    border: none;
    font-size: 0.24rem;
    color: #fff;
    display: block;
    margin: 0.14rem auto 0;
}
.last {
    background: url("../images/last_bg.jpg") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 7.89rem;
    padding-top: 0.84rem;
}
.last_words1 {
    width: 5.09rem;
    margin: 0 auto;
}
.last_mouse {
    width: 0.23rem;
    margin: 0.26rem auto 0;
}
.last_words2 {
    width: 6.66rem;
    margin: 0.14rem auto 0;
}
.last_words3 {
    width: 5.44rem;
    margin: 0.29rem 0 0 1.82rem;
}
.last_p {
    font-size: 0.26rem;
    color: #fa544b;
    line-height: 1;
    text-align: center;
    margin: 0.2rem 0 0 0;
}
.footer {
    background: url("../images/footer_bg.jpg") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height:2.2rem;
}
.footer_p2 {
    font-size: 0.22rem;
    color: #6b6b6b;
    text-align: center;
    line-height:1.2rem;
}
.bottombar {
    background: url("../images/bottombar.png") no-repeat 0 0;
    background-size: cover;
    width: 7.5rem;
    height: 0.88rem;
    position: fixed;
    left: 50%;
    bottom: 0;
    margin-left: -3.75rem;
    z-index: 2;
}
.bottombar_btna {
    background: transparent;
    width: 3.5rem;
    height: 0.88rem;
    float: left;
    border: none;
    font-size: 0.3rem;
    color: #fff;
}
.bottombar_btnb {
    background: transparent;
    width: 3.5rem;
    height: 0.88rem;
    float: right;
    border: none;
    font-size: 0.3rem;
    color: #fff;
}
.bottombar_icon {
    width: 1.36rem;
    height: 0.96rem;
    position: absolute;
    top: -0.21rem;
    left: 3.07rem;
}
@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }
    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -0.1rem, 0)
    }
    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -0.05rem, 0)
    }
    90% {
        transform: translate3d(0, 0, 0)
    }
}
@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }
    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -0.1rem, 0)
    }
    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -0.05rem, 0)
    }
    90% {
        transform: translate3d(0, 0, 0)
    }
}
.bounce {
    -webkit-animation: bounce 1s infinite;
    animation: bounce 1s infinite;
    transform-origin: center bottom;
}
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}
@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
        transform: translateX(5px)
    }
}
.reminder_btn_big span,
.six_btn_big span,
.bottombar_btna span,
.bottombar_btnb span {
    -webkit-animation: sdb07 2s infinite;
    animation: sdb07 2s infinite;
    opacity: 0;
}
.reminder_btn_big span:nth-of-type(1),
.six_btn_big span:nth-of-type(1),
.bottombar_btna span:nth-of-type(1),
.bottombar_btnb span:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.reminder_btn_big span:nth-of-type(2),
.six_btn_big span:nth-of-type(2),
.bottombar_btna span:nth-of-type(2),
.bottombar_btnb span:nth-of-type(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes sdb07 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}