/*
@author: he
@update: he (2022-01-12)
*/
@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-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;font-size:0.32rem;}
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%;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{text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.bodyBg{ background: #fb6149;}
.ggtit{ position: absolute; top: -0.333rem; left: 50%; z-index: 5; margin-left: -3.88rem; display: block; width: 7.76rem; height: 1.2rem; padding-top: 0.133rem; background: url(/images/zhuanti/2022anniversary/tit_01.png) no-repeat; background-size: 100% 100%;}
.ggtit-top{ line-height: 0.8rem; text-align: center; font-size: 0.48rem; color: #fff; font-weight: 700; margin-bottom: 0.133rem;}

/*页头*/
.header{ position: relative; z-index: 1; height: 10.293rem; overflow: hidden;}
.header .logo{ z-index: 5; display: block; position: absolute; left: 0.32rem; top: 0.72rem; width: 3.507rem; height: 0.573rem;}
.header .xiaobao{ z-index: 4; position: absolute; top: 3.627rem; left: 4.04rem; width: 2.133rem; height: 3.173rem; background: url(/images/zhuanti/2022anniversary/xiaobao.png) no-repeat; background-size: 100% 100%;}
.header .xiaobao .hua{ position: absolute; top: 1.35rem; left: 0.467rem; width: 0.8rem; height: 1.493rem; background: url(/images/zhuanti/2022anniversary/hua.png) no-repeat; background-size: 100% 100%; -moz-animation:hatch 3s 0s infinite both; -o-animation:hatch 3s 0s infinite both; animation:hatch 3s 0s infinite both;}
.header .btxt{ position: absolute; left: 1.06rem; bottom: 0.4rem; width: 8.067rem; line-height: 0.533rem; font-size: 0.347rem; color: #fff; -webkit-text-shadow:0 0.027rem 0.093rem rgba(255, 82, 13, 1); -moz-text-shadow:0 0.027rem 0.093rem rgba(255, 82, 13, 1); text-shadow:0 0.027rem 0.093rem rgba(255, 82, 13, 1);}
.header .fxBox{position: absolute;bottom: 0;left: 0; z-index: 1; width: 10rem;height: 9.733rem;}
.header .fx1,.header .fx2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/images/zhuanti/2022anniversary/bg_02.png) no-repeat; background-size: 100% 100%; transform-origin: 5rem 7rem; transform: scale(0);opacity: 0;}
.header .fx1{animation: fxfd infinite 8s;}
.header .fx2{animation: fxfd infinite 8s 4s;}
@keyframes fxfd{ 0%{transform: scale(0);} 50%{transform: scale(1);opacity: 0.8;} 100%{transform: scale(1.5);opacity: 0;} }
@keyframes kc { 0%,100%,20%,50%,80% {-webkit-transform: translateY(0);transform: translateY(0)} 40% {-webkit-transform: translateY(-14px);transform: translateY(-14px)} 60% {-webkit-transform: translateY(-7px);transform: translateY(-7px)} }

/*抽奖*/
.luckMain{ padding: 0.733rem 0.2rem 0.88rem;}
.luckMain .conBox{ position: relative; z-index: 1; padding: 0.933rem 0.133rem 0.24rem 0.133rem; background: #ff8f60; border-radius: 0.267rem; margin-bottom: 0.667rem;}
.luckMain .prizeList{ width:9.333rem; height:7.907rem; background:url(/images/zhuanti/2022anniversary/bg_13.gif) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li{ position: absolute; width:2.773rem; height:2.213rem; z-index: 1;}
.luckMain .prizeList li.pz1{ left:0.52rem; top:0.573rem; background:url(/images/zhuanti/2022anniversary/lu_01.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz1{ background:url(/images/zhuanti/2022anniversary/lu_01_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz2{ left:3.293rem; top:0.573rem; background:url(/images/zhuanti/2022anniversary/lu_02.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz2{ background:url(/images/zhuanti/2022anniversary/lu_02_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz3{ left:6.067rem; top:0.573rem; background:url(/images/zhuanti/2022anniversary/lu_03.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz3{ background:url(/images/zhuanti/2022anniversary/lu_03_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz4{ left:6.067rem; top:2.853rem; background:url(/images/zhuanti/2022anniversary/lu_04.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz4{ background:url(/images/zhuanti/2022anniversary/lu_04_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz5{ left:6.067rem; top:5.133rem; background:url(/images/zhuanti/2022anniversary/lu_05.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz5{ background:url(/images/zhuanti/2022anniversary/lu_05_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz6{ left:3.293rem; top:5.133rem; background:url(/images/zhuanti/2022anniversary/lu_06.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz6{ background:url(/images/zhuanti/2022anniversary/lu_06_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz7{ left:0.52rem; top:5.133rem; background:url(/images/zhuanti/2022anniversary/lu_07.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz7{ background:url(/images/zhuanti/2022anniversary/lu_07_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz8{ left:0.52rem; top:2.853rem; background:url(/images/zhuanti/2022anniversary/lu_08.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz8{ background:url(/images/zhuanti/2022anniversary/lu_08_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList .btn{ display: block; width:2.773rem; height:2.213rem; position: absolute; top:2.853rem; left:3.293rem; background:url(/images/zhuanti/2022anniversary/lu_00.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList .btn-ttxt{ line-height: 0.453rem; padding-top: 0.64rem; text-align: center; font-size: 0.4rem; font-weight: 700; color: #fff;}
.luckMain .prizeList .btn-btxt{ line-height: 0.453rem; text-align: center; font-size: 0.24rem; color: #fff;}
.luckMain .prizeList .btn-btxt b{ display: inline-block; padding: 0 0.08rem;}
.luckMain .prizeList .btn-icon{ display: block; position: absolute; top: 0; right: 0.293rem; padding: 0 0.133rem; height: 0.347rem; line-height: 0.347rem; font-size: 0.16rem; color: #fff; border-radius: 0.173rem 0.173rem 0 0.173rem; background: #dd2f2c; -webkit-box-shadow:0 0.053rem 0.08rem rgba(155, 12, 8, 0.35); -moz-box-shadow:0 0.053rem 0.08rem rgba(155, 12, 8, 0.35); box-shadow:0 0.053rem 0.08rem rgba(155, 12, 8, 0.35);}
.luckMain .moreBox{ padding: 0 0.267rem;}
.luckMain .moreBox-tit{ height: 1.227rem; line-height: 1.227rem; font-size: 0.373rem; color: #fff; font-weight: 700; text-align: center; background:url(/images/zhuanti/2022anniversary/tit_03.png) no-repeat center; background-size: 7.947rem auto; -webkit-text-shadow:0 0.067rem 0.133rem rgba(203, 48, 12, 0.6); -moz-text-shadow:0 0.067rem 0.133rem rgba(203, 48, 12, 0.6); text-shadow:0 0.067rem 0.133rem rgba(203, 48, 12, 0.6);}
.luckMain .moreBox-list{ position: relative; z-index: 1; height: 1.707rem; background: #fff7f1; border-radius: 0.107rem; margin-bottom: 0.293rem; -webkit-box-shadow:0 0.053rem 0.173rem rgba(249, 98, 35, 1); -moz-box-shadow:0 0.053rem 0.173rem rgba(249, 98, 35, 1); box-shadow:0 0.053rem 0.173rem rgba(249, 98, 35, 1);}
.luckMain .moreBox-list-icon{ position: absolute; left: 0.2rem; top: 0.187rem; width: 1.333rem; height: 1.333rem;}
.luckMain .moreBox-list-txt{ float: left; padding: 0.373rem 0 0 1.733rem; line-height: 0.48rem; font-size: 0.32rem; color: #ac2c09;}
.luckMain .moreBox-list-txt b{ font-size: 0.373rem;}
.luckMain .moreBox-list-btn{ display: block; width: 2.133rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.32rem; color: #fff; border-radius: 0.4rem; margin: 0.453rem 0.293rem 0 0;
    background: -webkit-linear-gradient(top, #fa5843, #cd2a26); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #fa5843, #cd2a26); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #fa5843, #cd2a26); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #fa5843, #cd2a26); /* 标准的语法 */}
.luckMain .moreBox-list-btn.on{ color: #fff;
    background: -webkit-linear-gradient(top, #eec579, #fcd58a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #eec579, #fcd58a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #eec579, #fcd58a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #eec579, #fcd58a); /* 标准的语法 */}
.luckMain .draw-list{ position: relative; z-index: 1; padding: 0.533rem 0 0.4rem; background:url(/images/zhuanti/2022anniversary/bg_03.jpg) no-repeat center bottom #fff; background-size: 100% auto; border-radius: 0.267rem;}
.luckMain .draw-list .fdicon{ display: block; position: absolute; top: -0.48rem; left: 50%; margin-left: -1.947rem; width:3.893rem; height:0.987rem; background:url(/images/zhuanti/2022anniversary/tit_04.png) no-repeat; background-size: 100% 100%;}
.luckMain .draw-list .gzbtn{ display: block; position: absolute; top: 0.533rem; right: 0.4rem; width: 2.133rem; height: 0.667rem; line-height: 0.667rem; font-size: 0.32rem; color: #cd2415; text-align: center; border-radius: 0.333rem;
    background: -webkit-linear-gradient(left, #ffb86d, #fdd77e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffb86d, #fdd77e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffb86d, #fdd77e); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffb86d, #fdd77e); /* 标准的语法 */}
.luckMain .draw-list .dltit{ height:0.667rem; line-height:0.667rem; font-size:0.4rem; text-align: center; color:#ac2c09; font-weight:bold;}
.luckMain .draw-list .swiper-drawBigList{ overflow: hidden; width: 9.2rem; height: 3.147rem; margin: 0 auto 0.213rem;}
.luckMain .draw-list .swiper-drawBigList .swiper-slide{ width: 2.933rem; height: 3.147rem; padding: 0 0.067rem;}
.luckMain .draw-list .swiper-drawBigList .swiper-slide .spic{ display: block; width: 1.867rem; height: 1.867rem; margin: 0 auto;}
.luckMain .draw-list .swiper-drawBigList .swiper-slide .sttxt{ line-height: 0.427rem; text-align: center; font-size: 0.32rem; color: #260000;}
.luckMain .draw-list .swiper-drawBigList .swiper-slide .sctxt{ line-height: 0.427rem; text-align: center; font-size: 0.32rem; color: #ee5b0b;}
.luckMain .draw-list .swiper-drawBigList .swiper-slide .sbtxt{ line-height: 0.427rem; text-align: center; font-size: 0.32rem; color: #999;}
.luckMain .draw-list .swiper-drawCenList,.luckMain .draw-list .swiper-drawBotList{ overflow: hidden; padding:0 0 0 0.667rem; height: 1.493rem;}
.luckMain .draw-list .swiper-drawCenList .swiper-slide,.luckMain .draw-list .swiper-drawBotList .swiper-slide{ height:0.747rem; line-height:0.747rem; font-size:0.347rem; color:#333;}
.luckMain .draw-list .swiper-drawCenList .swiper-slide span,.luckMain .draw-list .swiper-drawBotList .swiper-slide span{ display:block; float:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.luckMain .draw-list .swiper-drawCenList .swiper-slide span.t1,.luckMain .draw-list .swiper-drawBotList .swiper-slide span.t1{ width:2.667rem; margin-right: 0.267rem;}
.luckMain .draw-list .swiper-drawCenList .swiper-slide span.t2,.luckMain .draw-list .swiper-drawBotList .swiper-slide span.t2{ width:3.2rem; color: #ee5b0b; margin-right: 0.267rem;}
.luckMain .draw-list .swiper-drawCenList .swiper-slide span.t3,.luckMain .draw-list .swiper-drawBotList .swiper-slide span.t3{ width:2.4rem;}
.luckMain .draw-list .zjjlbtn{ display: block; width: 4.667rem; height: 1.067rem; line-height: 1.067rem; font-size: 0.427rem; font-weight: 700; color: #fff; text-align: center; border-radius: 0.533rem; margin: 0.16rem auto 0; -webkit-box-shadow:0 0.133rem 0.133rem rgba(183, 15, 6, 0.3); -moz-box-shadow:0 0.133rem 0.133rem rgba(183, 15, 6, 0.3); box-shadow:0 0.133rem 0.133rem rgba(183, 15, 6, 0.3);
    background: -webkit-linear-gradient(top, #fc6320, #d71631); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #fc6320, #d71631); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #fc6320, #d71631); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #fc6320, #d71631); /* 标准的语法 */}

/*故事*/
.storyMain{ padding: 0 0.2rem 0.88rem;}
.storyMain .conBox{ position: relative; z-index: 1; padding: 0.933rem 0 0.2rem; background: #ffdfc5; border-radius: 0.267rem;}
.storyMain .conBox .ggtit{ width: 9.6rem; margin-left: -4.8rem; background: url(/images/zhuanti/2022anniversary/tit_02.png) no-repeat; background-size: 100% 100%;}
.storyMain .conBox .tit{ height: 0.427rem; line-height: 0.427rem; text-align: center; font-size: 0.37rem; color: #ac2c09; font-weight: 700; margin-bottom: 0.267rem;}
.storyMain .conBox .video{ width:7.8rem; height:4.88rem; border:0.133rem solid #f9ad7f; border-radius:0.133rem; cursor:pointer; overflow:hidden; margin: 0 auto 0.333rem;}
.storyMain .conBox .video img{ display:block; width:7.8rem; height:4.88rem;}
.storyMain .conBox .swiper-storyList{ overflow: hidden; padding:0 0.4rem; height: 5.133rem;}
.storyMain .conBox .swiper-storyList .swiper-slide{ padding: 0.187rem 0 0.32rem 0.347rem; width: 8.4rem; height: auto;}
.storyMain .conBox .swiper-storyList .swiper-slide .sCon{ position: relative; z-index: 1; padding: 0.16rem 0.4rem 0.18rem 1.6rem; background: #fff7f1; border-radius: 0.373rem; -webkit-box-shadow:0 0.04rem 0.107rem rgba(251, 138, 91, 0.35); -moz-box-shadow:0 0.04rem 0.107rem rgba(251, 138, 91, 0.35); box-shadow:0 0.04rem 0.107rem rgba(251, 138, 91, 0.35);}
.storyMain .conBox .swiper-storyList .swiper-slide .sCon-tit{ line-height: 0.613rem; font-size: 0.373rem; color: #690705; font-weight: 700;}
.storyMain .conBox .swiper-storyList .swiper-slide .sCon-txt{ line-height: 0.48rem; font-size: 0.347rem; color: #260000;}
.storyMain .conBox .swiper-storyList .swiper-slide .sCon-img{ position: absolute; top: -0.067rem; left: -0.347rem; display: block; width: 1.6rem; height: 1.6rem;}
.storyMain .conBox .swiper-storyList .swiper-slide .sCon-icon{ display: block; position: absolute; top: -0.187rem; right: 0.213rem; padding: 0 0.267rem; height: 0.427rem; line-height: 0.427rem; font-size: 0.267rem; color: #fff; border-radius: 0.213rem 0.213rem 0.213rem 0;
    background: -webkit-linear-gradient(left, #ff9b6b, #ffbc75); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff9b6b, #ffbc75); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff9b6b, #ffbc75); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff9b6b, #ffbc75); /* 标准的语法 */}
.storyMain .conBox .swiper-storyList .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

/*送祝福*/
.blessingMain{ padding: 0 0.2rem 0.88rem;}
.blessingMain .conBox{ position: relative; z-index: 1; padding: 0.933rem 0 0.533rem; background: #ffdfc5; border-radius: 0.267rem;}
.blessingMain .conBox .ggtit{ width: 9.6rem; margin-left: -4.8rem; background: url(/images/zhuanti/2022anniversary/tit_02.png) no-repeat; background-size: 100% 100%;}
.blessingMain .conBox .tit{ height: 0.427rem; line-height: 0.427rem; text-align: center; font-size: 0.37rem; color: #ac2c09; font-weight: 700; margin-bottom: 0.267rem;}
.blessingMain .conBox .blessing{ width: 8.8rem; padding: 0.533rem 0 0.267rem; margin: 0 auto 0.4rem; border-radius: 0.2rem; background: url(/images/zhuanti/2022anniversary/bg_04.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 0.12rem 0.093rem rgba(229, 105, 53, 0.2); -moz-box-shadow:0 0.12rem 0.093rem rgba(229, 105, 53, 0.2); box-shadow:0 0.12rem 0.093rem rgba(229, 105, 53, 0.2);}
.blessingMain .conBox .blessing .swiper-topRollList01,.blessingMain .conBox .blessing .swiper-topRollList02{ overflow: hidden; width: 7.733rem; height: 1.067rem; margin: 0 auto 0.4rem;}
.blessingMain .conBox .blessing .swiper-topRollList01 .swiper-slide,.blessingMain .conBox .blessing .swiper-topRollList02 .swiper-slide{ width: auto; height: 1.067rem; margin-right: 0.6rem;}
.blessingMain .conBox .blessing .swiper-topRollList01 .swiper-slide .photo,.blessingMain .conBox .blessing .swiper-topRollList02 .swiper-slide .photo{ float: left; width: 1.067rem; height: 1.067rem; border-radius: 50%;}
.blessingMain .conBox .blessing .swiper-topRollList01 .swiper-slide .tancbg,.blessingMain .conBox .blessing .swiper-topRollList02 .swiper-slide .tancbg{ float: left; max-width: 4.4rem; height: 1.013rem; line-height: 0.48rem; font-size: 0.32rem; padding-top: 0.053rem; margin-left: 0.32rem;}
.blessingMain .conBox .blessing .swiper-topRollList01 .swiper-slide .tancbg p.name,.blessingMain .conBox .blessing .swiper-topRollList02 .swiper-slide .tancbg p.name{ width: 100%; height: 0.48rem; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.blessingMain .conBox .blessing .swiper-topRollList01 .swiper-slide .tancbg p.txt,.blessingMain .conBox .blessing .swiper-topRollList02 .swiper-slide .tancbg p.txt{ width: 100%; height: 0.48rem; color: #260000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.blessingMain .conBox .blessing .swiper-topRollList01 .swiper-wrapper,.blessingMain .conBox .blessing .swiper-topRollList02 .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.blessingMain .conBox .blessing .botTit{ width: 2.133rem; height: 0.8rem; text-align: center; line-height: 0.8rem; font-size: 0.373rem; color: #fff; background: #f4614e; border-radius: 0.2rem 0.2rem 0 0.2rem; margin: 0.133rem 0.533rem 0.133rem;}
.blessingMain .conBox .blessing .botRoll{ padding: 0 0.427rem 0 0.533rem; height: 3.947rem; overflow: auto; overflow-x: hidden; margin-right: 0.107rem;}
.blessingMain .conBox .blessing .botRoll .brList{ line-height: 0.48rem; padding: 0.267rem 0; font-size: 0.32rem; color: #260000; border-bottom: 1px dashed #e4e4e4;}
.blessingMain .conBox .blessing .botRoll .brList em{ float: right; color: #83391c;}
.blessingMain .conBox .sendOut{ position: relative; z-index: 1; width: 8.8rem; background: #ffdfc5; border: 0.027rem solid #ea6531; border-radius: 0.2rem; margin: 0 auto; -webkit-box-shadow:0 0.12rem 0.213rem rgba(231, 28, 26, 0.35); -moz-box-shadow:0 0.12rem 0.213rem rgba(231, 28, 26, 0.35); box-shadow:0 0.12rem 0.213rem rgba(231, 28, 26, 0.35);}
.blessingMain .conBox .sendOut-txt{ width: 8.267rem; height: 1.6rem; border: 0; line-height: 0.533rem; font-size: 0.32rem; color: #333; padding: 0.267rem; margin-bottom: 0.32rem; border-radius: 0.2rem 0.2rem 0 0;}
.blessingMain .conBox .sendOut-btn{ display: block; width: 4.667rem; height: 1.067rem; line-height: 1.067rem; text-align: center; font-size: 0.427rem; font-weight: 700; color: #fff; border-radius: 0.533rem; margin:0 auto 0.32rem; -webkit-box-shadow:0 0.053rem 0.08rem rgba(137, 13, 11, 0.43); -moz-box-shadow:0 0.053rem 0.08rem rgba(137, 13, 11, 0.43); box-shadow:0 0.053rem 0.08rem rgba(137, 13, 11, 0.43);
    background: -webkit-linear-gradient(top, #ff7a21, #dd1e1a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ff7a21, #dd1e1a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ff7a21, #dd1e1a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ff7a21, #dd1e1a); /* 标准的语法 */}
.blessingMain .conBox .sendOut-btn.on{ color: #fff;
    background: -webkit-linear-gradient(top, #eec579, #fcd58a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #eec579, #fcd58a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #eec579, #fcd58a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #eec579, #fcd58a); /* 标准的语法 */}
.blessingMain .conBox .sendOut .fdLoginBg{ z-index: 5; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 3.9rem; background:fixed url(about:blank);}

/*生成海报*/
.posterMain{ padding: 0 0.2rem 0.88rem;}
.posterMain .conBox{ position: relative; z-index: 1; padding: 0.933rem 0 0.533rem; background: #ffdfc5; border-radius: 0.267rem;}
.posterMain .conBox .tit{ height: 0.427rem; line-height: 0.427rem; text-align: center; font-size: 0.37rem; color: #ac2c09; font-weight: 700; margin-bottom: 0.267rem;}
.posterMain .conBox .pic{ position: relative; z-index: 1; display: block; width: 8.573rem; height: 9.68rem; margin: 0 auto;}
.posterMain .conBox .pic img{ width: 8.573rem; height: 9.68rem;}
.posterMain .conBox .pic-btn{ position: absolute; left: 50%; bottom: 0.4rem; margin-left: -2.8rem; display: block; width: 5.6rem; height: 1.067rem; line-height: 1.067rem; text-align: center; font-size: 0.427rem; font-weight: 700; color: #fff; border-radius: 0.533rem; -webkit-box-shadow:0 0.053rem 0.08rem rgba(137, 13, 11, 0.43); -moz-box-shadow:0 0.053rem 0.08rem rgba(137, 13, 11, 0.43); box-shadow:0 0.053rem 0.08rem rgba(137, 13, 11, 0.43);
    background: -webkit-linear-gradient(top, #ff7a21, #dd1e1a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ff7a21, #dd1e1a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ff7a21, #dd1e1a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ff7a21, #dd1e1a); /* 标准的语法 */}

/*榜样*/
.exampleMain{ padding: 0 0.2rem 0.88rem;}
.exampleMain .conBox{ position: relative; z-index: 1; padding: 0.933rem 0 0.267rem; background: #ffdfc5; border-radius: 0.267rem;}
.exampleMain .conBox .ggtit{ width: 9.6rem; margin-left: -4.8rem; background: url(/images/zhuanti/2022anniversary/tit_02.png) no-repeat; background-size: 100% 100%;}
.exampleMain .conBox .tit{ height: 0.427rem; line-height: 0.427rem; text-align: center; font-size: 0.37rem; color: #ac2c09; font-weight: 700; margin-bottom: 0.267rem;}
.exampleMain .conBox .swiper-container{ width: 7.733rem; height: 4.933rem;}
.exampleMain .conBox .swiper-slide{ position: relative; z-index: 1; width: 7.733rem; height: 4.4rem; cursor: pointer;}
.exampleMain .conBox .swiper-slide img{ width: 7.733rem; height: 4.4rem;}
.exampleMain .conBox .swiper-slide i{ position: absolute; top: 50%; left: 50%; margin: -0.627rem 0 0 -0.627rem; width: 1.267rem; height: 1.267rem; background:url(/images/zhuanti/2022anniversary/icon_07.png) no-repeat; background-size: 100% 100%;}
.exampleMain .conBox .swiper-pagination{ bottom: 0;}
.exampleMain .conBox .swiper-pagination-bullet{ width: 0.2rem; height: 0.2rem; background-color: #ff925f;}

/*感言*/
.recollectionsMain{ padding: 0 0.2rem 0.88rem;}
.recollectionsMain .conBox{ position: relative; z-index: 1; padding: 0.933rem 0 0.267rem; background: #ffdfc5; border-radius: 0.267rem;}
.recollectionsMain .conBox .ggtit{ width: 9.6rem; margin-left: -4.8rem; background: url(/images/zhuanti/2022anniversary/tit_02.png) no-repeat; background-size: 100% 100%;}
.recollectionsMain .conBox .tit{ height: 0.427rem; line-height: 0.427rem; text-align: center; font-size: 0.37rem; color: #ac2c09; font-weight: 700; margin-bottom: 0.267rem;}
.recollectionsMain .conBox .tabTit{ height: 1.173rem; margin: 0 0.2rem; display: -webkit-flex; display: flex; justify-content: space-between;}
.recollectionsMain .conBox .tabTit li{ width: 4.507rem; height: 1.067rem; line-height: 1.067rem; text-align: center; font-size: 0.427rem; color: #fff; background: #ff925f; border-radius: 0.133rem; cursor: pointer;}
.recollectionsMain .conBox .tabTit li.on{ width: 4.507rem; height: 1.173rem; background: #fff; color: #e93229; font-weight: 700; border-radius: 0.133rem 0.133rem 0 0;}
.recollectionsMain .conBox .tabCon{ display: none; background: #fff; margin: 0 0.2rem; border-radius: 0 0 0.133rem 0.133rem;}
.recollectionsMain .conBox .tabCon .tcList{ display: block; width: 100%; height: 1.227rem; line-height: 1.227rem; display: -webkit-flex; display: flex; justify-content: space-between;}
.recollectionsMain .conBox .tabCon .tcList span{ display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.recollectionsMain .conBox .tabCon .tcList span.t1{ width: 8.267rem; height: 1.227rem; padding-left: 0.4rem; font-size: 0.373rem; color: #333;}
.recollectionsMain .conBox .tabCon .tcList span.t2{ width: 2.267rem; height: 1.227rem; font-size: 0.32rem; color: #999;}
.recollectionsMain .conBox .tabCon .tcList.bg{ background: #fff4ec;}

/*直播*/
.liveMain{ padding: 0 0.2rem 0.88rem;}
.liveMain .conBox{ position: relative; z-index: 1; padding: 0.933rem 0 0.267rem; background: #ffdfc5; border-radius: 0.267rem;}
.liveMain .conBox .ggtit{ width: 9.6rem; margin-left: -4.8rem; background: url(/images/zhuanti/2022anniversary/tit_02.png) no-repeat; background-size: 100% 100%;}
.liveMain .conBox .liveMain-video{display: none; position: relative; z-index: 1; width:8.8rem; height:5.44rem; margin: 0 auto 0.4rem; background: url(/images/zhuanti/2021xianchang/bg_07.jpg) no-repeat; background-size:100% 100%;}
.liveMain .conBox .liveMain-video a{ display: block; width:8.8rem; height:5.44rem;}
.liveMain .conBox .liveMain-video .teaPic{ position: absolute; left: 0.133rem; bottom: 0; display: block; width: 3.067rem; height: 4.267rem;}
.liveMain .conBox .liveMain-video .fdIcon{ position: absolute; left: 0; top: 0.693rem; width: 0.48rem; line-height: 0.373rem; font-size: 0.267rem; color: #fff; text-align: center; font-weight: 700;}
.liveMain .conBox .liveMain-video .ttxt{ position: absolute; left: 3.16rem; top: 0.973rem; width: 4.093rem; height: 0.667rem; line-height: 0.667rem; text-align: center; font-size: 0.4rem; font-weight: 700; color: #fff;}
.liveMain .conBox .liveMain-video .ctxt{ position: absolute; left: 2.2rem; top: 2.213rem; width: 6.227rem; height: 0.667rem; line-height: 0.667rem; text-align: center; font-size: 0.533rem; font-weight: 700; color: #fff;}
.liveMain .conBox .liveMain-video .btxt{ position: absolute; right: 3.067rem; top: 4.4rem; height: 0.347rem; line-height: 0.347rem; font-size: 0.293rem; font-weight: 700; color: #06946a;}
.liveMain .conBox .liveMain-video .ewmPic{ position: absolute; right: 0.72rem; bottom: 0.453rem; display: block; width: 1.547rem; height: 1.547rem;}
.liveMain .conBox .liveMain-list{ margin: 0 0.267rem;}
.liveMain .conBox .liveMain-list .swiper-container{ padding-top: 0.147rem;}
.liveMain .conBox .liveMain-list .swiper-slide{ width:auto; padding: 0.4rem 0.56rem .4rem 0; position:relative; border-top: 0.053rem solid #fb6149;}
.liveMain .conBox .liveMain-list .swiper-slide p{ font-size: 0.32rem; line-height: 0.533rem; color:#333; padding-left: 0.107rem;}
.liveMain .conBox .liveMain-list .swiper-slide p b{ font-size: 0.347rem;}
.liveMain .conBox .liveMain-list .swiper-slide i{ display:block; width: 0.347rem; height: 0.347rem; background:url(/images/zhuanti/2022anniversary/icon_17.png) no-repeat; background-size:100% 100%; position:absolute; left: 0.107rem; top: -0.2rem;}
.liveMain .conBox .liveMain-list .swiper-slide .btn{ display: block; width: 1.96rem; height: 0.8rem; line-height: 0.747rem; font-size: 0.32rem; text-align: center; color: #fff; border-radius: 0.333rem; background:url(/images/zhuanti/2021xianchang/icon_04.png) no-repeat; background-size:100% 100%; margin-left: 0.107rem; margin-top: 0.107rem;}
.liveMain .conBox .liveMain-list .swiper-slide.cur p{ color:#ff7d0a;}
.liveMain .conBox .liveMain-list .swiper-slide.cur i{ background:url(/images/zhuanti/2022anniversary/icon_16.png) no-repeat; background-size:100% 100%;}
.liveMain .conBox .liveMain-list .swiper-slide.cur .btn{ background:url(/images/zhuanti/2021xianchang/icon_03.png) no-repeat; background-size:100% 100%; margin-left: 0.107rem; -webkit-box-shadow:0 0.067rem 0.12rem rgba(37, 75, 202, 0.3); -moz-box-shadow:0 0.067rem 0.12rem rgba(37, 75, 202, 0.3); box-shadow:0 0.067rem 0.12rem rgba(37, 75, 202, 0.3);}


/*成长*/
.growUpMain{ padding: 0 0.2rem; background: url(/images/zhuanti/2022anniversary/bg_05.jpg) no-repeat left bottom; background-size: 100% auto;}
.growUpMain .conBox{ position: relative; z-index: 1; padding: 0.933rem 0 0.4rem; background: #ff925f; border-radius: 0.267rem;}
.growUpMain .conBox .ggtit{ width: 9.6rem; margin-left: -4.8rem; background: url(/images/zhuanti/2022anniversary/tit_02.png) no-repeat; background-size: 100% 100%;}
.growUpMain .conBox .swiper-container{ width: 8.933rem; height: 2.133rem; padding: 0.267rem 0.133rem; background: #ffdfc5; border-radius: 0.133rem;}
.growUpMain .conBox .swiper-slide{ width: 3.2rem; height: 2.133rem; padding: 0 0.133rem;}
.growUpMain .conBox .swiper-slide img{ width: 3.2rem; height: 2.133rem;}
.growUpMain .conBox .container{ position: relative; width: 100%; margin: 0.533rem auto 0; background: url(/images/zhuanti/2022anniversary/bg_07.jpg) no-repeat 0.88rem 3.4rem; background-size: 6.213rem 2.36rem;}
.growUpMain .conBox .container li{ margin: 0 0 0.133rem 0.41rem;}
.growUpMain .conBox .container li a{display: inline-block; width: 2rem; height: 0.667rem; line-height: 0.667rem; text-align: center; font-size: 0.347rem; color: #fff; border-radius: 0.333rem; margin: 0 0.16rem 0 0;
    background: -webkit-linear-gradient(left, #e12544, #e54b38); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #e12544, #e54b38); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #e12544, #e54b38); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #e12544, #e54b38); /* 标准的语法 */}
.growUpMain .conBox .container .list2{margin-top: 1.433rem}
.growUpMain .conBox .container .list2 li{text-align: right; margin: 0 0.41rem 0.133rem 0;}
.growUpMain .conBox .container .list2 li a{ margin: 0 0 0 0.16rem;}

/*新征程*/
.journeyMain{ padding: 0.533rem 0 0.8rem; background: url(/images/zhuanti/2022anniversary/bg_06.jpg) no-repeat; background-size: 100% 100%;}
.journeyMain .tit{ text-align: center; line-height: 1.173rem; font-size: 0.507rem; color: #fff; font-weight: 700; -webkit-text-shadow:0 0.093rem 0.08rem rgba(218, 67, 48, 0.7); -moz-text-shadow:0 0.093rem 0.08rem rgba(218, 67, 48, 0.7); text-shadow:0 0.093rem 0.08rem rgba(218, 67, 48, 0.7);}
.journeyMain .txt{ text-align: center; line-height: 0.72rem; font-size: 0.347rem; color: #fff; margin-bottom: 0.613rem; -webkit-text-shadow:0 0.093rem 0.08rem rgba(218, 67, 48, 0.7); -moz-text-shadow:0 0.093rem 0.08rem rgba(218, 67, 48, 0.7); text-shadow:0 0.093rem 0.08rem rgba(218, 67, 48, 0.7);}
.journeyMain .cen{ display: -webkit-flex; display: flex; justify-content: center;}
.journeyMain .cen-list{ display: block; width: 2.32rem;}
.journeyMain .cen-list img{ display: block; width: 1.76rem; height: 1.76rem; margin: 0 auto;}
.journeyMain .cen-list p{ line-height: 1.04rem; text-align: center; font-size: 0.373rem; color: #fff8f2;}
.journeyMain .qritem{ display: -webkit-flex; display: flex; justify-content: center; margin-top: -0.3rem;}
.journeyMain .qritem-list{ display: block; width: 2.48rem; padding: 0.2rem; background: #ff925f; margin: 0 0.4rem;}
.journeyMain .qritem-list img{ width: 2.48rem; height: 2.48rem;}
.journeyMain .qritem-list p{ line-height: 0.453rem; text-align: center; font-size: 0.293rem; color: #fff;}

/*右侧浮动*/
.fix-help,.fix-top,.fix-share{ display:block; width:1.2rem; height:1.2rem; z-index:71; background:url(/images/zhuanti/2022anniversary/icon_11.png) no-repeat; background-size:100% 100%; position:fixed; right:.36rem; bottom:3rem;}
.fix-top{ background:url(/images/zhuanti/2022anniversary/icon_10.png) no-repeat; background-size:100% auto; right:.36rem; bottom:0.2rem;}
.fix-share{ background:url(/images/zhuanti/2022anniversary/icon_09.png) no-repeat; background-size:100% auto; right:.36rem; bottom:1.6rem;}

.mask{display: none; background:#000;opacity: .7;position:fixed;;left:0;top:0;height:100%;width:100%;z-index:98; cursor: pointer;}

/*提示弹框*/
.tsTk{display: none;width: 8.107rem; background: #fff; border-radius: 0.107rem; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -4.05rem; z-index: 99;}
.tsTk .xx{display: block; position: absolute; top: -0.26rem; right: -0.26rem; width: 0.667rem; height: 0.667rem; background: url(/images/zhuanti/2022anniversary/icon_12.png) no-repeat; background-size: 100%;}
.tsTk .cpic{width: 1.573rem; height: 1.573rem; padding-top: 0.4rem; margin: 0 auto 0.04rem;}
.tsTk .ctxt{line-height: 0.507rem; font-size: 0.427rem; color: #666; text-align: center; margin: 0.5rem 0.4rem 0.6rem;}
.tsTk .ctxt b{color: #f7553f;}
.tsTk .bhan{display: block; width: 3.1rem; height: 0.933rem; text-align: center; line-height: 0.933rem; color: #fff; background: #f7553f; margin: 0 auto 0.373rem; border-radius: 0.467rem; font-size: 0.4rem;}
.tsTk .bhan:hover{text-decoration: none; opacity: 0.9;}
.tsTk .yesBox,.tsTk .noBox,.tsTk .yyBox{display: none;}
.tsTk .hbox{height: 0.533rem; text-align: center; margin-bottom: 0.373rem;}
.tsTk .hbox .bhan{display: inline-block; *display: inline; *zoom: 1; margin: 0 0.2rem;}

/*抽奖弹框*/
.swcjTk{ display: none; width: 9.2rem; background: #fff; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -4.6rem; z-index: 99; border-radius: 0.267rem;}
.swcjTk .ttxt { height: 1.4rem; line-height: 1.4rem; background: #fdf1de; font-size: .453rem; font-weight: 700; color: #c8110d; text-align: center; border-radius: 0.267rem 0.267rem 0 0;}
.swcjTk .tbox{ padding-top: 0.2rem; margin-bottom: 0.4rem;}
.swcjTk .tbox .tpic { display: block; width: 3.2rem; height: 3.2rem; margin: 0 auto 0.267rem; }
.swcjTk .tbox .tpic.big{ width: 3.067rem; height: 3.067rem; margin: 0 auto .4rem;}
.swcjTk .tbox .ctxt{ line-height: 0.48rem; font-size: 0.32rem; color: #666; text-align: center;}
.swcjTk .cbox-list { display: inline-block; clear: both; margin-bottom: 0.267rem; }
.swcjTk .cbox-list .ltxt,.swcjTk .cbox-list .ltxt02{ width: 3rem; line-height: 0.667rem; font-size: 0.32rem; padding-right: 0.133rem; text-align: right;}
.swcjTk .cbox-list .ltxt02{ width: 3rem;}
.swcjTk .cbox-list .xcon02{padding-left: 3.14rem;margin-top: 0.36rem;}
.swcjTk .cbox-list .inptxt{ width: 4.64rem; padding: 0 0.267rem; height: 0.64rem; line-height: 0.64rem; font-size: 0.32rem; border: 1px solid #fce2ba;}
.swcjTk .cbox-list .inptxt.min{ width: 1.907rem; margin-right: 0.267rem;}
.swcjTk .cbox-list .inptxt-return{ display: none; width: 4.8rem; height: 0.667rem;  line-height: 0.667rem; font-size: 0.32rem;}
.swcjTk .cbox-list .xcon02 .yourSelect02{ display: none;}
.swcjTk .cbox-list.mb0{ margin-bottom: 0;}
.swcjTk .bhan { display: flex; justify-content: center; align-items: center; width: 5.067rem; height: 0.933rem; text-align: center; line-height: 0.933rem; font-size: 0.4rem; color: #fff; font-weight: 700; background: #f26208; border-radius: 0.467rem; margin: 0 auto 0.533rem; -webkit-box-shadow: 0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); -moz-box-shadow: 0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); box-shadow: 0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); }

/*抽奖弹框*/
.couponTk{ display: none; width: 9.2rem; background: #fff; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -4.6rem; z-index: 99; border-radius: 0.267rem;}
.couponTk .ttxt { height: 1.4rem; line-height: 1.4rem; background: #fdf1de; font-size: .453rem; font-weight: 700; color: #c8110d; text-align: center; border-radius: 0.267rem 0.267rem 0 0;}
.couponTk .tbox{ padding-top: 0.2rem; margin-bottom: 0.4rem;}
.couponTk .tbox .tpic { display: block; width: 3.2rem; height: 3.2rem; margin: 0 auto 0.267rem; }
.couponTk .tbox .ctxt{ line-height: 0.48rem; font-size: 0.32rem; color: #666; text-align: center;}
.couponTk .bhan { display: flex; justify-content: center; align-items: center; width: 5.067rem; height: 0.933rem; text-align: center; line-height: 0.933rem; font-size: 0.4rem; color: #fff; font-weight: 700; background: #f26208; border-radius: 0.467rem; margin: 0 auto 0.533rem; -webkit-box-shadow: 0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); -moz-box-shadow: 0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); box-shadow: 0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); }

/*我的中奖记录弹框*/
.zjjlTk{display: none; width: 10rem; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -5rem; z-index: 99; background: url(/images/zhuanti/2022anniversary/bg_15.png) no-repeat; background-size: 100% 100%;}
.zjjlTk .xx{display: block; position: absolute; top: -0.213rem; right: 0.46rem; width: 0.667rem; height: 0.667rem; background: url(/images/zhuanti/2022anniversary/icon_12.png) no-repeat; background-size: 100% 100%;}
.zjjlTk .tit{ height: 1.2rem; line-height: 1.2rem; margin-top:0.1rem; font-size: 0.38rem; text-align: center; color: #e00742; font-weight: 700;}
.zjjlTk .coupon{margin: 0 0 0.653rem 1.28rem; width: 7.6rem; background: #fff; border: 1px solid #fbc286;}
.zjjlTk .coupon-tit{ height: 0.827rem; line-height: 0.827rem; font-size: 0.32rem; color: #7b0906; display: block; background: #fbc286;}
.zjjlTk .coupon-tit span{display: inline-block; font-size: 0.32rem; text-indent: 0.4rem;}
.zjjlTk .coupon-tit .wit1{ width: 69%;}
.zjjlTk .coupon-tit .wit2{ width: 29%;}
.zjjlTk .coupon-box{background: #fff; margin-top: 0.187rem; max-height: 5rem; overflow: auto; overflow-x: hidden;}
.zjjlTk .coupon-list{ height: 0.8rem; line-height: 0.8rem; font-size: 0.187rem; color: #666; margin-bottom: 0.187rem; background: #fdf1de;}
.zjjlTk .coupon-list span{display: inline-block; font-size: 0.32rem; text-indent: 0.4rem;}
.zjjlTk .coupon-list .wit1{ width: 69%;}
.zjjlTk .coupon-list .wit2{ width: 29%;}

/* 抽奖规则 */
.gzTk{display: none; width: 10rem; height: 8.747rem; padding: 0.4rem 0; background: url(/images/zhuanti/2022anniversary/s_27.png) no-repeat; background-size:100% 100%; top: 50%; left: 50%; position: fixed; z-index: 99; border-radius: 0.24rem; margin: 0 auto; transform: translateX(-50%);}
.gzTk .xx{position: absolute; top: -0.3rem; right: 0.2rem; display: block; width: 0.667rem; height: 0.667rem; background: url(/images/zhuanti/2022anniversary/icon_12.png) no-repeat; background-size:100% 100%;}
.gzTk .txtbox{ padding:0 1rem; max-height:8.747rem; overflow: auto; overflow-x: hidden;}
.gzTk .txtbox b{font-size: 0.48rem; color: #c8110d; line-height: 1.053rem; vertical-align: middle;}
.gzTk .txtbox b i{display: inline-block; width: 3px;height: 0.48rem;background: #ab0714; border-radius: 0.053rem; margin-right: 0.28rem; vertical-align: middle; margin-bottom: 4px;}
.gzTk .txtbox .txt{line-height: 0.72rem; font-size:0.427rem; margin-bottom: 0.133rem;}


@-webkit-keyframes hatch{
    0%{-webkit-transform:rotate(0deg)}
    12%{-webkit-transform:rotate(-4deg)}
    21%{-webkit-transform:rotate(4deg)}
    30%{-webkit-transform:rotate(-4deg)}
    36%{-webkit-transform:rotate(2deg)}
    40%{-webkit-transform:rotate(-2deg)}
    57%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes hatch{
    0%{-moz-transform:rotate(0deg)}
    12%{-moz-transform:rotate(-4deg)}
    21%{-moz-transform:rotate(4deg)}
    30%{-moz-transform:rotate(-4deg)}
    36%{-moz-transform:rotate(2deg)}
    40%{-moz-transform:rotate(-2deg)}
    57%{-moz-transform:rotate(0deg)}
}
@-o-keyframes hatch{
    0%{-o-transform:rotate(0deg)}
    12%{-o-transform:rotate(-4deg)}
    21%{-o-transform:rotate(4deg)}
    30%{-o-transform:rotate(-4deg)}
    36%{-o-transform:rotate(2deg)}
    40%{-o-transform:rotate(-2deg)}
    57%{-o-transform:rotate(0deg)}
}
@keyframes hatch{
    0%{transform:rotate(0deg)}
    12%{transform:rotate(-4deg)}
    21%{transform:rotate(4deg)}
    30%{transform:rotate(-4deg)}
    36%{transform:rotate(2deg)}
    40%{transform:rotate(-2deg)}
    57%{transform:rotate(0deg)}
}