/*
@author: sunke
*/
@charset "utf-8";
body,input,select,textarea,button{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,PingFang SC,Microsoft Yahei,arial,STHeiTi,sans-serif;}
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#8b6bf9;color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;vertical-align:top;border:0;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{color:#333;text-decoration:none;outline:none;}
textarea{resize:none}
input,input:focus,select,textarea,button{outline:0;-webkit-user-modify:read-write-plaintext-only;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.abs{ position:absolute}
.pr{ position:relative;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.isBrowser,.isApp{ display:none;}

/**/
.topHeader-mod{ width:100%; height:10.267rem; overflow:hidden; background:url("/images/zhuanti/teachersday/2023/header.jpg") no-repeat center top; background-size:100% auto;}
.topHeader-mod .bg01{ width:2.427rem; left:0; top:5.707rem;}
.topHeader-mod .bg02{ width:3.773rem; right:0; top:6.147rem;}
.topHeader-mod .time{ display:block; width:4.613rem; height:0.707rem; line-height:0.707rem; text-align:center; font-size:0.293rem; color:#fff; font-weight:bold; position:absolute; left:50%; margin-left:-2.307rem; top:5.96rem;}
.topHeader-mod .time span{ font-size:0.253rem;}

/**/
.teacher-mod{ width:100%; height:7.08rem; margin-bottom:0.48rem; background:url("/images/zhuanti/teachersday/2023/teacher-bg.jpg") no-repeat center top; background-size:100% auto;}
.teacher-mod img{ display:block; width:6.8rem; margin:0 auto; padding-top:2rem;}

/**/
.story-mod{ height:13.64rem; padding-top:1.68rem; margin-bottom:0.48rem; background:url("/images/zhuanti/teachersday/2023/story-bg.jpg") no-repeat center top; background-size:100% auto;}
.story-mod .tit01{ width:4.2rem; height:0.613rem; margin:0.467rem auto 0; background:url("/images/zhuanti/teachersday/2023/tit01.png") no-repeat; background-size:100% auto;}
.story-mod .text{ width:8.32rem; margin:0 auto; padding-bottom:0.4rem; background:#f5f5ff; border-radius:0.133rem;}
.story-mod .text p{ font-size:0.373rem; line-height:0.667rem; padding:0.36rem 0.507rem 0 0.507rem;}
.story-mod .text p span{ color:#f72a68;}
.story-mod .text .btn{ display:block; width:2.893rem; line-height:1; font-size:0.347rem; padding:0.2rem 0; color:#4917e4; border:0.027rem solid #967afb; border-radius:0.533rem; margin:0 auto; text-align:center;}
.story-mod .list{ width:8.76rem; height:3.36rem; margin:0.613rem auto 0; background:url("/images/zhuanti/teachersday/2023/story-bg02.png") no-repeat; background-size:100% auto;}
.story-mod .list ul{ padding:0 0 0 0.267rem;}
.story-mod .list li{ float:left; width:2.427rem; text-align:center; font-size:0.373rem; color:#fff; font-weight:bold; margin-right:0.44rem; padding-top:1.76rem; text-shadow:0 0.053rem 0.027rem #493bf9;}
.story-mod .list li:first-child{ font-size:0.32rem; padding-top:1.9rem;}
.story-mod .list li:first-child a{ font-size:0.22rem; color:#fff;}
.story-mod .list li:nth-child(2){ margin-right:0.6rem;}
.story-mod .list li:last-child{ margin-right:0;}
.story-mod .btn02{ display:block; width:4.853rem; height:1.147rem; line-height:1.147rem; font-size:0.427rem; animation: get-scale 1.5s infinite linear; text-align:center; color:#fff; font-weight:bold; margin:0.32rem auto 0; background:url("/images/zhuanti/teachersday/2023/story-btn.png") no-repeat; background-size:100% auto;}

/**/
.ewm-mod{ height:7.76rem; text-align:center; font-size:0; background:url("/images/zhuanti/teachersday/2023/ewm-bg.jpg") no-repeat center bottom; background-size:100% auto;}
.ewm-mod .box{ display:inline-block; width:4.08rem; height:4.387rem; padding-top:0.56rem; background:rgba(103,80,245,.6); border:0.027rem solid #b7a0fb; border-radius:0.16rem; margin:0 0.307rem;}
.ewm-mod .box img{ display:block; width:2.56rem; height:2.56rem; border-radius:0.16rem; border:0.2rem solid #fff; margin:0 auto;}
.ewm-mod .box p{ line-height:0.453rem; font-size:0.32rem; color:#fff; padding-top:0.267rem;}

@-webkit-keyframes get-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes get-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.animated02 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}


@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}


@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}