/*
@author: sunke
*/
@charset "utf-8";
html,body{ height:100%; padding-bottom: calc(env(safe-area-inset-bottom) + 0.267rem);  padding-bottom: var(--safe-bottom, calc(env(safe-area-inset-bottom) + 0.267rem));}
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:#fff;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; height:100%;}

/**/
.teacherBlessing-mod{ width:100%; height:100%;}
.swiper-container{ height:100%;}
.teacherBlessing-mod .swiper-slide{ width:100%; height:100%; overflow:hidden;}
.teacherBlessing-mod .mod01{ background:url("/images/zhuanti/2026TeacherBlessing/bg01.jpg") no-repeat center top #dd3a30; background-size:100% auto;}
.teacherBlessing-mod .logo{ display:block; width:5.067rem; left:50%; margin-left:-2.533rem; top:0.373rem;}
.teacherBlessing-mod .mod01 .top-tit{ width:100%; text-align:center; left:0; top:1.493rem;}
.teacherBlessing-mod .mod01 .bg01{ width:3.333rem; height:11.453rem; left:0; top:3.227rem; background:url("/images/zhuanti/2026TeacherBlessing/bg03.png") no-repeat; background-size:100% auto;}
.teacherBlessing-mod .mod01 .bg02{ width:3.333rem; height:12.8rem; right:0; top:3.053rem; background:url("/images/zhuanti/2026TeacherBlessing/bg04.png") no-repeat; background-size:100% auto;}
.teacherBlessing-mod .mod01 .arrow{ display:block; width:100%; padding-top:0.533rem; line-height:1; left:0; bottom:0.667rem; text-align:center; font-size:0.4rem; color:#fdd597; background:url("/images/zhuanti/2026TeacherBlessing/ico01.png") no-repeat center top; background-size:0.32rem auto;}
.teacherBlessing-mod .mod01 .video-con{ display:block; width:5.973rem; height:10.62rem; position:absolute; left:50%; overflow:hidden; margin-left:-2.987rem; top:5.08rem;}
.teacherBlessing-mod .mod01 .video-con video{ width:5.973rem; height:10.62rem;}
.teacherBlessing-mod .mod01 .video-con .btn{ display:block; width:5.973rem; height:10.62rem; position:absolute; left:0; top:0; z-index:9;}
.teacherBlessing-mod .mod02{ background:url("/images/zhuanti/2026TeacherBlessing/bg05.jpg") no-repeat center top #f5a86e; background-size:100% auto;}
.teacherBlessing-mod .mod02 .text{ margin:0 1.613rem; left:0; top:3.193rem;}
.teacherBlessing-mod .mod02 .text p{ line-height:0.693rem; font-size:0.373rem; color:#181818;}
.teacherBlessing-mod .mod02 .text p.tr{ text-align:right;}
.teacherBlessing-mod .mod02 .share-btn{ display:block; width:7.84rem; height:1.16rem; line-height:1.16rem; font-size:0.4rem; color:#fff; font-weight:bold; text-align:center; left:50%; margin-left:-3.92rem; top:14.813rem; background:url("/images/zhuanti/2026TeacherBlessing/btn01.png") no-repeat; background-size:100% auto;}
.teacherBlessing-mod .mod02 .share-btn i{ display:inline-block; width:0.493rem; height:0.493rem; vertical-align:-.1rem; margin-right:0.253rem; background:url("/images/zhuanti/2026TeacherBlessing/ico02.png") no-repeat; background-size:100% auto;}


/**/
.shareMod-mask{width:100%;height:100%;position:fixed;top:0;left:0;z-index:800;background:#000;opacity:.7;display:none;cursor:pointer;}
.shareMod{width:100%;position:fixed;bottom:-100%;left:0;z-index:900;background:#fff;-webkit-transition:all .2s ease; transition:all .2s ease;}
.shareModOpen{bottom:0}
.shareMod-list,.shareMod-list *{-webkit-box-sizing:content-box;box-sizing:content-box;}
.shareMod-list{height:2.64rem;padding-top:.96rem;font-size:0;}
.shareMod-list a{width:25%;height:.88rem;line-height:.88rem;padding-top:1.2rem;display:inline-block;color:#999;font-size:.36rem;text-align:center;background-size:1.2rem 1.2rem;background-position:center top;background-repeat:no-repeat;}
.shareMod-list .share-weixin{background-image:url(https://m.chinaacc.com'/share2018/icon/weixin_friend.png')}
.shareMod-list .share-weixin-friends{background-image:url('https://m.chinaacc.com/share2018/icon/weixin.png')}
.shareMod-list .share-sqq{background-image:url('https://m.chinaacc.com/share2018/icon/qq.png')}
.shareMod-list .share-tsina{background-image:url('https://m.chinaacc.com/share2018/icon/weibo.png')}
.shareMod-cancel{height:1.32rem;line-height:1.32rem;text-align:center;font-size:.4rem;color:#07bdc7;border-top:1px solid #e6e9eb;display:block;}
.isSharePrompt{width:5.04rem;height:3.2rem;background-repeat:no-repeat;background-size:5.04rem 3.2rem;position:fixed;z-index:810;}
.isWeixin{background-image:url('https://m.chinaacc.com/share2018/icon/isWeixin.png');right:0;top:0;}
.isAliappTm{background-image:url('https://m.chinaacc.com/share2018/icon/isAliappTm.png');right:.6rem;top:0;}
.isAliappTb{background-image:url('https://m.chinaacc.com/share2018/icon/isAliappTb.png');right:1.4rem;top:0;}
.isBaidu,.isSogou{background-image:url('https://m.chinaacc.com/share2018/icon/isBaidu.png');right:1.4rem;bottom:0;}
.isSogou{right:-.5rem;}
.isSafari{background-image:url('https://m.chinaacc.com/share2018/icon/isSafari.png');right:3rem;bottom:0;}
.isOther{background-image:url('https://m.chinaacc.com/share2018/icon/isOther.png');right:auto;left:50%;bottom:auto;top:50%;margin:-1.6rem 0 0 -2.52rem;}

.ad-btn{ display:block; width:3.893rem; height:2.84rem; position:fixed; right:-1rem; top:50%; line-height:0; font-size:0; margin-top:-1.413rem; z-index:19; background:url("/images/zhuanti/2026TeacherBlessing/ad.gif") no-repeat; background-size:100% auto;}




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

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}






@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    
    to {
        -webkit-transform: none;
        transform: none;
    }
}

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



@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    
    to {
        -webkit-transform: none;
        transform: none;
    }
}

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


.slideDown{
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    
    visibility: visible !important;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    50%{
        transform: translateY(8%);
    }
    65%{
        transform: translateY(-4%);
    }
    80%{
        transform: translateY(4%);
    }
    95%{
        transform: translateY(-2%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }
    50%{
        -webkit-transform: translateY(8%);
    }
    65%{
        -webkit-transform: translateY(-4%);
    }
    80%{
        -webkit-transform: translateY(4%);
    }
    95%{
        -webkit-transform: translateY(-2%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}